Bugfix - nearbeach-1346 Read only user can edit tags - not able to save

src/js/components/search/SearchTags.vue

@@ -169,6 +169,11 @@ export default {
 			type: "updateUrl",
 			rootUrl: this.rootUrl,
 		});
+
+		this.$store.commit({
+			type: "updateUserLevel",
+			userLevel: this.userLevel,
+		});
 	},
 };
 </script>

src/js/components/tags/EditTagModal.vue

@@ -46,6 +46,7 @@
                             </label>
 							<input
 								class="form-control"
+								v-bind:disabled="userLevel <= 1"
 								v-model="tagNameModel"
 							/>
 						</div>
@@ -63,6 +64,7 @@
 							<div class="form-group">
 								<label>Background Colour</label>
 								<n-color-picker :show-alpha="false"
+												v-bind:disabled="userLevel <= 1"
 												v-model:value="tagColourModel"
 												:modes="['hex']"
 								></n-color-picker>
@@ -72,6 +74,7 @@
 								<label>Text Colour</label>
 
 								<n-color-picker v-model:value="tagTextColourModel"
+												v-bind:disabled="userLevel <= 1"
 												:show-alpha="false"
 												:modes="['hex']"
 								/>
@@ -93,7 +96,7 @@
 						type="button"
 						class="btn btn-danger delete-tag"
 						v-on:click="deleteTag"
-						v-if="tagId !== 0"
+						v-if="tagId !== 0 && userLevel > 1"
 					>
 						Delete Tag
 					</button>
@@ -110,6 +113,7 @@
 						class="btn btn-primary"
 						v-bind:disabled="!canSave"
 						v-on:click="saveTag"
+						v-if="userLevel > 1"
 					>
 						Save Tag
 					</button>
@@ -177,6 +181,7 @@ export default {
 	computed: {
 		...mapGetters({
 			rootUrl: "getRootUrl",
+			userLevel: "getUserLevel",
 		}),
 		canSave() {
 			//Return false if user has written a duplicate tag name