"use strict";
+var moment = require('moment');
+
module.exports = function (ngApp, events) {
ngApp.controller('ImageManagerController', ['$scope', '$attrs', '$http', '$timeout', 'imageManagerService',
$scope.imageUpdateSuccess = false;
$scope.imageDeleteSuccess = false;
$scope.uploadedTo = $attrs.uploadedTo;
+ $scope.view = 'all';
+
+ $scope.searching = false;
+ $scope.searchTerm = '';
var page = 0;
var previousClickTime = 0;
+ var previousClickImage = 0;
var dataLoaded = false;
var callback = false;
+ var preSearchImages = [];
+ var preSearchHasMore = false;
+
/**
- * Simple returns the appropriate upload url depending on the image type set.
+ * Used by dropzone to get the endpoint to upload to.
* @returns {string}
*/
$scope.getUploadUrl = function () {
return '/images/' + $scope.imageType + '/upload';
};
+ /**
+ * Cancel the current search operation.
+ */
+ function cancelSearch() {
+ $scope.searching = false;
+ $scope.searchTerm = '';
+ $scope.images = preSearchImages;
+ $scope.hasMore = preSearchHasMore;
+ }
+ $scope.cancelSearch = cancelSearch;
+
+
/**
* Runs on image upload, Adds an image to local list of images
* and shows a success message to the user.
var currentTime = Date.now();
var timeDiff = currentTime - previousClickTime;
- if (timeDiff < dblClickTime) {
+ if (timeDiff < dblClickTime && image.id === previousClickImage) {
// If double click
callbackAndHide(image);
} else {
$scope.dependantPages = false;
}
previousClickTime = currentTime;
+ previousClickImage = image.id;
};
/**
$scope.showing = false;
};
+ var baseUrl = '/images/' + $scope.imageType + '/all/'
+
/**
* Fetch the list image data from the server.
*/
function fetchData() {
- var url = '/images/' + $scope.imageType + '/all/' + page;
+ var url = baseUrl + page + '?';
+ var components = {};
+ if ($scope.uploadedTo) components['page_id'] = $scope.uploadedTo;
+ if ($scope.searching) components['term'] = $scope.searchTerm;
+
+
+ var urlQueryString = Object.keys(components).map((key) => {
+ return key + '=' + encodeURIComponent(components[key]);
+ }).join('&');
+ url += urlQueryString;
+
$http.get(url).then((response) => {
$scope.images = $scope.images.concat(response.data.images);
$scope.hasMore = response.data.hasMore;
page++;
});
}
-
$scope.fetchData = fetchData;
+ /**
+ * Start a search operation
+ * @param searchTerm
+ */
+ $scope.searchImages = function() {
+
+ if ($scope.searchTerm === '') {
+ cancelSearch();
+ return;
+ }
+
+ if (!$scope.searching) {
+ preSearchImages = $scope.images;
+ preSearchHasMore = $scope.hasMore;
+ }
+
+ $scope.searching = true;
+ $scope.images = [];
+ $scope.hasMore = false;
+ page = 0;
+ baseUrl = '/images/' + $scope.imageType + '/search/';
+ fetchData();
+ };
+
+ /**
+ * Set the current image listing view.
+ * @param viewName
+ */
+ $scope.setView = function(viewName) {
+ cancelSearch();
+ $scope.images = [];
+ $scope.hasMore = false;
+ page = 0;
+ $scope.view = viewName;
+ baseUrl = '/images/' + $scope.imageType + '/' + viewName + '/';
+ fetchData();
+ }
+
/**
* Save the details of an image.
* @param event
}
}
+ if (!isMarkdown) {
+ $scope.editorChange = function() {};
+ }
+
/**
* Start the AutoSave loop, Checks for content change
* before performing the costly AJAX request.
if (isMarkdown) data.markdown = $scope.editContent;
- console.log(data.markdown);
-
$http.put('/ajax/page/' + pageId + '/save-draft', data).then((responseData) => {
- $scope.draftText = responseData.data.message;
+ var updateTime = moment.utc(moment.unix(responseData.data.timestamp)).toDate();
+ $scope.draftText = responseData.data.message + moment(updateTime).format('HH:mm');
if (!$scope.isNewPageDraft) $scope.isUpdateDraft = true;
});
}
saveDraft();
};
+ // Listen to shortcuts coming via events
+ $scope.$on('editor-keydown', (event, data) => {
+ // Save shortcut (ctrl+s)
+ if (data.keyCode == 83 && (navigator.platform.match("Mac") ? data.metaKey : data.ctrlKey)) {
+ data.preventDefault();
+ saveDraft();
+ }
+ });
+
/**
* Discard the current draft and grab the current page
* content from the system via an AJAX request.
}]);
-};
\ No newline at end of file
+ ngApp.controller('PageTagController', ['$scope', '$http', '$attrs',
+ function ($scope, $http, $attrs) {
+
+ const pageId = Number($attrs.pageId);
+ $scope.tags = [];
+
+ $scope.sortOptions = {
+ handle: '.handle',
+ items: '> tr',
+ containment: "parent",
+ axis: "y"
+ };
+
+ /**
+ * Push an empty tag to the end of the scope tags.
+ */
+ function addEmptyTag() {
+ $scope.tags.push({
+ name: '',
+ value: ''
+ });
+ }
+ $scope.addEmptyTag = addEmptyTag;
+
+ /**
+ * Get all tags for the current book and add into scope.
+ */
+ function getTags() {
+ $http.get('/ajax/tags/get/page/' + pageId).then((responseData) => {
+ $scope.tags = responseData.data;
+ addEmptyTag();
+ });
+ }
+ getTags();
+
+ /**
+ * Set the order property on all tags.
+ */
+ function setTagOrder() {
+ for (let i = 0; i < $scope.tags.length; i++) {
+ $scope.tags[i].order = i;
+ }
+ }
+
+ /**
+ * When an tag changes check if another empty editable
+ * field needs to be added onto the end.
+ * @param tag
+ */
+ $scope.tagChange = function(tag) {
+ let cPos = $scope.tags.indexOf(tag);
+ if (cPos !== $scope.tags.length-1) return;
+
+ if (tag.name !== '' || tag.value !== '') {
+ addEmptyTag();
+ }
+ };
+
+ /**
+ * When an tag field loses focus check the tag to see if its
+ * empty and therefore could be removed from the list.
+ * @param tag
+ */
+ $scope.tagBlur = function(tag) {
+ let isLast = $scope.tags.length - 1 === $scope.tags.indexOf(tag);
+ if (tag.name === '' && tag.value === '' && !isLast) {
+ let cPos = $scope.tags.indexOf(tag);
+ $scope.tags.splice(cPos, 1);
+ }
+ };
+
+ /**
+ * Save the tags to the current page.
+ */
+ $scope.saveTags = function() {
+ setTagOrder();
+ let postData = {tags: $scope.tags};
+ $http.post('/ajax/tags/update/page/' + pageId, postData).then((responseData) => {
+ $scope.tags = responseData.data.tags;
+ addEmptyTag();
+ events.emit('success', responseData.data.message);
+ })
+ };
+
+ /**
+ * Remove a tag from the current list.
+ * @param tag
+ */
+ $scope.removeTag = function(tag) {
+ let cIndex = $scope.tags.indexOf(tag);
+ $scope.tags.splice(cIndex, 1);
+ };
+
+ }]);
+
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
projects / bookstack / blobdiff