|
|
@ -16,7 +16,6 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- Project Details --> |
|
|
|
<form> |
|
|
|
<!-- Image - (see design model) Empty --> |
|
|
|
|
|
|
|
<!-- Image - Populated --> |
|
|
@ -40,31 +39,34 @@ |
|
|
|
type="text" |
|
|
|
placeholder="Project Name" |
|
|
|
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2" |
|
|
|
v-modal="projectName" |
|
|
|
/> |
|
|
|
|
|
|
|
<textarea |
|
|
|
placeholder="Description" |
|
|
|
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2" |
|
|
|
rows="5" |
|
|
|
v-model="description" |
|
|
|
></textarea> |
|
|
|
<div class="text-xs text-slate-500 italic -mt-3 mb-4"> |
|
|
|
88/500 max. characters |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="mt-8"> |
|
|
|
<input |
|
|
|
type="submit" |
|
|
|
<button |
|
|
|
class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2" |
|
|
|
value="Save Project" |
|
|
|
/> |
|
|
|
@click="onSaveProjectClick()" |
|
|
|
> |
|
|
|
Save Project |
|
|
|
</button> |
|
|
|
<button |
|
|
|
type="button" |
|
|
|
class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md" |
|
|
|
@click="onCancelClick()" |
|
|
|
> |
|
|
|
Cancel |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</section> |
|
|
|
</template> |
|
|
|
|
|
|
@ -74,5 +76,14 @@ import { Options, Vue } from "vue-class-component"; |
|
|
|
@Options({ |
|
|
|
components: {}, |
|
|
|
}) |
|
|
|
export default class NewEditProjectView extends Vue {} |
|
|
|
export default class NewEditProjectView extends Vue { |
|
|
|
projectName = ""; |
|
|
|
description = ""; |
|
|
|
public async onSaveProjectClick() { |
|
|
|
console.log("Placeholder"); |
|
|
|
} |
|
|
|
public onCancelClick() { |
|
|
|
this.$router.back(); |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|