mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-01 12:18:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

space settings and file dialog

Browse Source
This commit is contained in:
vabene1111
2024-08-20 15:17:06 +02:00
parent 02ffb727d5
commit 7397f4c381
9 changed files with 211 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
vue3/package.json
View File

@@ -24,7 +24,7 @@
"vuetify": "^3.6.13"
},
"devDependencies": {
"@fortawesome/fontawesome-free": "^6.5.2",
"@fortawesome/fontawesome-free": "^6.6.0",
"@tsconfig/node18": "^18.2.4",
"@types/jsdom": "^21.1.1",
"@types/node": "^18.17.5",

81
vue3/src/components/inputs/UserFileField.vue Normal file
View File

@@ -0,0 +1,81 @@
<template>
<v-input>
<v-card width="100%" link @click="dialog = !dialog">
<v-card-text class="pt-2 pb-2">
<v-avatar v-if="model == null" color="primary"><i class="fa-solid fa-file-arrow-up"></i></v-avatar>
<v-avatar v-if="model != null && model.preview != ''" :image="model.preview"></v-avatar>
<v-avatar v-if="model != null && model.preview == ''" color="success"><i class="fa-solid fa-eye-slash"></i></v-avatar>
<span class="ms-2" v-if="model == null">{{ $t('select_file') }}</span>
<span class="ms-2" v-if="model != null">{{ model.name }}</span>
</v-card-text>
<!--TODO right floating edit/remove/delete/??? button -->
</v-card>
</v-input>
<v-dialog max-width="600px" v-model="dialog">
<v-card>
<v-card-title>{{ $t('Files') }}</v-card-title>
<v-tabs v-model="tab" grow>
<v-tab v-if="model != null">Preview</v-tab>
<v-tab>New</v-tab>
<v-tab>Browse</v-tab>
</v-tabs>
<v-tabs-window v-model="tab">
<v-tabs-window-item v-if="model != null">
<v-card>
<v-card-title>
{{ model.name }}
</v-card-title>
<v-card-text>
{{ $n(model.fileSizeKb / 1000) }} MB <br/>
{{ model.createdBy.displayName }} <br/>
{{ DateTime.fromJSDate(model.createdAt).toLocaleString(DateTime.DATETIME_SHORT) }}
</v-card-text>
<v-img class="mr-4 ml-4" rounded :src="model.preview"></v-img>
<v-card-actions>
<v-btn :href="model.fileDownload" target="_blank" color="success" prepend-icon="fa-solid fa-file-arrow-down">{{ $t('Download') }}</v-btn>
<!-- TODO implement -->
<v-btn color="delete" prepend-icon="$delete">{{ $t('Delete') }}</v-btn>
</v-card-actions>
</v-card>
</v-tabs-window-item>
<v-tabs-window-item :value="0">
<v-file-input></v-file-input>
</v-tabs-window-item>
<v-tabs-window-item :value="0">
TODO file List
</v-tabs-window-item>
</v-tabs-window>
</v-card>
</v-dialog>
</template>
<script setup lang="ts">
import {UserFile} from "@/openapi";
import {ref} from "vue";
import {DateTime} from "luxon";
const emit = defineEmits(['update:modelValue', 'create'])
const props = defineProps({
model: {type: {} as UserFile, default: null}
})
const model = defineModel()
const dialog = ref(false)
const tab = ref(0)
</script>
<style scoped>
</style>

6
vue3/src/components/settings/SpaceSettings.vue
View File

@@ -29,7 +29,10 @@
</v-col>
</v-row>
<v-divider class="mt-3 mb-3"></v-divider>
<v-text-field></v-text-field>
<user-file-field v-model="space.image"></user-file-field>
<user-file-field v-model="space.logoColor32"></user-file-field>
<user-file-field v-model="space.logoColor128"></user-file-field>
<v-text-field></v-text-field>
<v-text-field></v-text-field>
@@ -44,6 +47,7 @@ import {useUserPreferenceStore} from "@/stores/UserPreferenceStore";
import {onMounted, ref} from "vue";
import {ApiApi, Space} from "@/openapi";
import {ErrorMessageType, useMessageStore} from "@/stores/MessageStore";
import UserFileField from "@/components/inputs/UserFileField.vue";
const space = ref({} as Space)

58
vue3/src/openapi/apis/ApiApi.ts
View File

@@ -1551,6 +1551,8 @@ export interface ApiUserFileCreateRequest {
fileDownload: string;
preview: string;
fileSizeKb: number;
createdBy: User;
createdAt: Date;
id?: number;
}
@@ -1575,6 +1577,8 @@ export interface ApiUserFilePartialUpdateRequest {
fileDownload?: string;
preview?: string;
fileSizeKb?: number;
createdBy?: User;
createdAt?: Date;
}
export interface ApiUserFileRetrieveRequest {
@@ -1588,6 +1592,8 @@ export interface ApiUserFileUpdateRequest {
fileDownload: string;
preview: string;
fileSizeKb: number;
createdBy: User;
createdAt: Date;
id2?: number;
}
@@ -11554,6 +11560,20 @@ export class ApiApi extends runtime.BaseAPI {
);
}
if (requestParameters['createdBy'] == null) {
throw new runtime.RequiredError(
'createdBy',
'Required parameter "createdBy" was null or undefined when calling apiUserFileCreate().'
);
}
if (requestParameters['createdAt'] == null) {
throw new runtime.RequiredError(
'createdAt',
'Required parameter "createdAt" was null or undefined when calling apiUserFileCreate().'
);
}
const queryParameters: any = {};
const headerParameters: runtime.HTTPHeaders = {};
@@ -11600,6 +11620,14 @@ export class ApiApi extends runtime.BaseAPI {
formParams.append('file_size_kb', requestParameters['fileSizeKb'] as any);
}
if (requestParameters['createdBy'] != null) {
formParams.append('created_by', new Blob([JSON.stringify(UserToJSON(requestParameters['createdBy']))], { type: "application/json", }));
}
if (requestParameters['createdAt'] != null) {
formParams.append('created_at', requestParameters['createdAt'] as any);
}
const response = await this.request({
path: `/api/user-file/`,
method: 'POST',
@@ -11760,6 +11788,14 @@ export class ApiApi extends runtime.BaseAPI {
formParams.append('file_size_kb', requestParameters['fileSizeKb'] as any);
}
if (requestParameters['createdBy'] != null) {
formParams.append('created_by', new Blob([JSON.stringify(UserToJSON(requestParameters['createdBy']))], { type: "application/json", }));
}
if (requestParameters['createdAt'] != null) {
formParams.append('created_at', requestParameters['createdAt'] as any);
}
const response = await this.request({
path: `/api/user-file/{id}/`.replace(`{${"id"}}`, encodeURIComponent(String(requestParameters['id']))),
method: 'PATCH',
@@ -11858,6 +11894,20 @@ export class ApiApi extends runtime.BaseAPI {
);
}
if (requestParameters['createdBy'] == null) {
throw new runtime.RequiredError(
'createdBy',
'Required parameter "createdBy" was null or undefined when calling apiUserFileUpdate().'
);
}
if (requestParameters['createdAt'] == null) {
throw new runtime.RequiredError(
'createdAt',
'Required parameter "createdAt" was null or undefined when calling apiUserFileUpdate().'
);
}
const queryParameters: any = {};
const headerParameters: runtime.HTTPHeaders = {};
@@ -11904,6 +11954,14 @@ export class ApiApi extends runtime.BaseAPI {
formParams.append('file_size_kb', requestParameters['fileSizeKb'] as any);
}
if (requestParameters['createdBy'] != null) {
formParams.append('created_by', new Blob([JSON.stringify(UserToJSON(requestParameters['createdBy']))], { type: "application/json", }));
}
if (requestParameters['createdAt'] != null) {
formParams.append('created_at', requestParameters['createdAt'] as any);
}
const response = await this.request({
path: `/api/user-file/{id}/`.replace(`{${"id"}}`, encodeURIComponent(String(requestParameters['id']))),
method: 'PUT',

23
vue3/src/openapi/models/UserFile.ts
View File

@@ -13,6 +13,13 @@
*/
import { mapValues } from '../runtime';
import type { User } from './User';
import {
UserFromJSON,
UserFromJSONTyped,
UserToJSON,
} from './User';
/**
*
* @export
@@ -55,6 +62,18 @@ export interface UserFile {
* @memberof UserFile
*/
readonly fileSizeKb: number;
/**
*
* @type {User}
* @memberof UserFile
*/
readonly createdBy: User;
/**
*
* @type {Date}
* @memberof UserFile
*/
readonly createdAt: Date;
}
/**
@@ -66,6 +85,8 @@ export function instanceOfUserFile(value: object): boolean {
if (!('fileDownload' in value)) return false;
if (!('preview' in value)) return false;
if (!('fileSizeKb' in value)) return false;
if (!('createdBy' in value)) return false;
if (!('createdAt' in value)) return false;
return true;
}
@@ -85,6 +106,8 @@ export function UserFileFromJSONTyped(json: any, ignoreDiscriminator: boolean):
'fileDownload': json['file_download'],
'preview': json['preview'],
'fileSizeKb': json['file_size_kb'],
'createdBy': UserFromJSON(json['created_by']),
'createdAt': (new Date(json['created_at'])),
};
}

31
vue3/src/openapi/models/UserFileView.ts
View File

@@ -13,6 +13,13 @@
*/
import { mapValues } from '../runtime';
import type { User } from './User';
import {
UserFromJSON,
UserFromJSONTyped,
UserToJSON,
} from './User';
/**
*
* @export
@@ -43,6 +50,24 @@ export interface UserFileView {
* @memberof UserFileView
*/
readonly preview: string;
/**
*
* @type {number}
* @memberof UserFileView
*/
readonly fileSizeKb: number;
/**
*
* @type {User}
* @memberof UserFileView
*/
readonly createdBy: User;
/**
*
* @type {Date}
* @memberof UserFileView
*/
readonly createdAt: Date;
}
/**
@@ -52,6 +77,9 @@ export function instanceOfUserFileView(value: object): boolean {
if (!('name' in value)) return false;
if (!('fileDownload' in value)) return false;
if (!('preview' in value)) return false;
if (!('fileSizeKb' in value)) return false;
if (!('createdBy' in value)) return false;
if (!('createdAt' in value)) return false;
return true;
}
@@ -69,6 +97,9 @@ export function UserFileViewFromJSONTyped(json: any, ignoreDiscriminator: boolea
'name': json['name'],
'fileDownload': json['file_download'],
'preview': json['preview'],
'fileSizeKb': json['file_size_kb'],
'createdBy': UserFromJSON(json['created_by']),
'createdAt': (new Date(json['created_at'])),
};
}

8
vue3/yarn.lock
View File

@@ -127,10 +127,10 @@
resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
"@fortawesome/fontawesome-free@^6.5.2":
version "6.5.2"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.5.2.tgz#310fe90cb5a8dee9698833171b98e7835404293d"
integrity sha512-hRILoInAx8GNT5IMkrtIt9blOdrqHOnPBH+k70aWUAqPZPgopb9G5EQJFpaBx/S8zp2fC+mPW349Bziuk1o28Q==
"@fortawesome/fontawesome-free@^6.6.0":
version "6.6.0"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.6.0.tgz#0e984f0f2344ee513c185d87d77defac4c0c8224"
integrity sha512-60G28ke/sXdtS9KZCpZSHHkCbdsOGEhIUGlwq6yhY74UpTiToIh8np7A8yphhM4BWsvNFtIvLpi4co+h9Mr9Ow==
"@intlify/core-base@9.13.1":
version "9.13.1"