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

Merge pull request #1424 from umbraco/temp-U4-8825

Browse Source 
Fixes: U4-8825 Show SVG preview in media picker
This commit is contained in:
Claus
2016-08-10 10:47:35 +02:00
committed by GitHub
parent d99a691bdc ff2311d19c
commit a7b19e1acf
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html
View File

@@ -3,10 +3,16 @@
<ul ui-sortable="sortableOptions" ng-model="images" class="umb-sortable-thumbnails">
<li style="width: 120px; height: 100px; overflow: hidden;" ng-repeat="image in images">
<img ng-src="{{image.thumbnail}}" alt="" ng-show="image.thumbnail">
<!-- IMAGE -->
<img ng-src="{{image.thumbnail}}" alt="" ng-show="image.thumbnail" />
<span class="icon-holder" ng-hide="image.thumbnail">
<i class="icon {{image.icon}} large" ></i>
<!-- SVG -->
<img ng-if="image.metaData.umbracoExtension.Value === 'svg'" ng-src="{{image.metaData.umbracoFile.Value}}" alt="" />
<img ng-if="image.extension === 'svg'" ng-src="{{image.file}}" alt="" />
<!-- FILE -->
<span class="icon-holder" ng-hide="image.thumbnail || image.metaData.umbracoExtension.Value === 'svg' || image.extension === 'svg'">
<i class="icon {{image.icon}} large"></i>
<small>{{image.name}}</small>
</span>