Template - communication

Added data

src/components/communication/templateDetail.vue

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