条件エディタ実装

frontend/src/components/right/ConditionInput.vue

@@ -12,7 +12,7 @@
       </q-card>
     </template>
   </q-field>
-  <condition-editor v-model:show="show" v-model:conditionTree="tree"></condition-editor>
+  <condition-editor v-model:show="show" v-model:conditionTree="tree" @closed="onClosed"></condition-editor>
 </template>
 
   <script lang="ts">
@@ -54,7 +54,7 @@
       if(props.modelValue && props.modelValue!==''){
         tree.fromJson(props.modelValue);
       }else{
-        const newNode = new ConditionNode(LogicalOperator.AND,{},Operator.Equal,'',tree.root);
+        const newNode = new ConditionNode({},Operator.Equal,'',tree.root);
         tree.addNode(tree.root,newNode);
       }
 
@@ -68,7 +68,7 @@
         show.value = true;
       };
 
-      const closeDg = (val:string) => {
+      const onClosed = (val:string) => {
         if (val == 'OK') {
           const conditionJson = tree.toJson();
           isSetted.value=true;
@@ -86,7 +86,7 @@
         isSetted,
         show,
         showDg,
-        closeDg,
+        onClosed,
         tree,
         conditionString
       };

frontend/src/components/right/PropertyPanel.vue

@@ -13,7 +13,7 @@
        >
         <q-card class="column full-height" style="width: 300px">
          <q-card-section>
-           <div class="text-h6">プロパティ</div>
+           <div class="text-h6">{{ actionNode.subTitle }}：設定</div>
          </q-card-section>
          <q-card-section class="col q-pt-none">
            <property-list :node-props="actionProps" v-if="showPanel" ></property-list>