Merge pull request #1313 from solliancenet/sc-fix-ui-lint-errors

solliancenet · Aug 1, 2024 · 03b6492 · 03b6492
2 parents ee6d439 + 496220d
commit 03b6492
Show file tree

Hide file tree

Showing 40 changed files with 3,174 additions and 2,912 deletions.
diff --git a/src/ui/ManagementPortal/app.vue b/src/ui/ManagementPortal/app.vue
@@ -45,7 +45,7 @@ export default {
 		style: {
 			immediate: true,
 			handler() {
-				for (let cssVar in this.style) {
+				for (const cssVar in this.style) {
 					document.documentElement.style.setProperty(cssVar, this.style[cssVar]);
 				}
 			},

diff --git a/src/ui/ManagementPortal/components/AccessControl.vue b/src/ui/ManagementPortal/components/AccessControl.vue
@@ -1,101 +1,101 @@
-<template>
-	<!-- Trigger button -->
-	<div style="display: flex; align-items: center">
-		<Button @click="dialogOpen = true">
-			<i class="pi pi-lock" style="color: var(--text-primary); margin-right: 8px;"></i>
-			Access Control
-		</Button>
-	</div>
-
-	<!-- RBAC dialog -->
-	<Dialog
-		v-model:visible="dialogOpen"
-		modal
-		:header="currentStep === STEPS.CREATE_STEP ? 'Create Role Assignment' : 'Access Control'"
-		:style="{ minWidth: '70%' }"
-		@hide="handleClose"
-	>
-		<!-- Table step -->
-		<template v-if="currentStep === STEPS.TABLE_STEP">
-			<RoleAssignmentsTable :scope="scope" />
-		</template>
-
-		<!-- Create step -->
-		<template v-if="currentStep === STEPS.CREATE_STEP">
-			<CreateRoleAssignment ref="createForm" headless :scope="scope" />
-		</template>
-
-		<template #footer>
-			<!-- Table step buttons -->
-			<template v-if="currentStep === STEPS.TABLE_STEP">
-				<Button label="Close" text @click="handleClose" />
-
-				<Button v-if="currentStep === STEPS.TABLE_STEP" @click="currentStep = STEPS.CREATE_STEP">
-					<i class="pi pi-plus" style="color: var(--text-primary); margin-right: 8px"></i>
-					Add role assignment for this resource
-				</Button>
-			</template>
-
-			<!-- Create step buttons -->
-			<template v-else-if="currentStep === STEPS.CREATE_STEP">
-				<Button label="Back" text @click="currentStep = STEPS.TABLE_STEP" />
-
-				<Button @click="handleCreateRoleAssignment">
-					<i class="pi pi-plus" style="color: var(--text-primary); margin-right: 8px"></i>
-					Create role assignment
-				</Button>
-			</template>
-		</template>
-
-	</Dialog>
-</template>
-
-<script lang="ts">
-import CreateRoleAssignment from '@/pages/security/role-assignments/create.vue';
-
-const STEPS = {
-	TABLE_STEP: 1,
-	CREATE_STEP: 2,
-};
-
-export default {
-	components: {
-		CreateRoleAssignment,
-	},
-
-	props: {
-		scope: {
-			type: String,
-			required: false,
-		},
-	},
-
-	data() {
-		return {
-			STEPS,
-			dialogOpen: false,
-			currentStep: STEPS.TABLE_STEP,
-		};
-	},
-
-	methods: {
-		handleClose() {
-			this.dialogOpen = false;
-			this.currentStep = STEPS.TABLE_STEP;
-		},
-
-		async handleCreateRoleAssignment() {
-			try {
-				await this.$refs.createForm.createRoleAssignment();
-				this.currentStep = STEPS.TABLE_STEP;
-			} catch(error) {
-				this.$toast.add({
-					severity: 'error',
-					detail: error,
-					life: 5000,
-				});
-			}
-		},
-	},
-};
-</script>
+<template>
+	<!-- Trigger button -->
+	<div style="display: flex; align-items: center">
+		<Button @click="dialogOpen = true">
+			<i class="pi pi-lock" style="color: var(--text-primary); margin-right: 8px"></i>
+			Access Control
+		</Button>
+	</div>
+
+	<!-- RBAC dialog -->
+	<Dialog
+		v-model:visible="dialogOpen"
+		modal
+		:header="currentStep === STEPS.CREATE_STEP ? 'Create Role Assignment' : 'Access Control'"
+		:style="{ minWidth: '70%' }"
+		@hide="handleClose"
+	>
+		<!-- Table step -->
+		<template v-if="currentStep === STEPS.TABLE_STEP">
+			<RoleAssignmentsTable :scope="scope" />
+		</template>
+
+		<!-- Create step -->
+		<template v-if="currentStep === STEPS.CREATE_STEP">
+			<CreateRoleAssignment ref="createForm" headless :scope="scope" />
+		</template>
+
+		<template #footer>
+			<!-- Table step buttons -->
+			<template v-if="currentStep === STEPS.TABLE_STEP">
+				<Button label="Close" text @click="handleClose" />
+
+				<Button v-if="currentStep === STEPS.TABLE_STEP" @click="currentStep = STEPS.CREATE_STEP">
+					<i class="pi pi-plus" style="color: var(--text-primary); margin-right: 8px"></i>
+					Add role assignment for this resource
+				</Button>
+			</template>
+
+			<!-- Create step buttons -->
+			<template v-else-if="currentStep === STEPS.CREATE_STEP">
+				<Button label="Back" text @click="currentStep = STEPS.TABLE_STEP" />
+
+				<Button @click="handleCreateRoleAssignment">
+					<i class="pi pi-plus" style="color: var(--text-primary); margin-right: 8px"></i>
+					Create role assignment
+				</Button>
+			</template>
+		</template>
+	</Dialog>
+</template>
+
+<script lang="ts">
+import CreateRoleAssignment from '@/pages/security/role-assignments/create.vue';
+
+const STEPS = {
+	TABLE_STEP: 1,
+	CREATE_STEP: 2,
+};
+
+export default {
+	components: {
+		CreateRoleAssignment,
+	},
+
+	props: {
+		scope: {
+			type: String,
+			required: false,
+			default: null,
+		},
+	},
+
+	data() {
+		return {
+			STEPS,
+			dialogOpen: false,
+			currentStep: STEPS.TABLE_STEP,
+		};
+	},
+
+	methods: {
+		handleClose() {
+			this.dialogOpen = false;
+			this.currentStep = STEPS.TABLE_STEP;
+		},
+
+		async handleCreateRoleAssignment() {
+			try {
+				await this.$refs.createForm.createRoleAssignment();
+				this.currentStep = STEPS.TABLE_STEP;
+			} catch (error) {
+				this.$toast.add({
+					severity: 'error',
+					detail: error,
+					life: 5000,
+				});
+			}
+		},
+	},
+};
+</script>