Skip to content

Commit 6605c7a

Browse files
committed
Upd README.md
1 parent 8606382 commit 6605c7a

File tree

1 file changed

+47
-49
lines changed

1 file changed

+47
-49
lines changed

README.md

Lines changed: 47 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,10 @@ composer require rkit/fileapi-widget-yii2
1515
1. 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

5553
2. 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

Comments
 (0)