/**
* Formats the value as an link tag using FPM module.
* @param mixed $value the value to be formatted
* @param array $options
* @return string the formatted result
*/
public function asFile($value, $options = [])
{
if (!$value) {
return $this->nullDisplay;
}
$file = FPM::transfer()->getData($value);
if (in_array($file->extension, ['jpg', 'png', 'gif', 'tif', 'bmp'])) {
$linkLabel = FPM::image($file->id, 'admin', 'file');
} else {
$linkLabel = FPM::getOriginalFileName($file->id, $file->base_name, $file->extension);
}
return Html::a($linkLabel, FPM::originalSrc($value), ['target' => '_blank']);
}
public function run()
{
if (!$this->model || !$this->attribute) {
return null;
}
$extraData = $this->model->isNewRecord ? ['sign' => $this->model->sign] : ['id' => $this->model->id];
$previewImages = [];
$previewImagesConfig = [];
$existModelImages = EntityToFile::find()->where('entity_model_name = :emn', [':emn' => $this->model->formName()]);
if ($this->saveAttribute !== null) {
$existModelImages->andWhere('attribute = :attr', [':attr' => $this->saveAttribute]);
}
$existModelImages = $this->model->isNewRecord ? $existModelImages->andWhere('temp_sign = :ts', [':ts' => $this->model->sign]) : $existModelImages->andWhere('entity_model_id = :id', [':id' => $this->model->id]);
$existModelImages = $existModelImages->orderBy('position DESC')->all();
/**
* @var \common\models\EntityToFile $file
*/
foreach ($existModelImages as $image) {
$fileName = $image->file->base_name . '.' . $image->file->extension;
$previewImages[] = Html::img(FPM::originalSrc($image->file_id), ['class' => 'file-preview-image', 'id' => 'preview-image-' . $image->file_id]);
$previewImagesConfig[] = ['caption' => $fileName, 'width' => '120px', 'url' => ImagesUploadModel::deleteImageUrl(['id' => $image->id]), 'key' => $image->id];
}
$output = Html::hiddenInput('urlForSorting', ImagesUploadModel::sortImagesUrl(), ['id' => 'urlForSorting']);
$output .= Html::hiddenInput('aspectRatio', $this->aspectRatio, ['class' => 'aspect-ratio']);
$output .= FileInput::widget(['model' => $this->model, 'attribute' => $this->attribute, 'options' => ['multiple' => $this->multiple, 'accept' => 'image/*'], 'pluginOptions' => ['dropZoneEnabled' => false, 'browseClass' => 'btn btn-success', 'browseIcon' => '<i class="glyphicon glyphicon-picture"></i> ', 'removeClass' => "btn btn-danger", 'removeIcon' => '<i class="glyphicon glyphicon-trash"></i> ', 'uploadClass' => "btn btn-info", 'uploadIcon' => '<i class="glyphicon glyphicon-upload"></i> ', 'uploadUrl' => Url::to($this->uploadUrl), 'allowedFileTypes' => ['image'], 'allowedPreviewTypes' => ['image'], 'uploadExtraData' => $extraData, 'initialPreview' => $previewImages, 'initialPreviewConfig' => $previewImagesConfig, 'overwriteInitial' => false, 'showRemove' => false, 'otherActionButtons' => $this->render('_crop_button'), 'fileActionSettings' => ['indicatorSuccess' => $this->render('_success_buttons_template')]], 'pluginEvents' => ['fileuploaded' => 'function(event, data, previewId, index) {
var elem = $("#"+previewId).find(".file-actions .file-upload-indicator .kv-file-remove");
var cropElem = $("#"+previewId).find(".file-actions .crop-link");
var img = $("#"+previewId).find("img");
//id for cropped image replace
img.attr("id", "preview-image-"+data.response.imgId);
elem.attr("data-url", data.response.deleteUrl);
elem.attr("data-key", data.response.id);
cropElem.attr("href", data.response.cropUrl);
//Resort images
saveSort();
//Fix crop url for old images
fixMultiUploadImageCropUrl();
}', 'fileloaded' => 'function(file, previewId, index, reader) {
//Fix url for old images
fixMultiUploadImageCropUrl();
}']]);
$output .= '<br>';
$output .= $this->render('_modal');
return $output;
}
/**
* @param $attribute
* @param array $element
* @param ActiveRecord $model
* @param string|null $language
*
* @return string
*/
public function renderUploadedFile($model, $attribute, $element, $language = null)
{
$content = '';
if ($element['type'] == static::INPUT_FILE && isset($model->{$attribute}) && $model->{$attribute}) {
$file = FPM::transfer()->getData($model->{$attribute});
$content .= Html::beginTag('div', ['class' => 'file-name']);
$content .= Html::button(\Yii::t('app', 'Delete file'), ['class' => 'delete-file', 'data' => ['modelName' => $model->className(), 'modelId' => $language ? $model->model_id : $model->id, 'attribute' => $attribute, 'language' => $language]]);
if (in_array($file->extension, ['jpg', 'png', 'gif', 'tif', 'bmp'])) {
$linkLabel = FPM::image($file->id, 'admin', 'file');
} else {
$linkLabel = FPM::getOriginalFileName($file->id, $file->base_name, $file->extension);
}
$content .= Html::a($linkLabel, FPM::originalSrc($model->{$attribute}), ['target' => '_blank']);
$content .= Html::endTag('div');
}
return $content;
}
<?php
use backend\modules\imagesUpload\models\ImagesUploadModel;
use metalguardian\fileProcessor\helpers\FPM;
use yii\helpers\Html;
\backend\assets\CropperAsset::register($this);
?>
<div class="container">
<div class="img-container col-sm-6">
<img src="<?php
echo FPM::originalSrc($id) . '?' . time();
?>
"/>
</div>
<div class="img-preview col-sm-6"></div>
<div class="col-sm-12">
<?php
echo Html::hiddenInput('dataX', null, ['id' => 'dataX']);
?>
<?php
echo Html::hiddenInput('dataY', null, ['id' => 'dataY']);
?>
<?php
echo Html::hiddenInput('dataHeight', null, ['id' => 'dataHeight']);
?>
<?php
echo Html::hiddenInput('dataWidth', null, ['id' => 'dataWidth']);
?>
<?php
/**
* @return string
*/
public function actionSaveCroppedImage()
{
$data = \Yii::$app->request->post('data');
$data = $data ? Json::decode($data) : null;
if ($data) {
$fileId = $data['fileId'];
$imageEntity = EntityToFile::find()->where('file_id = :id', [':id' => (int) $fileId])->one();
if ($imageEntity) {
//Find original img path
$directory = FPM::getOriginalDirectory($imageEntity->file_id);
FileHelper::createDirectory($directory, 0777, true);
$fileName = $directory . DIRECTORY_SEPARATOR . FPM::getOriginalFileName($imageEntity->file_id, $imageEntity->file->base_name, $imageEntity->file->extension);
//Delete cached image
FPM::cache()->delete($imageEntity->file_id);
//Delete thumbs
$this->clearImageThumbs($imageEntity->file);
Image::crop($fileName, $data['width'], $data['height'], $data['startX'], $data['startY'])->save($fileName);
return Json::encode(['replaces' => [['what' => '#preview-image-' . $imageEntity->file_id, 'data' => Html::img(FPM::originalSrc($imageEntity->file_id) . '?' . time(), ['class' => 'file-preview-image', 'id' => 'preview-image-' . $imageEntity->file_id])]], 'js' => Html::script('hideModal(".modal")')]);
}
}
}
