backend bug fix

2023-11-13 22:03:45 +09:00
parent 55181f2c57
commit 5fb8fe53bb
9 changed files with 162 additions and 196 deletions
--- a/frontend/src/pages/TenantDomain.vue
+++ b/frontend/src/pages/TenantDomain.vue
@@ -1,15 +1,7 @@
 <template>
  <div class="q-pa-md">
-    <q-table
-      title="Treats"
-      :rows="rows"
-      :columns="columns"
-      row-key="id"
-      selection="single"
-      :filter="filter"
-      :loading="loading"
-      v-model:selected="selected"
-    >
+    <q-table title="Treats" :rows="rows" :columns="columns" row-key="id" selection="single" :filter="filter"
+      :loading="loading" v-model:selected="selected">

      <template v-slot:top>
        <q-btn color="primary" :disable="loading" label="新規" @click="addRow" />
@@ -54,8 +46,8 @@
          </q-form>
        </q-card-section>
        <q-card-actions align="right" class="text-primary">
-          <q-btn label="Save" type="submit" color="primary" @click="onSubmit"/>
-          <q-btn label="Cancel" type="cancel" color="primary" flat class="q-ml-sm" @click="closeDg()"/>
+          <q-btn label="Save" type="submit" color="primary" @click="onSubmit" />
+          <q-btn label="Cancel" type="cancel" color="primary" flat class="q-ml-sm" @click="closeDg()" />
        </q-card-actions>
      </q-card>

@@ -70,7 +62,7 @@

        <q-card-actions align="right">
          <q-btn flat label="Cancel" color="primary" v-close-popup />
-          <q-btn flat label="OK" color="primary" v-close-popup @click = "deleteDomain()"/>
+          <q-btn flat label="OK" color="primary" v-close-popup @click="deleteDomain()" />
        </q-card-actions>
      </q-card>
    </q-dialog>
@@ -79,12 +71,11 @@
 </template>

 <script setup lang="ts">
-import { ref,onMounted, reactive} from 'vue';
-import { useQuasar } from 'quasar'
+import { ref, onMounted, reactive } from 'vue';
 import { api } from 'boot/axios';

 const columns = [
-  { name: 'id'},
+  { name: 'id' },
  {
    name: 'tenantid',
    required: true,
@@ -95,131 +86,121 @@ const columns = [
    sortable: true
  },
  { name: 'name', align: 'center', label: 'Name', field: 'name', sortable: true },
-  { name: 'url', align: 'left',label: 'URL', field: 'url', sortable: true },
+  { name: 'url', align: 'left', label: 'URL', field: 'url', sortable: true },
  { name: 'user', label: 'Account', field: 'user' },
  { name: 'password', label: 'Password', field: 'password' }
-]
+];


-  const loading = ref(false)
-  const filter = ref('')
-  const rows = reactive([])
-  const show = ref(false);
-  const confirm = ref(false);
-  const selected = ref([])
-  const tenantid = ref('')
-  const name = ref('')
-  const url =ref('')
-  const isPwd =ref(true)
-  const kintoneuser =ref('')
-  const kintonepwd =ref('')
+const loading = ref(false);
+const filter = ref('');
+const rows = ref([]);
+const show = ref(false);
+const confirm = ref(false);
+const selected = ref([]);
+const tenantid = ref('');
+const name = ref('');
+const url = ref('');
+const isPwd = ref(true);
+const kintoneuser = ref('');
+const kintonepwd = ref('');

