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

Cambio a LoginForm

Browse source
This commit is contained in:
Alejandro Tasistro 2025-05-19 03:05:34 -03:00
parent eee3f53672
commit 4b3ab56565
5 changed files with 41 additions and 119 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
resources/js/components/admin/Login.vue
View file

@ -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
View 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>

55
resources/js/components/pedidos/Login.vue
View file

@ -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>

5
resources/views/auth/admin_login.blade.php
View file

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

9
resources/views/auth/login.blade.php
View file

@ -24,11 +24,10 @@
</div>
@enderror
<comunes-region-select></comunes-region-select>
<form method="post" action="/login">
@csrf
<comunes-barrio-select></comunes-barrio-select>
<pedidos-login></pedidos-login>
</form>
<form method="post" action="/login">
@csrf
<comunes-login-form></comunes-login-form>
</form>
</div>
</section>
<script src="{{ mix('js/app.js') }}" defer></script>