Files
2021-04-07 06:32:42 -04:00

929 lines
25 KiB
JavaScript

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[27],{
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/base/ProgressBars.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/ProgressBars.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: 'ProgressBars',
data: function data() {
return {
counter: 73,
max: 100,
max2: 50,
value: 33.333333333,
value3: 75,
bars: [{
color: 'success',
value: 75
}, {
color: 'info',
value: 75
}, {
color: 'warning',
value: 75
}, {
color: 'danger',
value: 75
}, {
color: 'primary',
value: 75
}, {
color: 'secondary',
value: 75
}, {
color: 'dark',
value: 75
}],
timer: null,
striped: true,
animate: true,
max3: 100,
values: [15, 30, 20]
};
},
methods: {
clicked: function clicked() {
this.counter = Math.random() * this.max;
}
},
mounted: function mounted() {
var _this = this;
this.timer = setInterval(function () {
_this.bars.forEach(function (bar) {
bar.value = 25 + Math.random() * 75;
});
}, 2000);
},
beforeDestroy: function beforeDestroy() {
clearInterval(this.timer);
this.timer = null;
}
});
/***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/base/ProgressBars.vue?vue&type=template&id=a0bf3bde&":
/*!*******************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/base/ProgressBars.vue?vue&type=template&id=a0bf3bde& ***!
\*******************************************************************************************************************************************************************************************************************/
/*! 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(
"CCard",
[
_c(
"CCardHeader",
[
_c("CIcon", { attrs: { name: "cil-justify-center" } }),
_vm._v(" "),
_c("strong", [_vm._v(" Bootstrap Progress")]),
_vm._v(" "),
_c("div", { staticClass: "card-header-actions" }, [
_c(
"a",
{
staticClass: "card-header-action",
attrs: {
href: "https://coreui.io/vue/docs/components/progress",
rel: "noreferrer noopener",
target: "_blank"
}
},
[_c("small", { staticClass: "text-muted" }, [_vm._v("docs")])]
)
])
],
1
),
_vm._v(" "),
_c(
"CCardBody",
[
_c("CProgress", {
attrs: {
value: _vm.counter,
max: _vm.max,
"show-percentage": "",
animated: ""
}
}),
_vm._v(" "),
_c(
"CProgress",
{
staticClass: "mt-1",
attrs: { max: _vm.max, "show-value": "" }
},
[
_c("CProgressBar", {
attrs: { value: _vm.counter * (6 / 10), color: "success" }
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: { value: _vm.counter * (2.5 / 10), color: "warning" }
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: { value: _vm.counter * (1.5 / 10), color: "danger" }
})
],
1
),
_vm._v(" "),
_c(
"CButton",
{
staticClass: "mt-4",
attrs: { color: "secondary" },
on: { click: _vm.clicked }
},
[_vm._v("\n Click me to animate progress bars\n ")]
)
],
1
)
],
1
),
_vm._v(" "),
_c(
"CCard",
[
_c(
"CCardHeader",
[
_c("CIcon", { attrs: { name: "cil-justify-center" } }),
_vm._v(" "),
_c("strong", [_vm._v(" Progress ")]),
_c("small", [_vm._v("labels")])
],
1
),
_vm._v(" "),
_c(
"CCardBody",
[
_c("h6", [_vm._v("No label")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-3",
attrs: { value: _vm.value, max: _vm.max2 }
}),
_vm._v(" "),
_c("h6", [_vm._v("Value label")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-3",
attrs: { value: _vm.value, max: _vm.max2, "show-value": "" }
}),
_vm._v(" "),
_c("h6", [_vm._v("Progress label")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-3",
attrs: {
value: _vm.value,
max: _vm.max2,
"show-percentage": ""
}
}),
_vm._v(" "),
_c("h6", [_vm._v("Value label with precision")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-3",
attrs: {
value: _vm.value,
max: _vm.max2,
precision: 2,
"show-value": ""
}
}),
_vm._v(" "),
_c("h6", [_vm._v("Progress label with precision")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-3",
attrs: {
value: _vm.value,
max: _vm.max2,
precision: 2,
"show-percentage": ""
}
})
],
1
)
],
1
),
_vm._v(" "),
_c(
"CCard",
[
_c(
"CCardHeader",
[
_c("CIcon", { attrs: { name: "cil-justify-center" } }),
_vm._v(" "),
_c("strong", [_vm._v(" Progress ")]),
_vm._v(" "),
_c("small", [_vm._v("width")])
],
1
),
_vm._v(" "),
_c(
"CCardBody",
[
_c("h6", [_vm._v("Default width")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-3",
attrs: { value: _vm.value3 }
}),
_vm._v(" "),
_c("h6", [_vm._v("Custom widths")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "w-75 mb-2",
attrs: { value: _vm.value3 }
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "w-50 mb-2",
attrs: { value: _vm.value3 }
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "w-25",
attrs: { value: _vm.value3 }
})
],
1
)
],
1
),
_vm._v(" "),
_c(
"CCard",
[
_c(
"CCardHeader",
[
_c("CIcon", { attrs: { name: "cil-justify-center" } }),
_vm._v(" "),
_c("strong", [_vm._v(" Progress ")]),
_vm._v(" "),
_c("small", [_vm._v("height")])
],
1
),
_vm._v(" "),
_c(
"CCardBody",
[
_c("h6", [_vm._v("Default height")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-3",
attrs: { value: _vm.value3, "show-percentage": "" }
}),
_vm._v(" "),
_c("h6", [_vm._v("Custom heights")]),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-2",
attrs: {
height: "2rem",
value: _vm.value3,
"show-percentage": ""
}
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-2",
attrs: {
height: "20px",
value: _vm.value3,
"show-percentage": ""
}
}),
_vm._v(" "),
_c("CProgress", { attrs: { height: "2px", value: _vm.value3 } })
],
1
)
],
1
),
_vm._v(" "),
_c(
"CCard",
[
_c(
"CCardHeader",
[
_c("CIcon", { attrs: { name: "cil-justify-center" } }),
_vm._v(" "),
_c("strong", [_vm._v(" Progress ")]),
_vm._v(" "),
_c("small", [_vm._v("colors")])
],
1
),
_vm._v(" "),
_c(
"CCardBody",
_vm._l(_vm.bars, function(bar, index) {
return _c("div", { key: index, staticClass: "row mb-1" }, [
_c("div", { staticClass: "col-sm-2" }, [
_vm._v(_vm._s(bar.color) + ":")
]),
_vm._v(" "),
_c(
"div",
{ staticClass: "col-sm-10 pt-1" },
[
_c("CProgress", {
key: bar.color,
attrs: { value: bar.value, color: bar.color }
})
],
1
)
])
}),
0
)
],
1
),
_vm._v(" "),
_c(
"CCard",
[
_c(
"CCardHeader",
[
_c("CIcon", { attrs: { name: "cil-justify-center" } }),
_vm._v(" "),
_c("strong", [_vm._v(" Progress ")]),
_vm._v(" "),
_c("small", [_vm._v("striped")])
],
1
),
_vm._v(" "),
_c(
"CCardBody",
[
_c("CProgress", {
staticClass: "mb-2",
attrs: { value: 25, color: "success", striped: _vm.striped }
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-2",
attrs: { value: 50, color: "info", striped: _vm.striped }
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-2",
attrs: { value: 75, color: "warning", striped: _vm.striped }
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-2",
attrs: { value: 100, color: "danger", striped: _vm.striped }
}),
_vm._v(" "),
_c(
"CButton",
{
attrs: { color: "secondary" },
on: {
click: function($event) {
_vm.striped = !_vm.striped
}
}
},
[
_vm._v(
"\n " +
_vm._s(_vm.striped ? "Remove" : "Add") +
" Striped\n "
)
]
)
],
1
)
],
1
),
_vm._v(" "),
_c(
"CCard",
[
_c(
"CCardHeader",
[
_c("CIcon", { attrs: { name: "cil-justify-center" } }),
_vm._v(" "),
_c("strong", [_vm._v(" Progress ")]),
_vm._v(" "),
_c("small", [_vm._v("animated")])
],
1
),
_vm._v(" "),
_c(
"CCardBody",
[
_c("CProgress", {
staticClass: "mb-2",
attrs: {
value: 25,
color: "success",
striped: "",
animated: _vm.animate
}
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-2",
attrs: {
value: 50,
color: "info",
striped: "",
animated: _vm.animate
}
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-2",
attrs: {
value: 75,
color: "warning",
striped: "",
animated: _vm.animate
}
}),
_vm._v(" "),
_c("CProgress", {
staticClass: "mb-3",
attrs: { value: 100, color: "danger", animated: _vm.animate }
}),
_vm._v(" "),
_c(
"CButton",
{
attrs: { color: "secondary" },
on: {
click: function($event) {
_vm.animate = !_vm.animate
}
}
},
[
_vm._v(
"\n " +
_vm._s(_vm.animate ? "Stop" : "Start") +
" Animation\n "
)
]
)
],
1
)
],
1
),
_vm._v(" "),
_c(
"CCard",
[
_c(
"CCardHeader",
[
_c("CIcon", { attrs: { name: "cil-justify-center" } }),
_vm._v(" "),
_c("strong", [_vm._v(" Progress ")]),
_vm._v(" "),
_c("small", [_vm._v("multiple bars")])
],
1
),
_vm._v(" "),
_c(
"CCardBody",
[
_c(
"CProgress",
{ staticClass: "mb-3", attrs: { max: _vm.max3 } },
[
_c("CProgressBar", {
attrs: { color: "primary", value: _vm.values[0] }
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: { color: "success", value: _vm.values[1] }
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: { color: "info", value: _vm.values[2] }
})
],
1
),
_vm._v(" "),
_c(
"CProgress",
{
staticClass: "mb-3",
attrs: { "show-percentage": "", max: _vm.max3 }
},
[
_c("CProgressBar", {
attrs: { color: "primary", value: _vm.values[0] }
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: { color: "success", value: _vm.values[1] }
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: { color: "info", value: _vm.values[2] }
})
],
1
),
_vm._v(" "),
_c(
"CProgress",
{
staticClass: "mb-3",
attrs: { "show-value": "", striped: "", max: _vm.max3 }
},
[
_c("CProgressBar", {
attrs: { color: "primary", value: _vm.values[0] }
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: { color: "success", value: _vm.values[1] }
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: { color: "info", value: _vm.values[2] }
})
],
1
),
_vm._v(" "),
_c(
"CProgress",
{ staticClass: "mb-3", attrs: { max: _vm.max3 } },
[
_c("CProgressBar", {
attrs: {
color: "primary",
value: _vm.values[0],
"show-percentage": ""
}
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: {
color: "success",
value: _vm.values[1],
animated: "",
"show-percentage": ""
}
}),
_vm._v(" "),
_c("CProgressBar", {
attrs: {
color: "info",
value: _vm.values[2],
striped: "",
"show-percentage": ""
}
})
],
1
)
],
1
)
],
1
)
],
1
)
}
var staticRenderFns = []
render._withStripped = true
/***/ }),
/***/ "./resources/js/src/views/base/ProgressBars.vue":
/*!******************************************************!*\
!*** ./resources/js/src/views/base/ProgressBars.vue ***!
\******************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _ProgressBars_vue_vue_type_template_id_a0bf3bde___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ProgressBars.vue?vue&type=template&id=a0bf3bde& */ "./resources/js/src/views/base/ProgressBars.vue?vue&type=template&id=a0bf3bde&");
/* harmony import */ var _ProgressBars_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ProgressBars.vue?vue&type=script&lang=js& */ "./resources/js/src/views/base/ProgressBars.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"])(
_ProgressBars_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
_ProgressBars_vue_vue_type_template_id_a0bf3bde___WEBPACK_IMPORTED_MODULE_0__["render"],
_ProgressBars_vue_vue_type_template_id_a0bf3bde___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false,
null,
null,
null
)
/* hot reload */
if (false) { var api; }
component.options.__file = "resources/js/src/views/base/ProgressBars.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports);
/***/ }),
/***/ "./resources/js/src/views/base/ProgressBars.vue?vue&type=script&lang=js&":
/*!*******************************************************************************!*\
!*** ./resources/js/src/views/base/ProgressBars.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_ProgressBars_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!./ProgressBars.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/ProgressBars.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_ProgressBars_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }),
/***/ "./resources/js/src/views/base/ProgressBars.vue?vue&type=template&id=a0bf3bde&":
/*!*************************************************************************************!*\
!*** ./resources/js/src/views/base/ProgressBars.vue?vue&type=template&id=a0bf3bde& ***!
\*************************************************************************************/
/*! 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_ProgressBars_vue_vue_type_template_id_a0bf3bde___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!./ProgressBars.vue?vue&type=template&id=a0bf3bde& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/base/ProgressBars.vue?vue&type=template&id=a0bf3bde&");
/* 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_ProgressBars_vue_vue_type_template_id_a0bf3bde___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_ProgressBars_vue_vue_type_template_id_a0bf3bde___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
/***/ })
}]);