urls changed, viewport added to htmls

canmogol · Jan 29, 2014 · bc80c63 · bc80c63
1 parent 0cf6352
commit bc80c63
Show file tree

Hide file tree

Showing 11 changed files with 210 additions and 160 deletions.
diff --git a/ListController.js b/ListController.js
@@ -4,21 +4,23 @@ window.onload = function () {
         mainController.goBack();
     };
     var ipAddressSpan = document.getElementById("userInformation");
-    ipAddressSpan.innerHTML = "welcome " + getStorage("userInformation");
+    ipAddressSpan.innerHTML = getStorage("loginResponseMessage") + " " +  getStorage("userInformation");
     var listContainer = document.getElementById("listContainer");
-    listContainer.addEventListener('touchstart', function(event){});
+    listContainer.addEventListener('touchstart', function (event) {
+    });
 
-    var adliyeler = JSON.parse(getStorage("adliyeler"));
-    for (var i = 0; i < adliyeler.length; i++) {
+    var items = JSON.parse(getStorage("items"));
+    for (var i = 0; i < items.length; i++) {
         var button = document.createElement('button');
         button.className = "listItem";
-        var adliye = adliyeler[i];
-        button.id = "id" + adliye.id;
-        button.adliye = adliye;
+        var item = items[i];
+        //console.log(item);
+        button.id = "id" + item.id;
+        button.item = item;
         button.addEventListener('click', function () {
-            alert("AdliyeAdi: " + this.adliye.AdliyeAdi);
+            alert("name: " + this.item.name + " id: " + this.item.id);
         }, false);
-        var linkText = document.createTextNode(adliye.AdliyeAdi);
+        var linkText = document.createTextNode(item.name);
         button.appendChild(linkText);
         listContainer.appendChild(button);
     }

diff --git a/LoggedController.js b/LoggedController.js
@@ -1,11 +1,11 @@
 window.onload = function () {
     var ipAddressSpan = document.getElementById("userInformation");
-    ipAddressSpan.innerHTML = "welcome " + getStorage("userInformation");
+    ipAddressSpan.innerHTML = getStorage("loginResponseMessage") + " " + getStorage("userInformation");
     var listExampleButton = document.getElementById("listExampleButton");
     listExampleButton.onclick = function () {
         // first open a loading dialog, this will be removed if the user clicks button
         var handler = {
-            url: "http://voyager.innova.com.tr/unity.mobile.gateway/ServerFlowServlet?OP_NAME=doGetAdliyeler&TakipDosyaNo=2010&TakipId=20101&SO_USER_NAME=app-innova&SO_PASS_WORD=q5F1sZlVT&lat=0&long=0#",
+            url: "http://10.10.4.235/lg/list.php",
             method: "GET",
             async: true,
             cancelled: false,
@@ -33,9 +33,9 @@ window.onload = function () {
                 //console.log("CALL CALLBACK! requestFinishedResponseReady, cancelled: " + handler.cancelled);
                 Alerts.removeAllAlerts();
                 try {
-                    var adliyeler = response.response.sehirler[0].adliyeler;
-                    var adliyelerString = JSON.stringify(adliyeler);
-                    putStorage("adliyeler", adliyelerString);
+                    var items = response;
+                    console.log(items);
+                    putStorage("items", JSON.stringify(items));
                     mainController.loadPage("list.html");
                 } catch (e) {
                     alert(e);

diff --git a/LoginController.js b/LoginController.js
@@ -15,7 +15,7 @@ function LoginController() {
     this.doLogin = function () {
         // first open a loading dialog, this will be removed if the user clicks button
         var handler = {
-            url: "http://voyager.innova.com.tr/unity.mobile.gateway/ServerFlowServlet?OP_NAME=doGetAdliyeler&",
+            url: "http://10.10.4.235/lg/login.php",
             method: "GET",
             async: true,
             cancelled: false,
@@ -49,9 +49,13 @@ function LoginController() {
                      mainController.loadPage("logged.html");
                      });
                      */
-
-                    putStorage("userInformation", response.message);
-                    mainController.loadPage("logged.html");
+                    if (response.isLogged == "true") {
+                        putStorage("userInformation", response.user);
+                        putStorage("loginResponseMessage", response.message);
+                        mainController.loadPage("logged.html");
+                    } else {
+                        alert("could not login, " + response.message);
+                    }
                 } catch (e) {
                     alert(e);
                 }

diff --git a/alerts.css b/alerts.css
@@ -1,112 +1,132 @@
-@-webkit-keyframes AlertFadeInKeyFrame {
-    from {
-        opacity: 0.7;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-@-moz-keyframes AlertFadeInKeyFrame {
-    from {
-        opacity: 0.7;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-@keyframes AlertFadeInKeyFrame {
-    from {
-        opacity: 0.7;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-.AlertFadeIn {
-}
-
-.AlertFadeIn_ANIMATED {
-    opacity: 0;
-    -webkit-animation: AlertFadeInKeyFrame ease-in 1;
-    -moz-animation: AlertFadeInKeyFrame ease-in 1;
-    animation: AlertFadeInKeyFrame ease-in 1;
-
-    -webkit-animation-fill-mode: forwards;
-    -moz-animation-fill-mode: forwards;
-    animation-fill-mode: forwards;
-
-    -webkit-animation-duration: 0.1s;
-    -moz-animation-duration: 0.1s;
-    animation-duration: 0.1s;
-
-}
-
-#AlertsAlertUITransparentContainer {
-    background: rgba(0, 0, 0, 0.4);
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 120%;
-}
-
-#AlertsAlertUIDialogContainer {
-    background: black;
-    width: 200px;
-    text-align: center;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 100px;
-    padding: 20px;
-
-    border-radius: 10px;
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-
-    -moz-box-shadow: 3px 3px 3px 3px  black;
-    -webkit-box-shadow: 3px 3px 3px 3px black;
-    box-shadow: 3px 3px 3px 3px black;
-}
-
-#AlertsAlertUIDialogContainerTitle {
-    display: block;
-    color: white;
-    font: bold 14px/24px Arial, Helvetica, sans-serif;
-    text-align: left;
-    padding-bottom: 10px;
-}
-
-#AlertsAlertUIDialogContainerText {
-    display: block;
-    color: white;
-    font: bold 14px/24px Arial, Helvetica, sans-serif;
-}
-
-#AlertsAlertUIDialogContainerButton {
-    background: #4c95cd;
-    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-    background: -moz-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c95cd), color-stop(100%, #3c78ba));
-    background: -webkit-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
-    background: -o-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
-    background: -ms-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
-    background: linear-gradient(to bottom, #4c95cd 0%, #3c78ba 100%);
-    display: block;
-    font: bold 14px/24px Arial, Helvetica, sans-serif;
-    color: white;
-    text-decoration: none;
-    padding: 6px;
-    margin: 10px;
-    z-index: 99999;
-    border-radius: 10px;
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-}
-
-/*LOADING-CIRCLE*/
+@-webkit-keyframes AlertFadeInKeyFrame {
+    from {
+        opacity: 0.7;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@-moz-keyframes AlertFadeInKeyFrame {
+    from {
+        opacity: 0.7;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes AlertFadeInKeyFrame {
+    from {
+        opacity: 0.7;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+.AlertFadeIn {
+}
+
+.AlertFadeIn_ANIMATED {
+    opacity: 0;
+    -webkit-animation: AlertFadeInKeyFrame ease-in 1;
+    -moz-animation: AlertFadeInKeyFrame ease-in 1;
+    animation: AlertFadeInKeyFrame ease-in 1;
+
+    -webkit-animation-fill-mode: forwards;
+    -moz-animation-fill-mode: forwards;
+    animation-fill-mode: forwards;
+
+    -webkit-animation-duration: 0.1s;
+    -moz-animation-duration: 0.1s;
+    animation-duration: 0.1s;
+
+}
+
+#AlertsAlertUITransparentContainer {
+    background: rgba(0, 0, 0, 0.4);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 120%;
+}
+
+#AlertsAlertUIDialogContainer {
+    background: black;
+    width: 200px;
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 100px;
+    padding: 20px;
+
+    border-radius: 10px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+
+    -moz-box-shadow: 3px 3px 3px 3px  black;
+    -webkit-box-shadow: 3px 3px 3px 3px black;
+    box-shadow: 3px 3px 3px 3px black;
+}
+
+#AlertsAlertUIDialogContainerTitle {
+    display: block;
+    color: white;
+    font: bold 14px/24px Arial, Helvetica, sans-serif;
+    text-align: left;
+    padding-bottom: 10px;
+}
+
+#AlertsAlertUIDialogContainerText {
+    display: block;
+    color: white;
+    font: bold 14px/24px Arial, Helvetica, sans-serif;
+}
+
+#AlertsAlertUIDialogContainerButton {
+    background: #4c95cd;
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c95cd), color-stop(100%, #3c78ba));
+    background: -webkit-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
+    background: -o-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
+    background: -ms-linear-gradient(top, #4c95cd 0%, #3c78ba 100%);
+    background: linear-gradient(to bottom, #4c95cd 0%, #3c78ba 100%);
+    display: block;
+    font: bold 14px/24px Arial, Helvetica, sans-serif;
+    color: white;
+    text-decoration: none;
+    padding: 6px;
+    margin: 10px;
+    z-index: 99999;
+    border-radius: 10px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+}
+#AlertsAlertUIDialogContainerButton:hover{
+    background: #6EA0CD;
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top, #6EA0CD 0%, #3c78ba 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6EA0CD), color-stop(100%, #3c78ba));
+    background: -webkit-linear-gradient(top, #6EA0CD 0%, #3c78ba 100%);
+    background: -o-linear-gradient(top, #6EA0CD 0%, #3c78ba 100%);
+    background: -ms-linear-gradient(top, #6EA0CD 0%, #3c78ba 100%);
+    background: linear-gradient(to bottom, #6EA0CD 0%, #3c78ba 100%);
+}
+#AlertsAlertUIDialogContainerButton:active{
+    background: #3C76AF;
+    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background: -moz-linear-gradient(top, #3C76AF 0%, #3c78ba 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C76AF), color-stop(100%, #3c78ba));
+    background: -webkit-linear-gradient(top, #3C76AF 0%, #3c78ba 100%);
+    background: -o-linear-gradient(top, #3C76AF 0%, #3c78ba 100%);
+    background: -ms-linear-gradient(top, #3C76AF 0%, #3c78ba 100%);
+    background: linear-gradient(to bottom, #3C76AF 0%, #3c78ba 100%);
+}
+
+/*LOADING-CIRCLE*/
 #floatingCirclesG{
 position:relative;
 margin-left: auto ;