File Manager

Viewing File: messages.js

!(function (NioApp, $) {
    "use strict";

    var $win = $(window), $body = $('body'), breaks = NioApp.Break;

    // Messages Variable
    var $toggle_info    = $('.profile-toggle'),
        $msg_profile    = $('.nk-msg-profile'), 
        $msg_body       = $('.nk-msg-body'), 
        $msg_aside      = $('.nk-msg-aside'), 
        $msg_item       = $('.nk-msg-item'),
        $msg_hide       = $('.nk-msg-hide'),
        flat_break      = breaks.lg,
        info_break      = ($body.hasClass('has-apps-sidebar')) ? 1280 : breaks.xxl,
        olay_profile    = 'nk-msg-profile-overlay',
        shown_profile   = 'profile-shown',
        hide_aside      = 'hide-aside',
        show_msg        = 'show-message';

    NioApp.Message = function(){

        function msg_autohide () {
            if(NioApp.Win.width >= flat_break){
                if(!$body.hasClass('msg-profile-autohide')) $body.addClass('msg-profile-autohide');
            } else {
                if($body.hasClass('msg-profile-autohide')) $body.removeClass('msg-profile-autohide');
            }
        }

        function profile_show (inbody) {
                $toggle_info.addClass('active');
                $msg_profile.addClass('visible');
                $msg_body.addClass(shown_profile); 
                if(inbody===true) $body.addClass('msg-'+shown_profile);
        }

        function profile_hide (inbody) {
            $toggle_info.removeClass('active');
            $msg_profile.removeClass('visible');
            $msg_body.removeClass(shown_profile);
            if(inbody===true) $body.removeClass('msg-'+shown_profile);
        }

        function profile_overlay(){
            var overlay = '.' + olay_profile;
            if(NioApp.Win.width < info_break && $msg_profile.hasClass('visible') ){
                !$msg_profile.next().hasClass(olay_profile) ? $msg_profile.after('<div class="'+ olay_profile +'"></div>') : null;
            }else{
                $(overlay).remove(); 
            }
            $(overlay).on('click', function(){
                $(this).remove(); 
                profile_hide(true);
                msg_autohide();
            })
        }


        function msg_show () {
        	$msg_item.on('click', function(e){
	            $msg_item.removeClass('current');
	            $msg_aside.addClass(hide_aside);
	            $msg_body.addClass(show_msg);
                
	            $(this).addClass('current');
                e.preventDefault();
	        });
        }
        msg_show();

        function msg_hide () {
        	$msg_hide.on('click', function(){
	            $msg_aside.removeClass(hide_aside);
	            $msg_body.removeClass(show_msg);
	        });
        }
        msg_hide();

        function profile_trigger () {    	
	        $toggle_info.on('click', function(e){
	            $toggle_info.toggleClass('active');
	            $msg_profile.toggleClass('visible');
	            $msg_body.toggleClass(shown_profile);

                if($(this).hasClass('active') && !$body.hasClass('msg-'+shown_profile)) {
                    $body.addClass('msg-'+shown_profile);
                } else {
                    $body.removeClass('msg-'+shown_profile);
                }

                if(NioApp.Win.width >= flat_break) {
                    if($body.hasClass('msg-profile-autohide')) {
                        $body.removeClass('msg-profile-autohide');
                    } else if(NioApp.Win.width < info_break && !$(this).hasClass('active')) {
                        $body.addClass('msg-profile-autohide');
                    }
                }

                profile_overlay(); e.preventDefault();
	        });
        }
        profile_trigger();
        
        function msg_on_init () {
            if(NioApp.Win.width >= info_break){
                profile_show();
            } else {
                profile_hide();
            }
            msg_autohide();
        }
        msg_on_init();
        
        function msg_on_resize () {
            if($body.hasClass('msg-profile-autohide')){
                if(NioApp.Win.width >= info_break) {
                    profile_show();
                } else {
                    profile_hide();
                }
            }
            if(NioApp.Win.width >= flat_break && NioApp.Win.width < info_break) {
                if($body.hasClass('msg-'+shown_profile)) {
                    $body.removeClass('msg-'+shown_profile);
                    profile_hide();
                }
            }
        }

        $win.on('resize', function(){
            msg_on_resize();
            profile_overlay();
        });

    };

   NioApp.coms.docReady.push(NioApp.Message);

})(NioApp, jQuery);