From 67bbc79f205fedca693d5c4efefc2edfcf229da5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Mon, 22 Nov 2021 16:00:44 +0100
Subject: [PATCH] pages refactor

---
 public/mix-manifest.json                      | 23 +++++--
 .../js/components/Admin/WidgetWrapper.vue     |  2 +-
 resources/js/views/Admin/Dashboard.vue        |  1 -
 resources/js/views/Admin/Pages.vue            | 65 +++++++++----------
 resources/js/views/Admin/Pages/PageEdit.vue   | 12 ++--
 resources/js/views/Admin/Users.vue            | 14 ----
 6 files changed, 55 insertions(+), 62 deletions(-)

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 57a2d891..bef240d1 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -33,7 +33,7 @@
     "/chunks/contact-us.js": "/chunks/contact-us.js?id=3d0bbcd0c36d74bf739a",
     "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=65ee559ca803555be568",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=55135fff8801bdf735c4",
-    "/chunks/dashboard.js": "/chunks/dashboard.js?id=9f134ce3994627bdfb22",
+    "/chunks/dashboard.js": "/chunks/dashboard.js?id=2cf7518289765027a590",
     "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=f2305bd9f2fbf4fd55e6",
     "/chunks/database.js": "/chunks/database.js?id=1ae81800a700012ddb82",
     "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
@@ -50,8 +50,8 @@
     "/chunks/invoices.js": "/chunks/invoices.js?id=dde37879c074c8bf91b1",
     "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=ea129760157c8e44f324",
     "/chunks/not-found.js": "/chunks/not-found.js?id=034287ee0ecb036320d3",
-    "/chunks/page-edit.js": "/chunks/page-edit.js?id=cfa38a0cc6f82dd5b80d",
-    "/chunks/pages.js": "/chunks/pages.js?id=f5c86b24fcbe15b15d1d",
+    "/chunks/page-edit.js": "/chunks/page-edit.js?id=e43f457e73127ec3f7ae",
+    "/chunks/pages.js": "/chunks/pages.js?id=038b6c946b7eb16f85bf",
     "/chunks/plan.js": "/chunks/plan.js?id=052940a7395f559b7c60",
     "/chunks/plan-create.js": "/chunks/plan-create.js?id=72e4ef277bb881d5cadf",
     "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=a4db8cc9a98a81eed8d1",
@@ -100,7 +100,7 @@
     "/chunks/user-password.js": "/chunks/user-password.js?id=bc9388e177e8e8e7601a",
     "/chunks/user-storage.js": "/chunks/user-storage.js?id=cd9d2e6441a5ce09ee69",
     "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=370b3df08b2ee39bf6ac",
-    "/chunks/users.js": "/chunks/users.js?id=946ce542915f42085ae2",
+    "/chunks/users.js": "/chunks/users.js?id=2359885214cec5135847",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js?id=ee89932f7ee76e74483e",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js?id=8163e0eab55c50f8afb8",
     "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=37ce1e1ab9968c100712",
@@ -468,5 +468,18 @@
     "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.9e34de0a16cbab37396c.hot-update.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.9e34de0a16cbab37396c.hot-update.js",
     "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.9e34de0a16cbab37396c.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.9e34de0a16cbab37396c.hot-update.js",
     "/chunks/users.72e441e99662c33649c4.hot-update.js": "/chunks/users.72e441e99662c33649c4.hot-update.js",
