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

Use icon component for icons

Browse Source
This commit is contained in:
Bjarne Fyrstenborg
2022-04-03 21:46:36 +02:00
committed by Nathan Woulfe
parent ddddaeb113
commit 534ca928b4
2 changed files with 16 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/Umbraco.Web.UI.Client/src/views/components/upload/umb-property-file-upload.html
View File

@@ -1,20 +1,17 @@
<div class="umb-property-file-upload">
<div class="umb-property-file-upload">
<ng-form name="vm.fileUploadForm" ng-class="{ 'drag-over': vm.dragover }">
<input
type="hidden"
ng-model="mandatoryValidator"
ng-required="vm.required && !vm.files.length"
/>
ng-required="vm.required && !vm.files.length" />
<div
class="fileinput-button umb-upload-button-big"
ng-hide="vm.files.length > 0"
>
ng-hide="vm.files.length > 0">
<umb-icon icon="icon-page-up" class="icon"></umb-icon>
<p><localize key="media_clickToUpload">Click to upload</localize></p>
<umb-single-file-upload
accept-file-ext="vm.acceptFileExt"
></umb-single-file-upload>
<umb-single-file-upload accept-file-ext="vm.acceptFileExt">
</umb-single-file-upload>
</div>
<div ng-if="vm.files.length > 0">
@@ -25,38 +22,31 @@
source="file.fileSrc"
name="file.fileName"
client-side="file.isClientSide"
client-side-data="file.fileData"
></umb-media-preview>
client-side-data="file.fileData">
</umb-media-preview>
</div>
<div class="umb-property-file-upload--actions">
<button
type="button"
class="btn btn-link"
aria-hidden="true"
ng-click="vm.clear()"
>
<i class="icon-trash"></i>
ng-click="vm.clear()">
<umb-icon icon="icon-trash"></umb-icon>
<localize key="content_uploadClear">Remove file</localize>
</button>
<button
type="button"
class="sr-only"
ng-if="file.isImage"
ng-click="vm.clear()"
>
<localize key="content_uploadClearImageContext"
>Click here to remove the image from the media item</localize
>
ng-click="vm.clear()">
<localize key="content_uploadClearImageContext">Click here to remove the image from the media item</localize>
</button>
<button
type="button"
class="sr-only"
ng-if="!file.isImage"
ng-click="vm.clear()"
>
<localize key="content_uploadClearFileContext"
>Click here to remove the file from the media item</localize
>
ng-click="vm.clear()">
<localize key="content_uploadClearFileContext">Click here to remove the file from the media item</localize>
</button>
</div>
</div>

6
src/Umbraco.Web.UI.Client/src/views/packages/views/repo.html
View File

@@ -300,9 +300,9 @@
<div class="umb-package-details__section-title"><localize key="packager_packageExternalSources">External sources</localize></div>
<div>
<div class="umb-package-details__information-item" ng-repeat="externalSource in vm.package.externalSources">
<a class="umb-package-details__link" href="{{ externalSource.url }}" target="_blank" rel="noopener noreferrer">
<i class="icon-out" aria-hidden="true"></i>
{{ externalSource.name }}
<a class="umb-package-details__link" href="{{externalSource.url}}" target="_blank" rel="noopener noreferrer">
<umb-icon icon="icon-out"></umb-icon>
{{externalSource.name}}
</a>
</div>
</div>