templates: use better variables names in loading ajax data

rhodecode/templates/admin/gists/gist_index.mako

@@ -1,146 +1,147 b''
 <%inherit file="/base/base.mako"/>
 
 <%def name="title()">
     %if c.show_private:
         ${_('Private Gists for user {}').format(c.rhodecode_user.username)}
     %elif c.show_public:
         ${_('Public Gists for user {}').format(c.rhodecode_user.username)}
     %else:
         ${_('Public Gists')}
     %endif
     %if c.rhodecode_name:
         &middot; ${h.branding(c.rhodecode_name)}
     %endif
 </%def>
 
 <%def name="breadcrumbs_links()"></%def>
 
 <%def name="menu_bar_nav()">
     ${self.menu_items(active='gists')}
 </%def>
 
 <%def name="main()">
 
 <div class="box">
     <div class="title">
 
     <ul class="button-links">
       % if c.is_super_admin:
         <li><a class="btn ${h.is_active('all', c.active)}" href="${h.route_path('gists_show', _query={'all': 1})}">${_('All gists')}</a></li>
       %endif
       <li><a class="btn ${h.is_active('public', c.active)}" href="${h.route_path('gists_show')}">${_('All public')}</a></li>
       %if c.rhodecode_user.username != h.DEFAULT_USER:
         <li><a class="btn ${h.is_active('my_all', c.active)}" href="${h.route_path('gists_show', _query={'public':1, 'private': 1})}">${_('My gists')}</a></li>
         <li><a class="btn ${h.is_active('my_private', c.active)}" href="${h.route_path('gists_show', _query={'private': 1})}">${_('My private')}</a></li>
         <li><a class="btn ${h.is_active('my_public', c.active)}" href="${h.route_path('gists_show', _query={'public': 1})}">${_('My public')}</a></li>
       %endif
     </ul>
 
     % if c.rhodecode_user.username != h.DEFAULT_USER:
         <div class="pull-right">
             <a class="btn btn-primary" href="${h.route_path('gists_new')}" >
                 ${_(u'Create New Gist')}
             </a>
         </div>
     % endif
 
     <div class="grid-quick-filter">
         <ul class="grid-filter-box">
             <li class="grid-filter-box-icon">
                 <i class="icon-search"></i>
             </li>
             <li class="grid-filter-box-input">
                 <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/>
             </li>
         </ul>
     </div>
 
   </div>
 
     <div class="main-content-full-width">
         <div id="repos_list_wrap">
             <table id="gist_list_table" class="display"></table>
         </div>
     </div>
 
 </div>
 
 <script type="text/javascript">
 $(document).ready(function() {
 
     var get_datatable_count = function(){
       var api = $('#gist_list_table').dataTable().api();
       $('#gists_count').text(api.page.info().recordsDisplay);
     };
 
 
     // custom filter that filters by access_id, description or author
     $.fn.dataTable.ext.search.push(
         function( settings, data, dataIndex ) {
             var query = $('#q_filter').val();
             var author = data[0].strip();
             var access_id = data[2].strip();
             var description = data[3].strip();
 
             var query_str = (access_id + " " + author + " " + description).toLowerCase();
 
             if(query_str.indexOf(query.toLowerCase()) !== -1){
                 return true;
             }
             return false;
         }
     );
 
     // gists list
+    var gist_data = ${c.data|n};
     $('#gist_list_table').DataTable({
-      data: ${c.data|n},
+      data: gist_data,
       dom: 'rtp',
       pageLength: ${c.visual.dashboard_items},
       order: [[ 4, "desc" ]],
       columns: [
          { data: {"_": "author",
                   "sort": "author_raw"}, title: "${_("Author")}", width: "250px", className: "td-user" },
          { data: {"_": "type",
                   "sort": "type"}, title: "${_("Type")}", width: "100px", className: "td-gist-type" },
          { data: {"_": "access_id",
                   "sort": "access_id"}, title: "${_("Name")}", width:"150px", className: "td-componentname" },
          { data: {"_": "description",
                   "sort": "description"}, title: "${_("Description")}", width: "250px", className: "td-description" },
          { data: {"_": "created_on",
                   "sort": "created_on_raw"}, title: "${_("Created on")}", className: "td-time" },
          { data: {"_": "expires",
                   "sort": "expires"}, title: "${_("Expires")}", width: "200px", className: "td-expire" }
       ],
       language: {
           paginate: DEFAULT_GRID_PAGINATION,
           emptyTable: _gettext("No gists available yet.")
       },
       "initComplete": function( settings, json ) {
           timeagoActivate();
           tooltipActivate();
           get_datatable_count();
       }
     });
 
     // update the counter when things change
     $('#gist_list_table').on('draw.dt', function() {
         timeagoActivate();
         tooltipActivate();
         get_datatable_count();
     });
 
     // filter, filter both grids
     $('#q_filter').on( 'keyup', function () {
       var repo_api = $('#gist_list_table').dataTable().api();
       repo_api
         .draw();
     });
 
     // refilter table if page load via back button
     $("#q_filter").trigger('keyup');
 
   });
 
 </script>
 </%def>
 

