Template - communication

Added data

src/components/communication/templateDetail.vue

@@ -53,7 +53,7 @@
               step="any"
               name="levy"
               v-model="item.name"
-              :disabled="!editable"
+              :disabled="!CanEdit"
             />
           </div>
         </div>
@@ -74,7 +74,7 @@
               step="any"
               name="levy"
               v-model="item.subject"
-              :disabled="!editable"
+              :disabled="!CanEdit"
             />
           </div>
         </div>
@@ -130,7 +130,7 @@
                     step="any"
                     name="levy"
                     v-model="item.body"
-                    :disabled="!editable"
+                    :disabled="!CanEdit"
                   />
                 </div>
               </div>
@@ -157,7 +157,7 @@
               <div
                 class="btn btn-primary myBackground"
                 @click="addClose()"
-                v-if="editable"
+                v-if="CanEdit"
               >{{btnCaption}}</div>
             </div>
           </div>
@@ -173,7 +173,7 @@
             :items="item.placeHolders"
             :hideSearch="true"
             :showNew="false"
-            :deleteable="editable"
+            :deleteable="CanEdit"
             @onDelete="onItemDelete"
           />
         </div>
@@ -190,6 +190,7 @@ export default {
   data() {
     return {
       showNew: false,
+      openFields: false,
     };
   },
   components: {
@@ -203,6 +204,9 @@ export default {
     },
   },
   computed: {
+    CanEdit() {
+      return this.editable || this.item.id === 0 || this.openFields;
+    },
     btnCaption() {
       return this.showNew ? 'Close' : 'New';
     },
@@ -235,7 +239,7 @@ export default {
       );
     },
     onEdit() {
-      this.editable = true;
+      this.openFields = true;
     },
     onItemAdd(item) {
       const myList = this.item.placeHolders ? this.item.placeHolders : [];