From 9eda1b12600ba4cda84d3e2b2a7b314d06ed034d Mon Sep 17 00:00:00 2001
From: Anton Schubert <ischluff@mailbox.org>
Date: Mon, 4 Sep 2017 18:23:46 +0200
Subject: [PATCH] rename formdemo

---
 conf/init.json                |   7 +-
 src/views/forms/form-demo.vue |  98 --------------------
 src/views/forms/login.vue     |   5 +-
 src/views/forms/settings.vue  | 163 ++++++++++++++++++++++++++++++++++
 src/views/views.js            |   4 +-
 5 files changed, 170 insertions(+), 107 deletions(-)
 delete mode 100644 src/views/forms/form-demo.vue
 create mode 100644 src/views/forms/settings.vue

diff --git a/conf/init.json b/conf/init.json
index 1ca3c30..a908489 100644
--- a/conf/init.json
+++ b/conf/init.json
@@ -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",
diff --git a/src/views/forms/form-demo.vue b/src/views/forms/form-demo.vue
deleted file mode 100644
index 73730b8..0000000
--- a/src/views/forms/form-demo.vue
+++ /dev/null
@@ -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>
\ No newline at end of file
diff --git a/src/views/forms/login.vue b/src/views/forms/login.vue
index 263813b..04092fe 100644
--- a/src/views/forms/login.vue
+++ b/src/views/forms/login.vue
@@ -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;}
     }
 
diff --git a/src/views/forms/settings.vue b/src/views/forms/settings.vue
new file mode 100644
index 0000000..112e37e
--- /dev/null
+++ b/src/views/forms/settings.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/views.js b/src/views/views.js
index 1abf285..ac856df 100644
--- a/src/views/views.js
+++ b/src/views/views.js
@@ -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,
 }
\ No newline at end of file