cssd-doc/cssd-back
1
0
Fork 0
mirror of https://git.meshkee.com/cssd/cssd-back.git synced 2026-10-13 03:51:06 +03:30
Code Issues Packages Projects Releases Wiki Activity

new Edit

Browse Source
This commit is contained in:
saeid
2019-04-22 21:47:43 +04:30
parent 3d4db20770
commit e8196ceb39
10 changed files with 440 additions and 363 deletions
Download Patch File Download Diff File Expand all files Collapse all files
database/migrations/2019_04_11_104800_create_users_table.php
+1 -1
View File
@@ -24,7 +24,7 @@ class CreateUsersTable extends Migration
$table->unsignedBigInteger('medical_center_id'); $table->unsignedBigInteger('medical_center_id');
$table->foreign('medical_center_id')->references('id')->on('medical_centers'); $table->foreign('medical_center_id')->references('id')->on('medical_centers');
$table->string('password'); $table->string('password');
$table->text('address')->nullable(); $table->string('address')->nullable();
$table->rememberToken(); $table->rememberToken();
$table->timestamps(); $table->timestamps();
}); });
public/0.js
Vendored
+1 -1
View File
@@ -166,7 +166,7 @@ var debugs = {};
var debugEnviron; var debugEnviron;
exports.debuglog = function(set) { exports.debuglog = function(set) {
if (isUndefined(debugEnviron)) if (isUndefined(debugEnviron))
debugEnviron = Object({"MIX_PUSHER_APP_KEY":"","MIX_PUSHER_APP_CLUSTER":"mt1","MIX_APP_ROOT_API":"/api/","MIX_APP_CLIENT_ID":"2","MIX_APP_CLIENT_SECRET":"I1VA4V6AVGjNb5LAYHMqFcMIvj4FF957uIpBKZu3","NODE_ENV":"development"}).NODE_DEBUG || ''; debugEnviron = Object({"MIX_APP_CLIENT_ID":"2","MIX_APP_CLIENT_SECRET":"vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE","MIX_APP_ROOT_API":"/api/","MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).NODE_DEBUG || '';
set = set.toUpperCase(); set = set.toUpperCase();
if (!debugs[set]) { if (!debugs[set]) {
if (new RegExp('\\b' + set + '\\b', 'i').test(debugEnviron)) { if (new RegExp('\\b' + set + '\\b', 'i').test(debugEnviron)) {
public/1.js
Vendored
+1 -1
View File
@@ -210,7 +210,7 @@ __webpack_require__.r(__webpack_exports__);
exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module // Module
exports.push([module.i, "\n.WM-Border[data-v-308d838e] {\n border: 1px solid;\n}\n.WM-Border-Black[data-v-308d838e] {\n border-color: #2f353b !important;\n}\n.WM-Border-Gray[data-v-308d838e] {\n border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-308d838e] {\n background-color : #F5F5F5;\n}\n.WM-Relative[data-v-308d838e] {\n position: relative;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-308d838e] {\n top: -25px !important;\n}\n", ""]); exports.push([module.i, "\n.WM-Border[data-v-308d838e] {\r\n border: 1px solid;\n}\n.WM-Border-Black[data-v-308d838e] {\r\n border-color: #2f353b !important;\n}\n.WM-Border-Gray[data-v-308d838e] {\r\n border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-308d838e] {\r\n background-color : #F5F5F5;\n}\n.WM-Relative[data-v-308d838e] {\r\n position: relative;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-308d838e] {\r\n top: -25px !important;\n}\r\n", ""]);
public/17.js
Vendored
+1 -1
View File
@@ -48,7 +48,7 @@ __webpack_require__.r(__webpack_exports__);
name: "", name: "",
data: function data() { data: function data() {
return { return {
items: ['SuperAdmin', 'Admin', 'SuperVisior', 'User'] items: ['SuperAdmin', 'Admin', 'Supervisor', 'User']
}; };
} }
}); });
public/2.js
Vendored
+1 -1
View File
@@ -217,7 +217,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module // Module
exports.push([module.i, "\n.WM-ActionButton[data-v-1305c16e] {\n padding: 8px 22px;\n}\n", ""]); exports.push([module.i, "\n.WM-ActionButton[data-v-1305c16e] {\r\n padding: 8px 22px;\n}\r\n", ""]);
public/3.js
Vendored
+71 -13
View File
@@ -281,10 +281,29 @@ __webpack_require__.r(__webpack_exports__);
// //
// //
// //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({ /* harmony default export */ __webpack_exports__["default"] = ({
name: "", name: "",
data: function data() { data: function data() {
return { return {
form: {},
SelectedType: { SelectedType: {
0: 0, 0: 0,
1: {} 1: {}
@@ -423,7 +442,7 @@ __webpack_require__.r(__webpack_exports__);
exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module // Module
exports.push([module.i, "\n.WM-Border-Gray[data-v-d05735bc] {\n border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-d05735bc] {\n background-color : #F5F5F5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-d05735bc] {\n top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-d05735bc] {\n bottom: -24px !important;\n}\n", ""]); exports.push([module.i, "\n.WM-Border-Gray[data-v-d05735bc] {\r\n border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-d05735bc] {\r\n background-color : #F5F5F5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-d05735bc] {\r\n top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-d05735bc] {\r\n bottom: -24px !important;\n}\r\n", ""]);
@@ -486,6 +505,44 @@ var render = function() {
"material-card", "material-card",
{ attrs: { color: "black", title: "Add a New Test" } }, { attrs: { color: "black", title: "Add a New Test" } },
[ [
_c(
"v-layout",
{
staticClass: "ma-2",
attrs: { row: "", wrap: "", id: "Form" }
},
[
_c(
"v-flex",
{ attrs: { xs12: "", md3: "", sm3: "" } },
[
_c("v-text-field", {
staticClass: "pa-2",
attrs: { name: "name", label: "Name", color: "black" }
})
],
1
),
_vm._v(" "),
_c(
"v-flex",
{ attrs: { xs12: "", md3: "", sm3: "" } },
[
_c("v-text-field", {
staticClass: "pa-2",
attrs: {
name: "uniquecode",
label: "Unique Code",
color: "black"
}
})
],
1
)
],
1
),
_vm._v(" "),
_c( _c(
"v-layout", "v-layout",
{ {
@@ -508,10 +565,9 @@ var render = function() {
_c("v-text-field", { _c("v-text-field", {
staticClass: "pa-2", staticClass: "pa-2",
attrs: { attrs: {
name: "name", name: "inputname",
label: "Name", label: "Input Name",
color: "black", color: "black"
id: "name"
} }
}) })
], ],
@@ -645,7 +701,9 @@ var render = function() {
}, },
[_vm._v("fas fa-times")] [_vm._v("fas fa-times")]
), ),
_vm._v("\n REMOVE") _vm._v(
"\n REMOVE"
)
], ],
1 1
) )
@@ -844,9 +902,9 @@ var render = function() {
_c("v-text-field", { _c("v-text-field", {
staticClass: "pa-2", staticClass: "pa-2",
attrs: { attrs: {
name: "name", name: "inputname",
label: "Name", label: "Input Name",
id: "" color: "black"
} }
}) })
], ],
@@ -1002,7 +1060,7 @@ var render = function() {
] ]
), ),
_vm._v( _vm._v(
"\n REMOVE" "\n REMOVE"
) )
], ],
1 1
@@ -1153,7 +1211,7 @@ var render = function() {
] ]
), ),
_vm._v( _vm._v(
"\n REMOVE" "\n REMOVE"
) )
], ],
1 1
@@ -1235,7 +1293,7 @@ var render = function() {
}, },
[_vm._v("fas fa-times")] [_vm._v("fas fa-times")]
), ),
_vm._v("\n REMOVE") _vm._v("\n REMOVE")
], ],
1 1
) )
@@ -1263,7 +1321,7 @@ var render = function() {
{ staticClass: "white--text mr-2 caption" }, { staticClass: "white--text mr-2 caption" },
[_vm._v("fas fa-plus")] [_vm._v("fas fa-plus")]
), ),
_vm._v("\n ADD") _vm._v("\nADD")
], ],
1 1
) )
public/mix-manifest.json
+1 -1
View File
@@ -1,3 +1,3 @@
{ {
"/vue/js/app.js": "/vue/js/app.js?id=ab1390f42a1283f0db66" "/vue/js/app.js": "/vue/js/app.js?id=83db251ea150b123e82c"
} }
public/vue/js/app.js
Vendored
+6 -6
View File
@@ -8247,7 +8247,7 @@ exports.push([module.i, "/*!\n* Vuetify v1.5.11\n* Forged by John Leider\n* Rele
exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
// Module // Module
exports.push([module.i, "\n#core-footer {\n z-index: 0;\n}\n", ""]); exports.push([module.i, "\n#core-footer {\r\n z-index: 0;\n}\r\n", ""]);
@@ -62549,7 +62549,7 @@ var UserService = {
}, },
auth: { auth: {
username: "2", username: "2",
password: "I1VA4V6AVGjNb5LAYHMqFcMIvj4FF957uIpBKZu3" password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
} }
}; };
_context.prev = 1; _context.prev = 1;
@@ -62609,7 +62609,7 @@ var UserService = {
}, },
auth: { auth: {
username: "2", username: "2",
password: "I1VA4V6AVGjNb5LAYHMqFcMIvj4FF957uIpBKZu3" password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
} }
}; };
_context2.prev = 1; _context2.prev = 1;
@@ -62664,7 +62664,7 @@ var UserService = {
}, },
auth: { auth: {
username: "2", username: "2",
password: "I1VA4V6AVGjNb5LAYHMqFcMIvj4FF957uIpBKZu3" password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
} }
}; };
_context3.prev = 1; _context3.prev = 1;
@@ -62718,7 +62718,7 @@ var UserService = {
}, },
auth: { auth: {
username: "2", username: "2",
password: "I1VA4V6AVGjNb5LAYHMqFcMIvj4FF957uIpBKZu3" password: "vAhCu2Y4mxfjlr8uTSxpBmjn2rWPIEolnr73ETAE"
} }
}; };
_context4.prev = 2; _context4.prev = 2;
@@ -63891,7 +63891,7 @@ module.exports = webpackAsyncContext;
/*! no static exports found */ /*! no static exports found */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(/*! /home/saeid/Projects/Git/CSSD/resources/js/vue/main.js */"./resources/js/vue/main.js"); module.exports = __webpack_require__(/*! D:\Atom\Git\Laravel_CSSD\resources\js\vue\main.js */"./resources/js/vue/main.js");
/***/ }) /***/ })
resources/js/vue/views/Role.vue
+1 -1
View File
@@ -40,7 +40,7 @@ export default {
items : [ items : [
'SuperAdmin', 'SuperAdmin',
'Admin', 'Admin',
'SuperVisior', 'Supervisor',
'User' 'User'
] ]
}) })
resources/js/vue/views/TestCreator.vue
+356 -337
View File
@@ -1,129 +1,147 @@
<template> <template>
<v-form id="ParentForm"> <v-form id="ParentForm">
<v-container grid-list-xs> <v-container grid-list-xs>
<material-card
color="black" <material-card
title="Add a New Test" color="black"
class=""> title="Add a New Test"
<v-layout row wrap class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Relative"> class="">
<v-layout row wrap id="Form" class="ma-2"> <v-layout row wrap id="Form" class="ma-2">
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3>
<v-text-field <v-text-field
name="name" name="name"
label="Name" label="Name"
color="black" color="black"
class="pa-2" class="pa-2"
id="name" ></v-text-field>
></v-text-field> </v-flex>
</v-flex> <v-flex xs12 md3 sm3>
<v-flex xs12 md3 sm3> <v-text-field
<v-select name="uniquecode"
:items="Items[0]" label="Unique Code"
item-text="state" color="black"
item-value="abbr" class="pa-2"
label="Type" ></v-text-field>
v-model="SelectedType[0]" </v-flex>
single-line
color="black"
class="pa-2"
@change="DefaultValue(0, SelectedType[0])"
></v-select>
</v-flex>
<!-- Text Input Section -->
<v-flex xs12 md3 sm3 v-if="SelectedType[0] === 'text'">
<v-text-field
name="size"
label="Size"
color="black"
class="pa-2"
id="InputSize"
></v-text-field>
</v-flex>
</v-layout>
<!-- SelectBox Section -->
<v-layout class="ma-3 pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" row wrap v-if="SelectedType[0] === 'select'">
<v-layout row wrap class="WM-Relative WM-Width-Full">
<v-flex xs12 md3 sm3 v-for="(SelectBox , Key) in ArraySelectBox[0]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
<v-text-field
name="title"
label="Title"
color="black"
class="pa-2 Input"
v-model="SelectBox.value"
></v-text-field>
<v-btn
absolute
small
right
bottom
color="pink"
v-if="Key >= 1"
@click="RemoveInput('ArraySelectBox', 0, Key)"
>
<v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
REMOVE</v-btn>
</v-flex>
</v-layout> </v-layout>
<v-btn <v-layout row wrap class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Relative">
absolute <v-layout row wrap id="Form" class="ma-2">
right <v-flex xs12 md3 sm3>
bottom <v-text-field
small name="inputname"
@click="InputDuplicate('ArraySelectBox', 0)" label="Input Name"
color="black" color="black"
class="mb-2"> class="pa-2"
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon> ></v-text-field>
<span class="white--text">Add</span> </v-flex>
</v-btn> <v-flex xs12 md3 sm3>
</v-layout> <v-select
<!-- Checkbox Section --> :items="Items[0]"
<v-layout row wrap class="pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[0] === 'checkbox'"> item-text="state"
<v-layout row wrap class="WM-Width-Full WM-Relative"> item-value="abbr"
<v-flex xs12 sm3 md3 v-for="(Checkbox , Key) in ArrayCheckBox[0]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative"> label="Type"
<v-text-field v-model="SelectedType[0]"
name="title" single-line
label="Title" color="black"
color="black" class="pa-2"
class="pa-2 Input" @change="DefaultValue(0, SelectedType[0])"
v-model="Checkbox.value" ></v-select>
></v-text-field> </v-flex>
<v-btn <!-- Text Input Section -->
absolute <v-flex xs12 md3 sm3 v-if="SelectedType[0] === 'text'">
small <v-text-field
right name="size"
bottom label="Size"
@click="RemoveInput('ArrayCheckBox', 0, Key)" color="black"
v-if="Key >= 1" class="pa-2"
color="pink"> id="InputSize"
<v-icon class="white--text mr-2 caption">fas fa-times</v-icon> ></v-text-field>
<span class="white--text">REMOVE</span> </v-flex>
</v-layout>
<!-- SelectBox Section -->
<v-layout class="ma-3 pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" row wrap v-if="SelectedType[0] === 'select'">
<v-layout row wrap class="WM-Relative WM-Width-Full">
<v-flex xs12 md3 sm3 v-for="(SelectBox , Key) in ArraySelectBox[0]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
<v-text-field
name="title"
label="Title"
color="black"
class="pa-2 Input"
v-model="SelectBox.value"
></v-text-field>
<v-btn
absolute
small
right
bottom
color="pink"
v-if="Key >= 1"
@click="RemoveInput('ArraySelectBox', 0, Key)"
>
<v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
REMOVE</v-btn>
</v-flex>
</v-layout>
<v-btn
absolute
right
bottom
small
@click="InputDuplicate('ArraySelectBox', 0)"
color="black"
class="mb-2">
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
<span class="white--text">Add</span>
</v-btn> </v-btn>
</v-flex> </v-layout>
<!-- Checkbox Section -->
<v-layout row wrap class="pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[0] === 'checkbox'">
<v-layout row wrap class="WM-Width-Full WM-Relative">
<v-flex xs12 sm3 md3 v-for="(Checkbox , Key) in ArrayCheckBox[0]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
<v-text-field
name="title"
label="Title"
color="black"
class="pa-2 Input"
v-model="Checkbox.value"
></v-text-field>
<v-btn
absolute
small
right
bottom
@click="RemoveInput('ArrayCheckBox', 0, Key)"
v-if="Key >= 1"
color="pink">
<v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
<span class="white--text">REMOVE</span>
</v-btn>
</v-flex>
</v-layout> </v-layout>
<v-btn <v-btn
absolute absolute
small small
right right
bottom bottom
@click="InputDuplicate('ArrayCheckBox', 0)" @click="InputDuplicate('ArrayCheckBox', 0)"
class="mb-2" class="mb-2"
color="black"> color="black">
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon> <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
<span class="white--text">Add</span> <span class="white--text">Add</span>
</v-btn> </v-btn>
</v-layout> </v-layout>
<!-- Form Section --> <!-- Form Section -->
<v-layout row wrap v-if="SelectedType[0] === 'form'" class="pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative"> <v-layout row wrap v-if="SelectedType[0] === 'form'" class="pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative">
<v-layout row wrap v-for="(Div , ArrayDivKey) in ArrayDiv" :key="ArrayDivKey" class="pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Color-LightGrey WM-Width-Full WM-Relative Form"> <v-layout row wrap v-for="(Div , ArrayDivKey) in ArrayDiv" :key="ArrayDivKey" class="pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Color-LightGrey WM-Width-Full WM-Relative Form">
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3>
<v-text-field <v-text-field
class="pa-2" name="inputname"
name="name" label="Input Name"
label="Name" color="black"
id="" class="pa-2"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3> <v-flex xs12 md3 sm3>
<v-select <v-select
:items="Items[1]" :items="Items[1]"
item-text="state" item-text="state"
@@ -135,253 +153,254 @@
class="pa-2" class="pa-2"
@change="DefaultValue(ArrayDivKey, SelectedType[1][ArrayDivKey])" @change="DefaultValue(ArrayDivKey, SelectedType[1][ArrayDivKey])"
></v-select> ></v-select>
</v-flex> </v-flex>
<v-flex xs12 md3 sm3 v-if="SelectedType[1][ArrayDivKey] === 'text'"> <v-flex xs12 md3 sm3 v-if="SelectedType[1][ArrayDivKey] === 'text'">
<v-text-field <v-text-field
name="size" name="size"
label="Size" label="Size"
color="black" color="black"
class="pa-2" class="pa-2"
id="InputSize" id="InputSize"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<!-- Inner Form Selectbox Section --> <!-- Inner Form Selectbox Section -->
<v-layout row wrap class="pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[1][ArrayDivKey] === 'select'" > <v-layout row wrap class="pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[1][ArrayDivKey] === 'select'" >
<v-layout row wrap class="WM-Relative WM-Width-Full"> <v-layout row wrap class="WM-Relative WM-Width-Full">
<v-flex xs12 md3 sm3 v-for="(SelectBox , Key) in ArraySelectBox[ArrayDivKey]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative"> <v-flex xs12 md3 sm3 v-for="(SelectBox , Key) in ArraySelectBox[ArrayDivKey]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
<v-text-field <v-text-field
name="title" name="title"
label="Title" label="Title"
color="black" color="black"
class="pa-2 Input" class="pa-2 Input"
v-model="SelectBox.value" v-model="SelectBox.value"
id="value" id="value"
></v-text-field> ></v-text-field>
<v-btn <v-btn
absolute absolute
small small
right right
bottom bottom
color="pink" color="pink"
@click="RemoveInput('ArraySelectBox', ArrayDivKey, Key)" @click="RemoveInput('ArraySelectBox', ArrayDivKey, Key)"
v-if="Key >= 1" v-if="Key >= 1"
> >
<v-icon class="white--text mr-2 caption">fas fa-times</v-icon> <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
REMOVE</v-btn> REMOVE</v-btn>
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-btn <v-btn
absolute
right
bottom
small
@click="InputDuplicate('ArraySelectBox', ArrayDivKey)"
color="black">
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
<span class="white--text">Add</span>
</v-btn>
</v-layout>
<!-- Inner Form Checkbox Section -->
<v-layout row wrap class="pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[1][ArrayDivKey] === 'checkbox'" >
<v-layout row wrap class="WM-Relative WM-Width-Full">
<v-flex xs12 md3 sm3 v-if="Key >= 0" v-for="(CheckBox , Key) in ArrayCheckBox[ArrayDivKey]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
<v-text-field
name="title"
label="Title"
color="black"
class="pa-2 Input"
v-model="CheckBox.value"
id="value"
></v-text-field>
<v-btn
absolute
small
right
bottom
color="pink"
@click="RemoveInput('ArrayCheckBox', ArrayDivKey, Key)"
v-if="Key >= 1"
>
<v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
REMOVE</v-btn>
</v-flex>
</v-layout>
<v-btn
absolute
right
bottom
small
@click="InputDuplicate('ArrayCheckBox', ArrayDivKey)"
color="black">
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
<span class="white--text">Add</span>
</v-btn>
</v-layout>
<v-btn
absolute absolute
small
right right
top bottom
color="pink" small
@click="Remove(ArrayDivKey)" @click="InputDuplicate('ArraySelectBox', ArrayDivKey)"
id="RemoveFormDuplicator" color="black">
> <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
<v-icon class="white--text mr-2 caption">fas fa-times</v-icon> <span class="white--text">Add</span>
REMOVE</v-btn> </v-btn>
</v-layout>
<!-- Inner Form Checkbox Section -->
<v-layout row wrap class="pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[1][ArrayDivKey] === 'checkbox'" >
<v-layout row wrap class="WM-Relative WM-Width-Full">
<v-flex xs12 md3 sm3 v-if="Key >= 0" v-for="(CheckBox , Key) in ArrayCheckBox[ArrayDivKey]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
<v-text-field
name="title"
label="Title"
color="black"
class="pa-2 Input"
v-model="CheckBox.value"
id="value"
></v-text-field>
<v-btn
absolute
small
right
bottom
color="pink"
@click="RemoveInput('ArrayCheckBox', ArrayDivKey, Key)"
v-if="Key >= 1"
>
<v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
REMOVE</v-btn>
</v-flex>
</v-layout> </v-layout>
<v-btn <v-btn
absolute
small
right
bottom
color="cyan"
@click="Duplicator"
id="FormDuplicator"
>
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
ADD</v-btn>
</v-layout>
<v-btn
absolute absolute
right right
bottom bottom
small small
@click="InputDuplicate('ArrayForm', 0)" @click="InputDuplicate('ArrayCheckBox', ArrayDivKey)"
color="pink" color="black">
class="mb-2">
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon> <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
<span class="white--text">Add</span> <span class="white--text">Add</span>
</v-btn> </v-btn>
</v-layout> </v-layout>
<v-layout row wrap align-center justify-center class="mt-4"> <v-btn
<v-btn class="WM-CyanBlueGradient-BG" v-if="Hidden" style="padding:10px 60px"> absolute
<v-icon class="white--text mr-2 caption">fas fa-check</v-icon> small
<span class="white--text">Generate Form</span> right
</v-btn> top
<router-link to="/dashboard"> color="pink"
<v-btn @click="Remove(ArrayDivKey)"
class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"> id="RemoveFormDuplicator"
<v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon> >
<span class="black--text">Back</span> <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
</v-btn> REMOVE</v-btn>
</router-link> </v-layout>
</v-layout> <v-btn
</material-card> absolute
</v-container> small
</v-form> right
bottom
color="cyan"
@click="Duplicator"
id="FormDuplicator"
>
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
ADD</v-btn>
</v-layout>
<v-btn
absolute
right
bottom
small
@click="InputDuplicate('ArrayForm', 0)"
color="pink"
class="mb-2">
<v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
<span class="white--text">Add</span>
</v-btn>
</v-layout>
<v-layout row wrap align-center justify-center class="mt-4">
<v-btn class="WM-CyanBlueGradient-BG" v-if="Hidden" style="padding:10px 60px">
<v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
<span class="white--text">Generate Form</span>
</v-btn>
<router-link to="/dashboard">
<v-btn
class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
<v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
<span class="black--text">Back</span>
</v-btn>
</router-link>
</v-layout>
</material-card>
</v-container>
</v-form>
</template> </template>
<script> <script>
export default { export default {
name: "", name: "",
data () { data () {
return { return {
SelectedType : {0 : 0, 1 : {}}, form : {},
InputDuplicator : {0:0}, SelectedType : {0 : 0, 1 : {}},
ArrayInput : [{value:''}], InputDuplicator : {0:0},
ArraySelectBox : [], ArrayInput : [{value:''}],
ArrayCheckBox : [], ArraySelectBox : [],
ArrayForm : [], ArrayCheckBox : [],
SelectBox : {}, ArrayForm : [],
CheckBox : {}, SelectBox : {},
ArrayDiv : [0], CheckBox : {},
Hidden : false, ArrayDiv : [0],
select: { state: 'Text', abbr: 'text' }, Hidden : false,
Items: [ select: { state: 'Text', abbr: 'text' },
[ Items: [
{ state: 'Text', abbr: 'text' }, [
{ state: 'Checkbox', abbr: 'checkbox' }, { state: 'Text', abbr: 'text' },
{ state: 'Select', abbr: 'select' }, { state: 'Checkbox', abbr: 'checkbox' },
{ state: 'Form', abbr: 'form' }, { state: 'Select', abbr: 'select' },
], { state: 'Form', abbr: 'form' },
[ ],
{ state: 'Text', abbr: 'text' }, [
{ state: 'Checkbox', abbr: 'checkbox' }, { state: 'Text', abbr: 'text' },
{ state: 'Select', abbr: 'select' }, { state: 'Checkbox', abbr: 'checkbox' },
] { state: 'Select', abbr: 'select' },
], ]
} ],
}, }
methods: {
Duplicator() {
this.ArrayDiv.push(this.ArrayDiv.length);
}, },
Remove (index) { methods: {
this.ArrayDiv.splice(index, 1); Duplicator() {
}, this.ArrayDiv.push(this.ArrayDiv.length);
RemoveInput (Type, ArrayDivindex, index) { },
if (Type === 'ArraySelectBox') { Remove (index) {
this.ArraySelectBox[ArrayDivindex].splice(index, 1); this.ArrayDiv.splice(index, 1);
this.CreateAgainArray(this.ArraySelectBox, 'ArraySelectBox'); },
} RemoveInput (Type, ArrayDivindex, index) {
else { if (Type === 'ArraySelectBox') {
this.ArrayCheckBox[ArrayDivindex].splice(index, 1); this.ArraySelectBox[ArrayDivindex].splice(index, 1);
this.CreateAgainArray(this.ArrayCheckBox, 'ArrayCheckBox'); this.CreateAgainArray(this.ArraySelectBox, 'ArraySelectBox');
} }
}, else {
InputDuplicate (Type, ArrayDivindex) { this.ArrayCheckBox[ArrayDivindex].splice(index, 1);
if (Type === 'ArraySelectBox') { this.CreateAgainArray(this.ArrayCheckBox, 'ArrayCheckBox');
if (this.ArraySelectBox[ArrayDivindex] == undefined) { }
this.ArraySelectBox[ArrayDivindex] = []; },
InputDuplicate (Type, ArrayDivindex) {
if (Type === 'ArraySelectBox') {
if (this.ArraySelectBox[ArrayDivindex] == undefined) {
this.ArraySelectBox[ArrayDivindex] = [];
}
this.ArraySelectBox[ArrayDivindex].push({value : ''});
this.CreateAgainArray(this.ArraySelectBox, 'ArraySelectBox');
}
else if(Type === 'ArrayCheckBox'){
if (this.ArrayCheckBox[ArrayDivindex] == undefined) {
this.ArrayCheckBox[ArrayDivindex] = [];
}
this.ArrayCheckBox[ArrayDivindex].push({value : ''});
this.CreateAgainArray(this.ArrayCheckBox, 'ArrayCheckBox');
}
else {
if (this.ArrayForm[ArrayDivindex] == undefined) {
this.ArrayForm[ArrayDivindex] = [];
}
else {
this.ArrayForm[ArrayDivindex].push({value : ''});
this.CreateAgainArray(this.ArrayForm, 'ArrayForm');
}
}
},
CreateAgainArray(arrayDiv, Type) {
let array = arrayDiv;
if (Type === 'ArraySelectBox') {
this.ArraySelectBox = [];
this.ArraySelectBox = array;
}
else if(Type === 'ArrayCheckBox'){
this.ArrayCheckBox = [];
this.ArrayCheckBox = array;
}
else {
this.ArrayForm = [];
this.ArrayForm = array;
}
},
DefaultValue(ArrayDivindex, SelectedType) {
this.Hidden = true;
if (SelectedType == 'select') {
if (this.ArraySelectBox[ArrayDivindex] == undefined) {
this.ArraySelectBox[ArrayDivindex] = [];
this.ArraySelectBox[ArrayDivindex].push({value : ''});
}
} else if(SelectedType == 'checkbox') {
if (this.ArrayCheckBox[ArrayDivindex] == undefined) {
this.ArrayCheckBox[ArrayDivindex] = [];
this.ArrayCheckBox[ArrayDivindex].push({value : ''});
}
}
} }
this.ArraySelectBox[ArrayDivindex].push({value : ''});
this.CreateAgainArray(this.ArraySelectBox, 'ArraySelectBox');
}
else if(Type === 'ArrayCheckBox'){
if (this.ArrayCheckBox[ArrayDivindex] == undefined) {
this.ArrayCheckBox[ArrayDivindex] = [];
}
this.ArrayCheckBox[ArrayDivindex].push({value : ''});
this.CreateAgainArray(this.ArrayCheckBox, 'ArrayCheckBox');
}
else {
if (this.ArrayForm[ArrayDivindex] == undefined) {
this.ArrayForm[ArrayDivindex] = [];
}
else {
this.ArrayForm[ArrayDivindex].push({value : ''});
this.CreateAgainArray(this.ArrayForm, 'ArrayForm');
}
}
},
CreateAgainArray(arrayDiv, Type) {
let array = arrayDiv;
if (Type === 'ArraySelectBox') {
this.ArraySelectBox = [];
this.ArraySelectBox = array;
}
else if(Type === 'ArrayCheckBox'){
this.ArrayCheckBox = [];
this.ArrayCheckBox = array;
}
else {
this.ArrayForm = [];
this.ArrayForm = array;
}
},
DefaultValue(ArrayDivindex, SelectedType) {
this.Hidden = true;
if (SelectedType == 'select') {
if (this.ArraySelectBox[ArrayDivindex] == undefined) {
this.ArraySelectBox[ArrayDivindex] = [];
this.ArraySelectBox[ArrayDivindex].push({value : ''});
}
} else if(SelectedType == 'checkbox') {
if (this.ArrayCheckBox[ArrayDivindex] == undefined) {
this.ArrayCheckBox[ArrayDivindex] = [];
this.ArrayCheckBox[ArrayDivindex].push({value : ''});
}
}
}
} }
} }
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.WM-Border-Gray { .WM-Border-Gray {
border-color: #aaa !important; border-color: #aaa !important;
} }
.WM-Color-LightGrey { .WM-Color-LightGrey {
background-color : #F5F5F5; background-color : #F5F5F5;
} }
.v-btn--top.v-btn--absolute.v-btn--small { .v-btn--top.v-btn--absolute.v-btn--small {
top: -25px !important; top: -25px !important;