first commit

.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

README.md

@@ -0,0 +1,75 @@
+# Nuxt Minimal Starter
+
+Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.vue

@@ -0,0 +1,7 @@
+<template>
+  <NuxtLayout>
+    <v-app>
+      <NuxtPage />
+    </v-app>
+  </NuxtLayout>
+</template>

eslint.config.mjs

@@ -0,0 +1,6 @@
+// @ts-check
+import withNuxt from './.nuxt/eslint.config.mjs'
+
+export default withNuxt(
+  // Your custom configs here
+)

nuxt.config.ts

@@ -0,0 +1,37 @@
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+export default defineNuxtConfig({
+  compatibilityDate: '2025-05-15',
+  devtools: { enabled: true },
+
+  modules: [
+    '@nuxt/content',
+    '@nuxt/eslint',
+    '@nuxt/fonts',
+    '@nuxt/icon',
+    '@nuxt/image',
+    '@nuxt/scripts',
+    '@nuxt/test-utils',
+    '@nuxt/ui',
+    (_options, nuxt) => {
+      nuxt.hooks.hook('vite:extendConfig', (config) => {
+        // @ts-expect-error
+        config.plugins.push(vuetify({ autoImport: true }))
+      })
+    },
+  ],
+  build: {
+    transpile: ['vuetify'] // Important for Nuxt 3 with Vuetify
+  },
+  css: [
+    'vuetify/lib/styles/main.sass', // Or 'vuetify/styles' depending on version
+    '@mdi/font/css/materialdesignicons.min.css',
+  ],
+  vite: {
+    ssr: {
+      noExternal: ['vuetify']
+    },
+    plugins: [
+      vuetify({ autoImport: true }) // If using vite-plugin-vuetify
+    ]
+  }
+})

package.json

@@ -0,0 +1,32 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "@mdi/font": "^7.4.47",
+    "@nuxt/content": "^3.6.3",
+    "@nuxt/eslint": "^1.7.1",
+    "@nuxt/image": "^1.11.0",
+    "@nuxt/scripts": "^0.11.10",
+    "@nuxt/test-utils": "^3.19.2",
+    "@nuxt/ui": "^3.3.0",
+    "@unhead/vue": "^2.0.13",
+    "eslint": "^9.32.0",
+    "nuxt": "^3.17.7",
+    "typescript": "^5.8.3",
+    "vue": "^3.5.18",
+    "vue-router": "^4.5.1"
+  },
+  "devDependencies": {
+    "sass-embedded": "^1.89.2",
+    "vite-plugin-vuetify": "^2.1.2",
+    "vuetify": "^3.9.3"
+  }
+}

pages/index.vue

