View._setupUploader - Code Metrics - Inspection of "Merge pull request #715 from owncloud/fix-upload-9..." - owncloud/gallery - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( 9ebb14...4e28d5 )

unknown

created 2017-02-24 12:27 UTC

View._setupUploader A

↳ Parent: Project

Complexity

Conditions	2
Paths	2

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	2
c	0
b	0
f	0
nc	2
nop	2
dl	0
loc	23
rs	9.0856

1 Function

Rating	Name	Duplication	Size	Complexity
A		0	15	1

/* global Handlebars, Gallery */
(function ($, _, OC, t, Gallery) {
	"use strict";

	var TEMPLATE_ADDBUTTON = '<a href="#" class="button new"><img src="{{iconUrl}}" alt="{{addText}}"></img></a>';

	/**
	 * Builds and updates the Gallery view
	 *
	 * @constructor
	 */
	var View = function () {
		this.element = $('#gallery');
		this.loadVisibleRows.loading = false;
		this._setupUploader();
		this.breadcrumb = new Gallery.Breadcrumb();
		this.emptyContentElement = $('#emptycontent');
		this.controlsElement = $('#controls');
	};

	View.prototype = {
		element: null,
		breadcrumb: null,
		requestId: -1,
		emptyContentElement: null,
		controlsElement: null,

		/**
		 * Removes all thumbnails from the view
		 */
		clear: function () {
			this.loadVisibleRows.processing = false;
			this.loadVisibleRows.loading = null;
			// We want to keep all the events
			this.element.children().detach();
			this.showLoading();
		},

		/**
		 * Populates the view if there are images or albums to show
		 *
		 * @param {string} albumPath
		 * @param {string|undefined} errorMessage
		 */
		init: function (albumPath, errorMessage) {
			// Only do it when the app is initialised
			if (this.requestId === -1) {
				this._initButtons();
				this._blankUrl();
			}
			if ($.isEmptyObject(Gallery.imageMap)) {
				Gallery.view.showEmptyFolder(albumPath, errorMessage);
			} else {
				this.viewAlbum(albumPath);
			}

			this._setBackgroundColour();
		},

		/**
		 * Starts the slideshow
		 *
		 * @param {string} path
		 * @param {string} albumPath
		 */
		startSlideshow: function (path, albumPath) {
			var album = Gallery.albumMap[albumPath];
			var images = album.images;
			var startImage = Gallery.imageMap[path];
			Gallery.slideShow(images, startImage, false);
		},

		/**
		 * Sets up the controls and starts loading the gallery rows
		 *
		 * @param {string|null} albumPath
		 */
		viewAlbum: function (albumPath) {
			albumPath = albumPath || '';
			if (!Gallery.albumMap[albumPath]) {
				return;
			}

			this.clear();

			if (albumPath !== Gallery.currentAlbum
				|| (albumPath === Gallery.currentAlbum &&
				Gallery.albumMap[albumPath].etag !== Gallery.currentEtag)) {
				Gallery.currentAlbum = albumPath;
				Gallery.currentEtag = Gallery.albumMap[albumPath].etag;
				this._setupButtons(albumPath);
			}

			Gallery.albumMap[albumPath].viewedItems = 0;
			Gallery.albumMap[albumPath].preloadOffset = 0;

			// Each request has a unique ID, so that we can track which request a row belongs to
			this.requestId = Math.random();
			Gallery.albumMap[Gallery.currentAlbum].requestId = this.requestId;

			// Loading rows without blocking the execution of the rest of the script
			setTimeout(function () {
				this.loadVisibleRows.activeIndex = 0;
				this.loadVisibleRows(Gallery.albumMap[Gallery.currentAlbum]);
			}.bind(this), 0);
		},

		/**
		 * Manages the sorting interface
		 *
		 * @param {string} sortType name or date
		 * @param {string} sortOrder asc or des
		 */
		sortControlsSetup: function (sortType, sortOrder) {
			var reverseSortType = 'date';
			if (sortType === 'date') {
				reverseSortType = 'name';
			}
			this._setSortButton(sortType, sortOrder, true);
			this._setSortButton(reverseSortType, 'asc', false); // default icon
		},

		/**
		 * Loads and displays gallery rows on screen
		 *
		 * view.loadVisibleRows.loading holds the Promise of a row
		 *
		 * @param {Album} album
		 */
		loadVisibleRows: function (album) {
			var view = this;
			// Wait for the previous request to be completed
			if (this.loadVisibleRows.processing) {
				return;
			}

			/**
			 * At this stage, there is no loading taking place, so we can look for new rows
			 */

			var scroll = $('#content-wrapper').scrollTop() + $(window).scrollTop();
			// 2 windows worth of rows is the limit from which we need to start loading new rows.
			// As we scroll down, it grows
			var targetHeight = ($(window).height() * 2) + scroll;
			// We throttle rows in order to try and not generate too many CSS resizing events at
			// the same time
			var showRows = _.throttle(function (album) {

				// If we've reached the end of the album, we kill the loader
				if (!(album.viewedItems < album.subAlbums.length + album.images.length)) {
! (str.indexOf(i) > -1) // Bad
str.indexOf(i) === -1 // Good
					view.loadVisibleRows.processing = false;
					view.loadVisibleRows.loading = null;
					return;
				}

				// Prevents creating rows which are no longer required. I.e when changing album
				if (view.requestId !== album.requestId) {
					return;
				}

				// We can now safely create a new row
				var row = album.getRow($(window).width());
				var rowDom = row.getDom();
				view.element.append(rowDom);

				return album.fillNextRow(row).then(function () {
					if (album.viewedItems < album.subAlbums.length + album.images.length &&
						view.element.height() < targetHeight) {
						return showRows(album);
					}
					// No more rows to load at the moment
					view.loadVisibleRows.processing = false;
					view.loadVisibleRows.loading = null;

				}, function () {
					// Something went wrong, so kill the loader
					view.loadVisibleRows.processing = false;
					view.loadVisibleRows.loading = null;
				});
			}, 100);
			if (this.element.height() < targetHeight) {
				this._showNormal();
				this.loadVisibleRows.processing = true;
				album.requestId = view.requestId;
				this.loadVisibleRows.loading = showRows(album);
			}
		},

		/**
		 * Shows an empty gallery message
		 *
		 * @param {string} albumPath
		 * @param {string|null} errorMessage
		 */
		showEmptyFolder: function (albumPath, errorMessage) {
			var message = '<div class="icon-gallery"></div>';
			var uploadAllowed = true;

			this.element.children().detach();
			this.removeLoading();

			if (!_.isUndefined(errorMessage) && errorMessage !== null) {
				message += '<h2>' + t('gallery',
						'Album cannot be shown') + '</h2>';
				message += '<p>' + escapeHTML(errorMessage) + '</p>';

				uploadAllowed = false;
			} else {
				message += '<h2>' + t('gallery',
						'No media files found') + '</h2>';
				// We can't upload yet on the public side
				if (Gallery.token) {
					message += '<p>' + t('gallery',
							'Upload pictures in the files app to display them here') + '</p>';
				} else {
					message += '<p>' + t('gallery',
							'Upload new files via drag and drop or by using the [+] button above') +
						'</p>';
				}
			}
			this.emptyContentElement.html(message);
			this.emptyContentElement.removeClass('hidden');

			this._hideButtons(uploadAllowed);
			Gallery.currentAlbum = albumPath;
			var availableWidth = $(window).width() - Gallery.buttonsWidth;
			this.breadcrumb.init(albumPath, availableWidth);
			Gallery.config.albumDesign = null;
		},

		/**
		 * Dims the controls bar when retrieving new content. Matches the effect in Files
		 */
		dimControls: function () {
			// Use the existing mask if its already there
			var $mask = this.controlsElement.find('.mask');
			if ($mask.exists()) {
				return;
			}
			$mask = $('<div class="mask transparent"></div>');
			this.controlsElement.append($mask);
			$mask.removeClass('transparent');
		},

		/**
		 * Shows the infamous loading spinner
		 */
		showLoading: function () {
			this.emptyContentElement.addClass('hidden');
			this.controlsElement.removeClass('hidden');
			$('#content').addClass('icon-loading');
			this.dimControls();
		},

		/**
		 * Removes the spinner in the main area and restore normal visibility of the controls bar
		 */
		removeLoading: function () {
			$('#content').removeClass('icon-loading');
			this.controlsElement.find('.mask').remove();
		},

		/**
		 * Shows thumbnails
		 */
		_showNormal: function () {
			this.emptyContentElement.addClass('hidden');
			this.controlsElement.removeClass('hidden');
			this.removeLoading();
		},

		/**
		 * Sets up our custom handlers for folder uploading operations
		 *
		 * @see OC.Upload.init/file_upload_param.done()
		 *
		 * @private
		 */
		_setupUploader: function () {
			var self = this;

			var $uploadEl = $('#file_upload_start');
			var uploads = [];

			if (!$uploadEl.exists()) {
				return;
			}
			this._uploader = new OC.Uploader($uploadEl, {
				fileList: FileList,

				dropZone: $('#content')
			});
			this._uploader.on('add', function (e, data) {
				data.targetDir = '/' + Gallery.currentAlbum;
			});
			this._uploader.on('done', function (e, upload) {
				var data = upload.data;
				// is that the last upload ?
				if (data.files[0] === data.originalFiles[data.originalFiles.length - 1]) {
					var fileList = data.originalFiles;
					//Ask for a refresh of the photowall
					Gallery.getFiles(Gallery.currentAlbum).done(function () {
						var fileId, path;
						// Removes the cached thumbnails of files which have been re-uploaded
						_(fileList).each(function (fileName) {
							path = Gallery.currentAlbum + '/' + fileName;
							if (Gallery.imageMap[path]) {
								fileId = Gallery.imageMap[path].fileId;
								if (Thumbnails.map[fileId]) {

									delete Thumbnails.map[fileId];

								}
							}
						});

						Gallery.view.init(Gallery.currentAlbum);
					});
				}
			});

			// Since 9.0
			if (OC.Uploader) {
				OC.Uploader.prototype._isReceivedSharedFile = function (file) {
					var path = file.name;
					var sharedWith = false;

					if (Gallery.currentAlbum !== '' && Gallery.currentAlbum !== '/') {
						path = Gallery.currentAlbum + '/' + path;
					}
					if (Gallery.imageMap[path] && Gallery.imageMap[path].sharedWithUser) {
						sharedWith = true;
					}

					return sharedWith;
				};
			}
		},

		/**
		 * Adds all the click handlers to buttons the first time they appear in the interface
		 *
		 * @private
		 */
		_initButtons: function () {
			this.element.on("contextmenu", function(e) { e.preventDefault(); });
			$('#filelist-button').click(Gallery.switchToFilesView);
			$('#download').click(Gallery.download);
			$('#share-button').click(Gallery.share);
			Gallery.infoBox = new Gallery.InfoBox();
			$('#album-info-button').click(Gallery.showInfo);
			$('#sort-name-button').click(Gallery.sorter);
			$('#sort-date-button').click(Gallery.sorter);
			$('#save #save-button').click(Gallery.showSaveForm);
			$('.save-form').submit(Gallery.saveForm);
			this._renderNewButton();
			// Trigger cancelling of file upload
			$('#uploadprogresswrapper .stop').on('click', function () {
				OC.Upload.cancelUploads();
			});
			this.requestId = Math.random();
		},

		/**
		 * Sets up all the buttons of the interface and the breadcrumbs
		 *
		 * @param {string} albumPath
		 * @private
		 */
		_setupButtons: function (albumPath) {
			this._shareButtonSetup(albumPath);
			this._infoButtonSetup();

			var availableWidth = $(window).width() - Gallery.buttonsWidth;
			this.breadcrumb.init(albumPath, availableWidth);
			var album = Gallery.albumMap[albumPath];
			
			var sum = album.images.length + album.subAlbums.length;
			//If sum of the number of images and subalbums exceeds 1 then show the buttons.
			if(sum > 1)
			{
				$('#sort-name-button').show();
				$('#sort-date-button').show();
			}
			else
			{
				$('#sort-name-button').hide();
				$('#sort-date-button').hide();
			}
			var currentSort = Gallery.config.albumSorting;
			this.sortControlsSetup(currentSort.type, currentSort.order);
			Gallery.albumMap[Gallery.currentAlbum].images.sort(
				Gallery.utility.sortBy(currentSort.type,
					currentSort.order));
			Gallery.albumMap[Gallery.currentAlbum].subAlbums.sort(Gallery.utility.sortBy('name',
				currentSort.albumOrder));

			$('#save-button').show();
			$('#download').show();
			$('a.button.new').show();
		},

		/**
		 * Hide buttons in the controls bar
		 *
		 * @param uploadAllowed
		 */
		_hideButtons: function (uploadAllowed) {
			$('#album-info-button').hide();
			$('#share-button').hide();
			$('#sort-name-button').hide();
			$('#sort-date-button').hide();
			$('#save-button').hide();
			$('#download').hide();

			if (!uploadAllowed) {
				$('a.button.new').hide();
			}
		},

		/**
		 * Shows or hides the share button depending on if we're in a public gallery or not
		 *
		 * @param {string} albumPath
		 * @private
		 */
		_shareButtonSetup: function (albumPath) {
			var shareButton = $('#share-button');
			if (albumPath === '' || Gallery.token) {
				shareButton.hide();
			} else {
				shareButton.show();
			}
		},

		/**
		 * Shows or hides the info button based on the information we've received from the server
		 *
		 * @private
		 */
		_infoButtonSetup: function () {
			var infoButton = $('#album-info-button');
			infoButton.find('span').hide();
			var infoContentContainer = $('.album-info-container');
			infoContentContainer.slideUp();
			infoContentContainer.css('max-height',
				$(window).height() - Gallery.browserToolbarHeight);
			var albumInfo = Gallery.config.albumInfo;
			if (Gallery.config.albumError) {
				infoButton.hide();
				var text = '<strong>' + t('gallery', 'Configuration error') + '</strong></br>' +
					Gallery.config.albumError.message + '</br></br>';
				Gallery.utility.showHtmlNotification(text, 7);
			} else if ($.isEmptyObject(albumInfo)) {
				infoButton.hide();
			} else {
				infoButton.show();
				if (albumInfo.inherit !== 'yes' || albumInfo.level === 0) {
					infoButton.find('span').delay(1000).slideDown();
				}
			}
		},

		/**
		 * Sets the background colour of the photowall
		 *
		 * @private
		 */
		_setBackgroundColour: function () {
			var wrapper = $('#content-wrapper');
			var albumDesign = Gallery.config.albumDesign;
			if (!$.isEmptyObject(albumDesign) && albumDesign.background) {
				wrapper.css('background-color', albumDesign.background);
			} else {
				wrapper.css('background-color', '#fff');
			}
		},

		/**
		 * Picks the image which matches the sort order
		 *
		 * @param {string} sortType name or date
		 * @param {string} sortOrder asc or des
		 * @param {boolean} active determines if we're setting up the active sort button
		 * @private
		 */
		_setSortButton: function (sortType, sortOrder, active) {
			var button = $('#sort-' + sortType + '-button');
			// Removing all the classes which control the image in the button
			button.removeClass('active-button');
			button.find('img').removeClass('front');
			button.find('img').removeClass('back');

			// We need to determine the reverse order in order to send that image to the back
			var reverseSortOrder = 'des';
			if (sortOrder === 'des') {
				reverseSortOrder = 'asc';
			}

			// We assign the proper order to the button images
			button.find('img.' + sortOrder).addClass('front');
			button.find('img.' + reverseSortOrder).addClass('back');

			// The active button needs a hover action for the flip effect
			if (active) {
				button.addClass('active-button');
				if (button.is(":hover")) {
					button.removeClass('hover');
				}
				// We can't use a toggle here
				button.hover(function () {
						$(this).addClass('hover');
					},
					function () {
						$(this).removeClass('hover');
					});
			}
		},
		
		/**
		 * If no url is entered then do not show the error box.
		 *
		 */
		_blankUrl: function() {
			$('#remote_address').on("change keyup paste", function() {
 				if ($(this).val() === '') {
 					$('#save-button-confirm').prop('disabled', true);
 				} else {
 					$('#save-button-confirm').prop('disabled', false);
 				}
			});
		},
		
		/**
		 * Creates the [+] button allowing users who can't drag and drop to upload files
		 *
		 * @see core/apps/files/js/filelist.js
		 * @private
		 */
		_renderNewButton: function () {
			// if no actions container exist, skip
			var $actionsContainer = $('.actions');
			if (!$actionsContainer.length) {
				return;
			}
			if (!this._addButtonTemplate) {
				this._addButtonTemplate = Handlebars.compile(TEMPLATE_ADDBUTTON);
			}
			var $newButton = $(this._addButtonTemplate({
				addText: t('gallery', 'New'),
				iconUrl: OC.imagePath('core', 'actions/add')
			}));

			$actionsContainer.prepend($newButton);
			$newButton.tooltip({'placement': 'bottom'});

			$newButton.click(_.bind(this._onClickNewButton, this));
			this._newButton = $newButton;
		},

		/**
		 * Creates the click handler for the [+] button
		 * @param event
		 * @returns {boolean}
		 *
		 * @see core/apps/files/js/filelist.js
		 * @private
		 */
		_onClickNewButton: function (event) {
			var $target = $(event.target);
			if (!$target.hasClass('.button')) {
				$target = $target.closest('.button');
			}
			this._newButton.tooltip('hide');
			event.preventDefault();
			if ($target.hasClass('disabled')) {
				return false;
			}
			if (!this._newFileMenu) {
				this._newFileMenu = new Gallery.NewFileMenu();
				$('body').append(this._newFileMenu.$el);
			}
			this._newFileMenu.showAt($target);

			if (Gallery.currentAlbum === '') {
				$('.menuitem[data-action="hideAlbum"]').parent().hide();
			}
			return false;
		}
	};

	Gallery.View = View;
})(jQuery, _, OC, t, Gallery);