-    "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.778d6e74b0c5903b1b9a.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.778d6e74b0c5903b1b9a.hot-update.js"
+    "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.778d6e74b0c5903b1b9a.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.778d6e74b0c5903b1b9a.hot-update.js",
+    "/chunks/pages.02980d36a7b841e657a1.hot-update.js": "/chunks/pages.02980d36a7b841e657a1.hot-update.js",
+    "/chunks/pages.c1e8f2383f7cc0c4eed8.hot-update.js": "/chunks/pages.c1e8f2383f7cc0c4eed8.hot-update.js",
+    "/chunks/pages.562f9d06134ff83520ca.hot-update.js": "/chunks/pages.562f9d06134ff83520ca.hot-update.js",
+    "/chunks/users.4a214bf47b87f4e68977.hot-update.js": "/chunks/users.4a214bf47b87f4e68977.hot-update.js",
+    "/chunks/pages.6f943f5e70705c3d4c9a.hot-update.js": "/chunks/pages.6f943f5e70705c3d4c9a.hot-update.js",
+    "/chunks/dashboard.f2c56e53070c40564c62.hot-update.js": "/chunks/dashboard.f2c56e53070c40564c62.hot-update.js",
+    "/chunks/dashboard.d125095e340f34fd72da.hot-update.js": "/chunks/dashboard.d125095e340f34fd72da.hot-update.js",
+    "/chunks/dashboard.10b5b039f4d675787da7.hot-update.js": "/chunks/dashboard.10b5b039f4d675787da7.hot-update.js",
+    "/chunks/dashboard.30b5d47ddb08acd4367d.hot-update.js": "/chunks/dashboard.30b5d47ddb08acd4367d.hot-update.js",
+    "/chunks/page-edit.8f6b1ead0763d95603ac.hot-update.js": "/chunks/page-edit.8f6b1ead0763d95603ac.hot-update.js",
+    "/chunks/page-edit.ec3f46f43ba8d34ac548.hot-update.js": "/chunks/page-edit.ec3f46f43ba8d34ac548.hot-update.js",
+    "/chunks/page-edit.25fa7990d11953ed4563.hot-update.js": "/chunks/page-edit.25fa7990d11953ed4563.hot-update.js",
+    "/chunks/page-edit.05b1fd5aa8aaad1a5e97.hot-update.js": "/chunks/page-edit.05b1fd5aa8aaad1a5e97.hot-update.js"
 }
diff --git a/resources/js/components/Admin/WidgetWrapper.vue b/resources/js/components/Admin/WidgetWrapper.vue
index d3449684..7ceb790f 100644
--- a/resources/js/components/Admin/WidgetWrapper.vue
+++ b/resources/js/components/Admin/WidgetWrapper.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="widget">
-        <div class="widget-content">
+        <div class="widget-content bg-white">
             <div class="headline">
                 <div class="icon">
                     <users-icon v-if="icon === 'users'" size="19" class="text-theme dark-text-theme"/>
diff --git a/resources/js/views/Admin/Dashboard.vue b/resources/js/views/Admin/Dashboard.vue
index ba97bace..3eb24688 100644
--- a/resources/js/views/Admin/Dashboard.vue
+++ b/resources/js/views/Admin/Dashboard.vue
@@ -1,7 +1,6 @@
 <template>
     <div id="single-page">
         <div id="page-content" v-if="! isLoading && data">
-            <MobileHeader :title="$t($router.currentRoute.meta.title)"/>
 
             <div class="dashboard-headline">
                 <div class="logo">
diff --git a/resources/js/views/Admin/Pages.vue b/resources/js/views/Admin/Pages.vue
index e65d6a93..d0afd195 100644
--- a/resources/js/views/Admin/Pages.vue
+++ b/resources/js/views/Admin/Pages.vue
@@ -1,39 +1,36 @@
 <template>
-    <div id="single-page">
+    <div>
         <div id="page-content" v-show="! isLoading">
-            <MobileHeader :title="$t($router.currentRoute.meta.title)"/>
-            <PageHeader :title="$t($router.currentRoute.meta.title)"/>
-
-            <div class="content-page">
-                <DatatableWrapper @init="isLoading = false" api="/api/admin/pages" :paginator="false" :columns="columns" class="table table-users">
-                    <template slot-scope="{ row }">
-                        <tr>
-                            <td class="name" style="min-width: 200px">
-                                <router-link :to="{name: 'PageEdit', params: {slug: row.data.attributes.slug}}" class="cell-item" tag="div">
-                                    <span>{{ row.data.attributes.title }}</span>
-                                </router-link>
-                            </td>
-                            <td>
-                                <span class="cell-item">
-                                    {{ row.data.attributes.slug }}
-                                </span>
-                            </td>
-                            <td>
-                                <span class="cell-item">
-                                    <SwitchInput @input="changeStatus($event, row.data.attributes.slug)" class="switch" :state="row.data.attributes.visibility"/>
-                                </span>
-                            </td>
-                            <td>
-                                <div class="action-icons">
-                                    <router-link :to="{name: 'PageEdit', params: {slug: row.data.attributes.slug}}">
-                                        <Edit2Icon size="15" class="icon icon-edit" />
-                                    </router-link>
-                                </div>
-                            </td>
-                        </tr>
-                    </template>
-                </DatatableWrapper>
-            </div>
+			<div class="card shadow-card">
+				<DatatableWrapper @init="isLoading = false" api="/api/admin/pages" :paginator="false" :columns="columns" class="table table-users">
+					<template slot-scope="{ row }">
+						<tr>
+							<td class="py-3">
+								<router-link :to="{name: 'PageEdit', params: {slug: row.data.attributes.slug}}" class="cell-item" tag="div">
+									<span>{{ row.data.attributes.title }}</span>
+								</router-link>
+							</td>
+							<td>
+								<span class="cell-item">
+									{{ row.data.attributes.slug }}
+								</span>
+							</td>
+							<td>
+								<span class="cell-item">
+									<SwitchInput @input="changeStatus($event, row.data.attributes.slug)" class="switch" :state="row.data.attributes.visibility"/>
+								</span>
+							</td>
+							<td>
+								<div class="action-icons">
+									<router-link :to="{name: 'PageEdit', params: {slug: row.data.attributes.slug}}">
+										<Edit2Icon size="15" class="icon icon-edit" />
+									</router-link>
+								</div>
+							</td>
+						</tr>
+					</template>
+				</DatatableWrapper>
+			</div>
         </div>
 
         <div id="loader" v-if="isLoading">
