blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-07-20 00:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

NavigationWidget: implemented drop down menu in the header menu

Browse Source
This commit is contained in:
Paolo
2018-07-09 12:15:19 +02:00
parent 4a29c03c39
commit 5b1d801a32
2 changed files with 55 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/NavigationWidget.css
-1
View File
@@ -41,7 +41,6 @@
padding-right: 20px;
padding-left: 7px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand-icon {
public/js/NavigationWidget.js
+55 -23
View File
@@ -32,7 +32,7 @@ var FHC_NavigationWidget = {
if (FHC_AjaxClient.hasData(data))
{
var strHeaderMenu = '';
var strHeaderMenu = "";
jQuery.each(FHC_AjaxClient.getData(data), function(i, e) {
if (e != null) strHeaderMenu += FHC_NavigationWidget._buildHeaderMenuStructure(e);
@@ -63,7 +63,7 @@ var FHC_NavigationWidget = {
{
FHC_NavigationWidget._printCollapseIcon(); // Applies bootstrap SB Admin 2 theme elements to the left menu
var strLeftMenu = '';
var strLeftMenu = "";
// Builds left menu
jQuery.each(FHC_AjaxClient.getData(data), function(i, e) {
@@ -140,17 +140,49 @@ var FHC_NavigationWidget = {
*/
_buildHeaderMenuStructure: function(item) {
var strHeaderMenu = '';
var strHeaderMenu = "";
if (item['icon'] != 'undefined' && item['icon'] != '')
if (item["icon"] != "undefined" && item["icon"] != "")
{
strHeaderMenu += '<i class="navbar-brand-icon fa fa-' + item['icon'] + ' fa-fw"></i>';
strHeaderMenu += '<i class="navbar-brand-icon fa fa-' + item["icon"] + ' fa-fw"></i>';
}
var target = '';
if (item['target'] != null) target = item['target'];
if (item["children"] != null && Object.keys(item["children"]).length > 0)
{
strHeaderMenu += '<span><a class="navbar-brand" data-toggle="dropdown" href="#" aria-expanded="false">';
}
strHeaderMenu += '<a class="navbar-brand" href="' + item['link'] + '" target="' + target + '">' + item['description'] + '</a>';
var target = "";
if (item["target"] != null) target = item["target"];
if (item["children"] != null && Object.keys(item["children"]).length > 0)
{
strHeaderMenu += item["description"] + " ";
strHeaderMenu += '<i class="fa fa-caret-down"></i></a>';
strHeaderMenu += '<ul class="dropdown-menu dropdown-user">';
jQuery.each(item["children"], function(i, e) {
if (e != null)
{
var eTarget = "";
if (e["target"] != null) eTarget = e["target"];
strHeaderMenu += '<li><a href="' + e["link"] + '" target="' + eTarget + '">';
if (e["icon"] != "undefined" && e["icon"] != "")
{
strHeaderMenu += '<i class="fa fa-' + e["icon"] + ' fa-fw"></i>';
}
strHeaderMenu += e["description"] + '</a></li>';
}
});
strHeaderMenu += '</ul></span>';
}
else
{
strHeaderMenu += '<a class="navbar-brand" href="' + item["link"] + '" target="' + target + '">' + item["description"] + '</a>';
}
return strHeaderMenu;
},
@@ -161,45 +193,45 @@ var FHC_NavigationWidget = {
_buildLeftMenuStructure: function(item, depth = 1) {
strLeftMenu = "";
var expanded = item['expand'] != null && item['expand'] === true ? ' active' : '';
var expanded = item["expand"] != null && item["expand"] === true ? ' active' : "";
strLeftMenu += '<li class="' + expanded + '">';
if (item['subscriptLinkClass'] != null && item['subscriptDescription'] != null)
if (item["subscriptLinkClass"] != null && item["subscriptDescription"] != null)
{
strLeftMenu += '<span>';
}
var target = '';
if (item['target'] != null) target = item['target'];
var target = "";
if (item["target"] != null) target = item["target"];
strLeftMenu += '<a href="' + item['link'] + '"' + expanded + ' target="' + target + '">';
strLeftMenu += '<a href="' + item["link"] + '"' + expanded + ' target="' + target + '">';
if (item['icon'] != 'undefined')
if (item["icon"] != "undefined")
{
strLeftMenu += '<i class="fa fa-' + item['icon'] + ' fa-fw"></i> ';
strLeftMenu += '<i class="fa fa-' + item["icon"] + ' fa-fw"></i> ';
}
strLeftMenu += item['description'];
strLeftMenu += item["description"];
if (item['children'] != null && Object.keys(item['children']).length > 0)
if (item["children"] != null && Object.keys(item["children"]).length > 0)
{
strLeftMenu += '<span class="fa arrow"></span>';
}
strLeftMenu += '</a>';
if (item['subscriptLinkClass'] != null && item['subscriptDescription'] != null)
if (item["subscriptLinkClass"] != null && item["subscriptDescription"] != null)
{
strLeftMenu += '<a class="' + item['subscriptLinkClass'] + ' menuSubscriptLink" value="' + item['subscriptLinkValue'] + '" href="#">' +
' (' + item['subscriptDescription'] + ')' +
strLeftMenu += '<a class="' + item["subscriptLinkClass"] + ' menuSubscriptLink" value="' + item["subscriptLinkValue"] + '" href="#">' +
' (' + item["subscriptDescription"] + ')' +
'</a>';
strLeftMenu += '</span>';
}
if (item['children'] != null && Object.keys(item['children']).length > 0)
if (item["children"] != null && Object.keys(item["children"]).length > 0)
{
var level = '';
var level = "";
if (depth === 1)
{
level = 'second';
@@ -211,7 +243,7 @@ var FHC_NavigationWidget = {
strLeftMenu += '<ul class="nav nav-' + level + '-level" ' + expanded + '>';
jQuery.each(item['children'], function(i, e) {
jQuery.each(item["children"], function(i, e) {
if (e != null) strLeftMenu += FHC_NavigationWidget._buildLeftMenuStructure(e, ++depth);
});