Online Course App Nav

{"id":216,"name":"dashboard-nav","title":"Dashboard Nav","date":"2025-04-23 11:06:06","date_formatted":"April 23, 2025","author":{"name":"Julian","avatar":"https:\/\/secure.gravatar.com\/avatar\/33e54dec0cd79fc4b5e911c15f836c46ec8d0e452ecd3ca5f707bce0a3540a3b?s=60&d=mm&r=g","url":"http:\/\/online-course-template.local"},"permalink":"https:\/\/online-course-template.local\/template\/dashboard-nav\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"qrpylq","name":"block","parent":0,"children":["dzazhb","qlzogc"],"settings":{"_cssGlobalClasses":["rfinpz"]},"label":"Nav"},{"id":"dzazhb","name":"block","parent":"qrpylq","children":["tjhbwp","jewjff","vfrkya"],"settings":[],"label":"Top"},{"id":"tjhbwp","name":"code","parent":"dzazhb","children":[],"settings":{"executeCode":true,"javascriptCode":"document.addEventListener('DOMContentLoaded', function() {\n \/\/ Get all navigation links with the dbn__link class\n const navLinks = document.querySelectorAll('.dbn__link');\n\n \/\/ Get the current page URL, remove any trailing slash\n let currentPageUrl = window.location.pathname;\n if (currentPageUrl.endsWith('\/')) {\n currentPageUrl = currentPageUrl.slice(0, -1); \/\/ Remove trailing slash if present\n }\n\n \/\/ Loop through each link and check if it matches the current page URL\n navLinks.forEach(link => {\n let linkHref = link.getAttribute('href');\n if (linkHref.endsWith('\/')) {\n linkHref = linkHref.slice(0, -1); \/\/ Remove trailing slash if present\n }\n\n if (linkHref === currentPageUrl) {\n link.classList.add('dbn__link--active'); \/\/ Add the active class\n } else {\n link.classList.remove('dbn__link--active'); \/\/ Remove the active class if it's not the active link\n }\n });\n});\n"},"themeStyles":[]},{"id":"jewjff","name":"block","parent":"dzazhb","children":["hlolfm"],"settings":{"_cssGlobalClasses":["aetaqw"]}},{"id":"hlolfm","name":"logo","parent":"jewjff","children":[],"settings":{"logoText":"Online Course Template","logo":{"id":93,"filename":"onlinecourse.svg","size":"full","full":"https:\/\/online-course-template.local\/wp-content\/uploads\/2025\/04\/onlinecourse.svg","url":"https:\/\/online-course-template.local\/wp-content\/uploads\/2025\/04\/onlinecourse.svg"},"logoHeight":"30","_cssGlobalClasses":["bcuzih"]},"themeStyles":[]},{"id":"vfrkya","name":"block","parent":"dzazhb","children":["eopycn","thglag","jrqnjy","osphmr"],"settings":{"_cssGlobalClasses":["htcrwo"]},"label":"List"},{"id":"osphmr","name":"block","parent":"vfrkya","children":["wziqyl","nlrqqa"],"settings":{"_cssGlobalClasses":["wevgju"],"tag":"a","link":{"type":"external","url":"\/app\/certificate"}},"label":"Link"},{"id":"wziqyl","name":"icon","parent":"osphmr","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-school"},"_cssGlobalClasses":["pbuwbm"]},"themeStyles":[]},{"id":"nlrqqa","name":"text-basic","parent":"osphmr","children":[],"settings":{"text":"Certificate","_cssGlobalClasses":["ijekya"]}},{"id":"eopycn","name":"block","parent":"vfrkya","children":["ihpoen","ezonin"],"settings":{"_cssGlobalClasses":["wevgju","zpraar"],"tag":"a","link":{"type":"external","postId":"132","url":"\/app"}},"label":"Link"},{"id":"ihpoen","name":"icon","parent":"eopycn","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-home"},"_cssGlobalClasses":["pbuwbm"]},"themeStyles":[]},{"id":"ezonin","name":"text-basic","parent":"eopycn","children":[],"settings":{"text":"Home","_cssGlobalClasses":["ijekya"]}},{"id":"thglag","name":"block","parent":"vfrkya","children":["fuqizr","pemhlt"],"settings":{"_cssGlobalClasses":["wevgju"],"tag":"a","link":{"type":"external","url":"\/app\/modules"}},"label":"Link"},{"id":"fuqizr","name":"icon","parent":"thglag","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-play-circle"},"_cssGlobalClasses":["pbuwbm"]},"themeStyles":[]},{"id":"pemhlt","name":"text-basic","parent":"thglag","children":[],"settings":{"text":"Course","_cssGlobalClasses":["ijekya"]}},{"id":"jrqnjy","name":"block","parent":"vfrkya","children":["yqpyci","byvmdi"],"settings":{"_cssGlobalClasses":["wevgju"],"tag":"a","link":{"type":"external","url":"\/app\/upgrade"}},"label":"Link"},{"id":"yqpyci","name":"icon","parent":"jrqnjy","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-pricetags"},"_cssGlobalClasses":["pbuwbm"]},"themeStyles":[]},{"id":"byvmdi","name":"text-basic","parent":"jrqnjy","children":[],"settings":{"text":"Plan","_cssGlobalClasses":["ijekya"]}},{"id":"qlzogc","name":"block","parent":"qrpylq","children":["pxbnjm","hqvqfl"],"settings":{"_cssGlobalClasses":["pumhpy"]},"label":"Bottom"},{"id":"pxbnjm","name":"block","parent":"qlzogc","children":["emaugu","ynqspa"],"settings":{"_cssGlobalClasses":["wevgju"]},"label":"Link"},{"id":"emaugu","name":"icon","parent":"pxbnjm","children":[],"settings":{"_cssGlobalClasses":["pbuwbm"],"icon":{"library":"ionicons","icon":"ion-ios-settings"}},"themeStyles":[]},{"id":"ynqspa","name":"text-basic","parent":"pxbnjm","children":[],"settings":{"_cssGlobalClasses":["ijekya"],"text":"Settings"}},{"id":"hqvqfl","name":"block","parent":"qlzogc","children":["pdfpht","gupikd"],"settings":{"_cssGlobalClasses":["wevgju"],"tag":"div","_attributes":[{"id":"mrwxyo","name":"data-ms-action","value":"logout"}]},"label":"Link"},{"id":"pdfpht","name":"icon","parent":"hqvqfl","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-log-out"},"_cssGlobalClasses":["pbuwbm"]},"themeStyles":[]},{"id":"gupikd","name":"text-basic","parent":"hqvqfl","children":[],"settings":{"text":"Log out","_cssGlobalClasses":["ijekya"]}}],"templateType":"section","global_classes":[{"id":"rfinpz","name":"dbn","settings":{"_width":"100%","_widthMax":"250","_height":"100vh","_background":{"color":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0.2)","hsl":"hsla(0, 0%, 100%, 0.2)"}},"_border":{"width":{"right":"1"},"style":"solid","color":{"raw":"var(--border-base)"}},"_position":"sticky","_top":"0","_widthMax:mobile_landscape":"none","_height:mobile_landscape":"auto","_position:mobile_landscape":"static","_border:mobile_landscape":{"width":{"bottom":"1"},"style":"solid","color":{"raw":"var(--border-base)"}},"_justifyContent":"space-between"},"modified":1745243154,"user_id":1},{"id":"bcuzih","name":"dbn__logo","settings":[],"modified":1745238425,"user_id":1},{"id":"htcrwo","name":"dbn__list","settings":{"_rowGap":"10","_padding":{"left":"20","right":"20"},"_padding:mobile_landscape":{"bottom":"20"}}},{"id":"wevgju","name":"dbn__link","settings":{"_direction":"row","_justifyContent":"flex-start","_alignItems":"center","_padding":{"bottom":"12","top":"12","left":"15","right":"15"},"_columnGap":"10","_typography":{"font-weight":"600","line-height":"1"},"_opacity:hover":"0.6","_cssTransition":"0.2s","_cursor":"pointer"},"modified":1746820693,"user_id":1},{"id":"pbuwbm","name":"dbn__icon","settings":{"iconSize":"20"},"modified":1745238425,"user_id":1},{"id":"zpraar","name":"dbn__link--active","settings":{"_background":{"color":{"hex":"#ffffff"}},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"raw":"var(--border-base)"},"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"_boxShadow":{"values":{"offsetY":"4","blur":"0"},"color":{"raw":"var(--shadow-fake)"}}}},{"id":"aetaqw","name":"dbn__logo-block","settings":{"_alignItems":"center","_justifyContent":"center","_margin":{"bottom":"20"},"_height":"100","_border":{"width":{"bottom":"1"},"style":"solid","color":{"raw":"var(--border-base)"}}}},{"id":"ijekya","name":"dbn__link-text","settings":[]},{"id":"pumhpy","name":"dbn__bottom","settings":{"_padding":{"top":"20","right":"20","bottom":"20","left":"20"},"_border":{"width":{"top":"1"},"style":"solid","color":{"raw":"var(--border-base)"}},"_columnGap":"10","_rowGap":"10"},"modified":1745243154,"user_id":1}],"globalVariables":[{"id":"jnbunw","name":"brand-color","value":"#f44336"},{"id":"qlpvsq","name":"page-background","value":"#fff0eb"},{"id":"qmeyxp","name":"shadow","value":"rgba(0,0,0,0.15)"},{"id":"nbatmz","name":"border-base","value":"#e6e6e6"},{"id":"kuqfht","name":"shadow-fake","value":"#e6e6e6"},{"id":"cvrhux","name":"text-light","value":"#696969"}]}