From a74f204a335cdde29fec884d5762843010b12daf Mon Sep 17 00:00:00 2001
From: corina <corina.coste@updivision.com>
Date: Thu, 12 Oct 2023 14:09:37 +0300
Subject: [PATCH] updates for invaild token issue

---
 vue-argon-dashboard/.env.example              |   4 +
 .../src/assets/scss/argon.scss                |   9 +-
 .../src/assets/scss/core/avatars/_avatar.scss |  11 +-
 .../src/components/SidebarPlugin/SideBar.vue  |  46 +--
 .../components/SidebarPlugin/SidebarItem.vue  |  12 +-
 vue-argon-dashboard/src/layout/AuthLayout.vue |   2 +-
 .../src/layout/ContentFooter.vue              |   2 +-
 .../src/layout/DashboardLayout.vue            |  22 +-
 .../src/layout/DashboardNavbar.vue            |  11 +-
 vue-argon-dashboard/src/main.js               |  12 +-
 vue-argon-dashboard/src/plugins/isDemo.js     |   7 +
 vue-argon-dashboard/src/views/Dashboard.vue   | 382 +++++++++---------
 .../Examples/UserManagement/ListUserPage.vue  |  12 +
 .../src/views/Examples/UserProfile.vue        |  12 +-
 .../Examples/UserProfile/UserEditCard.vue     |   2 +-
 .../Examples/UserProfile/UserPasswordCard.vue |   2 +-
 .../src/views/Password/Reset.vue              |   7 +
 17 files changed, 310 insertions(+), 245 deletions(-)
 create mode 100644 vue-argon-dashboard/.env.example
 create mode 100644 vue-argon-dashboard/src/plugins/isDemo.js