rhodecode/templates/admin/my_account/my_account_repos.mako

@@ -1,49 +1,50 b''
 <div class="panel panel-default">
   <div class="panel-heading">
     <h3 class="panel-title">${_('Repositories You Own')}</h3>
   </div>
 
   <div class="panel-body">
     <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/>
 
     <div id="repos_list_wrap">
         <table id="repo_list_table" class="display"></table>
     </div>
   </div>
 </div>
 
 <script>
 $(document).ready(function() {
 
     // repo list
     $repoListTable = $('#repo_list_table');
+    var repos_data = ${c.data|n};
 
     $repoListTable.DataTable({
-      data: ${c.data|n},
+      data: repos_data,
       dom: 'rtp',
       pageLength: ${c.visual.admin_grid_items},
       order: [[ 0, "asc" ]],
       columns: [
          { data: {"_": "name",
                   "sort": "name_raw"}, title: "${_('Name')}", className: "td-componentname" },
       ],
       language: {
           paginate: DEFAULT_GRID_PAGINATION,
           emptyTable: _gettext("No repositories available yet.")
       },
 
     });
 
     // filter
     $('#q_filter').on('keyup',
         $.debounce(250, function() {
             $repoListTable.DataTable().search(
                 $('#q_filter').val()
             ).draw();
         })
     );
 
 
   });
 
 </script>

rhodecode/templates/admin/my_account/my_account_user_group_membership.mako

@@ -1,74 +1,75 b''
 
 <div class="panel panel-default">
   <div class="panel-heading">
     <h3 class="panel-title">${_('User Group Membership')}</h3>
   </div>
 
     <div class="panel-body">
         <div class="groups_management">
             <div id="repos_list_wrap">
                 <table id="user_group_list_table" class="display"></table>
             </div>
         </div>
     </div>
 </div>
 
 
 <script>
 var api;
 $(document).ready(function() {
 
     var get_datatable_count = function(){
         $('#user_group_count').text(api.page.info().recordsDisplay);
     };
 
     $('#user_group_list_table').on('click', 'a.editor_remove', function (e) {
         e.preventDefault();
         var row = api.row($(this).closest('tr'));
         row.remove().draw();
     } );
 
+    var user_groups_data = ${c.user_groups|n};
     $('#user_group_list_table').DataTable({
-      data: ${c.user_groups|n},
+      data: user_groups_data,
       dom: 'rtp',
       pageLength: ${c.visual.admin_grid_items},
       order: [[ 0, "asc" ]],
       columns: [
          { data: {"_": "group_name",
                   "sort": "group_name"}, title: "${_('Name')}", className: "td-componentname," ,
             render: function (data,type,full,meta)
                     {return '<div><i class="icon-user-group" title="User group">'+data+'</i></div>'}},
 
          { data: {"_": "group_description",
                   "sort": "group_description"}, title: "${_('Description')}", className: "td-description" },
          { data: {"_": "users_group_id"}, className: "td-user",
                  render: function (data,type,full,meta)
                     {return '<input type="hidden" name="users_group_id" value="'+data+'">'}},
          { data: {"_": "active",
                   "sort": "active"}, title: "${_('Active')}", className: "td-active"},
          { data: {"_": "owner_data"}, title: "${_('Owner')}", className: "td-user",
              render: function (data,type,full,meta)
                     {return '<div class="rc-user tooltip">'+
                             '<img class="gravatar" src="'+ data.owner_icon +'" height="16" width="16">'+
                              data.owner +'</div>'
                     }
          }
       ],
       language: {
           paginate: DEFAULT_GRID_PAGINATION,
           emptyTable: _gettext("No user groups available yet.")
       },
       "initComplete": function( settings, json ) {
           var data_grid = $('#user_group_list_table').dataTable();
           api = data_grid.api();
           get_datatable_count();
       }
     });
 
     // update the counter when doing search
     $('#user_group_list_table').on( 'search.dt', function (e,settings) {
         get_datatable_count();
     });
 
   });
 </script>
  No newline at end of file

