From 1cd8f3933db19772bd5d6e25d59c89b95138efe0 Mon Sep 17 00:00:00 2001 From: Thomas Mack Date: Fri, 1 Apr 2022 13:41:33 +0200 Subject: [PATCH] upload image --- package-lock.json | 73 +++++++++++++++---- package.json | 1 + src/App.vue | 10 +++ src/components/camera/parts/FileUpload.vue | 11 ++- .../camera/parts/FilterButtonItemType.vue | 2 +- .../camera/parts/NameKeyListItem.vue | 3 +- src/indexdDB/index.ts | 4 + src/main.ts | 2 + src/pages/ReadListPage.vue | 14 +--- src/pages/ReadNameKeyPage.vue | 6 +- src/seed.ts | 58 ++++++++++++++- src/store/modules/auth/index.ts | 1 + 12 files changed, 146 insertions(+), 39 deletions(-) diff --git a/package-lock.json b/package-lock.json index 0fc7459..7f607d5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,7 +5,6 @@ "requires": true, "packages": { "": { - "name": "billibox-vue", "version": "0.1.0", "dependencies": { "@dsb-norge/vue-keycloak-js": "*", @@ -41,6 +40,7 @@ "@vue/cli-plugin-typescript": "~5.0.0", "@vue/cli-service": "~5.0.0", "@vue/eslint-config-typescript": "^9.1.0", + "axios-debug-log": "^0.8.4", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3", "typescript": "~4.5.5" @@ -2158,6 +2158,15 @@ "@types/node": "*" } }, + "node_modules/@types/debug": { + "version": "4.1.7", + "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz", + "integrity": "sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==", + "dev": true, + "dependencies": { + "@types/ms": "*" + } + }, "node_modules/@types/eslint": { "version": "7.29.0", "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.29.0.tgz", @@ -2245,6 +2254,12 @@ "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", "dev": true }, + "node_modules/@types/ms": { + "version": "0.7.31", + "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz", + "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==", + "dev": true + }, "node_modules/@types/node": { "version": "17.0.23", "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz", @@ -3773,6 +3788,19 @@ "follow-redirects": "^1.14.8" } }, + "node_modules/axios-debug-log": { + "version": "0.8.4", + "resolved": "https://registry.npmjs.org/axios-debug-log/-/axios-debug-log-0.8.4.tgz", + "integrity": "sha512-DvmaJiYusndhfAjQ94HqlvhaVoEjOetwo9cpb+OVtOZNZTqdz0VAVed3ZjSQKpyM1g8jDXUXFx0Pg1DhUZzAdw==", + "dev": true, + "dependencies": { + "@types/debug": "^4.0.0", + "debug": "^4.0.0" + }, + "peerDependencies": { + "axios": ">=0.17.0" + } + }, "node_modules/babel-loader": { "version": "8.2.4", "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.4.tgz", @@ -13895,6 +13923,15 @@ "@types/node": "*" } }, + "@types/debug": { + "version": "4.1.7", + "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz", + "integrity": "sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==", + "dev": true, + "requires": { + "@types/ms": "*" + } + }, "@types/eslint": { "version": "7.29.0", "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.29.0.tgz", @@ -13982,6 +14019,12 @@ "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", "dev": true }, + "@types/ms": { + "version": "0.7.31", + "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz", + "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==", + "dev": true + }, "@types/node": { "version": "17.0.23", "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz", @@ -14243,7 +14286,6 @@ "integrity": "sha512-vf4KqrmuOSnoEYGUiHPeMoxhh6wpiucLWXISn7xYFU80pK1lqcuhbl6tpurAanUIyRO/ENDUQBH7RAdbLNq1bA==", "dev": true, "requires": { - "@babel/core": "^7.12.16", "@babel/helper-compilation-targets": "^7.12.16", "@babel/helper-module-imports": "^7.12.13", "@babel/plugin-proposal-class-properties": "^7.12.13", @@ -14256,7 +14298,6 @@ "@vue/babel-plugin-jsx": "^1.0.3", "@vue/babel-preset-jsx": "^1.1.2", "babel-plugin-dynamic-import-node": "^2.3.3", - "core-js": "^3.8.3", "core-js-compat": "^3.8.3", "semver": "^7.3.4" }, @@ -15151,6 +15192,16 @@ "follow-redirects": "^1.14.8" } }, + "axios-debug-log": { + "version": "0.8.4", + "resolved": "https://registry.npmjs.org/axios-debug-log/-/axios-debug-log-0.8.4.tgz", + "integrity": "sha512-DvmaJiYusndhfAjQ94HqlvhaVoEjOetwo9cpb+OVtOZNZTqdz0VAVed3ZjSQKpyM1g8jDXUXFx0Pg1DhUZzAdw==", + "dev": true, + "requires": { + "@types/debug": "^4.0.0", + "debug": "^4.0.0" + } + }, "babel-loader": { "version": "8.2.4", "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.4.tgz", @@ -15932,9 +15983,7 @@ "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", "dev": true, - "requires": { - "ajv": "^8.0.0" - } + "requires": {} }, "ajv-keywords": { "version": "5.1.0", @@ -18413,9 +18462,7 @@ "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", "dev": true, - "requires": { - "ajv": "^8.0.0" - } + "requires": {} }, "ajv-keywords": { "version": "5.1.0", @@ -21093,9 +21140,7 @@ "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", "dev": true, - "requires": { - "ajv": "^8.0.0" - } + "requires": {} }, "ajv-keywords": { "version": "5.1.0", @@ -21181,9 +21226,7 @@ "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", "dev": true, - "requires": { - "ajv": "^8.0.0" - } + "requires": {} }, "ajv-keywords": { "version": "5.1.0", diff --git a/package.json b/package.json index 54df454..979ce33 100644 --- a/package.json +++ b/package.json @@ -41,6 +41,7 @@ "@vue/cli-plugin-typescript": "~5.0.0", "@vue/cli-service": "~5.0.0", "@vue/eslint-config-typescript": "^9.1.0", + "axios-debug-log": "^0.8.4", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3", "typescript": "~4.5.5" diff --git a/src/App.vue b/src/App.vue index 6afb4af..f05f287 100644 --- a/src/App.vue +++ b/src/App.vue @@ -23,6 +23,16 @@ import TheTwoColumnsLayout from '@/layouts/TheTwoColumnsLayout.vue'; return this.$store.getters.token; } }, + + + async beforeCreate() { + console.log("beforeCreate", this.$store.getters.isInitialized); + if(!this.$store.getters.isInitialized) { + console.log("Not yet initialized") + await this.$store.dispatch("initialize", {seed: true}); + } + }, + }) export default class App extends Vue {} diff --git a/src/components/camera/parts/FileUpload.vue b/src/components/camera/parts/FileUpload.vue index 15f3210..6417108 100644 --- a/src/components/camera/parts/FileUpload.vue +++ b/src/components/camera/parts/FileUpload.vue @@ -16,6 +16,9 @@ import axios from 'axios'; export default { name: "FileUpload", + + + data() { return { file: '' @@ -28,8 +31,14 @@ export default { submitFile() { let formData = new FormData(); formData.append('file',this.file); + localStorage.debug = "axios"; + const api = axios.create({baseURL: 'http://127.0.0.1:4000'}) + const apiLogger = require('debug')('api'); + require('axios-debug-log').addLogger(api, apiLogger); - axios.post( '^/api/fs/billibox/assets', + // api('/'); + + api.post( '/fs/billibox/assets', formData, { headers: { diff --git a/src/components/camera/parts/FilterButtonItemType.vue b/src/components/camera/parts/FilterButtonItemType.vue index 19bb0f7..91a27df 100644 --- a/src/components/camera/parts/FilterButtonItemType.vue +++ b/src/components/camera/parts/FilterButtonItemType.vue @@ -1,7 +1,7 @@