From 2139a4ea0b516c5418a9330e1138e5994a5ea87d Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Thu, 30 Mar 2023 16:02:39 +0800
Subject: [PATCH] change admin role type

---
 .../General/Eloquent/Filters/EmailLike.php    | 20 +++++
 .../General/Eloquent/Filters/TypeIn.php       | 20 +++++
 .../user/elements/ListAdminComponent.vue      | 73 +++++++++++++++++++
 resources/views/pages/settings.blade.php      |  6 +-
 4 files changed, 114 insertions(+), 5 deletions(-)
 create mode 100644 app/Classes/General/Eloquent/Filters/EmailLike.php
 create mode 100644 app/Classes/General/Eloquent/Filters/TypeIn.php
 create mode 100644 resources/assets/vue/components/user/elements/ListAdminComponent.vue

diff --git a/app/Classes/General/Eloquent/Filters/EmailLike.php b/app/Classes/General/Eloquent/Filters/EmailLike.php
new file mode 100644
index 00000000..2151b1c8
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/EmailLike.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use Illuminate\Database\Eloquent\Builder;
+
+class EmailLike implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return Builder|mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->where('email', 'LIKE', '%'.$value.'%');
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/General/Eloquent/Filters/TypeIn.php b/app/Classes/General/Eloquent/Filters/TypeIn.php
new file mode 100644
index 00000000..3a064f7a
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/TypeIn.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use Illuminate\Database\Eloquent\Builder;
+
+class TypeIn implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return Builder|mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->whereIn('type', $value);
+    }
+
+}
\ No newline at end of file
diff --git a/resources/assets/vue/components/user/elements/ListAdminComponent.vue b/resources/assets/vue/components/user/elements/ListAdminComponent.vue
new file mode 100644
index 00000000..077608ad
--- /dev/null
+++ b/resources/assets/vue/components/user/elements/ListAdminComponent.vue
@@ -0,0 +1,73 @@
+<template>
+    <div class="row m-b-15 parentContainer">
+        <div class="col">
+            <div class="row">
+                <div class="col">
+                    <div class="row m-b-15">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col p-r-0">
+                                    <div class="form-group no-margin form-group-default b-rad-none">
+                                        <label class="text-primary">Email Like</label>
+                                        <input type="text" class="form-control" v-model="email" @keyup.enter="search"/>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-auto p-l-0 p-r-0">
+                            <div class="btn btn-primary b-rad-none" @click="search">
+                                <i class="fa fa-search lh-40"></i>
+                            </div>
+                        </div>
+                        <div class="col-auto p-l-0">
+                            <div class="btn btn-secondary b-rad-none" @click="reset">
+                                <i class="fa fa-remove lh-40"></i>
+                            </div>
+                        </div>
+                        <div class="col"></div>
+                    </div>
+                </div>
+            </div>
+            <list-component :key="currentKey" :section="section" :endpoint="route('api.account.user.list')" :options="options">
+                <template slot="list" slot-scope="{data}">
+                    <user-component :data="data"></user-component>
+                </template>
+            </list-component>
+        </div>
+    </div>
+</template>
+
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    export default {
+        props: {
+            section: {
+                type: String,
+                required: true
+            }
+        },
+        data() {
+            return {
+                expanded: false,
+                currentKey: 1,
+                email: '',
+                options: {
+                    'type_in': this.$store.getters.isSuperAdmin ? [1, 2] : [2],
+                }
+            }
+        },
+        methods: {
+            search() {
+                this.options['email_like'] = this.email;
+                this.currentKey+=1;
+                console.log(this.options);
+            },
+            reset() {
+                this.email = '';
+                delete(this.options['email_like']);
+                this.currentKey+=1;
+            },
+        },
+        mixins: [componentHandler]
+    }
+</script>
\ No newline at end of file
diff --git a/resources/views/pages/settings.blade.php b/resources/views/pages/settings.blade.php
index a242eec7..100fb380 100644
--- a/resources/views/pages/settings.blade.php
+++ b/resources/views/pages/settings.blade.php
@@ -351,11 +351,7 @@
                                             </div>
                                             <div class="row m-b-20">
                                                 <div class="col">
-                                                    <list-component section="accountsSection" :endpoint="route('api.account.user.list')" :options="{'type': 2}">
-                                                        <template slot="list" slot-scope="{data}">
-                                                            <user-component :data="data"></user-component>
-                                                        </template>
-                                                    </list-component>
+                                                    <list-admin-component section="accountsSection"></list-admin-component>
                                                 </div>
                                             </div>
                                         </div>