rhodecode/templates/admin/my_account/my_account_watched.mako

@@ -1,49 +1,50 b''
 <div class="panel panel-default">
   <div class="panel-heading">
     <h3 class="panel-title">${_('Your Watched Repositories')}</h3>
   </div>
 
   <div class="panel-body">
     <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/>
 
     <div id="repos_list_wrap">
         <table id="repo_list_table" class="display"></table>
     </div>
   </div>
 </div>
 
 <script>
 $(document).ready(function() {
 
     // repo list
     $repoListTable = $('#repo_list_table');
 
+    var watched_repos_data = ${c.data|n};
     $repoListTable.DataTable({
-      data: ${c.data|n},
+      data: watched_repos_data,
       dom: 'rtp',
       pageLength: ${c.visual.admin_grid_items},
       order: [[ 0, "asc" ]],
       columns: [
          { data: {"_": "name",
                   "sort": "name_raw"}, title: "${_('Name')}", className: "td-componentname" },
       ],
       language: {
           paginate: DEFAULT_GRID_PAGINATION,
           emptyTable: _gettext("No repositories available yet.")
       },
 
     });
 
     // filter
     $('#q_filter').on('keyup',
         $.debounce(250, function() {
             $repoListTable.DataTable().search(
                 $('#q_filter').val()
             ).draw();
         })
     );
 
 
   });
 
 </script>

rhodecode/templates/admin/users/user_edit_groups.mako

@@ -1,149 +1,150 b''
 <%namespace name="base" file="/base/base.mako"/>
 
 <div class="panel panel-default">
     <div class="panel-heading">
       <h3 class="panel-title">
           ${base.gravatar_with_user(c.user.username, 16, tooltip=False, _class='pull-left')}
           &nbsp;- ${_('User groups administration')}
       </h3>
     </div>
     <div class="panel-body">
         <div class="fields">
             <div class="field">
                 <div class="label label-checkbox">
                     <label for="users_group_active">${_('Add user to user group')}:</label>
                 </div>
                 <div class="input">
                     ${h.text('add_user_to_group', placeholder="user group name", class_="medium")}
                 </div>
 
             </div>
         </div>
 
         <div class="groups_management">
             ${h.secure_form(h.route_path('edit_user_groups_management_updates', user_id=c.user.user_id), request=request)}
             <div id="repos_list_wrap">
                 <table id="user_group_list_table" class="display"></table>
             </div>
             <div class="buttons">
                 ${h.submit('save',_('Save'),class_="btn")}
             </div>
             ${h.end_form()}
         </div>
         </div>
 </div>
 <script>
 var api;
 $(document).ready(function() {
 
     var get_datatable_count = function(){
         $('#user_group_count').text(api.page.info().recordsDisplay);
     };
 
     $('#user_group_list_table').on('click', 'a.editor_remove', function (e) {
         e.preventDefault();
         var row = api.row($(this).closest('tr'));
         row.remove().draw();
     } );
 
+    var groups_data = ${c.groups|n};
     $('#user_group_list_table').DataTable({
-      data: ${c.groups|n},
+      data: groups_data,
       dom: 'rtp',
       pageLength: ${c.visual.admin_grid_items},
       order: [[ 0, "asc" ]],
       columns: [
          { data: {"_": "group_name",
                   "sort": "group_name"}, title: "${_('Name')}", className: "td-componentname," ,
             render: function (data,type,full,meta)
                     {return '<div><i class="icon-user-group" title="User group">'+data+'</i></div>'}},
 
          { data: {"_": "group_description",
                   "sort": "group_description"}, title: "${_('Description')}", className: "td-description" },
          { data: {"_": "users_group_id"}, className: "td-user",
                  render: function (data,type,full,meta)
                     {return '<input type="hidden" name="users_group_id" value="'+data+'">'}},
          { data: {"_": "active",
                   "sort": "active"}, title: "${_('Active')}", className: "td-active"},
          { data: {"_": "owner_data"}, title: "${_('Owner')}", className: "td-user",
              render: function (data,type,full,meta)
                     {return '<div class="rc-user tooltip">'+
                             '<img class="gravatar" src="'+ data.owner_icon +'" height="16" width="16">'+
                              data.owner +'</div>'
                     }
          },
          { data: null,
              title: "${_('Action')}",
              className: "td-action",
              defaultContent: '-'
          }
       ],
       language: {
           paginate: DEFAULT_GRID_PAGINATION,
           emptyTable: _gettext("No user groups available yet.")
       },
       "initComplete": function( settings, json ) {
           var data_grid = $('#user_group_list_table').dataTable();
           api = data_grid.api();
           get_datatable_count();
       }
     });
 
     // update the counter when doing search
     $('#user_group_list_table').on( 'search.dt', function (e,settings) {
         get_datatable_count();
     });
 
     // filter, filter both grids
     $('#q_filter').on( 'keyup', function () {
       var user_api = $('#user_group_list_table').dataTable().api();
       user_api
         .columns(0)
         .search(this.value)
         .draw();
     });
 
     // refilter table if page load via back button
     $("#q_filter").trigger('keyup');
 
   });
 
     $('#language').select2({
         'containerCssClass': "drop-menu",
         'dropdownCssClass': "drop-menu-dropdown",
         'dropdownAutoWidth': true
     });
 
 
 
 $(document).ready(function(){
     $("#group_parent_id").select2({
         'containerCssClass': "drop-menu",
         'dropdownCssClass': "drop-menu-dropdown",
         'dropdownAutoWidth': true
     });
 
     $('#add_user_to_group').autocomplete({
         serviceUrl: pyroutes.url('user_group_autocomplete_data'),
         minChars:2,
         maxHeight:400,
         width:300,
         deferRequestBy: 300, //miliseconds
         showNoSuggestionNotice: true,
         params: { user_groups:true },
         formatResult: autocompleteFormatResult,
         lookupFilter: autocompleteFilterResult,
         onSelect: function(element, suggestion){
             var owner = {owner_icon: suggestion.owner_icon, owner:suggestion.owner};
             api.row.add(
                     {"active": suggestion.active,
                         "owner_data": owner,
                         "users_group_id": suggestion.id,
                         "group_description": suggestion.description,
                         "group_name": suggestion.value}).draw();
         }
     });
 })
 
 </script>
 
 

