Changeset 274 for binary-improvements


Ignore:
Timestamp:
May 12, 2016, 4:14:55 AM (3 years ago)
Author:
alloc
Message:

Fixes #117: Collapsible menu

Location:
binary-improvements
Files:
1 added
11 edited

Legend:

Unmodified
Added
Removed
  • binary-improvements

    • Property svn:ignore set to
      bin
  • binary-improvements/7dtd-binaries

    • Property svn:ignore set to
      *.dll
  • binary-improvements/7dtd-server-fixes

    • Property svn:ignore set to
      obj
  • binary-improvements/AllocsCommands

    • Property svn:ignore set to
      obj
  • binary-improvements/CoppisAdditions

    • Property svn:ignore set to
      obj
  • binary-improvements/MapRendering

    • Property svn:ignore set to
      obj
  • binary-improvements/bundle_creation

    • Property svn:ignore set to
      *.tar.gz
      Mods
  • binary-improvements/webserver/css/style.css

    r270 r274  
    5353}
    5454
     55.adminnavbar.hidenav {
     56        width: 0;
     57        visibility: hidden;
     58}
     59
    5560.adminnavbar > div {
    5661        margin: 5px;
     62}
     63
     64.adminnavbarhidebutton {
     65        position: fixed;
     66        left: 200px;
     67        color: #000;
     68        background-color: rgba(180, 180, 180, 0.5); //#ccc;
     69        z-index: 5;
     70        top: 50%;
     71        border-radius: 5px;
     72        transform: translate(-50%, -50%) rotate(+90deg);
     73        padding: 0px 5px;
     74        font-family: sans-serif;
     75        cursor: pointer;
     76}
     77
     78.adminnavbarhidebutton.hidenav {
     79        left: 18px;
     80        transform: translate(-50%, -50%) rotate(-90deg);
    5781}
    5882
     
    141165        left: 200px;
    142166        /*background-color: #408040;*/
     167}
     168
     169#admincontent.hidenav {
     170        left: 0;
    143171}
    144172
  • binary-improvements/webserver/index.html

    r256 r274  
    5656
    5757        <div class="adminwrapper">
     58                <div class="adminnavbarhidebutton">
     59                        <img src="img/expand.png" alt="Expand Menu" width="10">
     60                        Menu
     61                        <img src="img/expand.png" alt="Expand Menu" width="10">
     62                </div>
    5863                <div class="adminnavbar">
    5964                        <div id="serverstats">
  • binary-improvements/webserver/js/index.js

    r250 r274  
    22var tabs = $("#adminmenu").tabbedContent ({
    33        contentdiv: $("#admincontent"),
     4        hidebuttondiv: $(".adminnavbarhidebutton"),
     5        menubardiv: $(".adminnavbar"),
    46});
    57SetupInventoryDialog ();
  • binary-improvements/webserver/js/tabs.js

    r250 r274  
    22        options: {
    33                contentdiv: null,
     4                hidebuttondiv: null,
     5                menubardiv: null,
     6                hideOnStart: false,
     7                hideClass: "hidenav",
    48                currentTabClass: "current_tab",
    59                menuButtonClass: "menu_button",
     
    1519                        console.log ("contentdiv has to be set!");
    1620                }
     21               
     22                if (options.hidebuttondiv == null) {
     23                        console.log ("hidebuttondiv has to be set!");
     24                }
     25               
     26                if (options.menubardiv == null) {
     27                        console.log ("menubardiv has to be set!");
     28                }
     29               
     30                options.hidebuttondiv.on ('click.action', function (event) {
     31                        if (options.hidebuttondiv.hasClass (options.hideClass)) {
     32                                $("*").removeClass (options.hideClass);
     33                        } else {
     34                                options.hidebuttondiv.addClass (options.hideClass);
     35                                options.contentdiv.addClass (options.hideClass);
     36                                options.menubardiv.addClass (options.hideClass);
     37                        }
     38                });
    1739               
    1840                this.element.find ("ul > li").addClass (options.menuButtonClass);
Note: See TracChangeset for help on using the changeset viewer.