jro_apps/redmine Files · public/javascripts/responsive.js

Add additional markup to page_header_title to enable better styling (#21947)....

Add additional markup to page_header_title to enable better styling (#21947). Patch by Jan Schulz-Hofen. git-svn-id: http://svn.redmine.org/redmine/trunk@15256 e93f8b46-1217-0410-a6f0-8f06a7374b81

Jean-Philippe Lang - - Load All Authors

File last commit:

r14435:e680ae1aa31b


                r14874:93eda89d7fbe

Download file

             responsive.js
        
                    83 lines
            
             | 1.9 KiB
            
                | application/javascript
            
             |
                JavascriptLexer
            
             / public / javascripts / responsive.js
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        Jean-Philippe Lang
    
Responsive layout for mobile devices (#19097)....

              r14435
            
      // generic layout specific responsive stuff goes here

      function openFlyout() {

        $('html').addClass('flyout-is-active');

        $('#wrapper2').on('click', function(e){

          e.preventDefault();

          e.stopPropagation();

          closeFlyout();

        });

      }

      function closeFlyout() {

        $('html').removeClass('flyout-is-active');

        $('#wrapper2').off('click');

      }

      function isMobile() {

        return $('.js-flyout-menu-toggle-button').is(":visible");

      }

      function setupFlyout() {

        var mobileInit = false,

          desktopInit = false;

        /* click handler for mobile menu toggle */

        $('.js-flyout-menu-toggle-button').on('click', function(e) {

          e.preventDefault();

          e.stopPropagation();

          if($('html').hasClass('flyout-is-active')) {

            closeFlyout();

          } else {

            openFlyout();

          }

        });

        /* bind resize handler */

        $(window).resize(function() {

          initMenu();

        })

        /* menu init function for dom detaching and appending on mobile / desktop view */

        function initMenu() {

          var _initMobileMenu = function() {

            /* only init mobile menu, if it hasn't been done yet */

            if(!mobileInit) {

              $('#main-menu > ul').detach().appendTo('.js-project-menu');

              $('#top-menu > ul').detach().appendTo('.js-general-menu');

              $('#sidebar > *').detach().appendTo('.js-sidebar');

              $('#account ul').detach().appendTo('.js-profile-menu');

              mobileInit = true;

              desktopInit = false;

            }

          }

          var _initDesktopMenu = function() {

            if(!desktopInit) {

              $('.js-project-menu > ul').detach().appendTo('#main-menu');

              $('.js-general-menu ul').detach().appendTo('#top-menu');

              $('.js-sidebar > *').detach().appendTo('#sidebar');

              $('.js-profile-menu ul').detach().appendTo('#account');

              desktopInit = true;

              mobileInit = false;

            }

          }

          if(isMobile()) {

            _initMobileMenu();

          } else {

            _initDesktopMenu();

          }

        }

        // init menu on page load

        initMenu();

      }

      $(document).ready(setupFlyout);

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

Jean-Philippe Lang Responsive layout for mobile devices (#19097)....	r14435	// generic layout specific responsive stuff goes here

		function openFlyout() {
		$('html').addClass('flyout-is-active');
		$('#wrapper2').on('click', function(e){
		e.preventDefault();
		e.stopPropagation();
		closeFlyout();
		});
		}

		function closeFlyout() {
		$('html').removeClass('flyout-is-active');
		$('#wrapper2').off('click');
		}


		function isMobile() {
		return $('.js-flyout-menu-toggle-button').is(":visible");
		}

		function setupFlyout() {
		var mobileInit = false,
		desktopInit = false;

		/* click handler for mobile menu toggle */
		$('.js-flyout-menu-toggle-button').on('click', function(e) {
		e.preventDefault();
		e.stopPropagation();
		if($('html').hasClass('flyout-is-active')) {
		closeFlyout();
		} else {
		openFlyout();
		}
		});

		/* bind resize handler */
		$(window).resize(function() {
		initMenu();
		})

		/* menu init function for dom detaching and appending on mobile / desktop view */
		function initMenu() {

		var _initMobileMenu = function() {
		/* only init mobile menu, if it hasn't been done yet */
		if(!mobileInit) {

		$('#main-menu > ul').detach().appendTo('.js-project-menu');
		$('#top-menu > ul').detach().appendTo('.js-general-menu');
		$('#sidebar > *').detach().appendTo('.js-sidebar');
		$('#account ul').detach().appendTo('.js-profile-menu');

		mobileInit = true;
		desktopInit = false;
		}
		}

		var _initDesktopMenu = function() {
		if(!desktopInit) {

		$('.js-project-menu > ul').detach().appendTo('#main-menu');
		$('.js-general-menu ul').detach().appendTo('#top-menu');
		$('.js-sidebar > *').detach().appendTo('#sidebar');
		$('.js-profile-menu ul').detach().appendTo('#account');

		desktopInit = true;
		mobileInit = false;
		}
		}

		if(isMobile()) {
		_initMobileMenu();
		} else {
		_initDesktopMenu();
		}
		}

		// init menu on page load
		initMenu();
		}

		$(document).ready(setupFlyout);