From c83a9d73ab2c3b004b63529e1aec817930f25988 Mon Sep 17 00:00:00 2001
From: "maxiaozhe@alicorns.co.jp" <maxiaozhe@alicorns.co.jp>
Date: Tue, 25 Jul 2023 01:46:17 +0900
Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=B8=80=E6=AE=B5=E9=9A=8E=E9=96=8B?=
 =?UTF-8?q?=E7=99=BA=E5=AE=8C=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 addin.js                                  |  99 +++++++++++++++++++++
 backend/Temp/日報設計書.xlsx              | Bin 11846 -> 12040 bytes
 backend/app/api/api_v1/routers/kintone.py |   9 ++
 backend/app/core/auth.py                  |   1 -
 frontend/README.md                        |   8 +-
 frontend/package-lock.json                |  74 +++++++++++++++-
 frontend/package.json                     |   1 +
 frontend/quasar.config.js                 |   3 +-
 frontend/src/boot/axios.ts                |  34 ++++++++
 frontend/src/components/AppInfo.vue       | 101 ++++++++++++++++++++++
 frontend/src/components/DocUpload.vue     |   7 +-
 frontend/src/components/EssentialLink.vue |   9 +-
 frontend/src/components/models.ts         |  27 ++++++
 frontend/src/layouts/MainLayout.vue       |  45 ++++++++--
 frontend/src/pages/IndexPage.vue          |  51 +++++------
 frontend/src/pages/RuleEditor.vue         |   2 +-
 frontend/src/pages/testQursar.vue         |  13 +++
 frontend/yarn.lock                        |  47 +++++++++-
 18 files changed, 483 insertions(+), 48 deletions(-)
 create mode 100644 addin.js
 create mode 100644 frontend/src/boot/axios.ts
 create mode 100644 frontend/src/components/AppInfo.vue

diff --git a/addin.js b/addin.js
new file mode 100644
index 0000000..8b49e96
--- /dev/null
+++ b/addin.js
@@ -0,0 +1,99 @@
+"use strict";
+const events =[
+   "app.record.index.show",
+   "app.record.index.edit.show"
+]
+
+kintone.events.on(events,(event)=>{
+   onRecordIndexEvent(event);
+   return event;
+});
+
+function onRecordIndexEvent(event){
+   console.log(event.type,event);
+   return event;
+}
+
+
+//レコード表示
+kintone.events.on('app.record.detail.show', (event) => {
+   showRecode(event);
+   return event;
+});
+
+//レコード編集時
+kintone.events.on('app.record.edit.show', (event) => {
+   showRecodeEdit(event);
+   return event;
+});
+
+//新規作成
+kintone.events.on('app.record.create.show', (event) => {
+   newRecord(event);
+   return event;
+});
+
+function showRecode(event){
+   console.log("app.record.detail.show",event);
+   let fld=kintone.app.record.getFieldElement('txtname');
+   fld.style.backgroundColor="red";
+}
+
+function newRecord(event){
+   console.log("app.record.create.show",event);
+   //kintone.app.record.setFieldShown("名前",false);
+   //let fld = kintone.app.record.getFieldElement("txtname");
+   //kintone.app.record.setFieldShown("txtname",false);
+   kintone.events.on('app.record.create.change.radio', (event)=>{
+      radioChnage(event);
+      return event;
+   });
+}
+
+function showList(event){
+   console.log("app.record.index.show",event);
+}
+
+function showRecodeEdit(event){
+   kintone.events.on('app.record.edit.change.radio', (event)=>{
+      radioChnage(event);
+      return event;
+   });
+
+   let record = event.record;
+   let statusValue =record["radio"].value;
+   switch (statusValue) {
+      case "非表示":
+         kintone.app.record.setFieldShown("txtname",false);
+         break;
+      case "無効":
+         kintone.app.record.setFieldShown("txtname",true);
+         event.record.txtname.disabled = true;
+         break;
+      default:
+         event.record.txtname.disabled = false;
+         kintone.app.record.setFieldShown("txtname",true);
+         break;
+   }     
+   return event;
+}
+
+function radioChnage(event){
+   let changeField =event.changes.field;
+   let statusValue =changeField.value;
+   let record = event.record;
+   switch (statusValue) {
+      case "非表示":
+         kintone.app.record.setFieldShown("txtname",false);
+         break;
+      case "無効":
+         kintone.app.record.setFieldShown("txtname",true);
+         record.txtname.disabled = true;
+         break;
+      default:
+         record.txtname.disabled = false;
+         kintone.app.record.setFieldShown("txtname",true);
+         break;
+   }
+   return event;     
+}
\ No newline at end of file
diff --git a/backend/Temp/日報設計書.xlsx b/backend/Temp/日報設計書.xlsx
index b9f01e522ab38f60866344b7e44ea6a0d5f96d71..7898c31fdd9f702617466791098fc6faea4e99e7 100644
GIT binary patch
delta 5554
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
WIrTf2I9QA=m6n?kjg#{q>3;yk)LdZz

