@@ -15,12 +15,10 @@ composer require rkit/fileapi-widget-yii2
15151 . Form
1616
1717 ``` php
18- <?php
19- use yii\helpers\Html;
20- use yii\web\JsExpression;
2118 use rkit\fileapi\Widget as FileApi;
22- ?>
23- <?= $form->field($model, $attribute, ['template' => "{label}\n{error}\n{input}\n{hint}"])
19+ …
20+
21+ $form->field($model, $attribute, ['template' => "{label}\n{error}\n{input}\n{hint}"])
2422 ->widget(FileApi::className(), [
2523 'template' => '@app/path/to/template',
2624 'callbacks' => [
@@ -49,55 +47,55 @@ composer require rkit/fileapi-widget-yii2
4947 'duplicate' => true
5048 ]
5149 ])
52- ); ?>
53- ```
50+ );
51+ ```
5452
55532 . Template
5654
57- ``` php
58- <div id =" <?= $selector; ?>" class =" fileapi" >
59- <div class =" btn btn-default js-fileapi-wrapper" >
60- <div class =" fileapi-browse" data-fileapi =" active.hide" >
61- <span class =" glyphicon glyphicon-picture" ></span >
62- <span class =" fileapi-browse-text" >
63- <?= $value ? Yii::t('app', 'Uploaded') : Yii::t('app', 'Upload') ?>
64- </span >
65- <span data-fileapi =" name" ></span >
66- <input type =" file" name =" <?= $inputName ?>" >
67- </div >
68- <div class =" fileapi-progress" data-fileapi =" active.show" >
69- <div class =" progress progress-striped" >
70- <div class =" fileapi-progress-bar progress-bar progress-bar-info" data-fileapi =" progress"
71- role =" progressbar" aria-valuemin =" 0" aria-valuemax =" 100" ></div >
72- </div >
73- </div >
74- </div ><br >
75- <?php if ($preview === true) : ?>
76- <a href =" #" class =" fileapi-preview" >
77- <span data-fileapi =" delete" class =" fileapi-preview-delete" >
78- <span class =" glyphicon glyphicon-trash" ></span >
79- </span >
80- <span class =" fileapi-preview-wrapper" >
81- <?php if (!empty($value)):?>
82- <img src =" <?= $value ?>" >
83- <?php endif?>
84- </span >
85- </a >
55+ ``` php
56+ <div id =" <?= $selector; ?>" class =" fileapi" >
57+ <div class =" btn btn-default js-fileapi-wrapper" >
58+ <div class =" fileapi-browse" data-fileapi =" active.hide" >
59+ <span class =" glyphicon glyphicon-picture" ></span >
60+ <span class =" fileapi-browse-text" >
61+ <?= $value ? Yii::t('app', 'Uploaded') : Yii::t('app', 'Upload') ?>
62+ </span >
63+ <span data-fileapi =" name" ></span >
64+ <input type =" file" name =" <?= $inputName ?>" >
65+ </div >
66+ <div class =" fileapi-progress" data-fileapi =" active.show" >
67+ <div class =" progress progress-striped" >
68+ <div class =" fileapi-progress-bar progress-bar progress-bar-info" data-fileapi =" progress"
69+ role =" progressbar" aria-valuemin =" 0" aria-valuemax =" 100" ></div >
70+ </div >
71+ </div >
72+ </div ><br >
73+ <?php if ($preview === true) : ?>
74+ <a href =" #" class =" fileapi-preview" >
75+ <span data-fileapi =" delete" class =" fileapi-preview-delete" >
76+ <span class =" glyphicon glyphicon-trash" ></span >
77+ </span >
78+ <span class =" fileapi-preview-wrapper" >
79+ <?php if (!empty($value)):?>
80+ <img src =" <?= $value ?>" >
81+ <?php endif?>
82+ </span >
83+ </a >
8684
87- <?php $this->registerJs("
88- $(document).on('click', '#$selector [data-fileapi=\"delete\"]', function(evt) {
89- evt.preventDefault();
90- var file = $(this).closest('#$selector');
91- file.fileapi('clear');
92- file.find('input[type=\"hidden\"]').val('');
93- file.find('.fileapi-preview-wrapper').empty();
94- file.find('.fileapi-browse-text').text('" . Yii::t('app', 'Upload') . "');
95- })"); ?>
96- <?php endif; ?>
85+ <?php $this->registerJs("
86+ $(document).on('click', '#$selector [data-fileapi=\"delete\"]', function(evt) {
87+ evt.preventDefault();
88+ var file = $(this).closest('#$selector');
89+ file.fileapi('clear');
90+ file.find('input[type=\"hidden\"]').val('');
91+ file.find('.fileapi-preview-wrapper').empty();
92+ file.find('.fileapi-browse-text').text('" . Yii::t('app', 'Upload') . "');
93+ })"); ?>
94+ <?php endif; ?>
9795
98- <?= $input ?>
96+ <?= $input ?>
9997
100- </div >
101- ```
98+ </div >
99+ ```
102100
103101### Gallery
0 commit comments