Commit 970b5b03 authored by debian's avatar debian
Browse files

Inicial de gob.bo readecuado

parent b18c34d0
Pipeline #245 failed with stages
......@@ -13,7 +13,7 @@ module.exports = {
** Headers of the page
*/
head: {
title: 'Servicio Digital',
title: 'Portal de Trámites Estatales',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
......
......@@ -12,36 +12,36 @@
:close-on-click-modal="false"
:close-on-press-escape="false"
:visible.sync="dialogVisible">
<p>Todos los servicios digitales deben establecer los Términos y Condiciónes de uso para las y los ciudadanos mismos que deben contener mínimamente:</p>
<p>El presente Portal de Trámites del Estado, se habilita para exponer información de cada uno de los trámites de las entidades</p>
<ol>
<li><strong>Identificación de la institución</strong></li>
<li><strong>Se expone la página web para el acceso a la información de los tramites estatales de cada institución. </strong></li>
<li>
<strong>Uso irrestricto del servicio, excepto que:</strong>
<strong>Uso de la información y sus detalles:</strong>
<ul>
<li>Se intente dañar el servicio.</li>
<li>Se intente atacar el servicio.</li>
<li>Se pretenda inhabilitar su uso para otros/as ciudadanos/as</li>
<li>La información contenida en este portal es provista por cada una de las entidades responsables.</li>
<li>Cualquier información no coherente o faltante es responsabilidad de la entidad de la expone según decreto 234/18.</li>
<li>El ciudadano o usuario de este portal podra acceder a la información</li>
</ul>
</li>
<li>
<strong>Contenido</strong>
<p>Se debe comunicar a la ciudadanía que toda la información publicada en los sitios web es de acceso irrestricto, en el marco del artículo 21, Parágrafo 2 de la Constitución Política del Estado que señala:</p>
<p>"Las bolivianas y los bolivianos tienen el derecho a acceder a la información, interpretarla, analizarla y comunicarla libremente, de manera individual o colectiva"</p>
<p>Por esto toda la información vertida en los servicios digitales del Estado debe tener publicada la autorización expresa para su uso bajo los siguientes términos:</p>
<p>Las y los ciudadanos son libres de:</p>
<p>Utilizar, adaptar, mezclar, extraer, compilar, transformar, modificar o crear en base a la información publicada en los servicios digitales del Estado.</p>
<p>Distribuir, redistribuir, publicar o difundir la información o los productos de la adaptación, mezcla, transformación o creación a partir de la misma.</p>
<p>Las y los ciudadanos deberán:</p>
<!-- <p>Por esto toda la información vertida en los servicios digitales del Estado debe tener publicada la autorización expresa para su uso bajo los siguientes términos:</p> -->
<!-- <p>Las y los ciudadanos son libres de:</p> -->
<!-- <p>Utilizar, adaptar, mezclar, extraer, compilar, transformar, modificar o crear en base a la información publicada en los servicios digitales del Estado.</p> -->
<!-- <p>Distribuir, redistribuir, publicar o difundir la información o los productos de la adaptación, mezcla, transformación o creación a partir de la misma.</p> -->
<!-- <p>Las y los ciudadanos deberán:</p>
<ul>
<li>Citar siempre la fuente de origen de donde se obtuvo la información y proporciónar el enlace respectivo de la misma;</li>
<li>Citar la fecha de la actualización y/o publicación de la información objeto de uso.</li>
</ul>
</ul> -->
</li>
<li>
<!-- <li>
<strong>Requerimiento para remoción o ratificación de contenido</strong>
<p>Cada entidad pública debe tener un procedimiento para quitar o cambiar contenido a solicitud de las y los ciudadanos, el que deberá ser publicado en el servicio digital de la entidad.</p>
</li>
<li>
</li> -->
<!-- <li>
<strong>Política de Privacidad</strong>
<p>Cada institución debe contar con una política de privacidad, la cual debe estar publicada en el sitio web de sus servicios digitales, que contenga mínimamente:</p>
<ul>
......@@ -49,19 +49,19 @@
<li>El fin con el cual se guarda cualquier información solicitada en algún formulario.</li>
<li>El fin con el cual se utiliza la información solicitada y guardada, incluyendo por cuánto tiempo se guarda.</li>
</ul>
</li>
<li>
</li> -->
<!-- <li>
<strong>Política de cookies</strong>
<p>Cada institución debe contar con una política de cookies, la cual debe estar publicada en el servicio digital de la entidad, que contenga mínimamente:</p>
<ul>
<li>Qué cookies se utiliza en el servicio digital</li>
<li>Para qué se utilizan las cookies en el servicio digital Queda prohibido el uso de cookies de terceros.</li>
</ul>
</li>
<li>
</li> -->
<!-- <li>
<strong>Información de contacto para quejas sobre incumplimiento</strong>
<p>Cada institución debe habilitar los mecanismos de Bolivia a tu Servicio para que las y los ciudadanos puedan quejarse en caso de que se incumpla alguno de los términos y condiciónes.</p>
</li>
</li> -->
</ol>
<span
slot="footer"
......@@ -119,4 +119,3 @@ export default {
}
}
</style>
......@@ -258,19 +258,20 @@ export default {
this.$store.commit('OPEN_MENU');
},
getMenu () {
this.$service.get('/api/menu')
.then(response => {
if (response) {
console.log('menu', response.menu);
this.menu = response.menu;
this.$store.commit('SET_MENU', response.menu);
this.$store.commit('SET_PAGES', response.pages);
this.$store.commit('SET_CATEGORIES', response.categories);
this.$nextTick(() => {
this.$store.commit('SET_ACTION', 'loadPage');
});
}
});
console.log('***********OBTENEMOS MENU');
// this.$service.get('/api/menu')
// .then(response => {
// if (response) {
// console.log('menu', response.menu);
// this.menu = response.menu;
// this.$store.commit('SET_MENU', response.menu);
// this.$store.commit('SET_PAGES', response.pages);
// this.$store.commit('SET_CATEGORIES', response.categories);
// this.$nextTick(() => {
// this.$store.commit('SET_ACTION', 'loadPage');
// });
// }
// });
}
}
};
......
......@@ -8,8 +8,9 @@
src="~assets/images/bolivia.png"
alt="Bolivia">
<div class="app-logo">
<div class="app-logo-title">Estado Plurinacional de Bolivia</div>
<div class="app-logo-description">{{ $entidad.nombre }}</div>
<div class="app-logo-title">Buscador de Trámites de Bolivia </div>
<!-- <div class="app-logo-description">{{ $entidad.nombre }}</div> -->
<div class="app-logo-description"> <br/></div>
<div class="app-logo-title">Estado Plurinacional de Bolivia</div>
</div>
</nuxt-link>
......@@ -96,4 +97,4 @@
}
}
}
</style>
</style>
\ No newline at end of file
......@@ -5,6 +5,90 @@
</el-header>
<el-main>
<nuxt/>
<div style="text-align: center">
<el-form
ref="formSearch"
:model="form"
:rules="rules"
class="app-search__form">
<el-row :gutter="20">
<el-col
><div class="grid-content bg-purple">
<el-form-item prop="text">
<el-input
id="input-search"
placeholder="Escriba aquí"
v-model="form.text">
</el-input>
<button
type="button"
@click="buscarTramite('TRAMITE')"
class="app-search__button"><i class="el-icon-search"></i></button>
</el-form-item>
</div>
</el-col>
<el-col>
<div
class="grid-content"
style="color:white">
Más buscados:
<br/><el-button
style="padding: 0px 0; color:white"
v-for="(item, index) in 3"
:key="index"
type="text"
@click="verTramite('TRAMITE')"> <i class="el-icon-search"></i> Trámite {{ item }}</el-button>
</div>
</el-col>
</el-row>
</el-form>
</div>
<div style="text-align: center;">
<el-radio-group
v-model="categoriaSeleccionada"
style="margin-bottom: 0px; "
@change="obtenerMenus()"
>
<el-radio-button
label="CATEGORIAS">
<i class="el-icon-star-on"></i> CATEGORIAS</el-radio-button>
<el-radio-button
label="INSTITUCIONES"> <i class="el-icon-menu"></i> INSTITUCIONES</el-radio-button>
</el-radio-group>
<br/><br/>
<!-- <el-tabs
type="border-card"
tab-position="top" >
<el-tab-pane
style="color:green"
label="CATEGORIAS"> CATEGORIAS <br/><br/><br/><br/>sss
<el-button
type="success"
icon="el-icon-check"
circle></el-button>
<br/><br/>sd </el-tab-pane>
<el-tab-pane
label="INSTITUCIONES"> INSTITUCIONES </el-tab-pane>
</el-tabs> -->
</div>
<div style="text-align: center; margin-left:25px; margin-right:25px">
<el-row :gutter="20">
<el-col
:span="6"
style="padding: 15px;color:white"
v-for="(item, index) in menus"
:key="index"><div class="grid-content bg-purple">
<el-button
:icon="item.icono"
type="info"
size="big"
circle
@click="buscarTramite(categoriaSeleccionada)"></el-button> <br/> {{ item.nombre }} </div></el-col>
</el-row>
</div>
</el-main>
<el-footer height="auto">
<app-footer />
......@@ -33,10 +117,57 @@ export default {
AppLogin
},
mixins: [ auth ],
data () {
return {
form: {
text: ''
},
rules: {
text: [
{ required: true, message: 'Ingrese un texto a buscar', trigger: 'blur' }
]
},
categoriaSeleccionada: 'CATEGORIAS',
menus: [ {nombre: 'Beneficios Sociales', icono: 'el-icon-check', enlace: 'tramite'}, {nombre: 'Consultas e Información', icono: 'el-icon-goods', enlace: 'tramite'}, {nombre: 'Cultura y Educación', icono: 'el-icon-location', enlace: 'tramite'}, {nombre: 'Seguridad y Justicia', icono: 'el-icon-view', enlace: 'tramite'}, {nombre: 'Trabajo', icono: 'el-icon-message', enlace: 'tramite'}, {nombre: 'Medio Ambiente', icono: 'el-icon-bell', enlace: 'tramite'} ]
};
},
created () {
if (process.browser) {
this.verify();
}
},
methods: {
buscarTramite (tipo) {
// Busqueda por TRAMITE
if (tipo === 'TRAMITE') {
this.$refs.formSearch.validate(valid => {
if (valid) {
console.log('Search:', this.form.text, ' - Path: ', tipo);
this.$router.push('/listatramites');
} else {
this.$notification.warning('Ingrese un texto a buscar');
}
});
} else if (tipo === 'CATEGORIAS') { // Busqueda por CATEGORIA
console.log('***********CATEGORIA');
this.$router.push('/listatramites');
} else if (tipo === 'INSTITUCIONES') { // Busqueda por INSTITUCIONES
console.log('***********INSTITUCIONES');
this.$router.push('/listatramites');
}
},
verTramite (tipo) {
console.log('***********VER TRAMITE');
this.$router.push('/tramite');
},
obtenerMenus () {
console.log('***********OBTENEMOS MENUS ' + this.categoriaSeleccionada);
if (this.categoriaSeleccionada == 'CATEGORIAS') {
this.menus = [ {nombre: 'Beneficios Sociales', icono: 'el-icon-check', enlace: 'tramite'}, {nombre: 'Consultas e Información', icono: 'el-icon-goods', enlace: 'tramite'}, {nombre: 'Cultura y Educación', icono: 'el-icon-location', enlace: 'tramite'}, {nombre: 'Seguridad y Justicia', icono: 'el-icon-view', enlace: 'tramite'}, {nombre: 'Trabajo', icono: 'el-icon-message', enlace: 'tramite'}, {nombre: 'Medio Ambiente', icono: 'el-icon-bell', enlace: 'tramite'} ];
} else {
this.menus = [ {nombre: 'Dirección General de Cultura y Educación', icono: 'el-icon-location', enlace: 'tramite'}, {nombre: 'Instituto de Previsión Social', icono: 'el-icon-view', enlace: 'tramite'}, {nombre: 'Ministerio de Gobierno', icono: 'el-icon-message', enlace: 'tramite'}, {nombre: 'Ministerio de Educación', icono: 'el-icon-check', enlace: 'tramite'} ];
}
}
}
};
</script>
......@@ -45,8 +176,8 @@ export default {
@import '~/assets/scss/_variables.scss';
.portal-home {
// background: transparent url(~assets/images/fondo.png) no-repeat;
background: transparent url(~assets/images/home.jpg) no-repeat;
background: transparent url(~assets/images/fondo.png) no-repeat;
// background: transparent url(~assets/images/home.jpg) no-repeat;
background-size: cover;
background-position: center center;
height: 100%;
......@@ -77,4 +208,4 @@ export default {
text-align: left;
}
}
</style>
</style>
\ No newline at end of file
<template>
<section class="page b-contacto">
<div class="container">
<div class="page-header">
<div class="page-title">
<h1 style="color:white">Trámites Encontrados</h1>
</div>
</div>
</div>
<div class="app-white">
<div class="container">
<el-row :gutter="10">
<el-col
:xs="24"
:sm="18"
:md="16"
:lg="14"
:xl="12">
<h2>Listado de trámites</h2>
<el-container>
<el-header>Header</el-header>
<el-main>Main</el-main>
</el-container>
<el-container>
<el-header>Header</el-header>
<el-main>Main</el-main>
</el-container>
</el-col>
</el-row>
</div>
</div>
<div class="app-gray">
<div class="container">
<!-- <h2>Dirección</h2>
<p>Sopocachi, Calle Pedro Salazar Nº 631, esq. Andrés Muñoz.</p>
<p>Edificio del Fondo Nacional de Desarrollo Regional (FNDR). Pisos 4 y 5</p> -->
</div>
</div>
<!-- <iframe
src="https://www.openstreetmap.org/export/embed.html?bbox=-68.12997%2C-16.51161%2C-68.12643%2C-16.51390&layer=mapnik&marker=-16.51281%2C-68.12833"
class="b-map"></iframe> -->
</section>
</template>
<script>
export default {
data () {
return {
form: {
name: '',
email: '',
message: ''
},
rules: {
name: [
{ required: true, message: 'Complete el nombre', trigger: 'blur' }
],
email: [
{ required: true, message: 'Complete el correo electrónico', trigger: 'blur' },
{ type: 'email', message: 'Ingrese un correo electrónico válido', trigger: 'blur' }
],
message: [
{ required: true, message: 'Complete el mensaje', trigger: 'blur' }
]
}
};
},
mounted () {
this.$store.commit('CLOSE_MENU');
this.$util.setBackgroundImage();
},
methods: {
submitForm() {
this.$refs.formContact.validate((valid) => {
if (valid) {
this.$notify({
title: 'Correcto',
message: 'Su mensaje fue enviado correctamente',
type: 'success'
});
this.resetForm();
}
});
},
resetForm() {
this.$refs.formContact.resetFields();
}
}
};
</script>
<style lang="scss">
.b-map {
width: 100%;
height: 400px;
border: none;
margin-bottom: -25px;
}
@media (max-width: 768px) {
.b-contacto {
.el-form-item__label {
width: 100% !important;
text-align: left;
}
.el-form-item__content {
margin-left: 0 !important;
}
}
}
</style>
<template>
<section class="page b-contacto">
<div class="container">
<div class="page-header">
<div class="page-title">
<h1 style="color:white">Trámite XXXXX </h1>
</div>
</div>
</div>
<div class="app-white">
<div class="container">
<el-row :gutter="10">
<el-col
:xs="24"
:sm="18"
:md="16"
:lg="14"
:xl="12">
<h2>Trámite</h2>
</el-col>
</el-row>
</div>
</div>
<div class="app-gray">
<div class="container">
<!-- <h2>Dirección</h2>
<p>Sopocachi, Calle Pedro Salazar Nº 631, esq. Andrés Muñoz.</p>
<p>Edificio del Fondo Nacional de Desarrollo Regional (FNDR). Pisos 4 y 5</p> -->
</div>
</div>
<!-- <iframe
src="https://www.openstreetmap.org/export/embed.html?bbox=-68.12997%2C-16.51161%2C-68.12643%2C-16.51390&layer=mapnik&marker=-16.51281%2C-68.12833"
class="b-map"></iframe> -->
</section>
</template>
<script>
export default {
data () {
return {
form: {
name: '',
email: '',
message: ''
},
rules: {
name: [
{ required: true, message: 'Complete el nombre', trigger: 'blur' }
],
email: [
{ required: true, message: 'Complete el correo electrónico', trigger: 'blur' },
{ type: 'email', message: 'Ingrese un correo electrónico válido', trigger: 'blur' }
],
message: [
{ required: true, message: 'Complete el mensaje', trigger: 'blur' }
]
}
};
},
mounted () {
this.$store.commit('CLOSE_MENU');
this.$util.setBackgroundImage();
},
methods: {
submitForm() {
this.$refs.formContact.validate((valid) => {
if (valid) {
this.$notify({
title: 'Correcto',
message: 'Su mensaje fue enviado correctamente',
type: 'success'
});
this.resetForm();
}
});
},
resetForm() {
this.$refs.formContact.resetFields();
}
}
};
</script>
<style lang="scss">
.b-map {
width: 100%;
height: 400px;
border: none;
margin-bottom: -25px;
}
@media (max-width: 768px) {
.b-contacto {
.el-form-item__label {
width: 100% !important;
text-align: left;
}
.el-form-item__content {
margin-left: 0 !important;
}
}
}
</style>
......@@ -14,8 +14,8 @@ import {
Input,
// InputNumber,
// Radio,
// RadioGroup,
// RadioButton,
RadioGroup,
RadioButton,
Checkbox,
// CheckboxButton,
// CheckboxGroup,
......@@ -36,8 +36,8 @@ import {
// BreadcrumbItem,
Form,
FormItem,
// Tabs,
// TabPane,
Tabs,
TabPane,
// Tag,
// Tree,
Alert,
......@@ -84,8 +84,8 @@ export default () => {
Vue.use(Input);
// Vue.use(InputNumber);
// Vue.use(Radio);
// Vue.use(RadioGroup);
// Vue.use(RadioButton);
Vue.use(RadioGroup);
Vue.use(RadioButton);
Vue.use(Checkbox);
// Vue.use(CheckboxGroup);
// Vue.use(Switch);
......@@ -105,8 +105,8 @@ export default () => {
// Vue.use(BreadcrumbItem);
Vue.use(Form);
Vue.use(FormItem);
// Vue.use(Tabs);
// Vue.use(TabPane);
Vue.use(Tabs);
Vue.use(TabPane);
// Vue.use(Tag);
// Vue.use(Tree);
Vue.use(Alert);
......
......@@ -18,7 +18,9 @@ export default ({ app, store }) => {
setBackgroundImage () {
const colors = ['blue', 'yellow', 'green', 'red'];
document.body.className = '';
document.body.classList.add(`portal-bg-${colors[this.getRandomInt(0, colors.length - 1)]}`);
// document.body.classList.add(`portal-bg-${colors[this.getRandomInt(0, colors.length - 1)]}`);
// document.body.classList.add(`portal-bg-${'green'}`);
document.body.classList.add(`portal-bg-blue`);
},
capitalize (text = '') {
if (typeof text === 'string') {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment