admin/Facilitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FSN#35094 Style aanpassingen en hamburger dropdown menu werkend gemaakt

Browse Source 
svn path=/Website/trunk/; revision=31365
This commit is contained in:
Koen Reefman
2016-11-04 13:02:29 +00:00
parent 1ee37991a7
commit 08400926a7
2 changed files with 82 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
APPL/Shared/iface.inc
View File

@@ -13,6 +13,8 @@ if (JSON_Result)
FCLTHeader.Requires({ plugins: ["jQuery"], js: ["iface.js"]})
var isPrinting = getQParamInt("print", 0) == 1;
var hambuttons = [];
var hamburger = false;
function CreateButton(tekst, onClick, btn, params) //akey, id, params)
{
@@ -65,7 +67,7 @@ function CreateButtons(buttons, params)
{ // too bad this hidden button takes up some space, especially with the vertical buttons
%><li class="hiddenbutton"><input type="submit" style="height:0;width:0"></li><%
}
var hamburger = false;
hamburger = false;
for (var i=0; i< buttons.length; i++)
{
var btn = buttons[i];
@@ -73,15 +75,20 @@ function CreateButtons(buttons, params)
{
if (inArray(btn.icon, ["print.png", "email.png", "fa-print", "fa-table"]))
{
hamburger = true;
btn.xclass = 'hidden byhamburger';
if (!hamburger) {
hamburger = true;
// btn.xclass = 'hidden byHamburger';
}
hambuttons.push(i);
} else {
CreateButton(btn.title, btn.action, btn, params );
}
CreateButton(btn.title, btn.action, btn, params );
}
}
if (hamburger)
{
var btn = { icon: "fa-bars", tooltip: L("lcl_more"), action: "$('li.byhamburger').toggleClass('hidden').length" }
var btn = { icon: "fa-bars", tooltip: L("lcl_more"), action: "$('li.byHamburger').toggleClass('hidden').length" }
CreateButton(null, btn.action, btn, params );
}
%>
@@ -156,12 +163,25 @@ function IFRAMER_HEADER(titel, buttons, params)
%><div class="fcltframeheader <%= iscoll && !(params && params.nocollaps) ? ' collapsed' : ''%>" <%=params && params.nocollaps? "" : "onclick=\"$(this).next().toggle();$(this).toggleClass('collapsed');FcltMgr.resized(window)\""%>>
<span style="float:left"><nobr><%=titel %>&nbsp;<span id="iframerextratitle"></span></nobr></span><%
if (buttons) {
%><div class="buttoncontainer" style="float:right"><%
%><div class="buttoncontainer" style="float:right;"><%
CreateButtons(buttons, { showIcons: true })
%></div><%
}
%></div>
<%
<%
if (hamburger) {
// z-index floating header = 10, so z-index hamburger = 11
Response.write("<div id=\"buttons\" class=\"hambdropdown\" style=\"display: block; position: absolute; z-index: 11; right: 0px;\"><ul onclick=\"FcltMgr.stopPropagation(event);\">");
for (x in hambuttons) {
btn = buttons[hambuttons[x]];
btn.xclass = 'hidden byHamburger';
CreateButton(btn.title, btn.action, btn, { showIcons: true, vertical: true });
}
Response.write("</ul></div>");
}
}
// Bij leeg label krijg je helemaal geen <td>'s