about screen mockup; TODO: text&design -> Loni&Saša

2 files changed, 26 insertions, 0 deletions

diff --git a/js/codeq/about.js b/js/codeq/about.js
new file mode 100644
index 0000000..a0ca261
--- /dev/null
+++ b/js/codeq/about.js
@@ -0,0 +1,22 @@
+/**
+ * Created by markop on 11/09/15.
+ */
+(function(){
+
+    var jqScreen = $("#screen_about"),
+        jqBtnGoBack = $("#btnAboutGoBack");
+
+    codeq.globalStateMachine.register('about',{
+        'enter': function(){
+            jqBtnGoBack.on('click',function(){
+                history.back();//forces a transition to the previous state
+            });
+            jqScreen.css('display', '');
+        },
+        'exit' : function(){
+            jqScreen.css('display', 'none');
+            jqBtnGoBack.off('click');
+        }
+    });
+
+})();
diff --git a/js/codeq/navigation.js b/js/codeq/navigation.js
index 4baf5b9..be56740 100644
--- a/js/codeq/navigation.js
+++ b/js/codeq/navigation.js
@@ -149,6 +149,10 @@
         codeq.globalStateMachine.transition('profile');
         e.preventDefault();//prevent this since we'll trigger a page reload otherwise
     });
+    $('#navigation-about').on('click', function(e){
+        codeq.globalStateMachine.transition('about');
+        e.preventDefault();//prevent this since we'll trigger a page reload otherwise
+    });
     $('#change-password').on('click', function(e){
         codeq.globalStateMachine.transition('changePassword');
         e.preventDefault();//prevent this since we'll trigger a page reload otherwise