1			/* global Handlebars, Gallery */
2			(function ($, _, OC, t, Gallery) {
3			"use strict";
4
5			var TEMPLATE_ADDBUTTON = '<a href="#" class="button new"><img src="{{iconUrl}}" alt="{{addText}}"></img></a>';
6
7			/**
8			* Builds and updates the Gallery view
9			*
10			* @constructor
11			*/
12			var View = function () {
13			this.element = $('#gallery');
14			this.loadVisibleRows.loading = false;
15			this._setupUploader();
16			this.breadcrumb = new Gallery.Breadcrumb();
17			this.emptyContentElement = $('#emptycontent');
18			this.controlsElement = $('#controls');
19			};
20
21			View.prototype = {
22			element: null,
23			breadcrumb: null,
24			requestId: -1,
25			emptyContentElement: null,
26			controlsElement: null,
27
28			/**
29			* Removes all thumbnails from the view
30			*/
31			clear: function () {
32			this.loadVisibleRows.processing = false;
33			this.loadVisibleRows.loading = null;
34			// We want to keep all the events
35			this.element.children().detach();
36			this.showLoading();
37			},
38
39			/**
40			* Populates the view if there are images or albums to show
41			*
42			* @param {string} albumPath
43			* @param {string\|undefined} errorMessage
44			*/
45			init: function (albumPath, errorMessage) {
46			// Only do it when the app is initialised
47			if (this.requestId === -1) {
48			this._initButtons();
49			this._blankUrl();
50			}
51			if ($.isEmptyObject(Gallery.imageMap)) {
52			Gallery.view.showEmptyFolder(albumPath, errorMessage);
53			} else {
54			this.viewAlbum(albumPath);
55			}
56
57			this._setBackgroundColour();
58			},
59
60			/**
61			* Starts the slideshow
62			*
63			* @param {string} path
64			* @param {string} albumPath
65			*/
66			startSlideshow: function (path, albumPath) {
67			var album = Gallery.albumMap[albumPath];
68			var images = album.images;
69			var startImage = Gallery.imageMap[path];
70			Gallery.slideShow(images, startImage, false);
71			},
72
73			/**
74			* Sets up the controls and starts loading the gallery rows
75			*
76			* @param {string\|null} albumPath
77			*/
78			viewAlbum: function (albumPath) {
79			albumPath = albumPath \|\| '';
80			if (!Gallery.albumMap[albumPath]) {
81			return;
82			}
83
84			this.clear();
85
86			if (albumPath !== Gallery.currentAlbum
87			\|\| (albumPath === Gallery.currentAlbum &&
88			Gallery.albumMap[albumPath].etag !== Gallery.currentEtag)) {
89			Gallery.currentAlbum = albumPath;
90			Gallery.currentEtag = Gallery.albumMap[albumPath].etag;
91			this._setupButtons(albumPath);
92			}
93
94			Gallery.albumMap[albumPath].viewedItems = 0;
95			Gallery.albumMap[albumPath].preloadOffset = 0;
96
97			// Each request has a unique ID, so that we can track which request a row belongs to
98			this.requestId = Math.random();
99			Gallery.albumMap[Gallery.currentAlbum].requestId = this.requestId;
100
101			// Loading rows without blocking the execution of the rest of the script
102			setTimeout(function () {
103			this.loadVisibleRows.activeIndex = 0;
104			this.loadVisibleRows(Gallery.albumMap[Gallery.currentAlbum]);
105			}.bind(this), 0);
106			},
107
108			/**
109			* Manages the sorting interface
110			*
111			* @param {string} sortType name or date
112			* @param {string} sortOrder asc or des
113			*/
114			sortControlsSetup: function (sortType, sortOrder) {
115			var reverseSortType = 'date';
116			if (sortType === 'date') {
117			reverseSortType = 'name';
118			}
119			this._setSortButton(sortType, sortOrder, true);
120			this._setSortButton(reverseSortType, 'asc', false); // default icon
121			},
122
123			/**
124			* Loads and displays gallery rows on screen
125			*
126			* view.loadVisibleRows.loading holds the Promise of a row
127			*
128			* @param {Album} album
129			*/
130			loadVisibleRows: function (album) {
131			var view = this;
132			// Wait for the previous request to be completed
133			if (this.loadVisibleRows.processing) {
134			return;
135			}
136
137			/**
138			* At this stage, there is no loading taking place, so we can look for new rows
139			*/
140
141			var scroll = $('#content-wrapper').scrollTop() + $(window).scrollTop();
142			// 2 windows worth of rows is the limit from which we need to start loading new rows.
143			// As we scroll down, it grows
144			var targetHeight = ($(window).height() * 2) + scroll;
145			// We throttle rows in order to try and not generate too many CSS resizing events at
146			// the same time
147			var showRows = _.throttle(function (album) {
148
149			// If we've reached the end of the album, we kill the loader
150			if (!(album.viewedItems < album.subAlbums.length + album.images.length)) {
			0 ignored issues – show Coding Style introduced 2016-11-07 23:16 UTC by Report Bug Copy Issue Report The usage of `!` looks confusing here. The following shows a case which JSHint considers confusing and its respective non-confusing counterpart: ! (str.indexOf(i) > -1) // Bad str.indexOf(i) === -1 // Good Loading history...
151			view.loadVisibleRows.processing = false;
152			view.loadVisibleRows.loading = null;
153			return;
154			}
155
156			// Prevents creating rows which are no longer required. I.e when changing album
157			if (view.requestId !== album.requestId) {
158			return;
159			}
160
161			// We can now safely create a new row
162			var row = album.getRow($(window).width());
163			var rowDom = row.getDom();
164			view.element.append(rowDom);
165
166			return album.fillNextRow(row).then(function () {
167			if (album.viewedItems < album.subAlbums.length + album.images.length &&
168			view.element.height() < targetHeight) {
169			return showRows(album);
170			}
171			// No more rows to load at the moment
172			view.loadVisibleRows.processing = false;
173			view.loadVisibleRows.loading = null;
			0 ignored issues – show Best Practice introduced 2016-11-07 23:16 UTC by Report Bug Copy Issue Report There is no `return` statement in this branch, but you do return something in other branches. Did you maybe miss it? If you do not want to return anything, consider adding `return undefined;` explicitly. Loading history...
174			}, function () {
175			// Something went wrong, so kill the loader
176			view.loadVisibleRows.processing = false;
177			view.loadVisibleRows.loading = null;
178			});
179			}, 100);
180			if (this.element.height() < targetHeight) {
181			this._showNormal();
182			this.loadVisibleRows.processing = true;
183			album.requestId = view.requestId;
184			this.loadVisibleRows.loading = showRows(album);
185			}
186			},
187
188			/**
189			* Shows an empty gallery message
190			*
191			* @param {string} albumPath
192			* @param {string\|null} errorMessage
193			*/
194			showEmptyFolder: function (albumPath, errorMessage) {
195			var message = '<div class="icon-gallery"></div>';
196			var uploadAllowed = true;
197
198			this.element.children().detach();
199			this.removeLoading();
200
201			if (!_.isUndefined(errorMessage) && errorMessage !== null) {
202			message += '<h2>' + t('gallery',
203			'Album cannot be shown') + '</h2>';
204			message += '<p>' + escapeHTML(errorMessage) + '</p>';
			0 ignored issues – show Bug introduced 2016-11-07 23:16 UTC by Report Bug Copy Issue Report `escapeHTML` does not seem to be defined. Loading history...
205			uploadAllowed = false;
206			} else {
207			message += '<h2>' + t('gallery',
208			'No media files found') + '</h2>';
209			// We can't upload yet on the public side
210			if (Gallery.token) {
211			message += '<p>' + t('gallery',
212			'Upload pictures in the files app to display them here') + '</p>';
213			} else {
214			message += '<p>' + t('gallery',
215			'Upload new files via drag and drop or by using the [+] button above') +
216			'</p>';
217			}
218			}
219			this.emptyContentElement.html(message);
220			this.emptyContentElement.removeClass('hidden');
221
222			this._hideButtons(uploadAllowed);
223			Gallery.currentAlbum = albumPath;
224			var availableWidth = $(window).width() - Gallery.buttonsWidth;
225			this.breadcrumb.init(albumPath, availableWidth);
226			Gallery.config.albumDesign = null;
227			},
228
229			/**
230			* Dims the controls bar when retrieving new content. Matches the effect in Files
231			*/
232			dimControls: function () {
233			// Use the existing mask if its already there
234			var $mask = this.controlsElement.find('.mask');
235			if ($mask.exists()) {
236			return;
237			}
238			$mask = $('<div class="mask transparent"></div>');
239			this.controlsElement.append($mask);
240			$mask.removeClass('transparent');
241			},
242
243			/**
244			* Shows the infamous loading spinner
245			*/
246			showLoading: function () {
247			this.emptyContentElement.addClass('hidden');
248			this.controlsElement.removeClass('hidden');
249			$('#content').addClass('icon-loading');
250			this.dimControls();
251			},
252
253			/**
254			* Removes the spinner in the main area and restore normal visibility of the controls bar
255			*/
256			removeLoading: function () {
257			$('#content').removeClass('icon-loading');
258			this.controlsElement.find('.mask').remove();
259			},
260
261			/**
262			* Shows thumbnails
263			*/
264			_showNormal: function () {
265			this.emptyContentElement.addClass('hidden');
266			this.controlsElement.removeClass('hidden');
267			this.removeLoading();
268			},
269
270			/**
271			* Sets up our custom handlers for folder uploading operations
272			*
273			* @see OC.Upload.init/file_upload_param.done()
274			*
275			* @private
276			*/
277			_setupUploader: function () {
278			var self = this;
			0 ignored issues – show Unused Code introduced 2017-02-24 12:19 UTC by Report Bug Copy Issue Report The variable `self` seems to be never used. Consider removing it. Loading history... Unused Code introduced 2017-02-24 12:19 UTC by Report Bug Copy Issue Report `self` does not seem to be used. Loading history...
279			var $uploadEl = $('#file_upload_start');
280			var uploads = [];
			0 ignored issues – show Unused Code introduced 2017-02-24 12:19 UTC by Report Bug Copy Issue Report The variable `uploads` seems to be never used. Consider removing it. Loading history... Unused Code introduced 2017-02-24 12:19 UTC by Report Bug Copy Issue Report `uploads` does not seem to be used. Loading history...
281			if (!$uploadEl.exists()) {
282			return;
283			}
284			this._uploader = new OC.Uploader($uploadEl, {
285			fileList: FileList,
			0 ignored issues – show Bug introduced 2017-02-24 12:19 UTC by Report Bug Copy Issue Report The variable `FileList` seems to be never declared. If this is a global, consider adding a `/** global: FileList */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
286			dropZone: $('#content')
287			});
288			this._uploader.on('add', function (e, data) {
289			data.targetDir = '/' + Gallery.currentAlbum;
290			});
291			this._uploader.on('done', function (e, upload) {
292			var data = upload.data;
293			// is that the last upload ?
294			if (data.files[0] === data.originalFiles[data.originalFiles.length - 1]) {
295			var fileList = data.originalFiles;
296			//Ask for a refresh of the photowall
297			Gallery.getFiles(Gallery.currentAlbum).done(function () {
298			var fileId, path;
299			// Removes the cached thumbnails of files which have been re-uploaded
300			_(fileList).each(function (fileName) {
301			path = Gallery.currentAlbum + '/' + fileName;
302			if (Gallery.imageMap[path]) {
303			fileId = Gallery.imageMap[path].fileId;
304			if (Thumbnails.map[fileId]) {
			0 ignored issues – show Bug introduced 2017-02-24 12:19 UTC by Report Bug Copy Issue Report The variable `Thumbnails` seems to be never declared. If this is a global, consider adding a `/** global: Thumbnails */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history... Bug introduced 2017-02-24 12:19 UTC by Report Bug Copy Issue Report `Thumbnails` does not seem to be defined. Loading history...
305			delete Thumbnails.map[fileId];
			0 ignored issues – show Bug introduced 2017-02-24 12:19 UTC by Report Bug Copy Issue Report `Thumbnails` does not seem to be defined. Loading history...
306			}
307			}
308			});
309
310			Gallery.view.init(Gallery.currentAlbum);
311			});
312			}
313			});
314
315			// Since 9.0
316			if (OC.Uploader) {
317			OC.Uploader.prototype._isReceivedSharedFile = function (file) {
318			var path = file.name;
319			var sharedWith = false;
320
321			if (Gallery.currentAlbum !== '' && Gallery.currentAlbum !== '/') {
322			path = Gallery.currentAlbum + '/' + path;
323			}
324			if (Gallery.imageMap[path] && Gallery.imageMap[path].sharedWithUser) {
325			sharedWith = true;
326			}
327
328			return sharedWith;
329			};
330			}
331			},
332
333			/**
334			* Adds all the click handlers to buttons the first time they appear in the interface
335			*
336			* @private
337			*/
338			_initButtons: function () {
339			this.element.on("contextmenu", function(e) { e.preventDefault(); });
340			$('#filelist-button').click(Gallery.switchToFilesView);
341			$('#download').click(Gallery.download);
342			$('#share-button').click(Gallery.share);
343			Gallery.infoBox = new Gallery.InfoBox();
344			$('#album-info-button').click(Gallery.showInfo);
345			$('#sort-name-button').click(Gallery.sorter);
346			$('#sort-date-button').click(Gallery.sorter);
347			$('#save #save-button').click(Gallery.showSaveForm);
348			$('.save-form').submit(Gallery.saveForm);
349			this._renderNewButton();
350			// Trigger cancelling of file upload
351			$('#uploadprogresswrapper .stop').on('click', function () {
352			OC.Upload.cancelUploads();
353			});
354			this.requestId = Math.random();
355			},
356
357			/**
358			* Sets up all the buttons of the interface and the breadcrumbs
359			*
360			* @param {string} albumPath
361			* @private
362			*/
363			_setupButtons: function (albumPath) {
364			this._shareButtonSetup(albumPath);
365			this._infoButtonSetup();
366
367			var availableWidth = $(window).width() - Gallery.buttonsWidth;
368			this.breadcrumb.init(albumPath, availableWidth);
369			var album = Gallery.albumMap[albumPath];
370
371			var sum = album.images.length + album.subAlbums.length;
372			//If sum of the number of images and subalbums exceeds 1 then show the buttons.
373			if(sum > 1)
374			{
375			$('#sort-name-button').show();
376			$('#sort-date-button').show();
377			}
378			else
379			{
380			$('#sort-name-button').hide();
381			$('#sort-date-button').hide();
382			}
383			var currentSort = Gallery.config.albumSorting;
384			this.sortControlsSetup(currentSort.type, currentSort.order);
385			Gallery.albumMap[Gallery.currentAlbum].images.sort(
386			Gallery.utility.sortBy(currentSort.type,
387			currentSort.order));
388			Gallery.albumMap[Gallery.currentAlbum].subAlbums.sort(Gallery.utility.sortBy('name',
389			currentSort.albumOrder));
390
391			$('#save-button').show();
392			$('#download').show();
393			$('a.button.new').show();
394			},
395
396			/**
397			* Hide buttons in the controls bar
398			*
399			* @param uploadAllowed
400			*/
401			_hideButtons: function (uploadAllowed) {
402			$('#album-info-button').hide();
403			$('#share-button').hide();
404			$('#sort-name-button').hide();
405			$('#sort-date-button').hide();
406			$('#save-button').hide();
407			$('#download').hide();
408
409			if (!uploadAllowed) {
410			$('a.button.new').hide();
411			}
412			},
413
414			/**
415			* Shows or hides the share button depending on if we're in a public gallery or not
416			*
417			* @param {string} albumPath
418			* @private
419			*/
420			_shareButtonSetup: function (albumPath) {
421			var shareButton = $('#share-button');
422			if (albumPath === '' \|\| Gallery.token) {
423			shareButton.hide();
424			} else {
425			shareButton.show();
426			}
427			},
428
429			/**
430			* Shows or hides the info button based on the information we've received from the server
431			*
432			* @private
433			*/
434			_infoButtonSetup: function () {
435			var infoButton = $('#album-info-button');
436			infoButton.find('span').hide();
437			var infoContentContainer = $('.album-info-container');
438			infoContentContainer.slideUp();
439			infoContentContainer.css('max-height',
440			$(window).height() - Gallery.browserToolbarHeight);
441			var albumInfo = Gallery.config.albumInfo;
442			if (Gallery.config.albumError) {
443			infoButton.hide();
444			var text = '<strong>' + t('gallery', 'Configuration error') + '</strong></br>' +
445			Gallery.config.albumError.message + '</br></br>';
446			Gallery.utility.showHtmlNotification(text, 7);
447			} else if ($.isEmptyObject(albumInfo)) {
448			infoButton.hide();
449			} else {
450			infoButton.show();
451			if (albumInfo.inherit !== 'yes' \|\| albumInfo.level === 0) {
452			infoButton.find('span').delay(1000).slideDown();
453			}
454			}
455			},
456
457			/**
458			* Sets the background colour of the photowall
459			*
460			* @private
461			*/
462			_setBackgroundColour: function () {
463			var wrapper = $('#content-wrapper');
464			var albumDesign = Gallery.config.albumDesign;
465			if (!$.isEmptyObject(albumDesign) && albumDesign.background) {
466			wrapper.css('background-color', albumDesign.background);
467			} else {
468			wrapper.css('background-color', '#fff');
469			}
470			},
471
472			/**
473			* Picks the image which matches the sort order
474			*
475			* @param {string} sortType name or date
476			* @param {string} sortOrder asc or des
477			* @param {boolean} active determines if we're setting up the active sort button
478			* @private
479			*/
480			_setSortButton: function (sortType, sortOrder, active) {
481			var button = $('#sort-' + sortType + '-button');
482			// Removing all the classes which control the image in the button
483			button.removeClass('active-button');
484			button.find('img').removeClass('front');
485			button.find('img').removeClass('back');
486
487			// We need to determine the reverse order in order to send that image to the back
488			var reverseSortOrder = 'des';
489			if (sortOrder === 'des') {
490			reverseSortOrder = 'asc';
491			}
492
493			// We assign the proper order to the button images
494			button.find('img.' + sortOrder).addClass('front');
495			button.find('img.' + reverseSortOrder).addClass('back');
496
497			// The active button needs a hover action for the flip effect
498			if (active) {
499			button.addClass('active-button');
500			if (button.is(":hover")) {
501			button.removeClass('hover');
502			}
503			// We can't use a toggle here
504			button.hover(function () {
505			$(this).addClass('hover');
506			},
507			function () {
508			$(this).removeClass('hover');
509			});
510			}
511			},
512
513			/**
514			* If no url is entered then do not show the error box.
515			*
516			*/
517			_blankUrl: function() {
518			$('#remote_address').on("change keyup paste", function() {
519			if ($(this).val() === '') {
520			$('#save-button-confirm').prop('disabled', true);
521			} else {
522			$('#save-button-confirm').prop('disabled', false);
523			}
524			});
525			},
526
527			/**
528			* Creates the [+] button allowing users who can't drag and drop to upload files
529			*
530			* @see core/apps/files/js/filelist.js
531			* @private
532			*/
533			_renderNewButton: function () {
534			// if no actions container exist, skip
535			var $actionsContainer = $('.actions');
536			if (!$actionsContainer.length) {
537			return;
538			}
539			if (!this._addButtonTemplate) {
540			this._addButtonTemplate = Handlebars.compile(TEMPLATE_ADDBUTTON);
541			}
542			var $newButton = $(this._addButtonTemplate({
543			addText: t('gallery', 'New'),
544			iconUrl: OC.imagePath('core', 'actions/add')
545			}));
546
547			$actionsContainer.prepend($newButton);
548			$newButton.tooltip({'placement': 'bottom'});
549
550			$newButton.click(_.bind(this._onClickNewButton, this));
551			this._newButton = $newButton;
552			},
553
554			/**
555			* Creates the click handler for the [+] button
556			* @param event
557			* @returns {boolean}
558			*
559			* @see core/apps/files/js/filelist.js
560			* @private
561			*/
562			_onClickNewButton: function (event) {
563			var $target = $(event.target);
564			if (!$target.hasClass('.button')) {
565			$target = $target.closest('.button');
566			}
567			this._newButton.tooltip('hide');
568			event.preventDefault();
569			if ($target.hasClass('disabled')) {
570			return false;
571			}
572			if (!this._newFileMenu) {
573			this._newFileMenu = new Gallery.NewFileMenu();
574			$('body').append(this._newFileMenu.$el);
575			}
576			this._newFileMenu.showAt($target);
577
578			if (Gallery.currentAlbum === '') {
579			$('.menuitem[data-action="hideAlbum"]').parent().hide();
580			}
581			return false;
582			}
583			};
584
585			Gallery.View = View;
586			})(jQuery, _, OC, t, Gallery);
587

owncloud / gallery

Push — master ( 9ebb14...4e28d5 )

View._setupUploader A

Complexity

Size

Duplication

Importance

1 Function

Duplication Side-by-Side

Filter issues like