## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('Admin Journal')}

</%block>

<%def name="breadcrumbs_links()">

    <form id="filter_form" class="form-inline">

    <input class="form-control q_filter_box ${'' if c.search_term else 'initial'}" id="j_filter" size="15" type="text" name="filter" value="${c.search_term or _('journal filter...')}"/>

    <span data-toggle="tooltip" title="${h.journal_filter_help()}">?</span>

    <input type='submit' value="${_('Filter')}" class="btn btn-default btn-xs"/>

    ${_('Admin Journal')} - ${ungettext('%s Entry', '%s Entries', c.users_log.item_count) % (c.users_log.item_count)}

    </form>

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    <div class="table">

        <div id="user_log">

            <%include file='admin_log.html'/>

        </div>

    </div>

</div>

<script>

$(document).ready(function() {

  $('#j_filter').click(function(){

    var $jfilter = $('#j_filter');

    if($jfilter.hasClass('initial')){

        $jfilter.val('');

    }

  });

  var fix_j_filter_width = function(len){

      $('#j_filter').css('width', Math.max(80, len*6.50)+'px');

  };

  $('#j_filter').keyup(function () {

    fix_j_filter_width($('#j_filter').val().length);

  });

  $('#filter_form').submit(function (e) {

      e.preventDefault();

      var val = $('#j_filter').val();

      window.location = "${url.current(filter='__FILTER__')}".replace('__FILTER__',val);

  });

  fix_j_filter_width($('#j_filter').val().length);

});

</script>

</%def>

        <td>

        %if l.user is not None:

          ${h.link_to(l.user.username,h.url('edit_user', id=l.user.user_id))}

        %else:

          ${l.username}

        %endif

        </td>

        <td>${h.action_parser(l)[0]()}

            <div class="journal_action_params">

                ${h.literal(h.action_parser(l)[1]())}

            </div>

        </td>

        <td>

            %if l.repository is not None:

              ${h.link_to(l.repository.repo_name,h.url('summary_home',repo_name=l.repository.repo_name))}

            %else:

              ${l.repository_name}

            %endif

        </td>

        <td>${h.fmt_date(l.action_date)}</td>

        <td>${l.user_ip}</td>

    </tr>

    %endfor

</table>

<script type="text/javascript">

  $(document).ready(function(){

    var $user_log = $('#user_log');

    $user_log.on('click','.pager_link',function(e){

      asynchtml(e.target.href, $user_log, function(){

        show_more_event();

        tooltip_activate();

        show_changeset_tooltip();

      });

      e.preventDefault();

    });

    $user_log.on('click','.show_more',function(e){

      var el = e.target;

      $('#'+el.id.substring(1)).show();

      $(el.parentNode).hide();

    });

  });

</script>

<ul class="pagination">

    ${c.users_log.pager()}

</ul>

%else:

    ${_('No actions yet')}