rhodecode/templates/bookmarks/bookmarks.mako

@@ -1,118 +1,119 b''
 <%inherit file="/base/base.mako"/>
 <%namespace name="components" file="/summary/components.mako"/>
 
 <%def name="title()">
     ${_('{} Bookmarks').format(c.repo_name)}
     %if c.rhodecode_name:
         &middot; ${h.branding(c.rhodecode_name)}
     %endif
 </%def>
 
 <%def name="breadcrumbs_links()"></%def>
 
 <%def name="menu_bar_nav()">
     ${self.menu_items(active='repositories')}
 </%def>
 
 <%def name="menu_bar_subnav()">
     ${self.repo_menu(active='summary')}
 </%def>
 
 <%def name="main()">
     <div id="repo-summary" class="summary">
         ${components.summary_detail(breadcrumbs_links=self.breadcrumbs_links(), show_downloads=False, simplified=True)}
     </div>
 
     <div class="box">
       <div class="title">
 
         %if c.has_references:
           <ul class="links">
             <li>
                 <input type="submit" id="compare_action" class="btn" disabled="disabled" value="${_('Compare Selected Bookmarks')}">
             </li>
           </ul>
         %endif
         %if c.has_references:
             <div class="grid-quick-filter">
                 <ul class="grid-filter-box">
                     <li class="grid-filter-box-icon">
                         <i class="icon-search"></i>
                     </li>
                     <li class="grid-filter-box-input">
                         <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/>
                     </li>
                 </ul>
             </div>
             <div id="obj_count">0</div>
         %endif
       </div>
 
       <table id="obj_list_table" class="rctable table-bordered"></table>
     </div>
 
 
 <script type="text/javascript">
 $(document).ready(function() {
 
     var get_datatable_count = function(){
       var api = $('#obj_list_table').dataTable().api();
       var total = api.page.info().recordsDisplay
       var _text = _ngettext('{0} bookmark', '{0} bookmarks', total).format(total);
       $('#obj_count').text(_text);
     };
 
+    var bookmarks_data = ${c.data|n};
     // object list
     $('#obj_list_table').DataTable({
-      data: ${c.data | n},
+      data: bookmarks_data,
       dom: 'rtp',
       pageLength: ${c.visual.dashboard_items},
       order: [[ 0, "asc" ]],
       columns: [
          { data: {"_": "name",
                   "sort": "name_raw"}, title: "${_('Name')}", className: "td-tags" },
          { data: {"_": "date",
                   "sort": "date_raw"}, title: "${_('Date')}", className: "td-time" },
          { data: {"_": "author",
                   "sort": "author"}, title: "${_('Author')}", className: "td-user" },
          { data: {"_": "commit",
                   "sort": "commit_raw",
                   "type": Number}, title: "${_('Commit')}", className: "td-hash" },
          { data: {"_": "compare",
                   "sort": "compare"}, title: "${_('Compare')}", className: "td-compare" }
       ],
       language: {
             paginate: DEFAULT_GRID_PAGINATION,
             emptyTable: _gettext("No bookmarks available yet.")
       },
       "initComplete": function(settings, json) {
           get_datatable_count();
           timeagoActivate();
           tooltipActivate();
           compare_radio_buttons("${c.repo_name}", 'book');
       }
     });
 
     // update when things change
     $('#obj_list_table').on('draw.dt', function() {
         get_datatable_count();
         timeagoActivate();
         tooltipActivate();
     });
 
     // filter, filter both grids
     $('#q_filter').on('keyup', function() {
       var obj_api = $('#obj_list_table').dataTable().api();
       obj_api
         .columns(0)
         .search(this.value)
         .draw();
     });
 
     // refilter table if page load via back button
     $("#q_filter").trigger('keyup');
 
   });
 
 </script>
 </%def>

