mirror of
https://github.com/HangarMC/Hangar.git
synced 2024-12-21 06:51:19 +08:00
58 lines
2.2 KiB
Vue
58 lines
2.2 KiB
Vue
<template>
|
|
<v-dialog v-model="dialog" width="500" persistent>
|
|
<template #activator="{ on, attrs }">
|
|
<v-btn v-bind="attrs" :class="activatorClass" v-on="on">
|
|
<v-icon>mdi-flag</v-icon>
|
|
{{ $t('project.actions.flag') }}
|
|
</v-btn>
|
|
</template>
|
|
<v-card>
|
|
<v-card-title> {{ $t('project.flag.flagProject', [project.name]) }} </v-card-title>
|
|
<v-card-text>
|
|
<v-form ref="modalForm" v-model="validForm">
|
|
<v-radio-group v-model="form.selection" :rules="[$util.$vc.require('A reason')]">
|
|
<v-radio v-for="(reason, index) in flagReasons" :key="index" :label="reason.title" :value="reason.type" />
|
|
</v-radio-group>
|
|
<v-textarea v-model.trim="form.comment" rows="3" filled :rules="[$util.$vc.require('A comment')]" :label="$t('general.comment')" />
|
|
</v-form>
|
|
</v-card-text>
|
|
<v-card-actions class="justify-end">
|
|
<v-btn text color="warning" @click.stop="dialog = false">{{ $t('general.close') }}</v-btn>
|
|
<v-btn color="error" :disabled="!validForm" :loading="loading" @click.stop="submitFlag">{{ $t('general.submit') }}</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, mixins } from 'nuxt-property-decorator';
|
|
import { FlagReason } from 'hangar-internal';
|
|
import { HangarFormModal, HangarProjectMixin } from '~/components/mixins';
|
|
|
|
@Component
|
|
export default class FlagModal extends mixins(HangarFormModal, HangarProjectMixin) {
|
|
flagReasons: FlagReason[] = [];
|
|
form = {
|
|
selection: null as string | null,
|
|
comment: null as string | null,
|
|
};
|
|
|
|
submitFlag() {
|
|
this.loading = true;
|
|
// TODO flag endpoint
|
|
setTimeout(
|
|
(self: FlagModal) => {
|
|
self.loading = false;
|
|
self.dialog = false;
|
|
},
|
|
1000,
|
|
this
|
|
);
|
|
}
|
|
|
|
async fetch() {
|
|
this.flagReasons.push(...(await this.$api.requestInternal<FlagReason[]>('data/flagReasons', true)));
|
|
}
|
|
}
|
|
</script>
|