diff --git a/resources/js/views/Admin/Pages/PageEdit.vue b/resources/js/views/Admin/Pages/PageEdit.vue
index 87059eed..d9ffb1b7 100644
--- a/resources/js/views/Admin/Pages/PageEdit.vue
+++ b/resources/js/views/Admin/Pages/PageEdit.vue
@@ -1,11 +1,9 @@
 <template>
     <div id="single-page">
         <div id="page-content" v-if="! isLoading && page">
-            <MobileHeader :title="$t($router.currentRoute.meta.title)"/>
-            <PageHeader :title="$t($router.currentRoute.meta.title)"/>
 
-            <div class="content-page">
-                <ValidationObserver ref="personalInformation" v-slot="{ invalid }" tag="form" class="form block-form form-fixed-width">
+            <div class="card shadow-card">
+                <ValidationObserver ref="personalInformation" v-slot="{ invalid }" tag="form" class="form block-form">
                     <FormLabel>
                         {{ page.data.attributes.title }}
                     </FormLabel>
@@ -27,7 +25,7 @@
                         <label>{{ $t('admin_pages.form.title') }}:</label>
                         <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Name" rules="required" v-slot="{ errors }">
                             <input @input="$updateText('/admin/pages/' + $route.params.slug, 'title', page.data.attributes.title)" v-model="page.data.attributes.title"
-                                   :placeholder="$t('admin_pages.form.title_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme"/>
+                                   :placeholder="$t('admin_pages.form.title_plac')" type="text" :class="{'is-error': errors[0]}" class="focus-border-theme input-dark"/>
                             <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
                         </ValidationProvider>
                     </div>
@@ -35,7 +33,7 @@
                     <div class="block-wrapper">
                         <label>{{ $t('admin_pages.form.slug') }}:</label>
                         <div class="input-wrapper">
-                            <input v-model="page.data.attributes.slug" type="text" disabled/>
+                            <input v-model="page.data.attributes.slug" type="text" class="focus-border-theme input-dark" disabled/>
                         </div>
                     </div>
 
@@ -47,7 +45,7 @@
                                     v-model="page.data.attributes.content"
                                     :placeholder="$t('admin_pages.form.content_plac')"
                                     :class="{'is-error': errors[0]}"
-                                    class="focus-border-theme"
+                                    class="focus-border-theme input-dark"
                                     rows="18"
                             ></textarea>
                             <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
diff --git a/resources/js/views/Admin/Users.vue b/resources/js/views/Admin/Users.vue
index 103fa50e..3171a36b 100644
--- a/resources/js/views/Admin/Users.vue
+++ b/resources/js/views/Admin/Users.vue
@@ -71,20 +71,6 @@
                     </template>
                 </DatatableWrapper>
 		</div>
-
-<!--        <div id="page-content">
-
-            <div class="content-page">
-
-                &lt;!&ndash;Table tools&ndash;&gt;
-                <div class="table-tools">
-                    <div class="buttons">
-                    </div>
-                </div>
-
-
-            </div>
-        </div>-->
         <div id="loader" v-if="isLoading">
             <Spinner></Spinner>
         </div>