harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'mike/master' into dev

Browse Source
This commit is contained in:
Mario Vavti
2018-01-24 11:17:25 +01:00
parent e3a6b0012e 304085606f
commit 503b2225f0
164 changed files with 34835 additions and 9761 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
view/tpl/cropbody.tpl
View File

@@ -6,36 +6,27 @@
<img src="{{$image_url}}" id="croppa" class="imgCrop" alt="{{$title}}" />
</div>
<div id="cropimage-preview-wrapper" >
<div id="previewWrap" ></div>
<div id="previewWrap" class="crop-preview" style="height: 300px; width: 300px; max-width: 300px; max-height: 300px; overflow: hidden;"></div>
</div>
<script type="text/javascript" language="javascript">
function onEndCrop( coords, dimensions ) {
$( 'x1' ).value = coords.x1;
$( 'y1' ).value = coords.y1;
$( 'x2' ).value = coords.x2;
$( 'y2' ).value = coords.y2;
$( 'width' ).value = dimensions.width;
$( 'height' ).value = dimensions.height;
}
Event.observe( window, 'load', function() {
new Cropper.ImgWithPreview(
'croppa',
{
previewWrap: 'previewWrap',
minWidth: 300,
minHeight: 300,
maxWidth: 1024,
maxHeight: 1024,
ratioDim: { x: 100, y:100 },
displayOnInit: true,
onEndCrop: onEndCrop
}
);
}
);
var image = document.getElementById('croppa');
var cropper = new Cropper(image, {
aspectRatio: 1 / 1,
viewMode: 1,
preview: '.crop-preview',
crop: function(e) {
$( 'x1' ).value = e.detail.x;
$( 'y1' ).value = e.detail.y;
$( 'x2' ).value = e.detail.x + e.detail.width;
$( 'y2' ).value = e.detail.y + e.detail.height;
$( 'width' ).value = e.detail.scaleX;
$( 'height' ).value = e.detail.scaleY;
}
});
</script>

40
view/tpl/cropcover.tpl
View File

@@ -6,36 +6,26 @@
<img src="{{$image_url}}" id="croppa" class="imgCrop" alt="{{$title}}" />
</div>
<div id="cropimage-preview-wrapper" >
<div id="previewWrap" ></div>
<div id="previewWrap" class="crop-preview" style="width: 320px; height: 116px; max-width: 320px; max-height: 116px; overflow: hidden"></div>
</div>
<script type="text/javascript" language="javascript">
function onEndCrop( coords, dimensions ) {
$( 'x1' ).value = coords.x1;
$( 'y1' ).value = coords.y1;
$( 'x2' ).value = coords.x2;
$( 'y2' ).value = coords.y2;
$( 'width' ).value = dimensions.width;
$( 'height' ).value = dimensions.height;
}
var image = document.getElementById('croppa');
var cropper = new Cropper(image, {
aspectRatio: 2.75 / 1,
viewMode: 1,
preview: '.crop-preview',
crop: function(e) {
$( 'x1' ).value = e.detail.x;
$( 'y1' ).value = e.detail.y;
$( 'x2' ).value = e.detail.x + e.detail.width;
$( 'y2' ).value = e.detail.y + e.detail.height;
$( 'width' ).value = e.detail.scaleX;
$( 'height' ).value = e.detail.scaleY;
Event.observe( window, 'load', function() {
new Cropper.ImgWithPreview(
'croppa',
{
previewWrap: 'previewWrap',
minWidth: 240,
minHeight: 87,
maxWidth: 320,
maxHeight: 116,
ratioDim: { x: 100, y:36 },
displayOnInit: true,
onEndCrop: onEndCrop
}
);
}
);
}
});
</script>

7
view/tpl/crophead.tpl
View File

@@ -1,4 +1,3 @@
<script type="text/javascript" src="library/cropper/lib/prototype.js" language="javascript"></script>
<script type="text/javascript" src="library/cropper/lib/scriptaculous.js?load=effects,builder,dragdrop" language="javascript"></script>
<script type="text/javascript" src="library/cropper/cropper.js" language="javascript"></script>
<link rel="stylesheet" href="library/cropper/cropper.css" type="text/css" />
<script type="text/javascript" src="library/cropperjs/dist/cropper.js" language="javascript"></script>
<link rel="stylesheet" href="library/cropperjs/dist/cropper.css" type="text/css" />

2
view/tpl/settings_permcats.tpl
View File

@@ -50,7 +50,7 @@
<table id="permcat-index">
{{foreach $permcats as $k => $v}}
<tr class="permcat-row-{{$k}}">
<td width="99%"><a href="settings/permcats/{{$k}}">{{$k}}</a></td>
<td width="99%"><a href="settings/permcats/{{$k}}">{{$v}}</a></td>
<td width="1%"><i class="fa fa-trash-o drop-icons" onClick="dropItem('/settings/permcats/{{$k}}/drop', '.permcat-row-{{$k}}')"></i></td>
</tr>
{{/foreach}}