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

Add download icon in image slideshow

This commit is contained in:
Frederic Guillot 2016-12-11 19:44:29 -05:00
parent a3d1ce47d3
commit ed406b7997
6 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/Template/project_overview/images.php
View File

@ -9,6 +9,7 @@
'url' => array(
'image' => $this->url->to('FileViewerController', 'image', array('file_id' => 'FILE_ID', 'project_id' => $project['id'])),
'thumbnail' => $this->url->to('FileViewerController', 'thumbnail', array('file_id' => 'FILE_ID', 'project_id' => $project['id'])),
'download' => $this->url->to('FileViewerController', 'download', array('file_id' => 'FILE_ID', 'project_id' => $project['id'])),
)
)) ?>

1
app/Template/task_file/images.php
View File

@ -9,6 +9,7 @@
'url' => array(
'image' => $this->url->to('FileViewerController', 'image', array('file_id' => 'FILE_ID', 'project_id' => $task['project_id'], 'task_id' => $task['id'])),
'thumbnail' => $this->url->to('FileViewerController', 'thumbnail', array('file_id' => 'FILE_ID', 'project_id' => $task['project_id'], 'task_id' => $task['id'])),
'download' => $this->url->to('FileViewerController', 'download', array('file_id' => 'FILE_ID', 'project_id' => $task['project_id'], 'task_id' => $task['id'])),
)
)) ?>

2
assets/css/app.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
assets/js/app.min.js vendored
View File

File diff suppressed because one or more lines are too long

8
assets/js/components/image-slideshow.js
View File

@ -20,6 +20,8 @@ KB.component('image-slideshow', function (containerElement, options) {
renderNextSlide();
} else if (element.matches('.slideshow-previous-icon')) {
renderPreviousSlide();
} else if (element.matches('.slideshow-download-icon')) {
window.location.href = element.href;
} else {
destroySlide();
}
@ -75,6 +77,11 @@ KB.component('image-slideshow', function (containerElement, options) {
.attr('class', 'fa fa-window-close slideshow-icon slideshow-close-icon')
.build();
var downloadElement = KB.dom('a')
.attr('class', 'fa fa-download slideshow-icon slideshow-download-icon')
.attr('href', getUrl(currentImage, 'download'))
.build();
var previousElement = KB.dom('div')
.attr('class', 'fa fa-chevron-circle-left slideshow-icon slideshow-previous-icon')
.build();
@ -102,6 +109,7 @@ KB.component('image-slideshow', function (containerElement, options) {
var overlayElement = KB.dom('div')
.addClass('image-slideshow-overlay')
.add(closeElement)
.add(downloadElement)
.add(previousElement)
.add(nextElement)
.add(figureElement)

5
assets/sass/_image_slideshow.sass
View File

@ -38,3 +38,8 @@
right: 10px
top: 10px
font-size: 1.4em
.slideshow-download-icon
left: 10px
bottom: 10px
font-size: 1.3em