nicer spinner animation, some cleaning
authorRadek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Thu, 8 Sep 2011 13:24:28 +0000 (15:24 +0200)
committerRadek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Thu, 8 Sep 2011 13:24:28 +0000 (15:24 +0200)
AndroidManifest.xml
assets/www/css/book_text.css
assets/www/css/style.css
assets/www/js/view.js
src/pl/org/nowoczesnapolska/wlmobi/Catalogue.java

index 6ff99bb..ba87eca 100644 (file)
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android" android:windowSoftInputMode="adjustPan"
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android" android:windowSoftInputMode="adjustPan"
-      package="pl.org.nowoczesnapolska.wlmobi" android:versionName="1.0" android:versionCode="2">
+      package="pl.org.nowoczesnapolska.wlmobi" android:versionName="1.1" android:versionCode="3">
     <supports-screens
        android:largeScreens="true"
        android:normalScreens="true"
     <supports-screens
        android:largeScreens="true"
        android:normalScreens="true"
index ad19a66..9fd9eac 100644 (file)
@@ -4,7 +4,7 @@
  */
 
 #book-text {
  */
 
 #book-text {
-    font-size: 12px;
+       font-size: .9em;
     line-height: 1.5em;
     margin: 0;
 }
     line-height: 1.5em;
     margin: 0;
 }
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 
+.night-mode #book-text a {
+    color: #88f;
+}
+
 
 /* ================================== */
 /* = Header with logo and menu      = */
 /* ================================== */
 
 /* ================================== */
 /* = Header with logo and menu      = */
 /* ================================== */
-#book-text #header {
-    margin: 3.4em 0 0 1.4em;
-}
-
-#book-text img {
-    border: none;
-}
-
-
-#book-text #menu {
-    position: fixed;
-    left: 0em;
-    top: 0em;
-    width: 100%;
-    height: 1.5em;
-    background: #333;
-    color: #FFF;
-    opacity: 0.9;
-    z-index: 99;
-}
-
-#book-text #menu ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-#book-text #menu li a {
-    display: block;
-    float: left;
-    width: 7.5em;
-    height: 1.5em;
-    margin-left: 0.5em;
-    text-align: center;
-    color: #FFF;
-}
-
-#book-text #menu li a:hover, #menu li a:active {
-    color: #000;
-    background: #FFF url(/static/img/arrow-down.png) no-repeat center right;
-}
-
-#book-text #menu li a.selected {
-    color: #000;
-    background: #FFF url(/static/img/arrow-up.png) no-repeat center right;
-}
-#book-text #menu a.menu-link {
-    display: block;
-    float: left;
-    height: 1.5em;
-    margin-left: 0.5em;
-    text-align: center;
-    color: #FFF;
-}
-#book-text #menu span {
-    color: #888;
-    font-style: italic;
-    font-size: .75em;
-    margin-right: 0.5em;
-}
-
-
 #book-text #toc, #themes, #nota_red, #info {
 #book-text #toc, #themes, #nota_red, #info {
-    position: fixed;
-    left: 0em;
-    top: 1.5em;
-    width: 37em;
-    padding: 1.5em;
-    background: #FFF;
-    border-bottom: 0.25em solid #DDD;
-    border-right: 0.25em solid #DDD;
     display: none;
     display: none;
-    height: 16em;
-    overflow-x: hidden;
-    overflow-y: auto;
-    opacity: 0.9;
-    z-index: 99;
-}
-
-#book-text #toc ol, #themes ol {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-#book-text #toc ol li {
-    font-weight: bold;
-}
-
-#book-text #toc ol ol {
-    padding: 0 0 1.5em 1.5em;
-    margin: 0;
-}
-
-#book-text #toc ol ol li {
-    font-weight: normal;
-}
-
-#book-text #toc h2 {
-    display: none;
-}
-
-#book-text #toc .anchor {
-    float: none;
-    margin: 0;
-    color: blue;
-    font-size: 16px;
-    position: inherit;
-}
-
-#book-text #info p {
-    text-align: justify;
-    margin: 1.5em 0 0;
 }
 
 /* =================================================== */
 }
 
 /* =================================================== */
 /* ======================== */
 #book-text .theme-begin {
        display:none;
 /* ======================== */
 #book-text .theme-begin {
        display:none;
