Permalink
Browse files

Calendario F1

Versión 1.3 Compatible con el nuevo iPad
  • Loading branch information...
1 parent 69db768 commit 522d215eabe2da1bc23b1fda5d0eff5a222212dd Koldo committed Jul 13, 2012
View
BIN .DS_Store
Binary file not shown.
View
Binary file not shown.
View
@@ -1,12 +1,14 @@
var App = (function(lng, undefined) {
- //Define your LungoJS Application Instance
-
+
lng.App.init({
- name: 'Select a name for your app',
- version: '1.1'
+ name: 'Calendario F1',
+ version: '1.3',
+ resources: {
+ sections: [
+ 'aside.html']
+ }
});
-
return {
View
@@ -1,4 +1,4 @@
-App.Data = (function(lng, app, undefined) {
+App.Data = (function(lng, App, undefined) {
return {
View
@@ -1,7 +1,134 @@
-App.Events = (function(lng, app, undefined) {
+App.Events = (function(lng, growl, app, undefined)
+{
+ lng.ready(function()
+ {
+ if (document.body.clientWidth > 481) //Para el iPad
+ lng.View.Aside.show('#main', '#asideMain');
+ });
- return {
+ lng.dom('#asideMain a').tap(function(event)
+ {
+ var title = lng.dom(this).data('title');
+ lng.dom('section#main span.title').html(title);
+ });
- }
+ lng.dom('#cellMapa').tap(function(event)
+ {
+ lng.Router.section('secMapa');
+ });
-})(LUNGO, App);
+ lng.dom('#cellPilotos').tap(function(event)
+ {
+ growl.show('Obteniendo clasificación', '', 'download', true);
+
+ // PRO - http://www.koaltechs.com/CalendarioF1/CalendarioF1_pilotos.php
+ // PRE - http://localhost:8888/MAMP/CalendarioF1_pilotos.php
+
+ lng.Service.get ('http://localhost:8888/MAMP/CalendarioF1_pilotos.php', {},
+ function(response)
+ {
+ if (response == "")
+ {
+ growl.notify('Sin respuesta del servidor', 'Puede que no esté conectado a Internet, inténtelo más tarde', 'close', 'info', 3, function(response)
+ {
+ growl.hide();
+ });
+ }
+ else
+ {
+ var config = {
+ el: '#artPilotos',
+ template: 'list-piloto',
+ data: response.pilotos
+ };
+ lng.View.Template.List.create(config);
+
+ growl.notify('Proceso terminado', '', 'info', 'info', 1, function(response)
+ {
+ growl.hide();
+ lng.Router.section('#secPilotos');
+ });
+ }
+ }
+ );
+ });
+
+ lng.dom('#cellPalmares').tap(function(event)
+ {
+ growl.show('Obteniendo palmarés', '', 'download', true);
+
+ // PRO - http://www.koaltechs.com/CalendarioF1/CalendarioF1_palmares.php
+ // PRE - http://localhost:8888/MAMP/CalendarioF1_palmares.php
+
+ lng.Service.get ('http://localhost:8888/MAMP/CalendarioF1_palmares.php', {},
+ function(response)
+ {
+ if (response == "")
+ {
+ growl.notify('Sin respuesta del servidor', 'Puede que no esté conectado a Internet, inténtelo más tarde', 'close', 'info', 3, function(response)
+ {
+ growl.hide();
+ });
+ }
+ else
+ {
+ var config = {
+ el: '#artPalmares',
+ template: 'list-palmares',
+ data: response.palmares
+ };
+
+ lng.View.Template.List.create(config);
+
+ growl.notify('Proceso terminado', '', 'info', 'info', 1, function(response)
+ {
+ growl.hide();
+ lng.Router.section('#secPalmares');
+ });
+ }
+ }
+ );
+ });
+
+ lng.dom('#cellReglamento').tap(function(event)
+ {
+ growl.show('Obteniendo reglamento', '', 'download', true);
+
+ // PRO - http://www.koaltechs.com/CalendarioF1/CalendarioF1_reglamento.php
+ // PRE - http://localhost:8888/MAMP/CalendarioF1_reglamento.php
+
+ lng.Service.get ('http://localhost:8888/MAMP/CalendarioF1_reglamento.php', {},
+ function(response)
+ {
+ if (response == "")
+ {
+ growl.notify('Sin respuesta del servidor', 'Puede que no esté conectado a Internet, inténtelo más tarde', 'close', 'info', 3, function(response)
+ {
+ growl.hide();
+ });
+ }
+ else
+ {
+ var config = {
+ el: '#artReglamento',
+ template: 'list-regla',
+ data: response.reglas
+ }
+ lng.View.Template.List.create(config);
+
+ growl.notify('Proceso terminado', '', 'info', 'info', 1, function(response)
+ {
+ growl.hide();
+ lng.Router.section('#secReglamento');
+ });
+ }
+ }
+ );
+ });
+
+ lng.dom('#enlace').tap(function(event)
+ {
+ lng.Router.section('secEnlace');
+ });
+
+})(LUNGO, LUNGO.Sugar.Growl, App);
Binary file not shown.
View
@@ -0,0 +1,25 @@
+<aside id="asideMain" class="scrollable">
+ <div>
+ <a href="#art0" data-target="article" data-icon="info" data-title="Calendario Fórmula 1" class="current">Calendario F1</a>
+ <a href="#art1" data-target="article" data-icon="calendar" data-title="Gran Premio de Australia">18 de marzo</a>
+ <a href="#art2" data-target="article" data-icon="calendar" data-title="Gran Premio de Malasia">25 de marzo</a>
+ <a href="#art3" data-target="article" data-icon="calendar" data-title="Gran Premio de China">15 de abril</a>
+ <a href="#art4" data-target="article" data-icon="calendar" data-title="Gran Premio de Bahréin">22 de abril</a>
+ <a href="#art5" data-target="article" data-icon="calendar" data-title="Gran Premio de España">13 de mayo</a>
+ <a href="#art6" data-target="article" data-icon="calendar" data-title="Gran Premio de Mónaco">27 de mayo</a>
+ <a href="#art7" data-target="article" data-icon="calendar" data-title="Gran Premio de Canadá">10 de junio</a>
+ <a href="#art8" data-target="article" data-icon="calendar" data-title="Gran Premio de Europa">24 de junio</a>
+ <a href="#art9" data-target="article" data-icon="calendar" data-title="Gran Premio de Gran Bretaña">8 de julio</a>
+ <a href="#art10" data-target="article" data-icon="calendar" data-title="Gran Premio de Alemania">22 de julio</a>
+ <a href="#art11" data-target="article" data-icon="calendar" data-title="Gran Premio de Hungría">29 de julio</a>
+ <a href="#art12" data-target="article" data-icon="calendar" data-title="Gran Premio de Bélgica">2 de septiembre</a>
+ <a href="#art13" data-target="article" data-icon="calendar" data-title="Gran Premio de Italia">9 de septiembre</a>
+ <a href="#art14" data-target="article" data-icon="calendar" data-title="Gran Premio de Singapur">23 de septiembre</a>
+ <a href="#art15" data-target="article" data-icon="calendar" data-title="Gran Premio de Japón">7 de octubre</a>
+ <a href="#art16" data-target="article" data-icon="calendar" data-title="Gran Premio de Corea">14 de octubre</a>
+ <a href="#art17" data-target="article" data-icon="calendar" data-title="Gran Premio de India">28 de octubre</a>
+ <a href="#art18" data-target="article" data-icon="calendar" data-title="Gran Premio de Abu Dhabi">4 de noviembre</a>
+ <a href="#art19" data-target="article" data-icon="calendar" data-title="Gran Premio de EEUU">18 de noviembre</a>
+ <a href="#art20" data-target="article" data-icon="calendar" data-title="Gran Premio de Brasil">25 de noviembre</a>
+ </div>
+</aside>
@@ -0,0 +1 @@
+<li id={{id}} data-icon="home">{{name}}</li>
View
@@ -1,7 +1,25 @@
-App.View = (function(lng, app, undefined) {
+App.View = (function(lng, app, undefined)
+{
+ var celdaPiloto = '<li id="{{idPiloto}}" style="height:85px;">\
+ <div class="onright bubble colorRedF1">{{puntos}}</div>\
+ <div class="onleft"><img style="height:80px;width:80px" src="{{foto}}"/><strong>{{name}}</strong><br/><small>{{escuderia}}</small><small>{{nacionalidad}}<img id="imgBandera" src="{{bandera}}" style="height:11px;width:16px"/></small><small>Debut: {{debut}}</small></div>\
+ </li>';
- return{
+ var celdaPalmares = '<li id="{{idPalmares}}" >\
+ <div class="onright bubble colorRedF1">{{year}}</div>\
+ <strong>{{name}}</strong>\
+ <small>{{escuderia}}</small>\
+ </li>';
+
+ var celdaRegla = '<li id="{{idRegla}}" >\
+ <div id="artReglamento">{{texto}}</div>\
+ </li>';
+ lng.View.Template.create('list-piloto', celdaPiloto);
+ lng.View.Template.create('list-regla', celdaRegla);
+ lng.View.Template.create('list-palmares', celdaPalmares);
+
+ return{
}
})(LUNGO, App);
View
Binary file not shown.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Binary file not shown.
View
@@ -0,0 +1,27 @@
+.scroll-demo {
+ background: #ccc;
+ margin: 10px;
+ overflow: hidden;
+}
+
+.scroll-demo.horizontal {
+ height: 68px;
+ width: inherit;
+ display: block;
+}
+
+.scroll-demo.vertical {
+ top: 72px;
+ width: 72px;
+ height: 196px;
+}
+
+.scroll-demo span {
+ height: 64px;
+ width: 64px;
+ background: #666;
+ text-align: center;
+ line-height: 64px;
+ display: inline-block;
+ margin: 2px 0px 0px 2px;
+}
Oops, something went wrong.

0 comments on commit 522d215

Please sign in to comment.