dhis2-devs team mailing list archive
-
dhis2-devs team
-
Mailing list archive
-
Message #26544
[Branch ~dhis2-devs-core/dhis2/trunk] Rev 13136: context-menu for dataset module
------------------------------------------------------------
revno: 13136
committer: Morten Olav Hansen <mortenoh@xxxxxxxxx>
branch nick: dhis2
timestamp: Wed 2013-12-04 12:47:33 +0100
message:
context-menu for dataset module
modified:
dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/green/green.css
dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/india/india.css
dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/light_blue/light_blue.css
dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/vietnam/vietnam.css
dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.contextmenu.js
dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/dataSetList.vm
dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/javascript/dataSet.js
dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/javascript/section.js
dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/sectionList.vm
--
lp:dhis2
https://code.launchpad.net/~dhis2-devs-core/dhis2/trunk
Your team DHIS 2 developers is subscribed to branch lp:dhis2.
To unsubscribe from this branch go to https://code.launchpad.net/~dhis2-devs-core/dhis2/trunk/+edit-subscription
=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/green/green.css'
--- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/green/green.css 2013-12-04 10:20:53 +0000
+++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/green/green.css 2013-12-04 11:47:33 +0000
@@ -265,7 +265,7 @@
overflow-y : auto;
background-color : #f7f7f7;
display : none;
- z-index : 10;
+ z-index : 9;
filter : alpha(opacity=94);
opacity : 0.94;
border-bottom-left-radius : 3px;
@@ -293,8 +293,8 @@
}
.contextMenuItemActive {
- background-color: #668cb9;
- color: #fff;
+ background-color: #668cb9 !important;
+ color: #fff !important;
}
/*----------------------------------------------------------------------------*/
=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/india/india.css'
--- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/india/india.css 2013-12-04 10:20:53 +0000
+++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/india/india.css 2013-12-04 11:47:33 +0000
@@ -265,7 +265,7 @@
overflow-y : auto;
background-color : #f7f7f7;
display : none;
- z-index : 10;
+ z-index : 9;
filter : alpha(opacity=94);
opacity : 0.94;
border-bottom-left-radius : 3px;
@@ -293,8 +293,8 @@
}
.contextMenuItemActive {
- background-color: #668cb9;
- color: #fff;
+ background-color: #668cb9 !important;
+ color: #fff !important;
}
/*----------------------------------------------------------------------------*/
=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/light_blue/light_blue.css'
--- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/light_blue/light_blue.css 2013-12-04 10:20:53 +0000
+++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/light_blue/light_blue.css 2013-12-04 11:47:33 +0000
@@ -265,7 +265,7 @@
overflow-y : auto;
background-color : #f7f7f7;
display : none;
- z-index : 10;
+ z-index : 9;
filter : alpha(opacity=98);
opacity : 0.98;
border-bottom-left-radius : 3px;
@@ -293,8 +293,8 @@
}
.contextMenuItemActive {
- background-color: #668cb9;
- color: #fff;
+ background-color: #668cb9 !important;
+ color: #fff !important;
}
/*----------------------------------------------------------------------------*/
=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/vietnam/vietnam.css'
--- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/vietnam/vietnam.css 2013-12-04 10:20:53 +0000
+++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/vietnam/vietnam.css 2013-12-04 11:47:33 +0000
@@ -265,7 +265,7 @@
overflow-y : auto;
background-color : #f7f7f7;
display : none;
- z-index : 10;
+ z-index : 9;
filter : alpha(opacity=94);
opacity : 0.94;
border-bottom-left-radius : 3px;
@@ -293,8 +293,8 @@
}
.contextMenuItemActive {
- background-color: #668cb9;
- color: #fff;
+ background-color: #668cb9 !important;
+ color: #fff !important;
}
/*----------------------------------------------------------------------------*/
=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.contextmenu.js'
--- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.contextmenu.js 2013-12-03 09:49:28 +0000
+++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.contextmenu.js 2013-12-04 11:47:33 +0000
@@ -85,7 +85,7 @@
return false;
});
- $list.on('click.context', 'td', function( e ) {
+ $list.on('click.context', 'tr', function( e ) {
if(dhis2.contextmenu.disable()) {
return false;
}
@@ -95,6 +95,10 @@
var $target = $(e.target);
+ if( $target.data('id') === undefined ) {
+ $target = $target.closest('tr');
+ }
+
$target.addClass(config.menuItemActiveClass);
$.each(config.listItemProps, function( idx, val ) {
@@ -120,6 +124,8 @@
var config = dhis2.contextmenu.config;
var $list = $('#' + config.listId);
var $menu = $('#' + config.menuId);
+
+ $list.find('tr').removeClass(config.menuItemActiveClass);
$list.find('td').removeClass(config.menuItemActiveClass);
if( $menu.is(":visible") ) {
=== modified file 'dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/dataSetList.vm'
--- dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/dataSetList.vm 2013-08-16 19:33:48 +0000
+++ dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/dataSetList.vm 2013-12-04 11:47:33 +0000
@@ -4,18 +4,32 @@
<script type="text/javascript">
jQuery(document).ready(function(){
tableSorter( 'listTable' );
+
+ dhis2.contextmenu.makeContextMenu({
+ menuId: 'contextMenu',
+ menuItemActiveClass: 'contextMenuItemActive'
+ });
});
var i18n_confirm_delete = '$encoder.jsEscape( $i18n.getString( "confirm_delete" ) , "'" )';
-
- function showsection(dataSetId)
- {
- window.location.href="section.action?dataSetId=" + dataSetId;
- }
</script>
<h3>$i18n.getString( "dataset_management" ) #openHelp( "dataSet" )</h3>
+<div id="contextMenu" class="contextMenu" style="width: 240px;">
+ <ul id="contextMenuItems" class="contextMenuItems">
+ <li><a data-target-fn="defineDataSetAssociationsForm"><i class="fa fa-plus"></i> $i18n.getString( "define_associations" )</a></li>
+ <li><a data-target-fn="showSharingDialogWithContext"><i class="fa fa-share"></i> $i18n.getString( "sharing_settings" )</a></li>
+ <li><a data-target-fn="editDataSetForm"><i class="fa fa-edit"></i> $i18n.getString( "edit" )</a></li>
+ <li><a data-target-fn="translateWithContext"><i class="fa fa-globe"></i> $i18n.getString( "translation_translate" )</a></li>
+ <li><a data-target-fn="viewDataEntryForm"><i class="fa fa-edit"></i> $i18n.getString( "design_data_entry_form" )</a></li>
+ <li><a data-target-fn="exportPdfDataSet"><i class="fa fa-files-o"></i> $i18n.getString( "pdf_data_entry_form" )</a></li>
+ <li><a data-target-fn="displayCompulsoryDataElementsForm"><i class="fa fa-edit"></i> $i18n.getString( "edit_compulsory_data_elements" )</a></li>
+ <li><a data-target-fn="removeDataSet"><i class="fa fa-trash-o"></i> $i18n.getString( "remove" )</a></li>
+ <li><a data-target-fn="showDataSetDetails"><i class="fa fa-info-circle"></i> $i18n.getString( "show_details" )</a></li>
+ </ul>
+</div>
+
<table class="mainPageTable">
<tr>
<td style="vertical-align:top">
@@ -28,80 +42,29 @@
</td>
</tr>
</table>
- <table class="listTable" id="listTable">
- <col/>
- <col width="260"/>
- <thead>
- <tr>
- <th>$i18n.getString( "name" )</th>
- <th style="text-align:center" class="{sorter: false}">$i18n.getString( "operations" )</th>
- </tr>
- </thead>
- <tbody id="list">
- #foreach( $dataSet in $dataSets )
- <tr id="tr${dataSet.id}">
- <td onclick="showDataSetDetails( $dataSet.id )">$encoder.htmlEncode( $dataSet.displayName )</td>
- <td style="text-align:right">
- #if( $security.canUpdate( $dataSet ) )
- <a href="defineDataSetAssociationsForm.action?dataSetId=$dataSet.id" title="$i18n.getString( 'define_associations' )"><img src="../images/assign.png" alt="$i18n.getString( 'define_associations' )"/></a>
- #else
- <img src="../images/assign-denied.png">
- #end
-
- #if ( $security.canManage( $dataSet ) )
- <a href="javascript:showSharingDialog('dataSet', '$dataSet.uid');" title="$i18n.getString( 'sharing_settings' )"><img src="../images/relationship.png" alt="$i18n.getString( 'sharing_settings' )"></a>
- #else
- <img src="../images/relationship-denied.png">
- #end
-
- #if( $security.canUpdate( $dataSet ) )
- <a href="editDataSetForm.action?dataSetId=$dataSet.id" title="$i18n.getString( 'edit' )"><img src="../images/edit.png" alt="$i18n.getString( 'edit' )"/></a>
- #else
- <img src="../images/edit-denied.png">
- #end
-
- #if( $security.canUpdate( $dataSet ) )
- <a href="javascript:translate( 'DataSet', '$dataSet.id' )" title="$i18n.getString( 'translation_translate' )"><img src="../images/i18n.png" alt="$i18n.getString( 'translation_translate' )"/></a>
- #else
- <img src="../images/i18n-denied.png">
- #end
-
- #if( $security.canUpdate( $dataSet ) )
- <a href="javascript:viewDataEntryForm( '$dataSet.id' )" title="$i18n.getString( 'design_data_entry_form' )"><img src="../images/edit_layout.png" alt="$i18n.getString( 'design_data_entry_form' )"/></a>
- #else
- <img src="../images/edit_layout-denied.png">
- #end
-
- <a href="../api/pdfForm/dataSet/$dataSet.uid" title="$i18n.getString( 'pdf_data_entry_form' )" target="_blank"><img src="../images/pdf.png" alt="$i18n.getString( 'pdf_data_entry_form' )" width="24" height="24"/></a>
-
- #if( $security.canWrite( $dataSet ) )
- <a href="javascript:window.location.href='displayCompulsoryDataElementsForm.action?id=${dataSet.id}'" title="$i18n.getString( 'edit_compulsory_data_elements' )"><img src="../images/edit_compulsory_data_elements.png" alt="$i18n.getString( 'edit_compulsory_data_elements' )"/></a>
- #else
- <img src="../images/edit_compulsory_data_elements-denied.png">
- #end
-
- #if( $security.canDelete( $dataSet ) )
- <a href="javascript:removeDataSet( '$dataSet.id', '$encoder.jsEncode( $dataSet.displayName )' )" title="$i18n.getString( 'remove' )"><img src="../images/delete.png" alt="$i18n.getString( 'remove' )"/></a>
- #else
- <img src="../images/delete-denied.png">
- #end
-
- <a href="javascript:showDataSetDetails( '$dataSet.id' )" title="$i18n.getString( 'show_details' )"><img src="../images/information.png" alt="$i18n.getString( 'show_details' )"/></a>
- </td>
- </tr>
- #end
-
- </tbody>
-
- </table>
- <p></p>
+ <table class="listTable" id="listTable">
+ <col/>
+ <thead>
+ <tr>
+ <th>$i18n.getString( "name" )</th>
+ </tr>
+ </thead>
+ <tbody id="list">
+ #foreach( $dataSet in $dataSets )
+ <tr id="tr${dataSet.id}" data-id="$!dataSet.id" data-uid="$!dataSet.uid" data-type="DataSet" data-name="$encoder.htmlEncode( $!dataSet.displayName )">
+ <td>$encoder.htmlEncode( $!dataSet.displayName )</td>
+ </tr>
+ #end
+ </tbody>
+
+ </table>
+ <p></p>
#parse( "/dhis-web-commons/paging/paging.vm" )
</td>
<td id="detailsData">
-
- <div id="detailsArea">
- <div id="hideDetailsArea">
+ <div id="detailsArea">
+ <div id="hideDetailsArea">
<a href="javascript:hideDetails()" title="$i18n.getString( 'hide_details' )"><img src="../images/hide.png" alt="$i18n.getString( 'hide_details' )"/></a>
</div>
<p><label>$i18n.getString( "name" ):</label><br/><span id="nameField"></span></p>
@@ -111,12 +74,12 @@
<p><label>$i18n.getString( "dataentryform" ):</label><br/><span id="dataEntryFormField"></span></p>
</div>
- <div id="warningArea">
- <div id="hideDetailsArea">
- <a href="javascript:hideWarning()" title="$i18n.getString( 'hide_warning' )"><img src="../images/hide.png" alt="$i18n.getString( 'hide_warning' )"/></a>
- </div>
- <p><span id="warningField"></span></p>
- </div>
+ <div id="warningArea">
+ <div id="hideDetailsArea">
+ <a href="javascript:hideWarning()" title="$i18n.getString( 'hide_warning' )"><img src="../images/hide.png" alt="$i18n.getString( 'hide_warning' )"/></a>
+ </div>
+ <p><span id="warningField"></span></p>
+ </div>
</td>
</tr>
=== modified file 'dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/javascript/dataSet.js'
--- dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/javascript/dataSet.js 2012-03-06 03:17:52 +0000
+++ dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/javascript/dataSet.js 2013-12-04 11:47:33 +0000
@@ -1,41 +1,52 @@
+var tmpDataSetId;
+var tmpSource;
+
// -----------------------------------------------------------------------------
// DataSet details form
// -----------------------------------------------------------------------------
-function showDataSetDetails( dataSetId )
-{
- jQuery.get( '../dhis-web-commons-ajax-json/getDataSet.action', {
- id : dataSetId
- }, function( json )
- {
- setInnerHTML( 'nameField', json.dataSet.name );
- setInnerHTML( 'descriptionField', json.dataSet.description );
- setInnerHTML( 'frequencyField', json.dataSet.frequency );
- setInnerHTML( 'dataElementCountField', json.dataSet.dataElementCount );
- setInnerHTML( 'dataEntryFormField', json.dataSet.dataentryform );
+function showDataSetDetails( context ) {
+ jQuery.get('../dhis-web-commons-ajax-json/getDataSet.action', {
+ id: context.id
+ }, function( json ) {
+ setInnerHTML('nameField', json.dataSet.name);
+ setInnerHTML('descriptionField', json.dataSet.description);
+ setInnerHTML('frequencyField', json.dataSet.frequency);
+ setInnerHTML('dataElementCountField', json.dataSet.dataElementCount);
+ setInnerHTML('dataEntryFormField', json.dataSet.dataentryform);
- showDetails();
- } );
+ showDetails();
+ });
}
// -----------------------------------------------------------------------------
// Delete DataSet
// -----------------------------------------------------------------------------
-var tmpDataSetId;
-
-var tmpSource;
-
-function removeDataSet( dataSetId, dataSetName )
-{
- removeItem( dataSetId, dataSetName, i18n_confirm_delete, 'delDataSet.action' );
+function removeDataSet( context ) {
+ removeItem(context.id, context.name, i18n_confirm_delete, 'delDataSet.action');
}
// ----------------------------------------------------------------------
// DataEntryForm
// ----------------------------------------------------------------------
-function viewDataEntryForm( dataSetId )
-{
- window.location.href = 'viewDataEntryForm.action?dataSetId=' + dataSetId;
+function viewDataEntryForm( context ) {
+ window.location.href = 'viewDataEntryForm.action?dataSetId=' + context.id;
+}
+
+function displayCompulsoryDataElementsForm( context ) {
+ location.href = 'displayCompulsoryDataElementsForm.action?id=' + context.id;
+}
+
+function exportPdfDataSet( context ) {
+ location.href = '../api/pdfForm/dataSet/' + context.uid;
+}
+
+function editDataSetForm( context ) {
+ location.href = 'editDataSetForm.action?dataSetId=' + context.id;
+}
+
+function defineDataSetAssociationsForm( context ) {
+ location.href = 'defineDataSetAssociationsForm.action?dataSetId=' + context.id;
}
=== modified file 'dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/javascript/section.js'
--- dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/javascript/section.js 2013-06-25 13:58:55 +0000
+++ dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/javascript/section.js 2013-12-04 11:47:33 +0000
@@ -2,9 +2,17 @@
// Section details form
// -----------------------------------------------------------------------------
-function showSectionDetails( sectionId )
+function editSectionShow( context ) {
+ location.href = 'editSection.action?sectionId=' + context.id;
+}
+
+function greySectionShow( context ) {
+ location.href = 'greySection.action?sectionId=' + context.id;
+}
+
+function showSectionDetails( context )
{
- jQuery.get( 'getSection.action', { sectionId: sectionId }, function ( json ) {
+ jQuery.get( 'getSection.action', { sectionId: context.id }, function ( json ) {
setInnerHTML( 'nameField', json.section.name );
setInnerHTML( 'dataSetField', json.section.dataSet );
setInnerHTML( 'categoryComboField', json.section.categoryCombo );
=== modified file 'dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/sectionList.vm'
--- dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/sectionList.vm 2013-09-18 15:34:38 +0000
+++ dhis-2/dhis-web/dhis-web-maintenance/dhis-web-maintenance-dataset/src/main/webapp/dhis-web-maintenance-dataset/sectionList.vm 2013-12-04 11:47:33 +0000
@@ -1,4 +1,11 @@
<script type="text/javascript">
+ $(function() {
+ dhis2.contextmenu.makeContextMenu({
+ menuId: 'contextMenu',
+ menuItemActiveClass: 'contextMenuItemActive'
+ });
+ });
+
var i18n_confirm_delete = '$encoder.jsEscape( $i18n.getString( "confirm_delete_section" ) , "'" )';
var i18n_please_select_dataset = '$encoder.jsEscape( $i18n.getString( "please_select_dataset" ) , "'" )';
var i18n_please_select_dataset_categorycombo = '$encoder.jsEscape( $i18n.getString( "please_select_dataset_or_categorycombo" ) , "'" )';
@@ -6,6 +13,16 @@
<h3>$i18n.getString( "section_management" ) #openHelp( "dataSetSection" )</h3>
+<div id="contextMenu" class="contextMenu" style="width: 210px;">
+ <ul id="contextMenuItems" class="contextMenuItems">
+ <li><a data-target-fn="editSectionShow"><i class="fa fa-edit"></i> $i18n.getString( "edit" )</a></li>
+ <li><a data-target-fn="translateWithContext"><i class="fa fa-globe"></i> $i18n.getString( "translation_translate" )</a></li>
+ <li><a data-target-fn="removeSection"><i class="fa fa-trash-o"></i> $i18n.getString( "remove" )</a></li>
+ <li><a data-target-fn="greySectionShow"><i class="fa fa-edit"></i> $i18n.getString( "section_grey_field_managment" )</a></li>
+ <li><a data-target-fn="showSectionDetails"><i class="fa fa-info-circle"></i> $i18n.getString( "show_details" )</a></li>
+ </ul>
+</div>
+
<table class="mainPageTable">
<tr>
<td>
@@ -41,37 +58,26 @@
<table class="listTable" id="listTable">
<col/>
<col/>
- <col width="20"/>
- <col width="20"/>
- <col width="20"/>
- <col width="20"/>
- <col width="20"/>
- <thead>
+ <thead>
<tr>
<th>$i18n.getString( "dataset" )</th>
<th>$i18n.getString( "name" )</th>
- <th colspan="5" class="{sorter: false}">$i18n.getString( "operations" )</th>
- </tr>
+ </tr>
</thead>
<tbody id="list">
#foreach( $section in $sections )
- <tr id="tr${section.id}">
- <td onclick="showSectionDetails( $section.id )">$encoder.htmlEncode( $section.dataSet.displayName )</td>
- <td onclick="showSectionDetails( $section.id )">$encoder.htmlEncode( $section.displayName )</td>
- <td style="text-align:center"><a href="editSection.action?sectionId=$section.id" title="$i18n.getString( 'edit' )"><img src="../images/edit.png" alt="$i18n.getString( 'edit' )"/></a></td>
- <td style="text-align:center"><a href="javascript:translate( '$section.getClass().getSimpleName()', '$section.id' )" title="$i18n.getString( 'translation_translate' )"><img src="../images/i18n.png" alt="$i18n.getString( 'translation_translate' )"/></a></td>
- <td style="text-align:center"><a href="javascript:removeSection( '$section.id', '$encoder.jsEncode( $section.displayName )' )" title="$i18n.getString( 'remove' )"><img src="../images/delete.png" alt="$i18n.getString( 'remove' )"/></a></td>
- <td style="text-align:center"><a href="greySection.action?sectionId=$section.id" title="$i18n.getString( 'section_grey_field_managment' )"><img src="../images/grey_field.png" alt="$i18n.getString( 'section_grey_field_managment' )"/></a></td>
- <td style="text-align:center"><a href="javascript:showSectionDetails( $section.id )" title="$i18n.getString( 'show_details' )"><img src="../images/information.png" alt="$i18n.getString( 'show_details' )"/></a></td>
+ <tr id="tr${section.id}" data-id="$!section.id" data-uid="$!section.uid" data-type="Section" data-name="$encoder.htmlEncode( $!section.displayName )">
+ <td>$encoder.htmlEncode( $section.dataSet.displayName )</td>
+ <td>$encoder.htmlEncode( $section.displayName )</td>
</tr>
#end
</tbody>
</table>
</td>
+
<td id="detailsData">
-
- <div id="detailsArea">
- <div id="hideDetailsArea">
+ <div id="detailsArea">
+ <div id="hideDetailsArea">
<a href="javascript:hideDetails()" title="$i18n.getString( 'hide_details' )"><img src="../images/close.png" alt="$i18n.getString( 'hide_details' )"></a>
</div>
<p><label>$i18n.getString( "name" ):</label><br/><span id="nameField"></span></p>
