AS1024/Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

#779 remove image hover and center thumbnail

Browse Source
This commit is contained in:
BlueTeck
2015-04-09 09:01:29 +02:00
parent 4460851615
commit c1329ac7c4
4 changed files with 40 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
app/Controller/File.php
View File

@@ -112,6 +112,7 @@ class File extends Base
$file = $this->file->getById($this->request->getIntegerParam('file_id')); $file = $this->file->getById($this->request->getIntegerParam('file_id'));
$width_param = $this->request->getIntegerParam('width'); $width_param = $this->request->getIntegerParam('width');
$height_param = $this->request->getIntegerParam('height'); $height_param = $this->request->getIntegerParam('height');
$resize_cut_param = $this->request->getIntegerParam('resize_cut');
$filename = FILES_DIR.$file['path']; $filename = FILES_DIR.$file['path'];
if ($file['task_id'] == $task['id'] && file_exists($filename)) { if ($file['task_id'] == $task['id'] && file_exists($filename)) {
@@ -119,22 +120,46 @@ class File extends Base
// Get new sizes // Get new sizes
list($width, $height) = getimagesize($filename); list($width, $height) = getimagesize($filename);
if ($width_param == 0 && $height_param == 0) { if($resize_cut_param == 0){
$newwidth = 100; //resize without cut
$newheight = 100; if ($width_param == 0 && $height_param == 0) {
} elseif ($width_param > 0 && $height_param == 0) { $newwidth = 100;
$newwidth = $width_param; $newheight = 100;
$newheight = floor($height * ($width_param / $width)); } elseif ($width_param > 0 && $height_param == 0) {
} elseif ($width_param == 0 && $height_param > 0) { $newwidth = $width_param;
$newwidth = floor($width * ($height_param / $height)); $newheight = floor($height * ($width_param / $width));
$newheight = $height_param; } elseif ($width_param == 0 && $height_param > 0) {
$newwidth = floor($width * ($height_param / $height));
$newheight = $height_param;
} else {
$newwidth = $width_param;
$newheight = $height_param;
}
$dest_y = 0;
$dest_x = 0;
$thumb = imagecreatetruecolor($newwidth, $newheight);
} else { } else {
$newwidth = $width_param; // resize and cut
$newheight = $height_param; $ratio_img = $width / $height;
$ratio_param = $width_param / $height_param;
if($ratio_img < $ratio_param){
$newwidth = $width_param;
$newheight = floor($height * ($width_param / $width));
$dest_y = ( $newheight - $height_param ) / 2 * (-1);
$dest_x = 0;
}elseif($ratio_img > $ratio_param){
$newwidth = floor($width * ($height_param / $height));
$newheight = $height_param;
$dest_y = 0;
$dest_x = ( $newwidth - $width_param ) / 2;
}
$thumb = imagecreatetruecolor($width_param, $height_param);
} }
// Load // Load
$thumb = imagecreatetruecolor($newwidth, $newheight);
$extension = strtolower(pathinfo($file['name'], PATHINFO_EXTENSION)); $extension = strtolower(pathinfo($file['name'], PATHINFO_EXTENSION));
switch ($extension) { switch ($extension) {
@@ -154,7 +179,7 @@ class File extends Base
} }
// Resize // Resize
imagecopyresampled($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height); imagecopyresampled($thumb, $source, $dest_x, $dest_y, 0, 0, $newwidth, $newheight, $width, $height);
$metadata = getimagesize($filename); $metadata = getimagesize($filename);

2
app/Template/file/show.php
View File

@@ -11,7 +11,7 @@
<li> <li>
<?php if (function_exists('imagecreatetruecolor')): ?> <?php if (function_exists('imagecreatetruecolor')): ?>
<div class="img_container"> <div class="img_container">
<img src="<?= $this->u('file', 'thumbnail', array('width' => 250, 'file_id' => $file['id'], 'project_id' => $task['project_id'], 'task_id' => $file['task_id'])) ?>" alt="<?= $this->e($file['name']) ?>"/> <img src="<?= $this->u('file', 'thumbnail', array('width' => 250, 'height' => 100, 'resize_cut' => 1, 'file_id' => $file['id'], 'project_id' => $task['project_id'], 'task_id' => $file['task_id'])) ?>" alt="<?= $this->e($file['name']) ?>"/>
</div> </div>
<?php endif ?> <?php endif ?>
<p> <p>

3
assets/css/app.css
View File

@@ -1112,9 +1112,6 @@ span.task-board-date-overdue {
.task-show-image-actions { .task-show-image-actions {
margin-left: 5px; margin-left: 5px;
} }
.task-show-images li .img_container:hover {
height: 100%;
}
.task-show-file-table { .task-show-file-table {
width: auto; width: auto;
} }

3
assets/css/src/task.css
View File

@@ -272,9 +272,6 @@ span.task-board-date-overdue {
.task-show-image-actions { .task-show-image-actions {
margin-left: 5px; margin-left: 5px;
} }
.task-show-images li .img_container:hover {
height: 100%;
}
.task-show-file-table { .task-show-file-table {
width: auto; width: auto;
} }