-  const $q = useQuasar()
-
-  let editId = ref(0);
-
-    const getDomain = () => {
-      loading.value = true;
-      api.get(`api/domains/testtenant`).then(res => {
-        rows.length = 0;
-        res.data.forEach((item) => {
-          rows.push({ id:item.id,tenantid: item.tenantid,name: item.name, url: item.url, user: item.kintoneuser, password: item.kintonepwd });
-        }
-        )
-  }).finally(()=>{ loading.value = false; });
+let editId = ref(0);

+const getDomain = async () => {
+  loading.value = true;
+  const result= await api.get(`api/domains/1`);
+  rows.value= result.data.map((item)=>{
+    return { id: item.id, tenantid: item.tenantid, name: item.name, url: item.url, user: item.kintoneuser, password: item.kintonepwd }
+  });
+  loading.value = false;
 }
-onMounted(() => {
-  getDomain();
+
+onMounted(async () => {
+   await getDomain();
 })

+// emulate fetching data from server
+const addRow = () => {
+  editId.value
+  show.value = true;
+}

+const removeRow = () => {
+  //loading.value = true
+  confirm.value = true;
+  let row = JSON.parse(JSON.stringify(selected.value[0]));
+  if (selected.value.length === 0) {
+    return;
+  }
+  editId.value = row.id;
+}

-      // emulate fetching data from server
-      const addRow = () => {
-        editId.value
-        show.value = true;
-      }
+const deleteDomain = () => {
+  api.delete(`api/domain/${editId.value}`).then(() => {
+    getDomain();
+  })
+  editId.value = 0;
+  selected.value = [];
+};

-      const removeRow = () => {
-        //loading.value = true
-        confirm.value = true;
-        let row = JSON.parse(JSON.stringify(selected.value[0]));
-        if(selected.value.length === 0)
-        {
-          return;
-        }
-        editId.value = row.id;
-      }
+const editRow = () => {
+  if (selected.value.length === 0) {
+    return;
+  }
+  let row = JSON.parse(JSON.stringify(selected.value[0]));
+  editId.value = row.id;
+  tenantid.value = row.tenantid;
+  name.value = row.name;
+  url.value = row.url;
+  kintoneuser.value = row.user;
+  kintonepwd.value = row.password;
+  isPwd.value = true;
+  show.value = true;
+};
+const closeDg = () => {
+  show.value = false;
+  onReset();
+}

-      const deleteDomain = () => {
-        api.delete(`api/domain/${editId.value}`).then(() =>{
-                  getDomain();
-                })
-        editId.value = 0;
-        selected.value=[];
-      };
-
-    const editRow = () => {
-        if(selected.value.length === 0)
-        {
-          return;
-        }
-        let row = JSON.parse(JSON.stringify(selected.value[0]));
-        editId.value = row.id;
-        tenantid.value = row.tenantid;
-        name.value = row.name;
-        url.value = row.url;
-        kintoneuser.value = row.user;
-        kintonepwd.value = row.password;
-        isPwd.value = true;
-        show.value = true;
-      };
-    const closeDg = () =>  {
-      show.value = false;
+const onSubmit = () => {
+  if (editId.value !== 0) {
+    api.put(`api/domain`, {
+      'id': editId.value,
+      'tenantid': tenantid.value,
+      'name': name.value,
+      'url': url.value,
+      'kintoneuser': kintoneuser.value,
+      'kintonepwd': kintonepwd.value
+    }).then(() => {
+      getDomain();
+      closeDg();
      onReset();
-    }
+    })
+  }
+  else {
+    api.post(`api/domain`, {
+      'id': 0,
+      'tenantid': tenantid.value,
+      'name': name.value,
+      'url': url.value,
+      'kintoneuser': kintoneuser.value,
+      'kintonepwd': kintonepwd.value
+    }).then(() => {
+      getDomain();
+      closeDg();
+      onReset();
+    })
+  }
+  selected.value = [];
+}

-    const onSubmit = () => {
-      if(editId.value !== 0)
-      {
-        api.put(`api/domain`,{
-                'id': editId.value,
-                'tenantid': tenantid.value,
-                'name': name.value,
-                'url': url.value,
-                'kintoneuser': kintoneuser.value,
-                'kintonepwd': kintonepwd.value
-              }).then(() =>{
-                getDomain();
-                closeDg();
-                onReset();
-              })
-      }
-      else
-      {
-        api.post(`api/domain`,{
-                'id': 0,
-                'tenantid': tenantid.value,
-                'name': name.value,
-                'url': url.value,
-                'kintoneuser': kintoneuser.value,
-                'kintonepwd': kintonepwd.value
-              }).then(() =>{
-                getDomain();
-                closeDg();
-                onReset();
-              })
-      }
-      selected.value=[];
-    }
-
-  const onReset = () => {
-      name.value = '';
-      url.value = '';
-      kintoneuser.value = '';
-      kintonepwd.value ='';
-      isPwd.value = true;
-      editId.value = 0;
-    }
+const onReset = () => {
+  name.value = '';
+  url.value = '';
+  kintoneuser.value = '';
+  kintonepwd.value = '';
+  isPwd.value = true;
+  editId.value = 0;
+}
 </script>
--- a/frontend/src/pages/UserDomain.vue
+++ b/frontend/src/pages/UserDomain.vue
@@ -179,6 +179,7 @@ import { useAuthStore } from 'stores/useAuthStore';

 const authStore = useAuthStore();
 import { api } from 'boot/axios';
+import { domain } from 'process';

 const $q = useQuasar()

@@ -193,21 +194,14 @@ let activedomainid = ref(0);

 const columns = [
 { name: 'id'},
-  {
-    name: 'name',
-    required: true,
-    label: 'Name',
-    align: 'left',
-    field: row => row.name,
-    sortable: true
-  },
+  {name: 'name',required: true,label: 'Name',align: 'left',field: 'name',sortable: true},
  { name: 'url', align: 'center', label: 'Domain', field: 'url', sortable: true },
  { name: 'kintoneuser', label: 'User', field: 'kintoneuser', sortable: true },
  { name: 'kintonepwd' },
  { name: 'active', field: 'active'}
 ]

-const rows = reactive([])
+const rows = ref([] as any[]);

 const isActive = (id:number) =>{
  if(id == activedomainid.value)
@@ -252,21 +246,17 @@ const closeDg = (val:string) => {
  }

 };
-const getDomain = () => {
-  api.get(`api/activedomain`).then(res => {
-    activedomainid.value = res.data.id;
-    authStore.changedomain(res.data.name);
-  });
-  api.get(`api/domain`).then(res => {
-    rows.length = 0;
-    res.data.forEach((item) => {
-      rows.push({ id:item.id,name: item.name, url: item.url, kintoneuser: item.kintoneuser, kintonepwd: item.kintonepwd});
-    }
-    )
-  });
+const getDomain = async () => {
+   const  resp = await api.get(`api/activedomain`);
+   activedomainid.value = resp.data.id;
+   const domainResult = await api.get(`api/domain`);
+   const domains = domainResult.data as any[];
+   rows.value=domains.map((item)=>{
+      return { id:item.id,name: item.name, url: item.url, kintoneuser: item.kintoneuser, kintonepwd: item.kintonepwd}
+    });
 }
-onMounted(() => {
-  getDomain();
+onMounted(async () => {
+  await getDomain();
 })

 const isDomain = (val) =>{