added template not usable

web/src/components/BindingEntry.vue

@@ -2,6 +2,8 @@
   <div class=" items-start p-4 hover:bg-primary-light rounded-lg mb-2 shadow-lg border-2 cursor-pointer"
     @click.stop="toggleSelected" :class="selected ? ' border-primary-light' : 'border-transparent'">
 
+    <div :class="isTemplate ? 'opacity-50' : ''">
+
 
       <div class="flex flex-row items-center  flex-shrink-0 gap-3">
         <img :src="getImgUrl()" @error="defaultImg($event)" class="w-10 h-10 rounded-full object-fill text-red-700">
@@ -45,7 +47,7 @@
 
 
       </div>
-
+    </div>
   </div>
 </template>
 
@@ -59,11 +61,12 @@ export default {
   props: {
     binding: {},
     onSelected: Function,
-    selected: Boolean
+    selected: Boolean,
+    
   },
   data() {
     return {
-
+      isTemplate: false
     };
   },
   mounted() {
@@ -72,6 +75,10 @@ export default {
 
 
     })
+
+    this.getStatus()
+
+
   },
   methods: {
     getImgUrl() {
@@ -83,7 +90,15 @@ export default {
     toggleSelected() {
       this.onSelected(this)
     },
+    getStatus() {
+      if (this.binding.folder === 'backend_template' || this.binding.folder === 'binding_template') {
+        this.isTemplate = true
+
 
       }
+    }
+
+  },
+
 };
 </script>

web/src/views/SettingsView.vue

@@ -771,6 +771,12 @@ export default {
             socket.emit('uninstall_model', { path: model_object.path });
         },
         onSelectedBinding(binding_object) {
+
+            if(binding_object.binding.folder ==='backend_template' || binding_object.binding.folder==='binding_template'){
+                this.$refs.toast.showToast("Cannot select template", 4, false)
+                    
+                return
+            }
             this.update_binding(binding_object.binding.folder)
             //console.log('lol',binding_object)
         },