media picker item html

This commit is contained in:
perploug
2013-09-02 17:08:27 +02:00
parent 5c6578c06b
commit ede8f837a0
2 changed files with 28 additions and 14 deletions

View File

@@ -12,7 +12,7 @@ data-file-upload="options" data-file-upload-progress="" data-ng-class="{'fileupl
ng-model="searchTerm"
class="umb-search-field search-query"
placeholder="Filter..."
on-keyup="performSearch(searchTerm)">
>
</div>
</div>
@@ -56,16 +56,23 @@ data-file-upload="options" data-file-upload-progress="" data-ng-class="{'fileupl
<div style="height: 10px; margin: 10px 0px 10px 0px" class="umb-loader" ng-hide="active() == 0"></div>
<ul class="thumbnails">
<li class="span2 folder" ng-repeat="image in images | orderBy:'contentTypeAlias'">
<li class="span2 folder" ng-repeat="image in images | orderBy:'contentTypeAlias' | filter:searchTerm">
<a href="#" class="thumbnail" ng-class="{selected: dialogData.selection.indexOf(image) > -1}"
ng-click="selectMediaItem(image)"
prevent-default>
<div ng-switch on="image.contentTypeAlias" >
<img ng-src="{{image.thumbnail}}" ng-switch-when="Image" alt="{{image.name}}"/>
<i ng-switch-default class="icon-folder-close"></i>
</div>
{{image.name}}
<img ng-src="{{image.thumbnail}}" ng-switch-when="Image" alt="{{image.name}}"/>
<div ng-switch on="!!image.thumbnail" >
<img ng-src="{{image.thumbnail}}" class="image" ng-switch-when="true" alt="{{image.name}}"/>
<div ng-switch-default>
<i class="{{image.icon}}"></i>
{{image.name}}
</div>
</div>
</a>
</li>
</ul>

View File

@@ -12,7 +12,7 @@ data-file-upload="options" data-file-upload-progress="" data-ng-class="{'fileupl
ng-model="searchTerm"
class="umb-search-field search-query"
placeholder="Filter..."
on-keyup="performSearch(searchTerm)">
>
</div>
</div>
@@ -56,16 +56,23 @@ data-file-upload="options" data-file-upload-progress="" data-ng-class="{'fileupl
<div style="height: 10px; margin: 10px 0px 10px 0px" class="umb-loader" ng-hide="active() == 0"></div>
<ul class="thumbnails">
<li class="span2 folder" ng-repeat="image in images | orderBy:'contentTypeAlias'">
<li class="span2 folder" ng-repeat="image in images | orderBy:'contentTypeAlias' | filter:searchTerm">
<a href="#" class="thumbnail" ng-class="{selected: dialogData.selection.indexOf(image) > -1}"
ng-click="selectMediaItem(image)"
prevent-default>
<div ng-switch on="image.contentTypeAlias" >
<img ng-src="{{image.thumbnail}}" ng-switch-when="Image" alt="{{image.name}}"/>
<i ng-switch-default class="icon-folder-close"></i>
</div>
{{image.name}}
<img ng-src="{{image.thumbnail}}" ng-switch-when="Image" alt="{{image.name}}"/>
<div ng-switch on="!!image.thumbnail" >
<img ng-src="{{image.thumbnail}}" class="image" ng-switch-when="true" alt="{{image.name}}"/>
<div ng-switch-default>
<i class="{{image.icon}}"></i>
{{image.name}}
</div>
</div>
</a>
</li>
</ul>