Cambio a LoginForm
This commit is contained in:
parent
eee3f53672
commit
4b3ab56565
5 changed files with 41 additions and 119 deletions
|
@ -1,56 +0,0 @@
|
||||||
<template>
|
|
||||||
<div v-show="visible" class="block">
|
|
||||||
<div class="field">
|
|
||||||
<label class="label has-text-white">Contraseña de administración del barrio</label>
|
|
||||||
<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">
|
|
||||||
<div class="control">
|
|
||||||
<input type="submit" class="button is-warning" value="Ingresar"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
visible: false,
|
|
||||||
gdc: null,
|
|
||||||
passwordVisible: false,
|
|
||||||
passwordType: "password",
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
Event.$on('gdc-seleccionado', (gdc) => {
|
|
||||||
this.gdc = gdc;
|
|
||||||
this.visible = true;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
togglePassword() {
|
|
||||||
if (this.passwordVisible) this.passwordType = "password";
|
|
||||||
else this.passwordType = "text"
|
|
||||||
this.passwordVisible = !this.passwordVisible
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.help {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
35
resources/js/components/comunes/LoginForm.vue
Normal file
35
resources/js/components/comunes/LoginForm.vue
Normal file
|
@ -0,0 +1,35 @@
|
||||||
|
<template>
|
||||||
|
<div class="block">
|
||||||
|
<barrio-select></barrio-select>
|
||||||
|
<login></login>
|
||||||
|
<input readonly v-model="nombre" type="hidden" name="name">
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {mapActions, mapGetters, mapState} from "vuex";
|
||||||
|
import BarrioSelect from "./BarrioSelect.vue";
|
||||||
|
import Login from "./Login.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
BarrioSelect,
|
||||||
|
Login,
|
||||||
|
},
|
||||||
|
async mounted() {
|
||||||
|
await this.getRegiones();
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters('login',["admin"]),
|
||||||
|
...mapState('login',["grupo_de_compra_elegido"]),
|
||||||
|
nombre() {
|
||||||
|
return `${this.grupo_de_compra_elegido}${this.admin ? '_admin' : ''}`;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapActions('login',["getRegiones"]),
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
|
@ -1,55 +0,0 @@
|
||||||
<template>
|
|
||||||
<div v-show="visible" class="block">
|
|
||||||
<div class="field">
|
|
||||||
<label class="label">Contraseña del barrio</label>
|
|
||||||
<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">
|
|
||||||
<div class="control">
|
|
||||||
<input type="submit" class="button is-success" value="Ingresar"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
visible: false,
|
|
||||||
gdc: this.$root.gdc,
|
|
||||||
passwordVisible: false,
|
|
||||||
passwordType: "password",
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
Event.$on('gdc-seleccionado', (gdc) => {
|
|
||||||
this.$root.gdc = gdc;
|
|
||||||
this.visible = true;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
togglePassword() {
|
|
||||||
if (this.passwordVisible) this.passwordType = "password";
|
|
||||||
else this.passwordType = "text"
|
|
||||||
this.passwordVisible = !this.passwordVisible
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.help {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -21,11 +21,10 @@
|
||||||
Contraseña incorrecta, intentalo nuevamente.
|
Contraseña incorrecta, intentalo nuevamente.
|
||||||
</div>
|
</div>
|
||||||
@enderror
|
@enderror
|
||||||
<comunes-region-select v-bind:admin="true"></comunes-region-select>
|
<comunes-region-select></comunes-region-select>
|
||||||
<form method="post" action="/login">
|
<form method="post" action="/login">
|
||||||
@csrf
|
@csrf
|
||||||
<comunes-barrio-select v-bind:admin="true"></comunes-barrio-select>
|
<comunes-login-form></comunes-login-form>
|
||||||
<admin-login></admin-login>
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -24,11 +24,10 @@
|
||||||
</div>
|
</div>
|
||||||
@enderror
|
@enderror
|
||||||
<comunes-region-select></comunes-region-select>
|
<comunes-region-select></comunes-region-select>
|
||||||
<form method="post" action="/login">
|
<form method="post" action="/login">
|
||||||
@csrf
|
@csrf
|
||||||
<comunes-barrio-select></comunes-barrio-select>
|
<comunes-login-form></comunes-login-form>
|
||||||
<pedidos-login></pedidos-login>
|
</form>
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<script src="{{ mix('js/app.js') }}" defer></script>
|
<script src="{{ mix('js/app.js') }}" defer></script>
|
||||||
|
|
Loading…
Add table
Reference in a new issue