hacklabbo/Ilovexm24
9
0
Fork 0
Code Issues 14 Pull requests Releases Wiki Activity

stiamo merge-ando da fix-home

Browse source
This commit is contained in:
Andrea Condoluci 2017-03-18 17:50:12 +01:00
commit e9e4f5e4aa
3 changed files with 382 additions and 343 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
www/css/index.css
View file

@ -709,9 +709,10 @@ img.minilogo {
margin-top: 0px; margin-top: 0px;
text-align: left; text-align: left;
font-family: 'titilliumlight'; font-family: 'titilliumlight';
font-size: 2em; font-size: 1.8em;
text-transform: uppercase; text-transform: uppercase;
color: #c53f33; color: #c53f33;
margin-bottom: 0.4em;
} }
p.elements{margin:0px 1.5em !important; p.elements{margin:0px 1.5em !important;
padding: 0em; padding: 0em;
@ -1138,6 +1139,13 @@ width: 150px;}
.ui-content{margin-top: 1em !important;} .ui-content{margin-top: 1em !important;}
.panel_logo {
height: 20vh;
margin: 0 50% 10%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
}
/*footer*/ /*footer*/
@ -1149,6 +1157,30 @@ width: 150px;}
max-width: 797px; max-width: 797px;
margin-left: -1px; margin-left: -1px;
} }
#navheader {
padding-top: 0;
top: 0;
}
#nav2 {
background-color: orange;
max-height: 70px;
}
.rwd {
/*max-width: auto;*/
max-height: 30px;
}
.my-new-list li {
border-bottom: 1px solid gray;
}
#outside, .ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {
background-color: purple !important;
}
/*BLOCCO DI TUTTO A MAX WIDTH:(800) /*BLOCCO DI TUTTO A MAX WIDTH:(800)
.ui-mobile .ui-page, body { .ui-mobile .ui-page, body {

125
www/index.html
View file

@ -46,89 +46,18 @@
<script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/push.js"></script> <script type="text/javascript" src="js/push.js"></script>
<script type="text/javascript" src="js/share.js"></script> <script type="text/javascript" src="js/share.js"></script>
<script type="text/javascript">
$(document).on("mobileinit", function () {
$("body").pagecontainer({
defaults: true
});
$(".ui-loader").loader({
defaults: true
});
$("input").button();
});
$(document).on("pagecontainerchange", function () {    
var current = $(".ui-page-active").prop("id");     // Remove active class from nav buttons
    
console.log("current" + current);
$("[data-role='navbar'] a.ui-btn-active").removeClass("ui-btn-active");     // Add active class to current nav button
    
$("[data-role='navbar'] a").each(function () {
var href = $(this).prop("href");        
if (href.indexOf(current, href.length - current.length) !== -1) {            
$(this).addClass("ui-btn-active");        
}    
});
});
$(document).on("pagecreate", function () {
$("body > [data-role='panel']").panel();
$("body > [data-role='panel'] [data-role='listview']").listview();
$("body > [data-role='header']").toolbar();
$("body > [data-role='footer']").toolbar();
$("body > [data-role='navbar']").navbar();
$("#navfooter").navbar();
postInList();
});
/*per inizio navigazione*/
var Site = function () {
this.homepage = "#index"; // the default page that is loaded
this.init();
};
Site.prototype.init = function () {
var self = this;
$(document).ready(function () {
// default page if no hash given
// this changes the hash, so the event is fired
// no need to call self.navigate
window.location.hash = self.homepage;
});
};
// On document ready
$(function () {
intercettaUrl();
new Site();
$(".minibox").click(function () {
});
});
</script>
</head> </head>
<body> <body>
<!--panel --> <!--panel -->
<div data-role="panel" data-position="right" id="outside" data-theme="a" data-position-fixed="true" data-display="overlay" data-swipe-close="true"> <div data-role="panel" data-position="right" id="outside" data-theme="a" data-position-fixed="true" data-display="overlay" data-swipe-close="true">
<p><img src="image/xm-logo.png" class="rwd" /></p> <p><img src="image/ilovexm24_puzzle-300x300.jpg" class="panel_logo" /></p>
<ul data-role="listview"> <ul data-role="listview">
<li><a class="nav" href="#ilove">I love XM24</a></li>
<li><a class="nav" href="#info">Info</a></li> <li><a class="nav" href="#info">Info</a></li>
<li><a class="nav" href="#ilove">I love XM24</a></li>
<li><a class="nav" href="#events">Events</a></li>
<li><a class="nav" href="#about">About</a></li>
<li> <li>
<input type="text" class="cerca" value="" placeholder="Cerca" data-clear-btn="true" /> <input type="text" class="cerca" value="" placeholder="Cerca" data-clear-btn="true" />
</li> </li>
@ -151,18 +80,20 @@
</div> </div>
<!--/navbar --> <!--/navbar -->
<div data-role="header" data-position="fixed" id="navheader" class="hide"> <div data-role="header" data-position="fixed" id="navheader">
<div data-role="navbar" id="nav2" data-iconpos="left" data-theme="a"> <div data-role="navbar" id="nav2" data-iconpos="left" data-theme="a">
<ul class="downnav"> <ul class="downnav">
<li><a class="ui-mini nav" href="#index">Home</a> </li> <li><a class="ui-mini" href="#outside" data-icon="bars">
<li><a class="ui-mini" href="#outside">Menù</a> </li> <img src="image/xm-logo.png" class="rwd" />
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- /header --> <!-- /header -->
<!-- Home page --> <!-- Home page -->
<div data-role="page" id="index" data-dom-cache="true" data-theme="a" class="ui-page"> <!-- <div data-role="page" id="index" data-dom-cache="true" data-theme="a" class="ui-page">
<center><p><img src="image/xm-logo.png" class="rwd" /></p> <center><p><img src="image/xm-logo.png" class="rwd" /></p>
<ul data-role="listview" data-inset="true"> <ul data-role="listview" data-inset="true">
<li> <li>
@ -170,7 +101,7 @@
<img src="./image/ilovexm24_puzzle-300x300.jpg" class="ui-li-thumb"> <img src="./image/ilovexm24_puzzle-300x300.jpg" class="ui-li-thumb">
<h2>I love XM24</h2> <h2>I love XM24</h2>
<p>Bla blabla</p> <p>Bla blabla</p>
<!--p class="ui-li-aside">iOS</p--> <!-p class="ui-li-aside">iOS</p-=>
</a> </a>
</li> </li>
<li> <li>
@ -178,7 +109,7 @@
<img src="./image/xm24-particolare2.jpeg" class="ui-li-thumb"> <img src="./image/xm24-particolare2.jpeg" class="ui-li-thumb">
<h2>Info e comunicati</h2> <h2>Info e comunicati</h2>
<p>Bla Bla blabla</p> <p>Bla Bla blabla</p>
<!--p class="ui-li-aside">BlackBerry</p--> <!--p class="ui-li-aside">BlackBerry</p-=>
</a> </a>
</li> </li>
<li> <li>
@ -190,11 +121,11 @@
</li> </li>
</ul> </ul>
</center> </center>
<!--a class="minibox orange nav" href="#eventi"> Eventi</a> <!=-a class="minibox orange nav" href="#eventi"> Eventi</a>
<a class="minibox green nav" href="#lab"> Laboratori</a> <a class="minibox green nav" href="#lab"> Laboratori</a>
<a class="minibox green nav" href="#ultime"> News</a> <a class="minibox green nav" href="#ultime"> News</a>
<a class="minibox green nav" href="#tag"> Tag</a> <a class="minibox green nav" href="#tag"> Tag</a>
<a class="minibox blue nav" href="#quotidiano"> Un post a caso</a--> <a class="minibox blue nav" href="#quotidiano"> Un post a caso</a ==>
<br/ style="clear:both;"> <br/ style="clear:both;">
<div id="aggiornahome">Aggiorna i contenuti dal sito XM24 di tanto in tanto. <div id="aggiornahome">Aggiorna i contenuti dal sito XM24 di tanto in tanto.
@ -225,8 +156,21 @@
<input type="button" value="OK" onclick='$("#benvenuta").popup("close");alterContent(#info);' /> <input type="button" value="OK" onclick='$("#benvenuta").popup("close");alterContent(#info);' />
</div> </div>
</div> </div> -->
<div data-role="page" id="info" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<!-- <center><p><img src="image/xm-logo.png" class="rwd" /></p></center> -->
<div class="ui-body">
<p class="introlettera">Info e comunicati</p>
<p id="mostralistainfo" class="listatovirgole listevoci">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
</div> </div>
<div data-role="page" id="events" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page"> <div data-role="page" id="events" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
@ -256,20 +200,7 @@
<!--chiude content --> <!--chiude content -->
</div> </div>
<!-- chiude pagina --> <!-- chiude pagina -->
<div data-role="page" id="info" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">Info e comunicati</p>
<p id="mostralistainfo" class="listatovirgole listevoci">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
<!-- chiude body-->
</div>
<!--chiude content -->
</div>
<!-- chiude pagina --> <!-- chiude pagina -->
<div data-role="page" id="quotidiano" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page"> <div data-role="page" id="quotidiano" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content"> <div role="main" class="ui-content">

