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

Lists can be reordered with drag and drop (#12909)....

Lists can be reordered with drag and drop (#12909). git-svn-id: http://svn.redmine.org/redmine/trunk@15336 e93f8b46-1217-0410-a6f0-8f06a7374b81

Jean-Philippe Lang - - Load All Authors

File last commit:

r14912:072dd901cc76


                r14954:42b5c332b2c2

Download file

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

      // 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

				// 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);