|
|
@ -33,47 +33,45 @@ const createProject = async () => { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<NuxtLayout> |
|
|
|
<div class="main justify-center d-flex mx-auto" style="min-height: 600px;overflow: auto"> |
|
|
|
<div class="main justify-center d-flex mx-auto" style="min-height: 600px;overflow: auto"> |
|
|
|
<v-form ref="form" v-model="valid" @submit.prevent="createProject"> |
|
|
|
<v-form ref="form" v-model="valid" @submit.prevent="createProject"> |
|
|
|
<v-card style="width:530px;margin-top: 100px" class="mx-auto"> |
|
|
|
<v-card style="width:530px;margin-top: 100px" class="mx-auto"> |
|
|
|
<!-- Create Project --> |
|
|
|
<!-- Create Project --> |
|
|
|
<v-container class="pb-10 px-12" style="padding-top: 43px !important;"> |
|
|
|
<v-container class="pb-10 px-12" style="padding-top: 43px !important;"> |
|
|
|
<h1 class="mt-4 mb-4 text-center"> |
|
|
|
<h1 class="mt-4 mb-4 text-center"> |
|
|
|
<!-- {{ $t('activity.createProject') }} --> |
|
|
|
<!-- {{ $t('activity.createProject') }} --> |
|
|
|
Create Project |
|
|
|
Create Project |
|
|
|
</h1> |
|
|
|
</h1> |
|
|
|
<div class="mx-auto" style="width:350px"> |
|
|
|
<div class="mx-auto" style="width:350px"> |
|
|
|
<!-- label="Enter Project Name" --> |
|
|
|
<!-- label="Enter Project Name" --> |
|
|
|
<!-- rule text: Required --> |
|
|
|
<!-- rule text: Required --> |
|
|
|
<v-text-field |
|
|
|
<v-text-field |
|
|
|
v-model="name" |
|
|
|
v-model="name" |
|
|
|
class="nc-metadb-project-name" |
|
|
|
class="nc-metadb-project-name" |
|
|
|
label="Project name" |
|
|
|
label="Project name" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<!-- :rules="titleValidationRule" --> |
|
|
|
<!-- :rules="titleValidationRule" --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="text-center"> |
|
|
|
<div class="text-center"> |
|
|
|
<v-btn |
|
|
|
<v-btn |
|
|
|
class="mt-3 mx-auto" |
|
|
|
class="mt-3 mx-auto" |
|
|
|
large |
|
|
|
large |
|
|
|
:loading="loading" |
|
|
|
:loading="loading" |
|
|
|
color="primary" |
|
|
|
color="primary" |
|
|
|
@click="createProject" |
|
|
|
@click="createProject" |
|
|
|
> |
|
|
|
> |
|
|
|
<v-icon class="mr-1 mt-n1"> |
|
|
|
<v-icon class="mr-1 mt-n1"> |
|
|
|
mdi-rocket-launch-outline |
|
|
|
mdi-rocket-launch-outline |
|
|
|
</v-icon> |
|
|
|
</v-icon> |
|
|
|
<!-- Create --> |
|
|
|
<!-- Create --> |
|
|
|
<!-- <span class="mr-1">{{ // $t("general.create") }}</span> --> |
|
|
|
<!-- <span class="mr-1">{{ // $t("general.create") }}</span> --> |
|
|
|
<span class="mr-1"> Create project </span> |
|
|
|
<span class="mr-1"> Create project </span> |
|
|
|
</v-btn> |
|
|
|
</v-btn> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</v-container> |
|
|
|
</v-container> |
|
|
|
</v-card> |
|
|
|
</v-card> |
|
|
|
</v-form> |
|
|
|
</v-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</NuxtLayout> |
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
<style scoped> |
|
|
|