From 10f38ad57df2492541c178dcdc526f3c3f374dbc Mon Sep 17 00:00:00 2001
From: Wisp X <wisp-x@qq.com>
Date: Thu, 30 Dec 2021 16:51:03 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E5=9B=BE=E7=89=87=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E5=88=B0=E7=9B=B8=E5=86=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Http/Controllers/User/ImageController.php |  8 +++++
 resources/views/images.blade.php              | 29 +++++++++++++++----
 routes/web.php                                |  1 +
 3 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/app/Http/Controllers/User/ImageController.php b/app/Http/Controllers/User/ImageController.php
index c2ac4698..90b99191 100644
--- a/app/Http/Controllers/User/ImageController.php
+++ b/app/Http/Controllers/User/ImageController.php
@@ -51,4 +51,12 @@ class ImageController extends Controller
         });
         return $this->success('success', compact('images'));
     }
+
+    public function movement(Request $request): Response
+    {
+        /** @var User $user */
+        $user = Auth::user();
+        $user->images()->whereIn('id', $request->input('selected'))->update(['album_id' => $request->input('album_id')]);
+        return $this->success('移动成功');
+    }
 }
diff --git a/resources/views/images.blade.php b/resources/views/images.blade.php
index f8cca487..47545c85 100644
--- a/resources/views/images.blade.php
+++ b/resources/views/images.blade.php
@@ -65,7 +65,7 @@
     </div>
 
     <script type="text/html" id="photos-item-tpl">
-        <a href="javascript:void(0)" data-json='__json__' class="photos-item relative cursor-default rounded outline outline-2 outline-offset-2 outline-transparent">
+        <a href="javascript:void(0)" data-id="__id__" data-json='__json__' class="photos-item relative cursor-default rounded outline outline-2 outline-offset-2 outline-transparent">
             <div class="photo-selector absolute z-[2] top-0 right-0 overflow-hidden cursor-pointer sm:hidden group-hover:block">
                 <div class="p-1 text-xl sm:text-2xl">
                     <i class="fas fa-check-circle block rounded-full bg-white text-white border border-gray-500"></i>
@@ -180,6 +180,7 @@
                     let html = '';
                     for (const i in images) {
                         html += $('#photos-item-tpl').html()
+                            .replace(/__id__/g, images[i].id)
                             .replace(/__name__/g, images[i].filename)
                             .replace(/__human_date__/g, images[i].human_date)
                             .replace(/__date__/g, images[i].date)
@@ -215,8 +216,8 @@
                 imagesInfinite.refresh(params);
             }
 
-            const getAlbums = () => {
-                let title = '我的相册 <i class="cursor-pointer fas fa-plus text-blue-500" onclick="$(\'#album-add\').toggleClass(\'hidden\')"></i>';
+            const getAlbums = (options, callback) => {
+                let title = '__title__ <i class="cursor-pointer fas fa-plus text-blue-500" onclick="$(\'#album-add\').toggleClass(\'hidden\')"></i>'.replace(/__title__/g, (options || {}).title || '我的相册');
                 let content = $('#albums-container-tpl').html();
                 drawer.toggle(title, content, function () {
                     let $albums = $('#albums-container');
@@ -252,6 +253,8 @@
                             }
 
                             $albums.append(html);
+
+                            callback && callback.call(this, $albums.get(0));
                         }
                     });
 
@@ -431,8 +434,24 @@
                 },
                 move: {
                     text: '移动到相册',
-                    action: e => {
-                        console.log(ds.getSelection())
+                    action: _ => {
+                        let selected = [];
+                        ds.getSelection().map(item => selected.push($(item).data('id')));
+                        getAlbums({title: '选择相册'}, e => {
+                            $(e).off('click', '>a').on('click', '>a', function () {
+                                axios.put('{{ route('user.images.movement') }}', {
+                                    selected: selected,
+                                    album_id: $(this).data('id')
+                                }).then(response => {
+                                    if (response.data.status) {
+                                        drawer.close();
+                                        toastr.success(response.data.message);
+                                    } else {
+                                        toastr.warning(response.data.message);
+                                    }
+                                })
+                            });
+                        })
                     },
                 },
                 detail: {text: '详细信息', action: e => {}},
diff --git a/routes/web.php b/routes/web.php
index aa060879..bbcf90d5 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -25,6 +25,7 @@ Route::group(['middleware' => ['auth']], function () {
     Route::get('/images', [ImageController::class, 'index'])->name('images');
     Route::group(['prefix' => 'user'], function () {
         Route::get('images', [ImageController::class, 'images'])->name('user.images');
+        Route::put('images/movement', [ImageController::class, 'movement'])->name('user.images.movement');
         Route::get('albums', [AlbumController::class, 'albums'])->name('user.albums');
         Route::post('albums', [AlbumController::class, 'create'])->name('user.album.create');
         Route::put('albums/{id}', [AlbumController::class, 'update'])->name('user.album.update');