Subversion Repositories wimsdev

Rev

Rev 13280 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 13280 Rev 13836
Line 15... Line 15...
15 
}
 15 
}
16 
 
 16 
 
17 
 
 17 
 
18 
document.addEventListener("DOMContentLoaded", function() {
 18 
document.addEventListener("DOMContentLoaded", function() {
19 
 
 19 
 
20 
    var wims_menu = document.getElementById("wimsmenumodubox");
 20 
  var wims_menu = document.getElementById("wimsmenumodubox");
21 
    if (wims_menu){
 21 
  if (wims_menu){
22 
 
 22 
 
23 
        // Must be done after css transition
 23 
    // Must be done after css transition
24 
        setTimeout('dynapi_redraw()', 550);
 24 
    setTimeout('dynapi_redraw()', 550);
25 
 
 25 
 
26 
        /* Extruder style */
 26 
    /* Extruder style */
27 
        /*
 27 
    /*
28 
        wims_menu.addClass("{title:'↑↓'}");
 28 
    wims_menu.addClass("{title:'↑↓'}");
29 
 
 29 
 
30 
        wims_menu.buildMbExtruder({
 30 
    wims_menu.buildMbExtruder({
31 
            position:"left",
 31 
        position:"left",
32 
            width:250,
 32 
        width:250,
33 
            extruderOpacity:0.8,
 33 
        extruderOpacity:0.8,
34 
            textOrientation:"tb",
 34 
        textOrientation:"tb",
35 
            onExtOpen:function(){},
 35 
        onExtOpen:function(){},
36 
            onExtContentLoad:function(){wims_menu.openPanel();},
 36 
        onExtContentLoad:function(){wims_menu.openPanel();},
37 
            onExtClose:function(){}
 37 
        onExtClose:function(){}
38 
        });
 38 
    });
39 
        */
 39 
    */
40 
 
 40 
 
41 
        /* Slideout style*/
 41 
    /* Slideout style*/
42 
 
 42 
 
43 
        var body = document.getElementsByTagName("BODY")[0];
 43 
    var body = document.getElementsByTagName("BODY")[0];
44 
 
 44 
 
45 
        // Get in sessionStorage if menu was previously opened.
 45 
    // Get in sessionStorage if menu was previously opened.
46 
        var previous_state = sessionStorage.getItem("slide_menu_state");
 46 
    var previous_state = sessionStorage.getItem("slide_menu_state");
47 
        previous_state = previous_state === null ? "closed" : previous_state; //default state
 47 
    previous_state = previous_state === null ? "closed" : previous_state; //default state
48 
 
 48 
 
49 
        var menu_panel = document.getElementById('wimsmenumodubox');
 49 
    var menu_panel = document.getElementById('wimsmenumodubox');
50 
        menu_panel.classList.add("slide-menu");
 50 
    menu_panel.classList.add("slide-menu");
51 
 
 51 
 
52 
        if (previous_state == "closed"){
 52 
    if (previous_state == "closed"){
53 
            body.classList.add("slide-menu-closed");
 53 
      body.classList.add("slide-menu-closed");
54 
        }else{
 54 
    }else{
55 
            body.classList.add("slide-menu-opened");
 55 
      body.classList.add("slide-menu-opened");
56 
        }
 56 
    }
57 
        // Add a toggle button on top of the main panel
 57 
    // Add a toggle button on top of the main panel
58 
        var container = document.createElement("div");
 58 
    var container = document.createElement("div");
59 
        container.className = "toggle-button";
 59 
    container.className = "toggle-button";
60 
 
 60 
 
61 
        var button = document.createElement("a");
 61 
    var button = document.createElement("a");
62 
        button.className = "wims_button wims_secondary_button";
 62 
    button.className = "wims_button wims_secondary_button";
63 
 
 63 
 
64 
        var span1 = document.createElement("span");
 64 
    var span1 = document.createElement("span");
65 
        var textnode = document.createTextNode("\u21e6");
 65 
    var textnode = document.createTextNode("\u21e6");
66 
        span1.appendChild(textnode);
 66 
    span1.appendChild(textnode);
67 
        button.appendChild(span1);
 67 
    button.appendChild(span1);
68 
 
 68 
 
69 
        var span2 = document.createElement("span");
 69 
    var span2 = document.createElement("span");
70 
        var textnode = document.createTextNode("\u21e8");
 70 
    var textnode = document.createTextNode("\u21e8");
71 
        span2.appendChild(textnode);
 71 
    span2.appendChild(textnode);
72 
        button.appendChild(span2);
 72 
    button.appendChild(span2);
73 
 
 73 
 
74 
        container.appendChild(button);
 74 
    container.appendChild(button);
75 
        menu_panel.insertBefore(container, menu_panel.childNodes[0]);
 75 
    menu_panel.insertBefore(container, menu_panel.childNodes[0]);
- 
 
 76 
 
- 
 
 77 
    button.addEventListener('click', function() {
- 
 
 78 
      //slideout.toggle();
- 
 
 79 
      //console.log("toggle clicked !");
- 
 
 80 
      body.classList.toggle("slide-menu-closed");
- 
 
 81 
      body.classList.toggle("slide-menu-opened");
- 
 
 82 
 
- 
 
 83 
      // Must be done after css transition
- 
 
 84 
      setTimeout('dynapi_redraw()', 550);
76 
 
 85 
 
77 
        button.addEventListener('click', function() {
 86 
      previous_state = previous_state == "closed" ? "opened" : "closed"; //new state
78 
          //slideout.toggle();
 87 
      /*if (previous_state=="closed"){
79 
          //console.log("toggle clicked !");
 88 
        body.focus();
80 
          body.classList.toggle("slide-menu-closed");
 89 
      }*/
81 
          body.classList.toggle("slide-menu-opened");
 90 
      sessionStorage.setItem("slide_menu_state", previous_state);
- 
 
 91 
    });
82 
 
 92 
 
83 
          // Must be done after css transition
 - 
 
84 
          setTimeout('dynapi_redraw()', 550);
 - 
 
85 
 
 - 
 
86 
          previous_state = previous_state == "closed" ? "opened" : "closed"; //new state
 - 
 
87 
          /*if (previous_state=="closed"){
 - 
 
88 
            body.focus();
 - 
 
89 
          }*/
 - 
 
90 
          sessionStorage.setItem("slide_menu_state", previous_state);
 - 
 
91 
        });
 - 
 
92 
 
 - 
 
93 
    }
 93 
  }
94 
});
 94 
});