delta 5363
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

diff --git a/backend/app/api/api_v1/routers/kintone.py b/backend/app/api/api_v1/routers/kintone.py
index 516fb67..67b2823 100644
--- a/backend/app/api/api_v1/routers/kintone.py
+++ b/backend/app/api/api_v1/routers/kintone.py
@@ -263,6 +263,15 @@ async def allapps():
     r = httpx.get(url,headers=headers)
     return r.json()
 
+@r.get("/app")
+async def app(app:str):
+    headers={c.API_V1_AUTH_KEY:c.API_V1_AUTH_VALUE}
+    url = f"{c.BASE_URL}{c.API_V1_STR}/app.json"
+    params ={"id":app}
+    r = httpx.get(url,headers=headers,params=params)
+    return r.json()
+
+
 @r.get("/appfields")
 async def appfields(app:str):
     return getfieldsfromkintone(app)
diff --git a/backend/app/core/auth.py b/backend/app/core/auth.py
index 0b404b2..7af62c4 100644
--- a/backend/app/core/auth.py
+++ b/backend/app/core/auth.py
@@ -31,7 +31,6 @@ async def get_current_user(
         raise credentials_exception
     return user
 
-
 async def get_current_active_user(
     current_user: models.User = Depends(get_current_user),
 ):
diff --git a/frontend/README.md b/frontend/README.md
index 9a49b60..6d6096c 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -33,8 +33,12 @@ yarn format
 # or
 npm run format
 ```
-
-
+### Install Quasar/cli
+```bash
+$ yarn global add @quasar/cli
+# or
+$ npm install -g @quasar/cli
+```
 
 ### Build the app for production
 ```bash
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index e05472f..82d6da2 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.1",
       "dependencies": {
         "@quasar/extras": "^1.16.4",
+        "axios": "^1.4.0",
         "quasar": "^2.6.0",
         "vue": "^3.0.0",
         "vue-router": "^4.0.0"
@@ -1135,6 +1136,11 @@
       "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
       "dev": true
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.14",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
@@ -1168,6 +1174,16 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/axios": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
+      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1565,6 +1581,17 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -1776,6 +1803,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -2783,6 +2818,38 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
       "dev": true
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -3618,7 +3685,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -3627,7 +3693,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -4094,6 +4159,11 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index b0d52a8..f126579 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@quasar/extras": "^1.16.4",
+    "axios": "^1.4.0",
     "quasar": "^2.6.0",
     "vue": "^3.0.0",
     "vue-router": "^4.0.0"
diff --git a/frontend/quasar.config.js b/frontend/quasar.config.js
index fb7b8b0..bcb0fcd 100644
--- a/frontend/quasar.config.js
+++ b/frontend/quasar.config.js
@@ -32,8 +32,7 @@ module.exports = configure(function (/* ctx */) {
     // --> boot files are part of "main.js"
     // https://v2.quasar.dev/quasar-cli-vite/boot-files
     boot: [
-
-
+      'axios'
     ],
 
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
diff --git a/frontend/src/boot/axios.ts b/frontend/src/boot/axios.ts
new file mode 100644
index 0000000..1e22234
--- /dev/null
+++ b/frontend/src/boot/axios.ts
@@ -0,0 +1,34 @@
+import { boot } from 'quasar/wrappers';
+import axios, { AxiosInstance } from 'axios';
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $axios: AxiosInstance;
+    $api: AxiosInstance;
+  }
+}
+
+// Be careful when using SSR for cross-request state pollution
+// due to creating a Singleton instance here;
+// If any client changes this (global) instance, it might be a
+// good idea to move this instance creation inside of the
+// "export default () => {}" function below (which runs individually
+// for each client)
+const api:AxiosInstance = axios.create({ baseURL: process.env.KAB_BACKEND_URL });
+
+export default boot(({ app }) => {
+  // for use inside Vue files (Options API) through this.$axios and this.$api
+
+  app.config.globalProperties.$axios = axios;
+  // ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form)
+  //       so you won't necessarily have to import axios in each vue file
+
+  app.config.globalProperties.$api = api;
+  // ^ ^ ^ this will allow you to use this.$api (for Vue Options API form)
+  //       so you can easily perform requests against your app's API
+  app.provide<AxiosInstance>('$api',api);
+  app.provide<AxiosInstance>('$axios',axios);
+
+});
+
+export { api };
diff --git a/frontend/src/components/AppInfo.vue b/frontend/src/components/AppInfo.vue
new file mode 100644
index 0000000..22cc51f
--- /dev/null
+++ b/frontend/src/components/AppInfo.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="q-pa-md row items-start q-gutter-md">
+    <q-card class="app-card">
+      <q-card-section class="bg-primary text-white">
+        {{ appinfo?.name }}
+      </q-card-section>
+      <q-separator inset />
+      <q-card-section>
+        <q-field  stack-label full-width  label="アプリ名">
+          <template v-slot:append>
+            <a :href="link" target="_blank" title="Kiontoneへ" @click="linkClick">
+              <q-icon name="link" />
+            </a>
+          </template>
+          <template v-slot:control>
+            <div class="self-center full-width no-outline" tabindex="0">
+              {{ appinfo?.name }}
+            </div>
+            <div class="self-center full-width no-outline" tabindex="0">
+              {{ appinfo?.code }}
+            </div>
+          </template>
+        </q-field>
+        <q-field  stack-label full-width  label="アプリ説明">
+          <template v-slot:control>
+            <div class="self-center full-width no-outline" tabindex="0">
+              {{ appinfo?.description }}
+            </div>
+          </template>
+        </q-field>
+      </q-card-section>
+    </q-card>
+  </div>
+</template>
+<script lang="ts" >
+import { AppInfo, AppSeed } from './models';
+import { ref,  defineComponent, watch, onMounted , toRefs } from 'vue';
+import { api } from 'boot/axios';
+import { promises } from 'dns';
+
+export default defineComponent({
+  props: {
+    app: String
+  },
+  setup(props) {
+    const { app } = toRefs(props);
+    const appinfo = ref<AppInfo>({
+      appId: "",
+      name: "",
+      description: ""
+    });
+    const link= ref('https://mfu07rkgnb7c.cybozu.com/k/' + app.value);
+    const getAppInfo = async (appId:string|undefined) => {
+      if(!appId){
+        return;
+      }
+
+      let result : any ={appId:"",name:""};
+      let retry =0;
+      while(retry<=3 && result && result.appId!==appId){
+          await new Promise(resolve => setTimeout(resolve, 1000));
+           const response = await api.get('app', {
+              params:{
+                app: appId
+              }
+          });
+          console.log(response.data);
+          result = response.data;
+          retry++;
+      }
+      return result;
+    }
+
+    watch(app, async (newApp) => {
+      appinfo.value = await getAppInfo(newApp);
+      link.value = 'https://mfu07rkgnb7c.cybozu.com/k/' + newApp;
+    }, { immediate: true });
+
+    const linkClick=(ev : MouseEvent)=>{
+      ev.stopPropagation();
+      return false;
+    };
+    onMounted(async ()=>{
+      appinfo.value = await getAppInfo(app.value);
+      link.value = 'https://mfu07rkgnb7c.cybozu.com/k/' + app.value;
+    });
+
+    return {
+      link,
+      appinfo,
+      linkClick
+    }
+  }
+});
+</script>
+<style lang="scss">
+.app-card {
+  max-width: 600px;
+  width: 100%;
+}
+</style>
diff --git a/frontend/src/components/DocUpload.vue b/frontend/src/components/DocUpload.vue
index cfede92..65c9eb9 100644
--- a/frontend/src/components/DocUpload.vue
+++ b/frontend/src/components/DocUpload.vue
@@ -15,10 +15,8 @@
 </template>
 <script setup lang="ts">
  import { createUploaderComponent, useQuasar } from 'quasar';
-
-
     const $q=useQuasar();
-
+    const emit =defineEmits(['uploaded']);
     /**
      * ファイルアップロードを拒否する時の処理
      * @param rejectedEntries
@@ -45,6 +43,9 @@
         caption:"通知",
         message: msg
       });
+      setTimeout(() => {
+        emit('uploaded',xhr.responseText);
+      }, 2000);
     }
 
     /**
diff --git a/frontend/src/components/EssentialLink.vue b/frontend/src/components/EssentialLink.vue
index 13205c2..59e9f1f 100644
--- a/frontend/src/components/EssentialLink.vue
+++ b/frontend/src/components/EssentialLink.vue
@@ -2,8 +2,9 @@
   <q-item
     clickable
     tag="a"
-    target="_blank"
+    :target="target?target:'_blank'"
     :href="link"
+    v-if="!isSeparator"
   >
     <q-item-section
       v-if="icon"
@@ -17,6 +18,10 @@
       <q-item-label caption>{{ caption }}</q-item-label>
     </q-item-section>
   </q-item>
+  <q-separator
+    v-if="isSeparator"
+    inset
+  />
 </template>
 
 <script setup lang="ts">
@@ -25,6 +30,8 @@ export interface EssentialLinkProps {
   caption?: string;
   link?: string;
   icon?: string;
+  isSeparator?: boolean;
+  target?:string;
 }
 withDefaults(defineProps<EssentialLinkProps>(), {
   caption: '',
diff --git a/frontend/src/components/models.ts b/frontend/src/components/models.ts
index 6945920..3b8b6be 100644
--- a/frontend/src/components/models.ts
+++ b/frontend/src/components/models.ts
@@ -1,3 +1,4 @@
+
 export interface Todo {
   id: number;
   content: string;
@@ -6,3 +7,29 @@ export interface Todo {
 export interface Meta {
   totalCount: number;
 }
+/**
+ * Kintone app のID情報
+ */
+export interface AppSeed{
+  app:string;
+  revision?:string;
+}
+
+export interface User{
+  code:string;
+  name:string;
+}
+
+export interface AppInfo {
+  appId:string;
+  code?:string;
+  name:string;
+  description?:string;
+  createdAt?:Date;
+  modifiedAt?:Date;
+  spaceId?:string;
+  threadId?:string;
+  creator?:User;
+  modifier?:User;
+}
+
diff --git a/frontend/src/layouts/MainLayout.vue b/frontend/src/layouts/MainLayout.vue
index f1c3334..71b3d2c 100644
--- a/frontend/src/layouts/MainLayout.vue
+++ b/frontend/src/layouts/MainLayout.vue
@@ -10,12 +10,10 @@
           aria-label="Menu"
           @click="toggleLeftDrawer"
         />
-
         <q-toolbar-title>
           Kintone App Builder
+          <q-badge align="top" outline>V{{ env.version }}</q-badge>
         </q-toolbar-title>
-
-        <div>ver {{ env.version }}</div>
       </q-toolbar>
     </q-header>
 
@@ -54,21 +52,54 @@ const essentialLinks: EssentialLinkProps[] = [
     title: 'ホーム',
     caption: 'home',
     icon: 'home',
-    link: '/'
+    link: '/',
+    target:'_self'
   },
   {
     title: 'ルールエディター',
     caption: 'rule',
     icon: 'rule',
-    link: '/#/ruleEditor'
-  }
-  ,
+    link: '/#/ruleEditor',
+    target:'_self'
+  },
+  {
+    title:'',
+    isSeparator:true
+  },
+  {
+    title:'Kintone ポータル',
+    caption:'Kintone',
+    icon:'cloud_queue',
+    link:'https://mfu07rkgnb7c.cybozu.com/k/#/portal'
+  },
+  {
+    title:'CUSTOMINE',
+    caption:'gusuku',
+    link:'https://app-customine.gusuku.io/drive.html',
+    icon:'settings_suggest'
+  },
+  {
+    title:'Kintone API ドキュメント',
+    caption:'Kintone API',
+    link:'https://cybozu.dev/ja/kintone/docs/',
+    icon:'help_outline'
+  },
+  {
+    title:'',
+    isSeparator:true
+  },
   {
     title: 'Docs',
     caption: 'quasar.dev',
     icon: 'school',
     link: 'https://quasar.dev'
   },
+  {
+    title: 'Icons',
+    caption: 'Material Icons',
+    icon: 'insert_emoticon',
+    link: 'https://fonts.google.com/icons?selected=Material+Icons:insert_emoticon:'
+  },
   {
     title: 'Github',
     caption: 'github.com/quasarframework',
diff --git a/frontend/src/pages/IndexPage.vue b/frontend/src/pages/IndexPage.vue
index 36bc2ed..cd5d107 100644
--- a/frontend/src/pages/IndexPage.vue
+++ b/frontend/src/pages/IndexPage.vue
@@ -8,41 +8,36 @@
         </q-breadcrumbs>
      </div>
       <div class="q-gutter-sm row items-start">
-        <doc-uploader></doc-uploader>
+        <doc-uploader @uploaded="onAppUploaded"></doc-uploader>
       </div>
+      <app-info v-if="props?.app" :app="props?.app"></app-info>
     </div>
   </q-page>
 </template>
 
 <script setup lang="ts">
-import { Todo, Meta } from 'components/models';
+import {ref} from 'vue'
 import DocUploader from 'components/DocUpload.vue';
-// import ExampleComponent from 'components/ExampleComponent.vue';
-import { ref } from 'vue';
+import AppInfo from 'components/AppInfo.vue';
+import { AppSeed } from 'src/components/models';
 
-const todos = ref<Todo[]>([
-  {
-    id: 1,
-    content: 'ct1'
-  },
-  {
-    id: 2,
-    content: 'ct2'
-  },
-  {
-    id: 3,
-    content: 'ct3'
-  },
-  {
-    id: 4,
-    content: 'ct4'
-  },
-  {
-    id: 5,
-    content: 'ct5'
-  }
-]);
-const meta = ref<Meta>({
-  totalCount: 1200
+interface AppInfo {
+  app:string,
+  revision:string
+}
+
+const appseed = withDefaults( defineProps<AppSeed>(),{
+   app:''
 });
+
+// const appseed = defineProps<AppSeed>();
+
+const props =  ref(appseed);
+
+function onAppUploaded(responseText :string){
+  let json:AppInfo = JSON.parse(responseText);
+  props.value=json;
+}
+
+
 </script>
diff --git a/frontend/src/pages/RuleEditor.vue b/frontend/src/pages/RuleEditor.vue
index 8f6ff1b..c274ec9 100644
--- a/frontend/src/pages/RuleEditor.vue
+++ b/frontend/src/pages/RuleEditor.vue
@@ -7,7 +7,7 @@
           <q-breadcrumbs-el :label="title" icon="rule" />
         </q-breadcrumbs>
       </div>
-      <div id="q-app" style="min-height: 100vh;">
+      <div style="min-height: 100vh;">
         <div class="q-pa-md">
             <q-btn-dropdown
               split
diff --git a/frontend/src/pages/testQursar.vue b/frontend/src/pages/testQursar.vue
index e69de29..80ca0fc 100644
--- a/frontend/src/pages/testQursar.vue
+++ b/frontend/src/pages/testQursar.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+
+  </div>
+</template>
+<script>
+export default {
+
+}
+</script>
+<style lang="scss">
+
+</style>
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 33f5678..df4c7cc 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -591,6 +591,11 @@ async@^3.2.3:
   resolved "https://registry.npmjs.org/async/-/async-3.2.4.tgz"
   integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
 
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
 autoprefixer@^10.4.2:
   version "10.4.14"
   resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz"
@@ -603,6 +608,15 @@ autoprefixer@^10.4.2:
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
 
+axios@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz"
+  integrity sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==
+  dependencies:
+    follow-redirects "^1.15.0"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
@@ -823,6 +837,13 @@ color-name@~1.1.4:
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
 commander@^2.19.0:
   version "2.20.3"
   resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
@@ -967,6 +988,11 @@ define-lazy-prop@^2.0.0:
   resolved "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
 depd@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
@@ -1367,6 +1393,20 @@ flatted@^3.1.0:
   resolved "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
+follow-redirects@^1.15.0:
+  version "1.15.2"
+  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz"
+  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
 forwarded@0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz"
@@ -1854,7 +1894,7 @@ micromatch@^4.0.4:
   resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12, mime-types@~2.1.24, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
@@ -2149,6 +2189,11 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 punycode@^2.1.0:
   version "2.3.0"
   resolved "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz"