soc-core/src/javascripts/site-specific.js

Core sass framework based on Bootstrap

import $ from 'jquery';
import toastr from 'toastr';

$(document).ready(function () {

    function init() {
        setActiveLinks();
        navbarCompleted();
        sidebarCompleted();
    }

    //Loading navigation content 
    $("#navbarContent").load("elements/navigation.html", navbarCompleted);
    $("#sidebarContent").load("elements/sidebar.html", sidebarCompleted);

    $("#documentationInfo").load("elements/documentation_generalinfo.html");
    $("#typographyContent").load("elements/typography.html");
    $("#gridContent").load("elements/grid.html");

    $("#socstates").load("elements/components_states.html");
    $("#socheader").load("elements/components_header.html");
    $("#soctabs").load("elements/components_tabs.html");
    $("#socpanel").load("elements/components_panel.html", panelscompleted);
    $("#soctable").load("elements/components_table.html");
    $("#socaccordion").load("elements/components_accordion.html");
    

    $("#socforms").load("elements/components_forms.html");
    $("#socformelements").load("elements/components_formelements.html");

    $("#socnotfound").load("elements/page_notfound.html");
    $("#socloading").load("elements/page_loading.html", loadercompleted);

    $("#socalerts").load("elements/components_alerts.html");
    $("#toaster").load("elements/components_toaster.html", toastcompleted);


    //Url changes
    $(window).on('hashchange', setActiveLinks);

    //Privates
    function toastcompleted() {
        $("#toastBtn_info").click(function (e) {
            toastr.info('Toasts are so much more than regular bread!')
        });
        $("#toastBtn_warning").click(function (e) {
            toastr.warning('Where is that toast?')
        });
        $("#toastBtn_error").click(function (e) {
            toastr.error('Toast is officially lost now')
        });
        $("#toastBtn_success").click(function (e) {
            toastr.success('Congrats! Have some toast')
        });
    }

    function loadercompleted() {
        $("#showLoaderBtn").click(function (e) {
            $(".soc-page").addClass("is-loading");

            setTimeout(function () {
                $(".soc-page").removeClass("is-loading");
            }, 5000);
        });
    }

    function panelscompleted() {
        $(".soc-collapser").click(function (event) {
            event.preventDefault();
            var panel = $(this).parents(".soc-panel").first();
            panel.toggleClass("collapsed");
        });
    }

    function setActiveLinks() {
        //remove all actives
        $(".navbar a").parent("li").removeClass("active");

        var hash = window.location.hash;
        $("[href='" + hash + "']").parent("li").addClass("active");
    }

    function navbarCompleted() {
        //Set actions on sidebar toggler
        $("#soc-sidebar-toggler").click(function (e) {
            e.preventDefault();
            $(".soc-page").toggleClass("closed");
            $("#soc-sidebar-toggler i").toggleClass("hide");
        });
    }

    function sidebarCompleted() {
        $(".searchContent1").load("elements/searchresult.html");
        $(".searchContent2").load("elements/searchresult2.html");
        $(".searchContent3").load("elements/searchresult3.html");

        $(".soc-search-button").click(function (event) {
            event.preventDefault();
            $(".soc-search-form").toggle("fast");
        });
    }

    init();

});