From 3237a17535e6a47829c04a2d873ace122c3d475a Mon Sep 17 00:00:00 2001
From: Victor <melnikukr@mail.ru>
Date: Fri, 11 Dec 2015 11:39:54 +0200
Subject: [PATCH] Add main menu

---
 public_html/css/run.css     |  17 +++++++++++++++++
 public_html/images/menu.png | Bin 0 -> 94 bytes
 public_html/index.html      |   1 +
 public_html/js/Main.js      |   5 +----
 public_html/js/Views.js     |  29 ++++++++++++++++++++++++++---
 5 files changed, 45 insertions(+), 7 deletions(-)
 create mode 100644 public_html/images/menu.png

diff --git a/public_html/css/run.css b/public_html/css/run.css
index afae6c0..afc76a8 100644
--- a/public_html/css/run.css
+++ b/public_html/css/run.css
@@ -83,4 +83,21 @@ body {
     background-color: rgba(200, 200, 200, 0.5);
     cursor: pointer;
     color: #fff;
+}
+
+#mainMenuButton {
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    width: 48px;
+    height: 48px;
+    background: url(../images/menu.png) no-repeat center center;
+    opacity: 0.25;
+    -moz-opacity: 0.25;
+    -khtml-opacity: 0.25;
+}
+#mainMenuButton:hover {
+    opacity: 1;
+    -moz-opacity: 1;
+    -khtml-opacity: 1;
 }
\ No newline at end of file
diff --git a/public_html/images/menu.png b/public_html/images/menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..71d99946ccf7ae89a044eedf011c287bb74f98e6
GIT binary patch
literal 94
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZA`BpB)|k7xlYrjj7PU<QV=$!9HqJaJDK$B>F!
o$q5S>6aMkDux|)<zAUnck-@jr;;T~7i-RDIp00i_>zopr0G?tO(EtDd

literal 0
HcmV?d00001

diff --git a/public_html/index.html b/public_html/index.html
index 34a961d..2a593fb 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -26,6 +26,7 @@
                 <div id="textAuthor"></div>
                 <div id="textContent"></div>
             </div>
+            <div id="mainMenuButton"></div>
             <div id="menu">
                 <p id="menuTitle">Title</p>
                 <ul id="menuChoose">
diff --git a/public_html/js/Main.js b/public_html/js/Main.js
index ca36095..d7be28e 100644
--- a/public_html/js/Main.js
+++ b/public_html/js/Main.js
@@ -6,11 +6,8 @@ function run(data) {
     var tokens = new Lexer(data).process().getTokens();
     var parser = new Parser(tokens);
     ViewActivity = new Views(parser);
+    ViewActivity.init();
     parser.next();
-
-    document.addEventListener('click', function (e) {
-        ViewActivity.getInstance().onTouch(e);
-    });
 }
 
 $(document).ready(function() {
diff --git a/public_html/js/Views.js b/public_html/js/Views.js
index 2c10ceb..720f330 100644
--- a/public_html/js/Views.js
+++ b/public_html/js/Views.js
@@ -32,10 +32,18 @@ function Views(parser) {
         Views.blockTap = false;
         if (!Views.cancelNextStep) parser.next();
     };
-    
-    $('#menu').hide();
 }
 
+Views.prototype.init = function () {
+    $('#menu').hide();
+    $('#mainMenuButton').click(function () {
+        ViewActivity.getInstance().showMainMenu();
+    });
+    document.addEventListener('click', function (e) {
+        ViewActivity.getInstance().onTouch(e);
+    });
+};
+
 Views.prototype.NO_FADE = new FadeInfo();
 
 Views.prototype.getInstance = function () {
@@ -45,6 +53,8 @@ Views.prototype.getInstance = function () {
 Views.prototype.onTouch = function (e) {
     if (this.blockTap) return;
     if ($('#menu').is(":visible")) return;
+    if ($(e.target).is('li')) return;
+    if ($(e.target).is('#mainMenuButton')) return;
     
     this.cancelNextStep = true;
     this.parser.next();
@@ -358,7 +368,20 @@ Views.prototype.createMenuItemClickFunction = function (index, menu) {
     };
 };
 
-Views.prototype.showGameMenuDialog = function (menu) {
+Views.prototype.showMainMenu = function () {
+    $('#menuTitle').text('Меню');
+    
+    var views = this;
+    $('#menuChoose').empty();
+    this.addMainMenuItem("Закрыть", function() {
+        $('#menu').hide();
+    });
+    $('#menu').show();
+};
+Views.prototype.addMainMenuItem = function(name, func) {
+    var li = $('<li>', {text: name});
+    li.click(func);
+    li.appendTo($('#menuChoose'));
 };
 
 Views.prototype.addMusicToQueue = function (name) {