From 1db5d6194242d42a55a7845980a74283deb30444 Mon Sep 17 00:00:00 2001 From: ramon crisante Date: Fri, 20 Aug 2021 14:31:26 +0200 Subject: [PATCH] Added loading-button component to reset page --- .gitignore | 3 + public/css/app.css | 168 +++++++------- .../js/resources_js_views_forgot_index_vue.js | 208 ++++++++++++++---- resources/js/views/forgot/index.vue | 22 +- 4 files changed, 256 insertions(+), 145 deletions(-) diff --git a/.gitignore b/.gitignore index eb003b0..e521711 100644 --- a/.gitignore +++ b/.gitignore @@ -2,6 +2,9 @@ /public/hot /public/storage /storage/*.key +/storage/css +/storage/js +/storage/fonts /vendor .env .env.backup diff --git a/public/css/app.css b/public/css/app.css index a25ff9b..5070a93 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -17203,133 +17203,133 @@ form.user .btn-user { @-webkit-keyframes noise-anim { 0% { - clip: rect(79px, 9999px, 53px, 0); + clip: rect(6px, 9999px, 54px, 0); } 5% { - clip: rect(42px, 9999px, 16px, 0); + clip: rect(32px, 9999px, 16px, 0); } 10% { - clip: rect(37px, 9999px, 39px, 0); + clip: rect(50px, 9999px, 46px, 0); } 15% { - clip: rect(53px, 9999px, 98px, 0); + clip: rect(19px, 9999px, 42px, 0); } 20% { - clip: rect(41px, 9999px, 12px, 0); + clip: rect(72px, 9999px, 7px, 0); } 25% { - clip: rect(99px, 9999px, 34px, 0); + clip: rect(14px, 9999px, 14px, 0); } 30% { - clip: rect(38px, 9999px, 19px, 0); + clip: rect(82px, 9999px, 16px, 0); } 35% { - clip: rect(34px, 9999px, 67px, 0); + clip: rect(17px, 9999px, 89px, 0); } 40% { - clip: rect(35px, 9999px, 44px, 0); + clip: rect(30px, 9999px, 5px, 0); } 45% { - clip: rect(50px, 9999px, 58px, 0); + clip: rect(44px, 9999px, 27px, 0); } 50% { - clip: rect(73px, 9999px, 18px, 0); + clip: rect(89px, 9999px, 38px, 0); } 55% { - clip: rect(96px, 9999px, 5px, 0); + clip: rect(69px, 9999px, 90px, 0); } 60% { - clip: rect(21px, 9999px, 61px, 0); + clip: rect(82px, 9999px, 52px, 0); } 65% { - clip: rect(35px, 9999px, 60px, 0); + clip: rect(54px, 9999px, 31px, 0); } 70% { - clip: rect(10px, 9999px, 96px, 0); + clip: rect(54px, 9999px, 4px, 0); } 75% { - clip: rect(77px, 9999px, 47px, 0); + clip: rect(100px, 9999px, 49px, 0); } 80% { - clip: rect(94px, 9999px, 73px, 0); + clip: rect(70px, 9999px, 4px, 0); } 85% { - clip: rect(36px, 9999px, 63px, 0); + clip: rect(40px, 9999px, 67px, 0); } 90% { - clip: rect(77px, 9999px, 49px, 0); + clip: rect(93px, 9999px, 98px, 0); } 95% { - clip: rect(73px, 9999px, 8px, 0); + clip: rect(21px, 9999px, 46px, 0); } 100% { - clip: rect(85px, 9999px, 96px, 0); + clip: rect(59px, 9999px, 88px, 0); } } @keyframes noise-anim { 0% { - clip: rect(79px, 9999px, 53px, 0); + clip: rect(6px, 9999px, 54px, 0); } 5% { - clip: rect(42px, 9999px, 16px, 0); + clip: rect(32px, 9999px, 16px, 0); } 10% { - clip: rect(37px, 9999px, 39px, 0); + clip: rect(50px, 9999px, 46px, 0); } 15% { - clip: rect(53px, 9999px, 98px, 0); + clip: rect(19px, 9999px, 42px, 0); } 20% { - clip: rect(41px, 9999px, 12px, 0); + clip: rect(72px, 9999px, 7px, 0); } 25% { - clip: rect(99px, 9999px, 34px, 0); + clip: rect(14px, 9999px, 14px, 0); } 30% { - clip: rect(38px, 9999px, 19px, 0); + clip: rect(82px, 9999px, 16px, 0); } 35% { - clip: rect(34px, 9999px, 67px, 0); + clip: rect(17px, 9999px, 89px, 0); } 40% { - clip: rect(35px, 9999px, 44px, 0); + clip: rect(30px, 9999px, 5px, 0); } 45% { - clip: rect(50px, 9999px, 58px, 0); + clip: rect(44px, 9999px, 27px, 0); } 50% { - clip: rect(73px, 9999px, 18px, 0); + clip: rect(89px, 9999px, 38px, 0); } 55% { - clip: rect(96px, 9999px, 5px, 0); + clip: rect(69px, 9999px, 90px, 0); } 60% { - clip: rect(21px, 9999px, 61px, 0); + clip: rect(82px, 9999px, 52px, 0); } 65% { - clip: rect(35px, 9999px, 60px, 0); + clip: rect(54px, 9999px, 31px, 0); } 70% { - clip: rect(10px, 9999px, 96px, 0); + clip: rect(54px, 9999px, 4px, 0); } 75% { - clip: rect(77px, 9999px, 47px, 0); + clip: rect(100px, 9999px, 49px, 0); } 80% { - clip: rect(94px, 9999px, 73px, 0); + clip: rect(70px, 9999px, 4px, 0); } 85% { - clip: rect(36px, 9999px, 63px, 0); + clip: rect(40px, 9999px, 67px, 0); } 90% { - clip: rect(77px, 9999px, 49px, 0); + clip: rect(93px, 9999px, 98px, 0); } 95% { - clip: rect(73px, 9999px, 8px, 0); + clip: rect(21px, 9999px, 46px, 0); } 100% { - clip: rect(85px, 9999px, 96px, 0); + clip: rect(59px, 9999px, 88px, 0); } } .error:after { @@ -17347,133 +17347,133 @@ form.user .btn-user { @-webkit-keyframes noise-anim-2 { 0% { - clip: rect(16px, 9999px, 90px, 0); + clip: rect(16px, 9999px, 70px, 0); } 5% { - clip: rect(94px, 9999px, 66px, 0); + clip: rect(82px, 9999px, 79px, 0); } 10% { - clip: rect(98px, 9999px, 26px, 0); + clip: rect(25px, 9999px, 66px, 0); } 15% { - clip: rect(58px, 9999px, 24px, 0); + clip: rect(73px, 9999px, 15px, 0); } 20% { - clip: rect(33px, 9999px, 8px, 0); + clip: rect(16px, 9999px, 96px, 0); } 25% { - clip: rect(29px, 9999px, 61px, 0); + clip: rect(70px, 9999px, 21px, 0); } 30% { - clip: rect(66px, 9999px, 19px, 0); + clip: rect(76px, 9999px, 54px, 0); } 35% { - clip: rect(24px, 9999px, 44px, 0); + clip: rect(48px, 9999px, 9px, 0); } 40% { - clip: rect(9px, 9999px, 39px, 0); + clip: rect(98px, 9999px, 47px, 0); } 45% { - clip: rect(10px, 9999px, 32px, 0); + clip: rect(85px, 9999px, 56px, 0); } 50% { - clip: rect(9px, 9999px, 31px, 0); + clip: rect(82px, 9999px, 50px, 0); } 55% { - clip: rect(61px, 9999px, 67px, 0); + clip: rect(12px, 9999px, 40px, 0); } 60% { - clip: rect(26px, 9999px, 77px, 0); + clip: rect(88px, 9999px, 50px, 0); } 65% { - clip: rect(52px, 9999px, 35px, 0); + clip: rect(45px, 9999px, 88px, 0); } 70% { - clip: rect(57px, 9999px, 57px, 0); + clip: rect(79px, 9999px, 92px, 0); } 75% { - clip: rect(45px, 9999px, 62px, 0); + clip: rect(15px, 9999px, 87px, 0); } 80% { - clip: rect(73px, 9999px, 77px, 0); + clip: rect(14px, 9999px, 80px, 0); } 85% { - clip: rect(76px, 9999px, 45px, 0); + clip: rect(26px, 9999px, 60px, 0); } 90% { - clip: rect(75px, 9999px, 42px, 0); + clip: rect(62px, 9999px, 29px, 0); } 95% { - clip: rect(83px, 9999px, 27px, 0); + clip: rect(22px, 9999px, 28px, 0); } 100% { - clip: rect(54px, 9999px, 100px, 0); + clip: rect(43px, 9999px, 56px, 0); } } @keyframes noise-anim-2 { 0% { - clip: rect(16px, 9999px, 90px, 0); + clip: rect(16px, 9999px, 70px, 0); } 5% { - clip: rect(94px, 9999px, 66px, 0); + clip: rect(82px, 9999px, 79px, 0); } 10% { - clip: rect(98px, 9999px, 26px, 0); + clip: rect(25px, 9999px, 66px, 0); } 15% { - clip: rect(58px, 9999px, 24px, 0); + clip: rect(73px, 9999px, 15px, 0); } 20% { - clip: rect(33px, 9999px, 8px, 0); + clip: rect(16px, 9999px, 96px, 0); } 25% { - clip: rect(29px, 9999px, 61px, 0); + clip: rect(70px, 9999px, 21px, 0); } 30% { - clip: rect(66px, 9999px, 19px, 0); + clip: rect(76px, 9999px, 54px, 0); } 35% { - clip: rect(24px, 9999px, 44px, 0); + clip: rect(48px, 9999px, 9px, 0); } 40% { - clip: rect(9px, 9999px, 39px, 0); + clip: rect(98px, 9999px, 47px, 0); } 45% { - clip: rect(10px, 9999px, 32px, 0); + clip: rect(85px, 9999px, 56px, 0); } 50% { - clip: rect(9px, 9999px, 31px, 0); + clip: rect(82px, 9999px, 50px, 0); } 55% { - clip: rect(61px, 9999px, 67px, 0); + clip: rect(12px, 9999px, 40px, 0); } 60% { - clip: rect(26px, 9999px, 77px, 0); + clip: rect(88px, 9999px, 50px, 0); } 65% { - clip: rect(52px, 9999px, 35px, 0); + clip: rect(45px, 9999px, 88px, 0); } 70% { - clip: rect(57px, 9999px, 57px, 0); + clip: rect(79px, 9999px, 92px, 0); } 75% { - clip: rect(45px, 9999px, 62px, 0); + clip: rect(15px, 9999px, 87px, 0); } 80% { - clip: rect(73px, 9999px, 77px, 0); + clip: rect(14px, 9999px, 80px, 0); } 85% { - clip: rect(76px, 9999px, 45px, 0); + clip: rect(26px, 9999px, 60px, 0); } 90% { - clip: rect(75px, 9999px, 42px, 0); + clip: rect(62px, 9999px, 29px, 0); } 95% { - clip: rect(83px, 9999px, 27px, 0); + clip: rect(22px, 9999px, 28px, 0); } 100% { - clip: rect(54px, 9999px, 100px, 0); + clip: rect(43px, 9999px, 56px, 0); } } .error:before { diff --git a/public/js/resources_js_views_forgot_index_vue.js b/public/js/resources_js_views_forgot_index_vue.js index 69dd844..bd932ae 100644 --- a/public/js/resources_js_views_forgot_index_vue.js +++ b/public/js/resources_js_views_forgot_index_vue.js @@ -1,5 +1,38 @@ (self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_views_forgot_index_vue"],{ +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=script&lang=js&": +/*!********************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=script&lang=js& ***! + \********************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +// +// +// +// +// +// +// +// +// +// +// +// +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ + name: "LoadingButton", + props: { + text: String, + isLoading: Boolean + } +}); + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=script&lang=js&": /*!**************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=script&lang=js& ***! @@ -15,6 +48,7 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _utils_notify_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/notify.js */ "./resources/js/utils/notify.js"); /* harmony import */ var _components_Nav__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Nav */ "./resources/js/components/Nav.vue"); +/* harmony import */ var _components_LoadingButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/LoadingButton */ "./resources/js/components/LoadingButton.vue"); function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } } @@ -90,22 +124,14 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar // // // -// -// -// -// -// -// -// -// -// -// + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ name: "Forgot", components: { - Nav: _components_Nav__WEBPACK_IMPORTED_MODULE_2__.default + Nav: _components_Nav__WEBPACK_IMPORTED_MODULE_2__.default, + LoadingButton: _components_LoadingButton__WEBPACK_IMPORTED_MODULE_3__.default }, data: function data() { return { @@ -188,6 +214,45 @@ function authError(error) { /***/ }), +/***/ "./resources/js/components/LoadingButton.vue": +/*!***************************************************!*\ + !*** ./resources/js/components/LoadingButton.vue ***! + \***************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LoadingButton.vue?vue&type=template&id=b8be879a& */ "./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a&"); +/* harmony import */ var _LoadingButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LoadingButton.vue?vue&type=script&lang=js& */ "./resources/js/components/LoadingButton.vue?vue&type=script&lang=js&"); +/* 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 = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__.default)( + _LoadingButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default, + _LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__.render, + _LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "resources/js/components/LoadingButton.vue" +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports); + +/***/ }), + /***/ "./resources/js/views/forgot/index.vue": /*!*********************************************!*\ !*** ./resources/js/views/forgot/index.vue ***! @@ -227,6 +292,22 @@ component.options.__file = "resources/js/views/forgot/index.vue" /***/ }), +/***/ "./resources/js/components/LoadingButton.vue?vue&type=script&lang=js&": +/*!****************************************************************************!*\ + !*** ./resources/js/components/LoadingButton.vue?vue&type=script&lang=js& ***! + \****************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=script&lang=js&"); + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); + +/***/ }), + /***/ "./resources/js/views/forgot/index.vue?vue&type=script&lang=js&": /*!**********************************************************************!*\ !*** ./resources/js/views/forgot/index.vue?vue&type=script&lang=js& ***! @@ -241,6 +322,23 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=script&lang=js&"); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); +/***/ }), + +/***/ "./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a&": +/*!**********************************************************************************!*\ + !*** ./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a& ***! + \**********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__.render), +/* harmony export */ "staticRenderFns": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns) +/* harmony export */ }); +/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingButton.vue?vue&type=template&id=b8be879a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a&"); + + /***/ }), /***/ "./resources/js/views/forgot/index.vue?vue&type=template&id=16706c65&": @@ -258,6 +356,51 @@ __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_index_vue_vue_type_template_id_16706c65___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=template&id=16706c65& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=template&id=16706c65&"); +/***/ }), + +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a&": +/*!*************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a& ***! + \*************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* binding */ render), +/* harmony export */ "staticRenderFns": () => (/* binding */ staticRenderFns) +/* harmony export */ }); +var render = function() { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "button", + { + staticClass: "btn btn-primary btn-user btn-block", + attrs: { type: "submit", disabled: _vm.isLoading } + }, + [ + !_vm.isLoading ? _c("span", [_vm._v(_vm._s(_vm.text))]) : _vm._e(), + _vm._v(" "), + _vm.isLoading + ? _c( + "div", + { + staticClass: "spinner-border text-light", + attrs: { role: "status" } + }, + [_c("span", { staticClass: "sr-only" }, [_vm._v("Loading...")])] + ) + : _vm._e() + ] + ) +} +var staticRenderFns = [] +render._withStripped = true + + + /***/ }), /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=template&id=16706c65&": @@ -343,41 +486,14 @@ var render = function() { }) ]), _vm._v(" "), - _c( - "button", - { - staticClass: - "btn btn-primary btn-user btn-block", - attrs: { - type: "submit", - disabled: _vm.isLoading - } - }, - [ - !_vm.isLoading - ? _c("span", [_vm._v("Reset Password")]) - : _vm._e(), - _vm._v(" "), - _vm.isLoading - ? _c( - "div", - { - staticClass: - "spinner-border text-light", - attrs: { role: "status" } - }, - [ - _c( - "span", - { staticClass: "sr-only" }, - [_vm._v("Loading...")] - ) - ] - ) - : _vm._e() - ] - ) - ] + _c("LoadingButton", { + attrs: { + text: "Reset password", + isLoading: _vm.isLoading + } + }) + ], + 1 ) ]) : _c("div", [_vm._m(1)]), diff --git a/resources/js/views/forgot/index.vue b/resources/js/views/forgot/index.vue index 71eb8f3..04348db 100644 --- a/resources/js/views/forgot/index.vue +++ b/resources/js/views/forgot/index.vue @@ -33,20 +33,10 @@ v-model="email" /> - +
@@ -79,12 +69,14 @@