@@ -105,7 +109,12 @@ const maxSelectedAmount = computed(() =>
);
const toggle = () => {
- if (isEnabled.value && !obj.isSelectableMultiple) {
+ if (
+ isEnabled.value &&
+ !obj.isSelectableMultiple &&
+ !obj.isNotSelectable &&
+ !row.isInfoRow
+ ) {
if (obj.activateOtherChoice) {
R.split(',', obj.activateThisChoice).forEach((id) => {
store.setSelected(id, !isSelected.value);
@@ -156,6 +165,11 @@ const decrement = () => {
background-color: gray;
}
+ &.notSelectable {
+ border: none;
+ border-radius: none;
+ }
+
.obj-image {
width: 100%;
aspect-ratio: 5/3;
diff --git a/components/viewer/ViewProjectRow.vue b/components/viewer/ViewProjectRow.vue
index f152870..b301946 100644
--- a/components/viewer/ViewProjectRow.vue
+++ b/components/viewer/ViewProjectRow.vue
@@ -61,6 +61,7 @@ const isVisible = computed(() => condition(selectedIds.value));
.row-text {
padding: 5px;
+ text-align: center;
}
}
}
diff --git a/composables/project.ts b/composables/project.ts
index bc83bee..d6a0d00 100644
--- a/composables/project.ts
+++ b/composables/project.ts
@@ -47,6 +47,7 @@ export type ProjectObj = HasId &
activateThisChoice: string;
isSelectableMultiple: boolean;
+ isNotSelectable: boolean;
numMultipleTimesMinus: string;
numMultipleTimesPluss: string;
};
@@ -62,6 +63,7 @@ export type ProjectRow = HasId &
resultGroupId: string;
allowedChoices: number;
+ isInfoRow: boolean;
objects: ProjectObj[];
};