From f1dec8db9f3aeee0d46fca5dbf1ddb7201d5684a Mon Sep 17 00:00:00 2001
From: A1Gard <a1gard@4xmen.ir>
Date: Fri, 19 Jul 2024 02:26:42 +0330
Subject: [PATCH] added menu controller [WIP: sort] added menu item input vue
 component added v-model(s) & name support to MorphSelector

---
 app/Http/Controllers/Admin/MenuController.php | 147 ++++++++++++++++
 app/Http/Requests/MenuSaveRequest.php         |  28 +++
 app/Models/Menu.php                           |   2 +
 resources/js/app.js                           |   3 +
 resources/js/components/MenuItemInput.vue     | 164 ++++++++++++++++++
 resources/js/components/MorphSelector.vue     |  61 +++++--
 .../views/admin/menus/menu-form.blade.php     |  80 +++++++++
 .../views/admin/menus/menu-list.blade.php     |  15 ++
 .../components/panel-side-navbar.blade.php    |   2 +-
 .../views/website/inc/website-foot.blade.php  |  10 +-
 routes/web.php                                |  13 ++
 11 files changed, 506 insertions(+), 19 deletions(-)
 create mode 100644 app/Http/Controllers/Admin/MenuController.php
 create mode 100644 app/Http/Requests/MenuSaveRequest.php
 create mode 100644 resources/js/components/MenuItemInput.vue
 create mode 100644 resources/views/admin/menus/menu-form.blade.php
 create mode 100644 resources/views/admin/menus/menu-list.blade.php

