|  | @ -53,7 +53,11 @@ | 
			
		
	
		
		
			
				
					|  |  |                         </vue-multiselect> |  |  |                         </vue-multiselect> | 
			
		
	
		
		
			
				
					|  |  |                         <div v-if="newDraftTag.select?.name == null" class="d-flex mb-2"> |  |  |                         <div v-if="newDraftTag.select?.name == null" class="d-flex mb-2"> | 
			
		
	
		
		
			
				
					|  |  |                             <div class="w-50 pe-2"> |  |  |                             <div class="w-50 pe-2"> | 
			
		
	
		
		
			
				
					
					|  |  |                                 <input v-model="newDraftTag.name" class="form-control" :class="{'is-invalid': validateDraftTag.nameInvalid}" :placeholder="$t('name')" /> |  |  |                                 <input v-model="newDraftTag.name" class="form-control" | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  |  |  |  |                                        :class="{'is-invalid': validateDraftTag.nameInvalid}" | 
			
		
	
		
		
			
				
					|  |  |  |  |  |                                        :placeholder="$t('name')" | 
			
		
	
		
		
			
				
					|  |  |  |  |  |                                        @keydown.enter.prevent="onEnter" | 
			
		
	
		
		
			
				
					|  |  |  |  |  |                                 /> | 
			
		
	
		
		
			
				
					|  |  |                                 <div class="invalid-feedback"> |  |  |                                 <div class="invalid-feedback"> | 
			
		
	
		
		
			
				
					|  |  |                                     {{ $t("Tag with this name already exist.") }} |  |  |                                     {{ $t("Tag with this name already exist.") }} | 
			
		
	
		
		
			
				
					|  |  |                                 </div> |  |  |                                 </div> | 
			
		
	
	
		
		
			
				
					|  | @ -90,7 +94,11 @@ | 
			
		
	
		
		
			
				
					|  |  |                             </div> |  |  |                             </div> | 
			
		
	
		
		
			
				
					|  |  |                         </div> |  |  |                         </div> | 
			
		
	
		
		
			
				
					|  |  |                         <div class="mb-2"> |  |  |                         <div class="mb-2"> | 
			
		
	
		
		
			
				
					
					|  |  |                             <input v-model="newDraftTag.value" class="form-control" :class="{'is-invalid': validateDraftTag.valueInvalid}" :placeholder="$t('value (optional)')" /> |  |  |                             <input v-model="newDraftTag.value" class="form-control" | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  |  |  |  |                                    :class="{'is-invalid': validateDraftTag.valueInvalid}" | 
			
		
	
		
		
			
				
					|  |  |  |  |  |                                    :placeholder="$t('value (optional)')" | 
			
		
	
		
		
			
				
					|  |  |  |  |  |                                    @keydown.enter.prevent="onEnter" | 
			
		
	
		
		
			
				
					|  |  |  |  |  |                             /> | 
			
		
	
		
		
			
				
					|  |  |                             <div class="invalid-feedback"> |  |  |                             <div class="invalid-feedback"> | 
			
		
	
		
		
			
				
					|  |  |                                 {{ $t("Tag with this value already exist.") }} |  |  |                                 {{ $t("Tag with this value already exist.") }} | 
			
		
	
		
		
			
				
					|  |  |                             </div> |  |  |                             </div> | 
			
		
	
	
		
		
			
				
					|  | @ -308,6 +316,11 @@ export default { | 
			
		
	
		
		
			
				
					|  |  |                 this.$root.getSocket().emit("deleteMonitorTag", tagId, monitorId, value, resolve); |  |  |                 this.$root.getSocket().emit("deleteMonitorTag", tagId, monitorId, value, resolve); | 
			
		
	
		
		
			
				
					|  |  |             }); |  |  |             }); | 
			
		
	
		
		
			
				
					|  |  |         }, |  |  |         }, | 
			
		
	
		
		
			
				
					|  |  |  |  |  |         onEnter() { | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             if (!this.validateDraftTag.invalid) { | 
			
		
	
		
		
			
				
					|  |  |  |  |  |                 this.addDraftTag(); | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             } | 
			
		
	
		
		
			
				
					|  |  |  |  |  |         }, | 
			
		
	
		
		
			
				
					|  |  |         async submit(monitorId) { |  |  |         async submit(monitorId) { | 
			
		
	
		
		
			
				
					|  |  |             console.log(`Submitting tag changes for monitor ${monitorId}...`); |  |  |             console.log(`Submitting tag changes for monitor ${monitorId}...`); | 
			
		
	
		
		
			
				
					|  |  |             this.processing = true; |  |  |             this.processing = true; | 
			
		
	
	
		
		
			
				
					|  | 
 |