rename formdemo
This commit is contained in:
parent
a2ab541615
commit
9eda1b1260
@ -63,9 +63,10 @@
|
||||
"content": "<domainlist></domainlist>"
|
||||
},
|
||||
{
|
||||
"name": "FormDemo",
|
||||
"to": "/formdemo",
|
||||
"content": "<form-demo></form-demo>"
|
||||
"name": "Settings",
|
||||
"to": "/settings",
|
||||
"icon": "icon-cog",
|
||||
"content": "<settings></settings>"
|
||||
},
|
||||
{
|
||||
"name": "Logout",
|
||||
|
||||
@ -1,98 +0,0 @@
|
||||
<template>
|
||||
<div class="cms_content_form">
|
||||
<form action="">
|
||||
<div class="row">
|
||||
<div class="tab8">
|
||||
<my-input type="text" value="" v-model="titel" placeholder="Titel hier eintragen" label="Titel" description="Text .."></my-input>
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Permalink</label>
|
||||
<div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div>
|
||||
</header>
|
||||
<input type="text" value="" name="" placeholder="Permalink">
|
||||
</div>
|
||||
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Inhalt</label>
|
||||
<div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div>
|
||||
</header>
|
||||
|
||||
<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Fieldgroup -->
|
||||
<div class="cms_fieldgroup fieldgroup_open">
|
||||
<header class="cms_fieldgroup_header">Feldergruppe <div class="cms_fieldgroup_trigger"><i class="ion-chevron-down"></i></div></header>
|
||||
<div class="cms_fieldgroup_content">
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Noch ein Feld</label>
|
||||
<!-- <div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div> -->
|
||||
</header>
|
||||
|
||||
<input type="text" value="" name="" placeholder="Noch ein Feld">
|
||||
</div>
|
||||
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Noch ein Feld</label>
|
||||
<!-- <div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div> -->
|
||||
</header>
|
||||
<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fieldgroup -->
|
||||
<div class="cms_fieldgroup">
|
||||
<header class="cms_fieldgroup_header">Feldergruppe <div class="cms_fieldgroup_trigger"><i class="ion-chevron-down"></i></div></header>
|
||||
<div class="cms_fieldgroup_content">
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Noch ein Feld</label>
|
||||
<!-- <div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div> -->
|
||||
</header>
|
||||
<input type="text" value="" name="" placeholder="Noch ein Feld">
|
||||
</div>
|
||||
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Noch ein Feld</label>
|
||||
<!-- <div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div> -->
|
||||
</header>
|
||||
<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="tab4">
|
||||
<div class="cms_content_form_sidebar">
|
||||
Sidebar
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
import MyInput from "components/my-input.vue";
|
||||
|
||||
export default {
|
||||
name: "DemoForm",
|
||||
components: {
|
||||
MyInput
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
titel: "plapla"
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -7,14 +7,10 @@
|
||||
|
||||
<div class="content">
|
||||
<p class="intro_text">Bitte melde dich mit deinen Benutzerdaten an.</p>
|
||||
|
||||
<my-form :elements="elements" :buttons="buttons" :submitHandler="login"></my-form>
|
||||
|
||||
<transition name="component-fade">
|
||||
<div class="loginerror" v-show="loginError">{{ loginError }}</div>
|
||||
</transition>
|
||||
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -125,6 +121,7 @@ export default {
|
||||
}
|
||||
|
||||
.content{
|
||||
.clearfix();
|
||||
p {text-align:center; color: white; font-size:15px; line-height:1.2;}
|
||||
}
|
||||
|
||||
|
||||
163
src/views/forms/settings.vue
Normal file
163
src/views/forms/settings.vue
Normal file
@ -0,0 +1,163 @@
|
||||
<template>
|
||||
|
||||
<div class="cms_content_form">
|
||||
<div class="row">
|
||||
<div class="tab8">
|
||||
<my-form :elements="elements" :buttons="buttons" :submitHandler="submit"></my-form>
|
||||
</div>
|
||||
<div class="tab4">
|
||||
<div class="cms_content_form_sidebar">
|
||||
Sidebar
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <form action="">
|
||||
<div class="row">
|
||||
<div class="tab8">
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Titel</label>
|
||||
</header>
|
||||
<input type="text" value="" name="" placeholder="Titel hier eintragen">
|
||||
</div>
|
||||
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Permalink</label>
|
||||
<div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div>
|
||||
</header>
|
||||
<input type="text" value="" name="" placeholder="Permalink">
|
||||
</div>
|
||||
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Inhalt</label>
|
||||
<div class="input_description">Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.</div>
|
||||
</header>
|
||||
|
||||
<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="cms_fieldgroup fieldgroup_open">
|
||||
<header class="cms_fieldgroup_header">Feldergruppe <div class="cms_fieldgroup_trigger"><i class="ion-chevron-down"></i></div></header>
|
||||
<div class="cms_fieldgroup_content">
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Noch ein Feld</label>
|
||||
</header>
|
||||
|
||||
<input type="text" value="" name="" placeholder="Noch ein Feld">
|
||||
</div>
|
||||
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Noch ein Feld</label>
|
||||
</header>
|
||||
|
||||
<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="cms_fieldgroup">
|
||||
<header class="cms_fieldgroup_header">Feldergruppe <div class="cms_fieldgroup_trigger"><i class="ion-chevron-down"></i></div></header>
|
||||
<div class="cms_fieldgroup_content">
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Noch ein Feld</label>
|
||||
</header>
|
||||
|
||||
<input type="text" value="" name="" placeholder="Noch ein Feld">
|
||||
</div>
|
||||
|
||||
<div class="input_holder">
|
||||
<header class="input_header">
|
||||
<label for="">Noch ein Feld</label>
|
||||
</header>
|
||||
|
||||
<textarea name="" id="" rows="10" placeholder="Dies ist ein normales Textfeld"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div> -->
|
||||
<!-- <div id="login_form">
|
||||
<div class="holder">
|
||||
<div class="logo">
|
||||
<img src="assets/images/cms_logo_white.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<p class="intro_text">Bitte melde dich mit deinen Benutzerdaten an.</p>
|
||||
|
||||
<my-form :elements="elements" :buttons="buttons" :submitHandler="login"></my-form>
|
||||
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MyForm from "components/my-form";
|
||||
|
||||
export default {
|
||||
name: "FormDemo",
|
||||
components: {
|
||||
MyForm
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
username: "",
|
||||
password: "",
|
||||
elements: {
|
||||
title: {
|
||||
label: "Titel",
|
||||
placeholder: "Titel hier eintragen",
|
||||
icon: "icon-user",
|
||||
type: "text",
|
||||
required: true
|
||||
},
|
||||
permalink: {
|
||||
label: "Permalink",
|
||||
placeholder: "Permalink",
|
||||
description: "Hier steht ein Beschreibungstext für etwas begriffsstutzige Menschen, die eine Beschreibung zum Befüllen des Feldes brauchen.",
|
||||
icon: "icon-key",
|
||||
type: "password",
|
||||
required: true
|
||||
}
|
||||
},
|
||||
buttons: [{
|
||||
label: "login",
|
||||
type: "submit"
|
||||
}]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit(formData) {
|
||||
console.log("submit", formData);
|
||||
// this.$store.dispatch("login", formData)
|
||||
// .then(user => {
|
||||
// console.log("---- user login --------");
|
||||
// console.log(user);
|
||||
// this.$router.go(-1);
|
||||
// })
|
||||
// .catch(error => {
|
||||
// console.log("---- login error -------");
|
||||
// console.log(error);
|
||||
// });
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
@import "~mixins";
|
||||
|
||||
</style>
|
||||
@ -3,7 +3,7 @@ import LoginForm from './forms/login.vue';
|
||||
import Logout from './forms/logout.vue';
|
||||
import Userlist from './lists/userlist.vue';
|
||||
import Domainlist from './lists/domainlist.vue';
|
||||
import FormDemo from './forms/form-demo.vue';
|
||||
import Settings from 'views/forms/settings.vue';
|
||||
|
||||
export default {
|
||||
Dashboard,
|
||||
@ -11,5 +11,5 @@ export default {
|
||||
Logout,
|
||||
Userlist,
|
||||
Domainlist,
|
||||
FormDemo
|
||||
Settings,
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user