debug-style: moved from pylons controller to pyramid view.

rhodecode/apps/debug_style/__init__.py

@@ -0,0 +1,42 b''
+# -*- coding: utf-8 -*-
+
+# Copyright (C) 2016-2017 RhodeCode GmbH
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License, version 3
+# (only), as published by the Free Software Foundation.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#
+# This program is dual-licensed. If you wish to learn more about the
+# RhodeCode Enterprise Edition, including its added features, Support services,
+# and proprietary license terms, please see https://rhodecode.com/licenses/
+from rhodecode.apps._base import ADMIN_PREFIX
+from rhodecode.lib.utils2 import str2bool
+
+
+def debug_style_enabled(info, request):
+    return str2bool(request.registry.settings.get('debug_style'))
+
+
+def includeme(config):
+    config.add_route(
+        name='debug_style_home',
+        pattern=ADMIN_PREFIX + '/debug_style',
+        custom_predicates=(debug_style_enabled,))
+    config.add_route(
+        name='debug_style_template',
+        pattern=ADMIN_PREFIX + '/debug_style/t/{t_path}',
+        custom_predicates=(debug_style_enabled,))
+
+    # Scan module for configuration decorators.
+    config.scan()
+
+
+

rhodecode/apps/debug_style/views.py

@@ -0,0 +1,58 b''
+# -*- coding: utf-8 -*-
+
+# Copyright (C) 2016-2017 RhodeCode GmbH
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License, version 3
+# (only), as published by the Free Software Foundation.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <http://www.gnu.org/licenses/>.
+#
+# This program is dual-licensed. If you wish to learn more about the
+# RhodeCode Enterprise Edition, including its added features, Support services,
+# and proprietary license terms, please see https://rhodecode.com/licenses/
+
+import os
+import logging
+
+from pyramid.view import view_config
+from pyramid.renderers import render_to_response
+from rhodecode.apps._base import BaseAppView
+
+log = logging.getLogger(__name__)
+
+
+class DebugStyleView(BaseAppView):
+    def load_default_context(self):
+        c = self._get_local_tmpl_context()
+        self._register_global_c(c)
+        return c
+
+    @view_config(
+        route_name='debug_style_home', request_method='GET',
+        renderer=None)
+    def index(self):
+        c = self.load_default_context()
+        c.active = 'index'
+
+        return render_to_response(
+            'debug_style/index.html', self._get_template_context(c),
+            request=self.request)
+
+    @view_config(
+        route_name='debug_style_template', request_method='GET',
+        renderer=None)
+    def template(self):
+        t_path = self.request.matchdict['t_path']
+        c = self.load_default_context()
+        c.active = os.path.splitext(t_path)[0]
+
+        return render_to_response(
+            'debug_style/' + t_path, self._get_template_context(c),
+            request=self.request)
  No newline at end of file

rhodecode/config/middleware.py

@@ -1,532 +1,533 b''
 # -*- coding: utf-8 -*-
 
 # Copyright (C) 2010-2017 RhodeCode GmbH
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU Affero General Public License, version 3
 # (only), as published by the Free Software Foundation.
 #
 # This program is distributed in the hope that it will be useful,
 # but WITHOUT ANY WARRANTY; without even the implied warranty of
 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 # GNU General Public License for more details.
 #
 # You should have received a copy of the GNU Affero General Public License
 # along with this program.  If not, see <http://www.gnu.org/licenses/>.
 #
 # This program is dual-licensed. If you wish to learn more about the
 # RhodeCode Enterprise Edition, including its added features, Support services,
 # and proprietary license terms, please see https://rhodecode.com/licenses/
 
 """
 Pylons middleware initialization
 """
 import logging
 from collections import OrderedDict
 
 from paste.registry import RegistryManager
 from paste.gzipper import make_gzip_middleware
 from pylons.wsgiapp import PylonsApp
 from pyramid.authorization import ACLAuthorizationPolicy
 from pyramid.config import Configurator
 from pyramid.settings import asbool, aslist
 from pyramid.wsgi import wsgiapp
 from pyramid.httpexceptions import (
     HTTPException, HTTPError, HTTPInternalServerError, HTTPFound)
 from pyramid.events import ApplicationCreated
 from pyramid.renderers import render_to_response
 from routes.middleware import RoutesMiddleware
 import routes.util
 
 import rhodecode
 
 from rhodecode.model import meta
 from rhodecode.config import patches
 from rhodecode.config.routing import STATIC_FILE_PREFIX
 from rhodecode.config.environment import (
     load_environment, load_pyramid_environment)
 
 from rhodecode.lib.vcs import VCSCommunicationError
 from rhodecode.lib.exceptions import VCSServerUnavailable
 from rhodecode.lib.middleware import csrf
 from rhodecode.lib.middleware.appenlight import wrap_in_appenlight_if_enabled
 from rhodecode.lib.middleware.error_handling import (
     PylonsErrorHandlingMiddleware)
 from rhodecode.lib.middleware.https_fixup import HttpsFixup
 from rhodecode.lib.middleware.vcs import VCSMiddleware
 from rhodecode.lib.plugins.utils import register_rhodecode_plugin
 from rhodecode.lib.utils2 import aslist as rhodecode_aslist, AttributeDict
 from rhodecode.subscribers import (
     scan_repositories_if_enabled, write_js_routes_if_enabled,
     write_metadata_if_needed)
 
 
 log = logging.getLogger(__name__)
 
 
 # this is used to avoid avoid the route lookup overhead in routesmiddleware
 # for certain routes which won't go to pylons to - eg. static files, debugger
 # it is only needed for the pylons migration and can be removed once complete
 class SkippableRoutesMiddleware(RoutesMiddleware):
     """ Routes middleware that allows you to skip prefixes """
 
     def __init__(self, *args, **kw):
         self.skip_prefixes = kw.pop('skip_prefixes', [])
         super(SkippableRoutesMiddleware, self).__init__(*args, **kw)
 
     def __call__(self, environ, start_response):
         for prefix in self.skip_prefixes:
             if environ['PATH_INFO'].startswith(prefix):
                 # added to avoid the case when a missing /_static route falls
                 # through to pylons and causes an exception as pylons is
                 # expecting wsgiorg.routingargs to be set in the environ
                 # by RoutesMiddleware.
                 if 'wsgiorg.routing_args' not in environ:
                     environ['wsgiorg.routing_args'] = (None, {})
                 return self.app(environ, start_response)
 
         return super(SkippableRoutesMiddleware, self).__call__(
             environ, start_response)
 
 
 def make_app(global_conf, static_files=True, **app_conf):
     """Create a Pylons WSGI application and return it
 
     ``global_conf``
         The inherited configuration for this application. Normally from
         the [DEFAULT] section of the Paste ini file.
 
     ``app_conf``
         The application's local configuration. Normally specified in
         the [app:<name>] section of the Paste ini file (where <name>
         defaults to main).
 
     """
     # Apply compatibility patches
     patches.kombu_1_5_1_python_2_7_11()
     patches.inspect_getargspec()
 
     # Configure the Pylons environment
     config = load_environment(global_conf, app_conf)
 
     # The Pylons WSGI app
     app = PylonsApp(config=config)
     if rhodecode.is_test:
         app = csrf.CSRFDetector(app)
 
     expected_origin = config.get('expected_origin')
     if expected_origin:
         # The API can be accessed from other Origins.
         app = csrf.OriginChecker(app, expected_origin,
                                  skip_urls=[routes.util.url_for('api')])
 
     # Establish the Registry for this application
     app = RegistryManager(app)
 
     app.config = config
 
     return app
 
 
 def make_pyramid_app(global_config, **settings):
     """
     Constructs the WSGI application based on Pyramid and wraps the Pylons based
     application.
 
     Specials:
 
     * We migrate from Pylons to Pyramid. While doing this, we keep both
       frameworks functional. This involves moving some WSGI middlewares around
       and providing access to some data internals, so that the old code is
       still functional.
 
     * The application can also be integrated like a plugin via the call to
       `includeme`. This is accompanied with the other utility functions which
       are called. Changing this should be done with great care to not break
       cases when these fragments are assembled from another place.
 
     """
     # The edition string should be available in pylons too, so we add it here
     # before copying the settings.
     settings.setdefault('rhodecode.edition', 'Community Edition')
 
     # As long as our Pylons application does expect "unprepared" settings, make
     # sure that we keep an unmodified copy. This avoids unintentional change of
     # behavior in the old application.
     settings_pylons = settings.copy()
 
     sanitize_settings_and_apply_defaults(settings)
     config = Configurator(settings=settings)
     add_pylons_compat_data(config.registry, global_config, settings_pylons)
 
     load_pyramid_environment(global_config, settings)
 
     includeme_first(config)
     includeme(config)
     pyramid_app = config.make_wsgi_app()
     pyramid_app = wrap_app_in_wsgi_middlewares(pyramid_app, config)
     pyramid_app.config = config
 
     # creating the app uses a connection - return it after we are done
     meta.Session.remove()
 
     return pyramid_app
 
 
 def make_not_found_view(config):
     """
     This creates the view which should be registered as not-found-view to
     pyramid. Basically it contains of the old pylons app, converted to a view.
     Additionally it is wrapped by some other middlewares.
     """
     settings = config.registry.settings
     vcs_server_enabled = settings['vcs.server.enable']
 
     # Make pylons app from unprepared settings.
     pylons_app = make_app(
         config.registry._pylons_compat_global_config,
         **config.registry._pylons_compat_settings)
     config.registry._pylons_compat_config = pylons_app.config
 
     # Appenlight monitoring.
     pylons_app, appenlight_client = wrap_in_appenlight_if_enabled(
         pylons_app, settings)
 
     # The pylons app is executed inside of the pyramid 404 exception handler.
     # Exceptions which are raised inside of it are not handled by pyramid
     # again. Therefore we add a middleware that invokes the error handler in
     # case of an exception or error response. This way we return proper error
     # HTML pages in case of an error.
     reraise = (settings.get('debugtoolbar.enabled', False) or
                rhodecode.disable_error_handler)
     pylons_app = PylonsErrorHandlingMiddleware(
         pylons_app, error_handler, reraise)
 
     # The VCSMiddleware shall operate like a fallback if pyramid doesn't find a
     # view to handle the request. Therefore it is wrapped around the pylons
     # app. It has to be outside of the error handling otherwise error responses
     # from the vcsserver are converted to HTML error pages. This confuses the
     # command line tools and the user won't get a meaningful error message.
     if vcs_server_enabled:
         pylons_app = VCSMiddleware(
             pylons_app, settings, appenlight_client, registry=config.registry)
 
     # Convert WSGI app to pyramid view and return it.
     return wsgiapp(pylons_app)
 
 
 def add_pylons_compat_data(registry, global_config, settings):
     """
     Attach data to the registry to support the Pylons integration.
     """
     registry._pylons_compat_global_config = global_config
     registry._pylons_compat_settings = settings
 
 
 def error_handler(exception, request):
     import rhodecode
     from rhodecode.lib import helpers
 
     rhodecode_title = rhodecode.CONFIG.get('rhodecode_title') or 'RhodeCode'
 
     base_response = HTTPInternalServerError()
     # prefer original exception for the response since it may have headers set
     if isinstance(exception, HTTPException):
         base_response = exception
     elif isinstance(exception, VCSCommunicationError):
         base_response = VCSServerUnavailable()
 
     def is_http_error(response):
         # error which should have traceback
         return response.status_code > 499
 
     if is_http_error(base_response):
         log.exception(
             'error occurred handling this request for path: %s', request.path)
 
     c = AttributeDict()
     c.error_message = base_response.status
     c.error_explanation = base_response.explanation or str(base_response)
     c.visual = AttributeDict()
 
     c.visual.rhodecode_support_url = (
         request.registry.settings.get('rhodecode_support_url') or
         request.route_url('rhodecode_support')
     )
     c.redirect_time = 0
     c.rhodecode_name = rhodecode_title
     if not c.rhodecode_name:
         c.rhodecode_name = 'Rhodecode'
 
     c.causes = []
     if hasattr(base_response, 'causes'):
         c.causes = base_response.causes
     c.messages = helpers.flash.pop_messages()
 
     response = render_to_response(
         '/errors/error_document.mako', {'c': c, 'h': helpers}, request=request,
         response=base_response)
 
     return response
 
 
 def includeme(config):
     settings = config.registry.settings
 
     # plugin information
     config.registry.rhodecode_plugins = OrderedDict()
 
     config.add_directive(
         'register_rhodecode_plugin', register_rhodecode_plugin)
 
     if asbool(settings.get('appenlight', 'false')):
         config.include('appenlight_client.ext.pyramid_tween')
 
     # Includes which are required. The application would fail without them.
     config.include('pyramid_mako')
     config.include('pyramid_beaker')
 
     config.include('rhodecode.authentication')
     config.include('rhodecode.integrations')
 
     # apps
     config.include('rhodecode.apps._base')
     config.include('rhodecode.apps.ops')
 
     config.include('rhodecode.apps.admin')
     config.include('rhodecode.apps.channelstream')
     config.include('rhodecode.apps.login')
     config.include('rhodecode.apps.home')
     config.include('rhodecode.apps.repository')
     config.include('rhodecode.apps.repo_group')
     config.include('rhodecode.apps.search')
     config.include('rhodecode.apps.user_profile')
     config.include('rhodecode.apps.my_account')
     config.include('rhodecode.apps.svn_support')
     config.include('rhodecode.apps.gist')
 
+    config.include('rhodecode.apps.debug_style')
     config.include('rhodecode.tweens')
     config.include('rhodecode.api')
 
     config.add_route(
         'rhodecode_support', 'https://rhodecode.com/help/', static=True)
 
     config.add_translation_dirs('rhodecode:i18n/')
     settings['default_locale_name'] = settings.get('lang', 'en')
 
     # Add subscribers.
     config.add_subscriber(scan_repositories_if_enabled, ApplicationCreated)
     config.add_subscriber(write_metadata_if_needed, ApplicationCreated)
     config.add_subscriber(write_js_routes_if_enabled, ApplicationCreated)
 
     config.add_request_method(
         'rhodecode.lib.partial_renderer.get_partial_renderer',
         'get_partial_renderer')
 
     # events
     # TODO(marcink): this should be done when pyramid migration is finished
     # config.add_subscriber(
     #     'rhodecode.integrations.integrations_event_handler',
     #     'rhodecode.events.RhodecodeEvent')
 
     # Set the authorization policy.
     authz_policy = ACLAuthorizationPolicy()
     config.set_authorization_policy(authz_policy)
 
     # Set the default renderer for HTML templates to mako.
     config.add_mako_renderer('.html')
 
     config.add_renderer(
         name='json_ext',
         factory='rhodecode.lib.ext_json_renderer.pyramid_ext_json')
 
     # include RhodeCode plugins
     includes = aslist(settings.get('rhodecode.includes', []))
     for inc in includes:
         config.include(inc)
 
     # This is the glue which allows us to migrate in chunks. By registering the
     # pylons based application as the "Not Found" view in Pyramid, we will
     # fallback to the old application each time the new one does not yet know
     # how to handle a request.
     config.add_notfound_view(make_not_found_view(config))
 
     if not settings.get('debugtoolbar.enabled', False):
         # if no toolbar, then any exception gets caught and rendered
         config.add_view(error_handler, context=Exception)
 
     config.add_view(error_handler, context=HTTPError)
 
 
 def includeme_first(config):
     # redirect automatic browser favicon.ico requests to correct place
     def favicon_redirect(context, request):
         return HTTPFound(
             request.static_path('rhodecode:public/images/favicon.ico'))
 
     config.add_view(favicon_redirect, route_name='favicon')
     config.add_route('favicon', '/favicon.ico')
 
     def robots_redirect(context, request):
         return HTTPFound(
             request.static_path('rhodecode:public/robots.txt'))
 
     config.add_view(robots_redirect, route_name='robots')
     config.add_route('robots', '/robots.txt')
 
     config.add_static_view(
         '_static/deform', 'deform:static')
     config.add_static_view(
         '_static/rhodecode', path='rhodecode:public', cache_max_age=3600 * 24)
 
 
 def wrap_app_in_wsgi_middlewares(pyramid_app, config):
     """
     Apply outer WSGI middlewares around the application.
 
     Part of this has been moved up from the Pylons layer, so that the
     data is also available if old Pylons code is hit through an already ported
     view.
     """
     settings = config.registry.settings
 
     # enable https redirects based on HTTP_X_URL_SCHEME set by proxy
     pyramid_app = HttpsFixup(pyramid_app, settings)
 
     # Add RoutesMiddleware to support the pylons compatibility tween during
     # migration to pyramid.
     pyramid_app = SkippableRoutesMiddleware(
         pyramid_app, config.registry._pylons_compat_config['routes.map'],
         skip_prefixes=(STATIC_FILE_PREFIX, '/_debug_toolbar'))
 
     pyramid_app, _ = wrap_in_appenlight_if_enabled(pyramid_app, settings)
 
     if settings['gzip_responses']:
         pyramid_app = make_gzip_middleware(
             pyramid_app, settings, compress_level=1)
 
     # this should be the outer most middleware in the wsgi stack since
     # middleware like Routes make database calls
     def pyramid_app_with_cleanup(environ, start_response):
         try:
             return pyramid_app(environ, start_response)
         finally:
             # Dispose current database session and rollback uncommitted
             # transactions.
             meta.Session.remove()
 
             # In a single threaded mode server, on non sqlite db we should have
             # '0 Current Checked out connections' at the end of a request,
             # if not, then something, somewhere is leaving a connection open
             pool = meta.Base.metadata.bind.engine.pool
             log.debug('sa pool status: %s', pool.status())
 
     return pyramid_app_with_cleanup
 
 
 def sanitize_settings_and_apply_defaults(settings):
     """
     Applies settings defaults and does all type conversion.
 
     We would move all settings parsing and preparation into this place, so that
     we have only one place left which deals with this part. The remaining parts
     of the application would start to rely fully on well prepared settings.
 
     This piece would later be split up per topic to avoid a big fat monster
     function.
     """
 
     # Pyramid's mako renderer has to search in the templates folder so that the
     # old templates still work. Ported and new templates are expected to use
     # real asset specifications for the includes.
     mako_directories = settings.setdefault('mako.directories', [
         # Base templates of the original Pylons application
         'rhodecode:templates',
     ])
     log.debug(
         "Using the following Mako template directories: %s",
         mako_directories)
 
     # Default includes, possible to change as a user
     pyramid_includes = settings.setdefault('pyramid.includes', [
         'rhodecode.lib.middleware.request_wrapper',
     ])
     log.debug(
         "Using the following pyramid.includes: %s",
         pyramid_includes)
 
     # TODO: johbo: Re-think this, usually the call to config.include
     # should allow to pass in a prefix.
     settings.setdefault('rhodecode.api.url', '/_admin/api')
 
     # Sanitize generic settings.
     _list_setting(settings, 'default_encoding', 'UTF-8')
     _bool_setting(settings, 'is_test', 'false')
     _bool_setting(settings, 'gzip_responses', 'false')
 
     # Call split out functions that sanitize settings for each topic.
     _sanitize_appenlight_settings(settings)
     _sanitize_vcs_settings(settings)
 
     return settings
 
 
 def _sanitize_appenlight_settings(settings):
     _bool_setting(settings, 'appenlight', 'false')
 
 
 def _sanitize_vcs_settings(settings):
     """
     Applies settings defaults and does type conversion for all VCS related
     settings.
     """
     _string_setting(settings, 'vcs.svn.compatible_version', '')
     _string_setting(settings, 'git_rev_filter', '--all')
     _string_setting(settings, 'vcs.hooks.protocol', 'http')
     _string_setting(settings, 'vcs.scm_app_implementation', 'http')
     _string_setting(settings, 'vcs.server', '')
     _string_setting(settings, 'vcs.server.log_level', 'debug')
     _string_setting(settings, 'vcs.server.protocol', 'http')
     _bool_setting(settings, 'startup.import_repos', 'false')
     _bool_setting(settings, 'vcs.hooks.direct_calls', 'false')
     _bool_setting(settings, 'vcs.server.enable', 'true')
     _bool_setting(settings, 'vcs.start_server', 'false')
     _list_setting(settings, 'vcs.backends', 'hg, git, svn')
     _int_setting(settings, 'vcs.connection_timeout', 3600)
 
     # Support legacy values of vcs.scm_app_implementation. Legacy
     # configurations may use 'rhodecode.lib.middleware.utils.scm_app_http'
     # which is now mapped to 'http'.
     scm_app_impl = settings['vcs.scm_app_implementation']
     if scm_app_impl == 'rhodecode.lib.middleware.utils.scm_app_http':
         settings['vcs.scm_app_implementation'] = 'http'
 
 
 def _int_setting(settings, name, default):
     settings[name] = int(settings.get(name, default))
 
 
 def _bool_setting(settings, name, default):
     input = settings.get(name, default)
     if isinstance(input, unicode):
         input = input.encode('utf8')
     settings[name] = asbool(input)
 
 
 def _list_setting(settings, name, default):
     raw_value = settings.get(name, default)
 
     old_separator = ','
     if old_separator in raw_value:
         # If we get a comma separated list, pass it to our own function.
         settings[name] = rhodecode_aslist(raw_value, sep=old_separator)
     else:
         # Otherwise we assume it uses pyramids space/newline separation.
         settings[name] = aslist(raw_value)
 
 
 def _string_setting(settings, name, default, lower=True):
     value = settings.get(name, default)
     if lower:
         value = value.lower()
     settings[name] = value

rhodecode/config/routing.py

@@ -1,893 +1,884 b''
 # -*- coding: utf-8 -*-
 
 # Copyright (C) 2010-2017 RhodeCode GmbH
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU Affero General Public License, version 3
 # (only), as published by the Free Software Foundation.
 #
 # This program is distributed in the hope that it will be useful,
 # but WITHOUT ANY WARRANTY; without even the implied warranty of
 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 # GNU General Public License for more details.
 #
 # You should have received a copy of the GNU Affero General Public License
 # along with this program.  If not, see <http://www.gnu.org/licenses/>.
 #
 # This program is dual-licensed. If you wish to learn more about the
 # RhodeCode Enterprise Edition, including its added features, Support services,
 # and proprietary license terms, please see https://rhodecode.com/licenses/
 
 """
 Routes configuration
 
 The more specific and detailed routes should be defined first so they
 may take precedent over the more generic routes. For more information
 refer to the routes manual at http://routes.groovie.org/docs/
 
 IMPORTANT: if you change any routing here, make sure to take a look at lib/base.py
 and _route_name variable which uses some of stored naming here to do redirects.
 """
 import os
 import re
 from routes import Mapper
 
 # prefix for non repository related links needs to be prefixed with `/`
 ADMIN_PREFIX = '/_admin'
 STATIC_FILE_PREFIX = '/_static'
 
 # Default requirements for URL parts
 URL_NAME_REQUIREMENTS = {
     # group name can have a slash in them, but they must not end with a slash
     'group_name': r'.*?[^/]',
     'repo_group_name': r'.*?[^/]',
     # repo names can have a slash in them, but they must not end with a slash
     'repo_name': r'.*?[^/]',
     # file path eats up everything at the end
     'f_path': r'.*',
     # reference types
     'source_ref_type': '(branch|book|tag|rev|\%\(source_ref_type\)s)',
     'target_ref_type': '(branch|book|tag|rev|\%\(target_ref_type\)s)',
 }
 
 
 def add_route_requirements(route_path, requirements):
     """
     Adds regex requirements to pyramid routes using a mapping dict
 
     >>> add_route_requirements('/{action}/{id}', {'id': r'\d+'})
     '/{action}/{id:\d+}'
 
      """
     for key, regex in requirements.items():
         route_path = route_path.replace('{%s}' % key, '{%s:%s}' % (key, regex))
     return route_path
 
 
 class JSRoutesMapper(Mapper):
     """
     Wrapper for routes.Mapper to make pyroutes compatible url definitions
     """
     _named_route_regex = re.compile(r'^[a-z-_0-9A-Z]+$')
     _argument_prog = re.compile('\{(.*?)\}|:\((.*)\)')
     def __init__(self, *args, **kw):
         super(JSRoutesMapper, self).__init__(*args, **kw)
         self._jsroutes = []
 
     def connect(self, *args, **kw):
         """
         Wrapper for connect to take an extra argument jsroute=True
 
         :param jsroute: boolean, if True will add the route to the pyroutes list
         """
         if kw.pop('jsroute', False):
             if not self._named_route_regex.match(args[0]):
                 raise Exception('only named routes can be added to pyroutes')
             self._jsroutes.append(args[0])
 
         super(JSRoutesMapper, self).connect(*args, **kw)
 
     def _extract_route_information(self, route):
         """
         Convert a route into tuple(name, path, args), eg:
             ('show_user', '/profile/%(username)s', ['username'])
         """
         routepath = route.routepath
         def replace(matchobj):
             if matchobj.group(1):
                 return "%%(%s)s" % matchobj.group(1).split(':')[0]
             else:
                 return "%%(%s)s" % matchobj.group(2)
 
         routepath = self._argument_prog.sub(replace, routepath)
         return (
             route.name,
             routepath,
             [(arg[0].split(':')[0] if arg[0] != '' else arg[1])
               for arg in self._argument_prog.findall(route.routepath)]
         )
 
     def jsroutes(self):
         """
         Return a list of pyroutes.js compatible routes
         """
         for route_name in self._jsroutes:
             yield self._extract_route_information(self._routenames[route_name])
 
 
 def make_map(config):
     """Create, configure and return the routes Mapper"""
     rmap = JSRoutesMapper(
         directory=config['pylons.paths']['controllers'],
         always_scan=config['debug'])
     rmap.minimization = False
     rmap.explicit = False
 
     from rhodecode.lib.utils2 import str2bool
     from rhodecode.model import repo, repo_group
 
     def check_repo(environ, match_dict):
         """
         check for valid repository for proper 404 handling
 
         :param environ:
         :param match_dict:
         """
         repo_name = match_dict.get('repo_name')
 
         if match_dict.get('f_path'):
             # fix for multiple initial slashes that causes errors
             match_dict['f_path'] = match_dict['f_path'].lstrip('/')
         repo_model = repo.RepoModel()
         by_name_match = repo_model.get_by_repo_name(repo_name)
         # if we match quickly from database, short circuit the operation,
         # and validate repo based on the type.
         if by_name_match:
             return True
 
         by_id_match = repo_model.get_repo_by_id(repo_name)
         if by_id_match:
             repo_name = by_id_match.repo_name
             match_dict['repo_name'] = repo_name
             return True
 
         return False
 
     def check_group(environ, match_dict):
         """
         check for valid repository group path for proper 404 handling
 
         :param environ:
         :param match_dict:
         """
         repo_group_name = match_dict.get('group_name')
         repo_group_model = repo_group.RepoGroupModel()
         by_name_match = repo_group_model.get_by_group_name(repo_group_name)
         if by_name_match:
             return True
 
         return False
 
     def check_user_group(environ, match_dict):
         """
         check for valid user group for proper 404 handling
 
         :param environ:
         :param match_dict:
         """
         return True
 
     def check_int(environ, match_dict):
         return match_dict.get('id').isdigit()
 
 
     #==========================================================================
     # CUSTOM ROUTES HERE
     #==========================================================================
 
     # ping and pylons error test
     rmap.connect('ping', '%s/ping' % (ADMIN_PREFIX,), controller='home', action='ping')
     rmap.connect('error_test', '%s/error_test' % (ADMIN_PREFIX,), controller='home', action='error_test')
 
     # ADMIN REPOSITORY ROUTES
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/repos') as m:
         m.connect('repos', '/repos',
                   action='create', conditions={'method': ['POST']})
         m.connect('repos', '/repos',
                   action='index', conditions={'method': ['GET']})
         m.connect('new_repo', '/create_repository', jsroute=True,
                   action='create_repository', conditions={'method': ['GET']})
         m.connect('delete_repo', '/repos/{repo_name}',
                   action='delete', conditions={'method': ['DELETE']},
                   requirements=URL_NAME_REQUIREMENTS)
         m.connect('repo', '/repos/{repo_name}',
                   action='show', conditions={'method': ['GET'],
                                              'function': check_repo},
                   requirements=URL_NAME_REQUIREMENTS)
 
     # ADMIN REPOSITORY GROUPS ROUTES
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/repo_groups') as m:
         m.connect('repo_groups', '/repo_groups',
                   action='create', conditions={'method': ['POST']})
         m.connect('repo_groups', '/repo_groups',
                   action='index', conditions={'method': ['GET']})
         m.connect('new_repo_group', '/repo_groups/new',
                   action='new', conditions={'method': ['GET']})
         m.connect('update_repo_group', '/repo_groups/{group_name}',
                   action='update', conditions={'method': ['PUT'],
                                                'function': check_group},
                   requirements=URL_NAME_REQUIREMENTS)
 
         # EXTRAS REPO GROUP ROUTES
         m.connect('edit_repo_group', '/repo_groups/{group_name}/edit',
                   action='edit',
                   conditions={'method': ['GET'], 'function': check_group},
                   requirements=URL_NAME_REQUIREMENTS)
         m.connect('edit_repo_group', '/repo_groups/{group_name}/edit',
                   action='edit',
                   conditions={'method': ['PUT'], 'function': check_group},
                   requirements=URL_NAME_REQUIREMENTS)
 
         m.connect('edit_repo_group_advanced', '/repo_groups/{group_name}/edit/advanced',
                   action='edit_repo_group_advanced',
                   conditions={'method': ['GET'], 'function': check_group},
                   requirements=URL_NAME_REQUIREMENTS)
         m.connect('edit_repo_group_advanced', '/repo_groups/{group_name}/edit/advanced',
                   action='edit_repo_group_advanced',
                   conditions={'method': ['PUT'], 'function': check_group},
                   requirements=URL_NAME_REQUIREMENTS)
 
         m.connect('edit_repo_group_perms', '/repo_groups/{group_name}/edit/permissions',
                   action='edit_repo_group_perms',
                   conditions={'method': ['GET'], 'function': check_group},
                   requirements=URL_NAME_REQUIREMENTS)
         m.connect('edit_repo_group_perms', '/repo_groups/{group_name}/edit/permissions',
                   action='update_perms',
                   conditions={'method': ['PUT'], 'function': check_group},
                   requirements=URL_NAME_REQUIREMENTS)
 
         m.connect('delete_repo_group', '/repo_groups/{group_name}',
                   action='delete', conditions={'method': ['DELETE'],
                                                'function': check_group},
                   requirements=URL_NAME_REQUIREMENTS)
 
     # ADMIN USER ROUTES
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/users') as m:
         m.connect('users', '/users',
                   action='create', conditions={'method': ['POST']})
         m.connect('new_user', '/users/new',
                   action='new', conditions={'method': ['GET']})
         m.connect('update_user', '/users/{user_id}',
                   action='update', conditions={'method': ['PUT']})
         m.connect('delete_user', '/users/{user_id}',
                   action='delete', conditions={'method': ['DELETE']})
         m.connect('edit_user', '/users/{user_id}/edit',
                   action='edit', conditions={'method': ['GET']}, jsroute=True)
         m.connect('user', '/users/{user_id}',
                   action='show', conditions={'method': ['GET']})
         m.connect('force_password_reset_user', '/users/{user_id}/password_reset',
                   action='reset_password', conditions={'method': ['POST']})
         m.connect('create_personal_repo_group', '/users/{user_id}/create_repo_group',
                   action='create_personal_repo_group', conditions={'method': ['POST']})
 
         # EXTRAS USER ROUTES
         m.connect('edit_user_advanced', '/users/{user_id}/edit/advanced',
                   action='edit_advanced', conditions={'method': ['GET']})
         m.connect('edit_user_advanced', '/users/{user_id}/edit/advanced',
                   action='update_advanced', conditions={'method': ['PUT']})
 
         m.connect('edit_user_global_perms', '/users/{user_id}/edit/global_permissions',
                   action='edit_global_perms', conditions={'method': ['GET']})
         m.connect('edit_user_global_perms', '/users/{user_id}/edit/global_permissions',
                   action='update_global_perms', conditions={'method': ['PUT']})
 
         m.connect('edit_user_perms_summary', '/users/{user_id}/edit/permissions_summary',
                   action='edit_perms_summary', conditions={'method': ['GET']})
 
 
     # ADMIN USER GROUPS REST ROUTES
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/user_groups') as m:
         m.connect('users_groups', '/user_groups',
                   action='create', conditions={'method': ['POST']})
         m.connect('users_groups', '/user_groups',
                   action='index', conditions={'method': ['GET']})
         m.connect('new_users_group', '/user_groups/new',
                   action='new', conditions={'method': ['GET']})
         m.connect('update_users_group', '/user_groups/{user_group_id}',
                   action='update', conditions={'method': ['PUT']})
         m.connect('delete_users_group', '/user_groups/{user_group_id}',
                   action='delete', conditions={'method': ['DELETE']})
         m.connect('edit_users_group', '/user_groups/{user_group_id}/edit',
                   action='edit', conditions={'method': ['GET']},
                   function=check_user_group)
 
         # EXTRAS USER GROUP ROUTES
         m.connect('edit_user_group_global_perms',
                   '/user_groups/{user_group_id}/edit/global_permissions',
                   action='edit_global_perms', conditions={'method': ['GET']})
         m.connect('edit_user_group_global_perms',
                   '/user_groups/{user_group_id}/edit/global_permissions',
                   action='update_global_perms', conditions={'method': ['PUT']})
         m.connect('edit_user_group_perms_summary',
                   '/user_groups/{user_group_id}/edit/permissions_summary',
                   action='edit_perms_summary', conditions={'method': ['GET']})
 
         m.connect('edit_user_group_perms',
                   '/user_groups/{user_group_id}/edit/permissions',
                   action='edit_perms', conditions={'method': ['GET']})
         m.connect('edit_user_group_perms',
                   '/user_groups/{user_group_id}/edit/permissions',
                   action='update_perms', conditions={'method': ['PUT']})
 
         m.connect('edit_user_group_advanced',
                   '/user_groups/{user_group_id}/edit/advanced',
                   action='edit_advanced', conditions={'method': ['GET']})
 
         m.connect('edit_user_group_advanced_sync',
                   '/user_groups/{user_group_id}/edit/advanced/sync',
                   action='edit_advanced_set_synchronization', conditions={'method': ['POST']})
 
         m.connect('edit_user_group_members',
                   '/user_groups/{user_group_id}/edit/members', jsroute=True,
                   action='user_group_members', conditions={'method': ['GET']})
 
     # ADMIN PERMISSIONS ROUTES
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/permissions') as m:
         m.connect('admin_permissions_application', '/permissions/application',
                   action='permission_application_update', conditions={'method': ['POST']})
         m.connect('admin_permissions_application', '/permissions/application',
                   action='permission_application', conditions={'method': ['GET']})
 
         m.connect('admin_permissions_global', '/permissions/global',
                   action='permission_global_update', conditions={'method': ['POST']})
         m.connect('admin_permissions_global', '/permissions/global',
                   action='permission_global', conditions={'method': ['GET']})
 
         m.connect('admin_permissions_object', '/permissions/object',
                   action='permission_objects_update', conditions={'method': ['POST']})
         m.connect('admin_permissions_object', '/permissions/object',
                   action='permission_objects', conditions={'method': ['GET']})
 
         m.connect('admin_permissions_ips', '/permissions/ips',
                   action='permission_ips', conditions={'method': ['POST']})
         m.connect('admin_permissions_ips', '/permissions/ips',
                   action='permission_ips', conditions={'method': ['GET']})
 
         m.connect('admin_permissions_overview', '/permissions/overview',
                   action='permission_perms', conditions={'method': ['GET']})
 
     # ADMIN DEFAULTS REST ROUTES
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/defaults') as m:
         m.connect('admin_defaults_repositories', '/defaults/repositories',
                   action='update_repository_defaults', conditions={'method': ['POST']})
         m.connect('admin_defaults_repositories', '/defaults/repositories',
                   action='index', conditions={'method': ['GET']})
 
