pages refactor

This commit is contained in:
Čarodej
2021-11-22 16:00:44 +01:00
parent d798f06d36
commit 67bbc79f20
6 changed files with 55 additions and 62 deletions

View File

@@ -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"
}

View File

@@ -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"/>

View File

@@ -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">

View File

@@ -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">

View File

@@ -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>

View File

@@ -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>