diff --git a/package-lock.json b/package-lock.json
index ff3a68a..bfe17ec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
"pinia": "^2.0.28",
"sass": "^1.57.1",
"vue": "^3.2.45",
+ "vue-material-design-icons": "^5.1.2",
"vue-router": "^4.1.6"
},
"devDependencies": {
@@ -2007,6 +2008,11 @@
"@vue/shared": "3.2.45"
}
},
+ "node_modules/vue-material-design-icons": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/vue-material-design-icons/-/vue-material-design-icons-5.1.2.tgz",
+ "integrity": "sha512-nD1qFM2qAkMlVoe23EfNKIeMfYl6YjHZjSty9q0mwc2gXmPmvEhixywJQhM+VF5KVBI1zAkVTNLoUEERPY10pA=="
+ },
"node_modules/vue-router": {
"version": "4.1.6",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
@@ -3300,6 +3306,11 @@
"@vue/shared": "3.2.45"
}
},
+ "vue-material-design-icons": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/vue-material-design-icons/-/vue-material-design-icons-5.1.2.tgz",
+ "integrity": "sha512-nD1qFM2qAkMlVoe23EfNKIeMfYl6YjHZjSty9q0mwc2gXmPmvEhixywJQhM+VF5KVBI1zAkVTNLoUEERPY10pA=="
+ },
"vue-router": {
"version": "4.1.6",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
diff --git a/package.json b/package.json
index b874a06..a1a03c9 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
"pinia": "^2.0.28",
"sass": "^1.57.1",
"vue": "^3.2.45",
+ "vue-material-design-icons": "^5.1.2",
"vue-router": "^4.1.6"
},
"devDependencies": {
diff --git a/src/components/Dropdown.vue b/src/components/Dropdown.vue
deleted file mode 100644
index 3016a37..0000000
--- a/src/components/Dropdown.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/DropdownButton.vue b/src/components/DropdownButton.vue
deleted file mode 100644
index 7306dd0..0000000
--- a/src/components/DropdownButton.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/ImageBox.vue b/src/components/ImageBox.vue
index 0a7c730..bd3286a 100644
--- a/src/components/ImageBox.vue
+++ b/src/components/ImageBox.vue
@@ -3,7 +3,7 @@
-
+
{{ title }}
{{ subtitle }}
diff --git a/src/components/PageHead.vue b/src/components/PageHead.vue
index 3de9262..a385efe 100644
--- a/src/components/PageHead.vue
+++ b/src/components/PageHead.vue
@@ -1,19 +1,16 @@
diff --git a/src/components/header/Header.vue b/src/components/header/Header.vue
index f7a527a..a32e61e 100644
--- a/src/components/header/Header.vue
+++ b/src/components/header/Header.vue
@@ -9,7 +9,7 @@
Open menu
@@ -20,7 +20,7 @@
Buildings
@@ -91,7 +91,7 @@
Close menu
diff --git a/src/components/header/UserPill.vue b/src/components/header/UserPill.vue
index 95ba397..4ddb3db 100644
--- a/src/components/header/UserPill.vue
+++ b/src/components/header/UserPill.vue
@@ -1,22 +1,26 @@
-
-
-
+
+
+
+ {{ user.name }}
+
+
+
+
diff --git a/src/components/item/StoredItemCard.vue b/src/components/item/StoredItemCard.vue
index 2da7313..3161aae 100644
--- a/src/components/item/StoredItemCard.vue
+++ b/src/components/item/StoredItemCard.vue
@@ -4,7 +4,7 @@
-
-
+
+
{{
storedItem.item.displayName
}}
· Added
+ >· Added
{{
dateToLocaleString(storedItem.acquiredAt || storedItem.createdAt)
}}
@@ -96,13 +96,13 @@ const props = defineProps<{
const imageClasses = computed(() => {
if (props.size === 'sm') return 'h-8 w-8';
if (props.size === 'md') return 'h-12 w-12';
- return 'h-16 w-16';
+ return 'sm:h-16 sm:w-16 h-8 w-8';
});
const iconClasses = computed(() => {
if (props.size === 'sm') return 'h-4 w-4';
if (props.size === 'md') return 'h-8 w-8';
- return 'h-12 w-12';
+ return 'sm:h-12 sm:w-12 h-4 w-4';
});
const fontSize = computed(() => {
diff --git a/src/components/menu/Menu.vue b/src/components/menu/Menu.vue
new file mode 100644
index 0000000..f09aed2
--- /dev/null
+++ b/src/components/menu/Menu.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
diff --git a/src/components/menu/MenuOption.vue b/src/components/menu/MenuOption.vue
new file mode 100644
index 0000000..d1f0b78
--- /dev/null
+++ b/src/components/menu/MenuOption.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
diff --git a/src/router/index.ts b/src/router/index.ts
index 5904af1..979d0dc 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,11 +1,11 @@
-import { NavigationGuardWithThis, RouteRecordRaw } from 'vue-router';
+import { createWebHistory, RouteRecordRaw } from 'vue-router';
import Dashboard from '../views/Dashboard.vue';
import Login from '../views/Login.vue';
import HousePlanner from '../views/HousePlanner.vue';
import BuildingViewBase from '../views/building/BuildingViewBase.vue';
import BuildingView from '../views/building/BuildingView.vue';
import FloorView from '../views/building/floors/FloorView.vue';
-import { createRouter, createWebHashHistory } from 'vue-router';
+import { createRouter } from 'vue-router';
import { useUserStore } from '../store/user.store';
import Demo from '../views/Demo.vue';
@@ -73,7 +73,7 @@ const routes: RouteRecordRaw[] = [
];
const router = createRouter({
- history: createWebHashHistory(),
+ history: createWebHistory(),
routes,
});
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 45d57e8..4f4f13d 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -1,6 +1,6 @@
- Dashboard
+ Dashboard
Hello, {{ user.name }}
@@ -20,9 +20,9 @@
-
Buildings
+
+ Buildings
+
-
-
- Edit floor plans
-
+
+
+
{{ building?.displayName }}
+ {{
+ building?.address
+ }}
+
-
-
-
{{ building?.displayName }}
- {{
- building?.address
- }}
-
-
+
@@ -38,6 +38,7 @@
diff --git a/src/views/building/floors/ItemSelector.vue b/src/views/building/floors/ItemSelector.vue
deleted file mode 100644
index faa6218..0000000
--- a/src/views/building/floors/ItemSelector.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
·
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/views/building/floors/StorageSelector.vue b/src/views/building/floors/StorageSelector.vue
new file mode 100644
index 0000000..ff23629
--- /dev/null
+++ b/src/views/building/floors/StorageSelector.vue
@@ -0,0 +1,169 @@
+
+
+
+
+
+ Select Room
+
+
+
+
+
+
+
+
+
+
+
+ Select Storage / Set
+
+
+
+
+
+
·
+
+
+
+
+
+
+
+
+
+
+
+
+ Select Storage
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/building/floors/storage/StorageView.vue b/src/views/building/floors/storage/StorageView.vue
new file mode 100644
index 0000000..4f4b472
--- /dev/null
+++ b/src/views/building/floors/storage/StorageView.vue
@@ -0,0 +1,80 @@
+
+
+
+ {{ storage.displayName }}
+
+
+
+
+
No items in storage.
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index bbc0c9d..caa5807 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -2,7 +2,11 @@
module.exports = {
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
theme: {
- extend: {},
+ extend: {
+ borderWidth: {
+ 1: '1px',
+ },
+ },
},
plugins: [require('@tailwindcss/forms'), require('@tailwindcss/line-clamp')],
};