PageRenderTime 38ms CodeModel.GetById 17ms app.highlight 15ms RepoModel.GetById 1ms app.codeStats 0ms

/administrator/components/com_widgetkit/views/media.php

https://gitlab.com/vnsoftdev/amms
PHP | 64 lines | 53 code | 11 blank | 0 comment | 1 complexity | 539916c524b3a4075793cc1db01231f7 MD5 | raw file
 1<div class="uk-modal-dialog uk-modal-dialog-large" data-media-path="<?php echo JComponentHelper::getParams('com_media')->get('image_path') ?>">
 2
 3    <div class="uk-modal-header">
 4        <div class="uk-h2">{{'Pick Media' | trans }}</div>
 5    </div>
 6
 7        <div>
 8            <span class="uk-button uk-button-primary uk-form-file">{{'Upload' | trans }}<input id="wk-upload-select" type="file"></span>
 9            <button type="button" ng-click="vm.addFolder()" class="uk-button">{{'Add Folder' | trans }}</button>
10            <button type="button" ng-click="vm.remove()" ng-show="media | filter : { selected : true } | length" class="uk-button uk-button-danger">{{'Delete' | trans }}</button>
11        </div>
12
13        <ul class="uk-breadcrumb uk-margin">
14            <li ng-repeat="folder in breadcrumbs">
15                <span ng-if="$last">{{ folder.title }}</span>
16                <a ng-if="!$last" ng-click="vm.open(folder.path)">{{ folder.title }}</a>
17            </li>
18        </ul>
19
20        <div class="uk-overflow-container">
21            <ul class="uk-grid uk-grid-width-small-1-2 uk-grid-width-large-1-3 uk-grid-width-xlarge-1-4 uk-form" data-uk-grid-margin data-uk-grid-match="{target:'.uk-panel'}">
22
23                <li ng-repeat="folder in media | filter: { type: 'folder' }">
24                    <div ng-click="selectItem(folder, $event)" class="uk-panel uk-panel-box uk-text-center uk-visible-hover" ng-class="folder.selected ? 'wk-selected':''">
25                        <div class="uk-panel-teaser">
26                            <div class="wk-thumbnail wk-thumbnail-folder"></div>
27                        </div>
28                        <div class="uk-text-truncate">
29                            <input type="checkbox" ng-if="folder.title" ng-click="$event.stopPropagation(); folder.selected = !folder.selected" ng-checked="folder.selected">
30                            <a ng-click="vm.open(folder.path)">{{ folder.title || '..' }}</a>
31                        </div>
32                    </div>
33                </li>
34
35                <li ng-repeat="file in media | filter: { type: 'file' }">
36                    <div ng-click="selectItem(file, $event)" class="uk-panel uk-panel-box uk-text-center uk-visible-hover" ng-class="file.selected ? 'wk-selected':''">
37                        <div class="uk-panel-teaser">
38                            <div ng-if="file.image" class="wk-thumbnail" style="background-image: url('{{ file.href }}');"></div>
39                            <div ng-if="!file.image" class="wk-thumbnail wk-thumbnail-file"></div>
40                        </div>
41                        <div class="uk-text-nowrap uk-text-truncate">
42                            <input type="checkbox" ng-checked="file.selected">
43                            {{ file.title }}
44                        </div>
45                    </div>
46                </li>
47
48            </ul>
49        </div>
50
51        <div id="wk-upload-drop" class="uk-placeholder uk-text-center">
52            {{'Drop files here' | trans}}
53        </div>
54
55        <div id="wk-upload-progressbar" class="uk-progress uk-hidden">
56            <div class="uk-progress-bar" style="width: 0%;"></div>
57        </div>
58
59    <div class="uk-modal-footer">
60        <button type="button" ng-click="vm.close()" class="uk-button">{{'Close' | trans}}</button>
61        <button type="button" ng-click="vm.select()" ng-disabled="!(media | filter : { selected : true } | length)" class="uk-button uk-button-primary">{{'Select' | trans}}</button>
62    </div>
63
64</div>