feat:ボタンをスペースに配置

frontend/.env

@@ -1,3 +1,3 @@
-KAB_BACKEND_URL="https://kab-backend.azurewebsites.net/"
-#KAB_BACKEND_URL="http://127.0.0.1:8000/"
+#KAB_BACKEND_URL="https://kab-backend.azurewebsites.net/"
+KAB_BACKEND_URL="http://127.0.0.1:8000/"
 

frontend/src/components/FieldSelect.vue

@@ -11,6 +11,7 @@
 import { ref, onMounted, reactive, watchEffect } from 'vue'
 import { api } from 'boot/axios';
 
+
 export default {
   name: 'fieldSelect',
   props: {
@@ -28,8 +29,9 @@ export default {
       type:Array,
       default:()=>[]
     },
-    updateSelects: {
-      type: Function
+    fieldTypes:{
+      type:Array,
+      default:()=>[]
     },
     filter: String,
   },
@@ -43,29 +45,26 @@ export default {
     const pageSetting = ref({
       sortBy: 'desc',
       descending: false,
-      page: 2,
+      page: 1,
       rowsPerPage: props.not_page ? 0 : 5
       // rowsNumber: xx if getting data from a server
     });
     const rows = reactive([]);
     const selected = ref(props.selectedFields && props.selectedFields.length>0?props.selectedFields:[]);
 
-    watchEffect(() => {
-        props.updateSelects(selected);
-    });
-
     onMounted(async () => {
-      const res = await api.get('api/v1/appfields', {
+      const url = props.fieldTypes.includes('SPACER')?'api/v1/allfields':'api/v1/appfields';
+      const res = await api.get(url, {
         params: {
           app: props.appId
         }
       });
       let fields = res.data.properties;
-      console.log(fields);
       Object.keys(fields).forEach((key) => {
         const fld = fields[key];
-        // rows.push({name:fields[key].label,code:fields[key].code,type:fields[key].type});
-        rows.push({ name: fld.label, ...fld });
+        if(props.fieldTypes.length===0 || props.fieldTypes.includes(fld.type)){
+          rows.push({ name: fld.code, ...fld });
+        }
       });
       isLoaded.value = true;
     });

frontend/src/components/right/AppFieldSelect.vue

@@ -81,7 +81,7 @@
                     </div>
                 </div>
                 <div class="row">
-                    <field-select ref="fieldDlg" name="フィールド" :type="selectType" :updateSelects="updateItems"
+                    <field-select ref="fieldDlg" name="フィールド" :type="selectType"
                         :appId="selectedField.app?.id" not_page :filter="fieldFilter" :selectedFields="selectedField.fields"></field-select>
                 </div>
             </div>
@@ -99,9 +99,7 @@
                 </template>
             </q-input>
         </template>
-
-        <AppSelect ref="appDlg" name="アプリ" type="single" :filter="filter"
-            :updateExternalSelectAppInfo="updateExternalSelectAppInfo"></AppSelect>
+        <AppSelect ref="appDlg" name="アプリ" type="single" :filter="filter" :fieldTypes="fieldTypes"></AppSelect>
     </show-dialog>
 </template>
 
@@ -154,6 +152,10 @@ export default defineComponent({
         selectType:{
             type:String,
             default:'single'
+        },
+        fieldTypes:{
+            type:Array,
+            default:()=>[]
         }
     },
     setup(props, { emit }) {
@@ -197,13 +199,6 @@ export default defineComponent({
                 selectedField.value.fields = fieldDlg.value.selected;
             }
         };
-        const updateExternalSelectAppInfo = (newAppinfo:IApp) => {
-          // selectedField.value.app = newAppinfo
-        }
-
-        const updateItems = (newFields:IField[]) => {
-          // selectedField.value.fields = newFields
-        }
 
         const removeField=(index:number)=>{
           selectedField.value.fields.splice(index,1);
@@ -223,9 +218,7 @@ export default defineComponent({
             selectedField,
             showSelectApp,
             isSelected,
-            updateExternalSelectAppInfo,
             filter: ref(),
-            updateItems,
             clear,
             fieldFilter: ref(),
             removeField

frontend/src/components/right/FieldInput.vue

@@ -7,9 +7,6 @@
           {{ selectedField.name }}
         </q-chip>
       </template>
-      <!-- <template v-slot:hint v-if="isSelected">
-        <div> 項目コード：<q-chip  size="sm" outline color="secondary" text-color="white">{{selectedField.code}}</q-chip></div>
-      </template> -->
       <template v-slot:hint v-if="!isSelected">
         {{ placeholder }}
       </template>
@@ -19,7 +16,7 @@
       </template>
     </q-field>
     <show-dialog v-model:visible="show" name="フィールド一覧" @close="closeDg" widht="400px">
-      <field-select ref="appDg" name="フィールド" type="single" :appId="store.appInfo?.appId"></field-select>
+      <field-select ref="appDg" name="フィールド" :type="selectType" :appId="store.appInfo?.appId" :fieldTypes="fieldTypes"></field-select>
     </show-dialog>
   </div>
 </template>
@@ -54,6 +51,14 @@ export default defineComponent({
       type: String,
       default: '',
     },
+    selectType:{
+        type:String,
+        default:'single'
+    },
+    fieldTypes:{
+      type:Array,
+      default:()=>[]
+    },
     hint: {
       type: String,
       default: '',

frontend/src/components/right/InputText.vue

@@ -36,6 +36,10 @@ export default defineComponent({
       type: String,
       default: '',
     },
+    fieldTypes:{
+      type:Array,
+      default:()=>[]
+    },
     hint: {
       type: String,
       default: '',