option to move folders to other folders

luyadev · Mar 20, 2024 · 6747a92 · 6747a92
1 parent 1b83e6a
commit 6747a92
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 4 deletions.
diff --git a/src/apis/StorageController.php b/src/apis/StorageController.php
@@ -587,7 +587,9 @@ public function actionFolderUpdate($folderId)
 
         $this->flushApiCache();
 
-        return $model->update();
+        $model->update();
+
+        return $model;
     }
 
     /**

diff --git a/src/resources/dist/main.js b/src/resources/dist/main.js
diff --git a/src/resources/js/directives.js b/src/resources/js/directives.js
@@ -1450,10 +1450,21 @@ zaa.directive("storageFileManager", function () {
                     });
                 };
 
+                $scope.isFolderMoveModalHidden = true;
+
+                $scope.currentEditFolder = null;
+
                 $scope.cancelFolderEdit = function (folder, oldName) {
                     folder.name = oldName;
                 };
 
+                $scope.moveFolderTo = function(targetFolder, toFolderId) {
+                    $http.post('admin/api-admin-storage/folder-update?folderId=' + targetFolder.id, { parent_id: toFolderId }).then(function (transport) {
+                        AdminToastService.success(i18nParam('js_ngrest_toggler_success', {field: targetFolder.name}));
+                        $scope.foldersDataReload()
+                    });
+                }
+
                 $scope.deleteFolder = function (folder) {
                     $http.post('admin/api-admin-storage/is-folder-empty?folderId=' + folder.id, { name: folder.name }).then(function (transport) {
                         var isEmpty = transport.data.empty;

diff --git a/src/views/layouts/_angulardirectives.php b/src/views/layouts/_angulardirectives.php
@@ -199,29 +199,43 @@
                     <i class="material-icons" ng-if="currentFolderId == folder.id">folder</i>
                     <i class="material-icons" ng-if="currentFolderId != folder.id">folder_open</i>
                 </div>
-                <div class="folder-label" ng-class="{'is-active' : hasFolderActiveChild(folder.id)}">{{folder.name }}</div>
+                <div class="folder-label" ng-class="{'is-active' : hasFolderActiveChild(folder.id)}">{{ folder.name }}</div>
             </span>
             <div class="folder-edit">
                 <input class="folder-edit-input" ng-model="folder.name" type="text" />
             </div>
         </div>
         <div class="folder-right folder-action-default">
-            <button class="folder-button folder-button--edit" ng-click="editFolderLabel=!editFolderLabel;"><i class="material-icons">edit</i></button>
+            <button class="folder-button folder-button--edit" ng-click="editFolderLabel=!editFolderLabel; currentEditFolder=folder"><i class="material-icons">edit</i></button>
             <button class="folder-button folder-button--delete" ng-hide="folder.subfolder || folder.filesCount > 0" ng-click="deleteFolder(folder)"><i class="material-icons">delete</i></button>
         </div>
         <div class="folder-right folder-action-edit">
             <button class="folder-button folder-button--save" ng-click="updateFolder(folder); editFolderLabel=!editFolderLabel"><i class="material-icons">check</i></button>
+            <button class="folder-button" ng-click="isFolderMoveModalHidden=!isFolderMoveModalHidden"><i class="material-icons">subdirectory_arrow_right</i></button>
             <button class="folder-button folder-button--abort" ng-click="cancelFolderEdit(folder, oldFolder); editFolderLabel=!editFolderLabel;"><i class="material-icons">cancel</i></button>
         </div>
         <div class="folder-right folder-action-move-to">
             <button class="folder-button folder-button--move-to" ng-click="moveFilesTo(folder.id)"><i class="material-icons">subdirectory_arrow_left</i></button>
         </div>
+        <modal is-modal-hidden="isFolderMoveModalHidden" modal-title="{{ folder.name }}">
+            <div ng-if="!isFolderMoveModalHidden">
+                <button type="button" class="btn my-1 btn-icon btn-outline-folder" ng-click="moveFolderTo(currentEditFolder, 0)"><?= Admin::t('layout_filemanager_root_dir'); ?></button>
+                <div ng-repeat="folderlist in getFolderData(0) track by folderlist.id" ng-include="'folderMoveTemplate'"></div>
+            </div>
+        </modal>
     </div>
     <ul class="folders" ng-if="folder.subfolder === true && folder.toggle_open==1">
         <li class="folders-folder-item" ng-class="{'is-movable' : showFoldersToMove}" ng-repeat="folder in getFolderData(folder.id) track by folder.id" ng-include="'reverseFolders'"></li>
     </ul>
 </script>
 
+<script type="text/ng-template" id="folderMoveTemplate">
+    <div>
+        <button type="button" class="btn my-1 btn-icon btn-outline-folder" ng-click="moveFolderTo(currentEditFolder, folderlist.id)" ng-disabled="folderlist.id == currentEditFolder.id || folderlist.id == currentEditFolder.parentId">{{ folderlist.name }}</button>
+        <div style="margin-left:20px;" ng-repeat="folderlist in getFolderData(folderlist.id) track by folderlist.id" ng-include="'folderMoveTemplate'"></div>
+    </div>
+</script>
+
 <!-- FILEMANAGER -->
 <script type="text/ng-template" id="storageFileManager">
 <div class="filemanager"  ng-paste="pasteUpload($event)">