index.php
4.76 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<?php
use yii\helpers\Url;
use yii\helpers\Html;
use yii\widgets\ListView;
use yii\widgets\Pjax;
use kartik\file\FileInput;
$this->title = Yii::t('imagemanager', 'Image manager');
?>
<div id="module-imagemanager" class="container-fluid <?= $selectType ?>">
<div class="row">
<div class="col-xs-6 col-sm-10 col-image-editor">
<div class="image-cropper">
<div class="image-wrapper">
<img id="image-cropper"/>
</div>
<div class="action-buttons">
<a href="#" class="btn btn-primary apply-crop">
<i class="fa fa-crop"></i>
<span class="hidden-xs"><?= Yii::t('imagemanager', 'Crop') ?></span>
</a>
<?php if ($viewMode === "iframe"): ?>
<a href="#" class="btn btn-primary apply-crop-select">
<i class="fa fa-crop"></i>
<span class="hidden-xs"><?= Yii::t('imagemanager', 'Crop and select') ?></span>
</a>
<?php endif; ?>
<a href="#" class="btn btn-default cancel-crop">
<i class="fa fa-undo"></i>
<span class="hidden-xs"><?= Yii::t('imagemanager', 'Cancel') ?></span>
</a>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-10 col-overview">
<?php Pjax::begin([
'id' => 'pjax-mediamanager',
'timeout' => '5000'
]); ?>
<?= ListView::widget([
'dataProvider' => $dataProvider,
'itemOptions' => ['class' => 'item img-thumbnail'],
'layout' => "<div class='item-overview'>{items}</div> {pager}",
'itemView' => function ($model, $key, $index, $widget) {
return $this->render("_item", ['model' => $model]);
},
]) ?>
<?php Pjax::end(); ?>
</div>
<div class="col-xs-6 col-sm-2 col-options">
<div class="form-group">
<?= Html::textInput('input-mediamanager-search', null, ['id' => 'input-mediamanager-search', 'class' => 'form-control', 'placeholder' => Yii::t('imagemanager', 'Search') . '...']) ?>
</div>
<?php
if (Yii::$app->controller->module->canUploadImage):
?>
<?= FileInput::widget([
'name' => 'imagemanagerFiles[]',
'id' => 'imagemanager-files',
'options' => [
'multiple' => true,
'accept' => 'image/*'
],
'pluginOptions' => [
'uploadUrl' => Url::to(['manager/upload']),
'allowedFileExtensions' => \Yii::$app->controller->module->allowedFileExtensions,
'uploadAsync' => false,
'showPreview' => false,
'showRemove' => false,
'showUpload' => false,
'showCancel' => false,
'browseClass' => 'btn btn-primary btn-block',
'browseIcon' => '<i class="fa fa-upload"></i> ',
'browseLabel' => Yii::t('imagemanager', 'Upload')
],
'pluginEvents' => [
"filebatchselected" => "function(event, files){ $('.msg-invalid-file-extension').addClass('hide'); $(this).fileinput('upload'); }",
"filebatchuploadsuccess" => "function(event, data, previewId, index) {
imageManagerModule.uploadSuccess(data.jqXHR.responseJSON.imagemanagerFiles);
}",
"fileuploaderror" => "function(event, data) { $('.msg-invalid-file-extension').removeClass('hide'); }",
],
]) ?>
<?php
endif;
?>
<div class="image-info hide">
<div class="thumbnail">
<img src="#">
</div>
<div class="edit-buttons">
<a href="#" class="btn btn-primary btn-block crop-image-item">
<i class="fa fa-crop"></i>
<span class="hidden-xs"><?= Yii::t('imagemanager', 'Crop') ?></span>
</a>
</div>
<div class="details">
<div class="fileName"></div>
<div class="created"></div>
<div class="fileSize"></div>
<div class="dimensions"><span class="dimension-width"></span> × <span
class="dimension-height"></span></div>
<?php
if (Yii::$app->controller->module->canRemoveImage):
?>
<a href="#" class="btn btn-xs btn-danger delete-image-item"><span
class="glyphicon glyphicon-trash"
aria-hidden="true"></span> <?= Yii::t('imagemanager', 'Delete') ?></a>
<?php
endif;
?>
</div>
<?php if ($viewMode === "iframe"): ?>
<a href="#"
class="btn btn-primary btn-block pick-image-item"><?= Yii::t('imagemanager', 'Select') ?></a>
<?php endif; ?>
</div>
</div>
</div>
</div>