Main Component added

document/Kintone機能整理.drawio

@@ -0,0 +1,10 @@
+<mxfile host="65bd71144e">
+    <diagram id="UMFNb7zEleFpzTH4EAp9" name="ページ1">
+        <mxGraphModel dx="1202" dy="612" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+            <root>
+                <mxCell id="0"/>
+                <mxCell id="1" parent="0"/>
+            </root>
+        </mxGraphModel>
+    </diagram>
+</mxfile>

frontend/src/components/ActionNode.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="q-pa-md" style="max-width: 350px">
+    <q-expansion-item
+      class="shadow-1 overflow-hidden"
+      style="border-radius: 30px"
+      icon="explore"
+      label="Counter"
+      @show="startCounting"
+      @hide="stopCounting"
+      header-class="bg-primary text-white"
+      expand-icon-class="text-white"
+    >
+      <q-card>
+        <q-card-section>
+          Counting: <q-badge color="secondary">{{ counter }}</q-badge>.
+          Will only count when opened, using the show/hide events to control count timer.
+        </q-card-section>
+      </q-card>
+    </q-expansion-item>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent} from "vue"
+export default defineComponent({
+  props:{
+    icon:String,
+
+  },
+  setup() {
+    return {
+
+    }
+  }
+});
+</script>
+<style lang="">
+
+</style>

frontend/src/components/ActionPanel.vue

@@ -0,0 +1,30 @@
+<template>
+  <div>
+
+  </div>
+</template>
+<script lang="ts">
+import {defineComponent,reactive} from 'vue';
+import {KintoneEvent} from "../models/kintone";
+export default defineComponent({
+  setup(props, ctx) {
+      const events = reactive<KintoneEvent[]>(
+        [
+         {
+           screen:"レコード追加画面",
+           type:"app.record.create.show",
+           name:"レコード追加画面を表示した後"
+         },
+          {
+           screen:"レコード追加画面",
+           type:"app.record.create.show",
+           name:"レコード追加画面を表示した後"
+         }
+        ]
+      );
+  },
+});
+</script>
+<style lang="scss">
+
+</style>

frontend/src/components/PropertyList.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+
+  </div>
+</template>
+<script>
+export default {
+
+}
+</script>
+<style lang="">
+
+</style>

frontend/src/models/kintone.ts

@@ -0,0 +1,8 @@
+
+
+export interface KintoneEvent{
+  screen:string,
+  type:string,
+  name:string
+}
+

frontend/src/pages/RuleEditor.vue

@@ -9,7 +9,7 @@
       </div>
       <div style="min-height: 100vh;">
         <div class="q-pa-md">
-          <q-btn-dropdown split color="primary" label="ルール新規作成" size="lg">
+          <!-- <q-btn-dropdown split color="primary" label="ルール新規作成" size="lg">
             <q-list>
               <q-item v-for="action in actions" clickable v-close-popup @click="onItemClick" :key="action">
                 <q-item-section>
@@ -17,10 +17,10 @@
                 </q-item-section>
               </q-item>
             </q-list>
-          </q-btn-dropdown>
+          </q-btn-dropdown> -->
         </div>
         <div class="q-pa-md">
-          <q-select v-model="model" :options="options" label="Standard"/>
+          <q-select v-model="model" :options="options" label="ダイアログ選択"/>
           <q-btn :label="model+'選択'" color="primary" @click="showDg()" />
           <show-dialog v-model:visible="show" :name="model" @close="closeDg">
             <template v-if="model=='アプリ'">

frontend/tsconfig.json

@@ -1,6 +1,17 @@
 {
   "extends": "@quasar/app-vite/tsconfig-preset",
   "compilerOptions": {
-    "baseUrl": "."
+    "baseUrl": ".",
+    "paths": {
+      "src/*": ["src/*"],
+      "app/*": ["*"],
+      "components/*": ["src/components/*"],
+      "layouts/*": ["src/layouts/*"],
+      "pages/*": ["src/pages/*"],
+      "assets/*": ["src/assets/*"],
+      "boot/*": ["src/boot/*"],
+      "stores/*": ["src/stores/*"],
+      "models/*":["scr/models/*"]
+    }
   }
-}
+}