%endif

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="edit_error" style="display: none" class="flash_msg">

            <div class="alert alert-dismissable alert-warning">

              <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="icon-cancel-circled"></i></button>

              ${h.literal(_('Gist was update since you started editing. Copy your changes and click %(here)s to reload new version.')

                             % {'here': h.link_to('here',h.url('edit_gist', gist_id=c.gist.gist_access_id))})}

            </div>

            <script>

            if (typeof jQuery != 'undefined') {

                $(".alert").alert();

            }

            </script>

        </div>

        <div id="files_data">

          ${h.form(h.url('edit_gist', gist_id=c.gist.gist_access_id), method='post', id='eform')}

            <div>

                ${h.gravatar_div(c.authuser.email, size=32)}

                <input type="hidden" value="${c.file_changeset.raw_id}" name="parent_hash">

                <textarea style="resize:vertical; width:400px;border: 1px solid #ccc;border-radius: 3px;"

                          id="description" name="description"

                          placeholder="${_('Gist description ...')}">${c.gist.gist_description}</textarea>

                <div style="padding:0px 0px 0px 42px">

                    <label>

                        ${_('Gist lifetime')}

                        ${h.select('lifetime', '0', c.lifetime_options)}

                    </label>

                    <span class="text-muted">

                     %if c.gist.gist_expires == -1:

                      ${_('Expires')}: ${_('Never')}

                     %else:

                      ${_('Expires')}: ${h.age(h.time_to_datetime(c.gist.gist_expires))}

                     %endif

                   </span>

                </div>

            </div>

            % for cnt, file in enumerate(c.files):

                <div id="body" class="codeblock" style="margin-bottom: 4px">

                    <div style="padding: 10px 10px 10px 26px;color:#666666">

                        <input type="hidden" value="${h.safe_unicode(file.path)}" name="org_files">

                        <input id="filename_${h.FID('f',file.path)}" name="files" size="30" type="text" value="${h.safe_unicode(file.path)}">

                    </div>

                    <div class="editor_container">

                        <pre id="editor_pre"></pre>

                        <textarea id="editor_${h.FID('f',file.path)}" name="contents" style="display:none">${file.content}</textarea>

                    </div>

                </div>

                ## dynamic edit box.

                <script type="text/javascript">

                    $(document).ready(function(){

                        var myCodeMirror = initCodeMirror("editor_${h.FID('f',file.path)}", "${request.script_name}", '');

                        //inject new modes

                        var $mimetype_select = $('#mimetype_${h.FID('f',file.path)}');

                        $mimetype_select.each(function(){

                            var modes_select = this;

                            var index = 1;

                            for(var i=0;i<CodeMirror.modeInfo.length;i++) {

                                var m = CodeMirror.modeInfo[i];

                                var opt = new Option(m.name, m.mime);

                                $(opt).attr('mode', m.mode);

                                if (m.mime == 'text/plain') {

                                    // default plain text

                                    $(opt).prop('selected', true);

                                    modes_select.options[0] = opt;

                                } else {

                                    modes_select.options[index++] = opt;

                                }

                            }

                        });

                        var $filename_input = $('#filename_${h.FID('f',file.path)}');

                        // on select change set new mode

                        $mimetype_select.change(function(e){

                            var selected = e.currentTarget;

                            var node = selected.options[selected.selectedIndex];

                            var detected_mode = CodeMirror.findModeByMIME(node.value);

                            setCodeMirrorMode(myCodeMirror, detected_mode);

                            var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);

                            var file_data = CodeMirror.getFilenameAndExt($filename_input.val());

                            var filename = file_data['filename'] || 'filename1';

                            $filename_input.val(filename + '.' + proposed_ext);

                        });

                        // on type the new filename set mode

                        $filename_input.keyup(function(e){

                            var file_data = CodeMirror.getFilenameAndExt(this.value);

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('New Gist')}

</%block>

<%block name="js_extra">

  <script type="text/javascript" src="${h.url('/codemirror/lib/codemirror.js')}"></script>

  <script type="text/javascript" src="${h.url('/js/codemirror_loadmode.js')}"></script>

  <script type="text/javascript" src="${h.url('/codemirror/mode/meta.js')}"></script>

</%block>

<%block name="css_extra">

  <link rel="stylesheet" type="text/css" href="${h.url('/codemirror/lib/codemirror.css')}"/>

</%block>

<%def name="breadcrumbs_links()">

    ${_('New Gist')}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="files_data">

          ${h.form(h.url('gists'), method='post',id='eform')}

            <div>

                ${h.gravatar_div(c.authuser.email, size=32)}

                <textarea style="resize:vertical; width:400px;border: 1px solid #ccc;border-radius: 3px;" id="description" name="description" placeholder="${_('Gist description ...')}"></textarea>

                <div style="padding:0px 0px 0px 42px">

                    <label>

                        ${_('Gist lifetime')}

                        ${h.select('lifetime', '', c.lifetime_options)}

                    </label>

                </div>

            </div>

            <div id="body" class="codeblock">

                <div style="padding: 10px 10px 10px 26px;color:#666666">

                    ${h.text('filename', size=30, placeholder=_('name this file...'))}

                </div>

                <div id="editor_container">

                    <pre id="editor_pre"></pre>

                    <textarea id="editor" name="content" style="display:none"></textarea>

                </div>

            </div>

            <div style="padding-top: 5px">

            ${h.submit('private',_('Create Private Gist'),class_="btn btn-success btn-xs")}

            ${h.submit('public',_('Create Public Gist'),class_="btn btn-default btn-xs")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default btn-xs")}

            </div>

          ${h.end_form()}

          <script type="text/javascript">

            $(document).ready(function(){

                var myCodeMirror = initCodeMirror('editor', "${request.script_name}", '');

                //inject new modes

                var $mimetype_select = $('#mimetype');

                $mimetype_select.each(function(){

                    var modes_select = this;

                    var index = 1;

                    for(var i=0;i<CodeMirror.modeInfo.length;i++) {

                        var m = CodeMirror.modeInfo[i];

                        var opt = new Option(m.name, m.mime);

                        $(opt).attr('mode', m.mode);

                        if (m.mime == 'text/plain') {

                            // default plain text

                            $(opt).prop('selected', true);

                            modes_select.options[0] = opt;

                        } else {

                            modes_select.options[index++] = opt;

                        }

                    }

                });

                var $filename_input = $('#filename');

                // on select change set new mode

                $mimetype_select.change(function(e){

                    var selected = e.currentTarget;

                    var node = selected.options[selected.selectedIndex];

                    var detected_mode = CodeMirror.findModeByMIME(node.value);

                    setCodeMirrorMode(myCodeMirror, detected_mode);

                    var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);

                    var file_data = CodeMirror.getFilenameAndExt($filename_input.val());

                    var filename = file_data['filename'] || 'filename1';

                    $filename_input.val(filename + '.' + proposed_ext);

                });

                        </div>

                        <div>

                            ${h.text('username',class_='form-control')}

                        </div>

                    </div>

                    <div>

                        <div>

                            <label for="password">${_('Password')}:</label>

                        </div>

                        <div>

                            ${h.password('password',class_='form-control')}

                        </div>

                    </div>

                    <div class="buttons">

                        <div class="password_forgoten">${h.link_to(_('Forgot password ?'),h.url('reset_password'))}</div>

                        <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',_('Log In'),class_="btn btn-default btn-xs")}

                        </div>

                    </div>

                </div>

            </div>

            ${h.end_form()}

          %else:

            <div class="links_left">

                ${h.gravatar_div(c.authuser.email, size=48, div_class="big_gravatar")}

                <div class="full_name">${c.authuser.full_name_or_username}</div>

                <div class="email">${c.authuser.email}</div>

            </div>

            <div class="links_right">

            <ol class="links">

              <li><a href="${h.url('notifications')}">${_('Notifications')}: ${c.unread_notifications}</a></li>

              <li>${h.link_to(_('My Account'),h.url('my_account'))}</li>

              %if not c.authuser.is_external_auth:

                ## Cannot log out if using external (container) authentication.

                <li class="logout">${h.link_to(_('Log Out'), h.url('logout_home'))}</li>

              %endif

            </ol>

            </div>

          %endif

        </div>

      </div>

    </li>

    <script type="text/javascript">

        $(document).ready(function(){

            var visual_show_public_icon = "${c.visual.show_public_icon}" == "True";

            var cache = {}

            /*format the look of items in the list*/

            var format = function(state){

                if (!state.id){

                  return state.text; // optgroup

                }

                var obj_dict = state.obj;

                var tmpl = '';

                if(obj_dict && state.type == 'repo'){

                    tmpl += '<span class="repo-icons">';

                    if(obj_dict['repo_type'] === 'hg'){

                        tmpl += '<span class="repotag">hg</span> ';

                    }

                    else if(obj_dict['repo_type'] === 'git'){

                        tmpl += '<span class="repotag">git</span> ';

                    }

                    if(obj_dict['private']){

                        tmpl += '<i class="icon-keyhole-circled"></i> ';

                    }

                    else if(visual_show_public_icon){

                        tmpl += '<i class="icon-globe"></i> ';

                    }

                    tmpl += '</span>';

                }

                if(obj_dict && state.type == 'group'){

                        tmpl += '<i class="icon-folder"></i> ';

                }

                tmpl += state.text;

                return tmpl;

            }

            $("#repo_switcher").select2({

                placeholder: '<i class="icon-database"></i> ${_('Repositories')} <span class="caret"></span>',

                dropdownAutoWidth: true,

                sortResults: prefixFirstSort,

                formatResult: format,

                formatSelection: format,

                formatNoMatches: function(term){

                    return "${_('No matches found')}";

                },

                containerCssClass: "repo-switcher",

                dropdownCssClass: "repo-switcher-dropdown",

                escapeMarkup: function(m){

## snippet for displaying permissions overview for users

## usage:

##    <%namespace name="p" file="/base/perms_summary.html"/>

##    ${p.perms_summary(c.perm_user.permissions)}

<%def name="perms_summary(permissions, show_all=False, actions=True)">

<div id="perms" class="table">

     %for section in sorted(permissions.keys()):

        <div class="perms_section_head">

            ${section.replace("_"," ").capitalize()}

            %if section != 'global':

                ${_('Show')}:

                <label>${h.checkbox('perms_filter_none_%s' % section, 'none', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='none')}<span class="perm_tag none">${_('None')}</span></label>

                <label>${h.checkbox('perms_filter_read_%s' % section, 'read', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='read')}<span class="perm_tag read">${_('Read')}</span></label>

                <label>${h.checkbox('perms_filter_write_%s' % section, 'write', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='write')}<span class="perm_tag write">${_('Write')}</span></label>

                <label>${h.checkbox('perms_filter_admin_%s' % section, 'admin', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='admin')}<span class="perm_tag admin">${_('Admin')}</span></label>

            %endif

        </div>

        %if not permissions[section]:

            <span class="empty_data">${_('No permissions defined yet')}</span>

        %else:

        <div id='tbl_list_wrap_${section}' class="yui-skin-sam">

         <table id="tbl_list_${section}">

          ## global permission box

          %if section == 'global':

              <thead>

                  <th colspan="2" class="left">${_('Permission')}</th>

                  %if actions:

                  <th class="left">${_('Edit Permission')}</th>

                  %endif

              </thead>

              <tbody>

              %for k in permissions[section]:

                  <tr>

                      <td colspan="2">

                          ${h.get_permission_name(k)}

                      </td>

                      %if actions:

                      <td>

                           <a href="${h.url('admin_permissions')}">${_('Edit')}</a>

                      </td>

                      %endif

                  </tr>

              %endfor

              </tbody>

          %else:

             ## none/read/write/admin permissions on groups/repos etc

              <thead>

                  <th class="left">${_('Name')}</th>

                  <th class="left">${_('Permission')}</th>

                  %if actions:

                  <th class="left">${_('Edit Permission')}</th>

                  %endif

              </thead>

              <tbody class="section_${section}">

              %for k, section_perm in sorted(permissions[section].items(), key=lambda s: {'none':0, 'read':1,'write':2,'admin':3}.get(s[1].split('.')[-1])):

                  %if section_perm.split('.')[-1] != 'none' or show_all:

                  <tr class="perm_row ${'%s_%s' % (section, section_perm.split('.')[-1])}">

                      <td>

                          %if section == 'repositories':

                              <a href="${h.url('summary_home',repo_name=k)}">${k}</a>

                          %elif section == 'repositories_groups':

                              <a href="${h.url('repos_group_home',group_name=k)}">${k}</a>

                          %elif section == 'user_groups':

                              ##<a href="${h.url('edit_users_group',id=k)}">${k}</a>

                              ${k}

                          %endif

                      </td>

                      <td>

                           <span class="perm_tag ${section_perm.split('.')[-1]}">${section_perm}</span>

                      </td>

                      %if actions:

                      <td>

                          %if section == 'repositories':

                              <a href="${h.url('edit_repo_perms',repo_name=k,anchor='permissions_manage')}">${_('Edit')}</a>

                          %elif section == 'repositories_groups':

                              <a href="${h.url('edit_repo_group_perms',group_name=k,anchor='permissions_manage')}">${_('Edit')}</a>

                          %elif section == 'user_groups':

                              ##<a href="${h.url('edit_users_group',id=k)}">${_('Edit')}</a>

                          %endif

                      </td>

                      %endif

                  </tr>

                  %endif

              %endfor

              <tr id="empty_${section}" style="display: none"><td colspan="6">${_('No permission defined')}</td></tr>

              </tbody>

          %endif

         </table>

        </div>

        %endif

     %endfor

</div>

<script>

    $(document).ready(function(){

        var show_empty = function(section){

            var visible = $('.section_{0} tr.perm_row:visible'.format(section)).length;

            if(visible == 0){

                $('#empty_{0}'.format(section)).show();

            }

            else{

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('%s Changesets') % c.repo_name} - ${h.show_id(c.cs_ranges[0])} > ${h.show_id(c.cs_ranges[-1])}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Changesets')} -

    <i class="icon-right"></i>

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

${self.repo_context_bar('changelog')}

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="body" class="diffblock">

            <div class="code-header">

                <div>

                    ${h.show_id(c.cs_ranges[0])}

                    <i class="icon-right"></i>

                    ${h.show_id(c.cs_ranges[-1])}

                    <a style="font-weight: bold" href="${h.url('compare_url',repo_name=c.repo_name,org_ref_type='rev',org_ref_name=getattr(c.cs_ranges[0].parents[0] if c.cs_ranges[0].parents else h.EmptyChangeset(),'raw_id'),other_ref_type='rev',other_ref_name=c.cs_ranges[-1].raw_id)}" class="btn btn-default btn-sm"><i class="icon-git-compare"></i> Compare Revisions</a>

                </div>

            </div>

        </div>

        <div id="changeset_compare_view_content">

          <div class="container">

            <table class="compare_view_commits noborder">

            %for cnt,cs in enumerate(c.cs_ranges):

              <tr>

                %if c.visual.use_gravatar:

                <td>${h.gravatar_div(h.email_or_none(cs.author), size=14)}</td>

                %endif

                <td>${h.link_to('r%s:%s' % (cs.revision,h.short_id(cs.raw_id)),h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</td>

                <td><div class="author">${h.person(cs.author)}</div></td>

                <td><span data-toggle="tooltip" title="${h.age(cs.date)}">${cs.date}</span></td>

                <td>

                  %if c.statuses:

                    <div title="${_('Changeset status')}" class="changeset-status-ico"><i class="icon-circle changeset-status-${c.statuses[cnt]}"></i></div>

                  %endif

                </td>

                <td><div class="message">${h.urlify_text(h.wrap_paragraphs(cs.message),c.repo_name)}</div></td>

              </tr>

            %endfor

            </table>

          </div>

          <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">${_('Files affected')}</div>

          <div class="cs_files">

                %for cs in c.cs_ranges:

<%block name="js_extra">

  <script type="text/javascript" src="${h.url('/codemirror/lib/codemirror.js')}"></script>

  <script type="text/javascript" src="${h.url('/js/codemirror_loadmode.js')}"></script>

  <script type="text/javascript" src="${h.url('/codemirror/mode/meta.js')}"></script>

</%block>

<%block name="css_extra">

  <link rel="stylesheet" type="text/css" href="${h.url('/codemirror/lib/codemirror.css')}"/>

</%block>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Add New File')} @ ${h.show_id(c.cs)}

</%def>

<%def name="main()">

${self.repo_context_bar('files')}

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

        <ul class="links">

            <li>

              <span><a href="#">${_('Branch')}: ${c.cs.branch}</a></span>

            </li>

        </ul>

    </div>

    <div class="table" id="edit">

        <div id="files_data">

          ${h.form(h.url.current(),method='post',id='eform',enctype="multipart/form-data", class_="form-horizontal form-inline")}

          <h3 class="files_location">

            ${_('Location')}: ${h.files_breadcrumbs(c.repo_name,c.cs.raw_id,c.f_path)} /

              <span id="filename_container" class="file reviewer_ac">

                  <input class="form-control input-small" type="text" value="" size="30" name="filename" id="filename" placeholder="${_('Enter filename...')}">

                  <input type="hidden" value="${c.f_path}" size="30" name="location" id="location">

                  ${_('or')} <div class="btn btn-default btn-sm" id="upload_file_enable">${_('Upload File')}</div>

              </span>

              <span id="upload_file_container" class="reviewer_ac" style="display:none">

                  <input class="form-control" type="file" size="20" name="upload_file" id="upload_file">

                  ${_('or')} <div class="btn btn-default btn-sm" id="file_enable">${_('Create New File')}</div>

              </span>

          </h3>

            <div id="body" class="codeblock">

            <div class="code-header" id="mimetype_header">

                <label class="commit">

                    ${_('New file type')}

                </label>

            </div>

                <div id="editor_container">

                    <pre id="editor_pre"></pre>

                    <textarea id="editor" name="content" style="display:none"></textarea>

                </div>

                <div style="padding: 10px;color:#666666">${_('Commit Message')}</div>

                <textarea class="form-control" id="commit" name="message" style="height: 100px;width: 99%;margin-left:4px" placeholder="${c.default_message}"></textarea>

            </div>

            <div style="text-align: left;padding-top: 5px">

            ${h.submit('commit',_('Commit Changes'),class_="btn btn-success btn-sm")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default btn-sm")}

            </div>

            ${h.end_form()}

            <script type="text/javascript">

                $(document).ready(function(){

                    var reset_url = "${h.url('files_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path)}";

                    var myCodeMirror = initCodeMirror('editor', "${request.script_name}", reset_url);

                    //inject new modes, based on codeMirrors modeInfo object

                    var $mimetype_select = $('#mimetype');

                    $mimetype_select.each(function(){

                        var modes_select = this;

                        var index = 1;

                        for(var i=0;i<CodeMirror.modeInfo.length;i++){

                            var m = CodeMirror.modeInfo[i];

                            var opt = new Option(m.name, m.mime);

                            $(opt).attr('mode', m.mode);

                            if (m.mime == 'text/plain') {

                                // default plain text

                                $(opt).prop('selected', true);

                                modes_select.options[0] = opt;

                            } else {

                                modes_select.options[index++] = opt;

                            }

                        }

                    });

                    var $filename_input = $('#filename');

                    $mimetype_select.change(function(e){

                        var selected = e.currentTarget;

                        var node = selected.options[selected.selectedIndex];

                        var detected_mode = CodeMirror.findModeByMIME(node.value);

                        setCodeMirrorMode(myCodeMirror, detected_mode);

                        var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);

                        var file_data = CodeMirror.getFilenameAndExt($filename_input.val());

                        var filename = file_data['filename'] || 'filename1';

                        $filename_input.val(filename + '.' + proposed_ext);

<%block name="css_extra">

  <link rel="stylesheet" type="text/css" href="${h.url('/codemirror/lib/codemirror.css')}"/>

</%block>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Edit file')} @ ${h.show_id(c.cs)}

</%def>

<%def name="main()">

${self.repo_context_bar('files')}

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

        <ul class="links">

            <li>

              <span><a href="#">${_('Branch')}: ${c.cs.branch}</a></span>

            </li>

        </ul>

    </div>

    <div class="table" id="edit">

        <div id="files_data">

            <h3 class="files_location">${_('Location')}: ${h.files_breadcrumbs(c.repo_name,c.cs.raw_id,c.file.path)}</h3>

            ${h.form(h.url.current(),method='post',id='eform',class_='form-inline')}

            <div id="body" class="codeblock">

            <div class="code-header">

                <div class="stats">

                    <div class="left"><i class="icon-doc-inv"></i></div>

                    <div class="left item">${h.link_to(h.show_id(c.file.changeset),h.url('changeset_home',repo_name=c.repo_name,revision=c.file.changeset.raw_id))}</div>

                    <div class="left item">${h.format_byte_size(c.file.size,binary=True)}</div>

                    <div class="left item last">${c.file.mimetype}</div>

                    <div class="buttons">

                      ${h.link_to(_('Show Annotation'),h.url('files_annotate_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path),class_="btn btn-default btn-xs")}

                      ${h.link_to(_('Show as Raw'),h.url('files_raw_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path),class_="btn btn-default btn-xs")}

                      ${h.link_to(_('Download as Raw'),h.url('files_rawfile_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path),class_="btn btn-default btn-xs")}

                      % if h.HasRepoPermissionAny('repository.write','repository.admin')(c.repo_name):

                       % if not c.file.is_binary:

                        ${h.link_to(_('Source'),h.url('files_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path),class_="btn btn-default btn-xs")}

                       % endif

                      % endif

                    </div>

                </div>

                <label class="commit">

                    ${_('Editing file')}: ${c.file.unicode_path}

                </label>

            </div>

                <pre id="editor_pre"></pre>

                <textarea id="editor" name="content" style="display:none">${h.escape(c.file.content)|n}</textarea>

                <div class="text-muted" style="padding: 10px">${_('Commit Message')}</div>

                <textarea class="form-control" id="commit" name="message" style="height: 60px;width: 99%;margin-left:4px" placeholder="${c.default_message}"></textarea>

            </div>

            <div style="text-align: left;padding-top: 5px">

            ${h.submit('commit',_('Commit Changes'),class_="btn btn-success")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default")}

            </div>

            ${h.end_form()}

        </div>

    </div>

</div>

<script type="text/javascript">

    $(document).ready(function(){

        var reset_url = "${h.url('files_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.file.path)}";

        var myCodeMirror = initCodeMirror('editor', "${request.script_name}", reset_url);

       //inject new modes, based on codeMirrors modeInfo object

        var $mimetype_select = $('#mimetype');

        $mimetype_select.each(function(){

            var modes_select = this;

            var index = 1;

            for(var i=0;i<CodeMirror.modeInfo.length;i++){

                var m = CodeMirror.modeInfo[i];

                var opt = new Option(m.name, m.mime);

                $(opt).attr('mode', m.mode);

                if (m.mime == 'text/plain') {

                    // default plain text

                    $(opt).prop('selected', true);

                    modes_select.options[0] = opt;

                } else {

                    modes_select.options[index++] = opt;

                }

            }

        });

        // try to detect the mode based on the file we edit

        var detected_mode = CodeMirror.findModeByExtension("${c.file.extension}");

        if(detected_mode){

            setCodeMirrorMode(myCodeMirror, detected_mode);

            $($mimetype_select.find('option[value="'+detected_mode.mime+'"]')[0]).prop('selected', true);

        }

        $mimetype_select.on('change', function(e){

            var selected = e.currentTarget;

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%block name="title">

    ${_('Journal')}

</%block>

<%def name="breadcrumbs()">

    <h5>

    <form id="filter_form" class="form-inline">

    <input class="form-control q_filter_box ${'' if c.search_term else 'initial'}" id="j_filter" size="15" type="text" name="filter" value="${c.search_term or _('quick filter...')}"/>

    <span data-toggle="tooltip" title="${h.journal_filter_help()}">?</span>

    <input type='submit' value="${_('Filter')}" class="btn btn-default btn-xs"/>

    ${_('Journal')} - ${ungettext('%s Entry', '%s Entries', c.journal_pager.item_count) % (c.journal_pager.item_count)}

    </form>

    </h5>

</%def>

<%block name="header_menu">

    ${self.menu('journal')}

</%block>

<%block name="head_extra">

  <link href="${h.url('journal_atom', api_key=c.authuser.api_key)}" rel="alternate" title="${_('ATOM journal feed')}" type="application/atom+xml" />

  <link href="${h.url('journal_rss', api_key=c.authuser.api_key)}" rel="alternate" title="${_('RSS journal feed')}" type="application/rss+xml" />

</%block>

<%def name="main()">

    <div class="panel panel-primary">

        <!-- box / title -->

        <div class="panel-heading clearfix">

         ${self.breadcrumbs()}

         <ul class="links icon-only-links">

           <li>

             <a href="${h.url('my_account_watched')}"><i class="icon-eye"></i> ${_('Watched Repositories')}</a>

           </li>

           <li>

             <a href="${h.url('my_account_repos')}"><i class="icon-database"></i> ${_('My Repositories')}</a>

           </li>

           <li>

             <span><a id="refresh" href="${h.url('journal')}"><i class="icon-arrows-cw"></i></a></span>

           </li>

           <li>

             <span><a href="${h.url('journal_atom', api_key=c.authuser.api_key)}"><i class="icon-rss-squared"></i></a></span>

           </li>

         </ul>

        </div>

        <div id="journal">

            <%include file='journal_data.html'/>

        </div>

    </div>

<script type="text/javascript">

    $('#j_filter').click(function(){

        var $jfilter = $('#j_filter');

        if($jfilter.hasClass('initial')){

            $jfilter.val('');

        }

    });

    var fix_j_filter_width = function(len){

        $('#j_filter').css('width', Math.max(80, len*6.50)+'px');

    };

    $('#j_filter').keyup(function(){

        fix_j_filter_width($('#j_filter').val().length);