Почему ряд компонентов из тесплейта выглядят иначе

mstdmstd

Новичок
Всем привет,
Я пытаюсь использовать темплейт
на своем сайте
но ряд компонентов (включая кнопки) выглядят иначе:
https://imgur.com/a/kFIthrj

К проекту приатачивается файл public/js/appInit.js с содержимым :


Разобрался. Это сообщение не удаляется ?
JavaScript:
/**

* Theme: Frogetor - Responsive Bootstrap 4 Admin Dashboard

* Author: Mannatthemes

* Module/App: Main Js

*/





(function ($) {



    'use strict';



    function initSlimscroll() {

        $('.slimscroll').slimscroll({

            height: 'auto',

            position: 'right',

            size: "7px",

            color: '#9ea5ab',

            wheelStep: 5,

            touchScrollStep: 50

        });

    }



    function initMetisMenu() {

        $('.navbar-toggle').on('click', function (event) {

            $(this).toggleClass('open');

            $('#navigation').slideToggle(400);

        });



        $('.navigation-menu>li').slice(-2).addClass('last-elements');



        $('.navigation-menu li.has-submenu a[href="#"]').on('click', function (e) {

            if ($(window).width() < 992) {

                e.preventDefault();

                $(this).parent('li').toggleClass('open').find('.submenu:first').toggleClass('open');

            }

        });



       

    }

   

        var stp = document.querySelector('.js-step');

        var initStp = new Powerange(stp, { start: 50, step: 10 });



        // Min, max, start.

        var vals = document.querySelector('.js-min-max-start');

        var initVals = new Powerange(vals, { min: 16, max: 256, start: 128 });



        // Callback.

        var clbk = document.querySelector('.js-callback');

        var initClbk = new Powerange(clbk, { callback: displayValue, start: 88 });



        function displayValue() {

            document.getElementById('js-display-callback').innerHTML = clbk.value;

        }



        // Hide range.

        var hide = document.querySelector('.js-hiderange');

        var initHideRange = new Powerange(hide, { hideRange: true, start: 70 });



        // Vertical.

        var vert = document.querySelector('.js-vertical');

        var initVert = new Powerange(vert, { start: 80, vertical: true });







    function initLeftMenuCollapse() {

        // Left menu collapse

        $('.button-menu-mobile').on('click', function (event) {

            event.preventDefault();

            $("body").toggleClass("enlarge-menu");

            initSlimscroll();

        });

    }



    function initEnlarge() {

        if ($(window).width() < 1023) {

            $('body').addClass('enlarge-menu');

        } else {

            if ($('body').data('keep-enlarged') != true)

                $('body').removeClass('enlarge-menu');

        }

    }



    function initActiveMenu() {

        // === following js will activate the menu in left side bar based on url ====

        $(".navigation-menu a").each(function () {

            var pageUrl = window.location.href.split(/[?#]/)[0];

            if (this.href == pageUrl) {

                $(this).parent().addClass("active"); // add active to li of the current link

                $(this).parent().parent().parent().addClass("active"); // add active class to an anchor

                $(this).parent().parent().parent().parent().parent().addClass("active"); // add active class to an anchor

            }

        });

    }

 



 



    function init() {

        initSlimscroll();

        initMetisMenu();

        initLeftMenuCollapse();

        initEnlarge();

        initActiveMenu();

        Waves.init();

        if ( window.location.pathname == "/" ) {

            alert("AFTER ININt public/js/appInit.js::" + (-11))

        }

    }



    init();



})(jQuery)

Полагаю ято в методе init() как раз и инициализуются доп утилиты (алерт выскакивает и в консоле нет ошибок).

Но что не так ? Я вроде все файлы из темплейта подключил...

Спасибо!
 
Последнее редактирование:
Сверху