update live-demo and add inter plugin

Author: Romper9

adminforth/documentation/docs/tutorial/03-Customization/06-customPages.md

@@ -36,7 +36,7 @@ Create a Vue component in the `custom` directory of your project, e.g. `Dashboar
 
 ```html title="./custom/Dashboard.vue"
 <template>
-  <div class="px-4 py-8 bg-blue-50 dark:bg-gray-900 dark:shadow-none min-h-screen">
+  <div class="px-4 py-8 bg-blue-50 dark:bg-gray-900 dark:shadow-none min-h-[calc(100vh-56px)]">
     <h1 class="mb-4 text-xl font-extrabold text-gray-900 dark:text-white md:text-2xl lg:text-3xl"><span
         class="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">{{ $t('Apartments') }}</span>
       Statistics.</h1>
@@ -431,7 +431,7 @@ app.get(`${ADMIN_BASE_URL}/api/dashboard/`,
       const days = req.body.days || 7;
       const apartsByDays = await admin.resource('aparts').dataConnector.db.prepare(
         `SELECT 
-          strftime('%Y-%m-%d', created_at, 'unixepoch') as day, 
+          strftime('%Y-%m-%d', created_at) as day, 
           COUNT(*) as count 
         FROM apartments 
         GROUP BY day 
@@ -445,7 +445,7 @@ app.get(`${ADMIN_BASE_URL}/api/dashboard/`,
       // add listed, unlisted, listedPrice, unlistedPrice
       const listedVsUnlistedByDays = await admin.resource('aparts').dataConnector.db.prepare(
         `SELECT 
-          strftime('%Y-%m-%d', created_at, 'unixepoch') as day, 
+          strftime('%Y-%m-%d', created_at) as day, 
           SUM(listed) as listed, 
           COUNT(*) - SUM(listed) as unlisted,
           SUM(listed * price) as listedPrice,
@@ -459,7 +459,7 @@ app.get(`${ADMIN_BASE_URL}/api/dashboard/`,
 
       const listedVsUnlistedPriceByDays = await admin.resource('aparts').dataConnector.db.prepare(
         `SELECT 
-          strftime('%Y-%m-%d', created_at, 'unixepoch') as day, 
+          strftime('%Y-%m-%d', created_at) as day, 
           SUM(listed * price) as listedPrice,
           SUM((1 - listed) * price) as unlistedPrice
         FROM apartments

dev-demo/custom/Dash.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="px-4 py-8 bg-blue-50 dark:bg-gray-900 dark:shadow-none min-h-screen">
+  <div class="px-4 py-8 bg-blue-50 dark:bg-gray-900 dark:shadow-none min-h-[calc(100vh-56px)]">
 
     <h1 class="mb-4 text-xl font-extrabold text-gray-900 dark:text-white md:text-2xl lg:text-3xl"
       v-html='$t("<span class=\"text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400\">Apartments</span> Statistics.")'></h1>

dev-demo/index.ts

@@ -325,7 +325,7 @@ app.get(`${ADMIN_BASE_URL}/api/dashboard/`,
         const days = req.body.days || 7;
         const apartsByDays = await db.prepare(
           `SELECT 
-            strftime('%Y-%m-%d', created_at, 'unixepoch') as day, 
+            strftime('%Y-%m-%d', created_at) as day, 
             COUNT(*) as count 
           FROM apartments 
           GROUP BY day 
@@ -339,7 +339,7 @@ app.get(`${ADMIN_BASE_URL}/api/dashboard/`,
         // add listed, unlisted, listedPrice, unlistedPrice
         const listedVsUnlistedByDays = await db.prepare(
           `SELECT 
-            strftime('%Y-%m-%d', created_at, 'unixepoch') as day, 
+            strftime('%Y-%m-%d', created_at) as day, 
             SUM(listed) as listed, 
             COUNT(*) - SUM(listed) as unlisted,
             SUM(listed * price) as listedPrice,
@@ -353,7 +353,7 @@ app.get(`${ADMIN_BASE_URL}/api/dashboard/`,
 
         const listedVsUnlistedPriceByDays = await db.prepare(
           `SELECT 
-            strftime('%Y-%m-%d', created_at, 'unixepoch') as day, 
+            strftime('%Y-%m-%d', created_at) as day, 
             SUM(listed * price) as listedPrice,
             SUM((1 - listed) * price) as unlistedPrice
           FROM apartments