3475 lines
101 KiB
JavaScript
3475 lines
101 KiB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[20],{
|
||
|
||
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/base/Forms.vue?vue&type=script&lang=js&":
|
||
/*!********************************************************************************************************************************************************************!*\
|
||
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/base/Forms.vue?vue&type=script&lang=js& ***!
|
||
\********************************************************************************************************************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
name: 'Forms',
|
||
data: function data() {
|
||
return {
|
||
selected: [],
|
||
// Must be an array reference!
|
||
show: true,
|
||
horizontal: {
|
||
label: 'col-3',
|
||
input: 'col-9'
|
||
},
|
||
options: ['Option 1', 'Option 2', 'Option 3'],
|
||
selectOptions: ['Option 1', 'Option 2', 'Option 3', {
|
||
value: ['some value', 'another value'],
|
||
label: 'Selected option'
|
||
}],
|
||
selectedOption: ['some value', 'another value'],
|
||
formCollapsed: true,
|
||
checkboxNames: ['Checkboxes', 'Inline Checkboxes', 'Checkboxes - custom', 'Inline Checkboxes - custom'],
|
||
radioNames: ['Radios', 'Inline Radios', 'Radios - custom', 'Inline Radios - custom']
|
||
};
|
||
},
|
||
methods: {
|
||
validator: function validator(val) {
|
||
return val ? val.length >= 4 : false;
|
||
}
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/base/Forms.vue?vue&type=template&id=40b51d4a&":
|
||
/*!************************************************************************************************************************************************************************************************************!*\
|
||
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/base/Forms.vue?vue&type=template&id=40b51d4a& ***!
|
||
\************************************************************************************************************************************************************************************************************/
|
||
/*! exports provided: render, staticRenderFns */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
|
||
var render = function() {
|
||
var _vm = this
|
||
var _h = _vm.$createElement
|
||
var _c = _vm._self._c || _h
|
||
return _c(
|
||
"div",
|
||
[
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "6" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Credit Card ")]),
|
||
_vm._v(" "),
|
||
_c("small", [_vm._v("Form")]),
|
||
_vm._v(" "),
|
||
_c("div", { staticClass: "card-header-actions" }, [
|
||
_c(
|
||
"a",
|
||
{
|
||
staticClass: "card-header-action",
|
||
attrs: {
|
||
href:
|
||
"https://coreui.io/vue/docs/components/form-components",
|
||
rel: "noreferrer noopener",
|
||
target: "_blank"
|
||
}
|
||
},
|
||
[
|
||
_c("small", { staticClass: "text-muted" }, [
|
||
_vm._v("docs")
|
||
])
|
||
]
|
||
)
|
||
])
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "12" } },
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Name",
|
||
placeholder: "Enter your name"
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "12" } },
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Credit Card Number",
|
||
placeholder: "0000 0000 0000 0000"
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c("CSelect", {
|
||
attrs: {
|
||
label: "Month",
|
||
options: [
|
||
1,
|
||
2,
|
||
3,
|
||
4,
|
||
5,
|
||
6,
|
||
7,
|
||
8,
|
||
9,
|
||
10,
|
||
11,
|
||
12
|
||
]
|
||
}
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c("CSelect", {
|
||
attrs: {
|
||
label: "Year",
|
||
options: [
|
||
2014,
|
||
2015,
|
||
2016,
|
||
2017,
|
||
2018,
|
||
2019,
|
||
2020,
|
||
2021,
|
||
2022,
|
||
2023,
|
||
2024,
|
||
2025
|
||
]
|
||
}
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c("CInput", {
|
||
attrs: { label: "CVV/CVC", placeholder: "123" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "6" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Company ")]),
|
||
_c("small", [_vm._v("Form")])
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Company",
|
||
placeholder: "Enter your company name"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: { label: "VAT", placeholder: "PL1234567890" }
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Street",
|
||
placeholder: "Enter street name"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "8" } },
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "City",
|
||
placeholder: "Enter your city"
|
||
}
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Postal code",
|
||
placeholder: "Postal code"
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: { label: "Country", placeholder: "Country name" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { md: "6" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Basic Form")]),
|
||
_vm._v(" Elements\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CForm",
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
description: "ФИО",
|
||
label: "Enter your name",
|
||
horizontal: "",
|
||
autocomplete: "name"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Static",
|
||
value: "Username",
|
||
horizontal: "",
|
||
plaintext: ""
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Text input",
|
||
description: "This is a help text",
|
||
placeholder: "Text",
|
||
horizontal: ""
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Date",
|
||
type: "date",
|
||
horizontal: ""
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Email input",
|
||
description: "Please enter your email",
|
||
placeholder: "Enter your email",
|
||
type: "email",
|
||
horizontal: "",
|
||
autocomplete: "email"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Password Input",
|
||
description: "Please enter a complex password",
|
||
placeholder: "Enter your password",
|
||
type: "password",
|
||
horizontal: "",
|
||
autocomplete: "current-password"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Disabled Input",
|
||
placeholder: "Disabled",
|
||
horizontal: "",
|
||
disabled: ""
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CTextarea", {
|
||
attrs: {
|
||
label: "Textarea",
|
||
placeholder: "Content...",
|
||
horizontal: "",
|
||
rows: "9"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CSelect", {
|
||
attrs: {
|
||
label: "Select",
|
||
horizontal: "",
|
||
options: _vm.options,
|
||
placeholder: "Please select"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CSelect", {
|
||
attrs: {
|
||
label: "Large select",
|
||
size: "lg",
|
||
horizontal: "",
|
||
value: _vm.selectedOption,
|
||
options: _vm.selectOptions,
|
||
placeholder: "Please select"
|
||
},
|
||
on: {
|
||
"update:value": function($event) {
|
||
_vm.selectedOption = $event
|
||
}
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CSelect", {
|
||
attrs: {
|
||
label: "Small select",
|
||
size: "sm",
|
||
horizontal: "",
|
||
options: _vm.options,
|
||
placeholder: "Please select"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CSelect", {
|
||
attrs: {
|
||
label: "Select",
|
||
horizontal: "",
|
||
options: _vm.options,
|
||
placeholder: "Please select",
|
||
disabled: ""
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_vm._l(_vm.checkboxNames, function(name, key) {
|
||
return [
|
||
_c(
|
||
"CRow",
|
||
{
|
||
key: name,
|
||
staticClass: "form-group",
|
||
attrs: { form: "" }
|
||
},
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{
|
||
staticClass: "col-form-label",
|
||
attrs: { tag: "label", sm: "3" }
|
||
},
|
||
[
|
||
_vm._v(
|
||
"\n " +
|
||
_vm._s(name) +
|
||
"\n "
|
||
)
|
||
]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{
|
||
class: key % 2 === 1 ? "form-inline" : "",
|
||
attrs: { sm: "9" }
|
||
},
|
||
_vm._l(_vm.options, function(
|
||
option,
|
||
optionIndex
|
||
) {
|
||
return _c("CInputCheckbox", {
|
||
key: key + option,
|
||
attrs: {
|
||
label: option,
|
||
value: option,
|
||
custom: key > 1,
|
||
name: "Option 1" + key,
|
||
checked: optionIndex === key,
|
||
inline: key % 2 === 1
|
||
}
|
||
})
|
||
}),
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
]
|
||
}),
|
||
_vm._v(" "),
|
||
_vm._l(_vm.radioNames, function(name, key) {
|
||
return [
|
||
_c(
|
||
"CRow",
|
||
{
|
||
key: name,
|
||
staticClass: "form-group",
|
||
attrs: { form: "" }
|
||
},
|
||
[
|
||
_c("CCol", { attrs: { sm: "3" } }, [
|
||
_vm._v(
|
||
"\n " +
|
||
_vm._s(name) +
|
||
"\n "
|
||
)
|
||
]),
|
||
_vm._v(" "),
|
||
_c("CInputRadioGroup", {
|
||
staticClass: "col-sm-9",
|
||
attrs: {
|
||
options: _vm.options,
|
||
custom: key > 1,
|
||
checked: "Option " + key,
|
||
inline: key % 2 === 1
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
]
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInputFile", {
|
||
attrs: { label: "File input", horizontal: "" }
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInputFile", {
|
||
attrs: {
|
||
label: "Multiple file input",
|
||
horizontal: "",
|
||
multiple: ""
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInputFile", {
|
||
attrs: {
|
||
label: "File custom input",
|
||
horizontal: "",
|
||
custom: ""
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInputFile", {
|
||
attrs: {
|
||
label: "Multiple file custom input",
|
||
horizontal: "",
|
||
multiple: "",
|
||
custom: ""
|
||
}
|
||
})
|
||
],
|
||
2
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-check-circle" } }),
|
||
_vm._v(" Submit")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "reset", size: "sm", color: "danger" }
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Inline")]),
|
||
_vm._v(" Form\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CForm",
|
||
{ attrs: { inline: "" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mr-2",
|
||
attrs: { placeholder: "Jane Doe" },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "label",
|
||
fn: function() {
|
||
return [_c("small", [_vm._v("Name: ")])]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
placeholder: "jane.doe@example.com",
|
||
autocomplete: "email"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "label",
|
||
fn: function() {
|
||
return [_c("small", [_vm._v("Email: ")])]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-check-circle" } }),
|
||
_vm._v(" Submit")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "reset", size: "sm", color: "danger" }
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { md: "6" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Horizontal")]),
|
||
_vm._v(" Form\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CForm",
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "email",
|
||
description: "Please enter your email.",
|
||
autocomplete: "email",
|
||
label: "Email",
|
||
horizontal: "",
|
||
placeholder: "Enter Email..."
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "password",
|
||
description: "Please enter your password.",
|
||
autocomplete: "current-password",
|
||
label: "Password",
|
||
horizontal: "",
|
||
placeholder: "Enter Password..."
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-check-circle" } }),
|
||
_vm._v(" Submit")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "reset", size: "sm", color: "danger" }
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Normal")]),
|
||
_vm._v(" Form\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CForm",
|
||
{ attrs: { novalidate: "" } },
|
||
[
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "email",
|
||
description: "Please enter your email.",
|
||
autocomplete: "email",
|
||
label: "Email",
|
||
placeholder: "Enter Email...",
|
||
required: "",
|
||
"was-validated": ""
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "password",
|
||
description: "Please enter your password.",
|
||
autocomplete: "current-password",
|
||
label: "Password",
|
||
placeholder: "Enter Password...",
|
||
required: "",
|
||
"was-validated": ""
|
||
}
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-check-circle" }
|
||
}),
|
||
_vm._v(" Submit")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "reset",
|
||
size: "sm",
|
||
color: "danger"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_vm._v("\n Input "),
|
||
_c("strong", [_vm._v("Grid")])
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "3" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-3" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-4" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "5" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-5" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "6" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-6" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "7" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-7" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "8" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-8" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "9" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-9" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "10" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-10" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "11" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-11" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
{ staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "12" } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-sm-12" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-user" } }),
|
||
_vm._v(" Login")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "reset", size: "sm", color: "danger" }
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_vm._v("\n Input "),
|
||
_c("strong", [_vm._v("Sizes")])
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Small input",
|
||
size: "sm",
|
||
horizontal: "",
|
||
placeholder: "size='sm'"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Default input",
|
||
horizontal: "",
|
||
placeholder: "normal"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Large input",
|
||
size: "lg",
|
||
horizontal: "",
|
||
placeholder: "size='lg'"
|
||
}
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-check-circle" } }),
|
||
_vm._v(" Submit")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "reset", size: "sm", color: "danger" }
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "12", md: "6" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Basic Validation")]),
|
||
_vm._v(" Form\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CForm",
|
||
{ attrs: { validated: "", novalidate: "" } },
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Input is valid",
|
||
"valid-feedback": "Input is not required."
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Input is invalid",
|
||
required: "",
|
||
"valid-feedback": "Thank you :)",
|
||
"invalid-feedback":
|
||
"Please provide a required input."
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "12", md: "6" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Custom Validation")]),
|
||
_vm._v(" Form\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CForm",
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Input is valid",
|
||
"valid-feedback": "Input is valid.",
|
||
"invalid-feedback":
|
||
"Please provide at least 4 characters.",
|
||
value: "Valid value",
|
||
"is-valid": _vm.validator
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Input is invalid",
|
||
"valid-feedback": "Thank you :)",
|
||
"invalid-feedback":
|
||
"Please provide at least 4 characters.",
|
||
"is-valid": _vm.validator
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Icon/Text")]),
|
||
_vm._v(" Groups\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c("CInput", {
|
||
attrs: { placeholder: "Username" },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", { attrs: { name: "cil-user" } })
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "email",
|
||
placeholder: "Email",
|
||
autocomplete: "email"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-envelope-open" }
|
||
})
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: { placeholder: "ex. $1.000.000", append: ".00" },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", { attrs: { name: "cil-euro" } })
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "success"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-check-circle" } }),
|
||
_vm._v(" Submit")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "reset", size: "sm", color: "danger" }
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Buttons")]),
|
||
_vm._v(" Groups\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c("CInput", {
|
||
attrs: { placeholder: "Username" },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { color: "primary" } },
|
||
[
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-magnifying-glass" }
|
||
}),
|
||
_vm._v(" Search\n ")
|
||
],
|
||
1
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "email",
|
||
placeholder: "Email",
|
||
autocomplete: "email"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "submit", color: "primary" }
|
||
},
|
||
[_vm._v("Submit")]
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "email",
|
||
placeholder: "Email",
|
||
autocomplete: "email"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { color: "primary" } },
|
||
[
|
||
_c("CIcon", {
|
||
attrs: {
|
||
name: "cib-facebook",
|
||
height: "14"
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
},
|
||
{
|
||
key: "append",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { color: "primary" } },
|
||
[
|
||
_c("CIcon", {
|
||
attrs: {
|
||
name: "cib-twitter",
|
||
height: "14"
|
||
}
|
||
})
|
||
],
|
||
1
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "success"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-check-circle" } }),
|
||
_vm._v(" Submit")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "reset", size: "sm", color: "danger" }
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_c("strong", [_vm._v("Dropdowns")]),
|
||
_vm._v(" Groups\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c("CInput", {
|
||
attrs: { placeholder: "Username" },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CDropdown",
|
||
{
|
||
attrs: {
|
||
togglerText: "Action",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[
|
||
_c("CDropdownItem", [_vm._v("Action")]),
|
||
_vm._v(" "),
|
||
_c("CDropdownItem", [
|
||
_vm._v("Another action")
|
||
]),
|
||
_vm._v(" "),
|
||
_c("CDropdownItem", [
|
||
_vm._v("Something else here...")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CDropdownItem",
|
||
{ attrs: { disabled: "" } },
|
||
[_vm._v("Disabled action")]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "email",
|
||
placeholder: "Email",
|
||
autocomplete: "email"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CDropdown",
|
||
{
|
||
attrs: {
|
||
togglerText: "Action",
|
||
color: "primary",
|
||
right: ""
|
||
}
|
||
},
|
||
[
|
||
_c("CDropdownItem", [_vm._v("Action")]),
|
||
_vm._v(" "),
|
||
_c("CDropdownItem", [
|
||
_vm._v("Another action")
|
||
]),
|
||
_vm._v(" "),
|
||
_c("CDropdownItem", [
|
||
_vm._v("Something else here...")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CDropdownItem",
|
||
{ attrs: { disabled: "" } },
|
||
[_vm._v("Disabled action")]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: { placeholder: "..." },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CDropdown",
|
||
{
|
||
attrs: {
|
||
togglerText: "Split",
|
||
color: "primary",
|
||
split: ""
|
||
}
|
||
},
|
||
[
|
||
_c(
|
||
"CDropdownItem",
|
||
{ attrs: { href: "#" } },
|
||
[_vm._v("Action")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CDropdownItem",
|
||
{ attrs: { href: "#" } },
|
||
[_vm._v("Another action")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CDropdownItem",
|
||
{ attrs: { href: "#" } },
|
||
[_vm._v("Something else here...")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CDropdownItem",
|
||
{ attrs: { disabled: "" } },
|
||
[_vm._v("Disabled action")]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
},
|
||
{
|
||
key: "append",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CDropdown",
|
||
{
|
||
attrs: {
|
||
togglerText: "Action",
|
||
color: "primary",
|
||
right: ""
|
||
}
|
||
},
|
||
[
|
||
_c("CDropdownItem", [_vm._v("Action")]),
|
||
_vm._v(" "),
|
||
_c("CDropdownItem", [
|
||
_vm._v("Another action")
|
||
]),
|
||
_vm._v(" "),
|
||
_c("CDropdownItem", [
|
||
_vm._v("Something else here...")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CDropdownItem",
|
||
{ attrs: { disabled: "" } },
|
||
[_vm._v("Disabled action")]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "success"
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-check-circle" } }),
|
||
_vm._v(" Submit")
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: { type: "reset", size: "sm", color: "danger" }
|
||
},
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-ban" } }),
|
||
_vm._v(" Reset")
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { md: "6" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_vm._v("\n Use the grid for big devices! "),
|
||
_c("small", [
|
||
_c("code", [_vm._v(".col-lg-*")]),
|
||
_vm._v(" "),
|
||
_c("code", [_vm._v(".col-md-*")]),
|
||
_vm._v(" "),
|
||
_c("code", [_vm._v(".col-sm-*")])
|
||
])
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
_vm._l([4, 5, 6, 7, 8], function(number, key) {
|
||
return _c(
|
||
"CRow",
|
||
{ key: key, staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { col: 12 - number } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: {
|
||
placeholder: ".col-md-" + (12 - number)
|
||
}
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { col: number } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-md-" + number }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
}),
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { size: "sm", color: "primary" } },
|
||
[_vm._v("Action")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { size: "sm", color: "danger" } },
|
||
[_vm._v("Action")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { size: "sm", color: "warning" } },
|
||
[_vm._v("Action")]
|
||
),
|
||
_vm._v(" "),
|
||
_c("CButton", { attrs: { size: "sm", color: "info" } }, [
|
||
_vm._v("Action")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { size: "sm", color: "success" } },
|
||
[_vm._v("Action")]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { md: "6" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_vm._v("\n Input Grid for small devices! "),
|
||
_c("small", [_c("code", [_vm._v(".col-*")])])
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
_vm._l([4, 5, 6, 7, 8], function(number, key) {
|
||
return _c(
|
||
"CRow",
|
||
{ key: key, staticClass: "form-group" },
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { col: number } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-" + number }
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { col: 12 - number } },
|
||
[
|
||
_c("CInput", {
|
||
staticClass: "mb-0",
|
||
attrs: { placeholder: ".col-" + (12 - number) }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
}),
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardFooter",
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { size: "sm", color: "primary" } },
|
||
[_vm._v("Action")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { size: "sm", color: "danger" } },
|
||
[_vm._v("Action")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { size: "sm", color: "warning" } },
|
||
[_vm._v("Action")]
|
||
),
|
||
_vm._v(" "),
|
||
_c("CButton", { attrs: { size: "sm", color: "info" } }, [
|
||
_vm._v("Action")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { size: "sm", color: "success" } },
|
||
[_vm._v("Action")]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_vm._v("\n Example Form\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CForm",
|
||
[
|
||
_c("CInput", {
|
||
attrs: { prepend: "Username" },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", { attrs: { name: "cil-user" } })
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "email",
|
||
autocomplete: "email",
|
||
prepend: "Email"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-envelope-closed" }
|
||
})
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
type: "password",
|
||
autocomplete: "current-password",
|
||
prepend: "Password"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-shield-alt" }
|
||
})
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c(
|
||
"div",
|
||
{ staticClass: "form-group form-actions" },
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[
|
||
_vm._v(
|
||
"\n Submit\n "
|
||
)
|
||
]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_vm._v("\n Example Form\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CForm",
|
||
[
|
||
_c("CInput", {
|
||
attrs: { placeholder: "Username" },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", { attrs: { name: "cil-user" } })
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
placeholder: "Email",
|
||
type: "email",
|
||
autocomplete: "email"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-envelope-closed" }
|
||
})
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
placeholder: "Password",
|
||
type: "password",
|
||
autocomplete: "current-password"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "append-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-shield-alt" }
|
||
})
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c(
|
||
"div",
|
||
{ staticClass: "form-group form-actions" },
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
staticClass: "btn btn-sm btn-secondary",
|
||
attrs: { type: "submit" }
|
||
},
|
||
[
|
||
_vm._v(
|
||
"\n Submit\n "
|
||
)
|
||
]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { sm: "4" } },
|
||
[
|
||
_c(
|
||
"CCard",
|
||
[
|
||
_c("CCardHeader", [
|
||
_vm._v("\n Example Form\n ")
|
||
]),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c(
|
||
"CForm",
|
||
[
|
||
_c("CInput", {
|
||
attrs: { placeholder: "Username" },
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", { attrs: { name: "cil-user" } })
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
placeholder: "Email",
|
||
type: "email",
|
||
autocomplete: "email"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-envelope-closed" }
|
||
})
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
placeholder: "Password",
|
||
type: "password",
|
||
autocomplete: "current-password"
|
||
},
|
||
scopedSlots: _vm._u([
|
||
{
|
||
key: "prepend-content",
|
||
fn: function() {
|
||
return [
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-shield-alt" }
|
||
})
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
])
|
||
}),
|
||
_vm._v(" "),
|
||
_c(
|
||
"div",
|
||
{ staticClass: "form-group form-actions" },
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
size: "sm",
|
||
color: "success"
|
||
}
|
||
},
|
||
[
|
||
_vm._v(
|
||
"\n Submit\n "
|
||
)
|
||
]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CRow",
|
||
[
|
||
_c(
|
||
"CCol",
|
||
{ attrs: { lg: "12" } },
|
||
[
|
||
_c(
|
||
"transition",
|
||
{ attrs: { name: "fade" } },
|
||
[
|
||
_vm.show
|
||
? _c(
|
||
"CCard",
|
||
[
|
||
_c(
|
||
"CCardHeader",
|
||
[
|
||
_c("CIcon", { attrs: { name: "cil-pencil" } }),
|
||
_vm._v(" Form Elements\n "),
|
||
_c(
|
||
"div",
|
||
{ staticClass: "card-header-actions" },
|
||
[
|
||
_c(
|
||
"CLink",
|
||
{
|
||
staticClass:
|
||
"card-header-action btn-setting",
|
||
attrs: { href: "#" }
|
||
},
|
||
[
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-settings" }
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CLink",
|
||
{
|
||
staticClass:
|
||
"card-header-action btn-minimize",
|
||
on: {
|
||
click: function($event) {
|
||
_vm.formCollapsed = !_vm.formCollapsed
|
||
}
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", {
|
||
attrs: {
|
||
name:
|
||
"cil-chevron-" +
|
||
(_vm.formCollapsed
|
||
? "bottom"
|
||
: "top")
|
||
}
|
||
})
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CLink",
|
||
{
|
||
staticClass:
|
||
"card-header-action btn-close",
|
||
attrs: { href: "#" },
|
||
on: {
|
||
click: function($event) {
|
||
_vm.show = !_vm.show
|
||
}
|
||
}
|
||
},
|
||
[
|
||
_c("CIcon", {
|
||
attrs: { name: "cil-x-circle" }
|
||
})
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CCollapse",
|
||
{ attrs: { show: _vm.formCollapsed } },
|
||
[
|
||
_c(
|
||
"CCardBody",
|
||
[
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Prepended text",
|
||
description: "Here's some help text",
|
||
type: "email",
|
||
autocomplete: "email",
|
||
prepend: "@"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Appended text",
|
||
append: ".00",
|
||
description: "Here's some help text"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Appended and prepended text",
|
||
append: ".00",
|
||
description: "Here's some help text",
|
||
prepend: "$"
|
||
}
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: {
|
||
label: "Append with button",
|
||
description: "Here's some help text"
|
||
},
|
||
scopedSlots: _vm._u(
|
||
[
|
||
{
|
||
key: "append",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { color: "primary" } },
|
||
[_vm._v("Go!")]
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
],
|
||
null,
|
||
false,
|
||
542345765
|
||
)
|
||
}),
|
||
_vm._v(" "),
|
||
_c("CInput", {
|
||
attrs: { label: "Two-buttons append" },
|
||
scopedSlots: _vm._u(
|
||
[
|
||
{
|
||
key: "append",
|
||
fn: function() {
|
||
return [
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { color: "primary" } },
|
||
[_vm._v("Search")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { color: "danger" } },
|
||
[_vm._v("Options")]
|
||
)
|
||
]
|
||
},
|
||
proxy: true
|
||
}
|
||
],
|
||
null,
|
||
false,
|
||
755980186
|
||
)
|
||
}),
|
||
_vm._v(" "),
|
||
_c(
|
||
"div",
|
||
{ staticClass: "form-actions" },
|
||
[
|
||
_c(
|
||
"CButton",
|
||
{
|
||
attrs: {
|
||
type: "submit",
|
||
color: "primary"
|
||
}
|
||
},
|
||
[_vm._v("Save changes")]
|
||
),
|
||
_vm._v(" "),
|
||
_c(
|
||
"CButton",
|
||
{ attrs: { color: "secondary" } },
|
||
[_vm._v("Cancel")]
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
: _vm._e()
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
],
|
||
1
|
||
)
|
||
}
|
||
var staticRenderFns = []
|
||
render._withStripped = true
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./resources/js/src/views/base/Forms.vue":
|
||
/*!***********************************************!*\
|
||
!*** ./resources/js/src/views/base/Forms.vue ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _Forms_vue_vue_type_template_id_40b51d4a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Forms.vue?vue&type=template&id=40b51d4a& */ "./resources/js/src/views/base/Forms.vue?vue&type=template&id=40b51d4a&");
|
||
/* harmony import */ var _Forms_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Forms.vue?vue&type=script&lang=js& */ "./resources/js/src/views/base/Forms.vue?vue&type=script&lang=js&");
|
||
/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
|
||
|
||
|
||
|
||
|
||
|
||
/* normalize component */
|
||
|
||
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
|
||
_Forms_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
_Forms_vue_vue_type_template_id_40b51d4a___WEBPACK_IMPORTED_MODULE_0__["render"],
|
||
_Forms_vue_vue_type_template_id_40b51d4a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
|
||
false,
|
||
null,
|
||
null,
|
||
null
|
||
|
||
)
|
||
|
||
/* hot reload */
|
||
if (false) { var api; }
|
||
component.options.__file = "resources/js/src/views/base/Forms.vue"
|
||
/* harmony default export */ __webpack_exports__["default"] = (component.exports);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./resources/js/src/views/base/Forms.vue?vue&type=script&lang=js&":
|
||
/*!************************************************************************!*\
|
||
!*** ./resources/js/src/views/base/Forms.vue?vue&type=script&lang=js& ***!
|
||
\************************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Forms_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Forms.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/base/Forms.vue?vue&type=script&lang=js&");
|
||
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Forms_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./resources/js/src/views/base/Forms.vue?vue&type=template&id=40b51d4a&":
|
||
/*!******************************************************************************!*\
|
||
!*** ./resources/js/src/views/base/Forms.vue?vue&type=template&id=40b51d4a& ***!
|
||
\******************************************************************************/
|
||
/*! exports provided: render, staticRenderFns */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Forms_vue_vue_type_template_id_40b51d4a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Forms.vue?vue&type=template&id=40b51d4a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/base/Forms.vue?vue&type=template&id=40b51d4a&");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Forms_vue_vue_type_template_id_40b51d4a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Forms_vue_vue_type_template_id_40b51d4a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
|
||
|
||
|
||
|
||
/***/ })
|
||
|
||
}]); |