-    # ADMIN DEBUG STYLE ROUTES
-    if str2bool(config.get('debug_style')):
-        with rmap.submapper(path_prefix=ADMIN_PREFIX + '/debug_style',
-                            controller='debug_style') as m:
-            m.connect('debug_style_home', '',
-                      action='index', conditions={'method': ['GET']})
-            m.connect('debug_style_template', '/t/{t_path}',
-                      action='template', conditions={'method': ['GET']})
-
     # ADMIN SETTINGS ROUTES
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/settings') as m:
 
         # default
         m.connect('admin_settings', '/settings',
                   action='settings_global_update',
                   conditions={'method': ['POST']})
         m.connect('admin_settings', '/settings',
                   action='settings_global', conditions={'method': ['GET']})
 
         m.connect('admin_settings_vcs', '/settings/vcs',
                   action='settings_vcs_update',
                   conditions={'method': ['POST']})
         m.connect('admin_settings_vcs', '/settings/vcs',
                   action='settings_vcs',
                   conditions={'method': ['GET']})
         m.connect('admin_settings_vcs', '/settings/vcs',
                   action='delete_svn_pattern',
                   conditions={'method': ['DELETE']})
 
         m.connect('admin_settings_mapping', '/settings/mapping',
                   action='settings_mapping_update',
                   conditions={'method': ['POST']})
         m.connect('admin_settings_mapping', '/settings/mapping',
                   action='settings_mapping', conditions={'method': ['GET']})
 
         m.connect('admin_settings_global', '/settings/global',
                   action='settings_global_update',
                   conditions={'method': ['POST']})
         m.connect('admin_settings_global', '/settings/global',
                   action='settings_global', conditions={'method': ['GET']})
 
         m.connect('admin_settings_visual', '/settings/visual',
                   action='settings_visual_update',
                   conditions={'method': ['POST']})
         m.connect('admin_settings_visual', '/settings/visual',
                   action='settings_visual', conditions={'method': ['GET']})
 
         m.connect('admin_settings_issuetracker',
                   '/settings/issue-tracker', action='settings_issuetracker',
                   conditions={'method': ['GET']})
         m.connect('admin_settings_issuetracker_save',
                   '/settings/issue-tracker/save',
                   action='settings_issuetracker_save',
                   conditions={'method': ['POST']})
         m.connect('admin_issuetracker_test', '/settings/issue-tracker/test',
                   action='settings_issuetracker_test',
                   conditions={'method': ['POST']})
         m.connect('admin_issuetracker_delete',
                   '/settings/issue-tracker/delete',
                   action='settings_issuetracker_delete',
                   conditions={'method': ['DELETE']})
 
         m.connect('admin_settings_email', '/settings/email',
                   action='settings_email_update',
                   conditions={'method': ['POST']})
         m.connect('admin_settings_email', '/settings/email',
                   action='settings_email', conditions={'method': ['GET']})
 
         m.connect('admin_settings_hooks', '/settings/hooks',
                   action='settings_hooks_update',
                   conditions={'method': ['POST', 'DELETE']})
         m.connect('admin_settings_hooks', '/settings/hooks',
                   action='settings_hooks', conditions={'method': ['GET']})
 
         m.connect('admin_settings_search', '/settings/search',
                   action='settings_search', conditions={'method': ['GET']})
 
         m.connect('admin_settings_supervisor', '/settings/supervisor',
                   action='settings_supervisor', conditions={'method': ['GET']})
         m.connect('admin_settings_supervisor_log', '/settings/supervisor/{procid}/log',
                   action='settings_supervisor_log', conditions={'method': ['GET']})
 
         m.connect('admin_settings_labs', '/settings/labs',
                   action='settings_labs_update',
                   conditions={'method': ['POST']})
         m.connect('admin_settings_labs', '/settings/labs',
                   action='settings_labs', conditions={'method': ['GET']})
 
     # ADMIN MY ACCOUNT
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/my_account') as m:
 
         # NOTE(marcink): this needs to be kept for password force flag to be
         # handled in pylons controllers, remove after full migration to pyramid
         m.connect('my_account_password', '/my_account/password',
                   action='my_account_password', conditions={'method': ['GET']})
 
     # NOTIFICATION REST ROUTES
     with rmap.submapper(path_prefix=ADMIN_PREFIX,
                         controller='admin/notifications') as m:
         m.connect('notifications', '/notifications',
                   action='index', conditions={'method': ['GET']})
         m.connect('notifications_mark_all_read', '/notifications/mark_all_read',
                   action='mark_all_read', conditions={'method': ['POST']})
         m.connect('/notifications/{notification_id}',
                   action='update', conditions={'method': ['PUT']})
         m.connect('/notifications/{notification_id}',
                   action='delete', conditions={'method': ['DELETE']})
         m.connect('notification', '/notifications/{notification_id}',
                   action='show', conditions={'method': ['GET']})
 
     # USER JOURNAL
     rmap.connect('journal', '%s/journal' % (ADMIN_PREFIX,),
                  controller='journal', action='index')
     rmap.connect('journal_rss', '%s/journal/rss' % (ADMIN_PREFIX,),
                  controller='journal', action='journal_rss')
     rmap.connect('journal_atom', '%s/journal/atom' % (ADMIN_PREFIX,),
                  controller='journal', action='journal_atom')
 
     rmap.connect('public_journal', '%s/public_journal' % (ADMIN_PREFIX,),
                  controller='journal', action='public_journal')
 
     rmap.connect('public_journal_rss', '%s/public_journal/rss' % (ADMIN_PREFIX,),
                  controller='journal', action='public_journal_rss')
 
     rmap.connect('public_journal_rss_old', '%s/public_journal_rss' % (ADMIN_PREFIX,),
                  controller='journal', action='public_journal_rss')
 
     rmap.connect('public_journal_atom',
                  '%s/public_journal/atom' % (ADMIN_PREFIX,), controller='journal',
                  action='public_journal_atom')
 
     rmap.connect('public_journal_atom_old',
                  '%s/public_journal_atom' % (ADMIN_PREFIX,), controller='journal',
                  action='public_journal_atom')
 
     rmap.connect('toggle_following', '%s/toggle_following' % (ADMIN_PREFIX,),
                  controller='journal', action='toggle_following', jsroute=True,
                  conditions={'method': ['POST']})
 
     #==========================================================================
     # REPOSITORY ROUTES
     #==========================================================================
 
     rmap.connect('repo_creating_home', '/{repo_name}/repo_creating',
                  controller='admin/repos', action='repo_creating',
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_check_home', '/{repo_name}/crepo_check',
                  controller='admin/repos', action='repo_check',
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('changeset_home', '/{repo_name}/changeset/{revision}',
                  controller='changeset', revision='tip',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
     rmap.connect('changeset_children', '/{repo_name}/changeset_children/{revision}',
                  controller='changeset', revision='tip', action='changeset_children',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('changeset_parents', '/{repo_name}/changeset_parents/{revision}',
                  controller='changeset', revision='tip', action='changeset_parents',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     # repo edit options
     rmap.connect('edit_repo_fields', '/{repo_name}/settings/fields',
                  controller='admin/repos', action='edit_fields',
                  conditions={'method': ['GET'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('create_repo_fields', '/{repo_name}/settings/fields/new',
                  controller='admin/repos', action='create_repo_field',
                  conditions={'method': ['PUT'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('delete_repo_fields', '/{repo_name}/settings/fields/{field_id}',
                  controller='admin/repos', action='delete_repo_field',
                  conditions={'method': ['DELETE'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('toggle_locking', '/{repo_name}/settings/advanced/locking_toggle',
                  controller='admin/repos', action='toggle_locking',
                  conditions={'method': ['GET'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('edit_repo_remote', '/{repo_name}/settings/remote',
                  controller='admin/repos', action='edit_remote_form',
                  conditions={'method': ['GET'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('edit_repo_remote', '/{repo_name}/settings/remote',
                  controller='admin/repos', action='edit_remote',
                  conditions={'method': ['PUT'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('edit_repo_statistics', '/{repo_name}/settings/statistics',
                  controller='admin/repos', action='edit_statistics_form',
                  conditions={'method': ['GET'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('edit_repo_statistics', '/{repo_name}/settings/statistics',
                  controller='admin/repos', action='edit_statistics',
                  conditions={'method': ['PUT'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_settings_issuetracker',
                  '/{repo_name}/settings/issue-tracker',
                  controller='admin/repos', action='repo_issuetracker',
                  conditions={'method': ['GET'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_issuetracker_test',
                  '/{repo_name}/settings/issue-tracker/test',
                  controller='admin/repos', action='repo_issuetracker_test',
                  conditions={'method': ['POST'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_issuetracker_delete',
                  '/{repo_name}/settings/issue-tracker/delete',
                  controller='admin/repos', action='repo_issuetracker_delete',
                  conditions={'method': ['DELETE'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_issuetracker_save',
                  '/{repo_name}/settings/issue-tracker/save',
                  controller='admin/repos', action='repo_issuetracker_save',
                  conditions={'method': ['POST'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_vcs_settings', '/{repo_name}/settings/vcs',
                  controller='admin/repos', action='repo_settings_vcs_update',
                  conditions={'method': ['POST'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_vcs_settings', '/{repo_name}/settings/vcs',
                  controller='admin/repos', action='repo_settings_vcs',
                  conditions={'method': ['GET'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_vcs_settings', '/{repo_name}/settings/vcs',
                  controller='admin/repos', action='repo_delete_svn_pattern',
                  conditions={'method': ['DELETE'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
     rmap.connect('repo_pullrequest_settings', '/{repo_name}/settings/pullrequest',
                  controller='admin/repos', action='repo_settings_pullrequest',
                  conditions={'method': ['GET', 'POST'], 'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     # still working url for backward compat.
     rmap.connect('raw_changeset_home_depraced',
                  '/{repo_name}/raw-changeset/{revision}',
                  controller='changeset', action='changeset_raw',
                  revision='tip', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     # new URLs
     rmap.connect('changeset_raw_home',
                  '/{repo_name}/changeset-diff/{revision}',
                  controller='changeset', action='changeset_raw',
                  revision='tip', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('changeset_patch_home',
                  '/{repo_name}/changeset-patch/{revision}',
                  controller='changeset', action='changeset_patch',
                  revision='tip', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('changeset_download_home',
                  '/{repo_name}/changeset-download/{revision}',
                  controller='changeset', action='changeset_download',
                  revision='tip', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('changeset_comment',
                  '/{repo_name}/changeset/{revision}/comment', jsroute=True,
                  controller='changeset', revision='tip', action='comment',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('changeset_comment_preview',
                  '/{repo_name}/changeset/comment/preview', jsroute=True,
                  controller='changeset', action='preview_comment',
                  conditions={'function': check_repo, 'method': ['POST']},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('changeset_comment_delete',
                  '/{repo_name}/changeset/comment/{comment_id}/delete',
                  controller='changeset', action='delete_comment',
                  conditions={'function': check_repo, 'method': ['DELETE']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('changeset_info', '/{repo_name}/changeset_info/{revision}',
                  controller='changeset', action='changeset_info',
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('compare_home',
                  '/{repo_name}/compare',
                  controller='compare', action='index',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('compare_url',
                  '/{repo_name}/compare/{source_ref_type}@{source_ref:.*?}...{target_ref_type}@{target_ref:.*?}',
                  controller='compare', action='compare',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('pullrequest_home',
                  '/{repo_name}/pull-request/new', controller='pullrequests',
                  action='index', conditions={'function': check_repo,
                                              'method': ['GET']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('pullrequest',
                  '/{repo_name}/pull-request/new', controller='pullrequests',
                  action='create', conditions={'function': check_repo,
                                               'method': ['POST']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('pullrequest_repo_refs',
                  '/{repo_name}/pull-request/refs/{target_repo_name:.*?[^/]}',
                  controller='pullrequests',
                  action='get_repo_refs',
                  conditions={'function': check_repo, 'method': ['GET']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('pullrequest_repo_destinations',
                  '/{repo_name}/pull-request/repo-destinations',
                  controller='pullrequests',
                  action='get_repo_destinations',
                  conditions={'function': check_repo, 'method': ['GET']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('pullrequest_show',
                  '/{repo_name}/pull-request/{pull_request_id}',
                  controller='pullrequests',
                  action='show', conditions={'function': check_repo,
                                             'method': ['GET']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('pullrequest_update',
                  '/{repo_name}/pull-request/{pull_request_id}',
                  controller='pullrequests',
                  action='update', conditions={'function': check_repo,
                                               'method': ['PUT']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('pullrequest_merge',
                  '/{repo_name}/pull-request/{pull_request_id}',
                  controller='pullrequests',
                  action='merge', conditions={'function': check_repo,
                                              'method': ['POST']},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('pullrequest_delete',
                  '/{repo_name}/pull-request/{pull_request_id}',
                  controller='pullrequests',
                  action='delete', conditions={'function': check_repo,
                                               'method': ['DELETE']},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('pullrequest_comment',
                  '/{repo_name}/pull-request-comment/{pull_request_id}',
                  controller='pullrequests',
                  action='comment', conditions={'function': check_repo,
                                                'method': ['POST']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('pullrequest_comment_delete',
                  '/{repo_name}/pull-request-comment/{comment_id}/delete',
                  controller='pullrequests', action='delete_comment',
                  conditions={'function': check_repo, 'method': ['DELETE']},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('changelog_home', '/{repo_name}/changelog', jsroute=True,
                  controller='changelog', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('changelog_file_home',
                  '/{repo_name}/changelog/{revision}/{f_path}',
                  controller='changelog', f_path=None,
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('changelog_elements', '/{repo_name}/changelog_details',
                  controller='changelog', action='changelog_elements',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('files_home',  '/{repo_name}/files/{revision}/{f_path}',
                  controller='files', revision='tip', f_path='',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('files_home_simple_catchrev',
                  '/{repo_name}/files/{revision}',
                  controller='files', revision='tip', f_path='',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_home_simple_catchall',
                  '/{repo_name}/files',
                  controller='files', revision='tip', f_path='',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_history_home',
                  '/{repo_name}/history/{revision}/{f_path}',
                  controller='files', action='history', revision='tip', f_path='',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('files_authors_home',
                  '/{repo_name}/authors/{revision}/{f_path}',
                  controller='files', action='authors', revision='tip', f_path='',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('files_diff_home', '/{repo_name}/diff/{f_path}',
                  controller='files', action='diff', f_path='',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_diff_2way_home',
                  '/{repo_name}/diff-2way/{f_path}',
                  controller='files', action='diff_2way', f_path='',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_rawfile_home',
                  '/{repo_name}/rawfile/{revision}/{f_path}',
                  controller='files', action='rawfile', revision='tip',
                  f_path='', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_raw_home',
                  '/{repo_name}/raw/{revision}/{f_path}',
                  controller='files', action='raw', revision='tip', f_path='',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_render_home',
                  '/{repo_name}/render/{revision}/{f_path}',
                  controller='files', action='index', revision='tip', f_path='',
                  rendered=True, conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_annotate_home',
                  '/{repo_name}/annotate/{revision}/{f_path}',
                  controller='files', action='index', revision='tip',
                  f_path='', annotate=True, conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('files_annotate_previous',
                  '/{repo_name}/annotate-previous/{revision}/{f_path}',
                  controller='files', action='annotate_previous', revision='tip',
                  f_path='', annotate=True, conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('files_edit',
                  '/{repo_name}/edit/{revision}/{f_path}',
                  controller='files', action='edit', revision='tip',
                  f_path='',
                  conditions={'function': check_repo, 'method': ['POST']},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_edit_home',
                  '/{repo_name}/edit/{revision}/{f_path}',
                  controller='files', action='edit_home', revision='tip',
                  f_path='', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_add',
                  '/{repo_name}/add/{revision}/{f_path}',
                  controller='files', action='add', revision='tip',
                  f_path='',
                  conditions={'function': check_repo, 'method': ['POST']},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_add_home',
                  '/{repo_name}/add/{revision}/{f_path}',
                  controller='files', action='add_home', revision='tip',
                  f_path='', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_delete',
                  '/{repo_name}/delete/{revision}/{f_path}',
                  controller='files', action='delete', revision='tip',
                  f_path='',
                  conditions={'function': check_repo, 'method': ['POST']},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_delete_home',
                  '/{repo_name}/delete/{revision}/{f_path}',
                  controller='files', action='delete_home', revision='tip',
                  f_path='', conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('files_archive_home', '/{repo_name}/archive/{fname}',
                  controller='files', action='archivefile',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('files_nodelist_home',
                  '/{repo_name}/nodelist/{revision}/{f_path}',
                  controller='files', action='nodelist',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('files_nodetree_full',
                  '/{repo_name}/nodetree_full/{commit_id}/{f_path}',
                  controller='files', action='nodetree_full',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS, jsroute=True)
 
     rmap.connect('repo_fork_create_home', '/{repo_name}/fork',
                  controller='forks', action='fork_create',
                  conditions={'function': check_repo, 'method': ['POST']},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('repo_fork_home', '/{repo_name}/fork',
                  controller='forks', action='fork',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     rmap.connect('repo_forks_home', '/{repo_name}/forks',
                  controller='forks', action='forks',
                  conditions={'function': check_repo},
                  requirements=URL_NAME_REQUIREMENTS)
 
     return rmap

rhodecode/public/js/rhodecode/routes.js

@@ -1,174 +1,176 b''
 
 /******************************************************************************
  *                                                                            *
  *                      DO NOT CHANGE THIS FILE MANUALLY                      *
  *                                                                            *
  *                                                                            *
  *        This file is automatically generated when the app starts up with    *
  *                         generate_js_files = true                           *
  *                                                                            *
  *  To add a route here pass jsroute=True to the route definition in the app  *
  *                                                                            *
  ******************************************************************************/
 function registerRCRoutes() {
     // routes registration
     pyroutes.register('new_repo', '/_admin/create_repository', []);
     pyroutes.register('edit_user', '/_admin/users/%(user_id)s/edit', ['user_id']);
     pyroutes.register('edit_user_group_members', '/_admin/user_groups/%(user_group_id)s/edit/members', ['user_group_id']);
     pyroutes.register('toggle_following', '/_admin/toggle_following', []);
     pyroutes.register('changeset_home', '/%(repo_name)s/changeset/%(revision)s', ['repo_name', 'revision']);
     pyroutes.register('changeset_comment', '/%(repo_name)s/changeset/%(revision)s/comment', ['repo_name', 'revision']);
     pyroutes.register('changeset_comment_preview', '/%(repo_name)s/changeset/comment/preview', ['repo_name']);
     pyroutes.register('changeset_comment_delete', '/%(repo_name)s/changeset/comment/%(comment_id)s/delete', ['repo_name', 'comment_id']);
     pyroutes.register('changeset_info', '/%(repo_name)s/changeset_info/%(revision)s', ['repo_name', 'revision']);
     pyroutes.register('compare_url', '/%(repo_name)s/compare/%(source_ref_type)s@%(source_ref)s...%(target_ref_type)s@%(target_ref)s', ['repo_name', 'source_ref_type', 'source_ref', 'target_ref_type', 'target_ref']);
     pyroutes.register('pullrequest_home', '/%(repo_name)s/pull-request/new', ['repo_name']);
     pyroutes.register('pullrequest', '/%(repo_name)s/pull-request/new', ['repo_name']);
     pyroutes.register('pullrequest_repo_refs', '/%(repo_name)s/pull-request/refs/%(target_repo_name)s', ['repo_name', 'target_repo_name']);
     pyroutes.register('pullrequest_repo_destinations', '/%(repo_name)s/pull-request/repo-destinations', ['repo_name']);
     pyroutes.register('pullrequest_show', '/%(repo_name)s/pull-request/%(pull_request_id)s', ['repo_name', 'pull_request_id']);
     pyroutes.register('pullrequest_update', '/%(repo_name)s/pull-request/%(pull_request_id)s', ['repo_name', 'pull_request_id']);
     pyroutes.register('pullrequest_comment', '/%(repo_name)s/pull-request-comment/%(pull_request_id)s', ['repo_name', 'pull_request_id']);
     pyroutes.register('pullrequest_comment_delete', '/%(repo_name)s/pull-request-comment/%(comment_id)s/delete', ['repo_name', 'comment_id']);
     pyroutes.register('changelog_home', '/%(repo_name)s/changelog', ['repo_name']);
     pyroutes.register('changelog_file_home', '/%(repo_name)s/changelog/%(revision)s/%(f_path)s', ['repo_name', 'revision', 'f_path']);
     pyroutes.register('changelog_elements', '/%(repo_name)s/changelog_details', ['repo_name']);
     pyroutes.register('files_home', '/%(repo_name)s/files/%(revision)s/%(f_path)s', ['repo_name', 'revision', 'f_path']);
     pyroutes.register('files_history_home', '/%(repo_name)s/history/%(revision)s/%(f_path)s', ['repo_name', 'revision', 'f_path']);
     pyroutes.register('files_authors_home', '/%(repo_name)s/authors/%(revision)s/%(f_path)s', ['repo_name', 'revision', 'f_path']);
     pyroutes.register('files_annotate_home', '/%(repo_name)s/annotate/%(revision)s/%(f_path)s', ['repo_name', 'revision', 'f_path']);
     pyroutes.register('files_annotate_previous', '/%(repo_name)s/annotate-previous/%(revision)s/%(f_path)s', ['repo_name', 'revision', 'f_path']);
     pyroutes.register('files_archive_home', '/%(repo_name)s/archive/%(fname)s', ['repo_name', 'fname']);
     pyroutes.register('files_nodelist_home', '/%(repo_name)s/nodelist/%(revision)s/%(f_path)s', ['repo_name', 'revision', 'f_path']);
     pyroutes.register('files_nodetree_full', '/%(repo_name)s/nodetree_full/%(commit_id)s/%(f_path)s', ['repo_name', 'commit_id', 'f_path']);
     pyroutes.register('favicon', '/favicon.ico', []);
     pyroutes.register('robots', '/robots.txt', []);
     pyroutes.register('auth_home', '/_admin/auth*traverse', []);
     pyroutes.register('global_integrations_new', '/_admin/integrations/new', []);
     pyroutes.register('global_integrations_home', '/_admin/integrations', []);
     pyroutes.register('global_integrations_list', '/_admin/integrations/%(integration)s', ['integration']);
     pyroutes.register('global_integrations_create', '/_admin/integrations/%(integration)s/new', ['integration']);
     pyroutes.register('global_integrations_edit', '/_admin/integrations/%(integration)s/%(integration_id)s', ['integration', 'integration_id']);
     pyroutes.register('repo_group_integrations_home', '/%(repo_group_name)s/settings/integrations', ['repo_group_name']);
     pyroutes.register('repo_group_integrations_list', '/%(repo_group_name)s/settings/integrations/%(integration)s', ['repo_group_name', 'integration']);
     pyroutes.register('repo_group_integrations_new', '/%(repo_group_name)s/settings/integrations/new', ['repo_group_name']);
     pyroutes.register('repo_group_integrations_create', '/%(repo_group_name)s/settings/integrations/%(integration)s/new', ['repo_group_name', 'integration']);
     pyroutes.register('repo_group_integrations_edit', '/%(repo_group_name)s/settings/integrations/%(integration)s/%(integration_id)s', ['repo_group_name', 'integration', 'integration_id']);
     pyroutes.register('repo_integrations_home', '/%(repo_name)s/settings/integrations', ['repo_name']);
     pyroutes.register('repo_integrations_list', '/%(repo_name)s/settings/integrations/%(integration)s', ['repo_name', 'integration']);
     pyroutes.register('repo_integrations_new', '/%(repo_name)s/settings/integrations/new', ['repo_name']);
     pyroutes.register('repo_integrations_create', '/%(repo_name)s/settings/integrations/%(integration)s/new', ['repo_name', 'integration']);
     pyroutes.register('repo_integrations_edit', '/%(repo_name)s/settings/integrations/%(integration)s/%(integration_id)s', ['repo_name', 'integration', 'integration_id']);
     pyroutes.register('ops_ping', '/_admin/ops/ping', []);
     pyroutes.register('admin_home', '/_admin', []);
     pyroutes.register('admin_audit_logs', '/_admin/audit_logs', []);
     pyroutes.register('pull_requests_global_0', '/_admin/pull_requests/%(pull_request_id)s', ['pull_request_id']);
     pyroutes.register('pull_requests_global_1', '/_admin/pull-requests/%(pull_request_id)s', ['pull_request_id']);
     pyroutes.register('pull_requests_global', '/_admin/pull-request/%(pull_request_id)s', ['pull_request_id']);
     pyroutes.register('admin_settings_open_source', '/_admin/settings/open_source', []);
     pyroutes.register('admin_settings_vcs_svn_generate_cfg', '/_admin/settings/vcs/svn_generate_cfg', []);
     pyroutes.register('admin_settings_system', '/_admin/settings/system', []);
     pyroutes.register('admin_settings_system_update', '/_admin/settings/system/updates', []);
     pyroutes.register('admin_settings_sessions', '/_admin/settings/sessions', []);
     pyroutes.register('admin_settings_sessions_cleanup', '/_admin/settings/sessions/cleanup', []);
     pyroutes.register('admin_settings_process_management', '/_admin/settings/process_management', []);
     pyroutes.register('admin_settings_process_management_signal', '/_admin/settings/process_management/signal', []);
     pyroutes.register('admin_permissions_ips', '/_admin/permissions/ips', []);
     pyroutes.register('users', '/_admin/users', []);
     pyroutes.register('users_data', '/_admin/users_data', []);
     pyroutes.register('edit_user_auth_tokens', '/_admin/users/%(user_id)s/edit/auth_tokens', ['user_id']);
     pyroutes.register('edit_user_auth_tokens_add', '/_admin/users/%(user_id)s/edit/auth_tokens/new', ['user_id']);
     pyroutes.register('edit_user_auth_tokens_delete', '/_admin/users/%(user_id)s/edit/auth_tokens/delete', ['user_id']);
     pyroutes.register('edit_user_emails', '/_admin/users/%(user_id)s/edit/emails', ['user_id']);
     pyroutes.register('edit_user_emails_add', '/_admin/users/%(user_id)s/edit/emails/new', ['user_id']);
     pyroutes.register('edit_user_emails_delete', '/_admin/users/%(user_id)s/edit/emails/delete', ['user_id']);
     pyroutes.register('edit_user_ips', '/_admin/users/%(user_id)s/edit/ips', ['user_id']);
     pyroutes.register('edit_user_ips_add', '/_admin/users/%(user_id)s/edit/ips/new', ['user_id']);
     pyroutes.register('edit_user_ips_delete', '/_admin/users/%(user_id)s/edit/ips/delete', ['user_id']);
     pyroutes.register('edit_user_groups_management', '/_admin/users/%(user_id)s/edit/groups_management', ['user_id']);
     pyroutes.register('edit_user_groups_management_updates', '/_admin/users/%(user_id)s/edit/edit_user_groups_management/updates', ['user_id']);
     pyroutes.register('edit_user_audit_logs', '/_admin/users/%(user_id)s/edit/audit', ['user_id']);
     pyroutes.register('channelstream_connect', '/_admin/channelstream/connect', []);
     pyroutes.register('channelstream_subscribe', '/_admin/channelstream/subscribe', []);
     pyroutes.register('channelstream_proxy', '/_channelstream', []);
     pyroutes.register('login', '/_admin/login', []);
     pyroutes.register('logout', '/_admin/logout', []);
     pyroutes.register('register', '/_admin/register', []);
     pyroutes.register('reset_password', '/_admin/password_reset', []);
     pyroutes.register('reset_password_confirmation', '/_admin/password_reset_confirmation', []);
     pyroutes.register('home', '/', []);
     pyroutes.register('user_autocomplete_data', '/_users', []);
     pyroutes.register('user_group_autocomplete_data', '/_user_groups', []);
     pyroutes.register('repo_list_data', '/_repos', []);
     pyroutes.register('goto_switcher_data', '/_goto_data', []);
     pyroutes.register('repo_summary_explicit', '/%(repo_name)s/summary', ['repo_name']);
     pyroutes.register('repo_summary_commits', '/%(repo_name)s/summary-commits', ['repo_name']);
     pyroutes.register('repo_commit', '/%(repo_name)s/changeset/%(commit_id)s', ['repo_name', 'commit_id']);
     pyroutes.register('repo_refs_data', '/%(repo_name)s/refs-data', ['repo_name']);
     pyroutes.register('repo_refs_changelog_data', '/%(repo_name)s/refs-data-changelog', ['repo_name']);
     pyroutes.register('repo_stats', '/%(repo_name)s/repo_stats/%(commit_id)s', ['repo_name', 'commit_id']);
     pyroutes.register('tags_home', '/%(repo_name)s/tags', ['repo_name']);
     pyroutes.register('branches_home', '/%(repo_name)s/branches', ['repo_name']);
     pyroutes.register('bookmarks_home', '/%(repo_name)s/bookmarks', ['repo_name']);
     pyroutes.register('pullrequest_show', '/%(repo_name)s/pull-request/%(pull_request_id)s', ['repo_name', 'pull_request_id']);
     pyroutes.register('pullrequest_show_all', '/%(repo_name)s/pull-request', ['repo_name']);
     pyroutes.register('pullrequest_show_all_data', '/%(repo_name)s/pull-request-data', ['repo_name']);
     pyroutes.register('changeset_home', '/%(repo_name)s/changeset/%(revision)s', ['repo_name', 'revision']);
     pyroutes.register('changeset_children', '/%(repo_name)s/changeset_children/%(revision)s', ['repo_name', 'revision']);
     pyroutes.register('changeset_parents', '/%(repo_name)s/changeset_parents/%(revision)s', ['repo_name', 'revision']);
     pyroutes.register('edit_repo', '/%(repo_name)s/settings', ['repo_name']);
     pyroutes.register('edit_repo_advanced', '/%(repo_name)s/settings/advanced', ['repo_name']);
     pyroutes.register('edit_repo_advanced_delete', '/%(repo_name)s/settings/advanced/delete', ['repo_name']);
     pyroutes.register('edit_repo_advanced_locking', '/%(repo_name)s/settings/advanced/locking', ['repo_name']);
     pyroutes.register('edit_repo_advanced_journal', '/%(repo_name)s/settings/advanced/journal', ['repo_name']);
     pyroutes.register('edit_repo_advanced_fork', '/%(repo_name)s/settings/advanced/fork', ['repo_name']);
     pyroutes.register('edit_repo_caches', '/%(repo_name)s/settings/caches', ['repo_name']);
     pyroutes.register('edit_repo_perms', '/%(repo_name)s/settings/permissions', ['repo_name']);
     pyroutes.register('repo_reviewers', '/%(repo_name)s/settings/review/rules', ['repo_name']);
     pyroutes.register('repo_default_reviewers_data', '/%(repo_name)s/settings/review/default-reviewers', ['repo_name']);
     pyroutes.register('repo_maintenance', '/%(repo_name)s/settings/maintenance', ['repo_name']);
     pyroutes.register('repo_maintenance_execute', '/%(repo_name)s/settings/maintenance/execute', ['repo_name']);
     pyroutes.register('strip', '/%(repo_name)s/settings/strip', ['repo_name']);
     pyroutes.register('strip_check', '/%(repo_name)s/settings/strip_check', ['repo_name']);
     pyroutes.register('strip_execute', '/%(repo_name)s/settings/strip_execute', ['repo_name']);
     pyroutes.register('rss_feed_home', '/%(repo_name)s/feed/rss', ['repo_name']);
     pyroutes.register('atom_feed_home', '/%(repo_name)s/feed/atom', ['repo_name']);
     pyroutes.register('repo_summary', '/%(repo_name)s', ['repo_name']);
     pyroutes.register('repo_summary_slash', '/%(repo_name)s/', ['repo_name']);
     pyroutes.register('repo_group_home', '/%(repo_group_name)s', ['repo_group_name']);
     pyroutes.register('repo_group_home_slash', '/%(repo_group_name)s/', ['repo_group_name']);
     pyroutes.register('search', '/_admin/search', []);
     pyroutes.register('search_repo', '/%(repo_name)s/search', ['repo_name']);
     pyroutes.register('user_profile', '/_profiles/%(username)s', ['username']);
     pyroutes.register('my_account_profile', '/_admin/my_account/profile', []);
     pyroutes.register('my_account_edit', '/_admin/my_account/edit', []);
     pyroutes.register('my_account_update', '/_admin/my_account/update', []);
     pyroutes.register('my_account_password', '/_admin/my_account/password', []);
     pyroutes.register('my_account_password_update', '/_admin/my_account/password', []);
     pyroutes.register('my_account_auth_tokens', '/_admin/my_account/auth_tokens', []);
     pyroutes.register('my_account_auth_tokens_add', '/_admin/my_account/auth_tokens/new', []);
     pyroutes.register('my_account_auth_tokens_delete', '/_admin/my_account/auth_tokens/delete', []);
     pyroutes.register('my_account_emails', '/_admin/my_account/emails', []);
     pyroutes.register('my_account_emails_add', '/_admin/my_account/emails/new', []);
     pyroutes.register('my_account_emails_delete', '/_admin/my_account/emails/delete', []);
     pyroutes.register('my_account_repos', '/_admin/my_account/repos', []);
     pyroutes.register('my_account_watched', '/_admin/my_account/watched', []);
     pyroutes.register('my_account_perms', '/_admin/my_account/perms', []);
     pyroutes.register('my_account_notifications', '/_admin/my_account/notifications', []);
     pyroutes.register('my_account_notifications_toggle_visibility', '/_admin/my_account/toggle_visibility', []);
     pyroutes.register('my_account_pullrequests', '/_admin/my_account/pull_requests', []);
     pyroutes.register('my_account_pullrequests_data', '/_admin/my_account/pull_requests/data', []);
     pyroutes.register('my_account_notifications_test_channelstream', '/_admin/my_account/test_channelstream', []);
     pyroutes.register('gists_show', '/_admin/gists', []);
     pyroutes.register('gists_new', '/_admin/gists/new', []);
     pyroutes.register('gists_create', '/_admin/gists/create', []);
     pyroutes.register('gist_show', '/_admin/gists/%(gist_id)s', ['gist_id']);
     pyroutes.register('gist_delete', '/_admin/gists/%(gist_id)s/delete', ['gist_id']);
     pyroutes.register('gist_edit', '/_admin/gists/%(gist_id)s/edit', ['gist_id']);
     pyroutes.register('gist_edit_check_revision', '/_admin/gists/%(gist_id)s/edit/check_revision', ['gist_id']);
     pyroutes.register('gist_update', '/_admin/gists/%(gist_id)s/update', ['gist_id']);
     pyroutes.register('gist_show_rev', '/_admin/gists/%(gist_id)s/%(revision)s', ['gist_id', 'revision']);
     pyroutes.register('gist_show_formatted', '/_admin/gists/%(gist_id)s/%(revision)s/%(format)s', ['gist_id', 'revision', 'format']);
     pyroutes.register('gist_show_formatted_path', '/_admin/gists/%(gist_id)s/%(revision)s/%(format)s/%(f_path)s', ['gist_id', 'revision', 'format', 'f_path']);
+    pyroutes.register('debug_style_home', '/_admin/debug_style', []);
+    pyroutes.register('debug_style_template', '/_admin/debug_style/t/%(t_path)s', ['t_path']);
     pyroutes.register('apiv2', '/_admin/api', []);
 }

rhodecode/templates/base/base.mako

@@ -1,604 +1,604 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="root.mako"/>
 
 <div class="outerwrapper">
   <!-- HEADER -->
   <div class="header">
       <div id="header-inner" class="wrapper">
           <div id="logo">
               <div class="logo-wrapper">
                   <a href="${h.route_path('home')}"><img src="${h.asset('images/rhodecode-logo-white-216x60.png')}" alt="RhodeCode"/></a>
               </div>
               %if c.rhodecode_name:
                <div class="branding">- ${h.branding(c.rhodecode_name)}</div>
               %endif
           </div>
           <!-- MENU BAR NAV -->
           ${self.menu_bar_nav()}
           <!-- END MENU BAR NAV -->
       </div>
   </div>
   ${self.menu_bar_subnav()}
   <!-- END HEADER -->
 
   <!-- CONTENT -->
   <div id="content" class="wrapper">
 
       <rhodecode-toast id="notifications"></rhodecode-toast>
 
       <div class="main">
           ${next.main()}
       </div>
   </div>
   <!-- END CONTENT -->
 
 </div>
 <!-- FOOTER -->
 <div id="footer">
    <div id="footer-inner" class="title wrapper">
        <div>
            <p class="footer-link-right">
                % if c.visual.show_version:
                    RhodeCode Enterprise ${c.rhodecode_version} ${c.rhodecode_edition}
                % endif
                &copy; 2010-${h.datetime.today().year}, <a href="${h.route_url('rhodecode_official')}" target="_blank">RhodeCode GmbH</a>. All rights reserved.
                % if c.visual.rhodecode_support_url:
                   <a href="${c.visual.rhodecode_support_url}" target="_blank">${_('Support')}</a>
                % endif
            </p>
            <% sid = 'block' if request.GET.get('showrcid') else 'none' %>
            <p class="server-instance" style="display:${sid}">
                ## display hidden instance ID if specially defined
                % if c.rhodecode_instanceid:
                    ${_('RhodeCode instance id: %s') % c.rhodecode_instanceid}
                % endif
            </p>
        </div>
    </div>
 </div>
 
 <!-- END FOOTER -->
 
 ### MAKO DEFS ###
 
 <%def name="menu_bar_subnav()">
 </%def>
 
 <%def name="breadcrumbs(class_='breadcrumbs')">
     <div class="${class_}">
     ${self.breadcrumbs_links()}
     </div>
 </%def>
 
 <%def name="admin_menu()">
   <ul class="admin_menu submenu">
       <li><a href="${h.route_path('admin_audit_logs')}">${_('Admin audit logs')}</a></li>
       <li><a href="${h.url('repos')}">${_('Repositories')}</a></li>
       <li><a href="${h.url('repo_groups')}">${_('Repository groups')}</a></li>
       <li><a href="${h.route_path('users')}">${_('Users')}</a></li>
       <li><a href="${h.url('users_groups')}">${_('User groups')}</a></li>
       <li><a href="${h.url('admin_permissions_application')}">${_('Permissions')}</a></li>
       <li><a href="${h.route_path('auth_home', traverse='')}">${_('Authentication')}</a></li>
       <li><a href="${h.route_path('global_integrations_home')}">${_('Integrations')}</a></li>
       <li><a href="${h.url('admin_defaults_repositories')}">${_('Defaults')}</a></li>
       <li class="last"><a href="${h.url('admin_settings')}">${_('Settings')}</a></li>
   </ul>
 </%def>
 
 
 <%def name="dt_info_panel(elements)">
     <dl class="dl-horizontal">
     %for dt, dd, title, show_items in elements:
       <dt>${dt}:</dt>
       <dd title="${h.tooltip(title)}">
       %if callable(dd):
           ## allow lazy evaluation of elements
           ${dd()}
       %else:
           ${dd}
       %endif
       %if show_items:
           <span class="btn-collapse" data-toggle="item-${h.md5_safe(dt)[:6]}-details">${_('Show More')} </span>
       %endif
       </dd>
 
       %if show_items:
           <div class="collapsable-content" data-toggle="item-${h.md5_safe(dt)[:6]}-details" style="display: none">
           %for item in show_items:
               <dt></dt>
               <dd>${item}</dd>
           %endfor
           </div>
       %endif
 
     %endfor
     </dl>
 </%def>
 
 
 <%def name="gravatar(email, size=16)">
   <%
     if (size > 16):
         gravatar_class = 'gravatar gravatar-large'
     else:
         gravatar_class = 'gravatar'
   %>
   <%doc>
     TODO: johbo: For now we serve double size images to make it smooth
     for retina. This is how it worked until now. Should be replaced
     with a better solution at some point.
   </%doc>
   <img class="${gravatar_class}" src="${h.gravatar_url(email, size * 2)}" height="${size}" width="${size}">
 </%def>
 
 
 <%def name="gravatar_with_user(contact, size=16, show_disabled=False)">
   <% email = h.email_or_none(contact) %>
   <div class="rc-user tooltip" title="${h.tooltip(h.author_string(email))}">
     ${self.gravatar(email, size)}
     <span class="${'user user-disabled' if show_disabled else 'user'}"> ${h.link_to_user(contact)}</span>
   </div>
 </%def>
 
 
 ## admin menu used for people that have some admin resources
 <%def name="admin_menu_simple(repositories=None, repository_groups=None, user_groups=None)">
   <ul class="submenu">
    %if repositories:
       <li class="local-admin-repos"><a href="${h.url('repos')}">${_('Repositories')}</a></li>
    %endif
    %if repository_groups:
       <li class="local-admin-repo-groups"><a href="${h.url('repo_groups')}">${_('Repository groups')}</a></li>
    %endif
    %if user_groups:
       <li class="local-admin-user-groups"><a href="${h.url('users_groups')}">${_('User groups')}</a></li>
    %endif
   </ul>
 </%def>
 
 <%def name="repo_page_title(repo_instance)">
 <div class="title-content">
     <div class="title-main">
         ## SVN/HG/GIT icons
         %if h.is_hg(repo_instance):
             <i class="icon-hg"></i>
         %endif
         %if h.is_git(repo_instance):
             <i class="icon-git"></i>
         %endif
         %if h.is_svn(repo_instance):
             <i class="icon-svn"></i>
         %endif
 
         ## public/private
         %if repo_instance.private:
             <i class="icon-repo-private"></i>
         %else:
             <i class="icon-repo-public"></i>
         %endif
 
         ## repo name with group name
         ${h.breadcrumb_repo_link(c.rhodecode_db_repo)}
 
     </div>
 
     ## FORKED
     %if repo_instance.fork:
     <p>
         <i class="icon-code-fork"></i> ${_('Fork of')}
         <a href="${h.route_path('repo_summary',repo_name=repo_instance.fork.repo_name)}">${repo_instance.fork.repo_name}</a>
     </p>
     %endif
 
     ## IMPORTED FROM REMOTE
     %if repo_instance.clone_uri:
     <p>
        <i class="icon-code-fork"></i> ${_('Clone from')}
        <a href="${h.url(h.safe_str(h.hide_credentials(repo_instance.clone_uri)))}">${h.hide_credentials(repo_instance.clone_uri)}</a>
     </p>
     %endif
 
     ## LOCKING STATUS
      %if repo_instance.locked[0]:
        <p class="locking_locked">
            <i class="icon-repo-lock"></i>
            ${_('Repository locked by %(user)s') % {'user': h.person_by_id(repo_instance.locked[0])}}
        </p>
      %elif repo_instance.enable_locking:
          <p class="locking_unlocked">
              <i class="icon-repo-unlock"></i>
              ${_('Repository not locked. Pull repository to lock it.')}
          </p>
      %endif
 
 </div>
 </%def>
 
 <%def name="repo_menu(active=None)">
     <%
     def is_active(selected):
         if selected == active:
             return "active"
     %>
 
   <!--- CONTEXT BAR -->
   <div id="context-bar">
     <div class="wrapper">
       <ul id="context-pages" class="horizontal-list navigation">
         <li class="${is_active('summary')}"><a class="menulink" href="${h.route_path('repo_summary', repo_name=c.repo_name)}"><div class="menulabel">${_('Summary')}</div></a></li>
         <li class="${is_active('changelog')}"><a class="menulink" href="${h.url('changelog_home', repo_name=c.repo_name)}"><div class="menulabel">${_('Changelog')}</div></a></li>
         <li class="${is_active('files')}"><a class="menulink" href="${h.url('files_home', repo_name=c.repo_name, revision=c.rhodecode_db_repo.landing_rev[1])}"><div class="menulabel">${_('Files')}</div></a></li>
         <li class="${is_active('compare')}">
             <a class="menulink" href="${h.url('compare_home',repo_name=c.repo_name)}"><div class="menulabel">${_('Compare')}</div></a>
         </li>
         ## TODO: anderson: ideally it would have a function on the scm_instance "enable_pullrequest() and enable_fork()"
         %if c.rhodecode_db_repo.repo_type in ['git','hg']:
           <li class="${is_active('showpullrequest')}">
             <a class="menulink" href="${h.route_path('pullrequest_show_all', repo_name=c.repo_name)}" title="${h.tooltip(_('Show Pull Requests for %s') % c.repo_name)}">
               %if c.repository_pull_requests:
                 <span class="pr_notifications">${c.repository_pull_requests}</span>
               %endif
               <div class="menulabel">${_('Pull Requests')}</div>
             </a>
           </li>
         %endif
         <li class="${is_active('options')}">
           <a class="menulink dropdown">
               <div class="menulabel">${_('Options')} <div class="show_more"></div></div>
           </a>
           <ul class="submenu">
              %if h.HasRepoPermissionAll('repository.admin')(c.repo_name):
                    <li><a href="${h.route_path('edit_repo',repo_name=c.repo_name)}">${_('Settings')}</a></li>
              %endif
               %if c.rhodecode_db_repo.fork:
                <li><a href="${h.url('compare_url',repo_name=c.rhodecode_db_repo.fork.repo_name,source_ref_type=c.rhodecode_db_repo.landing_rev[0],source_ref=c.rhodecode_db_repo.landing_rev[1], target_repo=c.repo_name,target_ref_type='branch' if request.GET.get('branch') else c.rhodecode_db_repo.landing_rev[0],target_ref=request.GET.get('branch') or c.rhodecode_db_repo.landing_rev[1], merge=1)}">
                    ${_('Compare fork')}</a></li>
               %endif
 
               <li><a href="${h.route_path('search_repo',repo_name=c.repo_name)}">${_('Search')}</a></li>
 
               %if h.HasRepoPermissionAny('repository.write','repository.admin')(c.repo_name) and c.rhodecode_db_repo.enable_locking:
                 %if c.rhodecode_db_repo.locked[0]:
                   <li><a class="locking_del" href="${h.url('toggle_locking',repo_name=c.repo_name)}">${_('Unlock')}</a></li>
                 %else:
                   <li><a class="locking_add" href="${h.url('toggle_locking',repo_name=c.repo_name)}">${_('Lock')}</a></li>
                 %endif
               %endif
               %if c.rhodecode_user.username != h.DEFAULT_USER:
                 %if c.rhodecode_db_repo.repo_type in ['git','hg']:
                   <li><a href="${h.url('repo_fork_home',repo_name=c.repo_name)}">${_('Fork')}</a></li>
                   <li><a href="${h.url('pullrequest_home',repo_name=c.repo_name)}">${_('Create Pull Request')}</a></li>
                 %endif
               %endif
              </ul>
         </li>
       </ul>
     </div>
     <div class="clear"></div>
   </div>
   <!--- END CONTEXT BAR -->
 
 </%def>
 
 <%def name="usermenu(active=False)">
     ## USER MENU
     <li id="quick_login_li" class="${'active' if active else ''}">
       <a id="quick_login_link" class="menulink childs">
         ${gravatar(c.rhodecode_user.email, 20)}
         <span class="user">
           %if c.rhodecode_user.username != h.DEFAULT_USER:
             <span class="menu_link_user">${c.rhodecode_user.username}</span><div class="show_more"></div>
           %else:
             <span>${_('Sign in')}</span>
           %endif
         </span>
       </a>
 
   <div class="user-menu submenu">
       <div id="quick_login">
         %if c.rhodecode_user.username == h.DEFAULT_USER:
             <h4>${_('Sign in to your account')}</h4>
             ${h.form(h.route_path('login', _query={'came_from': h.url.current()}), needs_csrf_token=False)}
             <div class="form form-vertical">
                 <div class="fields">
                     <div class="field">
                         <div class="label">
                             <label for="username">${_('Username')}:</label>
                         </div>
                         <div class="input">
                             ${h.text('username',class_='focus',tabindex=1)}
                         </div>
 
                     </div>
                     <div class="field">
                         <div class="label">
                             <label for="password">${_('Password')}:</label>
                             %if h.HasPermissionAny('hg.password_reset.enabled')():
                               <span class="forgot_password">${h.link_to(_('(Forgot password?)'),h.route_path('reset_password'), class_='pwd_reset')}</span>
                             %endif
                         </div>
                         <div class="input">
                             ${h.password('password',class_='focus',tabindex=2)}
                         </div>
                     </div>
                     <div class="buttons">
                         <div class="register">
                         %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():
                          ${h.link_to(_("Don't have an account?"),h.route_path('register'))} <br/>
                         %endif
                         ${h.link_to(_("Using external auth? Sign In here."),h.route_path('login'))}
                         </div>
                         <div class="submit">
                             ${h.submit('sign_in',_('Sign In'),class_="btn btn-small",tabindex=3)}
                         </div>
                     </div>
                 </div>
             </div>
             ${h.end_form()}
         %else:
             <div class="">
                 <div class="big_gravatar">${gravatar(c.rhodecode_user.email, 48)}</div>
                 <div class="full_name">${c.rhodecode_user.full_name_or_username}</div>
                 <div class="email">${c.rhodecode_user.email}</div>
             </div>
             <div class="">
             <ol class="links">
               <li>${h.link_to(_(u'My account'),h.route_path('my_account_profile'))}</li>
               % if c.rhodecode_user.personal_repo_group:
                 <li>${h.link_to(_(u'My personal group'), h.route_path('repo_group_home', repo_group_name=c.rhodecode_user.personal_repo_group.group_name))}</li>
               % endif
               <li class="logout">
               ${h.secure_form(h.route_path('logout'))}
                   ${h.submit('log_out', _(u'Sign Out'),class_="btn btn-primary")}
               ${h.end_form()}
               </li>
             </ol>
             </div>
         %endif
       </div>
   </div>
       %if c.rhodecode_user.username != h.DEFAULT_USER:
         <div class="pill_container">
         % if c.unread_notifications == 0:
           <a class="menu_link_notifications empty" href="${h.url('notifications')}">${c.unread_notifications}</a>
         % else:
           <a class="menu_link_notifications" href="${h.url('notifications')}">${c.unread_notifications}</a>
         % endif
         </div>
       % endif
     </li>
 </%def>
 
 <%def name="menu_items(active=None)">
     <%
     def is_active(selected):
         if selected == active:
             return "active"
         return ""
     %>
     <ul id="quick" class="main_nav navigation horizontal-list">
       <!-- repo switcher -->
       <li class="${is_active('repositories')} repo_switcher_li has_select2">
         <input id="repo_switcher" name="repo_switcher" type="hidden">
       </li>
 
       ## ROOT MENU
       %if c.rhodecode_user.username != h.DEFAULT_USER:
         <li class="${is_active('journal')}">
           <a class="menulink" title="${_('Show activity journal')}" href="${h.url('journal')}">
             <div class="menulabel">${_('Journal')}</div>
           </a>
         </li>
       %else:
         <li class="${is_active('journal')}">
           <a class="menulink" title="${_('Show Public activity journal')}" href="${h.url('public_journal')}">
             <div class="menulabel">${_('Public journal')}</div>
           </a>
         </li>
       %endif
         <li class="${is_active('gists')}">
           <a class="menulink childs" title="${_('Show Gists')}" href="${h.route_path('gists_show')}">
             <div class="menulabel">${_('Gists')}</div>
           </a>
         </li>
       <li class="${is_active('search')}">
           <a class="menulink" title="${_('Search in repositories you have access to')}" href="${h.route_path('search')}">
             <div class="menulabel">${_('Search')}</div>
           </a>
       </li>
       % if h.HasPermissionAll('hg.admin')('access admin main page'):
         <li class="${is_active('admin')}">
           <a class="menulink childs" title="${_('Admin settings')}" href="#" onclick="return false;">
             <div class="menulabel">${_('Admin')} <div class="show_more"></div></div>
           </a>
           ${admin_menu()}
         </li>
       % elif c.rhodecode_user.repositories_admin or c.rhodecode_user.repository_groups_admin or c.rhodecode_user.user_groups_admin:
       <li class="${is_active('admin')}">
           <a class="menulink childs" title="${_('Delegated Admin settings')}">
             <div class="menulabel">${_('Admin')} <div class="show_more"></div></div>
           </a>
           ${admin_menu_simple(c.rhodecode_user.repositories_admin,
                               c.rhodecode_user.repository_groups_admin,
                               c.rhodecode_user.user_groups_admin or h.HasPermissionAny('hg.usergroup.create.true')())}
       </li>
       % endif
       % if c.debug_style:
       <li class="${is_active('debug_style')}">
-          <a class="menulink" title="${_('Style')}" href="${h.url('debug_style_home')}">
+          <a class="menulink" title="${_('Style')}" href="${h.route_path('debug_style_home')}">
             <div class="menulabel">${_('Style')}</div>
           </a>
       </li>
       % endif
       ## render extra user menu
       ${usermenu(active=(active=='my_account'))}
     </ul>
 
     <script type="text/javascript">
         var visual_show_public_icon = "${c.visual.show_public_icon}" == "True";
 
         /*format the look of items in the list*/
         var format = function(state, escapeMarkup){
             if (!state.id){
               return state.text; // optgroup
             }
             var obj_dict = state.obj;
             var tmpl = '';
 
             if(obj_dict && state.type == 'repo'){
                 if(obj_dict['repo_type'] === 'hg'){
                     tmpl += '<i class="icon-hg"></i> ';
                 }
                 else if(obj_dict['repo_type'] === 'git'){
                     tmpl += '<i class="icon-git"></i> ';
                 }
                 else if(obj_dict['repo_type'] === 'svn'){
                     tmpl += '<i class="icon-svn"></i> ';
                 }
                 if(obj_dict['private']){
                     tmpl += '<i class="icon-lock" ></i> ';
                 }
                 else if(visual_show_public_icon){
                     tmpl += '<i class="icon-unlock-alt"></i> ';
                 }
             }
             if(obj_dict && state.type == 'commit') {
                 tmpl += '<i class="icon-tag"></i>';
             }
             if(obj_dict && state.type == 'group'){
                 tmpl += '<i class="icon-folder-close"></i> ';
             }
             tmpl += escapeMarkup(state.text);
             return tmpl;
         };
 
         var formatResult = function(result, container, query, escapeMarkup) {
             return format(result, escapeMarkup);
         };
 
         var formatSelection = function(data, container, escapeMarkup) {
             return format(data, escapeMarkup);
         };
 
         $("#repo_switcher").select2({
             cachedDataSource: {},
             minimumInputLength: 2,
             placeholder: '<div class="menulabel">${_('Go to')} <div class="show_more"></div></div>',
             dropdownAutoWidth: true,
             formatResult: formatResult,
             formatSelection: formatSelection,
             containerCssClass: "repo-switcher",
             dropdownCssClass: "repo-switcher-dropdown",
             escapeMarkup: function(m){
                 // don't escape our custom placeholder
                 if(m.substr(0,23) == '<div class="menulabel">'){
                     return m;
                 }
 
                 return Select2.util.escapeMarkup(m);
             },
             query: $.debounce(250, function(query){
                 self = this;
                 var cacheKey = query.term;
                 var cachedData = self.cachedDataSource[cacheKey];
 
                 if (cachedData) {
                     query.callback({results: cachedData.results});
                 } else {
                     $.ajax({
                         url: pyroutes.url('goto_switcher_data'),
                         data: {'query': query.term},
                         dataType: 'json',
                         type: 'GET',
                         success: function(data) {
                             self.cachedDataSource[cacheKey] = data;
                             query.callback({results: data.results});
                         },
                         error: function(data, textStatus, errorThrown) {
                             alert("Error while fetching entries.\nError code {0} ({1}).".format(data.status, data.statusText));
                         }
                     })
                 }
             })
         });
 
         $("#repo_switcher").on('select2-selecting', function(e){
             e.preventDefault();
             window.location = e.choice.url;
         });
 
     </script>
     <script src="${h.asset('js/rhodecode/base/keyboard-bindings.js', ver=c.rhodecode_version_hash)}"></script>
 </%def>
 
 <div class="modal" id="help_kb" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
           <h4 class="modal-title" id="myModalLabel">${_('Keyboard shortcuts')}</h4>
         </div>
         <div class="modal-body">
               <div class="block-left">
                 <table class="keyboard-mappings">
                     <tbody>
                   <tr>
                     <th></th>
                     <th>${_('Site-wide shortcuts')}</th>
                   </tr>
                   <%
                      elems = [
                          ('/', 'Open quick search box'),
                          ('g h', 'Goto home page'),
                          ('g g', 'Goto my private gists page'),
                          ('g G', 'Goto my public gists page'),
                          ('n r', 'New repository page'),
                          ('n g', 'New gist page'),
                      ]
                   %>
                   %for key, desc in elems:
                   <tr>
                     <td class="keys">
                       <span class="key tag">${key}</span>
                     </td>
                     <td>${desc}</td>
                   </tr>
                 %endfor
                 </tbody>
                   </table>
               </div>
               <div class="block-left">
                 <table class="keyboard-mappings">
                 <tbody>
                   <tr>
                     <th></th>
                     <th>${_('Repositories')}</th>
                   </tr>
                   <%
                      elems = [
                          ('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 permissions settings'),
                      ]
                   %>
                   %for key, desc in elems:
                   <tr>
                     <td class="keys">
                       <span class="key tag">${key}</span>
                     </td>
                     <td>${desc}</td>
                   </tr>
                 %endfor
                 </tbody>
               </table>
             </div>
         </div>
         <div class="modal-footer">
         </div>
       </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
 </div><!-- /.modal -->

rhodecode/templates/debug_style/alerts.html

@@ -1,75 +1,75 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
 
       ${self.sidebar()}
 
       <div class="main-content">
 
         <h3>Alert Messages</h3>
         <p>
           Alert messages are produced using the custom Polymer element
           <code>rhodecode-toast</code> which is passed a message and level.
         </p>
   
         <div class="bs-example">
           <p> There are four types of alert levels:</p>
           <div class="alert alert-success">
             "success" is used when an action is completed as expected<br/>
             ex. updated settings, deletion of a repo/user
           </div>
           <div class="alert alert-warning">
             "warning" is for notification of impending issues<br/>
             ex. a gist which was updated elsewhere during editing, disk out of space
           </div>
           <div class="alert alert-error">
             "error" should be used for unexpected results and actions which
             are not successful<br/>
             ex. a form not submitted, repo creation failure
           </div>
           <div class="alert alert-info">
             "info" is used for non-critical information<br/>
             ex. notification of new messages, invitations to chat
           </div>
         </div>
 
         <p><br/>
           Whether singular or multiple, alerts are grouped into a dismissable
           panel with a single "Close" button underneath.
         </p>
         <a class="btn btn-default" id="test-notification">Test Notification</a>
   
         <script type="text/javascript">
           $('#test-notification').on('click', function(e){
             var levels = ['info', 'error', 'warning', 'success'];
             var level = levels[Math.floor(Math.random()*levels.length)];
             var payload = {
               message: {
                 message: 'This is a test ' +level+ ' notification.',
                 level: level,
                 force: true
               }
             };
             $.Topic('/notifications').publish(payload);
           });
         </script>
 
       </div>
       </div>  <!-- .main-content  -->
     </div>
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/buttons.html

@@ -1,197 +1,197 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Buttons</h2>
 
       <p>
         Form buttons in various sizes. Buttons are always capitalised.
         Use the following classes:
       </p>
 
       <ul>
         ## TODO: lisa: Are we actually using three sizes of buttons??
         <li><code>.btn-lg</code> for large buttons</li>
         <li><code>.btn-sm</code> for small buttons</li>
         <li><code>.btn-xs</code> for xtra small buttons</li>
       </ul>
 
       <p>Note that <code>.btn-mini</code> is supported for legacy reasons.</p>
 
       <div class="bs-example">
         ## TODO: johbo: Should also work without the form element
         <form method='post' action=''>
           <div class='form'>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-lg" id="example_save" class="btn btn-lg">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-lg">
                 <button class="btn btn-lg">Large</button>
                 <a class="btn btn-lg" href="#">A link as button</a>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn">
                 <input type="reset" value="Reset" id="example_reset" class="btn">
                 <button class="btn">Normal</button>
                 <button class="btn btn-danger">Normal</button>
                 <a class="btn" href="#">A link as button</a>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-sm" id="example_save" class="btn btn-sm">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm">
                 <button class="btn btn-sm">Small</button>
                 <button class="btn btn-sm btn-danger">Small</button>
                 <a class="btn btn-sm" href="#">A link as button</a>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-xs" id="example_save" class="btn btn-xs">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-xs">
                 <button class="btn btn-xs">XSmall</button>
                 <button class="btn btn-xs btn-danger">XSmall</button>
                 <a class="btn btn-xs" href="#">A link as button</a>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-mini" id="example_save" class="btn btn-mini">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-mini">
               </div>
 
               <div class="buttons">
                 Buttons of style <code>.btn-link</code>:
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-link">
                 <button class="btn btn-link">Edit</button>
                 <button class="btn btn-danger btn-link">Delete</button>
               </div>
           </div>
          </form>
       </div>
 
     
       <h2>Buttons as Links</h2>
       <p>
         Most of our Edit/Delete buttons come in the following form.
         Inside of a table, these are "action buttons", and while an 
         Edit <em>link</em> is a typical blue link, a Delete <em>button</em>
         is red as per the 'btn-danger' styling and use <code>.btn-link</code>.
       </p>
       <p>
         We use "Delete" when the thing being deleted cannot be undone;
         "Reset", and "Revoke" are used where applicable.
       </p>
       <p>
         Note: Should there be a need for a change in the wording, be
         aware that corresponding documentation may also need updating.
       </p>
     <div class="bs-example">
       <table class="rctable edit_fields">
         <tr><td></td><td></td></tr>
         <tr>
           <td></td>
           <td class=" td-action">
            <div class="grid_edit">
               <a href="/_admin/repo_groups/breads/edit" title="Edit">Edit</a>
            </div>
            <div class="grid_delete">
               <form action="/_admin/repo_groups/breads" method="post"><div style="display:none">
           <input name="_method" type="hidden" value="delete">
           </div>
           <div style="display: none;"><input id="csrf_token" name="csrf_token" type="hidden" value="03d6cc48726b885039b2f7675e85596b7dae6ecf"></div>
                   <button class="btn btn-link btn-danger" type="submit" onclick="return confirm('" +ungettext('confirm="" to="" delete="" this="" group:="" %s="" with="" repository','confirm="" repositories',gr_count)="" %="" (repo_group_name,="" gr_count)+"');"="">
                     Delete
                   </button>
               </form>
            </div>
           </td>
         </tr>
       </table>
       <div class="highlight-html"><xmp>
     <a href="some-link" title="${_('Edit')}">${_('Edit')}</a>
 
     <button class="btn btn-link btn-danger" type="submit"
         onclick="return confirm('${_('Confirm to remove this field: Field')}');">
         ${_('Delete')}
     </button>
       </xmp></div>
     </div>
 
 
       <h2>Buttons disabled</h2>
 
       <p>Note that our application still uses the class <code>.disabled</code>
          in some places. Interim we support both but prefer to use the
          attribute <code>disabled</code> where possible.</p>
 
       <div class="bs-example">
         ## TODO: johbo: Should also work without the form element
         <form method='post' action=''>
           <div class='form'>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-lg" id="example_save" class="btn btn-lg" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-lg" disabled>
                 <button class="btn btn-lg" disabled>Large</button>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn" disabled>
                 <button class="btn" disabled>Normal</button>
                 <button class="btn btn-danger" disabled>Normal</button>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-sm" id="example_save" class="btn btn-sm" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm" disabled>
                 <button class="btn btn-sm" disabled>Small</button>
                 <button class="btn btn-sm btn-danger" disabled>Small</button>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-xs" id="example_save" class="btn btn-xs" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-xs" disabled>
                 <button class="btn btn-xs" disabled>XSmall</button>
                 <button class="btn btn-xs btn-danger" disabled>XSmall</button>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-mini" id="example_save" class="btn btn-mini" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-mini" disabled>
               </div>
 
               <div class="buttons">
                 Buttons of style <code>.btn-link</code>:
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-link" disabled>
                 <button class="btn btn-link" disabled>Edit</button>
                 <button class="btn btn-link btn-danger" disabled>Delete</button>
               </div>
 
           </div>
          </form>
       </div>
 
 
 
       </div>
     </div>  <!-- .main-content  --> 
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/code-block.html

@@ -1,1160 +1,1160 b''
 ## -*- coding: utf-8 -*-
 <%namespace name="base" file="/base/base.mako"/>
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 <%def name="js_extra()">
 </%def>
 
 <%def name="css_extra()">
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     ##main
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
 
 
       <h2>Code Blocks</h2>
 
       <dl class="dl-horizontal">
         <dt><code>.codeblock</code></dt>
         <dd>Used as a wrapping element around <code>.code-header</code> and
           <code>.code-body</code>. Used to show the content of a file or a
           Gist.</dd>
 
         <dt><code>.diffblock</code></dt>
         <dd>Used as a wrapping element to show a diff in a Commit or Pull
           Request page. Contains usually <code>.code-header</code>,
           <code>.code-body</code> and in the edit case a <code>.message</code>.
           </dd>
       </dl>
 
 
       <p>Code Blocks are used in the following areas:</p>
 
       <ul>
         <li>Commit: Showing the Diff (still called Changeset in a few
           places).</li>
         <li>File: Display a file, annotations, and edit a file.</li>
         <li>Gist: Show the Gist and edit it.</li>
         <li>Pull Request: Display the Diff of a Pull Request.</li>
       </ul>
 
 
 
 <!--
   Compare Commits
  -->
       <h2>Compare Commits</h2>
 
       <div id="c-e589e34d6be8-5ab783e6d81b" class="diffblock margined comm">
         <div class="code-header">
             <div title="Go back to changed files overview">
                 <a href="#changes_box">
                     <i class="icon-circle-arrow-up"></i>
                 </a>
             </div>
             <div class="changeset_header">
                 <div class="changeset_file">
                     <i class="icon-file"></i>
                     <a href="/example/files/e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d/rhodecode/public/css/code-block.less">rhodecode/public/css/code-block.less</a>
                 </div>
                 <div class="diff-actions">
                   <a href="/example/diff/rhodecode/public/css/code-block.less?fulldiff=1&amp;diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=diff&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Show full diff for this file">
                       <img class="icon" src="/images/icons/page_white_go.png">
                   </a>
                   <a href="/example/diff-2way/rhodecode/public/css/code-block.less?fulldiff=1&amp;diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=diff&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Show full side-by-side diff for this file">
                       <img class="icon" src="/images/icons/application_double.png">
                   </a>
                   <a href="/example/diff/rhodecode/public/css/code-block.less?diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=raw&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Raw diff" tt_title="Raw diff">
                       <img class="icon" src="/images/icons/page_white.png">
                   </a>
                   <a href="/example/diff/rhodecode/public/css/code-block.less?diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=download&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Download diff">
                       <img class="icon" src="/images/icons/page_save.png">
                   </a>
                   <a class="tooltip" href="/example/changeset/d12301bafcc0aea15c9283d3af018daee2b04cd9...80ead1899f50a894889e19ffeb49c9cebf5bf045?c-e589e34d6be8-5ab783e6d81b=WS%3A1&amp;c-e589e34d6be8-5ab783e6d81b=C%3A3#c-e589e34d6be8-5ab783e6d81b" title="Ignore white space"><img alt="Ignore white space" class="icon" src="/images/icons/text_strikethrough.png"></a>
                   <a class="tooltip" href="/example/changeset/d12301bafcc0aea15c9283d3af018daee2b04cd9...80ead1899f50a894889e19ffeb49c9cebf5bf045?c-e589e34d6be8-5ab783e6d81b=C%3A6#c-e589e34d6be8-5ab783e6d81b" title="increase diff context to 6 lines"><img alt="increase diff context to 6 lines" class="icon" src="/images/icons/table_add.png"></a>
                 </div>
                 <span>
                   <label>
                   Show inline comments
                   <input checked="checked" class="show-inline-comments" id="" id_for="c-e589e34d6be8-5ab783e6d81b" name="" type="checkbox" value="1">
                   </label>
                 </span>
             </div>
         </div>
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/public/css/code-block.less"></div>
             <table class="code-difftable">
 <tbody><tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
   <td class="code no-comment">
     <pre>@@ -391,7 +391,7 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o391" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o391">391</a></td>
   <td id="rhodecodepubliccsscode-blockless_n391" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n391">391</a></td>
   <td class="code no-comment">
     <pre>}  /* Existing line, it might have a quite long content actually and in this case we might need some horizontal scrolling. The remaining text here is just used to make this line very long.
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o392" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o392">392</a></td>
   <td id="rhodecodepubliccsscode-blockless_n392" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n392">392</a></td>
   <td class="code no-comment">
     <pre></pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o393" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o393">393</a></td>
   <td id="rhodecodepubliccsscode-blockless_n393" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n393">393</a></td>
   <td class="code no-comment">
     <pre>.code-body.textarea.editor,
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodepubliccsscode-blockless_o394" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o394">394</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n"></a></td>
   <td class="code no-comment">
     <pre>div.code-body{
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
   <td id="rhodecodepubliccsscode-blockless_n394" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n394">394</a></td>
   <td class="code no-comment">
     <pre>div.code-body<ins> </ins>{
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o395" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o395">395</a></td>
   <td id="rhodecodepubliccsscode-blockless_n395" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n395">395</a></td>
   <td class="code no-comment">
     <pre>    float: left;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o396" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o396">396</a></td>
   <td id="rhodecodepubliccsscode-blockless_n396" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n396">396</a></td>
   <td class="code no-comment">
     <pre>    position: relative;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o397" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o397">397</a></td>
   <td id="rhodecodepubliccsscode-blockless_n397" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n397">397</a></td>
   <td class="code no-comment">
     <pre>    max-width: none;
 </pre>
   </td>
 </tr>
 <tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
   <td class="code no-comment">
     <pre>@@ -399,3 +399,6 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o399" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o399">399</a></td>
   <td id="rhodecodepubliccsscode-blockless_n399" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n399">399</a></td>
   <td class="code no-comment">
     <pre>    box-sizing: border-box;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o400" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o400">400</a></td>
   <td id="rhodecodepubliccsscode-blockless_n400" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n400">400</a></td>
   <td class="code no-comment">
     <pre>}
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o401" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o401">401</a></td>
   <td id="rhodecodepubliccsscode-blockless_n401" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n401">401</a></td>
   <td class="code no-comment">
     <pre></pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
   <td id="rhodecodepubliccsscode-blockless_n402" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n402">402</a></td>
   <td class="code no-comment">
     <pre>.code-body td{
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
   <td id="rhodecodepubliccsscode-blockless_n403" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n403">403</a></td>
   <td class="code no-comment">
     <pre>    line-height: 1.2em;
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
   <td id="rhodecodepubliccsscode-blockless_n404" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n404">404</a></td>
   <td class="code no-comment">
     <pre>}
 </pre>
   </td>
 </tr>
 <tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
   <td class="code no-comment">
     <pre> No newline at end of file
 </pre>
   </td>
 </tr>
 </tbody></table>
         </div>
     </div>
 
 
 
 
 
 
 <!--
  Pull Request
  -->
 
     <h2>Pull Request</h2>
 
 <div class="cs_files">
               <table class="compare_view_files">
 
                   <tbody><tr class="cs_M collapse_file" fid="c--5f1d017cf13b">
                       <td class="cs_icon_td">
                           <span class="collapse_file_icon" fid="c--5f1d017cf13b"></span>
                       </td>
                       <td class="cs_icon_td">
                           <div class="flag_status not_reviewed hidden"></div>
                       </td>
                       <td id="a_c--5f1d017cf13b">
                           <a class="compare_view_filepath" href="#a_c--5f1d017cf13b">
                               rhodecode/public/css/main.less
                           </a>
                           <span id="diff_c--5f1d017cf13b" class="diff_links" style="">
                             <a href="/example/diff/rhodecode/public/css/main.less?fulldiff=1&amp;diff1=f73e9946825c8a7ef2c1178cd1e67986d5831f8f&amp;diff=diff&amp;diff2=27eb56cf467ca849112536d62decb2ed020b3ebc">
                                 Unified Diff
                             </a>
                             |
                             <a href="/example/diff-2way/rhodecode/public/css/main.less?fulldiff=1&amp;diff1=f73e9946825c8a7ef2c1178cd1e67986d5831f8f&amp;diff=diff&amp;diff2=27eb56cf467ca849112536d62decb2ed020b3ebc">
                                 Side-by-side Diff
                             </a>
                           </span>
                       </td>
                       <td>
                           <div class="changes pull-right"><div style="width:100px"><div class="added top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:33.3333333333%">1</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:66.6666666667%">2</div></div></div>
                           <div class="comment-bubble pull-right" data-path="rhodecode/public/css/main.less">
                             <i class="icon-comment"></i>
                           </div>
                       </td>
                   </tr>
                   <tr id="tr_c--5f1d017cf13b">
                     <td></td>
                     <td></td>
                     <td class="injected_diff" colspan="2">
 
  <div class="diff-container" id="diff-container-140360026534904">
     <div id="c--5f1d017cf13b_target"></div>
     <div id="c--5f1d017cf13b" class="diffblock margined comm">
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/public/css/main.less" style="display: none;"></div>
             <table class="code-difftable">
 <tbody><tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccssmainless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccssmainless_n...">...</a></td>
   <td class="code ">
     <pre>@@ -2110,7 +2110,6 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2110" class="lineno old"><a href="#rhodecodepubliccssmainless_o2110">2110</a></td>
   <td id="rhodecodepubliccssmainless_n2110" class="lineno new"><a href="#rhodecodepubliccssmainless_n2110">2110</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>width: auto !important;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2111" class="lineno old"><a href="#rhodecodepubliccssmainless_o2111">2111</a></td>
   <td id="rhodecodepubliccssmainless_n2111" class="lineno new"><a href="#rhodecodepubliccssmainless_n2111">2111</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>min-width: 160px;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2112" class="lineno old"><a href="#rhodecodepubliccssmainless_o2112">2112</a></td>
   <td id="rhodecodepubliccssmainless_n2112" class="lineno new"><a href="#rhodecodepubliccssmainless_n2112">2112</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>margin: @padding @padding @padding 0;
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodepubliccssmainless_o2113" class="lineno old"><a href="#rhodecodepubliccssmainless_o2113">2113</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccssmainless_n"></a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>padding: .9em;  /* Old comment which was making this line a very long line so that we might have to deal with it by either adding horizontal scrolling or some smart way of breaking this line. */
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2114" class="lineno old"><a href="#rhodecodepubliccssmainless_o2114">2114</a></td>
   <td id="rhodecodepubliccssmainless_n2113" class="lineno new"><a href="#rhodecodepubliccssmainless_n2113">2113</a></td>
   <td class="code ">
     <pre>    line-height: 1em;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2115" class="lineno old"><a href="#rhodecodepubliccssmainless_o2115">2115</a></td>
   <td id="rhodecodepubliccssmainless_n2114" class="lineno new"><a href="#rhodecodepubliccssmainless_n2114">2114</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>z-index: 100;//js sets the menu below it to 9999
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2116" class="lineno old"><a href="#rhodecodepubliccssmainless_o2116">2116</a></td>
   <td id="rhodecodepubliccssmainless_n2115" class="lineno new"><a href="#rhodecodepubliccssmainless_n2115">2115</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>background-color: white;
 </pre>
   </td>
 </tr>
 <tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccssmainless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccssmainless_n...">...</a></td>
   <td class="code ">
     <pre>@@ -2118,7 +2117,7 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2118" class="lineno old"><a href="#rhodecodepubliccssmainless_o2118">2118</a></td>
   <td id="rhodecodepubliccssmainless_n2117" class="lineno new"><a href="#rhodecodepubliccssmainless_n2117">2117</a></td>
   <td class="code ">
     <pre></pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2119" class="lineno old"><a href="#rhodecodepubliccssmainless_o2119">2119</a></td>
   <td id="rhodecodepubliccssmainless_n2118" class="lineno new"><a href="#rhodecodepubliccssmainless_n2118">2118</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>a {
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2120" class="lineno old"><a href="#rhodecodepubliccssmainless_o2120">2120</a></td>
   <td id="rhodecodepubliccssmainless_n2119" class="lineno new"><a href="#rhodecodepubliccssmainless_n2119">2119</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><span class="tab-escape">  </span>display:block;
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodepubliccssmainless_o2121" class="lineno old"><a href="#rhodecodepubliccssmainless_o2121">2121</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccssmainless_n"></a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><del><span< del=""> <del>class=</del><del>"tab-escape"</del><del>&gt;  </del>padding: <del>0</del>;
 </span<></del></pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccssmainless_o"></a></td>
   <td id="rhodecodepubliccssmainless_n2120" class="lineno new"><a href="#rhodecodepubliccssmainless_n2120">2120</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><ins> </ins> <ins> </ins><ins> </ins>padding: <ins>.9em</ins>;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2122" class="lineno old"><a href="#rhodecodepubliccssmainless_o2122">2122</a></td>
   <td id="rhodecodepubliccssmainless_n2121" class="lineno new"><a href="#rhodecodepubliccssmainless_n2121">2121</a></td>
   <td class="code ">
     <pre></pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2123" class="lineno old"><a href="#rhodecodepubliccssmainless_o2123">2123</a></td>
   <td id="rhodecodepubliccssmainless_n2122" class="lineno new"><a href="#rhodecodepubliccssmainless_n2122">2122</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><span class="tab-escape">  </span>&amp;:after {
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2124" class="lineno old"><a href="#rhodecodepubliccssmainless_o2124">2124</a></td>
   <td id="rhodecodepubliccssmainless_n2123" class="lineno new"><a href="#rhodecodepubliccssmainless_n2123">2123</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><span class="tab-escape">  </span><span class="tab-escape">  </span>content: "\00A0\25BE";
 </pre>
   </td>
 </tr>
 </tbody></table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
               </tbody></table>
               </div>
 
 
 
 
 
 
 
 
 
 <!--
  File View
  -->
 
 ##TODO: lisa: I believe this needs to be updated as the layout has changed.
 <h2>File View</h2>
 
 <div class="codeblock">
     <div class="code-header">
         <div class="stats">
             <div class="img">
               <i class="icon-file"></i>
               <span class="revision_id item"><a href="/example/changeset/fc252256eb0fcb4f2613e66f0126ea27967ae28c">r5487:fc252256eb0f</a></span>
                <span>1.2 KiB</span>
                <span class="item last">text/x-python</span>
               <div class="buttons">
 
                 <a id="file_history_overview" class="btn btn-mini" href="#">
                     <i class="icon-time"></i> history
                 </a>
                 <a id="file_history_overview_full" class="btn btn-mini" style="display: none" href="/example/changelog/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">
                     <i class="icon-time"></i> show full history
                 </a>
                   <a class="btn btn-mini" href="/example/annotate/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">annotation</a>
                 <a class="btn btn-mini" href="/example/raw/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">raw</a>
                 <a class="btn btn-mini" href="/example/rawfile/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">
                     <i class="icon-archive"></i> download
                 </a>
 
                   <a class="btn btn-mini disabled tooltip" href="#" title="Editing files allowed only when on branch head commit">edit</a>
                   <a class="btn btn-mini btn-danger disabled tooltip" href="#" title="Deleting files allowed only when on branch head commit">delete</a>
               </div>
             </div>
         </div>
         <div id="file_history_container"></div>
         <div class="author">
             <div class="gravatar">
                 <img alt="gravatar" src="https://secure.gravatar.com/avatar/99e27b99c64003ca8c9875c9e3843495?d=identicon&amp;s=32" height="16" width="16">
             </div>
             <div title="Marcin Kuzminski <[e-mail]>" class="user">Marcin Kuzminski - <span class="tooltip" title="Wed, 02 Jul 2014 08:48:15">6m and 12d ago</span></div>
         </div>
         <div id="trimmed_message_box" class="commit">License changes</div>
         <div id="message_expand" style="display: none;">
             <i class="icon-resize-vertical"></i>
             expand
             <i class="icon-resize-vertical"></i>
         </div>
     </div>
     <div class="code-body">
               <table class="code-highlighttable"><tbody><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L1"> 1</a>
 <a href="#L2"> 2</a>
 <a href="#L3"> 3</a>
 <a href="#L4"> 4</a>
 <a href="#L5"> 5</a>
 <a href="#L6"> 6</a>
 <a href="#L7"> 7</a>
 <a href="#L8"> 8</a>
 <a href="#L9"> 9</a>
 <a href="#L10">10</a>
 <a href="#L11">11</a>
 <a href="#L12">12</a>
 <a href="#L13">13</a>
 <a href="#L14">14</a>
 <a href="#L15">15</a>
 <a href="#L16">16</a>
 <a href="#L17">17</a>
 <a href="#L18">18</a>
 <a href="#L19">19</a>
 <a href="#L20">20</a>
 <a href="#L21">21</a>
 <a href="#L22">22</a>
 <a href="#L23">23</a>
 <a href="#L24">24</a>
 <a href="#L25">25</a>
 <a href="#L26">26</a>
 <a href="#L27">27</a>
 <a href="#L28">28</a>
 <a href="#L29">29</a>
 <a href="#L30">30</a>
 <a href="#L31">31</a>
 <a href="#L32">32</a>
 <a href="#L33">33</a>
 <a href="#L34">34</a>
 <a href="#L35">35</a>
 <a href="#L36">36</a>
 <a href="#L37">37</a>
 <a href="#L38">38</a>
 <a href="#L39">39</a>
 <a href="#L40">40</a>
 <a href="#L41">41</a>
 <a href="#L42">42</a></pre></div></td><td id="hlcode" class="code"><div class="code-highlight"><pre><div id="L1"><a name="L-1"></a><span class="c"># -*- coding: utf-8 -*-</span>
 </div><div id="L2"><a name="L-2"></a>
 </div><div id="L3"><a name="L-3"></a><span class="c"># Published under Business Source License.</span>
 </div><div id="L4"><a name="L-4"></a><span class="c"># Read the full license text at https://rhodecode.com/licenses.</span>
 </div><div id="L5"><a name="L-5"></a><span class="sd">"""</span>
 </div><div id="L6"><a name="L-6"></a><span class="sd">rhodecode.websetup</span>
 </div><div id="L7"><a name="L-7"></a><span class="sd">~~~~~~~~~~~~~~~~~~</span>
 </div><div id="L8"><a name="L-8"></a>
 </div><div id="L9"><a name="L-9"></a><span class="sd">Weboperations and setup for rhodecode. Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</span>
 </div><div id="L10"><a name="L-10"></a>
 </div><div id="L11"><a name="L-11"></a><span class="sd">:created_on: Dec 11, 2010</span>
 </div><div id="L12"><a name="L-12"></a><span class="sd">:author: marcink</span>
 </div><div id="L13"><a name="L-13"></a><span class="sd">:copyright: (c) 2013-2015 RhodeCode GmbH.</span>
 </div><div id="L14"><a name="L-14"></a><span class="sd">:license: Business Source License, see LICENSE for more details.</span>
 </div><div id="L15"><a name="L-15"></a><span class="sd">"""</span>
 </div><div id="L16"><a name="L-16"></a>
 </div><div id="L17"><a name="L-17"></a><span class="kn">import</span> <span class="nn">logging</span>
 </div><div id="L18"><a name="L-18"></a>
 </div><div id="L19"><a name="L-19"></a><span class="kn">from</span> <span class="nn">rhodecode.config.environment</span> <span class="kn">import</span> <span class="n">load_environment</span>
 </div><div id="L20"><a name="L-20"></a><span class="kn">from</span> <span class="nn">rhodecode.lib.db_manage</span> <span class="kn">import</span> <span class="n">DbManage</span>
 </div><div id="L21"><a name="L-21"></a><span class="kn">from</span> <span class="nn">rhodecode.model.meta</span> <span class="kn">import</span> <span class="n">Session</span>
 </div><div id="L22"><a name="L-22"></a>
 </div><div id="L23"><a name="L-23"></a>
 </div><div id="L24"><a name="L-24"></a><span class="n">log</span> <span class="o">=</span> <span class="n">logging</span><span class="o">.</span><span class="n">getLogger</span><span class="p">(</span><span class="n">__name__</span><span class="p">)</span>
 </div><div id="L25"><a name="L-25"></a>
 </div><div id="L26"><a name="L-26"></a>
 </div><div id="L27"><a name="L-27"></a><span class="k">def</span> <span class="nf">setup_app</span><span class="p">(</span><span class="n">command</span><span class="p">,</span> <span class="n">conf</span><span class="p">,</span> <span class="nb">vars</span><span class="p">):</span>
 </div><div id="L28"><a name="L-28"></a>    <span class="sd">"""Place any commands to setup rhodecode here"""</span>
 </div><div id="L29"><a name="L-29"></a>    <span class="n">dbconf</span> <span class="o">=</span> <span class="n">conf</span><span class="p">[</span><span class="s">'sqlalchemy.db1.url'</span><span class="p">]</span>
 </div><div id="L30"><a name="L-30"></a>    <span class="n">dbmanage</span> <span class="o">=</span> <span class="n">DbManage</span><span class="p">(</span><span class="n">log_sql</span><span class="o">=</span><span class="bp">True</span><span class="p">,</span> <span class="n">dbconf</span><span class="o">=</span><span class="n">dbconf</span><span class="p">,</span> <span class="n">root</span><span class="o">=</span><span class="n">conf</span><span class="p">[</span><span class="s">'here'</span><span class="p">],</span>
 </div><div id="L31"><a name="L-31"></a>                        <span class="n">tests</span><span class="o">=</span><span class="bp">False</span><span class="p">,</span> <span class="n">cli_args</span><span class="o">=</span><span class="n">command</span><span class="o">.</span><span class="n">options</span><span class="o">.</span><span class="n">__dict__</span><span class="p">)</span>
 </div><div id="L32"><a name="L-32"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_tables</span><span class="p">(</span><span class="n">override</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
 </div><div id="L33"><a name="L-33"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">set_db_version</span><span class="p">()</span>
 </div><div id="L34"><a name="L-34"></a>    <span class="n">opts</span> <span class="o">=</span> <span class="n">dbmanage</span><span class="o">.</span><span class="n">config_prompt</span><span class="p">(</span><span class="bp">None</span><span class="p">)</span>
 </div><div id="L35"><a name="L-35"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_settings</span><span class="p">(</span><span class="n">opts</span><span class="p">)</span>
 </div><div id="L36"><a name="L-36"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_default_user</span><span class="p">()</span>
 </div><div id="L37"><a name="L-37"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">admin_prompt</span><span class="p">()</span>
 </div><div id="L38"><a name="L-38"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_permissions</span><span class="p">()</span>
 </div><div id="L39"><a name="L-39"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">populate_default_permissions</span><span class="p">()</span>
 </div><div id="L40"><a name="L-40"></a>    <span class="n">Session</span><span class="p">()</span><span class="o">.</span><span class="n">commit</span><span class="p">()</span>
 </div><div id="L41"><a name="L-41"></a>    <span class="n">load_environment</span><span class="p">(</span><span class="n">conf</span><span class="o">.</span><span class="n">global_conf</span><span class="p">,</span> <span class="n">conf</span><span class="o">.</span><span class="n">local_conf</span><span class="p">,</span> <span class="n">initial</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
 </div><div id="L42"><a name="L-42"></a>    <span class="n">DbManage</span><span class="o">.</span><span class="n">check_waitress</span><span class="p">()</span>
 </div></pre></div>
 </td></tr></tbody></table>
     </div>
 </div>
 
 
 
 
 
 
 
 
 
 <!--
 Gist Edit
 -->
 
 
 <h2>Gist Edit</h2>
 
 <div class="codeblock">
                 <div class="code-header">
                     <div class="form">
                         <div class="fields">
                             <input id="filename" name="filename" placeholder="name this file..." size="30" type="text">
                             <div class="select2-container drop-menu" id="s2id_mimetype"><a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-3">Python</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen"></label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none drop-menu-dropdown select2-with-searchbox">   <div class="select2-search">       <label for="s2id_autogen3_search" class="select2-offscreen"></label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-3">   </ul></div></div><select id="mimetype" name="mimetype" tabindex="-1" title="" style="display: none;">
 <option selected="selected" value="plain">plain</option>
 <option value="text/apl" mode="apl">APL</option><option value="text/x-asterisk" mode="asterisk">Asterisk</option><option value="text/x-csrc" mode="clike">C</option><option value="text/x-c++src" mode="clike">C++</option><option value="text/x-cobol" mode="cobol">Cobol</option><option value="text/x-java" mode="clike">Java</option><option value="text/x-csharp" mode="clike">C#</option><option value="text/x-scala" mode="clike">Scala</option><option value="text/x-clojure" mode="clojure">Clojure</option><option value="text/x-coffeescript" mode="coffeescript">CoffeeScript</option><option value="text/x-common-lisp" mode="commonlisp">Common Lisp</option><option value="text/css" mode="css">CSS</option><option value="text/x-d" mode="d">D</option><option value="text/x-diff" mode="diff">diff</option><option value="application/xml-dtd" mode="dtd">DTD</option><option value="text/x-dylan" mode="dylan">Dylan</option><option value="text/x-ecl" mode="ecl">ECL</option><option value="text/x-eiffel" mode="eiffel">Eiffel</option><option value="text/x-erlang" mode="erlang">Erlang</option><option value="text/x-fortran" mode="fortran">Fortran</option><option value="text/x-fsharp" mode="mllike">F#</option><option value="text/x-gas" mode="gas">Gas</option><option value="text/x-go" mode="go">GO</option><option value="text/x-feature" mode="gherkin">Gherkin</option><option value="text/x-go" mode="go">Go</option><option value="text/x-groovy" mode="groovy">Groovy</option><option value="text/x-haml" mode="haml">HAML</option><option value="text/x-haskell" mode="haskell">Haskell</option><option value="text/x-haxe" mode="haxe">Haxe</option><option value="application/x-aspx" mode="htmlembedded">ASP.NET</option><option value="application/x-ejs" mode="htmlembedded">Embedded Javascript</option><option value="application/x-jsp" mode="htmlembedded">JavaServer Pages</option><option value="text/html" mode="htmlmixed">HTML</option><option value="message/http" mode="http">HTTP</option><option value="text/x-jade" mode="jade">Jade</option><option value="text/javascript" mode="javascript">JavaScript</option><option value="application/json" mode="javascript">JSON</option><option value="application/typescript" mode="javascript">TypeScript</option><option value="jinja2" mode="jinja2">Jinja2</option><option value="text/x-julia" mode="julia">Julia</option><option value="text/x-less" mode="less">LESS</option><option value="text/x-livescript" mode="livescript">LiveScript</option><option value="text/x-lua" mode="lua">Lua</option><option value="text/x-markdown" mode="markdown">Markdown (GitHub-flavour)</option><option value="text/mirc" mode="mirc">mIRC</option><option value="text/x-nginx-conf" mode="nginx">Nginx</option><option value="text/n-triples" mode="ntriples">NTriples</option><option value="text/x-ocaml" mode="ocaml">OCaml</option><option value="text/x-ocaml" mode="mllike">OCaml</option><option value="text/x-octave" mode="octave">Octave</option><option value="text/x-pascal" mode="pascal">Pascal</option><option value="null" mode="pegjs">PEG.js</option><option value="text/x-perl" mode="perl">Perl</option><option value="text/x-php" mode="php">PHP</option><option value="text/x-pig" mode="pig">Pig</option><option value="text/plain" mode="null">Plain Text</option><option value="text/x-properties" mode="properties">Properties files</option><option value="text/x-python" mode="python">Python</option><option value="text/x-puppet" mode="puppet">Puppet</option><option value="text/x-rsrc" mode="r">R</option><option value="text/x-rst" mode="rst">reStructuredText</option><option value="text/x-ruby" mode="ruby">Ruby</option><option value="text/x-rustsrc" mode="rust">Rust</option><option value="text/x-sass" mode="sass">Sass</option><option value="text/x-scheme" mode="scheme">Scheme</option><option value="text/x-scss" mode="css">SCSS</option><option value="text/x-sh" mode="shell">Shell</option><option value="application/sieve" mode="sieve">Sieve</option><option value="text/x-stsrc" mode="smalltalk">Smalltalk</option><option value="text/x-smarty" mode="smarty">Smarty</option><option value="text/x-smarty" mode="smartymixed">SmartyMixed</option><option value="text/x-solr" mode="solr">Solr</option><option value="application/x-sparql-query" mode="sparql">SPARQL</option><option value="text/x-sql" mode="sql">SQL</option><option value="text/x-mariadb" mode="sql">MariaDB</option><option value="text/x-stex" mode="stex">sTeX</option><option value="text/x-latex" mode="stex">LaTeX</option><option value="text/x-systemverilog" mode="verilog">SystemVerilog</option><option value="text/x-tcl" mode="tcl">Tcl</option><option value="text/x-tiddlywiki" mode="tiddlywiki">TiddlyWiki </option><option value="text/tiki" mode="tiki">Tiki wiki</option><option value="text/x-toml" mode="toml">TOML</option><option value="text/turtle" mode="turtle">Turtle</option><option value="text/x-vb" mode="vb">VB.NET</option><option value="text/vbscript" mode="vbscript">VBScript</option><option value="text/velocity" mode="velocity">Velocity</option><option value="text/x-verilog" mode="verilog">Verilog</option><option value="application/xml" mode="xml">XML</option><option value="text/html" mode="xml">HTML</option><option value="application/xquery" mode="xquery">XQuery</option><option value="text/x-yaml" mode="yaml">YAML</option><option value="text/x-z80" mode="z80">Z80</option></select>
         <script>
             $(document).ready(function() {
                   $('#mimetype').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true
                   });
             });
         </script>
 
                         </div>
                     </div>
                 </div>
                 <div id="editor_container">
                     <div id="editor_pre"></div>
                     <textarea id="editor" name="content" style="display: none;"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 484px; left: 219.4091796875px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="min-width: 18px; display: block; bottom: 0px;"><div style="min-width: 1px; height: 619px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 700.269653320313px; margin-left: 29px; min-height: 619px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>47</div></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">re</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">django</span>.<span class="cm-variable">utils</span>.<span class="cm-variable">text</span> <span class="cm-keyword">import</span> <span class="cm-variable">compress_sequence</span>, <span class="cm-variable">compress_string</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">django</span>.<span class="cm-variable">utils</span>.<span class="cm-variable">cache</span> <span class="cm-keyword">import</span> <span class="cm-variable">patch_vary_headers</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-variable">re_accepts_gzip</span> = <span class="cm-variable">re</span>.<span class="cm-builtin">compile</span>(<span class="cm-string">r'\bgzip\b'</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-keyword">class</span> <span class="cm-def">GZipMiddleware</span>(<span class="cm-builtin">object</span>): # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre>    <span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string">    This middleware compresses content if the browser allows gzip compression.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string">    It sets the Vary header accordingly, so that caches will base their storage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string">    on the Accept-Encoding header.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string">    """</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre>    <span class="cm-keyword">def</span> <span class="cm-def">process_response</span>(<span class="cm-variable-2">self</span>, <span class="cm-variable">request</span>, <span class="cm-variable">response</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre>        <span class="cm-comment"># It's not worth attempting to compress really short responses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-operator">not</span> <span class="cm-variable">response</span>.<span class="cm-variable">streaming</span> <span class="cm-operator">and</span> <span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>) <span class="cm-operator">&lt;</span> <span class="cm-number">200</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre>            <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre>        <span class="cm-comment"># Avoid gzipping if we've already got a content-encoding.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">has_header</span>(<span class="cm-string">'Content-Encoding'</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre>            <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre>        <span class="cm-variable">patch_vary_headers</span>(<span class="cm-variable">response</span>, (<span class="cm-string">'Accept-Encoding'</span>,))</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre>        <span class="cm-variable">ae</span> = <span class="cm-variable">request</span>.<span class="cm-variable">META</span>.<span class="cm-variable">get</span>(<span class="cm-string">'HTTP_ACCEPT_ENCODING'</span>, <span class="cm-string">''</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-operator">not</span> <span class="cm-variable">re_accepts_gzip</span>.<span class="cm-variable">search</span>(<span class="cm-variable">ae</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre>            <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">streaming</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre>            <span class="cm-comment"># Delete the `Content-Length` header for streaming content, because</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre>            <span class="cm-comment"># we won't know the compressed size until we stream it.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre>            <span class="cm-variable">response</span>.<span class="cm-variable">streaming_content</span> = <span class="cm-variable">compress_sequence</span>(<span class="cm-variable">response</span>.<span class="cm-variable">streaming_content</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre>            <span class="cm-keyword">del</span> <span class="cm-variable">response</span>[<span class="cm-string">'Content-Length'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre>        <span class="cm-keyword">else</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre>            <span class="cm-comment"># Return the compressed content only if it's actually shorter.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre>            <span class="cm-variable">compressed_content</span> = <span class="cm-variable">compress_string</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre>            <span class="cm-keyword">if</span> <span class="cm-builtin">len</span>(<span class="cm-variable">compressed_content</span>) <span class="cm-operator">&gt;=</span> <span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre>                <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre>            <span class="cm-variable">response</span>.<span class="cm-variable">content</span> = <span class="cm-variable">compressed_content</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre>            <span class="cm-variable">response</span>[<span class="cm-string">'Content-Length'</span>] = <span class="cm-builtin">str</span>(<span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>))</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">43</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">has_header</span>(<span class="cm-string">'ETag'</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">44</div></div><pre>            <span class="cm-variable">response</span>[<span class="cm-string">'ETag'</span>] = <span class="cm-variable">re</span>.<span class="cm-variable">sub</span>(<span class="cm-string">'"$'</span>, <span class="cm-string">';gzip"'</span>, <span class="cm-variable">response</span>[<span class="cm-string">'ETag'</span>])</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">45</div></div><pre>        <span class="cm-variable">response</span>[<span class="cm-string">'Content-Encoding'</span>] = <span class="cm-string">'gzip'</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">46</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">47</div></div><pre>        <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div></div><div class="CodeMirror-cursor" style="left: 189.4091796875px; top: 598px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 619px;"></div><div class="CodeMirror-gutters" style="height: 619px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
                 </div>
             </div>
 
 
 
 
 
 <!--
 File Edit
 -->
 
 <h2>File Edit</h2>
 
 <div class="codeblock">
         <div class="code-header">
             <div class="stats">
                 <i class="icon-file"></i>
                 <span class="item"><a href="/example/changeset/80ead1899f50a894889e19ffeb49c9cebf5bf045">r8248:80ead1899f50</a></span>
                 <span class="item">1.2 KiB</span>
                 <span class="item last">text/x-python</span>
                 <div class="buttons">
                   <a class="btn btn-mini" href="/example/changelog/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">
                       <i class="icon-time"></i> history
                   </a>
 
                         <a class="btn btn-mini" href="/example/files/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">source</a>
                       <a class="btn btn-mini" href="/example/raw/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">raw</a>
                       <a class="btn btn-mini" href="/example/rawfile/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">
                           <i class="icon-archive"></i> download
                       </a>
                 </div>
             </div>
             <div class="form">
                 <label for="set_mode">Editing file:</label>
                 rhodecode /
                 <input type="text" name="filename" value="websetup.py">
 
                 <div class="select2-container drop-menu" id="s2id_set_mode"><a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-2">plain</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen2" class="select2-offscreen">Editing file:</label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2"><div class="select2-drop select2-display-none drop-menu-dropdown select2-with-searchbox">   <div class="select2-search">       <label for="s2id_autogen2_search" class="select2-offscreen">Editing file:</label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-2" id="s2id_autogen2_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-2">   </ul></div></div><select id="set_mode" name="set_mode" tabindex="-1" title="Editing file:" style="display: none;">
 <option selected="selected" value="plain">plain</option>
 <option value="apl">APL</option><option value="asterisk">Asterisk</option><option value="clike">C</option><option value="clike">C++</option><option value="cobol">Cobol</option><option value="clike">Java</option><option value="clike">C#</option><option value="clike">Scala</option><option value="clojure">Clojure</option><option value="coffeescript">CoffeeScript</option><option value="commonlisp">Common Lisp</option><option value="css">CSS</option><option value="d">D</option><option value="diff">diff</option><option value="dtd">DTD</option><option value="dylan">Dylan</option><option value="ecl">ECL</option><option value="eiffel">Eiffel</option><option value="erlang">Erlang</option><option value="fortran">Fortran</option><option value="mllike">F#</option><option value="gas">Gas</option><option value="go">GO</option><option value="gherkin">Gherkin</option><option value="go">Go</option><option value="groovy">Groovy</option><option value="haml">HAML</option><option value="haskell">Haskell</option><option value="haxe">Haxe</option><option value="htmlembedded">ASP.NET</option><option value="htmlembedded">Embedded Javascript</option><option value="htmlembedded">JavaServer Pages</option><option value="htmlmixed">HTML</option><option value="http">HTTP</option><option value="jade">Jade</option><option value="javascript">JavaScript</option><option value="javascript">JSON</option><option value="javascript">TypeScript</option><option value="jinja2">Jinja2</option><option value="julia">Julia</option><option value="less">LESS</option><option value="livescript">LiveScript</option><option value="lua">Lua</option><option value="markdown">Markdown (GitHub-flavour)</option><option value="mirc">mIRC</option><option value="nginx">Nginx</option><option value="ntriples">NTriples</option><option value="ocaml">OCaml</option><option value="mllike">OCaml</option><option value="octave">Octave</option><option value="pascal">Pascal</option><option value="pegjs">PEG.js</option><option value="perl">Perl</option><option value="php">PHP</option><option value="pig">Pig</option><option value="null">Plain Text</option><option value="properties">Properties files</option><option value="python" selected="selected">Python</option><option value="puppet">Puppet</option><option value="r">R</option><option value="rst">reStructuredText</option><option value="ruby">Ruby</option><option value="rust">Rust</option><option value="sass">Sass</option><option value="scheme">Scheme</option><option value="css">SCSS</option><option value="shell">Shell</option><option value="sieve">Sieve</option><option value="smalltalk">Smalltalk</option><option value="smarty">Smarty</option><option value="smartymixed">SmartyMixed</option><option value="solr">Solr</option><option value="sparql">SPARQL</option><option value="sql">SQL</option><option value="sql">MariaDB</option><option value="stex">sTeX</option><option value="stex">LaTeX</option><option value="verilog">SystemVerilog</option><option value="tcl">Tcl</option><option value="tiddlywiki">TiddlyWiki </option><option value="tiki">Tiki wiki</option><option value="toml">TOML</option><option value="turtle">Turtle</option><option value="vb">VB.NET</option><option value="vbscript">VBScript</option><option value="velocity">Velocity</option><option value="verilog">Verilog</option><option value="xml">XML</option><option value="xml">HTML</option><option value="xquery">XQuery</option><option value="yaml">YAML</option><option value="z80">Z80</option></select>
         <script>
             $(document).ready(function() {
                   $('#set_mode').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true
                   });
             });
         </script>
 
                 <label for="line_wrap">line wraps</label>
                 <div class="select2-container drop-menu" id="s2id_line_wrap"><a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-3">off</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen">line wraps</label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none drop-menu-dropdown">   <div class="select2-search select2-search-hidden select2-offscreen">       <label for="s2id_autogen3_search" class="select2-offscreen">line wraps</label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-3">   </ul></div></div><select id="line_wrap" name="line_wrap" tabindex="-1" title="line wraps" style="display: none;">
 <option value="on">on</option>
 <option selected="selected" value="off">off</option>
 </select>
         <script>
             $(document).ready(function() {
                   $('#line_wrap').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                         minimumResultsForSearch: -1
 
                   });
             });
         </script>
 
                 <div id="render_preview" class="btn btn-mini hidden disabled">Preview</div>
             </div>
         </div>
             <div id="editor_container">
                 <pre id="editor_pre"></pre>
                 <textarea id="editor" name="content" style="display: none;"># -*- coding: utf-8 -*-
 
 # Published under Commercial License.
 # Read the full license text at https://rhodecode.com/licenses.
 """
 rhodecode.websetup
 ~~~~~~~~~~~~~~~~~~
 
 Weboperations and setup for rhodecode
 
 :created_on: Dec 11, 2010
 :author: marcink
 :copyright: (c) 2013-2015 RhodeCode GmbH.
 :license: Commercial License, see LICENSE for more details.
 """
 
 import logging
 
 from rhodecode.config.environment import load_environment
 from rhodecode.lib.db_manage import DbManage
 from rhodecode.model.meta import Session
 
 
 log = logging.getLogger(__name__)
 
 
 def setup_app(command, conf, vars):
     """Place any commands to setup rhodecode here"""
     dbconf = conf['sqlalchemy.db1.url']
     dbmanage = DbManage(log_sql=True, dbconf=dbconf, root=conf['here'],
                         tests=False, cli_args=command.options.__dict__)
     dbmanage.create_tables(override=True)
     dbmanage.set_db_version()
     opts = dbmanage.config_prompt(None)
     dbmanage.create_settings(opts)
     dbmanage.create_default_user()
     dbmanage.admin_prompt()
     dbmanage.create_permissions()
     dbmanage.populate_default_permissions()
     Session().commit()
     load_environment(conf.global_conf, conf.local_conf, initial=True)
 </textarea><div class="CodeMirror cm-s-default CodeMirror-focused"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 5px; left: 34px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="display: block; bottom: 0px; min-width: 18px;"><div style="min-width: 1px; height: 554px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 579.350463867188px; margin-left: 29px; min-height: 554px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-comment"># -*- coding: utf-8 -*-</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-comment"># Published under Commercial License.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-comment"># Read the full license text at https://rhodecode.com/licenses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-string">rhodecode.websetup</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre><span class="cm-string">~~~~~~~~~~~~~~~~~~</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-string">Weboperations and setup for rhodecode</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string">:created_on: Dec 11, 2010</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string">:author: marcink</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string">:copyright: (c) 2013-2015 RhodeCode GmbH.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string">:license: Commercial License, see LICENSE for more details.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">logging</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">config</span>.<span class="cm-variable">environment</span> <span class="cm-keyword">import</span> <span class="cm-variable">load_environment</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">lib</span>.<span class="cm-variable">db_manage</span> <span class="cm-keyword">import</span> <span class="cm-variable">DbManage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">model</span>.<span class="cm-variable">meta</span> <span class="cm-keyword">import</span> <span class="cm-variable">Session</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre><span class="cm-variable">log</span> = <span class="cm-variable">logging</span>.<span class="cm-variable">getLogger</span>(<span class="cm-variable">__name__</span>)  # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre><span class="cm-keyword">def</span> <span class="cm-def">setup_app</span>(<span class="cm-variable">command</span>, <span class="cm-variable">conf</span>, <span class="cm-builtin">vars</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre>    <span class="cm-string">"""Place any commands to setup rhodecode here"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre>    <span class="cm-variable">dbconf</span> = <span class="cm-variable">conf</span>[<span class="cm-string">'sqlalchemy.db1.url'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre>    <span class="cm-variable">dbmanage</span> = <span class="cm-variable">DbManage</span>(<span class="cm-variable">log_sql</span>=<span class="cm-builtin">True</span>, <span class="cm-variable">dbconf</span>=<span class="cm-variable">dbconf</span>, <span class="cm-variable">root</span>=<span class="cm-variable">conf</span>[<span class="cm-string">'here'</span>],</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre>                        <span class="cm-variable">tests</span>=<span class="cm-builtin">False</span>, <span class="cm-variable">cli_args</span>=<span class="cm-variable">command</span>.<span class="cm-variable">options</span>.<span class="cm-variable">__dict__</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_tables</span>(<span class="cm-variable">override</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">set_db_version</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre>    <span class="cm-variable">opts</span> = <span class="cm-variable">dbmanage</span>.<span class="cm-variable">config_prompt</span>(<span class="cm-builtin">None</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_settings</span>(<span class="cm-variable">opts</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_default_user</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">admin_prompt</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">populate_default_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre>    <span class="cm-variable">Session</span>().<span class="cm-variable">commit</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre>    <span class="cm-variable">load_environment</span>(<span class="cm-variable">conf</span>.<span class="cm-variable">global_conf</span>, <span class="cm-variable">conf</span>.<span class="cm-variable">local_conf</span>, <span class="cm-variable">initial</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div></div><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 554px;"></div><div class="CodeMirror-gutters" style="height: 554px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
                 <div id="editor_preview"></div>
             </div>
             <div class="message">
                 <label class="codeblock-label">Commit Message</label>
                 <textarea id="commit" name="message" placeholder="Edited file rhodecode/websetup.py via RhodeCode"></textarea>
             </div>
         </div>
 
 
 
 
 
 
 <!--
   Commit with comments
 -->
 
 <h2>Commit with comments</h2>
 
 <div class="diff-container" id="diff-container-140360037209920">
     <div id="c-4e5ee86997c6-7046e4320b26_target"></div>
     <div id="c-4e5ee86997c6-7046e4320b26" class="diffblock margined comm">
         <div class="code-header">
             <div title="Go back to changed files overview">
                 <a href="#changes_box">
                     <i class="icon-circle-arrow-up"></i>
                 </a>
             </div>
             <div class="changeset_header">
                 <div class="changeset_file">
                     <i class="icon-file"></i>
                     <a href="/andersonsantos/rhodecode-dev-fork/files/4e5ee86997c64981d85cf62283af448624e26929/rhodecode/tests/functional/test_compare_local.py">rhodecode/tests/functional/test_compare_local.py</a>
                 </div>
                 <div class="diff-actions">
                   <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?fulldiff=1&amp;diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=diff&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Show full diff for this file">
                       <img class="icon" src="/images/icons/page_white_go.png">
                   </a>
                   <a href="/andersonsantos/rhodecode-dev-fork/diff-2way/rhodecode/tests/functional/test_compare_local.py?fulldiff=1&amp;diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=diff&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Show full side-by-side diff for this file">
                       <img class="icon" src="/images/icons/application_double.png">
                   </a>
                   <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=raw&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Raw diff">
                       <img class="icon" src="/images/icons/page_white.png">
                   </a>
                   <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=download&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Download diff">
                       <img class="icon" src="/images/icons/page_save.png">
                   </a>
                   <a class="tooltip" href="/andersonsantos/rhodecode-dev-fork/changeset/4e5ee86997c64981d85cf62283af448624e26929?c-4e5ee86997c6-7046e4320b26=WS%3A1&amp;c-4e5ee86997c6-7046e4320b26=C%3A3#c-4e5ee86997c6-7046e4320b26" title="Ignore white space"><img alt="Ignore white space" class="icon" src="/images/icons/text_strikethrough.png"></a>
                   <a class="tooltip" href="/andersonsantos/rhodecode-dev-fork/changeset/4e5ee86997c64981d85cf62283af448624e26929?c-4e5ee86997c6-7046e4320b26=C%3A6#c-4e5ee86997c6-7046e4320b26" title="increase diff context to 6 lines"><img alt="increase diff context to 6 lines" class="icon" src="/images/icons/table_add.png"></a>
                 </div>
                 <span>
                   <label>
                   Show inline comments
                   <input checked="checked" class="show-inline-comments" id="" id_for="c-4e5ee86997c6-7046e4320b26" name="" type="checkbox" value="1">
                   </label>
                 </span>
             </div>
         </div>
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/tests/functional/test_compare_local.py"></div>
             <table class="code-difftable">
 <tbody><tr class="line context">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n...">...</a></td>
   <td class="code ">
     <pre>@@ -59,7 +59,7 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o59" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o59">59</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n59" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n59">59</a></td>
   <td class="code ">
     <pre>                'tag': 'v0.2.0',
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o60" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o60">60</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n60" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n60">60</a></td>
   <td class="code ">
     <pre>                'branch': 'default',
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o61" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o61">61</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n61" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n61">61</a></td>
   <td class="code ">
     <pre>                'response':  # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o62" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o62">62</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
   <td class="code ">
     <pre>                   '147 files changed: 5700 inserted, 10176 deleted'
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n62" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n62">62</a></td>
   <td class="code ">
     <pre><ins> </ins>                   '147 files changed: 5700 inserted, 10176 deleted'
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o63" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o63">63</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n63" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n63">63</a></td>
   <td class="code ">
     <pre>            },
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o64" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o64">64</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n64" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n64">64</a></td>
   <td class="code ">
     <pre>            'git': {
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o65" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o65">65</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n65" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n65">65</a></td>
   <td class="code ">
     <pre>                'tag': 'v0.2.2',
 </pre>
   </td>
 </tr>
 <tr class="line context">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n...">...</a></td>
   <td class="code ">
     <pre>@@ -77,9 +77,11 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o77" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o77">77</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n77" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n77">77</a></td>
   <td class="code ">
     <pre>            target_ref=revisions[backend.alias]['tag'],
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o78" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o78">78</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n78" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n78">78</a></td>
   <td class="code ">
     <pre>            ))
 </pre>
   </td>
 </tr><tr id="comment-tr-3754" class="inline-comments"><td></td><td></td><td>
 
   <div class="comment" id="comment-3754" line="n78">
     <div class="comment-wrapp">
       <div class="meta">
         <span class="gravatar">
             <img src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=40" height="20" width="20">
         </span>
         <span class="user">
             anderson
         </span>
         <span class="date">
             just now |
         </span>
         <span class="status-change">
               Comment on commit
         </span>
          <a class="permalink" href="#comment-3754">¶</a>
       </div>
       <div class="text">
           <div class="rst-block"><p>commented line
 with multiple lines</p>
 </div>
       </div>
     </div>
   </div><div class="add-comment"><span class="btn btn-default">Add another comment</span></div>
 
 </td></tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o79" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o79">79</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n79" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n79">79</a></td>
   <td class="code ">
     <pre></pre>
   </td>
 </tr>
 <tr class="line del form-open hl-comment">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o80" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o80">80</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
   <td class="code ">
     <pre>        response.mustcontain('%s@%s' % (<del>backend.repo_name,</del>
 </pre>
   </td>
 </tr><tr id="comment-tr-undefined" class="comment-form-inline"><td></td><td></td><td>
   <div class="comment-inline-form ac">
     <div class="overlay"><div class="overlay-text">Submitting...</div></div>
       <form action="#" class="inline-form" method="get">
       <div id="edit-container_o80" class="clearfix">
         <div class="comment-title pull-left">
           Commenting on line o80.
         </div>
         <div class="comment-help pull-right">
           Comments parsed using <a href="http://docutils.sourceforge.net/docs/user/rst/quickref.html">RST</a> syntax with <span class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
         </div>
             <div style="clear: both"></div>
             <textarea id="text_o80" name="text" class="comment-block-ta ac-input" autocomplete="off"></textarea>
       </div>
       <div id="preview-container_o80" class="clearfix" style="display: none;">
          <div class="comment-help">
               Comment preview
           </div>
           <div id="preview-box_o80" class="preview-box"></div>
       </div>
       <div class="comment-button pull-right">
         <input type="hidden" name="f_path" value="rhodecode/tests/functional/test_compare_local.py">
         <input type="hidden" name="line" value="o80">
         <div id="preview-btn_o80" class="btn btn-default">Preview</div>
         <div id="edit-btn_o80" class="btn" style="display: none;">Edit</div>
         <input class="btn btn-success save-inline-form" id="save" name="save" type="submit" value="Comment">
       </div>
       <div class="comment-button hide-inline-form-button">
       <input class="btn hide-inline-form" id="hide-inline-form" name="hide-inline-form" type="reset" value="Cancel">
       </div>
       </form>
   </div>
 </td></tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n80" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n80">80</a></td>
   <td class="code ">
     <pre>        response.mustcontain('%s@%s' % (
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n81" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n81">81</a></td>
   <td class="code ">
     <pre>            backend.repo_name,
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o81" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o81">81</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n82" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n82">82</a></td>
   <td class="code ">
     <pre>            revisions[backend.alias]['branch']))
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o82" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o82">82</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
   <td class="code ">
     <pre>        response.mustcontain('%s@%s' % (<del>backend.repo_name,</del>
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n83" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n83">83</a></td>
   <td class="code ">
     <pre>        response.mustcontain('%s@%s' % (
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n84" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n84">84</a></td>
   <td class="code ">
     <pre>            backend.repo_name,
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o83" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o83">83</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n85" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n85">85</a></td>
   <td class="code ">
     <pre>            revisions[backend.alias]['tag']))
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o84" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o84">84</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n86" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n86">86</a></td>
   <td class="code ">
     <pre>        response.mustcontain(revisions[backend.alias]['response'])
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o85" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o85">85</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n87" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n87">87</a></td>
   <td class="code ">
     <pre></pre>
   </td>
 </tr>
 </tbody></table>
         </div>
     </div>
 </div>
 
 
 
 <!--
  Side-by-side diff
  -->
 
  <h2>Side-by-side diff</h2>
 
 <div class="box">
     <div class="diff-container" style="overflow-x: hidden">
         <div class="diffblock comm" style="margin:3px; padding:1px">
             <div class="code-header">
                 <div class="changeset_header">
                     <div class="changeset_file">
                         <i class="icon-file"></i>
                         <a href="/pygments/files/ea295cfb622620f5ba13e226ec531e3fe5296399/tests/test_basic_api.py">tests/test_basic_api.py</a>
                          [mode: <span id="selected_mode">python</span>]
                     </div>
                     <div class="diff-actions">
                       <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff=diff&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;fulldiff=1" class="tooltip" title="Show full diff for this file">
                           <img class="icon" src="/images/icons/page_white_go.png">
                       </a>
                       <a href="/pygments/diff-2way/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff=diff&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;fulldiff=1" class="tooltip" title="Show full side-by-side diff for this file" tt_title="Show full side-by-side diff for this file">
                           <img class="icon" src="/images/icons/application_double.png">
                       </a>
                       <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;diff=raw" class="tooltip" title="Raw diff">
                           <img class="icon" src="/images/icons/page_white.png">
                       </a>
                       <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;diff=download" class="tooltip" title="Download diff">
                           <img class="icon" src="/images/icons/page_save.png">
                       </a>
                       <label><input id="ignorews" name="ignorews" type="checkbox" value="1">ignore white space</label>
                       <label><input id="edit_mode" name="edit_mode" type="checkbox" value="1">turn on edit mode</label>
 
                     </div>
                     <div style="float: right; padding: 0px 10px 0px 0px">
     r1538:de45f950b669 ... r1539:ea295cfb6226
 </div>
                 </div>
             </div>
             <div id="compare"></div>
         </div>
     </div>
 
 <script>
 $(document).ready(function () {
     var example_lines = '1\n2\n3\n4\n5\n6\n7\n8\n9\n \n';
 
     $('#compare').mergely({
         width: 'auto',
         height: '600',
         fgcolor: {a:'#ddffdd',c:'#cccccc',d:'#ffdddd'},
         bgcolor: '#fff',
         viewport: true,
         cmsettings: {mode: 'text/plain', readOnly: true, lineWrapping: false, lineNumbers: true},
         lhs: function(setValue) {
             if("False" == "True"){
                 setValue('Binary file')
             }
             else if("MercurialCommit" == "EmptyCommit"){
                 setValue('');
             }
             else{
                 var left_value = example_lines.slice(0, 10) +
                     '123456789 '.repeat(10) +
                     '\n'+
                     example_lines.slice(10, 20);
                 setValue(left_value + example_lines.repeat(9));
             }
 
         },
         rhs: function(setValue) {
             if("False" == "True"){
                 setValue('Binary file')
             }
             else if("MercurialCommit" == "EmptyCommit"){
                 setValue('');
             }
             else{
                 var right_value = example_lines +
                     example_lines.slice(0, 8) +
                     'abcdefghi '.repeat(10) +
                     '\n'+
                     example_lines.slice(8, 20);
                 setValue(right_value + example_lines.repeat(9));
             }
         },
     });
 
     var detected_mode = detectCodeMirrorModeFromExt('test_basic_api.py', true);
     if(detected_mode){
         setCodeMirrorMode($('#compare').mergely('cm', 'lhs'), detected_mode);
         setCodeMirrorMode($('#compare').mergely('cm', 'rhs'), detected_mode);
         $('#selected_mode').html(detected_mode);
     }
 
     $('#ignorews').change(function(e){
         var val = e.currentTarget.checked;
         $('#compare').mergely('options', {ignorews: val});
         $('#compare').mergely('update');
     });
     $('#edit_mode').change(function(e){
         var val = !e.currentTarget.checked;
         $('#compare').mergely('cm', 'lhs').setOption('readOnly', val);
         $('#compare').mergely('cm', 'rhs').setOption('readOnly', val);
         $('#compare').mergely('update');
     })
 });
 </script>
 
 </div>
 
 <!-- end examples -->
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/collapsable-content.html

@@ -1,961 +1,961 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
       <div class="main-content">
 
         <h2>Collapsable Content</h2>
         <p>Where a section may have a very long list of information, it can be desirable to use collapsable content. There is a premade function for showing/hiding elements, though its use may or may not be practical, depending on the situation. Use it, or don't, on a case-by-case basis.</p>
 
         <p><strong>To use the collapsable-content function:</strong> Create a toggle button using <code>&lt;div class="btn-collapse"&gt;Show More&lt;/div&gt;</code> and a data attribute using <code>data-toggle</code>. Clicking this button will toggle any sibling element(s) containing the class <code>collapsable-content</code> and an identical <code>data-toggle</code> attribute. It will also change the button to read "Show Less"; another click toggles it back to the previous state. Ideally, use pre-existing elements and add the class and attribute; creating a new div around the existing content may lead to unexpected results, as the toggle function will use <code>display:block</code> if no previous display specification was found.
         </p>
         <p>Notes:</p>
         <ul>
           <li>Changes made to the text of the button will require adjustment to the function, but for the sake of consistency and user experience, this is best avoided. </li>
           <li>Collapsable content inside of a pjax loaded container will require <code>collapsableContent();</code> to be called from within the container. No variables are necessary.</li>
         </ul>
 
       </div>  <!-- .main-content  -->
     </div>  <!-- .sidebar-col-wrapper  -->
 </div> <!-- .box -->
 
   <!-- CONTENT -->
   <div id="content" class="wrapper">
 
       <div class="main">
 
 <div class="box">
   <div class="title">
     <h1>
         Diff: enable filename with spaces on diffs
     </h1>
     <h1>
             <i class="icon-hg" ></i>
 
             <i class="icon-lock"></i>
         <span><a href="/rhodecode-momentum">rhodecode-momentum</a></span>
 
     </h1>
   </div>
 
   <div class="box pr-summary">
       <div class="summary-details block-left">
 
         <div class="pr-details-title">
 
     Pull request #720 From Tue, 17 Feb 2015 16:21:38
 <div class="btn-collapse" data-toggle="description">Show More</div>
         </div>
         <div id="summary" class="fields pr-details-content">
            <div class="field">
             <div class="label-summary">
                 <label>Origin:</label>
             </div>
             <div class="input">
                 <div>
                     <span class="tag">
                         <a href="/andersonsantos/rhodecode-momentum-fork#fix_574">book: fix_574</a>
                     </span>
                     <span class="clone-url">
                         <a href="/andersonsantos/rhodecode-momentum-fork">https://code.rhodecode.com/andersonsantos/rhodecode-momentum-fork</a>
                     </span>
                 </div>
                 <div>
                      <br>
                         <input type="text"  value="hg pull -r 46b3d50315f0 https://code.rhodecode.com/andersonsantos/rhodecode-momentum-fork" readonly="readonly">
                 </div>
             </div>
            </div>
            <div class="field">
             <div class="label-summary">
                 <label>Review:</label>
             </div>
             <div class="input">
               <div class="flag_status under_review tooltip pull-left" title="Pull request status calculated from votes"></div>
                 <span class="changeset-status-lbl tooltip" title="Pull request status calculated from votes">
                   Under Review
                 </span>
 
             </div>
            </div>
             <div class="field collapsable-content" data-toggle="description">
              <div class="label-summary">
                  <label>Description:</label>
              </div>
              <div class="input">
                  <div class="pr-description">Fixing issue <a class="issue- tracker-link" href="http://bugs.rhodecode.com/issues/574">#  574</a>, changing regex for capturing filenames</div>
              </div>
             </div>
             <div class="field collapsable-content" data-toggle="description">
              <div class="label-summary">
                  <label>Comments:</label>
              </div>
              <div class="input">
                  <div>
                      <div class="comments-number">
                          <a href="#inline-comments-container">0 Pull request   comments</a>,
                          0 Inline Comments
                      </div>
                  </div>
               </div>
           </div>
         </div>
       </div>
       <div>
         <div class="reviewers-title block-right">
           <div class="pr-details-title">
               Author
           </div>
         </div>
         <div class="block-right pr-details-content reviewers">
             <ul class="group_members">
               <li>
                 <img class="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=32" height="16" width="16">
                 <span class="user"> <a href="/_profiles/lolek">lolek (Lolek Santos)</a></span>
               </li>
             </ul>
         </div>
         <div class="reviewers-title block-right">
           <div class="pr-details-title">
               Pull request reviewers
               <span class="btn-collapse" data-toggle="reviewers">Show More</span>
           </div>
 
         </div>
         <div id="reviewers" class="block-right pr-details-content reviewers">
 
             <ul id="review_members" class="group_members">
               <li id="reviewer_70">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status rejected pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/153a0fab13160b3e64a2cbc7c0373506?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">jenkins-tests</a> (reviewer)</span>
                 </div>
                   <input id="reviewer_70_input" type="hidden" value="70" name="review_members">
                   <div class="reviewer_member_remove action_button" onclick="removeReviewMember(70, true)" style="visibility: hidden;">
                     <i class="icon-remove-sign"></i>
                   </div>
               </li>
               <li id="reviewer_33" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/ffd6a317ec2b66be880143cd8459d0d9?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">garbas (Rok Garbas)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_2" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status not_reviewed pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/aad9d40cac1259ea39b5578554ad9d64?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">marcink (Marcin Kuzminski)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_36" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/7a4da001a0af0016ed056ab523255db9?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">johbo (Johannes Bornhold)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_47" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status under_review pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/8f6dc00dce79d6bd7d415be5cea6a008?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">lisaq (Lisa Quatmann)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_49" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/89f722927932a8f737a0feafb03a606e?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">paris (Paris Kolios)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_50" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/081322c975e8545ec269372405fbd016?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">ergo (Marcin Lulek)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_54" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status under_review pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">anderson (Anderson Santos)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_57" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/23e2ee8f5fd462cba8129a40cc1e896c?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">gmgauthier (Greg Gauthier)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_31" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status under_review pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/0c9a7e6674b6f0b35d98dbe073e3f0ab?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">ostrobel (Oliver Strobel)</a> (reviewer)</span>
                 </div>
               </li>
             </ul>
           <div id="add_reviewer_input" class="ac" style="display: none;">
           </div>
         </div>
         </div>
       </div>
   </div>
   <div class="box">
       <div class="table" >
           <div id="changeset_compare_view_content">
               <div class="compare_view_commits_title">
                   <h2>Compare View: 6 commits<span class="btn-collapse" data-toggle="commits">Show More</span></h2>
 
               </div>
               <div class="container">
 
 
     <table class="rctable compare_view_commits">
     <tr>
         <th>Time</th>
         <th>Author</th>
         <th>Commit</th>
         <th></th>
         <th>Title</th>
     </tr>
         <tr id="row-7e83e5cd7812dd9e055ce30e77c65cdc08154b43" commit_id="7e83e5cd7812dd9e055ce30e77c65cdc08154b43" class="compare_select">
             <td class="td-time">
                 <span class="tooltip" title="3 hours and 23 minutes ago" tt_title="3 hours and 23 minutes ago">2015-02-18 10:13:34</span>
             </td>
             <td class="td-user">
                 <div class="gravatar_with_user">
                     <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=16">
                     <span title="Lolek Santos <[e-mail]>" class="user">brian (Brian Butler)</span>
                 </div>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/brian/documentation-rep/changeset/7e83e5cd7812dd9e055ce30e77c65cdc08154b43">r395:7e83e5cd7812</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="7e83e5cd7812dd9e055ce30e77c65cdc08154b43" title="Expand commit message">
                 <div class="show_more_col">
                 <i class="show_more"></i>
                 </div>
             </td>
             <td class="mid td-description">
                 <div class="log-container truncate-wrap">
                     <div id="c-7e83e5cd7812dd9e055ce30e77c65cdc08154b43" class="message truncate">rep: added how we doc to guide</div>
                   </div>
             </td>
         </tr>
         <tr id="row-48ce1581bdb3aa7679c246cbdd3fb030623f5c87" commit_id="48ce1581bdb3aa7679c246cbdd3fb030623f5c87" class="compare_select">
             <td class="td-time">
                 <span class="tooltip" title="4 hours and 18 minutes ago">2015-02-18 09:18:31</span>
             </td>
             <td class="td-user">
                 <div class="gravatar_with_user">
                     <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=16">
                     <span title="Lolek Santos <[e-mail]>" class="user">brian (Brian Butler)</span>
                 </div>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/brian/documentation-rep/changeset/48ce1581bdb3aa7679c246cbdd3fb030623f5c87">r394:48ce1581bdb3</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="48ce1581bdb3aa7679c246cbdd3fb030623f5c87" title="Expand commit message">
                 <div class="show_more_col">
                 <i class="show_more"></i>
                 </div>
             </td>
             <td class="mid td-description">
                 <div class="log-container truncate-wrap">
                     <div id="c-48ce1581bdb3aa7679c246cbdd3fb030623f5c87" class="message truncate">repo 0004 - typo</div>
                   </div>
             </td>
         </tr>
         <tr id="row-982d857aafb4c71e7686e419c32b71c9a837257d" commit_id="982d857aafb4c71e7686e419c32b71c9a837257d" class="compare_select collapsable-content" data-toggle="commits">
             <td class="td-time">
                 <span class="tooltip" title="4 hours and 22 minutes ago">2015-02-18 09:14:45</span>
             </td>
             <td class="td-user">
                 <span class="gravatar" commit_id="982d857aafb4c71e7686e419c32b71c9a837257d">
                     <img alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=28" height="14" width="14">
                 </span>
                 <span class="author">brian (Brian Butler)</span>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/brian/documentation-rep/changeset/982d857aafb4c71e7686e419c32b71c9a837257d">r393:982d857aafb4</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="982d857aafb4c71e7686e419c32b71c9a837257d" title="Expand commit message">
                 <div class="show_more_col">
                 <i class="show_more"></i>
                 </div>
             </td>
             <td class="mid td-description">
                 <div class="log-container truncate-wrap">
                     <div id="c-982d857aafb4c71e7686e419c32b71c9a837257d" class="message truncate">internals: how to doc section added</div>
                   </div>
             </td>
         </tr>
         <tr id="row-4c7258ad1af6dae91bbaf87a933e3597e676fab8" commit_id="4c7258ad1af6dae91bbaf87a933e3597e676fab8" class="compare_select collapsable-content" data-toggle="commits">
             <td class="td-time">
                 <span class="tooltip" title="20 hours and 16 minutes ago">2015-02-17 17:20:44</span>
             </td>
             <td class="td-user">
                 <span class="gravatar" commit_id="4c7258ad1af6dae91bbaf87a933e3597e676fab8">
                     <img alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=28" height="14" width="14">
                 </span>
                 <span class="author">brian (Brian Butler)</span>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/brian/documentation-rep/changeset/4c7258ad1af6dae91bbaf87a933e3597e676fab8">r392:4c7258ad1af6</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="4c7258ad1af6dae91bbaf87a933e3597e676fab8" title="Expand commit message">
                 <div class="show_more_col">
                 <i class="show_more"></i>
                 </div>
             </td>
             <td class="mid td-description">
                 <div class="log-container truncate-wrap">
                     <div id="c-4c7258ad1af6dae91bbaf87a933e3597e676fab8" class="message truncate">REP: 0004 Documentation standards</div>
                   </div>
             </td>
         </tr>
         <tr id="row-46b3d50315f0f2b1f64485ac95af4f384948f9cb" commit_id="46b3d50315f0f2b1f64485ac95af4f384948f9cb" class="compare_select collapsable-content" data-toggle="commits">
             <td class="td-time">
                 <span class="tooltip" title="18 hours and 19 minutes ago">2015-02-17 16:18:49</span>
             </td>
             <td class="td-user">
                 <span class="gravatar" commit_id="46b3d50315f0f2b1f64485ac95af4f384948f9cb">
                     <img alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=28" height="14" width="14">
                 </span>
                 <span class="author">anderson (Anderson Santos)</span>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/andersonsantos/rhodecode-momentum-fork/changeset/46b3d50315f0f2b1f64485ac95af4f384948f9cb">r8743:46b3d50315f0</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="46b3d50315f0f2b1f64485ac95af4f384948f9cb" title="Expand commit message">
                 <div class="show_more_col">
                 <i class="show_more" ></i>
                 </div>
             </td>
             <td class="mid td-description">
                 <div class="log-container truncate-wrap">
                     <div id="c-46b3d50315f0f2b1f64485ac95af4f384948f9cb" class="message truncate">Diff: created tests for the diff with filenames with spaces</div>
                     
                   </div>
             </td>
         </tr>
         <tr id="row-1e57d2549bd6c34798075bf05ac39f708bb33b90" commit_id="1e57d2549bd6c34798075bf05ac39f708bb33b90" class="compare_select collapsable-content" data-toggle="commits">
             <td class="td-time">
                 <span class="tooltip" title="2 days ago">2015-02-16 10:06:08</span>
             </td>
             <td class="td-user">
                 <span class="gravatar" commit_id="1e57d2549bd6c34798075bf05ac39f708bb33b90">
                     <img alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=28" height="14" width="14">
                 </span>
                 <span class="author">anderson (Anderson Santos)</span>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/andersonsantos/rhodecode-momentum-fork/changeset/1e57d2549bd6c34798075bf05ac39f708bb33b90">r8742:1e57d2549bd6</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="1e57d2549bd6c34798075bf05ac39f708bb33b90" title="Expand commit message">
                 <div class="show_more_col">
                 <i class="show_more" ></i>
                 </div>
             </td>
             <td class="mid td-description">
                 <div class="log-container truncate-wrap">
                     <div id="c-1e57d2549bd6c34798075bf05ac39f708bb33b90" class="message truncate">Diff: fix renaming files with spaces <a class="issue-tracker-link" href="http://bugs.rhodecode.com/issues/574">#574</a></div>
                     
                   </div>
             </td>
         </tr>
     </table>
 </div>
 
 <script>
 $('.expand_commit').on('click',function(e){
     $(this).children('i').hide();
     var cid = $(this).data('commitId');
     $('#c-'+cid).css({'height': 'auto', 'margin': '.65em 1em .65em 0','white-space': 'pre-line', 'text-overflow': 'initial', 'overflow':'visible'})
     $('#t-'+cid).css({'height': 'auto', 'text-overflow': 'initial', 'overflow':'visible', 'white-space':'normal'})
 });
 $('.compare_select').on('click',function(e){
     var cid = $(this).attr('commit_id');
     $('#row-'+cid).toggleClass('hl', !$('#row-'+cid).hasClass('hl'));
 });
 </script>
               <div class="cs_files_title">
                   <span class="cs_files_expand">
                       <span id="expand_all_files">Expand All</span> | <span id="collapse_all_files">Collapse All</span>
                   </span>
                   <h2>
                       7 files changed: 55 inserted, 9 deleted
                   </h2>
               </div>
               <div class="cs_files">
               <table class="compare_view_files">
 
                   <tr class="cs_A expand_file" fid="c--efbe5b7a3f13">
                       <td class="cs_icon_td">
                           <span class="expand_file_icon" fid="c--efbe5b7a3f13"></span>
                       </td>
                       <td class="cs_icon_td">
                           <div class="flag_status not_reviewed hidden"></div>
                       </td>
                       <td id="a_c--efbe5b7a3f13">
                           <a class="compare_view_filepath" href="#a_c--efbe5b7a3f13">
                               rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff
                           </a>
                           <span id="diff_c--efbe5b7a3f13" class="diff_links" style="display: none;">
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Unified Diff
                             </a>
                             |
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Side-by-side Diff
                             </a>
                           </span>
                       </td>
                       <td>
                           <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">4</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
                           <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff">
                             <i class="icon-comment"></i>
                           </div>
                       </td>
                   </tr>
                   <tr id="tr_c--efbe5b7a3f13">
                     <td></td>
                     <td></td>
                     <td class="injected_diff" colspan="2">
 
  <div class="diff-container" id="diff-container-140716195039928">
     <div id="c--efbe5b7a3f13_target" ></div>
     <div id="c--efbe5b7a3f13" class="diffblock margined comm" >
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff" style="display: none;"></div>
             <table class="code-difftable">
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n"></a></td>
     <td class="code no-comment">
         <pre>new file 100644</pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n1">1</a></td>
     <td class="code">
         <pre>diff --git a/file_with_ spaces.txt b/file_with_  two spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n2">2</a></td>
     <td class="code">
         <pre>similarity index 100%
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n3">3</a></td>
     <td class="code">
         <pre>rename from file_with_ spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n4" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n4">4</a></td>
     <td class="code">
         <pre>rename to file_with_  two spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o...">...</a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n...">...</a></td>
     <td class="code no-comment">
         <pre> No newline at end of file</pre>
     </td>
 </tr>
 </table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
                   <tr class="cs_A expand_file" fid="c--c21377f778f9">
                       <td class="cs_icon_td">
                           <span class="expand_file_icon" fid="c--c21377f778f9"></span>
                       </td>
                       <td class="cs_icon_td">
                           <div class="flag_status not_reviewed hidden"></div>
                       </td>
                       <td id="a_c--c21377f778f9">
                           <a class="compare_view_filepath" href="#a_c--c21377f778f9">
                               rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff
                           </a>
                           <span id="diff_c--c21377f778f9" class="diff_links" style="display: none;">
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Unified Diff
                             </a>
                             |
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Side-by-side Diff
                             </a>
                           </span>
                       </td>
                       <td>
                           <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">3</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
                           <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff">
                             <i class="icon-comment"></i>
                           </div>
                       </td>
                   </tr>
                   <tr id="tr_c--c21377f778f9">
                     <td></td>
                     <td></td>
                     <td class="injected_diff" colspan="2">
 
  <div class="diff-container" id="diff-container-140716195038344">
     <div id="c--c21377f778f9_target" ></div>
     <div id="c--c21377f778f9" class="diffblock margined comm" >
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff" style="display: none;"></div>
             <table class="code-difftable">
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n"></a></td>
     <td class="code no-comment">
         <pre>new file 100644</pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n1">1</a></td>
     <td class="code">
         <pre>diff --git a/file_changed_without_spaces.txt b/file_copied_ with  spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n2">2</a></td>
     <td class="code">
         <pre>copy from file_changed_without_spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n3">3</a></td>
     <td class="code">
         <pre>copy to file_copied_ with  spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o...">...</a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n...">...</a></td>
     <td class="code no-comment">
         <pre> No newline at end of file</pre>
     </td>
 </tr>
 </table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
                   <tr class="cs_A expand_file" fid="c--ee62085ad7a8">
                       <td class="cs_icon_td">
                           <span class="expand_file_icon" fid="c--ee62085ad7a8"></span>
                       </td>
                       <td class="cs_icon_td">
                           <div class="flag_status not_reviewed hidden"></div>
                       </td>
                       <td id="a_c--ee62085ad7a8">
                           <a class="compare_view_filepath" href="#a_c--ee62085ad7a8">
                               rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff
                           </a>
                           <span id="diff_c--ee62085ad7a8" class="diff_links" style="display: none;">
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Unified Diff
                             </a>
                             |
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Side-by-side Diff
                             </a>
                           </span>
                       </td>
                       <td>
                           <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">3</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
                           <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff">
                             <i class="icon-comment"></i>
                           </div>
                       </td>
                   </tr>
                   <tr id="tr_c--ee62085ad7a8">
                     <td></td>
                     <td></td>
                     <td class="injected_diff" colspan="2">
 
  <div class="diff-container" id="diff-container-140716195039496">
     <div id="c--ee62085ad7a8_target" ></div>
     <div id="c--ee62085ad7a8" class="diffblock margined comm" >
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff" style="display: none;"></div>
             <table class="code-difftable">
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n"></a></td>
     <td class="code no-comment">
         <pre>new file 100644</pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n1">1</a></td>
     <td class="code">
         <pre>diff --git a/file_ with update.txt b/file_changed _.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n2">2</a></td>
     <td class="code">
         <pre>rename from file_ with update.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n3">3</a></td>
     <td class="code">
         <pre>rename to file_changed _.txt</pre>
     </td>
 </tr>
 </table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
 
 </table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
               </table>
               </div>
           </div>
       </div>
 
 
 
 
 <div id="comment-inline-form-template" style="display: none;">
   <div class="comment-inline-form ac">
     <div class="overlay"><div class="overlay-text">Submitting...</div></div>
       <form action="#" class="inline-form" method="get">
       <div id="edit-container_{1}" class="clearfix">
         <div class="comment-title pull-left">
           Commenting on line {1}.
         </div>
         <div class="comment-help pull-right">
           Comments parsed using <a href="http://docutils.sourceforge.net/docs/user/rst/quickref.html">RST</a> syntax with <span  class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
         </div>
             <div style="clear: both"></div>
             <textarea id="text_{1}" name="text" class="comment-block-ta ac-input"></textarea>
       </div>
       <div id="preview-container_{1}" class="clearfix" style="display: none;">
          <div class="comment-help">
               Comment preview
           </div>
           <div id="preview-box_{1}" class="preview-box"></div>
       </div>
       <div class="comment-button pull-right">
         <input type="hidden" name="f_path" value="{0}">
         <input type="hidden" name="line" value="{1}">
         <div id="preview-btn_{1}" class="btn btn-default">Preview</div>
         <div id="edit-btn_{1}" class="btn" style="display: none;">Edit</div>
         <input class="btn btn-success save-inline-form" id="save" name="save" type="submit" value="Comment" />
       </div>
       <div class="comment-button hide-inline-form-button">
       <input class="btn hide-inline-form" id="hide-inline-form" name="hide-inline-form" type="reset" value="Cancel" />
       </div>
       </form>
   </div>
 </div>
 
 
 
 <div class="comments">
     <div id="inline-comments-container">
 
     <h2>0 Pull Request Comments</h2>
 
 
     </div>
 
 </div>
 
 
 
 
 <div class="pull-request-merge">
 </div>
 <div class="comments">
     <div class="comment-form ac">
         <form action="/rhodecode-momentum/pull-request-comment/720" id="comments_form" method="POST">
 <div style="display: none;"><input id="csrf_token" name="csrf_token" type="hidden" value="6dbc0b19ac65237df65d57202a3e1f2df4153e38" /></div>
         <div id="edit-container" class="clearfix">
             <div class="comment-title pull-left">
               Create a comment on this Pull Request.
             </div>
             <div class="comment-help pull-right">
               Comments parsed using <a href="http://docutils.sourceforge.net/docs/user/rst/quickref.html">RST</a> syntax with <span  class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
             </div>
              <div style="clear: both"></div>
              <textarea class="comment-block-ta" id="text" name="text"></textarea>
         </div>
 
         <div id="preview-container" class="clearfix" style="display: none;">
            <div class="comment-title">
                 Comment preview
             </div>
             <div id="preview-box" class="preview-box"></div>
         </div>
 
         <div id="comment_form_extras">
         </div>
         <div class="action-button pull-right">
             <div id="preview-btn" class="btn">
                 Preview
             </div>
             <div id="edit-btn" class="btn" style="display: none;">
                 Edit
             </div>
             <div class="comment-button">
                 <input class="btn btn-small btn-success comment-button-input" id="save" name="save" type="submit" value="Comment" />
             </div>
         </div>
         </form>
     </div>
 </div>
 <script>
 
 $(document).ready(function() {
 
     var cm = initCommentBoxCodeMirror('#text');
 
     // main form preview
     $('#preview-btn').on('click', function(e) {
         $('#preview-btn').hide();
         $('#edit-btn').show();
         var _text = cm.getValue();
         if (!_text) {
             return;
         }
         var post_data = {
             'text': _text,
             'renderer': DEFAULT_RENDERER,
             'csrf_token': CSRF_TOKEN
         };
         var previewbox = $('#preview-box');
         previewbox.addClass('unloaded');
         previewbox.html(_gettext('Loading ...'));
         $('#edit-container').hide();
         $('#preview-container').show();
 
         var url = pyroutes.url('changeset_comment_preview', {'repo_name': 'rhodecode-momentum'});
 
         ajaxPOST(url, post_data, function(o) {
             previewbox.html(o);
             previewbox.removeClass('unloaded');
         });
     });
     $('#edit-btn').on('click', function(e) {
         $('#preview-btn').show();
         $('#edit-btn').hide();
         $('#edit-container').show();
         $('#preview-container').hide();
     });
 
     var formatChangeStatus = function(state, escapeMarkup) {
         var originalOption = state.element;
         return '<div class="flag_status ' + $(originalOption).data('status') + ' pull-left"></div>' +
                '<span>' + escapeMarkup(state.text) + '</span>';
     };
 
     var formatResult = function(result, container, query, escapeMarkup) {
         return formatChangeStatus(result, escapeMarkup);
     };
 
     var formatSelection = function(data, container, escapeMarkup) {
         return formatChangeStatus(data, escapeMarkup);
     };
 
     $('#change_status_general').select2({
         placeholder: "Status Review",
         formatResult: formatResult,
         formatSelection: formatSelection,
         containerCssClass: "drop-menu status_box_menu",
         dropdownCssClass: "drop-menu-dropdown",
         dropdownAutoWidth: true,
         minimumResultsForSearch: -1
     });
 });
 </script>
 
 
       <script type="text/javascript">
         // TODO: switch this to pyroutes
         AJAX_COMMENT_DELETE_URL = "/rhodecode-momentum/pull-request-comment/__COMMENT_ID__/delete";
 
         $(function(){
             ReviewerAutoComplete('#user');
 
             $('#open_edit_reviewers').on('click', function(e){
                 $('#open_edit_reviewers').hide();
                 $('#close_edit_reviewers').show();
                 $('#add_reviewer_input').show();
                 $('.reviewer_member_remove').css('visibility', 'visible');
             });
 
             $('#close_edit_reviewers').on('click', function(e){
                 $('#open_edit_reviewers').show();
                 $('#close_edit_reviewers').hide();
                 $('#add_reviewer_input').hide();
                 $('.reviewer_member_remove').css('visibility', 'hidden');
             });
 
             $('.show-inline-comments').on('change', function(e){
                 var show = 'none';
                 var target = e.currentTarget;
                 if(target.checked){
                     show = ''
                 }
                 var boxid = $(target).attr('id_for');
                 var comments = $('#{0} .inline-comments'.format(boxid));
                 var fn_display = function(idx){
                    $(this).css('display', show);
                 };
                 $(comments).each(fn_display);
                 var btns = $('#{0} .inline-comments-button'.format(boxid));
                 $(btns).each(fn_display);
             });
 
             var commentTotals = {};
             $.each(file_comments, function(i, comment) {
                 var path = $(comment).attr('path');
                 var comms = $(comment).children().length;
                 if (path in commentTotals) {
                     commentTotals[path] += comms;
                 } else {
                     commentTotals[path] = comms;
                 }
             });
             $.each(commentTotals, function(path, total) {
                 var elem = $('.comment-bubble[data-path="'+ path +'"]')
                 elem.css('visibility', 'visible');
                 elem.html(elem.html() + ' ' + total );
             });
 
             $('#merge_pull_request_form').submit(function() {
                 if (!$('#merge_pull_request').attr('disabled')) {
                     $('#merge_pull_request').attr('disabled', 'disabled');
                 }
                 return true;
             });
 
             $('#update_pull_request').on('click', function(e){
                 updateReviewers(undefined, "rhodecode-momentum", "720");
             });
 
             $('#update_commits').on('click', function(e){
                 updateCommits("rhodecode-momentum", "720");
             });
 
         })
       </script>
 
   </div>
 </div></div>
 
 </div>
 
 
 </%def>

rhodecode/templates/debug_style/form-elements-small.html

@@ -1,295 +1,295 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Simple form elements (Depreciated)</h2>
 
       <p>The wrapping <code>.field</code> also gets the class
          <code>.field-sm</code>.</p>
 
       <p>Buttons get additional the class <code>.btn-sm</code>.</p>
 
 
       <div class="bs-example">
         <form method='post' action='none'>
           <div class='form'>
             <div class='fields'>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_input_ro'>Example input readonly:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     <select id="example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_checkbox'>Example checkbox:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkbox" type="checkbox">
                     <label for="example_checkbox">Label of the checkbox</label>
                   </div>
                 </div>
               </div>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkboxes_01" type="checkbox">
                     <label for="example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_02" type="checkbox">
                     <label for="example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_03" type="checkbox">
                     <label for="example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                 </div>
               </div>
 
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 ## TODO: johbo: This is off compared to the checkboxes
                 <div class="radios">
                   <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
                   <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
                   <span class="help-block">
                     Permission to allow repository creation. This includes ability to create
                     repositories in root level. If this option is disabled admin of
                     repository group can still create repositories inside that
                     repository group.
                   </span>
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn btn-sm">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm">
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Help text in form elements</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='02_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="02_example_input" type="text" placeholder="Placeholder text">
                   <span class="help-block">
                     Example help text for this input element. This help text
                     will be shown under the input element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='02_example_checkbox'>Example checkbox with help block:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="02_example_checkbox" type="checkbox">
                     <label for="02_example_checkbox">Label of the checkbox</label>
                   </div>
                   <span class="help-block">
                     Example help text for this checkbox element. This help text
                     will be shown under the checkbox element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label>Multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="02_example_checkboxes_01" type="checkbox">
                     <label for="02_example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="02_example_checkboxes_02" type="checkbox">
                     <label for="02_example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="02_example_checkboxes_03" type="checkbox">
                     <label for="02_example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                   <span class="help-block">
                     Example help text for this checkbox element. This help text
                     will be shown under the checkbox element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Error messages</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='04_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="04_example_input" type="text" placeholder="Example input"/>
                   <span class="error-message">
                     If form validation fails, some input fields can show an
                     error message close to the field.
                   </span>
                 </div>
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
       <h2>Fields with buttons</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='05_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
                   <span class="btn action_button btn-x">
                     <i class="icon-remove-sign"></i>
                     delete
                   </span>
                   <span class="help-block">
                     Used if there is a list of values and the user can remove
                     single entries.
                   </span>
                 </div>
               </div>
 
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='05_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
                   <span title="Click to unlock. You must restart RhodeCode in order to make this setting take effect."
                         class="tooltip" id="path_unlock"
                         tt_title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
                     <div class="btn btn-default">
                       <span><i class="icon-lock" id="path_unlock_icon"></i></span>
                     </div>
                   </span>
                   <span class="help-block">
                     Used together with locked fields, the user has to first
                     unlock and afterwards it is possible to change the value.
                   </span>
                 </div>
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       </div>
     </div>  <!-- .main-content  --> 
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/form-elements.html

@@ -1,619 +1,619 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Simple form elements (Depreciated)</h2>
 
       <div class="bs-example">
         <form method='post' action='none'>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input_ro'>Example input readonly:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example text:</label>
                 </div>
                 <div class='input'>
                   <div class='text-as-placeholder'>
                     http://something.example.com
                     <span class="link" id="edit_clone_uri"><i class="icon-edit"></i>${_('edit')}</span>
                   </div>
                   <p class='help-block'>Help text in a paragraph.</p>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     <select id="example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     text before
                     <select id="example_select2" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                     text after
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select2').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input with submenus:</label>
                 </div>
                 <div class="select">
                   <select id="example_select_sub" >
                     <option value="#">${_('Default')}</option>
                     <optgroup label="Group 1">
                       <option>Option 1.1</option>
                     </optgroup> 
                     <optgroup label="Group 2">
                       <option>Option 2.1</option>
                       <option>Option 2.2</option>
                     </optgroup>
                     <optgroup label="Group 3" disabled>
                       <option>Option 3.1</option>
                       <option>Option 3.2</option>
                       <option>Option 3.3</option>
                     </optgroup>
                   </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select_sub').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkbox'>Example checkbox:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkbox" type="checkbox">
                     <label for="example_checkbox">Label of the checkbox</label>
                   </div>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkboxes_01" type="checkbox">
                     <label for="example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_02" type="checkbox">
                     <label for="example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_03" type="checkbox">
                     <label for="example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                 </div>
               </div>
 
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 ## TODO: johbo: This is off compared to the checkboxes
                 <div class="radios">
                   <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
                   <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
                   <span class="help-block">
                     Permission to allow repository creation. This includes ability to create
                     repositories in root level. If this option is disabled admin of
                     repository group can still create repositories inside that
                     repository group.
                   </span>
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn">
                 <input type="reset" value="Reset" id="example_reset" class="btn">
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Help text in form elements</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='02_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="02_example_input" type="text" placeholder="Placeholder text">
                   <span class="help-block">
                     Example help text for this input element. This help text
                     will be shown under the input element itself. It can be
                     so long that it will span multiple lines.
                   </span>
 
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select_help'>Example select input:</label>
                 </div>
                 <div class="select">
                   <select id="example_select_help" >
                       <option value="#">${_('Templates...')}</option>
                       <option value="ga">Google Analytics</option>
                       <option value="clicky">Clicky</option>
                       <option value="server_announce">${_('Server Announcement')}</option>
                   </select>
                   <span class="help-block">
                     Example help text for this input element. This help text
                     will be shown under the input element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select_help').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='02_example_checkbox'>Example checkbox with help block:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="02_example_checkbox" type="checkbox">
                     <label for="02_example_checkbox">Label of the checkbox</label>
                   </div>
                   <span class="help-block">
                     Example help text for this checkbox element. This help text
                     will be shown under the checkbox element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
 
               <div class='field'>
                 <div class='label'>
                   <label>Multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="02_example_checkboxes_01" type="checkbox">
                     <label for="02_example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="02_example_checkboxes_02" type="checkbox">
                     <label for="02_example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="02_example_checkboxes_03" type="checkbox">
                     <label for="02_example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                   <span class="help-block">
                     Example help text for this checkbox element. This help text
                     will be shown under the checkbox element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Error messages</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='04_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="04_example_input" type="text" placeholder="Example input"/>
                   <span class="error-message">
                     If form validation fails, some input fields can show an
                     error message close to the field.
                   </span>
                 </div>
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Fields with buttons</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='05_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
                   <span class="btn btn-x">
                     <i class="icon-remove-sign"></i>
                     delete
                   </span>
                   <button class='btn btn-primary'>Action</button>
                   <span class="help-block">
                     Used if there is a list of values and the user can remove
                     single entries.
                   </span>
                 </div>
               </div>
 
 
               <div class='field'>
                 <div class='label'>
                   <label for='05_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
                   <span title="Click to unlock. You must restart RhodeCode in order to make this setting take effect."
                         class="tooltip" id="path_unlock"
                         tt_title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
                     <div class="btn btn-default">
                       <span><i class="icon-lock" id="path_unlock_icon"></i></span>
                     </div>
                     <button class='btn btn-primary'>Action</button>
                   </span>
                   <span class="help-block">
                     Used together with locked fields, the user has to first
                     unlock and afterwards it is possible to change the value.
                   </span>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='05_example_select'>Example input label:</label>
                 </div>
                 <div class="select">
                     <select id="05_example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                     <button class='btn btn-primary'>Action</button>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#05_example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='05_example_select2'>Example input label:</label>
                 </div>
                 <div class="select">
                     <span>Some text</span>
                     before
                     <select id="05_example_select2" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                     after
                     <button class='btn btn-primary'>Action</button>
                     Some text
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#05_example_select2').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true
                   });
               });
               </script>
 
 
             </div>
           </div>
         </form>
       </div>
 
 
 
       <h2>Definition lists together with forms</h2>
 
       <p>Some pages list values in a definition list. These lists align
          properly with form elements on the same page.</p>
 
       <div class="bs-example">
 
         <dl class="dl-horizontal">
           <dt>RhodeCode version:</dt>
           <dd title="">3.0.0</dd>
           <dt>License token:</dt>
           <dd title=""><pre>abra-cada-bra1-rce3</pre></dd>
           <dt>License issued to:</dt>
           <dd title="">RhodeCode Trial (RhodeCode GmbH)</dd>
           <dt>License issued on:</dt>
           <dd title="">Sun, 07 Dec 2014 16:34:10</dd>
           <dt>License expires on:</dt>
           <dd title="">Fri, 05 Jun 2015 17:34:10</dd>
           <dt>License type:</dt>
           <dd title="">trial</dd>
           <dt>License users limit:</dt>
           <dd title="">20</dd>
         </dl>
 
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='07_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="07_example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="07_example_save" class="btn">
                 <input type="reset" value="Reset" id="07_example_reset" class="btn">
               </div>
             </div>
           </div>
         </form>
 
       </div>
 
 
 
 
 
       <h2>Multi select widget</h2>
       
       <p>This example shows two multi select widgets, one having no selects
          currently. It is mixed up with other form elements to show the
          magin effects.</p>
 
       <div class="bs-example">
 
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class="field">
                   <div class="label">
                       <label for="users_group_active">${_('Members')}:</label>
                   </div>
                   <div class="select side-by-side-selector">
                       <div class="left-group">
                           <label class="text" >${_('Chosen group members')}</label>
                           <select id="users_group_members" multiple size='8'>
                               <option value="#">${_('Templates...')}</option>
                               <option value="ga">Google Analytics</option>
                               <option value="clicky">Clicky</option>
                               <option value="server_announce">${_('Server Announcement')}</option>
                               <option value="#">${_('Templates...')}</option>
                               <option value="ga">Google Analytics</option>
                               <option value="clicky">Clicky</option>
                               <option value="server_announce">${_('Server Announcement')}</option>
                           </select>
                          <div class="btn" id="remove_all_elements" >
                              ${_('Remove all elements')}
                              <i  class="icon-chevron-right"></i>
                          </div>
                       </div>
                       <div class="middle-group">
                           <i  id="add_element" class="icon-chevron-left"></i>
                           <br />
                           <i  id="remove_element" class="icon-chevron-right"></i>
                       </div>
                       <div class="right-group">
                            <label class="text" >${_('Available members')}</label>
                             <select id="available_members" multiple size='8'>
                                 <option value="#">${_('Templates...')}</option>
                                 <option value="ga">Google Analytics</option>
                                 <option value="clicky">Clicky</option>
                                 <option value="server_announce">${_('Server Announcement')}</option>
                             </select>
                            <div  class="btn" id="add_all_elements" >
                                <i  class="icon-chevron-left"></i>${_('Add all elements')}
                            </div>
                       </div>
                   </div>
 
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class="field">
                   <div class="label">
                       <label for="users_group_active2">Members with one side empty:</label>
                   </div>
                   <div class="select side-by-side-selector">
                       <div class="left-group">
                           <label class="text" >${_('Chosen group members')}</label>
                           <select id="users_group_members2" multiple size='8'>
                           </select>
                          <div class="btn" id="remove_all_elements2" >
                              ${_('Remove all elements')}
                              <i  class="icon-chevron-right"></i>
                          </div>
                       </div>
                       <div class="middle-group">
                           <i  id="add_element2" class="icon-chevron-left"></i>
                           <br />
                           <i  id="remove_element2" class="icon-chevron-right"></i>
                       </div>
                       <div class="right-group">
                            <label class="text" >${_('Available members')}</label>
                             <select id="available_members2" multiple size='8'>
                                 <option value="#">${_('Templates...')}</option>
                                 <option value="ga">Google Analytics</option>
                                 <option value="clicky">Clicky</option>
                                 <option value="server_announce">${_('Server Announcement')}</option>
                             </select>
                            <div  class="btn" id="add_all_elements2" >
                                <i  class="icon-chevron-left"></i>${_('Add all elements')}
                            </div>
                       </div>
                   </div>
 
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="07_example_save" class="btn">
                 <input type="reset" value="Reset" id="07_example_reset" class="btn">
               </div>
             </div>
           </div>
         </form>
 
       </div>
 
 
 
 
       </div>
     </div>  <!-- .main-content  --> 
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/form-inline.html

@@ -1,174 +1,174 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
 
     <h2>Inline form elements</h2>
 
     <p>A few places have a button close to an input element or similar.</p>
 
 
     <h3>Submit button after select element</h3>
 
     <div class="bs-example">
 
       ## TODO: johbo: not sure if we should add a class like .form-inline
       ## here. Seems to work good enough right now.
       <form method="post" action="">
         <div class="form">
           <div class="fields">
             <select id="example_select" >
                 <option value="#">${_('Templates...')}</option>
                 <option value="ga">Google Analytics</option>
                 <option value="clicky">Clicky</option>
                 <option value="server_announce">${_('Server Announcement')}</option>
             </select>
             <input type="submit" value="Set" id="example_save" class="btn">
           </div>
 
           <script>
           $(document).ready(function() {
               $('#example_select').select2({
                   containerCssClass: 'drop-menu',
                   dropdownCssClass: 'drop-menu-dropdown',
                   dropdownAutoWidth: true,
                   minimumResultsForSearch: -1
               });
           });
           </script>
 
          </div>
       </form>
 
     </div>
 
 
 
     <h3>Submit button after input element</h3>
 
     <div class="bs-example">
 
       ## TODO: johbo: not sure if we should add a class like .form-inline
       ## here. Seems to work good enough right now.
       <form method="post" action="">
         <div class="form">
 
           <div class="fields">
             <input type="text" id="example_input" placeholder="Placeholder...">
             <input type="submit" value="Set" id="example_save" class="btn">
           </div>
 
          </div>
       </form>
 
     </div>
 
 
 
     <h3>Submit and Reset button after input element</h3>
 
     <div class="bs-example">
 
       ## TODO: johbo: not sure if we should add a class like .form-inline
       ## here. Seems to work good enough right now.
       <form method="post" action="">
         <div class="form">
 
           <div class="fields">
             <input type="text" id="example_input" placeholder="Placeholder...">
             <input type="submit" value="Set" id="example_save" class="btn">
             <input type="reset" value="Reset" id="example_reset" class="btn">
           </div>
 
          </div>
       </form>
 
     </div>
 
 
 
     <h3>Checkbox wrapped in the label itself</h3>
 
     <div class="bs-example">
 
       <div class="field">
         <label><input id="example_label_checkbox" type="checkbox">Checkbox with label around it</label>
       </div>
 
       <div class="field">
         <label><input id="example_label_checkbox" type="radio">Radio with label around it</label>
       </div>
 
     </div>
 
 
     <h3>Checkbox wrapped in the label itself</h3>
 
     <div class="bs-example">
 
       <div class="form">
         <div class="fields">
           <label>Label</label> <input type="text">
         </div>
       </div>
     </div>
 
 
     <div class="bs-example">
       <div class="form">
         <div class="fields">
             <label>Label</label>
             <select id="02_example_select1" >
                 <option value="#">${_('Templates...')}</option>
                 <option value="ga">Google Analytics</option>
                 <option value="clicky">Clicky</option>
                 <option value="server_announce">${_('Server Announcement')}</option>
             </select>
 
             <label>Label</label>
             <select id="02_example_select2" >
                 <option value="#">${_('Templates...')}</option>
                 <option value="ga">Google Analytics</option>
                 <option value="clicky">Clicky</option>
                 <option value="server_announce">${_('Server Announcement')}</option>
             </select>
         </div>
       </div>
 
       <script>
       $(document).ready(function() {
           $('#02_example_select1').select2({
               containerCssClass: 'drop-menu',
               dropdownCssClass: 'drop-menu-dropdown',
               dropdownAutoWidth: true,
               minimumResultsForSearch: -1
           });
           $('#02_example_select2').select2({
               containerCssClass: 'drop-menu',
               dropdownCssClass: 'drop-menu-dropdown',
               dropdownAutoWidth: true,
               minimumResultsForSearch: -1
           });
       });
       </script>
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/form-vertical.html

@@ -1,144 +1,144 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     ##main
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Vertical forms</h2>
 
       <p>Adding the class <code>.form-vertical</code> will align the form
          elements differently. Otherwise it is the same structure of HTML
          elements.</p>
 
       <h2>Simple form elements</h2>
 
       <div class="bs-example">
         <form method='post' action='none'>
           <div class='form form-vertical'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input_ro'>Example input readonly:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     <select id="example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkbox'>Example checkbox:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkbox" type="checkbox">
                     <label for="example_checkbox">Label of the checkbox</label>
                   </div>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkboxes_01" type="checkbox">
                     <label for="example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_02" type="checkbox">
                     <label for="example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_03" type="checkbox">
                     <label for="example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                 </div>
               </div>
 
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 ## TODO: johbo: This is off compared to the checkboxes
                 <div class="radios">
                   <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
                   <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
                   <span class="help-block">
                     Permission to allow repository creation. This includes ability
                     to create repositories in root level. If this option is
                     disabled admin of repository group can still create
                     repositories inside that repository group.
                   </span>
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn">
                 <input type="reset" value="Reset" id="example_reset" class="btn">
               </div>
 
             </div>
           </div>
         </form>
 
       </div>
 
 
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/forms.html

@@ -1,279 +1,279 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
       <div class="main-content">
 
         <h2>Simple form elements</h2>
         <p>When working with forms, please upgrade to this new form layout. See the depreciated forms pages for the previous layout.</p>
         <p>These forms are marked by the class <code>rcform</code>. See html for details on formatting. 
         </p>
         <p>Some other notes: The customized checkboxes and radio buttons use the label for styling. This has been disabled for lower versions of IE using the <code>:not()</code> selector. Select2 dropdowns need to be redone, but this may be in a later iteration.
         </p>
 
         <h2>Examples</h2>
 
           <form method='post' action='none' class="rcform">
 
             <fieldset>
               <legend>Dropdown:</legend>
               <div class="fields">
                 <select id="example_select" >
                     <option value="#">${_('Templates...')}</option>
                     <option value="ga">Google Analytics</option>
                     <option value="clicky">Clicky</option>
                     <option value="server_announce">${_('Server Announcement')}</ option>
                 </select>
                 <script>
                   $(document).ready(function() {
                       $('#example_select').select2({
                           containerCssClass: 'drop-menu',
                           dropdownCssClass: 'drop-menu-dropdown',
                           dropdownAutoWidth: true,
                           minimumResultsForSearch: -1
                       });
                   });
                 </script>
               </fields>
             </fieldset>
 
             <fieldset>
               <legend>Multiple Dropdowns in a list:</legend>
               <ul class="fields formlist">
                 <li>
                   <select id="example_select3" >
                       <option value="#">${_('Templates...')}</option>
                       <option value="ga">Google Analytics</option>
                       <option value="clicky">Clicky</option>
                       <option value="server_announce">${_('Server Announcement')} </ option>
                   </select>
                   <script>
                     $(document).ready(function() {
                         $('#example_select3').select2({
                             containerCssClass: 'drop-menu',
                             dropdownCssClass: 'drop-menu-dropdown',
                             dropdownAutoWidth: true,
                             minimumResultsForSearch: -1
                         });
                     });
                   </script>
                 </li>
                 <li>
                   <select id="example_select4" >
                       <option value="#">${_('Templates...')}</option>
                       <option value="ga">Google Analytics</option>
                       <option value="clicky">Clicky</option>
                       <option value="server_announce">${_('Server Announcement')} </ option>
                   </select>
                   <script>
                     $(document).ready(function() {
                         $('#example_select4').select2({
                             containerCssClass: 'drop-menu',
                             dropdownCssClass: 'drop-menu-dropdown',
                             dropdownAutoWidth: true,
                             minimumResultsForSearch: -1
                         });
                     });
                   </script>
                 </li>
                 <li>
                   <select id="example_select5" >
                       <option value="#">${_('Templates...')}</option>
                       <option value="ga">Google Analytics</option>
                       <option value="clicky">Clicky</option>
                       <option value="server_announce">${_('Server Announcement')} </ option>
                   </select>
                   <script>
                     $(document).ready(function() {
                         $('#example_select5').select2({
                             containerCssClass: 'drop-menu',
                             dropdownCssClass: 'drop-menu-dropdown',
                             dropdownAutoWidth: true,
                             minimumResultsForSearch: -1
                         });
                     });
                   </script>
                 </li>
               </ul>
             </fieldset>
 
             <fieldset>
               <legend>Dropdown with checkbox:</legend>
               <div class="fields">
                 <select id="example_select2" >
                   <option value="#">${_('Some text...')}</option>
                   <option value="ga">A really long thing</option>
                   <option value="clicky">Repo Name</option>
                   <option value="server_announce">${_('Variable Item')}</option>
                 </select>
                 <input type="checkbox" name="size" id="size_1" value="small"/>
                 <label for="size_1">Checkbox for something</label>\
                 <span class="label">Checkbox for something</span>
                 <span class="help-block">
                   Note: There is a very specific selector which centers the checkbox on the dropdown;
                   it requires that the script NOT be between the two.
                 </span>
               </div>
                 <script>
                   $(document).ready(function() {
                       $('#example_select2').select2({
                           containerCssClass: 'drop-menu',
                           dropdownCssClass: 'drop-menu-dropdown',
                           dropdownAutoWidth: true,
                           minimumResultsForSearch: -1
                       });
                   });
                 </script>
             </fieldset>
 
             <fieldset>
               <legend>Radio Buttons:</legend>
               <div class="fields">
                 <input type="radio" name="size" id="size_2" value="small"/>
                 <label for="size_2">Radio one</label>
                 <span class="label">Radio Button One</span>
                 <input type="radio" name="size" id="size_3" value="small"/>
                 <label for="size_3">Radio two</label>
                 <span class="label">Radio Button Two</span>
                 <input type="radio" checked name="size" id="size_4" value="small"/>
                 <label for="size_4">Radio three</label>
                 <span class="label">Radio Button Three</span>
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Checkboxes with help text:</legend>
               <div class="fields">
                 <input type="checkbox" name="size" id="size_5" value="small"/>
                 <label for="size_5">Checkbox one</label>
                 <span class="label">Checkbox One</span>
                 <input type="checkbox" checked name="size" id="size_6" value="small"/>
                 <label for="size_6">Checkbox two</label>
                 <span class="label">Checkbox Two</span>
                 <input type="checkbox" checked name="size" id="size_7" value="small"/>
                 <label for="size_7">Checkbox three</label>
                 <span class="label">Checkbox Three</span>
                 <span class="help-block">
                   Help text can be put wherever needed. Inside of .fields, it is confined to the width of the input sections.
                 </span>
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Checkboxes as a list:</legend>
                 <div class="fields">
                   <ul class="formlist">
                     <li>
                       <input type="checkbox" name="size" id="size_8" value="small "/>
                       <label for="size_8">Checkbox one</label>
                       <span class="label">Checkbox One</span>
                     </li>
                     <li>
                       <input type="checkbox" checked name="size" id="size_9"  value="    small"/>
                       <label for="size_9">Checkbox two</label>
                       <span class="label">Checkbox Two</span>
                     </li>
                     <li>
                       <input type="checkbox" checked name="size" id="size_10"   value="    small"/>
                       <label for="size_10">Checkbox three</label>
                       <span class="label">Checkbox Three</span>
                     </li>
                 </ul>
                 <span class="help-block">
                   In some instances, you may wish for dropdowns, checkboxes, or radio buttons to be in a list rather than inline. This is achieved using .formlist.
                 </span>
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Text Input:</legend>
               <div class="fields">
                 <input id="example_input" type="text" placeholder="Example input">
                 <input id="example_input" type="text" placeholder="Example input">
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Textarea:</legend>
               <div class="fields">
                 <textarea placeholder="This is a textarea."></textarea>
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Some Inputs with a button:</legend>
               <div class="fields">
                 <input class="disabled" id="paths_root_path" name="paths_root_path" readonly="readonly" size="59" type="text" value="Disabled input">
                 <span id="path_unlock" class="tooltip" title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
                   <div class="btn btn-default">
                       <span><i id="path_unlock_icon" class="icon-lock"></i></span>
                   </div>
                 </span>
                 <input id="paths_root_path" name="paths_root_path" size="59" type="text" placeholder="Input">
                 <span class="btn btn-x" onclick="ajaxDeletePattern(11,'id11')">
                   Delete
                 </span>
               </div>
             </fieldset>
   
             <fieldset class="select side-by-side-selector">
                   <div class="left-group">
                       <label class="text" >${_('Chosen group members')}</label>
                       <select id="users_group_members2" multiple size='8'>
                       </select>
                      <div class="btn" id="remove_all_elements2" >
                          ${_('Remove all elements')}
                          <i class="icon-chevron-right"></i>
                      </div>
                   </div>
                   <div class="middle-group">
                       <i id="add_element2" class="icon-chevron-left"></i>
                       <br />
                       <i id="remove_element2" class="icon-chevron-right"></i>
                   </div>
                   <div class="right-group">
                        <label class="text" >${_('Available members')}</label>
                         <select id="available_members2" multiple size='8'>
                             <option value="#">${_('Some example text...')}</option>
                             <option value="ga">A really long thing</option>
                             <option value="clicky">Repo Name</option>
                             <option value="server_announce">${_('Variable Item')}</option>
                         </select>
                        <div class="btn" id="add_all_elements2" >
                            <i class="icon-chevron-left"></i>${_('Add all elements')}
                        </div>
                   </div>
               </fieldset>
   
             <script>
                 $(document).ready(function(){
                     MultiSelectWidget('users_group_members2','available_members', 'edit_users_group');
                 })
             </script>
 
           <div class="buttons">
             <input type="submit" value="Save" id="example_save" class="btn">
             <input type="reset" value="Reset" id="example_reset" class="btn">
           </div>
   
           </form>
 
       </div>  <!-- .main-content  --> 
     </div>  <!-- .sidebar-col-wrappe  --> 
 </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/icons.html

@@ -1,102 +1,102 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
     <div class="box">
         <div class="title">
             ${self.breadcrumbs()}
         </div>
 
         <div class='sidebar-col-wrapper'>
         ${self.sidebar()}
 
         <div class="main-content">
 
             <h2>Gravatars</h2>
 
             <p>Usernames are always centered on an avatar to the left. 
                 Avatars are 16px square.
                 For user settings/login, some exceptions may use a larger avatar.
                 Use base.gravatar for a gravatar only, and base.gravatar_with_user
                 for a gravatar with a username.
                 Use the format below:
             </p>
             <div class="bs-example template-example">
                 <div class="gravatar_with_user">
                     <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=16">
                     <span title="Lolek Santos <[e-mail]>" class="user">Lolek</span>
                 </div>
             </div>
             <div class="bs-example template-example">
 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 16)}</xmp>
             </div>
             <div class="bs-example template-example">
                 <div class="gravatar_with_user">
                     <img class="gravatar gravatar-large" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=30">
                     <span title="Lolek Santos <[e-mail]>" class="user">Lolek</span>
                 </div>
             </div>
             <div class="bs-example template-example">
 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 30)}</xmp>
             </div>
             <p class="help-block">Note: Actual template variables may be different.</p>
 
             <h2>Icon List</h2>
 
 
             <table id="icons-list">
                   <tr class="row">
                     <td title="Code: 0xe813" class="the-icons span3"><i class="icon-plus"></i>              <span class="i-name">icon-plus</span>           <span class="i-code">0xe813</span></td>
                     <td title="Code: 0xe814" class="the-icons span3"><i class="icon-minus"></i>             <span class="i-name">icon-minus</span>          <span class="i-code">0xe814</span></td>
                     <td title="Code: 0xe815" class="the-icons span3"><i class="icon-remove"></i>            <span class="i-name">icon-remove</span>         <span class="i-code">0xe815</span></td>
                     <td title="Code: 0xe811" class="the-icons span3"><i class="icon-fork"></i>              <span class="i-name">icon-fork</span>           <span class="i-code">0xe811</span></td>
                     <td title="Code: 0xe803" class="the-icons span3"><i class="icon-bookmark"></i>          <span class="i-name">icon-bookmark</span>       <span class="i-code">0xe803</span></td>
                   </tr>     
                   <tr class="row"> 
                     <td title="Code: 0xe804" class="the-icons span3"><i class="icon-branch"></i>            <span class="i-name">icon-branch</span>         <span class="i-code">0xe804</span></td>
                     <td title="Code: 0xe833" class="the-icons span3"><i class="icon-merge"></i>             <span class="i-name">icon-merge</span>          <span class="i-code">0xe833</span></td>
                     <td title="Code: 0xe805" class="the-icons span3"><i class="icon-tag"></i>               <span class="i-name">icon-tag</span>            <span class="i-code">0xe805</span></td>
                     <td title="Code: 0xe806" class="the-icons span3"><i class="icon-lock"></i>              <span class="i-name">icon-lock</span>           <span class="i-code">0xe806</span></td>
                     <td title="Code: 0xe807" class="the-icons span3"><i class="icon-unlock"></i>            <span class="i-name">icon-unlock</span>         <span class="i-code">0xe807</span></td>
                   </tr>     
                   <tr class="row"> 
                     <td title="Code: 0xe800" class="the-icons span3"><i class="icon-delete"></i>            <span class="i-name">icon-delete</span>         <span class="i-code">0xe800</span></td>
                     <td title="Code: 0xe800" class="the-icons span3"><i class="icon-false"></i>             <span class="i-name">icon-false</span>          <span class="i-code">0xe800</span></td>
                     <td title="Code: 0xe801" class="the-icons span3"><i class="icon-ok"></i>                <span class="i-name">icon-ok</span>             <span class="i-code">0xe801</span></td>
                     <td title="Code: 0xe801" class="the-icons span3"><i class="icon-true"></i>              <span class="i-name">icon-true</span>           <span class="i-code">0xe801</span></td>
                     <td title="Code: 0xe80f" class="the-icons span3"><i class="icon-group"></i>             <span class="i-name">icon-group</span>          <span class="i-code">0xe80f</span></td>
                   </tr>     
                   <tr class="row"> 
                     <td title="Code: 0xe82d" class="the-icons span3"><i class="icon-hg"></i>                <span class="i-name">icon-hg</span>             <span class="i-code">0xe82d</span></td>
                     <td title="Code: 0xe82a" class="the-icons span3"><i class="icon-git"></i>               <span class="i-name">icon-git</span>            <span class="i-code">0xe82a</span></td>
                     <td title="Code: 0xe82e" class="the-icons span3"><i class="icon-svn"></i>               <span class="i-name">icon-svn</span>            <span class="i-code">0xe82e</span></td>
                     <td title="Code: 0xe810" class="the-icons span3"><i class="icon-folder"></i>            <span class="i-name">icon-folder</span>         <span class="i-code">0xe810</span></td>
                     <td title="Code: 0xe831" class="the-icons span3"><i class="icon-rhodecode"></i>         <span class="i-name">icon-rhodecode</span>      <span class="i-code">0xe831</span></td>
                   </tr>     
                   <tr class="row"> 
                     <td title="Code: 0xe812" class="the-icons span3"><i class="icon-more"></i>              <span class="i-name">icon-more</span>           <span class="i-code">0xe812</span></td>
                     <td title="Code: 0xe802" class="the-icons span3"><i class="icon-comment"></i>           <span class="i-name">icon-comment</span>        <span class="i-code">0xe802</span></td>
                     <td title="Code: 0xe82f" class="the-icons span3"><i class="icon-comment-add"></i>       <span class="i-name">icon-comment-add</span>    <span class="i-code">0xe82f</span></td>
                     <td title="Code: 0xe830" class="the-icons span3"><i class="icon-comment-toggle"></i>    <span class="i-name">icon-comment-toggle</span> <span class="i-code">0xe830</span></td>
                     <td title="Code: 0xe808" class="the-icons span3"><i class="icon-feed"></i>              <span class="i-name">icon-feed</span>           <span class="i-code">0xe808</span></td>
                   </tr>
                   <tr class="row">
                     <td title="Code: 0xe80a" class="the-icons span3"><i class="icon-right"></i>             <span class="i-name">icon-right</span>          <span class="i-code">0xe80a</span></td>
                     <td title="Code: 0xe809" class="the-icons span3"><i class="icon-left"></i>              <span class="i-name">icon-left</span>           <span class="i-code">0xe809</span></td>
                     <td title="Code: 0xe80b" class="the-icons span3"><i class="icon-arrow_down"></i>        <span class="i-name">icon-arrow_down</span>     <span class="i-code">0xe80b</span></td>
                     <td title="Code: 0xe832" class="the-icons span3"><i class="icon-arrow_up"></i>          <span class="i-name">icon-arrow_up</span>       <span class="i-code">0xe832</span></td>
                     <td></td>
                   </tr>
                 </div>
             </table>
         </div>
       </div>
     </div>
 </%def>
  No newline at end of file

rhodecode/templates/debug_style/index.html

@@ -1,79 +1,79 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/base/base.mako"/>
 
 <%def name="title()">
     ${_('Debug Style')}
     %if c.rhodecode_name:
         &middot; ${h.branding(c.rhodecode_name)}
     %endif
 </%def>
 
 <%def name="breadcrumbs_links()">
     ${_('Style')}
 </%def>
 
 <%def name="menu_bar_nav()">
     ${self.menu_items(active='debug_style')}
 </%def>
 
 
 <%def name="main()">
   <div id="style-page">
       ${self.real_main()}
   </div>
 </%def>
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
       ##main
       ${self.sidebar()}
 
       <div class="main-content">
           <h2>Examples of styled elements</h2>
           <p>Taken based on the examples from Bootstrap, form elements based
              on our current markup.</p>
           <p>
             The objective of this section is to have a comprehensive style guide which out
             lines any and all elements used throughout the application, as a reference for 
             both existing developers and as a training tool for future hires.
           </p>
       </div>
     </div>
 </div>
 </%def>
 
 
 <%def name="sidebar()">
     <div class="sidebar">
       <ul class="nav nav-pills nav-stacked">
-          <li class="${'active' if c.active=='index' else ''}"><a href="${h.url('debug_style_home')}">${_('Index')}</a></li>
-          <li class="${'active' if c.active=='typography' else ''}"><a href="${h.url('debug_style_template', t_path='typography.html')}">${_('Typography')}</a></li>
-          <li class="${'active' if c.active=='forms' else ''}"><a href="${h.url('debug_style_template', t_path='forms.html')}">${_('Forms')}</a></li>
-          <li class="${'active' if c.active=='buttons' else ''}"><a href="${h.url('debug_style_template', t_path='buttons.html')}">${_('Buttons')}</a></li>
-          <li class="${'active' if c.active=='labels' else ''}"><a href="${h.url('debug_style_template', t_path='labels.html')}">${_('Labels')}</a></li>
-          <li class="${'active' if c.active=='alerts' else ''}"><a href="${h.url('debug_style_template', t_path='alerts.html')}">${_('Alerts')}</a></li>
-          <li class="${'active' if c.active=='tables' else ''}"><a href="${h.url('debug_style_template', t_path='tables.html')}">${_('Tables')}</a></li>
-          <li class="${'active' if c.active=='tables-wide' else ''}"><a href="${h.url('debug_style_template', t_path='tables-wide.html')}">${_('Tables wide')}</a></li>
-          <li class="${'active' if c.active=='collapsable-content' else ''}"><a href="${h.url('debug_style_template', t_path='collapsable-content.html')}">${_('Collapsable Content')}</a></li>
-          <li class="${'active' if c.active=='icons' else ''}"><a href="${h.url('debug_style_template', t_path='icons.html')}">${_('Icons')}</a></li>
-          <li class="${'active' if c.active=='layout-form-sidebar' else ''}"><a href="${h.url('debug_style_template', t_path='layout-form-sidebar.html')}">${_('Layout form with sidebar')}</a></li>
-          <li class="${'active' if c.active=='login' else ''}"><a href="${h.url('debug_style_template', t_path='login.html')}">${_('Login')}</a></li>
-          <li class="${'active' if c.active=='login2' else ''}"><a href="${h.url('debug_style_template', t_path='login2.html')}">${_('Login 2')}</a></li>
-          <li class="${'active' if c.active=='code-block' else ''}"><a href="${h.url('debug_style_template', t_path='code-block.html')}">${_('Code blocks')}</a></li>
+          <li class="${'active' if c.active=='index' else ''}"><a href="${h.route_path('debug_style_home')}">${_('Index')}</a></li>
+          <li class="${'active' if c.active=='typography' else ''}"><a href="${h.route_path('debug_style_template', t_path='typography.html')}">${_('Typography')}</a></li>
+          <li class="${'active' if c.active=='forms' else ''}"><a href="${h.route_path('debug_style_template', t_path='forms.html')}">${_('Forms')}</a></li>
+          <li class="${'active' if c.active=='buttons' else ''}"><a href="${h.route_path('debug_style_template', t_path='buttons.html')}">${_('Buttons')}</a></li>
+          <li class="${'active' if c.active=='labels' else ''}"><a href="${h.route_path('debug_style_template', t_path='labels.html')}">${_('Labels')}</a></li>
+          <li class="${'active' if c.active=='alerts' else ''}"><a href="${h.route_path('debug_style_template', t_path='alerts.html')}">${_('Alerts')}</a></li>
+          <li class="${'active' if c.active=='tables' else ''}"><a href="${h.route_path('debug_style_template', t_path='tables.html')}">${_('Tables')}</a></li>
+          <li class="${'active' if c.active=='tables-wide' else ''}"><a href="${h.route_path('debug_style_template', t_path='tables-wide.html')}">${_('Tables wide')}</a></li>
+          <li class="${'active' if c.active=='collapsable-content' else ''}"><a href="${h.route_path('debug_style_template', t_path='collapsable-content.html')}">${_('Collapsable Content')}</a></li>
+          <li class="${'active' if c.active=='icons' else ''}"><a href="${h.route_path('debug_style_template', t_path='icons.html')}">${_('Icons')}</a></li>
+          <li class="${'active' if c.active=='layout-form-sidebar' else ''}"><a href="${h.route_path('debug_style_template', t_path='layout-form-sidebar.html')}">${_('Layout form with sidebar')}</a></li>
+          <li class="${'active' if c.active=='login' else ''}"><a href="${h.route_path('debug_style_template', t_path='login.html')}">${_('Login')}</a></li>
+          <li class="${'active' if c.active=='login2' else ''}"><a href="${h.route_path('debug_style_template', t_path='login2.html')}">${_('Login 2')}</a></li>
+          <li class="${'active' if c.active=='code-block' else ''}"><a href="${h.route_path('debug_style_template', t_path='code-block.html')}">${_('Code blocks')}</a></li>
 
           <li class="divider"><strong>Experimental</strong></li>
-          <li class="${'active' if c.active=='panels' else ''}"><a href="${h.url('debug_style_template', t_path='panels.html')}">${_('Panels')}</a></li>
+          <li class="${'active' if c.active=='panels' else ''}"><a href="${h.route_path('debug_style_template', t_path='panels.html')}">${_('Panels')}</a></li>
 
           <li class="divider"><strong>Depreciated</strong></li>
-          <li class="${'active' if c.active=='form-elements' else ''}"><a href="${h.url('debug_style_template', t_path='form-elements.html')}">${_('Form elements')}</a></li>
-          <li class="${'active' if c.active=='form-elements-small' else ''}"><a href="${h.url('debug_style_template', t_path='form-elements-small.html')}">${_('Form elements small')}</a></li>
-          <li class="${'active' if c.active=='form-inline' else ''}"><a href="${h.url('debug_style_template', t_path='form-inline.html')}">${_('Form inline elements')}</a></li>
-          <li class="${'active' if c.active=='form-vertical' else ''}"><a href="${h.url('debug_style_template', t_path='form-vertical.html')}">${_('Form vertical')}</a></li>
+          <li class="${'active' if c.active=='form-elements' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-elements.html')}">${_('Form elements')}</a></li>
+          <li class="${'active' if c.active=='form-elements-small' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-elements-small.html')}">${_('Form elements small')}</a></li>
+          <li class="${'active' if c.active=='form-inline' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-inline.html')}">${_('Form inline elements')}</a></li>
+          <li class="${'active' if c.active=='form-vertical' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-vertical.html')}">${_('Form vertical')}</a></li>
         </ul>
     </div>
 </%def>
  No newline at end of file

rhodecode/templates/debug_style/labels.html

@@ -1,64 +1,64 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
 
       ${self.sidebar()}
 
       <div class="main-content">
         <h2>Labels</h2>
   
         <h3>Labels used for tags, branches and bookmarks</h3>
   
         <div class="bs-example">
           <ul class="metatag-list">
             <li>
               <span class="tagtag tag" title="Tag tip">
                 <a href="/fake-link"><i class="icon-tag"></i>tip</a>
               </span>
             </li>
             <li>
               <span class="branchtag tag" title="Branch default">
                <a href="/fake-link"><i class="icon-code-fork"></i>default</a>
               </span>
             </li>
             <li>
               <span class="bookmarktag tag" title="Bookmark example">
                <a href="/fake-link"><i class="icon-bookmark"></i>example</a>
               </span>
             </li>
           </ul>
 
         </div>
 
         <h3>Labels used in tables</h3>
         <div class="bs-example">
           <ul class="metatag-list">
               <li>[default] <span class="metatag" tag="default">default</span></li>
               <li>[featured] <span class="metatag" tag="featured">featured</span></li>
               <li>[stale] <span class="metatag" tag="stale">stale</span></li>
               <li>[dead] <span class="metatag" tag="dead">dead</span></li>
               <li>[lang =&gt; lang] <span class="metatag" tag="lang">lang</span></li>
               <li>[license =&gt; License] <span class="metatag" tag="license"><a href="http://www.opensource.org/licenses/License">License</a></span></li>
               <li>[requires =&gt; Repo] <span class="metatag" tag="requires">requires =&gt; <a href="#">Repo</a></span></li>
               <li>[recommends =&gt; Repo] <span class="metatag" tag="recommends">recommends =&gt; <a href="#">Repo</a></span></li>
               <li>[see =&gt; URI] <span class="metatag" tag="see">see =&gt; <a href="#">URI</a></span></li>
           </ul>
         </div>
       </div>  <!-- .main-content  -->
     </div>
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/layout-form-sidebar.html

@@ -1,106 +1,106 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Headline comes as a h2 element</h2>
 
 
         <form method='post' action='none'>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     <select id="example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkbox'>Example checkbox:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkbox" type="checkbox">
                     <label for="example_checkbox">Label of the checkbox</label>
                   </div>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple radios:</label>
                 </div>
                 ## TODO: johbo: This is off compared to the checkboxes
                 <div class="radios">
                   <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
                   <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
                   <span class="help-block">
                     Permission to allow repository creation. This includes ability
                     to create repositories in root level. If this option is disabled
                     admin of repository group can still create repositories
                     inside that repository group.
                   </span>
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn">
                 <input type="reset" value="Reset" id="example_reset" class="btn">
               </div>
 
             </div>
           </div>
         </form>
 
 
 
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/login.html

@@ -1,74 +1,74 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
   <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     ##main
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
       <div class="main-content">
 
 
         <div class="bs-example pull-left">
 
           <div id="quick_login">
             <h4>${_('Sign in to your account')}</h4>
 
             ${h.form(h.url('login_home',came_from=h.url.current()), needs_csrf_token=False)}
             <div class="form form-vertical">
                 <div class="fields">
 
                     <div class="field">
                         <div class="label">
                             <label for="username">${_('Username')}:</label>
                         </div>
                         <div class="input">
                             ${h.text('username',class_='focus',tabindex=1)}
                         </div>
                     </div>
 
                     <div class="field">
                         <div class="label">
                             <label for="password">${_('Password')}:</label>
                             <span class="forgot_password">${h.link_to(_('(Forgot password?)'),h.url('reset_password'))}</span>
                         </div>
                         <div class="input">
                             ${h.password('password',class_='focus',tabindex=2)}
                         </div>
                     </div>
 
                     <div class="buttons">
                         <div class="register">
                         %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():
                          ${h.link_to(_("Don't have an account ?"),h.url('register'))}
                         %endif
                         </div>
                         <div class="submit">
                             ${h.submit('sign_in',_('Sign In'),class_="btn btn-small",tabindex=3)}
                         </div>
                     </div>
 
                 </div>
             </div>
             ${h.end_form()}
           </div>
 
         </div>
       </div>
     </div>
   </div>
 
 </%def>

rhodecode/templates/debug_style/panels.html

@@ -1,152 +1,152 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 <%def name="real_main()">
     <div class="box">
         <div class="title">
             ${self.breadcrumbs()}
         </div>
 
         <div class='sidebar-col-wrapper'>
         ${self.sidebar()}
 
         <div class="main-content">
 
             <h2>Panels</h2>
 
             <p>
               Panels are based on
               <a href="http://getbootstrap.com/components/#panels">
                 Bootstrap panels</a>, with custom styles added.</p>
             <p>
                 Examples how to use it:
             </p>
 
             <div class="panel panel-default">
                 <div class="panel-heading">
                     Panel title
                 </div>
                 <div class="panel-body">
                     Panel with a plain <code>.panel-heading</code>
                     and <code>.panel-footer</code>.
                 </div>
                 <div class="panel-footer">
                     Panel footer
                 </div>
             </div>
 
             <div class="panel panel-default">
                 <div class="panel-heading">
                     Panel title
                 </div>
                 <div class="panel-body">
                   Footers are optional.
                 </div>
             </div>
 
             <div class="panel panel-default">
               <div class="panel-heading">
                 <div class="panel-title">
                   Panel title
                 </div>
               </div>
                 <div class="panel-body">
                     A <code>div.panel-title</code>
                 </div>
                 <div class="panel-footer">
                     Panel footer
                 </div>
             </div>
 
             <div class="panel panel-default">
               <div class="panel-heading">
                 <h3 class="panel-title">
                   Panel title
                 </h3>
               </div>
                 <div class="panel-body">
                     A <code>h3.panel-title</code>
                 </div>
                 <div class="panel-footer">
                     Panel footer
                 </div>
             </div>
 
             <div class="panel panel-default">
                 <div class="panel-heading">
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                 </div>
                 <div class="panel-body">
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                 </div>
                 <div class="panel-footer">
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                 </div>
             </div>
             <p>
                 Use the HTML format below:
             </p>
             <div class="bs-example template-example">
 <xmp><div class="panel panel-default">
     <div class="panel-heading">
         <h3 class="panel-title">Panel title</h3>
     </div>
     <div class="panel-body">
         Panel content
     </div>
     <div class="panel-footer">
         Panel footer
     </div>
 </div></xmp>
             </div>
 
         </div>
       </div>
     </div>
 </%def>

rhodecode/templates/debug_style/tables-wide.html

@@ -1,130 +1,130 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     ##main
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Too wide tables handling</h2>
 
 
 
 <table class="issuetracker">
     <tbody><tr>
         <th>Description</th>
         <th>Pattern</th>
         <th>Url</th>
         <th>Prefix</th>
         <th></th>
     </tr>
     <tr>
         <td class="issue-tracker-example">Example</td>
         <td class="issue-tracker-example">(?:#)(?P&lt;issue_id&gt;\d+)</td>
         <td class="issue-tracker-example">https://myissueserver.com/repo/issue/issue_id</td>
         <td class="issue-tracker-example">#</td>
         <td class="issue-tracker-example"><a target="_blank" href="https://rhodecode.com/docs">Read more</a></td>
     </tr>
       <tr id="4980baa2985b361e6e91b932f4a897d5">
           <td class="issuetracker_desc">kjlakjlkjlkj;lkjl;kjl;kjl;kjl;kj;lkj</td>
           <td class="issuetracker_pat">lkjhlkjhlkjhaslkdjfhalkdjsfhalksjdhf</td>
           <td class="issuetracker_url">alsdkjhfalskjdfhalskjdhf</td>
           <td class="issuetracker_pref">alskdjhfalksjdhfalksjdhf</td>
           <td>
              <div class="grid_edit">
                <a class="edit_issuetracker_entry" uid="4980baa2985b361e6e91b932f4a897d5" title="edit" href="#">
                  <i class="icon-pencil"></i>
                    <input type="submit" value="edit" class="btn btn-link">
                </a>
              </div>
 
              <div class="grid_delete">
                 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
 <input type="hidden" value="delete" name="_method">
 </div>
 
 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
                     <input type="hidden" value="4980baa2985b361e6e91b932f4a897d5" name="del_uid" id="del_uid">
                     <i class="icon-remove-sign"></i>
                     <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: kjlakjlkjlkj;lkjl;kjl;kjl;kjl;kj;lkj');" id="remove_user_3" class="btn btn-link btn-danger">
                 </form>
              </div>
 
           </td>
       </tr>
       <tr id="98ac51a4ab43bb36a4feceed15ac5b21">
           <td class="issuetracker_desc">kajls;kdjfal;skdjflaskdjflksjdlfksjdlfksjdlfkjsldkfjslkdjflskdjflkdsjf</td>
           <td class="issuetracker_pat">lksjdlfkjsldkfjsldkfjlskdjflskjdlfksjdlfksjdlfjslkdfjslkdjf</td>
           <td class="issuetracker_url">lksdjflskdjflskjdf</td>
           <td class="issuetracker_pref">sdlfkjsldkfjslkdjf</td>
           <td>
              <div class="grid_edit">
                <a class="edit_issuetracker_entry" uid="98ac51a4ab43bb36a4feceed15ac5b21" title="edit" href="#">
                  <i class="icon-pencil"></i>
                    <input type="submit" value="edit" class="btn btn-link">
                </a>
              </div>
 
              <div class="grid_delete">
                 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
 <input type="hidden" value="delete" name="_method">
 </div>
 
 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
                     <input type="hidden" value="98ac51a4ab43bb36a4feceed15ac5b21" name="del_uid" id="del_uid">
                     <i class="icon-remove-sign"></i>
                     <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: kajls;kdjfal;skdjflaskdjflksjdlfksjdlfksjdlfkjsldkfjslkdjflskdjflkdsjf');" id="remove_user_3" class="btn btn-link btn-danger">
                 </form>
              </div>
 
           </td>
       </tr>
       <tr id="098f6bcd4621d373cade4e832627b4f6">
           <td class="issuetracker_desc">test</td>
           <td class="issuetracker_pat">test</td>
           <td class="issuetracker_url">test</td>
           <td class="issuetracker_pref">test</td>
           <td>
              <div class="grid_edit">
                <a class="edit_issuetracker_entry" uid="098f6bcd4621d373cade4e832627b4f6" title="edit" href="#">
                  <i class="icon-pencil"></i>
                    <input type="submit" value="edit" class="btn btn-link">
                </a>
              </div>
 
              <div class="grid_delete">
                 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
 <input type="hidden" value="delete" name="_method">
 </div>
 
 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
                     <input type="hidden" value="098f6bcd4621d373cade4e832627b4f6" name="del_uid" id="del_uid">
                     <i class="icon-remove-sign"></i>
                     <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: test');" id="remove_user_3" class="btn btn-link btn-danger">
                 </form>
              </div>
 
           </td>
       </tr>
 </tbody></table>
 
 
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/tables.html

@@ -1,545 +1,545 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
       ##main
       ${self.sidebar()}
 
       <div class="main-content">
 
       <div style="opacity:.5">
 
         <h2>Simple tables</h2>
 
         <p>These styles will be adjusted later to provide a baseline style
             for all tables without classes added, whether part of the
             application or not. Currently, some of the
             application-specific styles are applied to this table.</p>
         <p>This is a baseline style for all tables, whether part of the
             application or not. It has no class applied for styling. Use
             the "rctable" class as outlined before for tables which are
             part of the RhodeCode application.</p>
         <table>
           <tbody>
             <tr>
               <th>Header A</th>
               <th>Header B</th>
               <th>Header C</th>
               <th>Header D</th>
             </tr>
             <tr>
               <td>Content of col A</td>
               <td>Content of col B</td>
               <td>Content of col C</td>
               <td>Content of col D</td>
             </tr>
             <tr>
               <td>Content of col A</td>
               <td>Content of col B</td>
               <td>Content of col C</td>
               <td>Content of col D</td>
             </tr>
             <tr>
               <td>Content of col A</td>
               <td>Content of col B</td>
               <td>Content of col C</td>
               <td>Content of col D</td>
             </tr>
             <tr>
               <td>Content of col A</td>
               <td>Content of col B</td>
               <td>Content of col C</td>
               <td>Content of col D</td>
             </tr>
           </tbody>
         </table>
       </div>
 
 
 
 
       <h2>RC application table with examples</h2>
 
       <p>This is a standard table which applies the rhodecode-specific styling to be used
           throughout the application; it has <code>&lt;table class="rctable"&gt;</code>.
           <br/>
           By default, table data is not truncated, and wraps inside of the <code>&lt;td&gt
           ;</code>. To prevent wrapping and contain data on one line, use the <code>&lt;
           class="truncate-wrap"&gt;</code> on the <code>&lt;td&gt;</code>, and <code>span
           class="truncate"</code> around the specific data to be truncated.
       </p>
       <p>
           Ellipsis is added via CSS. Please always add a row of headers using <code>&lt;th
           &gt;</code> to the top of a table.
       </p>
 
       ## TODO: johbo: in case we have more tables with examples, we should
       ## create a generic class here.
       <table class="rctable issuetracker">
         <thead>
           <tr>
             <th>Header A</th>
             <th>Header B</th>
             <th>Header C</th>
             <th>Header D</th>
           </tr>
         </thead>
         <tbody>
           <tr>
             <td class="issue-tracker-example">
               Example of col A
             </td>
             <td class="issue-tracker-example">
               Example of col B
             </td>
             <td class="issue-tracker-example">
               Example of col C
             </td>
             <td class="issue-tracker-example">
               Example of col D
             </td>
           </tr>
           <tr>
             <td>Content of col A</td>
             <td>Content of col B</td>
             <td>Content of col C which is very long and will not be
               truncated because sometimes people just want to write
               really, really long commit messages which explain what
               they did in excruciating detail and you really, really
               want to read them.</td>
             <td>Content of col D</td>
           </tr>
           <tr>
             <td>Content of col A</td>
             <td>Content of col B</td>
             <td>Content of col C</td>
             <td class="truncate-wrap"><span class="truncate">Truncated
                 content of column D truncate truncate truncatetruncate
                 truncate truncate</span></td>
           </tr>
         </tbody>
       </table>
 
       <h2>RC application table data classes</h2>
 
       <p>The following tables contain documentation of all existing table data classes.
          Please update when new classes are made.
       </p>
       <table class="rctable examples">
         <thead>
           <tr>
             <th>Class</th>
             <th>Description</th>
             <th>Example</th>
           </tr>
         </thead>
         <tbody>
             <td>td-user</td>
             <td>Any username/gravatar combination (see also Icons style).</td>
             <td class="td-user author">
               <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/0c9a7e6674b6f0b35d98dbe073e3f0ab?d=identicon&amp;s=32" height="16" width="16">
               <span title="Oliver Strobel <[e-mail]>" class="user">ostrobel (Oliver Strobel)</span>
             </td>
           </tr>
           <tr>
             <td>td-hash</td>
             <td>Any hash; a commit, revision, etc. Use <code>&lt;pre&gt;</code> and header 'Commit'</td>
             <td class="td-commit">
               <pre><a href="/anothercpythonforkkkk/files/8d6b27837c6979983b037693fe975cdbb761b500/">r93699:8d6b27837c69</a></pre>
             </td>
           </tr>
           <tr>
             <td>td-rss</td>
             <td>RSS feed link icon</td>
             <td class="td-rss">
               <a title="Subscribe to rss feed" href="/feed/rss"><i class="icon-rss-sign"></i></a>
             </td>
           </tr>
           <tr>
             <td>td-componentname</td>
             <td>Any group, file, gist, or directory name.</td>
             <td class="td-componentname">
               <a href="/cpythonfork">
                 <span title="Mercurial repository"><i class="icon-hg"></i></span>
                 <i class="icon-unlock-alt" title="Public repository"></i>
                 rhodecode-dev-restyle-fork
               </a>
             </td>
           </tr>
           <tr>
             <td>td-tags</td>
             <td>Any cell containing tags, including branches and bookmarks.</td>
             <td class="td-tags">
               <span class="branchtag tag" title="Branch default">
                 <a href="/rhodecode-dev-restyle-  fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
              </span>
             </td>
           </tr>
           <tr>
             <td>tags-truncate</td>
             <td>Used to truncate a cell containing tags; avoid if possible.</td>
             <td class="td-tags truncate-wrap">
               <div class="truncate tags-truncate">
                 <div class="autoexpand">
                   <span class="tagtag tag" title="Tag tip">
                     <a href="/rhodecode-dev-restyle-fork/files/e519d5a0e71466d27257ddff921c4a13c540408e/"><i class="icon-tag"></i>tip</a>
                   </span>
                   <span class="branchtag tag" title="Branch default">
                    <a href="/rhodecode-dev-restyle-fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
                   </span>
                   <span class="branchtag tag" title="Branch default">
                    <a href="/rhodecode-dev-restyle-fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
                   </span>
                 </div>
               </div>
             </td>
           </tr>
           <tr>
             <td>td-ip</td>
             <td>Any ip address.</td>
             <td class="td-ip">
               172.16.115.168
             </td>
           </tr>
           <tr>
             <td>td-type</td>
             <td>A state or an auth type.</td>
             <td class="td-type">
               rhodecode
             </td>
           </tr>
           <tr>
             <td>td-authtoken</td>
             <td>For auth tokens. Use truncate classes for hover expand; see html.</td>
             <td class="truncate-wrap td-authtoken">
               <div class="truncate autoexpand">
                 <code>688df65b87d3ad16ae9f8fc6338a551d40f41c7a</code>
               </div>
             </td>
           </tr>
           <tr>
             <td>td-action</td>
             <td>Buttons which perform an action.</td>
             <td class="td-action">
               <div class="grid_edit">
                 <a href="/_admin/users/2/edit" title="edit">
                   <i class="icon-pencil"></i>Edit</a>
               </div>
               <div class="grid_delete">
               <form action="/_admin/users/2" method="post">
                 <i class="icon-remove-sign"></i>
                 <input class="btn btn-danger btn-link" id="remove_user_2" name="remove_"  type="submit" value="delete">
               </form>
              </div>
             </td>
           </tr>
           <tr>
             <td>td-radio</td>
             <td>Radio buttons for a form. Centers element.</td>
             <td class="td-radio">
               <input type="radio" checked="checked" value="" name="1" id="read"></td>
           </tr>
           <tr>
             <td>td-checkbox</td>
             <td>Checkbox for a form. Centers element.</td>
             <td class="td-checkbox">
               <input type="checkbox" checked="checked" value="" name="1" id="read"></td>
           </tr>
           <tr>
           <tr>
             <td>td-buttons</td>
             <td>Buttons.</td>
             <td class="td-buttons">
                 <span class="btn btn-mini btn-primary">feed access</span>
             </td>
           </tr>
           <tr>
             <td>td-compare</td>
             <td>Radio buttons to compare commits.</td>
             <td class=" td-compare">
                 <input class="compare-radio-button" type="radio" name="compare_source" value="2.0">
                 <input class="compare-radio-button" type="radio" name="compare_target" value="2.0">
             </td>
           </tr>
           <tr>
             <td>td-comments</td>
             <td>Comments indicator icon.</td>
             <td>
               <i class="icon-comment"></i> 0
             </td>
           </tr>
           <tr>
             <td>td-status</td>
             <td>Status indicator icon.</td>
             <td class="td-description">
               <div class="flag_status under_review pull-left"></div>
             </td>
           </tr>
         </tbody>
       </table>
       <table class="dataTable rctable examples">
         <tbody>
           <tr>
             <td>quick_repo_menu</td>
             <td>Hidden menu generated by dataTable.</td>
             <td class="quick_repo_menu">
               <i class="pointer icon-more"></i>
               <div class="menu_items_container" style="display: none;">
                 <ul class="menu_items">
                   <li>
                      <a title="Summary" href="/anothercpythonforkkkk-fork">
                      <span>Summary</span>
                      </a>
                   </li>
                   <li>
                      <a title="Changelog" href="/anothercpythonforkkkk-fork/changelog">
                      <span>Changelog</span>
                      </a>
                   </li>
                   <li>
                      <a title="Files" href="/anothercpythonforkkkk-fork/files/tip/">
                      <span>Files</span>
                      </a>
                   </li>
                   <li>
                      <a title="Fork" href="/anothercpythonforkkkk-fork/fork">
                      <span>Fork</span>
                      </a>
                   </li>
                 </ul>
               </div>
             </td>
             <td></td>
           </tr>
         </tbody>
       </table>
       <script>quick_repo_menu();</script>
       <table class="rctable examples">
         <tbody>
           <tr>
             <td>td-description</td>
             <td>Any description. They may be rather long, and using the expand_commit outlined below is recommended.</td>
             <td class="td-description">
               Ultrices mattis! Enim pellentesque lacus, sit magna natoque risus turpis ut, auctor ultrices facilisis dapibus odio? Parturient! Porta egestas nascetur, quis, elementum dolor, in magna ac dis sit etiam turpis, scelerisque! Integer tristique aliquam.
             </td>
           </tr>
         </tbody>
       </table>
       <table id="changesets" class="rctable examples end">
         <tbody>
           <tr>
             <td>expand_commit</td>
             <td>Expands a long message; see html+js.</td>
             <td class="expand_commit" data-commit-id="2ffc6faabc7a9c790b1b452943a3f0c047b8b436" title="Expand commit message">
                 <div class="show_more_col">
                 <i class="show_more"></i>
                 </div>
             </td>
             <td class="mid td-description">
                 <div class="log-container truncate-wrap">
                     <div id="c-2ffc6faabc7a9c790b1b452943a3f0c047b8b436" class="message truncate" data-message-raw="tests: Test echo method on the server object
 
             This only works for Pyro4 so far, have to extend it still for HTTP to work.">tests: Test echo method on the server object
 
             This only works for Pyro4 so far, have to extend it still for HTTP to work.</div>
                 </div>
             </td>
           </tr>
         </tbody>
       </table>
         <script type="text/javascript">
             var cache = {};
             $('.expand_commit').on('click',function(e){
               var target_expand = $(this);
               var cid = target_expand.data('commitId');
 
               if (target_expand.hasClass('open')){
                 $('#c-'+cid).css({'height': '1.5em', 'white-space': 'nowrap', 'text-overflow': 'ellipsis', 'overflow':'hidden'});
                 $('#t-'+cid).css({'height': '1.5em', 'max-height': '1.5em', 'text-overflow': 'ellipsis', 'overflow':'hidden', 'white-space':'nowrap'});
                 target_expand.removeClass('open');
               }
               else {
                 $('#c-'+cid).css({'height': 'auto', 'white-space': 'pre-line', 'text-overflow': 'initial', 'overflow':'visible'});
                 $('#t-'+cid).css({'height': 'auto', 'max-height': 'none', 'text-overflow': 'initial', 'overflow':'visible', 'white-space':'normal'});
                 target_expand.addClass('open');
               }
             });
 
         </script>
         <p>The following classes currently do not have unique styles applied.</p>
         <table class="rctable examples end">
           <tbody>
             <tr>
               <td>td-regex</td>
               <td>Regex patterns</td>
               <td class="td-regex">(?:#)(?P<issue_id>\d+)</td>
             </tr>
             <tr>
               <td>td-url</td>
               <td>Any URL.</td>
               <td class="td-url">https://rhodecode.com</td>
             </tr>
             <tr>
               <td>td-journalaction</td>
               <td>Action listed in a journal</td>
               <td class="td-journalaction">started following repository supervisor-fork-4</td>
             </tr>
             <tr>
               <td>td-iprange</td>
               <td>Any ip address.</td>
               <td class="td-ip">127.0.0.1-127.0.0.10</td>
             </tr>
             <tr>
               <td>td-exp</td>
               <td>Expiration time.</td>
               <td class="td-exp">never</td>
             </tr>
             <tr>
               <td>td-prefix</td>
               <td>Prefixes outlined in settings.</td>
               <td class="td-prefix">ubuntu-92539</td>
             </tr>
             <tr>
               <td>td-cachekey</td>
               <td>Cache key value.</td>
               <td class="td-cachekey">ubuntu-92539supervisor</td>
             </tr>
             <tr>
               <td>td-email</td>
               <td>Any email address.</td>
               <td class="td-email">[e-mail]</td>
             </tr>
             <tr>
               <td>td-active</td>
               <td>Shows active state with icon-true/icon-false.</td>
               <td class="td-active"><i class="icon-false"></i></td>
             </tr>
             <tr>
               <td>td-size</td>
               <td>File, repo, or directory size.</td>
               <td class="td-size">89 MB</td>
             </tr>
             <tr>
               <td>td-number</td>
               <td>Any numerical data.</td>
               <td class="td-number">42</td>
             </tr>
             <tr>
               <td>td-message</td>
               <td>Any commit message. Often treated with the truncate class used for descriptions as well.</td>
               <td class="td-message">Updated the files</td>
             </tr>
           </tbody>
         </table>
 
 
       <h2>Permissions table</h2>
 
       <p>
         This is a special-case table; it has
         <code>table class="rctable permissions"</code>
         where "rctable" applies the rhodecode styling as above, and
         "permissions" adds an extra layer of customization specific to
         permissions tables. Other special-case tables may exist or be
         created if necessary.
       </p>
 
       <table class="rctable permissions">
         <tr>
           <th class="td-radio">none</th>
           <th class="td-radio">read</th>
           <th class="td-radio">write</th>
           <th class="td-radio">admin</th>
           <th>user/user group</th>
           <th></th>
         </tr>
         <tr class="perm_admin_row">
           <td class="td-radio"><input type="radio" value="repository.none"
             name="admin_perm_2" id="admin_perm_2_repositorynone"
             disabled="disabled"></td>
           <td class="td-radio"><input type="radio" value="repository.read"
             name="admin_perm_2" id="admin_perm_2_repositoryread"
             disabled="disabled"></td>
           <td class="td-radio"><input type="radio" value="repository.write"
             name="admin_perm_2" id="admin_perm_2_repositorywrite"
             disabled="disabled"></td>
           <td class="td-radio"><input type="radio" value="repository.admin"
             name="admin_perm_2" id="admin_perm_2_repositoryadmin"
             disabled="disabled" checked="checked"></td>
           <td>
             <img class="gravatar" src="https://secure.gravatar.com/avatar/be9d18f611892a738e54f2a3a171e2f9?d=identicon&amp;s=32" height="16" width="16">
             <span class="user">dev (super admin) (owner)</span>
           </td>
           <td></td>
         </tr>
         <tr>
           <td colspan="4">
               <span class="private_repo_msg">
               private repository
               </span>
           </td>
           <td class="private_repo_msg">
               <i class="icon-user"></i>
               default - only people explicitly added here will have access</td>
           <td></td>
         </tr>
         <tr>
           <td class="td-radio"><input type="radio" value="repository.none"
             name="u_perm_1" id="u_perm_1_repositorynone"></td>
           <td class="td-radio"><input type="radio" checked="checked"
             value="repository.read" name="u_perm_1"
             id="u_perm_1_repositoryread"></td>
           <td class="td-radio"><input type="radio" value="repository.write"
             name="u_perm_1" id="u_perm_1_repositorywrite"></td>
           <td class="td-radio"><input type="radio" value="repository.admin"
             name="u_perm_1" id="u_perm_1_repositoryadmin"></td>
           <td>
             <img class="gravatar" src="/_static/rhodecode/images/user30.png" height="16" width="16">
             <span class="user">default</span>
           </td>
           <td></td>
         </tr>
         <tr>
           <td class="td-radio"><input type="radio" value="repository.none"
             name="u_perm_2" id="u_perm_2_repositorynone"></td>
           <td class="td-radio"><input type="radio" checked="checked"
             value="repository.read" name="u_perm_2"
             id="u_perm_2_repositoryread"></td>
           <td class="td-radio"><input type="radio" value="repository.write"
             name="u_perm_2" id="u_perm_2_repositorywrite"></td>
           <td class="td-radio"><input type="radio" value="repository.admin"
             name="u_perm_2" id="u_perm_2_repositoryadmin"></td>
           <td>
             <img class="gravatar" src="https://secure.gravatar.com/avatar/be9d18f611892a738e54f2a3a171e2f9?d=identicon&amp;s=32" height="16" width="16">
             <a class="user" href="/_admin/users/2/edit">dev</a>
           </td>
           <td>
             <span member_type="user" member="2"
                   class="btn action_button btn-link btn-danger">revoke</span>
           </td>
         </tr>
         </tbody>
       </table>
       <div class="link" id="add_perm">
         Add new
       </div>
 
 
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/typography.html

@@ -1,507 +1,507 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
-    ${h.link_to(_('Style'), h.url('debug_style_home'))}
+    ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 <%def name="real_main()">
 <div class="box">
   <div class="title">
       ${self.breadcrumbs()}
   </div>
 </div>
 
 ##main
 <div class='sidebar-col-wrapper'>
 ${self.sidebar()}
 
   <div class="main-content">
 
     <div class="bs-docs-section">
       <h1 id="type" class="page-header">Typography</h1>
     
       <!-- Headings -->
       <h2 id="type-headings">Headings</h2>
       <p>All HTML headings, <code>&lt;h1&gt;</code> through <code>&lt;h6&gt;</code>, are available. <code>.h1</code> through <code>.h6</code> classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.
       </p>
       <p>All headings have no top/side margins and a bottom margin which corresponds to variable <code>@textmargin</code>, a color corresponding to <code>@text-color</code>, and a line-height of 1.8em.
       <div class="bs-example bs-example-type" data-example-id="simple-headings">
         <table class="table">
           <tbody>
             <tr>
               <td><h1>h1. RhodeCode heading</h1></td>
               <td class="type-info">Bold</td>
               <td class="type-info">1.54em</td>
             </tr>
             <tr>
               <td><h2>h2. RhodeCode heading</h2></td>
               <td class="type-info">Semi-Bold</td>
               <td class="type-info">1.23em</td>
             </tr>
             <tr>
               <td><h3>h3. RhodeCode heading</h3></td>
               <td class="type-info">Regular</td>
               <td class="type-info">1.23em</td>
             </tr>
             <tr>
               <td><h4>h4. RhodeCode heading</h4></td>
               <td class="type-info">Bold</td>
               <td class="type-info">1em</td>
             </tr>
             <tr>
               <td><h5>h5. RhodeCode heading</h5></td>
               <td class="type-info">Bold Italic</td>
               <td class="type-info">1em</td>
             </tr>
             <tr>
               <td><h6>h6. RhodeCode heading</h6></td>
               <td class="type-info">Bold Italic</td>
               <td class="type-info">1em</td>
             </tr>
           </tbody>
         </table>
       </div>
     <div class="highlight-html"><xmp>
     <h1>h1. RhodeCode heading</h1>
     <h2>h2. RhodeCode heading</h2>
     <h3>h3. RhodeCode heading</h3>
     <h4>h4. RhodeCode heading</h4>
     <h5>h5. RhodeCode heading</h5>
     <h6>h6. RhodeCode heading</h6>
     </xmp></div> <!-- end highlight -->
     
       <p>Create lighter, secondary text in any heading with a generic <code>&lt;small&gt;</code> tag or the <code>.small</code> class.</p>
       <div class="bs-example bs-example-type" data-example-id="small-   headings">
         <table class="table">
           <tbody>
             <tr>
               <td><h1>h1. RhodeCode heading <small>Secondary text</small></h1></td>
             </tr>
             <tr>
               <td><h2>h2. RhodeCode heading <small>Secondary text</small></h2></td>
             </tr>
             <tr>
               <td><h3>h3. RhodeCode heading <small>Secondary text</small></h3></td>
             </tr>
             <tr>
               <td><h4>h4. RhodeCode heading <small>Secondary text</small></h4></td>
             </tr>
             <tr>
               <td><h5>h5. RhodeCode heading <small>Secondary text</small></h5></td>
             </tr>
             <tr>
               <td><h6>h6. RhodeCode heading <small>Secondary text</small></h6></td>
             </tr>
           </tbody>
         </table>
       </div>
     <div class="highlight-html"><xmp>
     <h1>h1. RhodeCode heading <small>Secondary text</small></h1>
     <h2>h2. RhodeCode heading <small>Secondary text</small></h2>
     <h3>h3. RhodeCode heading <small>Secondary text</small></h3>
     <h4>h4. RhodeCode heading <small>Secondary text</small></h4>
     <h5>h5. RhodeCode heading <small>Secondary text</small></h5>
     <h6>h6. RhodeCode heading <small>Secondary text</small></h6>
     </xmp></div> <!-- end highlight -->
     
     
       <!-- Body copy -->
       <h2 id="type-body-copy">Body copy</h2>
       <p>RhodeCode's global default <code>font-size</code> is <strong>13px</strong>, with a <code>line-height</code> of <strong>2em</strong>. This is applied to the <code>&lt;body&gt;</code> and all paragraphs. In addition, <code>&lt;p&gt;</code> (paragraphs) receive a bottom margin of designated by @textmargin (20px).</p>
       <div class="bs-example" data-example-id="body-copy">
         <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
         <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>
         <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
       </div>
     <div class="highlight-html"><xmp>
     <p>...</p>
     </xmp></div> <!-- end highlight -->
     
       <!-- Body copy .lead -->
       <h3>Lead body copy</h3>
       <p>Make a paragraph stand out by adding <code>.lead</code>.</p>
       <div class="bs-example" data-example-id="lead-copy">
         <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>
       </div>
     <div class="highlight-html"><xmp>
     <p class="lead">...</p>
     </xmp></div> <!-- end highlight -->
     
       <!-- Using Less -->
       <h3>Built with Less</h3>
       <p>The typographic scale is based on Less variables in <strong>variables.less</strong>. Font sizes are calculated from <code>@basefontsize</code>, line-heights are calculated with em, and font families are handled by:
         <ul class="list-unstyled">
           <li><code>@text-regular</code></li>
           <li><code>@text-italic</code></li>
           <li><code>@text-bold</code></li>
           <li><code>@text-semibold</code></li>
           <li><code>@text-bold-italic</code></li>
           <li><code>@text-light</code></li>
           <li><code>@text-light-italic</code></li>
         </ul>
       </p>
     
       <!-- Inline text elements -->
       <h2 id="type-inline-text">Inline text elements</h2>
       <h3>Marked text</h3>
       <p>For highlighting a run of text due to its relevance in another context, use the <code>&lt;mark&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-mark">
         <p>You can use the mark tag to <mark>highlight</mark> text.</p>
       </div>
     <div class="highlight-html"><xmp>
     You can use the mark tag to <mark>highlight</mark> text.
     </xmp></div> <!-- end highlight -->
     
     
       <h3>Deleted text</h3>
       <p>For indicating blocks of text that have been deleted use the <code>&lt;del&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-del">
         <p><del>This line of text is meant to be treated as deleted text.</del></p>
       </div>
     <div class="highlight-html"><xmp>
     <del>This line of text is meant to be treated as deleted text.</del>
     </xmp></div> <!-- end highlight -->
     
       <h3>Strikethrough text</h3>
       <p>For indicating blocks of text that are no longer relevant use the <code>&lt;s&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-s">
         <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
       </div>
     <div class="highlight-html"><xmp>
     <s>This line of text is meant to be treated as no longer accurate.</s>
     </xmp></div> <!-- end highlight -->
     
       <h3>Inserted text</h3>
       <p>For indicating additions to the document use the <code>&lt;ins&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-ins">
         <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
       </div>
     <div class="highlight-html"><xmp>
     <ins>This line of text is meant to be treated as an addition to the document.</ins>
     </xmp></div> <!-- end highlight -->
     
       <h3>Underlined text</h3>
       <p>To underline text use the <code>&lt;u&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-u">
         <p><u>This line of text will render as underlined</u></p>
       </div>
     <div class="highlight-html"><xmp>
     <u>This line of text will render as underlined</u>
     </xmp></div> <!-- end highlight -->
     
       <p>Make use of HTML's default emphasis tags with lightweight styles.</p>
     
       <h3>Small text</h3>
       <p>For de-emphasizing inline or blocks of text, use the <code>&lt;small&gt;</code> tag to set text at 85% the size of the parent. Heading elements receive their own <code>font-size</code> for nested <code>&lt;small&gt;</code> elements.</p>
       <p>You may alternatively use an inline element with <code>.small</code> in place of any <code>&lt;small&gt;</code>.</p>
       <div class="bs-example" data-example-id="simple-small">
         <p><small>This line of text is meant to be treated as fine print.</small></p>
       </div>
     <div class="highlight-html"><xmp>
     <small>This line of text is meant to be treated as fine print.</small>
     </xmp></div> <!-- end highlight -->
     
     
       <h3>Bold</h3>
       <p>For emphasizing a snippet of text with a heavier font-weight.</p>
       <div class="bs-example" data-example-id="simple-strong">
         <p>The following snippet of text is <strong>rendered as bold text</strong>.</p>
       </div>
     <div class="highlight-html"><xmp>
     <strong>rendered as bold text</strong>
     </xmp></div> <!-- end highlight -->
     
       <h3>Italics</h3>
       <p>For emphasizing a snippet of text with italics.</p>
       <div class="bs-example" data-example-id="simple-em">
         <p>The following snippet of text is <em>rendered as italicized text</em>.</p>
       </div>
     <div class="highlight-html"><xmp>
     <em>rendered as italicized text</em>
     </xmp></div> <!-- end highlight -->
     
       <div class="bs-callout bs-callout-info" id="callout-type-b-i-elems">
         <h4>Alternate elements</h4>
         <p>Feel free to use <code>&lt;b&gt;</code> and <code>&lt;i&gt;</code> in HTML5. <code>&lt;b&gt;</code> is meant to highlight words or phrases without conveying additional importance while <code>&lt;i&gt;</code> is mostly for voice, technical terms, etc.</p>
       </div>
     
       <h2 id="type-alignment">Alignment classes</h2>
       <p>Easily realign text to components with text alignment classes.</p>
       <div class="bs-example" data-example-id="text-alignment">
         <p class="text-left">Left aligned text.</p>
         <p class="text-center">Center aligned text.</p>
         <p class="text-right">Right aligned text.</p>
         <p class="text-justify">Justified text.</p>
         <p class="text-nowrap">No wrap text.</p>
       </div>
     <div class="highlight-html"><xmp>
     <p class="text-left">Left aligned text.</p>
     <p class="text-center">Center aligned text.</p>
     <p class="text-right">Right aligned text.</p>
     <p class="text-justify">Justified text.</p>
     <p class="text-nowrap">No wrap text.</p>
     </xmp></div> <!-- end highlight -->
     
       <h2 id="type-transformation">Transformation classes</h2>
       <p>Transform text in components with text capitalization classes.</p>
       <div class="bs-example" data-example-id="text-capitalization">
         <p class="text-lowercase">Lowercased text.</p>
         <p class="text-uppercase">Uppercased text.</p>
         <p class="text-capitalize">Capitalized text.</p>
       </div>
     <div class="highlight-html"><xmp>
     <p class="text-lowercase">Lowercased text.</p>
     <p class="text-uppercase">Uppercased text.</p>
     <p class="text-capitalize">Capitalized text.</p>
     </xmp></div> <!-- end highlight -->
     
       <!-- Abbreviations -->
       <h2 id="type-abbreviations">Abbreviations</h2>
       <p>Stylized implementation of HTML's <code>&lt;abbr&gt;</code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.</p>
     
       <h3>Basic abbreviation</h3>
       <div class="bs-example" data-example-id="simple-abbr">
         <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
       </div>
     <div class="highlight-html"><xmp>
     <abbr title="attribute">attr</abbr>
     </xmp></div> <!-- end highlight -->
     
       <h3>Initialism</h3>
       <p>Add <code>.initialism</code> to an abbreviation for a slightly smaller font-size.</p>
       <div class="bs-example" data-example-id="simple-initialism">
         <p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr> is the best thing since sliced bread.</p>
       </div>
     <div class="highlight-html"><xmp>
     <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
     </xmp></div> <!-- end highlight -->
     
     
       <!-- Addresses -->
       <h2 id="type-addresses">Addresses</h2>
       <p>Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <code>&lt;br&gt;</code>.</p>
       <div class="bs-example" data-example-id="simple-address">
         <address>
           <strong>Twitter, Inc.</strong><br>
           795 Folsom Ave, Suite 600<br>
           San Francisco, CA 94107<br>
           <abbr title="Phone">P:</abbr> [phone]
         </address>
         <address>
           <strong>Full Name</strong><br>
           <a href="mailto:#">[e-mail]</a>
         </address>
       </div>
     <div class="highlight-html"><xmp>
     <address>
       <strong>Twitter, Inc.</strong><br>
       795 Folsom Ave, Suite 600<br>
       San Francisco, CA 94107<br>
       <abbr title="Phone">P:</abbr> [phone]
     </address>
     
     <address>
       <strong>Full Name</strong><br>
       <a href="mailto:#">[e-mail]</a>
     </address>
     </xmp></div> <!-- end highlight -->
     
     
       <!-- Blockquotes -->
       <h2 id="type-blockquotes">Blockquotes</h2>
       <p>For quoting blocks of content from another source within your document.</p>
     
       <h3>Default blockquote</h3>
       <p>Wrap <code>&lt;blockquote&gt;</code> around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes, we recommend a <code>&lt;p&gt;</code>.</p>
       <div class="bs-example" data-example-id="simple-blockquote">
         <blockquote>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
         </blockquote>
       </div>
     <div class="highlight-html"><xmp>
     <blockquote>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
     </blockquote>
     </xmp></div> <!-- end highlight -->
     
       <h3>Blockquote options</h3>
       <p>Style and content changes for simple variations on a standard <code>&lt;blockquote&gt;</code>.</p>
     
       <h4>Naming a source</h4>
       <p>Add a <code>&lt;footer&gt;</code> for identifying the source. Wrap the name of the source work in <code>&lt;cite&gt;</code>.</p>
       <div class="bs-example" data-example-id="blockquote-cite">
         <blockquote>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
           <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
         </blockquote>
       </div>
     <div class="highlight-html"><xmp>
     <blockquote>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
       <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
     </blockquote>
     </xmp></div> <!-- end highlight -->
     
       <h4>Alternate displays</h4>
       <p>Add <code>.blockquote-reverse</code> for a blockquote with right-aligned content.</p>
       <div class="bs-example" style="overflow: hidden;" data-example-id="blockquote-reverse">
         <blockquote class="blockquote-reverse">
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
           <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
         </blockquote>
       </div>
     <div class="highlight-html"><xmp>
     <blockquote class="blockquote-reverse">
       ...
     </blockquote>
     </xmp></div> <!-- end highlight -->
 
     <h2>Tooltip</h2>
     <p>Any element with a class <code>tooltip</code> and a <code>title</code> attribute will replaced with the custom tooltip via Javascript. <br />Tooltips should be used with care as touch devices won't activate them.
     </p>
     <div class="bs-example">
       <p class="tooltip" title="I am a tooltip in a `p`">Hover me, please!</p>
     </div>
 
       <!-- Lists -->
       <h2 id="type-lists">Lists</h2>
     
       <h3>Unordered</h3>
       <p>A list of items in which the order does <em>not</em> explicitly matter.</p>
       <div class="bs-example" data-example-id="simple-ul">
         <ul>
           <li>Lorem ipsum dolor sit amet</li>
           <li>Consectetur adipiscing elit</li>
           <li>Integer molestie lorem at massa</li>
           <li>Facilisis in pretium nisl aliquet</li>
           <li>Nulla volutpat aliquam velit
             <ul>
               <li>Phasellus iaculis neque</li>
               <li>Purus sodales ultricies</li>
               <li>Vestibulum laoreet porttitor sem</li>
               <li>Ac tristique libero volutpat at</li>
             </ul>
           </li>
           <li>Faucibus porta lacus fringilla vel</li>
           <li>Aenean sit amet erat nunc</li>
           <li>Eget porttitor lorem</li>
         </ul>
       </div>
     <div class="highlight-html"><xmp>
     <ul>
       <li>...</li>
     </ul>
     </xmp></div> <!-- end highlight -->
     
       <h3>Ordered</h3>
       <p>A list of items in which the order <em>does</em> explicitly matter.</p>
       <div class="bs-example" data-example-id="simple-ol">
         <ol>
           <li>Lorem ipsum dolor sit amet</li>
           <li>Consectetur adipiscing elit</li>
           <li>Integer molestie lorem at massa</li>
           <li>Facilisis in pretium nisl aliquet</li>
           <li>Nulla volutpat aliquam velit</li>
           <li>Faucibus porta lacus fringilla vel</li>
           <li>Aenean sit amet erat nunc</li>
           <li>Eget porttitor lorem</li>
         </ol>
       </div>
     <div class="highlight-html"><xmp>
     <ol>
       <li>...</li>
     </ol>
     </xmp></div> <!-- end highlight -->
     
       <h3>Unstyled</h3>
       <p>Remove the default <code>list-style</code> and left margin on list items (immediate children only). <strong>This only applies to immediate children list items</strong>, meaning you will need to add the class for any nested lists as well.<  /p>
       <div class="bs-example" data-example-id="unstyled-list">
         <ul class="list-unstyled">
           <li>Lorem ipsum dolor sit amet</li>
           <li>Consectetur adipiscing elit</li>
           <li>Integer molestie lorem at massa</li>
           <li>Facilisis in pretium nisl aliquet</li>
           <li>Nulla volutpat aliquam velit
             <ul>
               <li>Phasellus iaculis neque</li>
               <li>Purus sodales ultricies</li>
               <li>Vestibulum laoreet porttitor sem</li>
               <li>Ac tristique libero volutpat at</li>
             </ul>
           </li>
           <li>Faucibus porta lacus fringilla vel</li>
           <li>Aenean sit amet erat nunc</li>
           <li>Eget porttitor lorem</li>
         </ul>
       </div>
     <div class="highlight-html"><xmp>
     <ul class="list-unstyled">
       <li>...</li>
     </ul>
     </xmp></div> <!-- end highlight -->
     
       <h3>Inline</h3>
       <p>Place all list items on a single line with <code>display: inline-block;</code> and some light padding.</p>
       <div class="bs-example" data-example-id="list-inline">
         <ul class="list-inline">
           <li>Lorem ipsum</li>
           <li>Phasellus iaculis</li>
           <li>Nulla volutpat</li>
         </ul>
       </div>
     <div class="highlight-html"><xmp>
     <ul class="list-inline">
       <li>...</li>
     </ul>
     </xmp></div> <!-- end highlight -->
     
       <h3>Description</h3>
       <p>A list of terms with their associated descriptions.</p>
       <div class="bs-example" data-example-id="simple-dl">
         <dl>
           <dt>Description lists</dt>
           <dd>A description list is perfect for defining terms.</dd>
           <dt>Euismod</dt>
           <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
           <dd>Donec id elit non mi porta gravida at eget metus.</dd>
           <dt>Malesuada porta</dt>
           <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
         </dl>
       </div>
     <div class="highlight-html"><xmp>
     <dl>
       <dt>...</dt>
       <dd>...</dd>
     </dl>
     </xmp></div> <!-- end highlight -->
     
       <h4>Horizontal description</h4>
       <p>Make terms and descriptions in <code>&lt;dl&gt;</code> line up side-by-side. Starts off stacked like default <code>&lt;dl&gt;</code>s, but when the navbar expands, so do these. This really only looks good if there is one line for the definition and one for the term.</p>
       <div class="bs-example" data-example-id="horizontal-dl">
         <dl class="dl-horizontal">
           <dt>Description lists</dt>
           <dd>A description list is perfect for defining terms.</dd>
           <dt>Donec id elit non mi porta gravida at eget metus.</dt>
           <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
           <dd>Donec id elit non mi porta gravida at eget metus.</dd>
           <dt>Malesuada porta</dt>
           <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
           <dt>Felis euismod semper eget lacinia</dt>
           <dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
         </dl>
       </div>
     <div class="highlight-html"><xmp>
     <dl class="dl-horizontal">
       <dt>...</dt>
       <dd>...</dd>
     </dl>
     </xmp></div> <!-- end highlight -->
     
     </div>
 
   </div>
 </div>
 </%def>