80
www/js/main.js
View file

@ -108,6 +108,7 @@ function getParameterByName(name, url) {
function display_results(contenitore, messaggio) { function display_results(contenitore, messaggio) {
$(contenitore).text(messaggio); $(contenitore).text(messaggio);
}; };
$(function () { $(function () {
$("form").submit(function () { $("form").submit(function () {
return false; return false;
@ -135,23 +136,98 @@ function setFirstRun() {
} }
} }
}; };
/*per link in browser di default */ /*per link in browser di default */
document.addEventListener("deviceready", onDeviceReady, false); document.addEventListener("deviceready", onDeviceReady, false);
//le cose all'inizio //le cose all'inizio
$(document).on("mobileinit", function () {
$("body").pagecontainer({
defaults: true
});
$(".ui-loader").loader({
defaults: true
});
$("input").button();
});
$(document).on("pagecontainerchange", function () {    
var current = $(".ui-page-active").prop("id");     // Remove active class from nav buttons
    
console.log("current" + current);
$("[data-role='navbar'] a.ui-btn-active").removeClass("ui-btn-active");     // Add active class to current nav button
    
$("[data-role='navbar'] a").each(function () {
var href = $(this).prop("href");        
if (href.indexOf(current, href.length - current.length) !== -1) {            
$(this).addClass("ui-btn-active");        
}    
});
});
$(document).on("pagecreate", function () {
$("body > [data-role='panel']").panel();
$("body > [data-role='panel'] [data-role='listview']").listview();
$("body > [data-role='header']").toolbar();
$("body > [data-role='footer']").toolbar();
$("body > [data-role='navbar']").navbar();
$("#navfooter").navbar();
postInList();
});
/*per inizio navigazione*/
var Site = function () {
this.homepage = "#index"; // the default page that is loaded
this.init();
};
Site.prototype.init = function () {
var self = this;
$(document).ready(function () {
// default page if no hash given
// this changes the hash, so the event is fired
// no need to call self.navigate
window.location.hash = self.homepage;
});
};
// On document ready
$(function () {
// intercettaUrl();
// new Site();
// $(".minibox").click(function () {});
});
function onDeviceReady() { function onDeviceReady() {
// console.log('deviceready'); // console.log('deviceready');
createDB(); createDB();
setFirstRun(); setFirstRun();
$("#navheader").addClass("hide");
$("#navfooter").addClass("hide");
$("a.nav").on("click", function (event) { $("a.nav").on("click", function (event) {
// Prevent the usual navigation behavior // Prevent the usual navigation behavior
event.preventDefault(); event.preventDefault();
hrefseguente = $(this).attr("href"); hrefseguente = $(this).attr("href");
alterContent(hrefseguente); alterContent(hrefseguente);
}); });
// eliminare le due righe:
$("body > [data-role='header']").toolbar();
$("[data-role='navbar']").navbar();
alterContent("#info");
}; };
function overlayblock() { function overlayblock() {
$(".overlaynero").toggleClass("hide"); $(".overlaynero").toggleClass("hide");
} }