diff --git a/app/Http/Controllers/Admin/MenuController.php b/app/Http/Controllers/Admin/MenuController.php
new file mode 100644
index 0000000..1ee1048
--- /dev/null
+++ b/app/Http/Controllers/Admin/MenuController.php
@@ -0,0 +1,147 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Http\Controllers\XController;
+use App\Http\Requests\MenuSaveRequest;
+use App\Models\Access;
+use App\Models\Item;
+use App\Models\Menu;
+use Illuminate\Http\Request;
+use App\Helper;
+use function App\Helpers\hasCreateRoute;
+
+class MenuController extends XController
+{
+
+    // protected  $_MODEL_ = Menu::class;
+    // protected  $SAVE_REQUEST = MenuSaveRequest::class;
+
+    protected $cols = ['name'];
+    protected $extra_cols = ['id'];
+
+    protected $searchable = ['name'];
+
+    protected $listView = 'admin.menus.menu-list';
+    protected $formView = 'admin.menus.menu-form';
+
+
+    protected $buttons = [
+        'edit' =>
+            ['title' => "Edit", 'class' => 'btn-outline-primary', 'icon' => 'ri-edit-2-line'],
+//        'show' =>
+//            ['title' => "Detail", 'class' => 'btn-outline-light', 'icon' => 'ri-eye-line'],
+        'destroy' =>
+            ['title' => "Remove", 'class' => 'btn-outline-danger delete-confirm', 'icon' => 'ri-close-line'],
+    ];
+
+
+    public function __construct()
+    {
+        parent::__construct(Menu::class, MenuSaveRequest::class);
+    }
+
+    /**
+     * @param $menu Menu
+     * @param $request  MenuSaveRequest
+     * @return Menu
+     */
+    public function save($menu, $request)
+    {
+
+        $menu->name = $request->input('name');
+        if ($menu->user_id == null){
+            $menu->user_id = auth()->user()->id;
+        }
+        $menu->save();
+
+        $items = json_decode($request->input('items','[]'));
+        foreach ($items as $item) {
+            if ($item->id == null){
+                $i = new Item();
+            }else{
+                $i = Item::whereId($item->id)->first();
+            }
+            $i->user_id = auth()->user()->id;
+            $i->menu_id = $menu->id;
+            $i->meta = $item->meta??null;
+            $i->sort = $item->sort;
+            $i->parent = $item->parent;
+            $i->kind = $item->kind;
+            $i->title = $item->title;
+            $i->menuable_id = $item->menuable_id??null;
+            $i->menuable_type = $item->menuable_type??null;
+            $i->save();
+        }
+
+        Item::whereIn('id',json_decode($request->input('removed','[]')))->delete();
+
+        return $menu;
+
+    }
+
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        //
+        return view($this->formView);
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(Menu $item)
+    {
+        //
+        return view($this->formView, compact('item'));
+    }
+
+    public function bulk(Request $request)
+    {
+
+//        dd($request->all());
+        $data = explode('.', $request->input('action'));
+        $action = $data[0];
+        $ids = $request->input('id');
+        switch ($action) {
+            case 'delete':
+                $msg = __(':COUNT items deleted successfully', ['COUNT' => count($ids)]);
+                $this->_MODEL_::destroy($ids);
+                break;
+            /**restore*/
+            case 'restore':
+                $msg = __(':COUNT items restored successfully', ['COUNT' => count($ids)]);
+                foreach ($ids as $id) {
+                    $this->_MODEL_::withTrashed()->find($id)->restore();
+                }
+                break;
+            /*restore**/
+            default:
+                $msg = __('Unknown bulk action : :ACTION', ["ACTION" => $action]);
+        }
+
+        return $this->do_bulk($msg, $action, $ids);
+    }
+
+    public function destroy(Menu $item)
+    {
+        return parent::delete($item);
+    }
+
+
+    public function update(Request $request, Menu $item)
+    {
+        return $this->bringUp($request, $item);
+    }
+
+    /**restore*/
+    public function restore($item)
+    {
+        return parent::restoreing(Menu::withTrashed()->where('id', $item)->first());
+    }
+    /*restore**/
+}
diff --git a/app/Http/Requests/MenuSaveRequest.php b/app/Http/Requests/MenuSaveRequest.php
new file mode 100644
index 0000000..e0cf808
--- /dev/null
+++ b/app/Http/Requests/MenuSaveRequest.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class MenuSaveRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return auth()->check();
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required','string','max:255','min:2'],
+        ];
+    }
+}
diff --git a/app/Models/Menu.php b/app/Models/Menu.php
index 996743d..d062c2a 100644
--- a/app/Models/Menu.php
+++ b/app/Models/Menu.php
@@ -10,6 +10,8 @@ class Menu extends Model
 {
     use HasFactory,SoftDeletes;
 
+    public static $mrohps = [Product::class,Post::class,Group::class,
+        Category::class,Clip::class,Gallery::class];
     public function items()
     {
         return $this->hasMany(Item::class);
diff --git a/resources/js/app.js b/resources/js/app.js
index 3f82a57..09a119a 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -113,6 +113,9 @@ app.component('area-designer', AreaDesginer);
 import Latlng from "./components/latlng.vue";
 app.component('lat-lng', Latlng);
 
+import MenuItemInput from "./components/MenuItemInput.vue";
+app.component('menu-item-input', MenuItemInput);
+
 /**
  * The following block of code may be used to automatically register your
  * Vue components. It will recursively scan this directory for the Vue
diff --git a/resources/js/components/MenuItemInput.vue b/resources/js/components/MenuItemInput.vue
new file mode 100644
index 0000000..a8b5b11
--- /dev/null
+++ b/resources/js/components/MenuItemInput.vue
@@ -0,0 +1,164 @@
+<template>
+    <div class="menu-item">
+
+        <div v-for="(item,i) in currentItems" :key="i">
+            <div class="card">
+
+                <div class="card-header">
+                    Menu item {{ i + 1 }}
+                </div>
+                <div class="card-body">
+                    <div class="row p-0">
+                        <div class="col-md-11">
+                            <div>
+                                <!-- WIP translate-->
+                                <label :for="`kind-${i}`">
+                                    Kind
+                                </label>
+                                <select v-model="item.kind" class="form-control" :id="`kind-${i}`">
+                                    <option :value="null"> Kind</option>
+                                    <option :value="kind" v-for="kind in kinds"> {{ kind }}</option>
+                                </select>
+                            </div>
+                            <div v-if="item.kind == 'module'">
+                                <label :for="`title2-${i}`">
+                                    Title
+                                </label>
+
+                                <input type="text" v-model="item.title" placeholder="Title" class="form-control"
+                                       :id="`title2-${i}`">
+                                <morph-selector
+                                    xname-type=""
+                                    xname-id=""
+                                    :morph-search-link="this.morphSearchLink"
+                                    :morphs="morphs"
+                                    :xlang="this.xlang"
+                                    v-model:model-id="item.menuable_id"
+                                    v-model:model-type="item.menuable_type"
+                                >
+                                </morph-selector>
+                            </div>
+                            <div v-else-if="item.kind == 'direct'">
+                                <div class="row pt-2">
+                                    <div class="col-md p-0 pe-2">
+                                        <label :for="`title1-${i}`">
+                                            Title
+                                        </label>
+                                        <input type="text" v-model="item.title" placeholder="Title" class="form-control"
+                                               :id="`title1-${i}`">
+                                    </div>
+                                    <div class="col-md p-0">
+                                        <label :for="`meta-${i}`">
+                                            Link
+                                        </label>
+                                        <input type="text" v-model="item.meta" placeholder="Link" class="form-control"
+                                               :id="`meta-${i}`">
+                                    </div>
+                                </div>
+                            </div>
+                            <div v-else class="py-2">
+                                <div class="alert bg-danger">
+                                    Please select kind
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md d-flex justify-content-center align-items-center">
+                            <button type="button" class="btn btn-primary" @click="remItem(i)">
+                                <i class="ri-close-line"></i>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <button type="button" class="btn btn-primary my-3" @click="addItem">
+            <i class="ri-add-line"></i>
+        </button>
+        <input type="hidden" name="items" :value="JSON.stringify(this.currentItems)">
+        <input type="hidden" name="removed" :value="JSON.stringify(this.removed)">
+    </div>
+</template>
+
+<script>
+
+import MorphSelector from "./MorphSelector.vue";
+
+export default {
+    name: "menu-item",
+    components: {MorphSelector},
+    data: () => {
+        return {
+            currentItems: [],
+            removed: [],
+            kinds: [
+                'direct',
+                'module'
+            ],
+        }
+    },
+    props: {
+        morphs: {
+            default: [],
+        },
+        xlang: {
+            default: null,
+        },
+        morphSearchLink: {
+            default: null,
+        },
+        items: {
+            default: []
+        },
+        menuId: {
+            required: true,
+        }
+    },
+    mounted() {
+        let tmp = [];
+        for (const i in this.items) {
+
+            if (typeof (this.items[i].title) != 'undefined') {
+                tmp[i] = {...this.items[i]};
+                tmp[i].title = this.items[i].title[this.xlang];
+            }
+        }
+
+        this.currentItems = tmp;
+    },
+    computed: {},
+    methods: {
+        addItem() {
+            this.currentItems.push({
+                id: null,
+                title: null,
+                menuable_id: null,
+                menuable_type: null,
+                kind: 'direct',
+                sort: this.currentItems.length,
+                parent: null,
+                menu_id: this.menuId,
+            });
+        },
+        remItem(i) {
+            if (this.currentItems[i].id != null) {
+                this.removed.push(this.currentItems[i].id);
+            }
+            this.currentItems.splice(i, 1)
+        }
+
+    }
+}
+</script>
+
+<style scoped>
+.menu-item {
+    padding-right: 1rem;
+    padding-left: 1rem;
+}
+.menu-item .card{
+    margin-bottom: 1rem;
+}
+.menu-item .card-body{
+    background: #ffffff11;
+}
+</style>
diff --git a/resources/js/components/MorphSelector.vue b/resources/js/components/MorphSelector.vue
index c8e7861..7271d0d 100644
--- a/resources/js/components/MorphSelector.vue
+++ b/resources/js/components/MorphSelector.vue
@@ -1,16 +1,17 @@
 <template>
-    <div id="morph-selector">
+    <div class="morph-selector">
         <div v-if="this.morph != null && this.id != null">
             {{ humanReadableMorph(morph) }}: [{{ id }}]
         </div>
-        <select class="form-control" v-model="morph" @change="updateList">
+        <select class="form-control mt-2" v-model="morph" @change="updateList">
+            <option :value="null"> Module</option>
             <option v-for="m in morphs" :value="m"> {{ humanReadableMorph(m) }}</option>
         </select>
         <label id="q" class="mt-2">
             Search
             <!-- WIP : translate-->
         </label>
-        <input @input="updateList" type="text" id="q" v-model="q" class="form-control">
+        <input @input="updateList" type="text" id="q" v-model="q" class="form-control" placeholder="search">
         <div v-if="all.length > 0">
 
             <ul class="list-group my-2">
@@ -38,8 +39,8 @@
             </ul>
         </div>
         <div v-if="this.morph != null && this.id != null">
-            <input type="hidden" :value="morph" name="attachable_type">
-            <input type="hidden" :value="id" name="attachable_id">
+            <input type="hidden" :value="morph" :name="xnameType">
+            <input type="hidden" :value="id" :name="xnameId">
         </div>
     </div>
 </template>
@@ -54,10 +55,24 @@ export default {
             q: '',
             all: [],
             id: null,
-
         }
     },
     props: {
+        emits: ['update:modelType', 'update:modelId'],
+        modelType: {
+            default: 'noting',
+            type: String,
+        },
+        modelId: {
+            default: 'noting',
+            type: String,
+        },
+        xnameType: {
+            default: 'attachable_type'
+        },
+        xnameId: {
+            default: 'attachable_id'
+        },
         morphs: {
             default: [],
         },
@@ -75,11 +90,17 @@ export default {
         }
     },
     mounted() {
-        if (this.xmorph != null && this.xmorph != 'null' && this.xmorph != '') {
-            this.morph = this.xmorph;
-        }
-        if (this.xid != null && this.xid != 'null' && this.xid != '') {
-            this.id = parseInt(this.xid);
+        if (this.modelType == 'noting' || this.modelType == 'noting') {
+
+            if (this.xmorph != null && this.xmorph != 'null' && this.xmorph != '') {
+                this.morph = this.xmorph;
+            }
+            if (this.xid != null && this.xid != 'null' && this.xid != '') {
+                this.id = parseInt(this.xid);
+            }
+        } else {
+            this.morph = this.modelType;
+            this.id = this.modelId;
         }
     },
     computed: {},
@@ -103,13 +124,27 @@ export default {
         humanReadableMorph(morph) {
             const tmp = morph.split('\\');
             return tmp[tmp.length - 1];
-        }
+        },
+
+
+    },
+    watch: {
+        morph(newValue) {
+            if (this.modelType != 'noting') {
+                this.$emit('update:modelType', newValue);
+            }
+        },
+        id(newValue) {
+            if (this.modelId != 'noting' && newValue != null) {
+                this.$emit('update:modelId', newValue.toString());
+            }
+        },
     }
 }
 </script>
 
 <style scoped>
-#morph-selector {
+.morph-selector {
 
 }
 
diff --git a/resources/views/admin/menus/menu-form.blade.php b/resources/views/admin/menus/menu-form.blade.php
new file mode 100644
index 0000000..a7e0c7e
--- /dev/null
+++ b/resources/views/admin/menus/menu-form.blade.php
@@ -0,0 +1,80 @@
+@extends('admin.templates.panel-form-template')
+@section('title')
+    @if(isset($item))
+        {{__("Edit menu")}} [{{$item->name}}]
+    @else
+        {{__("Add new menu")}}
+    @endif -
+@endsection
+@section('form')
+
+    <div class="row">
+        <div class="col-lg-3">
+
+            @include('components.err')
+            <div class="item-list mb-3">
+                <h3 class="p-3">
+                    <i class="ri-message-3-line"></i>
+                    {{__("Tips")}}
+                </h3>
+                <ul>
+                    @if(isset($item))
+                        <li>
+                            {{__("You can add item after create menu")}}
+                        </li>
+                    @else
+                        <li>
+                            {{__("Added items view depends on theme part")}}
+                        </li>
+                    @endif
+                </ul>
+            </div>
+
+        </div>
+        <div class="col-lg-9 ps-xl-1 ps-xxl-1">
+            <div class="general-form ">
+
+                <h1>
+                    @if(isset($item))
+                        {{__("Edit menu")}} [{{$item->name}}]
+                    @else
+                        {{__("Add new menu")}}
+                    @endif
+
+                </h1>
+
+                <div class="row">
+                    <div class="col-md-12 mt-3">
+                        <div class="form-group">
+                            <label for="name">
+                                {{__('Name')}}
+                            </label>
+                            <input name="name" type="text"
+                                   id="name"
+                                   class="form-control @error('name') is-invalid @enderror"
+                                   placeholder="{{__('Name')}}"
+                                   value="{{old('name',$item->name??null)}}"/>
+                        </div>
+                    </div>
+                    <div class="col-md-12">
+                        <label> &nbsp;</label>
+                        <input name="" type="submit" class="btn btn-primary mt-2" value="{{__('Save')}}"/>
+                    </div>
+                </div>
+                @if(isset($item))
+
+                    <h4 class="px-4">
+                        {{__("Menu items")}}
+                    </h4>
+                <menu-item-input
+                    :morphs='@json(\App\Models\Menu::$mrohps)'
+                    morph-search-link="{{route('v1.morph.search')}}"
+                    xlang="{{config('app.locale')}}"
+                    :items='@json($item->items)'
+                    menu-id="{{$item->id}}"
+                ></menu-item-input>
+                @endif
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/admin/menus/menu-list.blade.php b/resources/views/admin/menus/menu-list.blade.php
new file mode 100644
index 0000000..21f360b
--- /dev/null
+++ b/resources/views/admin/menus/menu-list.blade.php
@@ -0,0 +1,15 @@
+@extends('admin.templates.panel-list-template')
+
+@section('list-title')
+    <i class="ri-user-3-line"></i>
+    {{__("Menus list")}}
+@endsection
+@section('title')
+    {{__("Menus list")}} -
+@endsection
+@section('filter')
+    {{--  Other filters --}}
+@endsection
+@section('bulk')
+    {{--    <option value="-"> - </option> --}}
+@endsection
diff --git a/resources/views/components/panel-side-navbar.blade.php b/resources/views/components/panel-side-navbar.blade.php
index 96a8bf3..47b3490 100644
--- a/resources/views/components/panel-side-navbar.blade.php
+++ b/resources/views/components/panel-side-navbar.blade.php
@@ -117,7 +117,7 @@
             </a>
             <ul id="themes">
                 <li>
-                    <a href="">
+                    <a href="{{route('admin.menu.index')}}">
                         <i class="ri-list-check"></i>
                         {{__("Menus")}}
                     </a>
diff --git a/resources/views/website/inc/website-foot.blade.php b/resources/views/website/inc/website-foot.blade.php
index 1945681..e4dc112 100644
--- a/resources/views/website/inc/website-foot.blade.php
+++ b/resources/views/website/inc/website-foot.blade.php
@@ -1,10 +1,10 @@
 @yield('custom-foot')
 <input type="hidden" id="api-display-url" value="{{route('v1.visitor.display')}}">
-@if(auth()->check() && auth()->user()->hasRole('developer') && !request()->has('ediable'))
-<a id="do-edit" href="?ediable">
-    <i class="ri-settings-2-line"></i>
-</a>
-@endif
+{{--@if(auth()->check() && auth()->user()->hasRole('developer') && !request()->has('ediable'))--}}
+{{--<a id="do-edit" href="?ediable">--}}
+{{--    <i class="ri-settings-2-line"></i>--}}
+{{--</a>--}}
+{{--@endif--}}
 
 </body>
 </html>
diff --git a/routes/web.php b/routes/web.php
index a31f3e3..4c6b965 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -201,6 +201,19 @@ Route::prefix(config('app.panel.prefix'))->name('admin.')->group(
                         Route::post('bulk', [\App\Http\Controllers\Admin\CustomerController::class, "bulk"])->name('bulk');
                         Route::get('trashed', [\App\Http\Controllers\Admin\CustomerController::class, "trashed"])->name('trashed');
                     });
+                Route::prefix('menus')->name('menu.')->group(
+                    function () {
+                        Route::get('', [\App\Http\Controllers\Admin\MenuController::class, 'index'])->name('index');
+                        Route::get('create', [\App\Http\Controllers\Admin\MenuController::class, 'create'])->name('create');
+                        Route::post('store', [\App\Http\Controllers\Admin\MenuController::class, 'store'])->name('store');
+                        Route::get('show/{item}', [\App\Http\Controllers\Admin\MenuController::class, 'show'])->name('show');
+                        Route::get('edit/{item}', [\App\Http\Controllers\Admin\MenuController::class, 'edit'])->name('edit');
+                        Route::post('update/{item}', [\App\Http\Controllers\Admin\MenuController::class, 'update'])->name('update');
+                        Route::get('delete/{item}', [\App\Http\Controllers\Admin\MenuController::class, 'destroy'])->name('destroy');
+                        Route::get('restore/{item}', [\App\Http\Controllers\Admin\MenuController::class, 'restore'])->name('restore');
+                        Route::post('bulk', [\App\Http\Controllers\Admin\MenuController::class, "bulk"])->name('bulk');
+                        Route::get('trashed', [\App\Http\Controllers\Admin\MenuController::class, "trashed"])->name('trashed');
+                    });
                 Route::prefix('states')->name('state.')->group(
                     function () {
                         Route::get('', [\App\Http\Controllers\Admin\StateController::class, 'index'])->name('index');