@@ -0,0 +1,224 @@
+<template>
+  <v-app>
+    <v-layout>
+      <v-app-bar app color="green darken-1" dark>
+        <v-app-bar-nav-icon @click="rail = !rail"></v-app-bar-nav-icon>
+        <v-toolbar-title class="ml-2">Antrean RSSA</v-toolbar-title>
+      </v-app-bar>
+
+      <v-navigation-drawer v-model="drawer" :rail="rail" permanent app>
+        <!-- /* <v-list-item>
+          <v-list-item-title class="text-h6">
+            RSSA
+          </v-list-item-title>
+        </v-list-item>
+         -->
+
+        <v-list density="compact" nav>
+          <template v-for="item in items" :key="item.title">
+            <v-menu
+              v-if="item.children"
+              open-on-hover
+              location="end"
+              :nudge-right="8"
+            >
+              <template v-slot:activator="{ props }">
+                <v-list-item
+                  v-bind="props"
+                  :prepend-icon="item.icon"
+                  :title="item.title"
+                  :value="item.title"
+                >
+                  <v-list-item-title v-if="!rail">{{
+                    item.title
+                  }}</v-list-item-title>
+                </v-list-item>
+              </template>
+
+              <v-list>
+                <v-list-item>
+                  <v-list-item-title class="font-weight-bold">{{
+                    item.title
+                  }}</v-list-item-title>
+                </v-list-item>
+                <v-divider></v-divider>
+                <v-list-item
+                  v-for="child in item.children"
+                  :key="child.title"
+                  :to="child.to"
+                  link
+                >
+                  <v-list-item-title>{{ child.title }}</v-list-item-title>
+                </v-list-item>
+              </v-list>
+            </v-menu>
+
+            <v-list-item
+              v-else
+              :prepend-icon="item.icon"
+              :title="item.title"
+              :to="item.to"
+              :value="item.title"
+              link
+            ></v-list-item>
+          </template>
+        </v-list>
+      </v-navigation-drawer>
+
+      <v-main>
+        <v-container fluid>
+          <p>Admin Anjungan</p>
+          <v-card class="pa-5 mb-5" color="white" flat>
+            <v-row align="center">
+              <v-col cols="12" md="4">
+                <v-text-field
+                  label="Barcode"
+                  placeholder="Masukkan Barcode"
+                  outlined
+                  dense
+                  hide-details
+                ></v-text-field>
+              </v-col>
+              <v-col cols="12" md="6">
+                <v-chip color="#B71C1C" class="text-caption">
+                  Tekan Enter. (Barcode depan nomor selalu ada huruf lain, Ex:
+                  J20073010005 "Hiraukan huruf 'J' nya")
+                </v-chip>
+              </v-col>
+              <v-col cols="12" md="2">
+                <v-btn block color="info">Pendaftaran Online</v-btn>
+              </v-col>
+            </v-row>
+          </v-card>
+
+          <v-divider class="my-5"></v-divider>
+
+          <v-card class="mb-5">
+            <v-toolbar flat color="transparent" dense>
+              <v-toolbar-title
+                class="text-subtitle-1 font-weight-bold red--text"
+                >DATA PENGUNJUNG TERLAMBAT</v-toolbar-title
+              >
+              <v-spacer></v-spacer>
+              <v-text-field
+                v-model="searchLate"
+                append-icon="mdi-magnify"
+                label="Search"
+                single-line
+                hide-details
+                dense
+                class="mr-2"
+              ></v-text-field>
+              <v-select
+                :items="[10, 25, 50, 100]"
+                label="Show"
+                dense
+                single-line
+                hide-details
+                class="shrink"
+              ></v-select>
+            </v-toolbar>
+            <v-card-text>
+              <v-data-table
+                :headers="lateHeaders"
+                :items="lateVisitors"
+                :search="searchLate"
+                no-data-text="No data available in table"
+                hide-default-footer
+                class="elevation-1"
+              ></v-data-table>
+              <div class="d-flex justify-end pt-2">
+                <v-pagination
+                  v-model="latePage"
+                  :length="latePageCount"
+                  :total-visible="5"
+                ></v-pagination>
+              </div>
+            </v-card-text>
+          </v-card>
+
+          <v-divider class="my-5"></v-divider>
+
+          <v-card>
+            <v-toolbar flat color="transparent" dense>
+              <v-toolbar-title
+                class="text-subtitle-1 font-weight-bold red--text"
+                >DATA PENGUNJUNG</v-toolbar-title
+              >
+              <v-spacer></v-spacer>
+              <v-text-field
+                v-model="search"
+                append-icon="mdi-magnify"
+                label="Search"
+                single-line
+                hide-details
+                dense
+                class="mr-2"
+              ></v-text-field>
+              <v-select
+                :items="[10, 25, 50, 100]"
+                label="Show"
+                dense
+                single-line
+                hide-details
+                class="shrink"
+              ></v-select>
+            </v-toolbar>
+            <v-card-text>
+              <v-data-table
+                :headers="headers"
+                :items="visitors"
+                :search="search"
+                no-data-text="No data available in table"
+                class="elevation-1"
+                :footer-props="{
+                  'items-per-page-options': [10, 25, 50, 100],
+                  'show-current-page': true,
+                }"
+              >
+                <template v-slot:item.aksi="{ item }">
+                  <div class="d-flex flex-column">
+                    <v-btn small color="success" class="my-1">Tiket</v-btn>
+                    <v-btn small color="primary" class="my-1"
+                      >Tiket Pengantar</v-btn
+                    >
+                    <v-btn small color="warning" class="my-1">ByPass</v-btn>
+                  </div>
+                </template>
+              </v-data-table>
+            </v-card-text>
+          </v-card>
+        </v-container>
+      </v-main>
+    </v-layout>
+  </v-app>
+</template>
+
+<script setup>
+import { ref } from "vue";
+
+const drawer = ref(true); // Nilai awal true agar sidebar terlihat
+const rail = ref(true); // Nilai awal true agar sidebar dimulai dalam mode rail
+
+// Struktur data yang memisahkan menu dengan dan tanpa submenu
+const items = ref([
+  { title: "Dashboard", icon: "mdi-view-dashboard", to: "/dashboard" },
+  {
+    title: "Setting",
+    icon: "mdi-cog",
+    children: [
+      { title: "Hak Akses", to: "/setting/hak-akses" },
+      { title: "User Login", to: "/setting/user-login" },
+      { title: "Master Loket", to: "/setting/master-loket" },
+      { title: "Master Klinik", to: "/setting/master-klinik" },
+      { title: "Master Klinik Ruang", to: "/setting/master-klinik-ruang" },
+      { title: "Screen", to: "/setting/screen" },
+    ],
+  },
+  { title: "Loket Admin", icon: "mdi-account-supervisor" },
+  { title: "Ranap Admin", icon: "mdi-bed" },
+  { title: "Klinik Admin", icon: "mdi-hospital-box" },
+  { title: "Klinik Ruang Admin", icon: "mdi-hospital-marker" },
+  { title: "Anjungan", icon: "mdi-account-box-multiple", to: "/anjungan" },
+]);
+</script>

plugins/vuetify.ts

@@ -0,0 +1,16 @@
+import '@mdi/font/css/materialdesignicons.css'
+
+import 'vuetify/styles'
+import { createVuetify } from 'vuetify'
+import { defineNuxtPlugin } from 'nuxt/app'
+import { md2 } from 'vuetify/blueprints'
+import { aliases, mdi } from 'vuetify/iconsets/mdi-svg'
+
+
+export default defineNuxtPlugin((app) => {
+  const vuetify = createVuetify({
+    ssr: true,
+    blueprint: md2
+  })
+  app.vueApp.use(vuetify)
+})

public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent: *
+Disallow:

server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}

tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}