pille
/
oc-resizer-plugin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed: Dont crop svg files

This commit is contained in:
philipp lang 2020-10-29 22:25:28 +01:00
parent efe0b265a6
commit 1af4858d60
4 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
formwidgets/Responsiveimage.php
View File

@ -75,15 +75,20 @@ class Responsiveimage extends FormWidgetBase
protected function prepareVars()
{
$this->vars['aspectRatio'] = $this->aspectRatio
? str_replace('"', "'", json_encode(explode(' / ', $this->aspectRatio)))
? $this->vueParam(explode(' / ', $this->aspectRatio))
: 'null';
$this->vars['minWidth'] = $this->minWidth ?: '0';
$this->vars['name'] = $this->formField->getName();
$this->vars['value'] = $this->getLoadValue() ?: 'null';
$this->vars['meta'] = $this->getLoadValue()
? str_replace('"', "'", json_encode(app(UploadStorage::class)->getFileData($this->getLoadValue())))
? $this->vueParam(app(UploadStorage::class)->getFileData($this->getLoadValue()))
: 'null';
$this->vars['model'] = $this->model;
$this->vars['croppableTypes'] = $this->vueParam(SourceFile::$croppableTypes);
}
private function vueParam($config) {
return str_replace('"', "'", json_encode($config));
}
/**
@ -100,11 +105,11 @@ class Responsiveimage extends FormWidgetBase
*/
public function getSaveValue($value)
{
return $value;
return is_numeric($value) ? $value : null;
}
public function getLoadValue() {
return is_numeric(parent::getLoadValue()) ? parent::getLoadValue() : null;
return is_numeric(parent::getLoadValue()) ? parent::getLoadValue() : '';
}
/**

20
formwidgets/responsiveimage/assets/src/popup.mixin.js
View File

@ -11,7 +11,7 @@ export default {
onChangeCrop() {
this.popup.values.crop = this.jcrop.tellSelect();
},
showPopup(file) {
showPopup(file, cro) {
var _cls = this;
this.popup = {
file: file,
@ -31,15 +31,17 @@ export default {
imageElement.src = file.dataURL;
$cropContainer.append(imageElement);
var jcropOptions = {
shade: true,
boxWidth: $cropContainer.width(),
onChange: _cls.onChangeCrop,
aspectRatio: _cls.realAspectRatio,
minSize: [_cls.cropOptions.minWidth, 0]
};
if (_cls.cropOptions.types.some(type => type == file.type)) {
var jcropOptions = {
shade: true,
boxWidth: $cropContainer.width(),
onChange: _cls.onChangeCrop,
aspectRatio: _cls.realAspectRatio,
minSize: [_cls.cropOptions.minWidth, 0]
};
_cls.jcrop = $.Jcrop($popup.find('[data-jcrop] img').get(0), jcropOptions);
_cls.jcrop = $.Jcrop($popup.find('[data-jcrop] img').get(0), jcropOptions);
}
$popup.on('change', '[name=title]', (e) => { _cls.popup.values.title = e.target.value });
$popup.on('change', '[name=description]', (e) => { _cls.popup.values.description = e.target.value });

1
formwidgets/responsiveimage/partials/_responsiveimage.htm
View File

@ -13,6 +13,7 @@
:crop-options="{
aspectRatio: <?= $aspectRatio ?>,
minWidth: <?= $minWidth ?>,
types: <?= $croppableTypes; ?>
}"
:value="<?= $value; ?>"
:meta="<?= $meta; ?>"

4
models/SourceFile.php
View File

@ -12,7 +12,7 @@ class SourceFile extends Model
protected $slugs = ['slug' => 'basename'];
protected $croppableTypes = [ 'image/jpeg', 'image/gif', 'image/png', 'image/webp' ];
public static $croppableTypes = [ 'image/jpeg', 'image/gif', 'image/png', 'image/webp' ];
/**
* @var string The database table used by the model.
@ -63,6 +63,6 @@ class SourceFile extends Model
}
public function isCroppable(): bool {
return in_array($this->type, $this->croppableTypes);
return in_array($this->type, static::$croppableTypes);
}
}