BookStack Code Mirror - bookstack/blob - resources/assets/js/controllers.js

   1 "use strict";
   2
   3 module.exports = function (ngApp) {
   4
   5     ngApp.controller('ImageManagerController', ['$scope', '$attrs', '$http', '$timeout', 'imageManagerService',
   6         function ($scope, $attrs, $http, $timeout, imageManagerService) {
   7             $scope.images = [];
   8             $scope.imageType = $attrs.imageType;
   9             $scope.selectedImage = false;
  10             $scope.dependantPages = false;
  11             $scope.showing = false;
  12             $scope.hasMore = false;
  13             $scope.imageUpdateSuccess = false;
  14             $scope.imageDeleteSuccess = false;
  15             var page = 0;
  16             var previousClickTime = 0;
  17             var dataLoaded = false;
  18             var callback = false;
  19
  20             $scope.getUploadUrl = function () {
  21                 return '/images/' + $scope.imageType + '/upload';
  22             };
  23
  24             $scope.uploadSuccess = function (file, data) {
  25                 $scope.$apply(() => {
  26                     $scope.images.unshift(data);
  27                 });
  28             };
  29
  30             function callbackAndHide(returnData) {
  31                 if (callback) callback(returnData);
  32                 $scope.showing = false;
  33             }
  34
  35             $scope.imageSelect = function (image) {
  36                 var dblClickTime = 300;
  37                 var currentTime = Date.now();
  38                 var timeDiff = currentTime - previousClickTime;
  39
  40                 if (timeDiff < dblClickTime) {
  41                     // If double click
  42                     callbackAndHide(image);
  43                 } else {
  44                     // If single
  45                     $scope.selectedImage = image;
  46                     $scope.dependantPages = false;
  47                 }
  48                 previousClickTime = currentTime;
  49             };
  50
  51             $scope.selectButtonClick = function () {
  52                 callbackAndHide($scope.selectedImage);
  53             };
  54
  55             function show(doneCallback) {
  56                 callback = doneCallback;
  57                 $scope.showing = true;
  58                 // Get initial images if they have not yet been loaded in.
  59                 if (!dataLoaded) {
  60                     fetchData();
  61                     dataLoaded = true;
  62                 }
  63             }
  64
  65             imageManagerService.show = show;
  66             imageManagerService.showExternal = function (doneCallback) {
  67                 $scope.$apply(() => {
  68                     show(doneCallback);
  69                 });
  70             };
  71             window.ImageManager = imageManagerService;
  72
  73             $scope.hide = function () {
  74                 $scope.showing = false;
  75             };
  76
  77             function fetchData() {
  78                 var url = '/images/' + $scope.imageType + '/all/' + page;
  79                 $http.get(url).then((response) => {
  80                     $scope.images = $scope.images.concat(response.data.images);
  81                     $scope.hasMore = response.data.hasMore;
  82                     page++;
  83                 });
  84             }
  85
  86             $scope.saveImageDetails = function (event) {
  87                 event.preventDefault();
  88                 var url = '/images/update/' + $scope.selectedImage.id;
  89                 $http.put(url, this.selectedImage).then((response) => {
  90                     $scope.imageUpdateSuccess = true;
  91                     $timeout(() => {
  92                         $scope.imageUpdateSuccess = false;
  93                     }, 3000);
  94                 }, (response) => {
  95                     var errors = response.data;
  96                     var message = '';
  97                     Object.keys(errors).forEach((key) => {
  98                         message += errors[key].join('\n');
  99                     });
 100                     $scope.imageUpdateFailure = message;
 101                     $timeout(() => {
 102                         $scope.imageUpdateFailure = false;
 103                     }, 5000);
 104                 });
 105             };
 106
 107             $scope.deleteImage = function (event) {
 108                 event.preventDefault();
 109                 var force = $scope.dependantPages !== false;
 110                 var url = '/images/' + $scope.selectedImage.id;
 111                 if (force) url += '?force=true';
 112                 $http.delete(url).then((response) => {
 113                     $scope.images.splice($scope.images.indexOf($scope.selectedImage), 1);
 114                     $scope.selectedImage = false;
 115                     $scope.imageDeleteSuccess = true;
 116                     $timeout(() => {
 117                         $scope.imageDeleteSuccess = false;
 118                     }, 3000);
 119                 }, (response) => {
 120                     // Pages failure
 121                     if (response.status === 400) {
 122                         $scope.dependantPages = response.data;
 123                     }
 124                 });
 125             };
 126
 127         }]);
 128
 129
 130     ngApp.controller('BookShowController', ['$scope', '$http', '$attrs', function ($scope, $http, $attrs) {
 131         $scope.searching = false;
 132         $scope.searchTerm = '';
 133         $scope.searchResults = '';
 134
 135         $scope.searchBook = function (e) {
 136             e.preventDefault();
 137             var term = $scope.searchTerm;
 138             if (term.length == 0) return;
 139             $scope.searching = true;
 140             $scope.searchResults = '';
 141             var searchUrl = '/search/book/' + $attrs.bookId;
 142             searchUrl += '?term=' + encodeURIComponent(term);
 143             $http.get(searchUrl).then((response) => {
 144                 $scope.searchResults = response.data;
 145             });
 146         };
 147
 148         $scope.checkSearchForm = function () {
 149             if ($scope.searchTerm.length < 1) {
 150                 $scope.searching = false;
 151             }
 152         };
 153
 154         $scope.clearSearch = function () {
 155             $scope.searching = false;
 156             $scope.searchTerm = '';
 157         };
 158
 159     }]);
 160
 161
 162 };