From e42da06abdd00fe1231b3d55ca1571d13b465efc Mon Sep 17 00:00:00 2001
From: gine <gine@ventuordici.org>
Date: Sat, 25 Mar 2017 20:56:52 +0100
Subject: [PATCH] Pagina about al primo avvio dell'applicazione. Fix #12

---
 www/index.html | 54 +++++++++++++++++++++++++++++++++++++++++++-------
 www/js/main.js | 39 ++++++++++++++++++++++++++----------
 2 files changed, 75 insertions(+), 18 deletions(-)

diff --git a/www/index.html b/www/index.html
index b47a073..5c9b816 100644
--- a/www/index.html
+++ b/www/index.html
@@ -139,22 +139,62 @@
                         </ul>
                     </div>
                     <div id="single" >
-                        <p id="mostralista-34" class="listatovirgole listevoci"></p>
+                        <p id="mostralista-34" class="listatovirgole listevoci">
+                            <i>Non sono stati attalmente caricati eventi.</i>
+                        </p>
                     </div>
                     <div id="repeat" >
-                        <p id="mostralista-87" class="listatovirgole listevoci"></p>
+                        <p id="mostralista-87" class="listatovirgole listevoci">
+                            <i>Non sono stati attalmente caricati eventi.</i>
+                        </p>
                     </div>
                 </div>
             </div>
         </div>
     </div><!--chiude content -->
 
-    <div data-role="page" id="about" data-dom-cache="true" data-theme="a" class="ui-page">
+    <div data-role="page" id="about" 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">About I love XM24</p>
-                <p id="mostralistaabout" class="listatovirgole listevoci">
-                    <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
+                <center>
+                    <img src="image/xm-logo.png"/>
+                </center>
+                <p class="introlettera">About</p>
+                <p class="listatovirgole listevoci">
+                    Xm24 è uno spazio pubblico autogestito di Bologna posizionato 
+                    da 15 anni nel quartiere popolare Bolognina a pochi passi a 
+                    nord della stazione. Quartiere che amiamo e di cui siamo orgogliosi.
+                </p>
+                <p class="listatovirgole listevoci">
+                    Il cuore dell'autogestione di Xm24 è l'assemblea pubblica che
+                    avviene ogni martedì. Xm24 organizza, grazie ai suoi collettivi,
+                    numerosi laboratori settimanali completamente gratuiti.
+                    Xm24 non ha mai preso denaro dal comune, per le sue attività 
+                    si autofinanzia mediante iniziative culturali, sociali e ludiche.
+                </p>
+                <p class="listatovirgole listevoci">
+                    Il 30 dicembre l'amministrazione di Bologna non ha rinnovato 
+                    ad Xm24 la convenzione e ha inviato il 25 gennaio un avviso 
+                    allo spazio dove lo invita a lasciare lo spazio adducendo 
+                    come motivazioni menzogne smentite più volte.
+                <p class="listatovirgole listevoci">
+                </p>
+                    La realtà è che il comune di Bologna pensa ad una bolognina 
+                    non più popolare ma cuore nevralgico del capitalismo.
+                    <br><br>
+                    Per saperne di più vi rimandiamo agli articoli che potete leggere 
+                    sul <a href="http://www.ecn.org/xm24">sito</a> o con questa applicazione.
+                </p>
+                <p class="listatovirgole listevoci">
+                    Abbiamo creato questa applicazione per migliorare la nostra 
+                    capacità comunicativa, utilizzando i nuovi strumenti 
+                    tecnologici, sia per i giorni di routine, ma anche per allertare, 
+                    se mai ce ne dovesse essere bisogno, le persone solidali in 
+                    caso di emergenza. Grazie!
+                    <br><br>
+                    <b>Noi non ce ne andiamo!</b>
+                    <br><br>
+                    <button id="init-btn" class="nav" href="#info">Avanti</button>
                 </p>
             </div>
         </div>
@@ -216,7 +256,7 @@
                 <p class="introlettera">TAG:</p>
                 <p class="introlettera" id="tagtitle"></p>
                 <p id="tagpostlist" class="listatovirgole  listevoci">
-                    <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
+                    <!-- <img class="gifloader" src="./image/ajax_loader_red_512.gif" /> -->
                 </p>
             </div>
         </div>
diff --git a/www/js/main.js b/www/js/main.js
index 4525b2f..41eb362 100644
--- a/www/js/main.js
+++ b/www/js/main.js
@@ -60,15 +60,23 @@ function displayLastUpdateDate() {
     }
 }
 
-var paginacorrente = "";
-
 function alterContent(url) {
-    paginacorrente = $("body").pagecontainer("getActivePage").attr("id");
+    var paginacorrente = $("body").pagecontainer("getActivePage").attr("id");
+
     switch (url) {
     case '#index':
         $("#navheader").addClass("hide");
         $("#navfooter").addClass("hide");
         break;
+    case '#about':
+        $("#navheader").removeClass("hide");
+        $("#navfooter").addClass("hide");
+        if(window.localStorage.getItem('app_firsttime') === "false") {
+            $("#init-btn").addClass("hide");
+        } else {
+            window.localStorage.setItem('app_firsttime', false);
+        }
+        break;
     case '#ilove':
         $("#navheader").removeClass("hide");
         $("#navfooter").addClass("hide");
@@ -133,9 +141,7 @@ function benvenuta() {
 //    $("#aggiornaora").popup("open");
 //};
 
-function run() {
-    initStorage();
-    overlayblock();
+function initMainPage() {
     if (checkConnection()) {
         postsUpdate(FONTE.categories.info);
     } else {
@@ -159,9 +165,9 @@ $(document).on("mobileinit", function () {
     $("input").button();
 });
 
-$(document).on("pagecontainerchange", function () {    
+$(document).on("pagecontainerchange", function () {    
     var current = $(".ui-page-active").prop("id");     // Remove active class from nav buttons
-    if(current == 'info' || current == 'ilove' || current == 'events'){
+    if(current == 'about' || current == 'info' || current == 'ilove' || current == 'events'){
         $("#navfooter").addClass("hide");
     } else {
         $("#navfooter").removeClass("hide");
@@ -214,12 +220,23 @@ $(function () {
 function onDeviceReady() {
     // console.log('deviceready');
     createDB();
-    run();
+    initStorage();
+    
+    if(window.localStorage.getItem('app_firsttime') !== "false") {
+        alterContent('#about');
+    } else {
+        initMainPage();
+    }
+    
+    overlayblock();
     $("a.nav").on("click", function (event) {
         // Prevent the usual navigation behavior
         event.preventDefault();
-        hrefseguente = $(this).attr("href");
-        alterContent(hrefseguente);
+        alterContent($(this).attr("href"));
+    });
+    
+    $("button.nav").on("click", function (event) {
+        alterContent($(this).attr("href"));
     });
     // eliminare le due righe:
     $("body > [data-role='header']").toolbar();