Changeset 274

Timestamp:

May 12, 2016, 4:14:55 AM (9 years ago)

Author:

alloc

Message:

Fixes #117: Collapsible menu

Location:

binary-improvements

Files:

• . (modified) (1 prop)
• 7dtd-binaries (modified) (1 prop)
• 7dtd-server-fixes (modified) (1 prop)
• AllocsCommands (modified) (1 prop)
• CoppisAdditions (modified) (1 prop)
• MapRendering (modified) (1 prop)
• bundle_creation (modified) (1 prop)
• webserver/css/style.css (modified) (2 diffs)
• webserver/img/expand.png (added)
• webserver/index.html (modified) (1 diff)
• webserver/js/index.js (modified) (1 diff)
• webserver/js/tabs.js (modified) (2 diffs)

binary-improvements/webserver/css/style.css

@@ -53 +53 @@
 }
 
+.adminnavbar.hidenav {
+        width: 0;
+        visibility: hidden;
+}
+
 .adminnavbar > div {
         margin: 5px;
+}
+
+.adminnavbarhidebutton {
+        position: fixed;
+        left: 200px;
+        color: #000;
+        background-color: rgba(180, 180, 180, 0.5); //#ccc;
+        z-index: 5;
+        top: 50%;
+        border-radius: 5px;
+        transform: translate(-50%, -50%) rotate(+90deg);
+        padding: 0px 5px;
+        font-family: sans-serif;
+        cursor: pointer;
+}
+
+.adminnavbarhidebutton.hidenav {
+        left: 18px;
+        transform: translate(-50%, -50%) rotate(-90deg);
 }
 
@@ -141 +165 @@
         left: 200px;
         /*background-color: #408040;*/
+}
+
+#admincontent.hidenav {
+        left: 0;
 }
 

binary-improvements/webserver/index.html

@@ -56 +56 @@
 
         <div class="adminwrapper">
+                <div class="adminnavbarhidebutton">
+                        <img src="img/expand.png" alt="Expand Menu" width="10">
+                        Menu
+                        <img src="img/expand.png" alt="Expand Menu" width="10">
+                </div>
                 <div class="adminnavbar">
                         <div id="serverstats">

binary-improvements/webserver/js/index.js

@@ -2 +2 @@
 var tabs = $("#adminmenu").tabbedContent ({
         contentdiv: $("#admincontent"),
+        hidebuttondiv: $(".adminnavbarhidebutton"),
+        menubardiv: $(".adminnavbar"),
 });
 SetupInventoryDialog ();

binary-improvements/webserver/js/tabs.js

@@ -2 +2 @@
         options: {
                 contentdiv: null,
+                hidebuttondiv: null,
+                menubardiv: null,
+                hideOnStart: false,
+                hideClass: "hidenav",
                 currentTabClass: "current_tab",
                 menuButtonClass: "menu_button",
@@ -15 +19 @@
                         console.log ("contentdiv has to be set!");
                 }
+                
+                if (options.hidebuttondiv == null) {
+                        console.log ("hidebuttondiv has to be set!");
+                }
+                
+                if (options.menubardiv == null) {
+                        console.log ("menubardiv has to be set!");
+                }
+                
+                options.hidebuttondiv.on ('click.action', function (event) {
+                        if (options.hidebuttondiv.hasClass (options.hideClass)) {
+                                $("*").removeClass (options.hideClass);
+                        } else {
+                                options.hidebuttondiv.addClass (options.hideClass);
+                                options.contentdiv.addClass (options.hideClass);
+                                options.menubardiv.addClass (options.hideClass);
+                        }
+                });
                 
                 this.element.find ("ul > li").addClass (options.menuButtonClass);