flickr.html in CKEditor Widgets 7
File
js/angular-media-app/dist/views/flickr.html
View source
<div>
<div class="filters form-inline">
<label for="flickr-search">Search</label>
<input type="text" ng-model="filters.tags" id="flickr-search" class="form-control" />
<label for="flickr-filters">License</label>
<select ng-model="filters.license" class="form-control" id="flickr-filters">
<option value="4,5">Attriubtion, commercial and non-commercial</option>
<option value="1,2,4,5">Attriubtion, non-commercial only</option>
<option value="">All</option>
</select>
<button class="btn btn-primary" ng-click="updateFilters($event)">Submit</button>
</div>
<div class="browser">
<div class="sidebar" ng-if="active">
<div class="preview"><img ng-src="{{active.previewUrl}}" /></div>
<div><strong><a href ng-href="{{active.source}}" target="_blank">{{active.name}}</a></strong></div>
<div><a href ng-href="{{active.userLink}}" target="_blank">{{active.user}}</a></div>
<div ng-if="active.width">{{active.width}} x {{active.height}}</div>
<div><a href ng-href="{{active.licenseMeta.url}}" target="_blank">{{active.licenseMeta.name}}</a></div>
<div ng-if="active.info.photo.dates.taken">Taken: {{active.info.photo.dates.taken}}</div>
<div class="queue bottom-left" ng-if="queue">
<div>Copying {{queue.completed+1}} of {{queue.total}}</div>
<div class="progress">
<div class="progress-bar" role="progressbar" ng-style="{ 'width': queue.progress + '%' }"></div>
</div>
</div>
<button class="btn btn-lg bottom-right" ng-class="selected ? 'btn-success' : 'btn-disabled'" ng-click="submit($event)"><span class="fa fa-plus" aria-hidden="true"></span> Add</button>
</div>
<div class="scroll-wrapper" ng-class="{active: active}" infinite-scroll="loadItems(true)" infinite-scroll-distance=".1">
<div class="items">
<div ng-repeat="file in items" ng-click="updateActive(file)" ng-class="{active: file.active}" class="thumbnail">
<div thumbnails></div>
<a href class="thumbnail-title">{{file.name}}</a>
</div>
</div>
</div>
</div>
</div>