projectsettings: use panels to split different part
This commit is contained in:
parent
667809a926
commit
e1596abb67
|
@ -1,38 +1,47 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<projectvars :variables="variables" :allvariables="allvariables"/>
|
<nav class="panel">
|
||||||
<hr>
|
<p class="panel-heading">Variables</p>
|
||||||
<div>
|
<div class="panel-block is-block">
|
||||||
<h4 class="title is-4">Delete This Project</h4>
|
<projectvars :variables="variables" :allvariables="allvariables"/>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="panel is-danger">
|
||||||
|
<p class="panel-heading is-danger">Danger Zone</p>
|
||||||
|
<div class="panel-block is-block">
|
||||||
|
<div>
|
||||||
|
<h4 class="title is-4">Delete This Project</h4>
|
||||||
|
|
||||||
<div class="message is-danger">
|
<div class="message is-danger">
|
||||||
<div class="message-body">
|
<div class="message-body">
|
||||||
This operation
|
This operation
|
||||||
<strong>CANNOT</strong> be undone.
|
<strong>CANNOT</strong> be undone.
|
||||||
This operation will remove
|
This operation will remove
|
||||||
<strong>{{projectPath}}</strong>
|
<strong>{{projectPath}}</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<label class="label">
|
||||||
|
Please type the project name for confirmation:
|
||||||
|
<span
|
||||||
|
class="has-text-danger"
|
||||||
|
>{{ projectName }}</span>
|
||||||
|
</label>
|
||||||
|
<div class="field">
|
||||||
|
<input
|
||||||
|
v-model="projectNameToDelete"
|
||||||
|
class="input"
|
||||||
|
type="email"
|
||||||
|
placeholder="Project name to delete"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
class="button is-danger"
|
||||||
|
@click="deleteProject()"
|
||||||
|
:disabled="!deleteButtonEnabled"
|
||||||
|
>Delete Project</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<label class="label">
|
</nav>
|
||||||
Please type the project name for confirmation:
|
|
||||||
<span
|
|
||||||
class="has-text-danger"
|
|
||||||
>{{ projectName }}</span>
|
|
||||||
</label>
|
|
||||||
<div class="field">
|
|
||||||
<input
|
|
||||||
v-model="projectNameToDelete"
|
|
||||||
class="input"
|
|
||||||
type="email"
|
|
||||||
placeholder="Project name to delete"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<button
|
|
||||||
class="button is-danger"
|
|
||||||
@click="deleteProject()"
|
|
||||||
:disabled="!deleteButtonEnabled"
|
|
||||||
>Delete Project</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -106,4 +115,8 @@ export default {
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "@/css/_variables.scss";
|
@import "@/css/_variables.scss";
|
||||||
|
|
||||||
|
.panel-heading {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue