From 9ad03068382265112a5ba04d07034ee15a81cbd7 Mon Sep 17 00:00:00 2001 From: Hacky Purple Date: Thu, 2 Nov 2017 11:00:48 -0500 Subject: [PATCH] Subir archivos a '' MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit prueba de concepto aplicación ecoavistador --- avistador.js | 10 ++++ ecoavistador.html | 108 +++++++++++++++++++++++++++++++++++++++++++ ecoavistador_app.css | 84 +++++++++++++++++++++++++++++++++ 3 files changed, 202 insertions(+) create mode 100644 avistador.js create mode 100644 ecoavistador.html create mode 100644 ecoavistador_app.css diff --git a/avistador.js b/avistador.js new file mode 100644 index 0000000..b127aa1 --- /dev/null +++ b/avistador.js @@ -0,0 +1,10 @@ +$(document).ready(function() { + $("div.avistador-tab-menu>div.list-group>a").click(function(e) { + e.preventDefault(); + $(this).siblings('a.active').removeClass("active"); + $(this).addClass("active"); + var index = $(this).index(); + $("div.avistador-tab>div.avistador-tab-content").removeClass("active"); + $("div.avistador-tab>div.avistador-tab-content").eq(index).addClass("active"); + }); +}); \ No newline at end of file diff --git a/ecoavistador.html b/ecoavistador.html new file mode 100644 index 0000000..f920112 --- /dev/null +++ b/ecoavistador.html @@ -0,0 +1,108 @@ + + + + Bootstrap Example + + + + + + + + + + +
+
+
+
+
+ +


Inicio + + +


Mapa + + +


Galeria + + +


Datos + + +


Agregar + + +


Imprimir + + +


Recargar + +
+
+
+ +
+
+

+

Inicio

+

Bienvenido a Ecoavistador

+
+
+ +
+
+

+

Mapa

+

+
+
+ + +
+
+

+

Galeria

+

fotos de los avistamientos

+
+
+ +
+
+

+

Datos

+

Portal de Open Data

+
+
+ +
+
+

+

Agregar

+

Ingresa tu avistamiento

+
+
+ + +
+
+

+

Imprimir

+

crea un documento con los datos de los avistamientos

+
+
+ +
+
+

+

Actualizar

+

refresca los ultimos ingresos

+
+
+ +
+
+
+
+ + \ No newline at end of file diff --git a/ecoavistador_app.css b/ecoavistador_app.css new file mode 100644 index 0000000..c3a7d5b --- /dev/null +++ b/ecoavistador_app.css @@ -0,0 +1,84 @@ +/*estilos*/ +.glyphicon{ + color: #A01F61 !important; +} + +.tab{ + text-align: center; +} +/* avistador tab */ +.avistador-tab{ + background-color: #F8ECDB; +} +/* contenido principal */ +div.avistador-tab-content { + background-color: #F8ECDB !important; +} + +/* contenedor principal */ +div.avistador-tab-container { + z-index: 10; + background-color: #F8ECDB; + padding: 0 !important; + border-radius: 4px; + border:1px solid #ddd; + margin-top: 20px; + margin-left: 50px; + box-shadow: 0 6px 12px rgba(0,0,0,.175); + background-clip: padding-box; + opacity: 0.97; +} +div.avistador-tab-menu{ + padding-right: 0; + padding-left: 0; + padding-bottom: 0; +} +div.avistador-tab-menu div.list-group{ + margin-bottom: 0; +} +div.avistador-tab-menu div.list-group>a{ + margin-bottom: 0; +} +div.avistador-tab-menu div.list-group>a .glyphicon, +div.avistador-tab-menu div.list-group>a .fa { + color: #8CC63F; + +} +div.avistador-tab-menu div.list-group>a:first-child{ + border-top-right-radius: 0; + -moz-border-top-right-radius: 0; +} +div.avistador-tab-menu div.list-group>a:last-child{ + border-bottom-right-radius: 0; + -moz-border-bottom-right-radius: 0; +} +div.avistador-tab-menu div.list-group>a.active, +div.avistador-tab-menu div.list-group>a.active .glyphicon, +div.avistador-tab-menu div.list-group>a.active .fa{ + background-color: #8CC63F; + color: #ffffff; + border-color: transparent; +} +div.avistador-tab-menu div.list-group>a.active:after{ + content: ''; + position: absolute; + left: 100%; + top: 50%; + margin-top: -13px; + border-left: 0; + border-bottom: 13px solid transparent; + border-top: 13px solid transparent; + border-left: 10px solid #8CC63F; +} + +div.avistador-tab-content{ + background-color: #ffffff; + /* border: 1px solid #eeeeee; */ + padding-left: 20px; + padding-top: 8em; +} + + +div.avistador-tab div.avistador-tab-content:not(.active){ + display: none; +} \ No newline at end of file