rhodecode/templates/branches/branches.mako

@@ -1,117 +1,118 b''
 <%inherit file="/base/base.mako"/>
 <%namespace name="components" file="/summary/components.mako"/>
 
 <%def name="title()">
     ${_('{} Branches').format(c.repo_name)}
     %if c.rhodecode_name:
         &middot; ${h.branding(c.rhodecode_name)}
     %endif
 </%def>
 
 <%def name="breadcrumbs_links()"></%def>
 
 <%def name="menu_bar_nav()">
     ${self.menu_items(active='repositories')}
 </%def>
 
 <%def name="menu_bar_subnav()">
     ${self.repo_menu(active='summary')}
 </%def>
 
 <%def name="main()">
     <div id="repo-summary" class="summary">
         ${components.summary_detail(breadcrumbs_links=self.breadcrumbs_links(), show_downloads=False, simplified=True)}
     </div>
 
     <div class="box">
       <div class="title">
 
         %if c.has_references:
           <ul class="links">
             <li>
                 <input type="submit" id="compare_action" class="btn" disabled="disabled" value="${_('Compare Selected Branches')}"/>
             </li>
           </ul>
         %endif
         %if c.has_references:
             <div class="grid-quick-filter">
                 <ul class="grid-filter-box">
                     <li class="grid-filter-box-icon">
                         <i class="icon-search"></i>
                     </li>
                     <li class="grid-filter-box-input">
                         <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/>
                     </li>
                 </ul>
             </div>
             <div id="obj_count">0</div>
         %endif
       </div>
       <table id="obj_list_table" class="rctable table-bordered"></table>
     </div>
 
 <script type="text/javascript">
 $(document).ready(function() {
 
     var get_datatable_count = function(){
       var api = $('#obj_list_table').dataTable().api();
       var total = api.page.info().recordsDisplay
       var _text = _ngettext('{0} branch', '{0} branches', total).format(total);
 
       $('#obj_count').text(_text);
     };
 
+    var branches_data = ${c.data|n};
     // object list
     $('#obj_list_table').DataTable({
-      data: ${c.data|n},
+      data: branches_data,
       dom: 'rtp',
       pageLength: ${c.visual.dashboard_items},
       order: [[ 0, "asc" ]],
       columns: [
          { data: {"_": "name",
                   "sort": "name_raw"}, title: "${_('Name')}", className: "td-tags" },
          { data: {"_": "date",
                   "sort": "date_raw"}, title: "${_('Date')}", className: "td-time" },
          { data: {"_": "author",
                   "sort": "author"}, title: "${_('Author')}", className: "td-user" },
          { data: {"_": "commit",
                   "sort": "commit_raw",
                   "type": Number}, title: "${_('Commit')}", className: "td-hash" },
          { data: {"_": "compare",
                   "sort": "compare"}, title: "${_('Compare')}", className: "td-compare" }
       ],
       language: {
             paginate: DEFAULT_GRID_PAGINATION,
             emptyTable: _gettext("No branches available yet.")
       },
       "initComplete": function( settings, json ) {
           get_datatable_count();
           timeagoActivate();
           tooltipActivate();
           compare_radio_buttons("${c.repo_name}", 'branch');
       }
     });
 
     // update when things change
     $('#obj_list_table').on('draw.dt', function() {
         get_datatable_count();
         timeagoActivate();
         tooltipActivate();
     });
 
     // filter, filter both grids
     $('#q_filter').on( 'keyup', function () {
       var obj_api = $('#obj_list_table').dataTable().api();
       obj_api
         .columns(0)
         .search(this.value)
         .draw();
     });
 
     // refilter table if page load via back button
     $("#q_filter").trigger('keyup');
 
   });
 
 </script>
 </%def>

