Merge pull request 'mostrar-password' (#12) from mostrar-password into master

Reviewed-on: #12
This commit is contained in:
nathalie 2022-11-04 16:16:08 -03:00
commit cf77fc5e61
7 changed files with 14370 additions and 111 deletions

14156
public/css/app.css vendored

File diff suppressed because it is too large Load Diff

264
public/js/app.js vendored
View File

@ -2203,11 +2203,21 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
name: 'Login',
data: function data() {
return {
visible: false,
gdc: null
gdc: null,
passwordVisible: false,
passwordType: "password"
};
},
mounted: function mounted() {
@ -2217,6 +2227,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;
}
}
});
@ -2248,12 +2264,21 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
name: "LoginAdmin.vue",
name: "LoginAdmin",
data: function data() {
return {
visible: false,
gdc: null
gdc: null,
passwordVisible: false,
passwordType: "password"
};
},
mounted: function mounted() {
@ -2263,6 +2288,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 +2787,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 +2812,6 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
name: "BotonAdminSubpedidoRow",
props: {
@ -2797,7 +2824,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 +3017,7 @@ __webpack_require__.r(__webpack_exports__);
},
data: function data() {
return {
gdc: null,
gdc: 0,
subpedidos: []
};
},
@ -4514,8 +4541,9 @@ var render = function () {
[_vm._v("Seleccionar")]
),
_vm._v(" "),
_vm._l(_vm.gdcs, function (gdc) {
_vm._l(_vm.gdcs, function (gdc, index) {
return _c("option", {
key: index,
attrs: { name: gdc.nombre + (_vm.isAdmin ? "_admin" : "") },
domProps: {
textContent: _vm._s(
@ -4844,34 +4872,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
@ -4920,36 +4970,56 @@ var render = function () {
],
staticClass: "block",
},
[_vm._m(0), _vm._v(" "), _vm._m(1)]
[
_c("div", { staticClass: "field" }, [
_c("label", { staticClass: "label has-text-white" }, [
_vm._v("Contraseña de administración 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 de admin del barrio",
},
}),
]),
_vm._v(" "),
_c("div", { staticClass: "control" }, [
_c(
"a",
{
staticClass: "button is-warning",
on: { click: _vm.togglePassword },
},
[
_vm._v(
"\n\t\t\t\t\t\t" +
_vm._s(
(_vm.passwordVisible ? "Ocultar" : "Mostrar") +
" contraseña"
) +
" \n\t\t\t\t\t"
),
]
),
]),
]),
_vm._v(" "),
_c("p", { staticClass: "help has-text-white" }, [
_vm._v("Si no la sabés, consultá a la comisión informática."),
]),
]),
_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 has-text-white" }, [
_vm._v("Contraseña de administración del barrio"),
]),
_vm._v(" "),
_c("p", { staticClass: "control" }, [
_c("input", {
staticClass: "input",
attrs: {
required: "",
type: "password",
name: "password",
placeholder: "Contraseña de admin del barrio",
},
}),
]),
_vm._v(" "),
_c("p", { staticClass: "help has-text-white" }, [
_vm._v("Si no la sabés, consultá a la comisión informática."),
]),
])
},
function () {
var _vm = this
var _h = _vm.$createElement
@ -5655,8 +5725,9 @@ var render = function () {
[_vm._v("Seleccionar")]
),
_vm._v(" "),
_vm._l(_vm.regiones, function (region) {
_vm._l(_vm.regiones, function (region, index) {
return _c("option", {
key: index,
attrs: { name: region },
domProps: { textContent: _vm._s(region) },
})
@ -5729,24 +5800,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 +5926,7 @@ var render = function () {
return _c(
"div",
{
key: index,
staticClass: "columns is-mobile",
class: { "has-background-grey-lighter": index % 2 },
},
@ -5916,10 +5988,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 +6143,7 @@ var staticRenderFns = [
]),
]),
_vm._v(" "),
_c("th", [
_c("th", { staticClass: "is-1" }, [
_c("abbr", { attrs: { title: "Aprobacion" } }, [
_vm._v("Aprobación"),
]),
@ -19513,7 +19585,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 +19597,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 +19627,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"]; });

View File

@ -6,7 +6,7 @@
<div class="select">
<select @change="onGDCSelected" v-model="gdc" name="name">
<option :disabled="isDefaultDisabled==1" value=null>Seleccionar</option>
<option v-for="gdc in gdcs" v-text="gdc.nombre + (isAdmin ? '_admin' : '')"
<option v-for="(gdc, index) in gdcs" :key="index" v-text="gdc.nombre + (isAdmin ? '_admin' : '')"
:name="gdc.nombre + (isAdmin ? '_admin' : '')">
</option>
</select>

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">
@ -17,10 +24,13 @@
<script>
export default {
name: 'Login',
data() {
return {
visible: false,
gdc: null
gdc: null,
passwordVisible: false,
passwordType: "password",
}
},
mounted() {
@ -28,6 +38,13 @@
this.gdc = gdc;
this.visible = true;
});
},
methods: {
togglePassword() {
if (this.passwordVisible) this.passwordType = "password";
else this.passwordType = "text"
this.passwordVisible = !this.passwordVisible
}
}
}
</script>

View File

@ -2,9 +2,16 @@
<div v-show="visible" class="block">
<div class="field">
<label class="label has-text-white">Contraseña de administración del barrio</label>
<p class="control">
<input required class="input" type="password" name="password" placeholder="Contraseña de admin del barrio">
</p>
<div class="field has-addons">
<div class="control">
<input required class="input" :type="this.passwordType" name="password" placeholder="Contraseña de admin del barrio">
</div>
<div class="control">
<a class="button is-warning" @click="togglePassword">
{{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}}
</a>
</div>
</div>
<p class="help has-text-white">Si no la sabés, consultá a la comisión informática.</p>
</div>
<div class="field">
@ -17,11 +24,13 @@
<script>
export default {
name: "LoginAdmin.vue",
name: "LoginAdmin",
data() {
return {
visible: false,
gdc: null
gdc: null,
passwordVisible: false,
passwordType: "password",
}
},
mounted() {
@ -29,7 +38,14 @@
this.gdc = gdc;
this.visible = true;
});
}
},
methods: {
togglePassword() {
if (this.passwordVisible) this.passwordType = "password";
else this.passwordType = "text"
this.passwordVisible = !this.passwordVisible
}
}
}
</script>

View File

@ -6,7 +6,7 @@
<div class="select">
<select @change="onRegionSelected" v-model="region">
<option :disabled="isDefaultDisabled===1" value=null>Seleccionar</option>
<option v-for="region in regiones" v-text="region" :name="region"></option>
<option v-for="(region, index) in regiones" :key="index" v-text="region" :name="region"></option>
</select>
</div>
</div>

View File

@ -21,10 +21,10 @@
Contraseña incorrecta, intentalo nuevamente.
</div>
@enderror
<region-select admin="true"></region-select>
<region-select v-bind:admin="true"></region-select>
<form method="post" action="login">
@csrf
<barrio-select admin="true"></barrio-select>
<barrio-select v-bind:admin="true"></barrio-select>
<login-admin></login-admin>
</form>
</div>