feat(spa): add constraints to soon-disabled module types

This commit is contained in:
DumiFlex
2026-04-26 22:47:09 +03:00
parent 8a1b820ab3
commit 9d8a5ab00e
4 changed files with 11 additions and 7 deletions
BIN
View File
Binary file not shown.
+8 -5
View File
@@ -2,7 +2,7 @@
import { computed } from "vue";
import type { ModuleType } from "../api/types";
const props = defineProps<{ type: ModuleType | "combine" | "derive" }>();
const props = defineProps<{ type: ModuleType | "constraint" | "combine" | "derive" }>();
const meta = computed(() => {
switch (props.type) {
@@ -10,6 +10,8 @@ const meta = computed(() => {
return { icon: "pi pi-th-large", label: "Wildcard", cls: "type-pill--wildcard" };
case "fixed_values":
return { icon: "pi pi-tag", label: "Fixed values", cls: "type-pill--fixed" };
case "constraint":
return { icon: "pi pi-filter", label: "Constraint", cls: "type-pill--constraint" };
case "combine":
return { icon: "pi pi-link", label: "Combine", cls: "type-pill--combine" };
case "derive":
@@ -38,8 +40,9 @@ const meta = computed(() => {
border-radius: 9px;
letter-spacing: 0.3px;
}
.type-pill--wildcard { color: var(--wp-violet); background: var(--wp-violet-bg); }
.type-pill--fixed { color: var(--wp-rose); background: var(--wp-rose-bg); }
.type-pill--combine { color: var(--wp-teal); background: var(--wp-teal-bg); }
.type-pill--derive { color: var(--wp-green); background: var(--wp-green-bg); }
.type-pill--wildcard { color: var(--wp-violet); background: var(--wp-violet-bg); }
.type-pill--fixed { color: var(--wp-rose); background: var(--wp-rose-bg); }
.type-pill--constraint { color: var(--wp-amber); background: var(--wp-amber-bg); }
.type-pill--combine { color: var(--wp-teal); background: var(--wp-teal-bg); }
.type-pill--derive { color: var(--wp-green); background: var(--wp-green-bg); }
</style>
+1
View File
@@ -20,6 +20,7 @@ const sections: Section[] = [
items: [
{ label: "Wildcards", icon: "pi pi-th-large", to: "/wildcards" },
{ label: "Fixed Values", icon: "pi pi-tag", to: "/fixed-values" },
{ label: "Constraints", icon: "pi pi-filter", soon: true },
{ label: "Combines", icon: "pi pi-link", soon: true },
{ label: "Derivations", icon: "pi pi-code", soon: true },
],
+2 -2
View File
@@ -7,8 +7,8 @@
<link rel="icon" type="image/svg+xml" href="/wp/images/favicon.svg" />
<link rel="apple-touch-icon" href="/wp/images/apple-touch-icon.png" />
<link rel="manifest" href="/wp/images/site.webmanifest" />
<script type="module" crossorigin src="/wp/assets/manager-BZjxC98I.js"></script>
<link rel="stylesheet" crossorigin href="/wp/assets/manager-DzNhfNc6.css">
<script type="module" crossorigin src="/wp/assets/manager-CwSo2aOA.js"></script>
<link rel="stylesheet" crossorigin href="/wp/assets/manager-DlK5wnm0.css">
</head>
<body>
<div id="app"></div>