diff --git a/vue-argon-dashboard/.env.example b/vue-argon-dashboard/.env.example
new file mode 100644
index 0000000..a636f05
--- /dev/null
+++ b/vue-argon-dashboard/.env.example
@@ -0,0 +1,4 @@
+VUE_APP_BASE_URL=
+VUE_APP_API_BASE_URL=
+VUE_APP_API_KEY=
+VUE_APP_IS_DEMO=
\ No newline at end of file
diff --git a/vue-argon-dashboard/src/assets/scss/argon.scss b/vue-argon-dashboard/src/assets/scss/argon.scss
index 24ace8d..7a68aa7 100644
--- a/vue-argon-dashboard/src/assets/scss/argon.scss
+++ b/vue-argon-dashboard/src/assets/scss/argon.scss
@@ -1,14 +1,13 @@
 /*!
 
 =========================================================
-* Vue Argon Dashboard - v1.0.0
+* Vue Argon Dashboard Laravel - v1.0.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/argon-dashboard
-* Copyright 2019 Creative Tim (https://www.creative-tim.com)
-* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
+* Product Page: https://www.creative-tim.com/product/vue-argon-dashboard-laravel-bs4
+* Copyright Creative Tim (https://www.creative-tim.com) & UPDIVISION (https://www.updivision.com)
 
-* Coded by Creative Tim
+* Coded by www.creative-tim.com & www.updivision.com
 
 =========================================================
 
diff --git a/vue-argon-dashboard/src/assets/scss/core/avatars/_avatar.scss b/vue-argon-dashboard/src/assets/scss/core/avatars/_avatar.scss
index a6553fb..a20adc2 100644
--- a/vue-argon-dashboard/src/assets/scss/core/avatars/_avatar.scss
+++ b/vue-argon-dashboard/src/assets/scss/core/avatars/_avatar.scss
@@ -46,12 +46,7 @@
   background-size: cover;
 }
 
-.ct-image-icon {
-  background: url("/img/laravel-vue.svg");
-  background-size: cover;
-  width: 14px;
-  height: 35px;
-  margin-right: 8px;
-  margin-left: -7px;
-  display: inline-block;
+.fab.fa-vuejs {
+  font-size: 130% !important;
+  color: #3cab79;
 }
diff --git a/vue-argon-dashboard/src/components/SidebarPlugin/SideBar.vue b/vue-argon-dashboard/src/components/SidebarPlugin/SideBar.vue
index 8b44623..6d2bcdb 100644
--- a/vue-argon-dashboard/src/components/SidebarPlugin/SideBar.vue
+++ b/vue-argon-dashboard/src/components/SidebarPlugin/SideBar.vue
@@ -1,8 +1,5 @@
 <template>
-  <nav
-    class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-white"
-    id="sidenav-main"
-  >
+  <nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-white" id="sidenav-main">
     <div class="container-fluid">
       <!--Toggler-->
       <navbar-toggle-button @click.native="showSidebar">
@@ -15,15 +12,8 @@
       <slot name="mobile-right">
         <ul class="nav align-items-center d-md-none">
           <base-dropdown class="nav-item" position="right">
-            <a
-              slot="title"
-              class="nav-link nav-link-icon"
-              href="#"
-              role="button"
-              data-toggle="dropdown"
-              aria-haspopup="true"
-              aria-expanded="false"
-            >
+            <a slot="title" class="nav-link nav-link-icon" href="#" role="button" data-toggle="dropdown"
+              aria-haspopup="true" aria-expanded="false">
               <i class="ni ni-bell-55"></i>
             </a>
 
@@ -35,12 +25,9 @@
           <base-dropdown class="nav-item" position="right">
             <a href="#" slot="title" class="nav-link" @click.prevent>
               <div class="media align-items-center">
-                <span
-                  class="avatar avatar-sm rounded-circle avatar-image"
-                  :style="{
-                    'background-image': `url('${profileImage}')`,
-                  }"
-                >
+                <span class="avatar avatar-sm rounded-circle avatar-image" :style="{
+                  'background-image': `url('${profileImage}')`,
+                }">
                 </span>
               </div>
             </a>
@@ -61,11 +48,7 @@
         </ul>
       </slot>
       <slot></slot>
-      <div
-        v-show="$sidebar.showSidebar"
-        class="navbar-collapse collapse show"
-        id="sidenav-collapse-main"
-      >
+      <div v-show="$sidebar.showSidebar" class="navbar-collapse collapse show" id="sidenav-collapse-main">
         <div class="navbar-collapse-header d-md-none">
           <div class="row">
             <div class="col-6 collapse-brand">
@@ -74,9 +57,7 @@
               </router-link>
             </div>
             <div class="col-6 collapse-close">
-              <navbar-toggle-button
-                @click.native="closeSidebar"
-              ></navbar-toggle-button>
+              <navbar-toggle-button @click.native="closeSidebar"></navbar-toggle-button>
             </div>
           </div>
         </div>
@@ -126,7 +107,16 @@ export default {
         this.avatar = me.profile_image;
       }
     );
-    await this.$store.dispatch("profile/me");
+
+    try {
+      await this.$store.dispatch("profile/me");
+    } catch (error) {
+      try {
+        await this.$store.dispatch("logout");
+      } finally {
+        this.$router.push("/login");
+      }
+    }
   },
   computed: {
     profileImage() {
diff --git a/vue-argon-dashboard/src/components/SidebarPlugin/SidebarItem.vue b/vue-argon-dashboard/src/components/SidebarPlugin/SidebarItem.vue
index 1b12333..db8c324 100644
--- a/vue-argon-dashboard/src/components/SidebarPlugin/SidebarItem.vue
+++ b/vue-argon-dashboard/src/components/SidebarPlugin/SidebarItem.vue
@@ -21,7 +21,16 @@
       </template>
       <template v-else>
         <i :class="link.icon"></i>
-        <span class="nav-link-text">{{ link.name }} <b class="caret"></b></span>
+        <div v-if="link.name == 'Examples (API)'">
+          <span class="nav-link-text" style="color: #3cab79"
+            >{{ link.name }} <b class="caret"></b
+          ></span>
+        </div>
+        <div v-else>
+          <span class="nav-link-text"
+            >{{ link.name }} <b class="caret"></b
+          ></span>
+        </div>
       </template>
     </a>
 
@@ -51,7 +60,6 @@
         :href="link.path"
       >
         <template v-if="addLink">
-          <span class="sidebar-mini">{{ linkPrefix }}</span>
           <span class="nav-link-text">{{ link.name }}</span>
         </template>
         <template v-else>
diff --git a/vue-argon-dashboard/src/layout/AuthLayout.vue b/vue-argon-dashboard/src/layout/AuthLayout.vue
index 70c5d11..4df787a 100644
--- a/vue-argon-dashboard/src/layout/AuthLayout.vue
+++ b/vue-argon-dashboard/src/layout/AuthLayout.vue
@@ -214,7 +214,7 @@
               </li>
               <li class="nav-item">
                 <a
-                  href="http://blog.creative-tim.com"
+                  href="https://blog.creative-tim.com"
                   class="nav-link"
                   target="_blank"
                   rel="noopener"
diff --git a/vue-argon-dashboard/src/layout/ContentFooter.vue b/vue-argon-dashboard/src/layout/ContentFooter.vue
index 69b7a36..064cc44 100644
--- a/vue-argon-dashboard/src/layout/ContentFooter.vue
+++ b/vue-argon-dashboard/src/layout/ContentFooter.vue
@@ -31,7 +31,7 @@
         </li>
         <li class="nav-item">
           <a
-            href="http://blog.creative-tim.com"
+            href="https://blog.creative-tim.com"
             class="nav-link"
             target="_blank"
             rel="noopener"
diff --git a/vue-argon-dashboard/src/layout/DashboardLayout.vue b/vue-argon-dashboard/src/layout/DashboardLayout.vue
index e7a77b0..1d11835 100644
--- a/vue-argon-dashboard/src/layout/DashboardLayout.vue
+++ b/vue-argon-dashboard/src/layout/DashboardLayout.vue
@@ -18,7 +18,7 @@
           opened
           :link="{
             name: 'Examples (API)',
-            icon: 'ct-image-icon',
+            icon: 'fab fa-vuejs',
           }"
         >
           <sidebar-item
@@ -61,10 +61,22 @@
           }"
         />
 
+        <hr
+          class="my-3"
+          style="
+            border: 0;
+            border-top: 1px solid rgba(0, 0, 0, 0.1);
+            min-width: 80%;
+            overflow: visible;
+            box-sizing: content-box;
+            height: 0;
+          "
+        />
+
         <a
           href="https://www.creative-tim.com/product/vue-argon-dashboard-pro-laravel-bs4"
           target="_blank"
-          class="btn btn-sm btn-danger btn-icon ml-sm-3 d-none d-md-block mb-2 mt-1"
+          class="btn btn-danger btn-icon ml-sm-3 d-md-block mb-2 mt-1 mr-3"
           ><span class="btn-inner--icon"
             ><i class="fas fa-download mr-2"></i
           ></span>
@@ -74,7 +86,7 @@
         <a
           href="https://vue-argon-dashboard-laravel-bs4.creative-tim.com/documentation/"
           target="_blank"
-          class="btn btn-sm btn-neutral btn-icon ml-sm-3 d-none d-md-block mb-2"
+          class="btn btn-neutral btn-icon ml-sm-3 d-md-block mb-2 mr-3"
           ><span class="btn-inner--icon"
             ><i class="fas fa-file-alt mr-2"></i
           ></span>
@@ -84,7 +96,7 @@
         <a
           href="https://www.creative-tim.com/product/vue-argon-dashboard-laravel-bs4"
           target="_blank"
-          class="btn btn-sm btn-info btn-icon ml-sm-3 d-none d-md-block mb-2"
+          class="btn btn-info btn-icon ml-sm-3 d-md-block mb-2 mr-3"
           ><span class="btn-inner--icon"><i class="fas fa-gift mr-2"></i></span>
           <span class="nav-link-inner--text">Download now</span></a
         >
@@ -92,7 +104,7 @@
         <a
           href="https://github.com/creativetimofficial/vue-argon-dashboard-laravel-bs4"
           target="_blank"
-          class="btn btn-sm btn-dark btn-icon ml-sm-3 d-none d-md-block mr-2"
+          class="btn btn-dark btn-icon ml-sm-3 d-md-block mr-2 mr-3"
           ><span class="btn-inner--icon"
             ><i class="fab fa-github mr-2"></i
           ></span>
diff --git a/vue-argon-dashboard/src/layout/DashboardNavbar.vue b/vue-argon-dashboard/src/layout/DashboardNavbar.vue
index 2ce78fb..271908e 100644
--- a/vue-argon-dashboard/src/layout/DashboardNavbar.vue
+++ b/vue-argon-dashboard/src/layout/DashboardNavbar.vue
@@ -78,7 +78,16 @@ export default {
         this.avatar = me.profile_image;
       }
     );
-    await this.$store.dispatch("profile/me");
+
+    try {
+      await this.$store.dispatch("profile/me");
+    } catch (error) {
+      try {
+        await this.$store.dispatch("logout");
+      } finally {
+        this.$router.push("/login");
+      }
+    }
   },
   computed: {
     profileImage() {
diff --git a/vue-argon-dashboard/src/main.js b/vue-argon-dashboard/src/main.js
index f31a97a..b693eaa 100644
--- a/vue-argon-dashboard/src/main.js
+++ b/vue-argon-dashboard/src/main.js
@@ -1,14 +1,13 @@
 /*!
 
 =========================================================
-* Vue Argon Dashboard - v1.0.0
+* Vue Argon Dashboard Laravel - v1.0.0
 =========================================================
 
-* Product Page: https://www.creative-tim.com/product/argon-dashboard
-* Copyright 2019 Creative Tim (https://www.creative-tim.com)
-* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
+* Product Page: https://www.creative-tim.com/product/vue-argon-dashboard-laravel-bs4
+* Copyright Creative Tim (https://www.creative-tim.com) & UPDIVISION (https://www.updivision.com)
 
-* Coded by Creative Tim
+* Coded by www.creative-tim.com & www.updivision.com
 
 =========================================================
 
@@ -23,7 +22,10 @@ import './registerServiceWorker'
 import ArgonDashboard from './plugins/argon-dashboard'
 import axios from "axios";
 import VueAxios from "vue-axios";
+import IsDemo from "./plugins/isDemo"
+
 Vue.use(VueAxios, axios);
+Vue.use(IsDemo);
 
 Vue.config.productionTip = false
 
diff --git a/vue-argon-dashboard/src/plugins/isDemo.js b/vue-argon-dashboard/src/plugins/isDemo.js
new file mode 100644
index 0000000..e285a66
--- /dev/null
+++ b/vue-argon-dashboard/src/plugins/isDemo.js
@@ -0,0 +1,7 @@
+const isDemoPlugin = {
+    install: (Vue) => {
+      Vue.prototype.$isDemo = process.env.VUE_APP_IS_DEMO || 0;
+    }
+  }
+    
+export default isDemoPlugin
\ No newline at end of file
diff --git a/vue-argon-dashboard/src/views/Dashboard.vue b/vue-argon-dashboard/src/views/Dashboard.vue
index e69319c..9ddb8ba 100644
--- a/vue-argon-dashboard/src/views/Dashboard.vue
+++ b/vue-argon-dashboard/src/views/Dashboard.vue
@@ -1,206 +1,218 @@
 <template>
-    <div>
-        <base-header type="gradient-success" class="pb-6 pb-8 pt-5 pt-md-8">
-            <!-- Card stats -->
-            <div class="row">
-                <div class="col-xl-3 col-lg-6">
-                    <stats-card title="Total traffic"
-                                type="gradient-red"
-                                sub-title="350,897"
-                                icon="ni ni-active-40"
-                                class="mb-4 mb-xl-0"
-                    >
+  <div>
+    <base-header type="gradient-success" class="pb-6 pb-8 pt-5 pt-md-8">
+      <!-- Card stats -->
+      <div class="row">
+        <div class="col-xl-3 col-lg-6">
+          <stats-card
+            title="Total traffic"
+            type="gradient-red"
+            sub-title="350,897"
+            icon="ni ni-active-40"
+            class="mb-4 mb-xl-0"
+          >
+            <template slot="footer">
+              <span class="text-success mr-2"
+                ><i class="fa fa-arrow-up"></i> 3.48%</span
+              >
+              <span class="text-nowrap">Since last month</span>
+            </template>
+          </stats-card>
+        </div>
+        <div class="col-xl-3 col-lg-6">
+          <stats-card
+            title="Total traffic"
+            type="gradient-orange"
+            sub-title="2,356"
+            icon="ni ni-chart-pie-35"
+            class="mb-4 mb-xl-0"
+          >
+            <template slot="footer">
+              <span class="text-success mr-2"
+                ><i class="fa fa-arrow-up"></i> 12.18%</span
+              >
+              <span class="text-nowrap">Since last month</span>
+            </template>
+          </stats-card>
+        </div>
+        <div class="col-xl-3 col-lg-6">
+          <stats-card
+            title="Sales"
+            type="gradient-green"
+            sub-title="924"
+            icon="ni ni-money-coins"
+            class="mb-4 mb-xl-0"
+          >
+            <template slot="footer">
+              <span class="text-danger mr-2"
+                ><i class="fa fa-arrow-down"></i> 5.72%</span
+              >
+              <span class="text-nowrap">Since last month</span>
+            </template>
+          </stats-card>
+        </div>
+        <div class="col-xl-3 col-lg-6">
+          <stats-card
+            title="Performance"
+            type="gradient-info"
+            sub-title="49,65%"
+            icon="ni ni-chart-bar-32"
+            class="mb-4 mb-xl-0"
+          >
+            <template slot="footer">
+              <span class="text-success mr-2"
+                ><i class="fa fa-arrow-up"></i> 54.8%</span
+              >
+              <span class="text-nowrap">Since last month</span>
+            </template>
+          </stats-card>
+        </div>
+      </div>
+    </base-header>
 
-                        <template slot="footer">
-                            <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
-                            <span class="text-nowrap">Since last month</span>
-                        </template>
-                    </stats-card>
-                </div>
-                <div class="col-xl-3 col-lg-6">
-                    <stats-card title="Total traffic"
-                                type="gradient-orange"
-                                sub-title="2,356"
-                                icon="ni ni-chart-pie-35"
-                                class="mb-4 mb-xl-0"
+    <!--Charts-->
+    <div class="container-fluid mt--7">
+      <div class="row">
+        <div class="col-xl-8 mb-5 mb-xl-0">
+          <card type="default" header-classes="bg-transparent">
+            <div slot="header" class="row align-items-center">
+              <div class="col">
+                <h6 class="text-light text-uppercase ls-1 mb-1">Overview</h6>
+                <h5 class="h3 text-white mb-0">Sales value</h5>
+              </div>
+              <div class="col">
+                <ul class="nav nav-pills justify-content-end">
+                  <li class="nav-item mr-2 mr-md-0">
+                    <a
+                      class="nav-link py-2 px-3"
+                      href="#"
+                      :class="{ active: bigLineChart.activeIndex === 0 }"
+                      @click.prevent="initBigChart(0)"
                     >
-
-                        <template slot="footer">
-                            <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 12.18%</span>
-                            <span class="text-nowrap">Since last month</span>
-                        </template>
-                    </stats-card>
-                </div>
-                <div class="col-xl-3 col-lg-6">
-                    <stats-card title="Sales"
-                                type="gradient-green"
-                                sub-title="924"
-                                icon="ni ni-money-coins"
-                                class="mb-4 mb-xl-0"
+                      <span class="d-none d-md-block">Month</span>
+                      <span class="d-md-none">M</span>
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a
+                      class="nav-link py-2 px-3"
+                      href="#"
+                      :class="{ active: bigLineChart.activeIndex === 1 }"
+                      @click.prevent="initBigChart(1)"
                     >
-
-                        <template slot="footer">
-                            <span class="text-danger mr-2"><i class="fa fa-arrow-down"></i> 5.72%</span>
-                            <span class="text-nowrap">Since last month</span>
-                        </template>
-                    </stats-card>
-
-                </div>
-                <div class="col-xl-3 col-lg-6">
-                    <stats-card title="Performance"
-                                type="gradient-info"
-                                sub-title="49,65%"
-                                icon="ni ni-chart-bar-32"
-                                class="mb-4 mb-xl-0"
-                    >
-
-                        <template slot="footer">
-                            <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 54.8%</span>
-                            <span class="text-nowrap">Since last month</span>
-                        </template>
-                    </stats-card>
-                </div>
+                      <span class="d-none d-md-block">Week</span>
+                      <span class="d-md-none">W</span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
             </div>
-        </base-header>
-
-        <!--Charts-->
-        <div class="container-fluid mt--7">
-            <div class="row">
-                <div class="col-xl-8 mb-5 mb-xl-0">
-                    <card type="default" header-classes="bg-transparent">
-                        <div slot="header" class="row align-items-center">
-                            <div class="col">
-                                <h6 class="text-light text-uppercase ls-1 mb-1">Overview</h6>
-                                <h5 class="h3 text-white mb-0">Sales value</h5>
-                            </div>
-                            <div class="col">
-                                <ul class="nav nav-pills justify-content-end">
-                                    <li class="nav-item mr-2 mr-md-0">
-                                        <a class="nav-link py-2 px-3"
-                                           href="#"
-                                           :class="{active: bigLineChart.activeIndex === 0}"
-                                           @click.prevent="initBigChart(0)">
-                                            <span class="d-none d-md-block">Month</span>
-                                            <span class="d-md-none">M</span>
-                                        </a>
-                                    </li>
-                                    <li class="nav-item">
-                                        <a class="nav-link py-2 px-3"
-                                           href="#"
-                                           :class="{active: bigLineChart.activeIndex === 1}"
-                                           @click.prevent="initBigChart(1)">
-                                            <span class="d-none d-md-block">Week</span>
-                                            <span class="d-md-none">W</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                        <line-chart
-                                :height="350"
-                                ref="bigChart"
-                                :chart-data="bigLineChart.chartData"
-                                :extra-options="bigLineChart.extraOptions"
-                        >
-                        </line-chart>
-
-                    </card>
-                </div>
-
-                <div class="col-xl-4">
-                    <card header-classes="bg-transparent">
-                        <div slot="header" class="row align-items-center">
-                            <div class="col">
-                                <h6 class="text-uppercase text-muted ls-1 mb-1">Performance</h6>
-                                <h5 class="h3 mb-0">Total orders</h5>
-                            </div>
-                        </div>
+            <line-chart
+              :height="350"
+              ref="bigChart"
+              :chart-data="bigLineChart.chartData"
+              :extra-options="bigLineChart.extraOptions"
+            >
+            </line-chart>
+          </card>
+        </div>
 
-                        <bar-chart
-                                :height="350"
-                                ref="barChart"
-                                :chart-data="redBarChart.chartData"
-                        >
-                        </bar-chart>
-                    </card>
-                </div>
+        <div class="col-xl-4">
+          <card header-classes="bg-transparent">
+            <div slot="header" class="row align-items-center">
+              <div class="col">
+                <h6 class="text-uppercase text-muted ls-1 mb-1">Performance</h6>
+                <h5 class="h3 mb-0">Total orders</h5>
+              </div>
             </div>
-            <!-- End charts-->
 
-            <!--Tables-->
-            <div class="row mt-5">
-                <div class="col-xl-8 mb-5 mb-xl-0">
-                    <page-visits-table></page-visits-table>
-                </div>
-                <div class="col-xl-4">
-                    <social-traffic-table></social-traffic-table>
-                </div>
-            </div>
-            <!--End tables-->
+            <bar-chart
+              :height="350"
+              ref="barChart"
+              :chart-data="redBarChart.chartData"
+            >
+            </bar-chart>
+          </card>
         </div>
+      </div>
+      <!-- End charts-->
 
+      <!--Tables-->
+      <div class="row mt-5">
+        <div class="col-xl-8 mb-5 mb-xl-0">
+          <page-visits-table></page-visits-table>
+        </div>
+        <div class="col-xl-4">
+          <social-traffic-table></social-traffic-table>
+        </div>
+      </div>
+      <!--End tables-->
     </div>
+  </div>
 </template>
 <script>
-  // Charts
-  import * as chartConfigs from '@/components/Charts/config';
-  import LineChart from '@/components/Charts/LineChart';
-  import BarChart from '@/components/Charts/BarChart';
+// Charts
+import * as chartConfigs from "@/components/Charts/config";
+import LineChart from "@/components/Charts/LineChart";
+import BarChart from "@/components/Charts/BarChart";
 
-  // Tables
-  import SocialTrafficTable from './Dashboard/SocialTrafficTable';
-  import PageVisitsTable from './Dashboard/PageVisitsTable';
+// Tables
+import SocialTrafficTable from "./Dashboard/SocialTrafficTable";
+import PageVisitsTable from "./Dashboard/PageVisitsTable";
 
-  export default {
-    components: {
-      LineChart,
-      BarChart,
-      PageVisitsTable,
-      SocialTrafficTable,
-    },
-    data() {
-      return {
-        bigLineChart: {
-          allData: [
-            [0, 20, 10, 30, 15, 40, 20, 60, 60],
-            [0, 20, 5, 25, 10, 30, 15, 40, 40]
-          ],
-          activeIndex: 0,
-          chartData: {
-            datasets: [],
-            labels: [],
-          },
-          extraOptions: chartConfigs.blueChartOptions,
+export default {
+  components: {
+    LineChart,
+    BarChart,
+    PageVisitsTable,
+    SocialTrafficTable,
+  },
+  data() {
+    return {
+      bigLineChart: {
+        allData: [
+          [0, 20, 10, 30, 15, 40, 20, 60, 60],
+          [0, 20, 5, 25, 10, 30, 15, 40, 40],
+        ],
+        activeIndex: 0,
+        chartData: {
+          datasets: [],
+          labels: [],
         },
-        redBarChart: {
-          chartData: {
-            labels: ['Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-            datasets: [{
-              label: 'Sales',
-              data: [25, 20, 30, 22, 17, 29]
-            }]
-          }
-        }
-      };
-    },
-    methods: {
-      initBigChart(index) {
-        let chartData = {
+        extraOptions: chartConfigs.blueChartOptions,
+      },
+      redBarChart: {
+        chartData: {
+          labels: ["Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
           datasets: [
             {
-              label: 'Performance',
-              data: this.bigLineChart.allData[index]
-            }
+              label: "Sales",
+              data: [25, 20, 30, 22, 17, 29],
+            },
           ],
-          labels: ['May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-        };
-        this.bigLineChart.chartData = chartData;
-        this.bigLineChart.activeIndex = index;
-      }
+        },
+      },
+    };
+  },
+  methods: {
+    initBigChart(index) {
+      let chartData = {
+        datasets: [
+          {
+            label: "Performance",
+            data: this.bigLineChart.allData[index],
+          },
+        ],
+        labels: ["May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+      };
+      this.bigLineChart.chartData = chartData;
+      this.bigLineChart.activeIndex = index;
     },
-    mounted() {
-      this.initBigChart(0);
-    }
-  };
+  },
+  mounted() {
+    this.initBigChart(0);
+  },
+};
 </script>
-<style></style>
+<style>
+</style>
diff --git a/vue-argon-dashboard/src/views/Examples/UserManagement/ListUserPage.vue b/vue-argon-dashboard/src/views/Examples/UserManagement/ListUserPage.vue
index e715bd3..616c029 100644
--- a/vue-argon-dashboard/src/views/Examples/UserManagement/ListUserPage.vue
+++ b/vue-argon-dashboard/src/views/Examples/UserManagement/ListUserPage.vue
@@ -3,6 +3,18 @@
     <base-header type="gradient-success" class="pb-6 pb-6 pt-5 pt-md-5">
     </base-header>
     <div class="container-fluid mt-5">
+      <div class="alert alert-danger">
+        <strong
+          >Add, Edit, Delete features are not functional. This is a PRO feature!
+          Click
+          <a
+            href="https://www.creative-tim.com/live/vue-argon-dashboard-pro-laravel-bs4"
+            target="_blank"
+            >here</a
+          >
+          to see the PRO product.</strong
+        >
+      </div>
       <card body-classes="px-0 pb-1" footer-classes="pb-2">
         <div class="card-header border-0">
           <div class="row align-items-center">
diff --git a/vue-argon-dashboard/src/views/Examples/UserProfile.vue b/vue-argon-dashboard/src/views/Examples/UserProfile.vue
index 23707ab..51e35d7 100644
--- a/vue-argon-dashboard/src/views/Examples/UserProfile.vue
+++ b/vue-argon-dashboard/src/views/Examples/UserProfile.vue
@@ -50,8 +50,16 @@ export default {
 
   methods: {
     async getProfile() {
-      await this.$store.dispatch("profile/me");
-      this.user = await { ...this.$store.getters["profile/me"] };
+      try {
+        await this.$store.dispatch("profile/me");
+        this.user = await { ...this.$store.getters["profile/me"] };
+      } catch (error) {
+        try {
+          await this.$store.dispatch("logout");
+        } finally {
+          this.$router.push("/login");
+        }
+      }
     },
   },
 };
diff --git a/vue-argon-dashboard/src/views/Examples/UserProfile/UserEditCard.vue b/vue-argon-dashboard/src/views/Examples/UserProfile/UserEditCard.vue
index 28a5ac9..82ce833 100644
--- a/vue-argon-dashboard/src/views/Examples/UserProfile/UserEditCard.vue
+++ b/vue-argon-dashboard/src/views/Examples/UserProfile/UserEditCard.vue
@@ -59,7 +59,7 @@ export default {
 
   methods: {
     async handleProfileUpdate() {
-      if (["1", "2", "3"].includes(this.user.id)) {
+      if (["1"].includes(this.user.id)) {
         await this.$notify({
           type: "danger",
           message: "You are not allowed not change data of default users.",
diff --git a/vue-argon-dashboard/src/views/Examples/UserProfile/UserPasswordCard.vue b/vue-argon-dashboard/src/views/Examples/UserProfile/UserPasswordCard.vue
index 1c67a59..e0a1b02 100644
--- a/vue-argon-dashboard/src/views/Examples/UserProfile/UserPasswordCard.vue
+++ b/vue-argon-dashboard/src/views/Examples/UserProfile/UserPasswordCard.vue
@@ -69,7 +69,7 @@ export default {
 
   methods: {
     async handleChangePassword() {
-      if (["1", "2", "3"].includes(this.user.id)) {
+      if (["1"].includes(this.user.id)) {
         await this.$notify({
           type: "danger",
           message: "You are not allowed not change data of default users.",
diff --git a/vue-argon-dashboard/src/views/Password/Reset.vue b/vue-argon-dashboard/src/views/Password/Reset.vue
index bd84f1d..7e223c8 100644
--- a/vue-argon-dashboard/src/views/Password/Reset.vue
+++ b/vue-argon-dashboard/src/views/Password/Reset.vue
@@ -55,6 +55,13 @@ export default {
   },
   methods: {
     async handleSubmit() {
+      if (this.$isDemo == 1) {
+        await this.$notify({
+          type: "danger",
+          message: "Password reset is disabled in the demo.",
+        });
+        return;
+      }
       try {
         await this.$store.dispatch("reset/forgotPassword", this.form.data);
         await this.$notify({