Eliminados componentes no usados
This commit is contained in:
parent
faa947e6a7
commit
3503be8e56
6 changed files with 0 additions and 247 deletions
|
@ -1,12 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="buttons is-right">
|
|
||||||
<a class="button is-danger is-light is-small" href="/admin">
|
|
||||||
<span class="icon">
|
|
||||||
<i class="fa fa-solid fa-user-check"></i>
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
Admin
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
|
@ -1,52 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="block">
|
|
||||||
<div class="field">
|
|
||||||
<label class="label">Usuario</label>
|
|
||||||
<div class="field">
|
|
||||||
<div class="control">
|
|
||||||
<input required class="input" type="text" name="name" placeholder="Usuario">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="field">
|
|
||||||
<label class="label">Contraseña</label>
|
|
||||||
<div class="field has-addons">
|
|
||||||
<div class="control">
|
|
||||||
<input required class="input" :type="this.passwordType" name="password" placeholder="Contraseña">
|
|
||||||
</div>
|
|
||||||
<div class="control">
|
|
||||||
<a class="button is-dark" @click="togglePassword">
|
|
||||||
{{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="field">
|
|
||||||
<div class="control">
|
|
||||||
<input type="submit" class="button is-dark" value="Ingresar"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "LoginAdmin",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
passwordVisible: false,
|
|
||||||
passwordType: "password",
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
togglePassword() {
|
|
||||||
if (this.passwordVisible) this.passwordType = "password";
|
|
||||||
else this.passwordType = "text"
|
|
||||||
this.passwordVisible = !this.passwordVisible
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
</style>
|
|
|
@ -1,46 +0,0 @@
|
||||||
<template>
|
|
||||||
<div v-if="region_elegida" class="block">
|
|
||||||
<div class="field">
|
|
||||||
<label class="label" :class="adminUrl ? 'has-text-white' : ''">
|
|
||||||
Seleccioná tu barrio o grupo de compra
|
|
||||||
</label>
|
|
||||||
<div class="control">
|
|
||||||
<div class="select">
|
|
||||||
<select @change="selectGrupoDeCompra({ grupo_de_compra: barrio })" v-model="barrio">
|
|
||||||
<option :disabled="grupo_de_compra_elegido !== null" value=null>
|
|
||||||
Seleccionar
|
|
||||||
</option>
|
|
||||||
<option v-for="(gdc, index) in grupos_de_compra"
|
|
||||||
:key="index"
|
|
||||||
v-text="gdc.nombre"
|
|
||||||
:name="gdc.nombre">
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapActions, mapGetters, mapMutations, mapState } from "vuex";
|
|
||||||
export default {
|
|
||||||
name: 'BarrioSelect',
|
|
||||||
async mounted() {
|
|
||||||
await this.getRegiones();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapMutations('login',["selectGrupoDeCompra"]),
|
|
||||||
...mapActions('login',["getRegiones", "getGruposDeCompra"]),
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState('login',["region_elegida","grupos_de_compra","grupo_de_compra_elegido"]),
|
|
||||||
...mapGetters('login',["adminUrl"]),
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
barrio: null,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
}
|
|
||||||
</script>
|
|
|
@ -1,57 +0,0 @@
|
||||||
<template>
|
|
||||||
<div v-if="grupo_de_compra_elegido" class="block">
|
|
||||||
<div class="field">
|
|
||||||
<label class="label"
|
|
||||||
:class="adminUrl ? 'has-text-white' : ''">{{ mensajes.mensaje }}</label>
|
|
||||||
<div class="field has-addons">
|
|
||||||
<div class="control">
|
|
||||||
<input required class="input" :type="this.passwordType" name="password" :placeholder="mensajes.mensaje">
|
|
||||||
</div>
|
|
||||||
<div class="control">
|
|
||||||
<a class="button is-warning" @click="togglePassword">
|
|
||||||
{{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="help"
|
|
||||||
:class="adminUrl ? 'has-text-white' : ''">{{ mensajes.ayuda }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="field">
|
|
||||||
<div class="control">
|
|
||||||
<input type="submit" class="button is-warning" value="Log in"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapGetters, mapState } from "vuex";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'Login',
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
passwordVisible: false,
|
|
||||||
passwordType: "password",
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState('login',["grupo_de_compra_elegido"]),
|
|
||||||
...mapGetters('login',["adminUrl","mensajes"]),
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
togglePassword() {
|
|
||||||
if (this.passwordVisible) this.passwordType = "password";
|
|
||||||
else this.passwordType = "text"
|
|
||||||
this.passwordVisible = !this.passwordVisible
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.help {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -1,35 +0,0 @@
|
||||||
<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',["adminUrl"]),
|
|
||||||
...mapState('login',["grupo_de_compra_elegido"]),
|
|
||||||
nombre() {
|
|
||||||
return `${this.grupo_de_compra_elegido}${this.adminUrl ? '_admin' : ''}`;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapActions('login',["getRegiones"]),
|
|
||||||
},
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
|
@ -1,45 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="block">
|
|
||||||
<div class="field">
|
|
||||||
<label class="label" :class="adminUrl ? 'has-text-white' : ''">
|
|
||||||
Seleccioná tu región
|
|
||||||
</label>
|
|
||||||
<div class="control">
|
|
||||||
<div class="select">
|
|
||||||
<select @change="selectRegion({ region })" v-model="region">
|
|
||||||
<option :disabled="region_elegida" value=null>
|
|
||||||
Seleccionar
|
|
||||||
</option>
|
|
||||||
<option v-for="(region, index) in regiones"
|
|
||||||
:key="index"
|
|
||||||
v-text="region"
|
|
||||||
:name="region">
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {mapActions, mapGetters, mapState} from "vuex";
|
|
||||||
export default {
|
|
||||||
name: 'RegionSelect',
|
|
||||||
async mounted() {
|
|
||||||
await this.getRegiones();
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
region: null,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapActions('login',["getRegiones","selectRegion"]),
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState('login',["regiones","region_elegida"]),
|
|
||||||
...mapGetters('login',["adminUrl"]),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
Loading…
Add table
Reference in a new issue