Skip to content

Commit 4d1d712

Browse files
mortzamortza
committed
WIP
1 parent 4d4b01a commit 4d1d712

File tree

2 files changed

+45
-51
lines changed

2 files changed

+45
-51
lines changed

‎src/views/crop.blade.php‎

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,13 @@
1-
<div class="row">
1+
<div class="row pt-5">
22
<div class="col-md-8">
33
<div class="crop-container">
44
<img src="{{ $img->url . '?timestamp=' . $img->time }}" class="img img-responsive">
55
</div>
66
</div>
77
<div class="col-md-4">
88
<div class="text-center">
9-
109
<div class="img-preview center-block"></div>
1110
<br>
12-
1311
<div class="btn-group clearfix">
1412
<label class="btn btn-primary btn-aspectRatio active" onclick="changeAspectRatio(this, 16 / 9)">
1513
16:9
@@ -23,16 +21,17 @@
2321
<label class="btn btn-primary btn-aspectRatio" onclick="changeAspectRatio(this, 2 / 3)">
2422
2:3
2523
</label>
26-
<label class="btn btn-primary" onclick="changeAspectRatio(this, null)">
24+
<label class="btn btn-primary btn-aspectRatio" onclick="changeAspectRatio(this, null)">
2725
Free
2826
</label>
2927
</div>
3028
<br>
3129
<br>
32-
33-
<button class="btn btn-primary" onclick="performCrop()">{{ trans('laravel-filemanager::lfm.btn-crop') }}</button>
34-
<button class="btn btn-primary" onclick="performCropNew()">{{ trans('laravel-filemanager::lfm.btn-copy-crop') }}</button>
35-
<button class="btn btn-info" onclick="loadItems()">{{ trans('laravel-filemanager::lfm.btn-cancel') }}</button>
30+
<div class="btn-group clearfix">
31+
<button class="btn btn-warning" onclick="performCrop()">{{ trans('laravel-filemanager::lfm.btn-crop') }}</button>
32+
<button class="btn btn-info" onclick="performCropNew()">{{ trans('laravel-filemanager::lfm.btn-copy-crop') }}</button>
33+
<button class="btn btn-default" onclick="loadItems()">{{ trans('laravel-filemanager::lfm.btn-cancel') }}</button>
34+
</div>
3635
<form id='cropForm'>
3736
<input type="hidden" id="img" name="img" value="{{ $img->name }}">
3837
<input type="hidden" id="working_dir" name="working_dir" value="{{ $working_dir }}">
@@ -44,7 +43,6 @@
4443
</form>
4544
</div>
4645
</div>
47-
4846
</div>
4947

5048
<script>

‎src/views/resize.blade.php‎

Lines changed: 38 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,51 @@
1-
<div class="row">
2-
<div class="col-md-8" id="containment">
3-
<img id="resize" src="{{ $img->url . '?timestamp=' . $img->time }}" height="{{ $height }}" width="{{ $width }}">
4-
</div>
5-
<div class="col-md-4">
6-
7-
<table class="table table-compact table-striped">
8-
<thead></thead>
9-
<tbody>
10-
@if ($scaled)
11-
<tr>
12-
<td>{{ trans('laravel-filemanager::lfm.resize-ratio') }}</td>
13-
<td>{{ number_format($ratio, 2) }}</td>
14-
</tr>
15-
<tr>
16-
<td>{{ trans('laravel-filemanager::lfm.resize-scaled') }}</td>
17-
<td>
18-
{{ trans('laravel-filemanager::lfm.resize-true') }}
19-
</td>
20-
</tr>
21-
@endif
22-
<tr>
23-
<td>{{ trans('laravel-filemanager::lfm.resize-old-height') }}</td>
24-
<td>{{ $original_height }}px</td>
25-
</tr>
26-
<tr>
27-
<td>{{ trans('laravel-filemanager::lfm.resize-old-width') }}</td>
28-
<td>{{ $original_width }}px</td>
29-
</tr>
30-
<tr>
31-
<td>{{ trans('laravel-filemanager::lfm.resize-new-height') }}</td>
32-
<td><span id="height_display"></span></td>
33-
</tr>
34-
<tr>
35-
<td>{{ trans('laravel-filemanager::lfm.resize-new-width') }}</td>
36-
<td><span id="width_display"></span></td>
37-
</tr>
38-
</tbody>
1+
<div class="row pt-5">
2+
<div class="col-md-8" id="containment">
3+
<img id="resize" src="{{ $img->url . '?timestamp=' . $img->time }}" height="{{ $height }}" width="{{ $width }}">
4+
</div>
5+
<div class="col-md-4">
6+
<table class="table table-compact table-striped">
7+
<thead></thead>
8+
<tbody>
9+
@if ($scaled)
10+
<tr>
11+
<td>{{ trans('laravel-filemanager::lfm.resize-ratio') }}</td>
12+
<td>{{ number_format($ratio, 2) }}</td>
13+
</tr>
14+
<tr>
15+
<td>{{ trans('laravel-filemanager::lfm.resize-scaled') }}</td>
16+
<td>
17+
{{ trans('laravel-filemanager::lfm.resize-true') }}
18+
</td>
19+
</tr>
20+
@endif
21+
<tr>
22+
<td>{{ trans('laravel-filemanager::lfm.resize-old-height') }}</td>
23+
<td>{{ $original_height }}px</td>
24+
</tr>
25+
<tr>
26+
<td>{{ trans('laravel-filemanager::lfm.resize-old-width') }}</td>
27+
<td>{{ $original_width }}px</td>
28+
</tr>
29+
<tr>
30+
<td>{{ trans('laravel-filemanager::lfm.resize-new-height') }}</td>
31+
<td><span id="height_display"></span></td>
32+
</tr>
33+
<tr>
34+
<td>{{ trans('laravel-filemanager::lfm.resize-new-width') }}</td>
35+
<td><span id="width_display"></span></td>
36+
</tr>
37+
</tbody>
3938
</table>
40-
4139
<button class="btn btn-primary" onclick="doResize()">{{ trans('laravel-filemanager::lfm.btn-resize') }}</button>
4240
<button class="btn btn-info" onclick="loadItems()">{{ trans('laravel-filemanager::lfm.btn-cancel') }}</button>
43-
4441
<input type="hidden" id="img" name="img" value="{{ $img->name }}">
4542
<input type="hidden" name="ratio" value="{{ $ratio }}"><br>
4643
<input type="hidden" name="scaled" value="{{ $scaled }}"><br>
4744
<input type="hidden" id="original_height" name="original_height" value="{{ $original_height }}"><br>
4845
<input type="hidden" id="original_width" name="original_width" value="{{ $original_width }}"><br>
4946
<input type="hidden" id="height" name="height" value="{{ $height }}"><br>
5047
<input type="hidden" id="width" name="width" value="{{ $width }}">
51-
52-
</div>
48+
</div>
5349
</div>
5450

5551
<script>

0 commit comments

Comments
 (0)