MainMenu.html 4.13 KB

<div class="bodyWrap row container-fluid" >
    <div class="col-sm-12 col-md-12 pageHeading" ng-show="!isCAlink">
        <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
        <div class=" pull-left toggleBar toggleHeadingButton tooltip-sidebar" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </div>
        <h4 class="pull-left" data-ng-bind="currentActiveModuleTitle" style="white-space: nowrap;"></h4>
        <div class="pull-right paddTop4 ">
            <!--<div class="pull-right paddTop4 ">-->
            <div role="group" ng-show="showTabButton" class="btn-group">
                <ul class="listgrid-view" role="tablist">
                    <!--<li role="presentation" class="active" title="Image View"><a href="#grid-view" aria-controls="grid-view" role="tab" data-toggle="tab" class="" ><i class=" fa fa-image"></i></a></li>
                    <li role="presentation" title="List View"><a href="#list-view" aria-controls="list-view" role="tab" data-toggle="tab" class="" ><i class="fa fa-list-alt"></i></a></li>-->
                    <!--Working-->
                    <!--<li role="presentation" class="active" title="Image View"><i class=" fa fa-image txt-white cur-pot" href="#grid-view" aria-controls="grid-view" role="tab" data-toggle="tab"></i></li>
                    <li role="presentation" title="List View"><i class="fa fa-list-alt txt-white cur-pot" href="#list-view" aria-controls="list-view" role="tab" data-toggle="tab"></i></li>-->

                    <li role="presentation" class="tooltip-custom" ng-class="{'active':activeTab==1}" title="Image View"><i class=" fa fa-image txt-white cur-pot" ng-click="setActiveTab(1)" href="#grid-view" aria-controls="grid-view" role="tab" data-toggle="tab"></i></li>
                    <li role="presentation" class="tooltip-custom" ng-class="{'active':activeTab==2}" title="List View"><i class="fa fa-list-alt txt-white cur-pot" ng-click="setActiveTab(2)" href="#list-view" aria-controls="list-view" role="tab" data-toggle="tab"></i></li>

                </ul>
            </div>
        </div>
        <div class="clearfix" style=""></div>
    </div>
    <!--Sidebar-->
    <!--with ng-if="!isCAlink"  toggle not working-->
    <div class="sidebar pull-left mCustomScrollbar _mCS_1 mCS-autoHide " ng-show="!isCAlink">
        <!--{{name}}-->
        <ul class="nav nav-sidebar" ng-init="hideScrollbar()">
            <li ng-repeat="module in userModules"><a id="{{module.slug}}" href="{{module.slug}}" ng-click="StoreModuleName(module.name);getModuleScrollPosition()" data-ng-bind="module.name" ng-class="HightLightModuleSelection('{{module.slug}}')"></a></li>
        </ul>
    </div>

</div>
<!--<script src="../controllers/HomeController.js"></script>
<script src="app/services/AuthenticationService.js"></script>-->


<script>
    $(function () {
       
        $(function () {

            var $ua = navigator.userAgent;
            if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
                $(".tooltip-sidebar").tooltip({
                    tooltipClass: 'tooltipsidebar'
                });
            }
            else {
                $(".tooltip-sidebar").tooltip({
                    tooltipClass: 'customTooltip'
                });
            }


        });
        
    });
</script>
<script>
    (function ($) {
        $(window).load(function () {
            $(".sidebar").mCustomScrollbar({
                autoHideScrollbar: true,
                //theme:"rounded"
            });
        });
    })(jQuery);
</script>
<script>
    $(function () {
        $(".modal").draggable();
    });
</script>
<script>
    $(function () {
        "use strict";
        /*** Sidebar Toggle ***/
        var barPos = 0;
        var bar = $('.sidebar');
        var main = $('.main');
        $('.toggleBar').click(function () {
            bar.toggleClass('active');
            main.toggleClass('active');
        });
    });
</script>
<script>
    $(".tooltip-custom").tooltip({
        tooltipClass: 'customTooltip'
    });
</script>