-/*    border-left: 0.1em solid #DDDDDD;
-    color: #777;
-    padding: 0 0.5em;
-
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    letter-spacing: 0;
-    text-transform: none;
-    text-decoration: none;
-    width: 7.5em;
-
-    font-size: 10px;
-    float: right;
-    margin-bottom: 0.5em;
-    clear: both;
-    line-height: 1.5em;
-    text-align: left;
-*/}
+}
 
 #book-text .annotation {
     font-style: normal;
 
 #book-text .annotation {
     font-style: normal;
 /* ============= */
 /* = Numbering = */
 /* ============= */
 /* ============= */
 /* = Numbering = */
 /* ============= */
-/*.verse, .paragraph {
-    position:relative;
-}
-#book-text .anchor {
-    position: absolute;
-    margin: -0.25em -0.5em;
-    left: -3em;
-    color: #777;
-    font-size: 12px;
-    width: 2em;
-    text-align: center;
-    padding: 0.25em 0.5em;
-    line-height: 1.5em;
-}
-
-#book-text .anchor:hover, #book-text .anchor:active {
-    color: #FFF;
-    background-color: #CCC;
-}*/
 #book-text .anchor{display:none;}
 
 /* =================== */
 #book-text .anchor{display:none;}
 
 /* =================== */
index 83271f0..89dc0c2 100644 (file)
@@ -10,13 +10,12 @@ body {
        font-family: verdana, arial, helvetica, sans-serif;
 }
 
        font-family: verdana, arial, helvetica, sans-serif;
 }
 
-.night-mode {
+.night-mode, .night-mode #search {
        color: #ddd;
        background: #222;
 }
        color: #ddd;
        background: #222;
 }
-.night-mode #search {
-       color: #ddd;
-       background: #222;
+.night-mode a {
+       color: #fff;
 }
 
 .spinner {
 }
 
 .spinner {
index f9a1576..6aa40cf 100644 (file)
@@ -36,6 +36,7 @@ var View = new function() {
 
                self.checkNightMode();
 
 
                self.checkNightMode();
 
+               self.at_spinner = false;
                self.enter('');
 
                success && success();
                self.enter('');
 
                success && success();
@@ -57,13 +58,19 @@ var View = new function() {
        this.spinner = function(text) {
                if (!text)
                        text = "Ładowanie";
        this.spinner = function(text) {
                if (!text)
                        text = "Ładowanie";
-               self._content.innerHTML = "";
-               self._content.innerHTML = "<div class='spinner'><img src='img/spinner.png' /><div id='spinnertext'>" + text +"</div></div>";
+               if (self.at_spinner) {
+                       document.getElementById("spinnertext").innerHTML = text;
+               }
+               else {
+                       self._content.innerHTML = "<div class='spinner'><img src='img/spinner.png' /><div id='spinnertext'>" + text +"</div></div>";
+                       self.at_spinner = true;
+               }
                setOffset(0);
        };
 
        this.content = function(text, offset) {
                console.log('content');
                setOffset(0);
        };
 
        this.content = function(text, offset) {
                console.log('content');
+               self.at_spinner = false;
 
                self._content.innerHTML = '';
                self._content.innerHTML = text;
 
                self._content.innerHTML = '';
                self._content.innerHTML = text;
index d296270..be22a34 100644 (file)
@@ -5,7 +5,6 @@
 
 package pl.org.nowoczesnapolska.wlmobi;
 
 
 package pl.org.nowoczesnapolska.wlmobi;
 
-import android.graphics.Color;
 import android.os.Bundle;
 import android.view.KeyEvent;
 import android.view.Menu;
 import android.os.Bundle;
 import android.view.KeyEvent;
 import android.view.Menu;