diff options
| author | Vincent Petry <vincent@nextcloud.com> | 2022-09-27 16:51:15 +0300 |
|---|---|---|
| committer | Vincent Petry <vincent@nextcloud.com> | 2022-09-27 16:51:15 +0300 |
| commit | 848a8c8c592c651356339fdb1b252dc393587d95 (patch) | |
| tree | 5e1d1f3480b8467fa30d0dee3fcb4c3913514f32 | |
| parent | 0e41530b807244e213e3e2566c0ffe30ed809a32 (diff) | |
Fix grid view button in public page
Signed-off-by: Vincent Petry <vincent@nextcloud.com>
| -rw-r--r-- | apps/files_sharing/js/public.js | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/apps/files_sharing/js/public.js b/apps/files_sharing/js/public.js index 6c68490aef5..9b0f4421360 100644 --- a/apps/files_sharing/js/public.js +++ b/apps/files_sharing/js/public.js @@ -62,6 +62,11 @@ OCA.Sharing.PublicApp = { // file list mode ? if ($el.find('.files-filestable').length) { + // Toggle for grid view + this.$showGridView = $('input#showgridview'); + this.$showGridView.on('change', _.bind(this._onGridviewChange, this)); + $('#view-toggle').tooltip({placement: 'bottom', trigger: 'hover'}); + var filesClient = new OC.Files.Client({ host: OC.getHost(), port: OC.getPort(), @@ -364,6 +369,26 @@ OCA.Sharing.PublicApp = { } }, + /** + * Toggle showing gridview by default or not + * + * @returns {undefined} + */ + _onGridviewChange: function() { + const isGridView = this.$showGridView.is(':checked'); + this.$showGridView.next('#view-toggle') + .removeClass('icon-toggle-filelist icon-toggle-pictures') + .addClass(isGridView ? 'icon-toggle-filelist' : 'icon-toggle-pictures') + this.$showGridView.next('#view-toggle').attr( + 'data-original-title', + isGridView ? t('files', 'Show list view') : t('files', 'Show grid view'), + ) + + if (this.fileList) { + this.fileList.setGridView(isGridView); + } + }, + _onDirectoryChanged: function (e) { OC.Util.History.pushState({ // arghhhh, why is this not called "dir" !? |