From cd1d90d8537ca50b647a1a339da2fd6872a0e898 Mon Sep 17 00:00:00 2001
From: xxl4 <nice.lizhi@gmail.com>
Date: Tue, 7 May 2024 13:32:35 +0800
Subject: [PATCH] #210 locales

---
 .../Controllers/Settings/LocaleController.php |  30 +-
 .../src/Resources/views/cms/index.blade.php   |   2 +-
 .../views/settings/locales/index.blade.php    | 479 +++++-------------
 3 files changed, 144 insertions(+), 367 deletions(-)

diff --git a/packages/Nicelizhi/Manage/src/Http/Controllers/Settings/LocaleController.php b/packages/Nicelizhi/Manage/src/Http/Controllers/Settings/LocaleController.php
index 4a2e40357..3c6c4ccd1 100644
--- a/packages/Nicelizhi/Manage/src/Http/Controllers/Settings/LocaleController.php
+++ b/packages/Nicelizhi/Manage/src/Http/Controllers/Settings/LocaleController.php
@@ -6,6 +6,7 @@
 use Nicelizhi\Manage\Http\Controllers\Controller;
 use Webkul\Core\Repositories\LocaleRepository;
 use Nicelizhi\Manage\DataGrids\Settings\LocalesDataGrid;
+use Nicelizhi\Manage\Helpers\SSP;
 
 class LocaleController extends Controller
 {
@@ -26,7 +27,34 @@ public function __construct(protected LocaleRepository $localeRepository)
     public function index()
     {
         if (request()->ajax()) {
-            return app(LocalesDataGrid::class)->toJson();
+
+            $table_pre = config("database.connections.mysql.prefix");
+            $table = $table_pre.'locales';
+
+            $primaryKey = 'id';
+            
+            $columns = array(
+                //array( 'db' => 'id', 'dt' => 0 ),
+                array( 'db' => '`p`.`id`',  'dt' => 'id', 'field'=>'id','formatter' => function($d, $row){
+                    return $d;
+                } ),
+                array( 'db' => '`p`.`code`',   'dt' => 'code', 'field'=>'code' ),
+                array( 'db' => '`p`.`name`',   'dt' => 'name', 'field'=>'name' ),
+                array( 'db' => '`p`.`direction`',   'dt' => 'direction', 'field'=>'direction' ),
+                array( 'db' => '`p`.`logo_path`',   'dt' => 'logo_path', 'field'=>'logo_path' ),
+                array( 'db' => '`p`.`updated_at`',   'dt' => 'updated_at', 'field'=>'updated_at' )
+            );
+            // SQL server connection information
+            $sql_details = [];
+
+            $joinQuery = "FROM `{$table}` AS `p` ";
+            $extraCondition = "";
+            //$extraCondition = "`a`.`address_type`='cart_shipping'";
+
+
+            return json_encode(SSP::simple( request()->input(), $sql_details, $table, $primaryKey, $columns, $joinQuery, $extraCondition ));
+
+            //return app(LocalesDataGrid::class)->toJson();
         }
 
         return view('admin::settings.locales.index');
diff --git a/packages/Nicelizhi/Manage/src/Resources/views/cms/index.blade.php b/packages/Nicelizhi/Manage/src/Resources/views/cms/index.blade.php
index b0078b37f..b2f789aaf 100644
--- a/packages/Nicelizhi/Manage/src/Resources/views/cms/index.blade.php
+++ b/packages/Nicelizhi/Manage/src/Resources/views/cms/index.blade.php
@@ -46,7 +46,7 @@
           <!-- /.row -->
         </div>
         <!-- /.container-fluid -->
-      </section>
+  </section>
 
       <!-- jQuery -->
 <script src="/themes/manage/AdminLTE/plugins/jquery/jquery.min.js"></script>
diff --git a/packages/Nicelizhi/Manage/src/Resources/views/settings/locales/index.blade.php b/packages/Nicelizhi/Manage/src/Resources/views/settings/locales/index.blade.php
index 4fa222a2d..025a2af73 100644
--- a/packages/Nicelizhi/Manage/src/Resources/views/settings/locales/index.blade.php
+++ b/packages/Nicelizhi/Manage/src/Resources/views/settings/locales/index.blade.php
@@ -3,371 +3,120 @@
         @lang('admin::app.settings.locales.index.title')
     </x-slot:title>
 
-    {!! view_render_event('bagisto.admin.settings.locales.create.before') !!}
-
-    <v-locales>
-        <div class="flex  gap-[16px] justify-between items-center max-sm:flex-wrap">
-            <p class="text-[20px] text-gray-800 dark:text-white font-bold">
-                @lang('admin::app.settings.locales.index.title')
-            </p>
-
-            <div class="flex gap-x-[10px] items-center">
-                @if (bouncer()->hasPermission('settings.locales.create'))
-                    <button 
-                        type="button"
-                        class="primary-button"
-                    >
-                        @lang('admin::app.settings.locales.index.create-btn')
-                    </button>
-                @endif
-            </div>
-        </div>
-
-        {{-- DataGrid Shimmer --}}
-        <x-admin::shimmer.datagrid/>
-    </v-locales>
-
-    {!! view_render_event('bagisto.admin.settings.locales.create.after') !!}
-
-    @pushOnce('scripts')
-        <script type="text/x-template" id="v-locales-template">
-            <div class="flex  gap-[16px] justify-between items-center max-sm:flex-wrap">
-                <p class="text-[20px] text-gray-800 dark:text-white font-bold">
-                    @lang('admin::app.settings.locales.index.title')
-                </p>
-
-                <div class="flex gap-x-[10px] items-center">
-                    <!-- Locale Create Button -->
-                    @if (bouncer()->hasPermission('settings.locales.create'))
-                        <button
-                            type="button"
-                            class="primary-button"
-                            @click="resetForm();$refs.localeUpdateOrCreateModal.toggle()"
-                        >
-                            @lang('admin::app.settings.locales.index.create-btn')
-                        </button>
-                    @endif
+          <!-- DataTables -->
+  <link rel="stylesheet" href="/themes/manage/AdminLTE/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
+  <link rel="stylesheet" href="/themes/manage/AdminLTE/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
+  <link rel="stylesheet" href="/themes/manage/AdminLTE/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
+
+  <section class="content">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+          
+            <div class="card">
+                <div class="card-header">
+                  <h3 class="card-title">@lang('lp::app.admin.index.title')</h3>
                 </div>
-            </div>
+                <!-- /.card-header -->
+                <div class="card-body">
+                  <table id="tables" class="table table-bordered table-striped">
+                    <thead>
+                    <tr>
+                      <th>code</th>
+                      <th>name</th>
+                      <th>direction</th>
+                      <th>logo_path</th>
+                      <th>updated_at</th>
+                      <th>Action</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    </tbody>
+
+                  </table>
+                </div>
+                <!-- /.card-body -->
+              </div>
+              <!-- /.card -->
+            
+        </div>
+        <!-- /.col -->
+      </div>
+      <!-- /.row -->
+    </div>
+    <!-- /.container-fluid -->
+</section>
+
+<!-- jQuery -->
+<script src="/themes/manage/AdminLTE/plugins/jquery/jquery.min.js"></script>
+<!-- Bootstrap 4 -->
+<script src="/themes/manage/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+<!-- DataTables  & Plugins -->
+<script src="/themes/manage/AdminLTE/plugins/datatables/jquery.dataTables.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/jszip/jszip.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/pdfmake/pdfmake.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/pdfmake/vfs_fonts.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/datatables-buttons/js/buttons.print.min.js"></script>
+<script src="/themes/manage/AdminLTE/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
+
+<script>
+    $(function () {
+      $("#tables").DataTable({
+        autoWidth: true,
+        keys: true,
+        ajax: {
+          url: "{{ route('admin.settings.locales.index') }}",
+          type: 'GET'
+        },
+        columns: [
+          {
+            data: 'code'
+          },
+          {
+            data: 'name'
+          },
+          {
+            data: 'direction'
+          },
+          {
+            data: 'logo_path'
+          },
+          {
+            data: 'updated_at'
+          },
+          {
+            data: "id",
+            render: function(data, type, row, meta) {
+              //console.log(row);
+              return '<a href="./cms/edit/'+data+'?locale='+ row.locale +'" class="btn btn-primary btn-sm">View</a>';
+            }
+          }
+        ],
+        lengthMenu: [
+            [20, 50, 100],
+            [20, 50, 100]
+        ],
+        order: [[4, 'desc']],
+        processing: true,
+        serverSide: true,
+        
+        
+
+
+
+
+
+
+      });
     
-            <x-admin::datagrid :src="route('admin.settings.locales.index')" ref="datagrid">
-                @php
-                    $hasPermission = bouncer()->hasPermission('settings.locales.edit') || bouncer()->hasPermission('settings.locales.delete');
-                @endphp
-
-                <!-- DataGrid Header -->
-                <template #header="{ columns, records, sortPage, applied}">
-                    <div
-                        class="row grid grid-cols-{{ $hasPermission ? '5' : '4' }} grid-rows-1 gap-[10px] items-center px-[16px] py-[10px] border-b-[1px] dark:border-gray-800 text-gray-600 dark:text-gray-300 bg-gray-50 dark:bg-gray-900 font-semibold"
-                        :style="'grid-template-columns: repeat({{ $hasPermission ? '5' : '4' }} , 1fr);'"
-                    >
-                        <div
-                            class="flex gap-[10px] cursor-pointer"
-                            v-for="(columnGroup, index) in ['id', 'code', 'name', 'direction']"
-                        >
-                            <p class="text-gray-600 dark:text-gray-300">
-                                <span class="[&>*]:after:content-['_/_']">
-                                    <span
-                                        class="after:content-['/'] last:after:content-['']"
-                                        :class="{
-                                            'text-gray-800 dark:text-white font-medium': applied.sort.column == columnGroup,
-                                            'cursor-pointer hover:text-gray-800 dark:hover:text-white': columns.find(columnTemp => columnTemp.index === columnGroup)?.sortable,
-                                        }"
-                                        @click="
-                                            columns.find(columnTemp => columnTemp.index === columnGroup)?.sortable ? sortPage(columns.find(columnTemp => columnTemp.index === columnGroup)): {}
-                                        "
-                                    >
-                                        @{{ columns.find(columnTemp => columnTemp.index === columnGroup)?.label }}
-                                    </span>
-                                </span>
-
-                                <!-- Filter Arrow Icon -->
-                                <i
-                                    class="ltr:ml-[5px] rtl:mr-[5px] text-[16px] text-gray-800 dark:text-white align-text-bottom"
-                                    :class="[applied.sort.order === 'asc' ? 'icon-down-stat': 'icon-up-stat']"
-                                    v-if="columnGroup.includes(applied.sort.column)"
-                                ></i>
-                            </p>
-                        </div>
-
-                        <!-- Actions -->
-                        @if ($hasPermission)
-                            <p class="flex gap-[10px] justify-end">
-                                @lang('admin::app.components.datagrid.table.actions')
-                            </p>
-                        @endif
-                    </div>
-                </template>
-
-                <!-- DataGrid Body -->
-                <template #body="{ columns, records, performAction }">
-                    <div
-                        v-for="record in records"
-                        class="row grid gap-[10px] items-center px-[16px] py-[16px] border-b-[1px] dark:border-gray-800 text-gray-600 dark:text-gray-300 transition-all hover:bg-gray-50 dark:hover:bg-gray-950"
-                        :style="'grid-template-columns: repeat(' + (record.actions.length ? 5 : 4) + ', 1fr);'"
-                    >
-                        <!-- Id -->
-                        <p v-text="record.id"></p>
-
-                        <!-- Code -->
-                        <p v-text="record.code"></p>
-
-                        <!-- Name -->
-                        <p v-text="record.name"></p>
-
-                        <!-- Direction -->
-                        <p v-text="record.direction"></p>
-
-                        <!-- Actions -->
-                        <div class="flex justify-end">
-                            <a @click="id=1; editModal(record.actions.find(action => action.title === 'Edit')?.url)">
-                                <span
-                                    :class="record.actions.find(action => action.title === 'Edit')?.icon"
-                                    class="cursor-pointer rounded-[6px] p-[6px] text-[24px] transition-all hover:bg-gray-200 dark:hover:bg-gray-800 max-sm:place-self-center"
-                                >
-                                </span>
-                            </a>
-
-                            <a @click="performAction(record.actions.find(action => action.method === 'DELETE'))">
-                                <span
-                                    :class="record.actions.find(action => action.method === 'DELETE')?.icon"
-                                    class="cursor-pointer rounded-[6px] p-[6px] text-[24px] transition-all hover:bg-gray-200 dark:hover:bg-gray-800 max-sm:place-self-center"
-                                >
-                                </span>
-                            </a>
-                        </div>
-                    </div>
-                </template>
-            </x-admin::datagrid>
-
-            <x-admin::form
-                v-slot="{ meta, errors, handleSubmit }"
-                as="div"
-                ref="modalForm"
-            >
-                <form 
-                    @submit="handleSubmit($event, updateOrCreate)"
-                    ref="createLocaleForm"
-                >
-
-                    {!! view_render_event('admin.settings.locales.create_form_controls.before') !!}
-
-                    <x-admin::modal ref="localeUpdateOrCreateModal">
-                        <x-slot:header>
-                            <p class="text-[18px] text-gray-800 dark:text-white font-bold">
-                                <span v-if="isUpdating">
-                                    @lang('admin::app.settings.locales.index.edit.title')
-                                </span>
-
-                                <span v-else>
-                                    @lang('admin::app.settings.locales.index.create.title')
-                                </span>
-                            </p>
-                        </x-slot:header>
-
-                        <x-slot:content>
-                            <div class="px-[16px] py-[10px] border-b-[1px] dark:border-gray-800">
-                                {!! view_render_event('bagisto.admin.settings.locale.create.before') !!}
-
-                                <x-admin::form.control-group.control
-                                    type="hidden"
-                                    name="id"
-                                    v-model="locale.id"
-                                >
-                                </x-admin::form.control-group.control>
-
-                                <x-admin::form.control-group class="mb-[10px]">
-                                    <x-admin::form.control-group.label class="required">
-                                        @lang('admin::app.settings.locales.index.create.code')
-                                    </x-admin::form.control-group.label>
-
-                                    <x-admin::form.control-group.control
-                                        type="text"
-                                        name="code"
-                                        id="code"
-                                        rules="required"
-                                        :label="trans('admin::app.settings.locales.index.create.code')"
-                                        :placeholder="trans('admin::app.settings.locales.index.create.code')"
-                                        v-model="locale.code"
-                                    >
-                                    </x-admin::form.control-group.control>
-
-                                    <x-admin::form.control-group.error
-                                        control-name="code"
-                                    >
-                                    </x-admin::form.control-group.error>
-                                </x-admin::form.control-group>
-
-                                <x-admin::form.control-group class="mb-[10px]">
-                                    <x-admin::form.control-group.label class="required">
-                                        @lang('admin::app.settings.locales.index.create.name')
-                                    </x-admin::form.control-group.label>
-
-                                    <x-admin::form.control-group.control
-                                        type="text"
-                                        name="name"
-                                        id="name"
-                                        rules="required"
-                                        :label="trans('admin::app.settings.locales.index.create.name')"
-                                        :placeholder="trans('admin::app.settings.locales.index.create.name')"
-                                        v-model="locale.name"
-                                    >
-                                    </x-admin::form.control-group.control>
-
-                                    <x-admin::form.control-group.error
-                                        control-name="name"
-                                    >
-                                    </x-admin::form.control-group.error>
-                                </x-admin::form.control-group>
-                    
-                                <x-admin::form.control-group class="mb-[10px]">
-                                    <x-admin::form.control-group.label class="required">
-                                        @lang('admin::app.settings.locales.index.create.direction')
-                                    </x-admin::form.control-group.label>
-
-                                    <x-admin::form.control-group.control
-                                        type="select"
-                                        name="direction"
-                                        id="direction"
-                                        rules="required"
-                                        :label="trans('admin::app.settings.locales.index.create.direction')"
-                                        v-model="locale.direction"
-                                    >
-                                        <!-- Default Option -->
-                                        <option value="">
-                                            @lang('admin::app.settings.locales.index.create.select-direction')
-                                        </option>
-
-                                        <option value="ltr" selected title="Text direction left to right">LTR</option>
-                    
-                                        <option value="rtl" title="Text direction right to left">RTL</option>
-                                    </x-admin::form.control-group.control>
-
-                                    <x-admin::form.control-group.error
-                                        control-name="direction"
-                                    >
-                                    </x-admin::form.control-group.error>
-                                </x-admin::form.control-group>
-
-                                <x-admin::form.control-group class="mb-[10px]">
-                                    <x-admin::form.control-group.label>
-                                        @lang('admin::app.settings.locales.index.create.locale-logo')
-                                    </x-admin::form.control-group.label>
-
-                                    <div class="hidden">
-                                        <x-admin::media.images
-                                            name="logo_path"
-                                            ::uploaded-images='locale.image'
-                                        >
-                                        </x-admin::media.images>
-                                    </div>
-
-                                    <v-media-images
-                                        name="logo_path"
-                                        :uploaded-images='locale.image'
-                                    >
-                                    </v-media-images>
-
-                                    <x-admin::form.control-group.error
-                                        control-name="logo_path"
-                                    >
-                                    </x-admin::form.control-group.error>
-                                </x-admin::form.control-group>
-                                
-                                <p class="text-[12px] text-gray-600 dark:text-gray-300">
-                                    @lang('admin::app.settings.locales.index.logo-size')
-                                </p>
-
-                                {!! view_render_event('bagisto.admin.settings.locale.create.after') !!}
-                            </div>
-                        </x-slot:content>
-
-                        <x-slot:footer>
-                            <div class="flex gap-x-[10px] items-center">
-                                <button 
-                                    type="submit"
-                                    class="primary-button"
-                                >
-                                    @lang('admin::app.settings.locales.index.create.save-btn')
-                                </button>
-                            </div>
-                        </x-slot:footer>
-                    </x-admin::modal>
-
-                    {!! view_render_event('admin.settings.locales.create_form_controls.after') !!}
-
-                </form>
-            </x-admin::form>
-        </script>
-
-        <script type="module">
-            app.component('v-locales', {
-                template: '#v-locales-template',
-
-                data() {
-                    return {
-                        locale: {
-                            image: [],
-                        },
-
-                        isUpdating: false,
-                    }
-                },
-
-                methods: {
-                    updateOrCreate(params, { resetForm, setErrors  }) {
-                        let formData = new FormData(this.$refs.createLocaleForm);
-
-                        if (params.id) {
-                            formData.append('_method', 'put');
-                        }
-
-                        this.$axios.post(params.id ? "{{ route('admin.settings.locales.update') }}" : "{{ route('admin.settings.locales.store') }}", formData, {
-                            headers: {
-                                'Content-Type': 'multipart/form-data'
-                            }
-                        })
-                        .then((response) => {
-                            this.$refs.localeUpdateOrCreateModal.close();
-
-                            this.$emitter.emit('add-flash', { type: 'success', message: response.data.message });
-
-                            this.isUpdating = false;
-                            
-                            this.$refs.datagrid.get();
-
-                            resetForm();
-                        })
-                        .catch(error => {
-                            if (error.response.status == 422) {
-                                setErrors(error.response.data.errors);
-                            }
-                        });
-                    },
-
-                    editModal(url) {
-                        this.isUpdating = true;
-
-                        this.$axios.get(url)
-                            .then((response) => {
-                                this.locale = {
-                                    ...response.data.data,
-                                        image: response.data.data.logo_path
-                                        ? [{ id: 'logo_url', url: response.data.data.logo_url }]
-                                        : [],
-                                };
-
-                                this.$refs.localeUpdateOrCreateModal.toggle();
-                            })
-                    },
+    });
+  </script>
 
-                    resetForm() {
-                        this.locale = {
-                            image: [],
-                        };
-                    }
-                },
-            });
-        </script>
-    @endPushOnce
-</x-admin::layouts>
\ No newline at end of file
+</x-admin::layouts>