rhodecode/templates/tags/tags.mako

@@ -1,117 +1,118 b''
 <%inherit file="/base/base.mako"/>
 <%namespace name="components" file="/summary/components.mako"/>
 
 <%def name="title()">
     ${_('{} Tags').format(c.repo_name)}
     %if c.rhodecode_name:
         &middot; ${h.branding(c.rhodecode_name)}
     %endif
 </%def>
 
 <%def name="breadcrumbs_links()"></%def>
 
 <%def name="menu_bar_nav()">
     ${self.menu_items(active='repositories')}
 </%def>
 
 <%def name="menu_bar_subnav()">
     ${self.repo_menu(active='summary')}
 </%def>
 
 <%def name="main()">
     <div id="repo-summary" class="summary">
         ${components.summary_detail(breadcrumbs_links=self.breadcrumbs_links(), show_downloads=False, simplified=True)}
     </div>
 
     <div class="box">
       <div class="title">
 
         %if c.has_references:
           <ul class="links">
             <li>
                 <input type="submit" id="compare_action" class="btn" disabled="disabled" value="${_('Compare Selected Tags')}">
             </li>
           </ul>
         %endif
         %if c.has_references:
             <div class="grid-quick-filter">
                 <ul class="grid-filter-box">
                     <li class="grid-filter-box-icon">
                         <i class="icon-search"></i>
                     </li>
                     <li class="grid-filter-box-input">
                         <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" placeholder="${_('quick filter...')}" value=""/>
                     </li>
                 </ul>
             </div>
             <div id="obj_count">0</div>
         %endif
       </div>
       <table id="obj_list_table" class="rctable table-bordered"></table>
     </div>
 
 
 <script type="text/javascript">
 $(document).ready(function() {
 
     var get_datatable_count = function(){
       var api = $('#obj_list_table').dataTable().api();
       var total = api.page.info().recordsDisplay
       var _text = _ngettext('{0} tag', '{0} tags', total).format(total);
 
       $('#obj_count').text(_text);
     };
 
+    var tags_data = ${c.data|n};
     // object list
     $('#obj_list_table').DataTable({
-      data: ${c.data|n},
+      data: tags_data,
       dom: 'rtp',
       pageLength: ${c.visual.dashboard_items},
       order: [[ 0, "asc" ]],
       columns: [
          { data: {"_": "name",
                   "sort": "name_raw"}, title: "${_('Name')}", className: "td-tags" },
          { data: {"_": "date",
                   "sort": "date_raw"}, title: "${_('Date')}", className: "td-time" },
          { data: {"_": "author",
                   "sort": "author"}, title: "${_('Author')}", className: "td-user" },
          { data: {"_": "commit",
                   "sort": "commit_raw",
                   "type": Number}, title: "${_('Commit')}", className: "td-hash" },
          { data: {"_": "compare",
                   "sort": "compare"}, title: "${_('Compare')}", className: "td-compare" }
       ],
       language: {
             paginate: DEFAULT_GRID_PAGINATION,
             emptyTable: _gettext("No tags available yet.")
       },
       "initComplete": function(settings, json) {
           get_datatable_count();
           timeagoActivate();
           tooltipActivate();
           compare_radio_buttons("${c.repo_name}", 'tag');
       }
     });
 
     // update when things change
     $('#obj_list_table').on('draw.dt', function() {
         get_datatable_count();
         timeagoActivate();
         tooltipActivate();
     });
 
     // filter, filter both grids
     $('#q_filter').on('keyup', function() {
       var obj_api = $('#obj_list_table').dataTable().api();
       obj_api
         .columns(0)
         .search(this.value)
         .draw();
     });
 
     // refilter table if page load via back button
     $("#q_filter").trigger('keyup');
   });
 
 </script>
 </%def>