nathalie
/
pedi2
3
3
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Agregado botón para mostrar la contraseña en el login del barrio

This commit is contained in:
Ale 2022-10-24 22:22:20 -03:00
parent 155a86975c
commit 69b244d074
3 changed files with 14274 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14156
public/css/app.css vendored
View File

File diff suppressed because it is too large Load Diff

164
public/js/app.js vendored
View File

@ -2203,11 +2203,20 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
data: function data() {
return {
visible: false,
gdc: null
gdc: null,
passwordVisible: false,
passwordType: "password"
};
},
mounted: function mounted() {
@ -2217,6 +2226,12 @@ __webpack_require__.r(__webpack_exports__);
_this.gdc = gdc;
_this.visible = true;
});
},
methods: {
togglePassword: function togglePassword() {
if (this.passwordVisible) this.passwordType = "password";else this.passwordType = "text";
this.passwordVisible = !this.passwordVisible;
}
}
});
@ -2756,8 +2771,6 @@ __webpack_require__.r(__webpack_exports__);
var _this = this;
Event.$on('sync-aprobacion', function (unSubpedido) {
console.log(unSubpedido);
if (_this.pedido.id === unSubpedido.id) {
_this.pedido = unSubpedido;
}
@ -2783,8 +2796,6 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
name: "BotonAdminSubpedidoRow",
props: {
@ -2797,7 +2808,7 @@ __webpack_require__.r(__webpack_exports__);
},
computed: {
mensaje: function mensaje() {
return this.pedido.aprobado ? "Desaprobar" : "Aprobar";
return this.pedido.aprobado ? "Aprobado" : "No aprobado";
}
},
methods: {
@ -2990,7 +3001,7 @@ __webpack_require__.r(__webpack_exports__);
},
data: function data() {
return {
gdc: null,
gdc: 0,
subpedidos: []
};
},
@ -4844,34 +4855,56 @@ var render = function () {
],
staticClass: "block",
},
[_vm._m(0), _vm._v(" "), _vm._m(1)]
[
_c("div", { staticClass: "field" }, [
_c("label", { staticClass: "label" }, [
_vm._v("Contraseña del barrio"),
]),
_vm._v(" "),
_c("div", { staticClass: "field has-addons" }, [
_c("div", { staticClass: "control" }, [
_c("input", {
staticClass: "input",
attrs: {
required: "",
type: this.passwordType,
name: "password",
placeholder: "Contraseña del barrio",
},
}),
]),
_vm._v(" "),
_c("div", { staticClass: "control" }, [
_c(
"a",
{
staticClass: "button is-info",
on: { click: _vm.togglePassword },
},
[
_vm._v(
"\n\t\t\t\t\t" +
_vm._s(
(_vm.passwordVisible ? "Ocultar" : "Mostrar") +
" contraseña"
) +
" \n\t\t\t\t"
),
]
),
]),
]),
_vm._v(" "),
_c("p", { staticClass: "help" }, [
_vm._v("Si no la sabés, consultá a tus compañerxs."),
]),
]),
_vm._v(" "),
_vm._m(0),
]
)
}
var staticRenderFns = [
function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c("div", { staticClass: "field" }, [
_c("label", { staticClass: "label" }, [_vm._v("Contraseña del barrio")]),
_vm._v(" "),
_c("p", { staticClass: "control" }, [
_c("input", {
staticClass: "input",
attrs: {
required: "",
type: "password",
name: "password",
placeholder: "Contraseña del barrio",
},
}),
]),
_vm._v(" "),
_c("p", { staticClass: "help" }, [
_vm._v("Si no la sabés, consultá a tus compañerxs."),
]),
])
},
function () {
var _vm = this
var _h = _vm.$createElement
@ -5729,24 +5762,24 @@ var render = function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"button",
{
staticClass: "button",
class: _vm.pedido.aprobado ? "is-danger" : "is-success",
on: { click: _vm.toggleAprobacion },
},
[
_c("span", { staticClass: "icon is-small" }, [
_c("i", {
staticClass: "fas",
class: _vm.pedido.aprobado ? "fa-times" : "fa-check",
}),
return _c("div", { staticClass: "field" }, [
_c("input", {
staticClass: "switch is-rounded is-success",
attrs: {
id: "switch" + this.pedido.id,
type: "checkbox",
name: "switchRoundedSuccess",
},
domProps: { checked: _vm.pedido.aprobado },
on: { change: _vm.toggleAprobacion },
}),
_vm._v(" "),
_c("label", { attrs: { for: "switch" + this.pedido.id } }, [
_c("span", { staticClass: "is-hidden-mobile" }, [
_vm._v(_vm._s(_vm.mensaje)),
]),
_vm._v(" "),
_c("span", [_vm._v(_vm._s(_vm.mensaje))]),
]
)
]),
])
}
var staticRenderFns = []
render._withStripped = true
@ -5855,6 +5888,7 @@ var render = function () {
return _c(
"div",
{
key: index,
staticClass: "columns is-mobile",
class: { "has-background-grey-lighter": index % 2 },
},
@ -5916,10 +5950,10 @@ render._withStripped = true
/***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true&":
/*!****************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true& ***!
\****************************************************************************************************************************************************************************************************************************/
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&":
/*!****************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d& ***!
\****************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@ -6071,7 +6105,7 @@ var staticRenderFns = [
]),
]),
_vm._v(" "),
_c("th", [
_c("th", { staticClass: "is-1" }, [
_c("abbr", { attrs: { title: "Aprobacion" } }, [
_vm._v("Aprobación"),
]),
@ -19513,7 +19547,7 @@ __webpack_require__.r(__webpack_exports__);
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true& */ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true&");
/* harmony import */ var _SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubpedidosGdc.vue?vue&type=template&id=652b385d& */ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&");
/* harmony import */ var _SubpedidosGdc_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubpedidosGdc.vue?vue&type=script&lang=js& */ "./resources/js/components/SubpedidosGdc.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");
@ -19525,11 +19559,11 @@ __webpack_require__.r(__webpack_exports__);
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
_SubpedidosGdc_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
_SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
_SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
_SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["render"],
_SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false,
null,
"652b385d",
null,
null
)
@ -19555,19 +19589,19 @@ __webpack_require__.r(__webpack_exports__);
/***/ }),
/***/ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true&":
/*!**********************************************************************************************!*\
!*** ./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true& ***!
\**********************************************************************************************/
/***/ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&":
/*!**********************************************************************************!*\
!*** ./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d& ***!
\**********************************************************************************/
/*! 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_SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___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!./SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true&");
/* 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_SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubpedidosGdc_vue_vue_type_template_id_652b385d___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!./SubpedidosGdc.vue?vue&type=template&id=652b385d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&");
/* 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_SubpedidosGdc_vue_vue_type_template_id_652b385d___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_SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
/* 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_SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });

24
resources/js/components/Login.vue
View File

@ -2,9 +2,16 @@
<div v-show="visible" class="block">
<div class="field">
<label class="label">Contraseña del barrio</label>
<p class="control">
<input required class="input" type="password" name="password" placeholder="Contraseña del barrio">
</p>
<div class="field has-addons">
<div class="control">
<input required class="input" :type="this.passwordType" name="password" placeholder="Contraseña del barrio">
</div>
<div class="control">
<a class="button is-info" @click="togglePassword">
{{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}}
</a>
</div>
</div>
<p class="help">Si no la sabés, consultá a tus compañerxs.</p>
</div>
<div class="field">
@ -20,7 +27,9 @@
data() {
return {
visible: false,
gdc: null
gdc: null,
passwordVisible: false,
passwordType: "password",
}
},
mounted() {
@ -28,6 +37,13 @@
this.gdc = gdc;
this.visible = true;
});
},
methods: {
togglePassword() {
if (this.passwordVisible) this.passwordType = "password";
else this.passwordType = "text"
this.passwordVisible = !this.passwordVisible
}
}
}
</script>