yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Numberrange view: Various minor improvements (#10452)

Browse Source
This commit is contained in:
Jan Skovgaard
2021-08-06 15:33:52 +02:00
committed by GitHub
parent 4e4412ed34
commit dafa5d2ef6
5 changed files with 37 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/Umbraco.Web.UI.Client/src/views/prevalueeditors/numberrange.html
View File

@@ -1,25 +1,38 @@
<div class="umb-property-editor umb-prevalues-numberrange">
<ng-form name="prevalueNumberRangeForm">
<input name="numberFieldMin" class="__min-input"
type="number"
ng-model="model.value.min"
placeholder="0"
min="0"
ng-max="model.value.max"
fix-number />
<ng-form name="prevalueNumberRangeForm" class="flex">
<div>
<input name="numberFieldMin" class="__min-input"
type="number"
ng-model="model.value.min"
placeholder="0"
min="0"
ng-max="model.value.max"
fix-number
id="{{model.alias}}" />
<span ng-messages="prevalueNumberRangeForm.numberFieldMin.$error" show-validation-on-submit >
<span class="db mt1 red" ng-message="number" aria-describedby="{{model.alias}}">
<localize key="validation_invalidNumber">Not a number</localize>
</span>
</span>
</div>
<span class="__enDash">–</span>
<input name="numberFieldMax" class="__max-input"
type="number"
ng-model="model.value.max"
placeholder="∞"
ng-min="model.value.min || 0"
fix-number />
<div>
<label for="validationLimitMax" class="sr-only">
<localize key="maxAmount">Maximum amount</localize>
</label>
<input name="numberFieldMax" class="__max-input"
type="number"
ng-model="model.value.max"
placeholder="∞"
ng-min="model.value.min || 0"
fix-number
id="validationLimitMax" />
<span ng-messages="prevalueNumberRangeForm.numberFieldMin.$error" show-validation-on-submit >
<span class="help-inline" ng-message="number">Not a number</span>
</span>
<span ng-messages="prevalueNumberRangeForm.numberFieldMax.$error" show-validation-on-submit >
<span class="help-inline" ng-message="number">Not a number</span>
</span>
<span ng-messages="prevalueNumberRangeForm.numberFieldMax.$error" show-validation-on-submit >
<span class="db mt1 red" ng-message="number" aria-describedby="amountMax">
<localize key="validation_invalidNumber">Not a number</localize>
</span>
</span>
</div>
</ng-form>
</div>

9
src/Umbraco.Web.UI.Client/src/views/prevalueeditors/numberrange.less
View File

@@ -1,14 +1,7 @@
.umb-prevalues-numberrange {
.__min-input {
}
.__enDash {
display: inline-block;
vertical-align: middle;
margin-top: 5px;
}
.__max-input {
margin: 5px 2px 0;
}
}

1
src/Umbraco.Web.UI/Umbraco/config/lang/da.xml
View File

@@ -1912,6 +1912,7 @@ Mange hilsner fra Umbraco robotten
<key alias="contextMenuDescription">Udfør handling %0% på %1% noden</key>
<key alias="addImageCaption">Tilføj billede overskrift</key>
<key alias="searchContentTree">Søg i indholdstræet</key>
<key alias="maxAmount">Maximum antal</key>
</area>
<area alias="references">
<key alias="tabName">Referencer</key>

1
src/Umbraco.Web.UI/Umbraco/config/lang/en.xml
View File

@@ -2310,6 +2310,7 @@ To manage your website, simply open the Umbraco backoffice and start adding cont
<key alias="contextDialogDescription">Perform action %0% on the %1% node</key>
<key alias="addImageCaption">Add image caption</key>
<key alias="searchContentTree">Search content tree</key>
<key alias="maxAmount">Maximum amount</key>
</area>
<area alias="references">
<key alias="tabName">References</key>

1
src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml
View File

@@ -2329,6 +2329,7 @@ To manage your website, simply open the Umbraco backoffice and start adding cont
<key alias="contextDialogDescription">Perform action %0% on the %1% node</key>
<key alias="addImageCaption">Add image caption</key>
<key alias="searchContentTree">Search content tree</key>
<key alias="maxAmount">Maximum amount</key>
</area>
<area alias="references">
<key alias="tabName">References</key>