1. Added "Clear" buttons per Katy's request in temporal graph vis.
This commit is contained in:
parent
dfd6f7f488
commit
bdda1b950d
3 changed files with 12 additions and 6 deletions
|
@ -25,6 +25,10 @@ a.temporalGraphLinks {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.clear-selected-entities {
|
||||||
|
background-color: #878787;
|
||||||
|
}
|
||||||
|
|
||||||
#paginated-table-footer {
|
#paginated-table-footer {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
|
@ -99,10 +99,10 @@ var organizationLabel = '${organizationLabel}';
|
||||||
|
|
||||||
|
|
||||||
//click event handler for clear button
|
//click event handler for clear button
|
||||||
$("a#clear").click(function(){
|
$("a.clear-selected-entities").click(function(){
|
||||||
clearRenderedObjects();
|
clearRenderedObjects();
|
||||||
});
|
});
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* When the intra-entity parameters are clicked,
|
* When the intra-entity parameters are clicked,
|
||||||
* update the status accordingly.
|
* update the status accordingly.
|
||||||
|
@ -307,6 +307,7 @@ var organizationLabel = '${organizationLabel}';
|
||||||
<div id="paginatedTable"></div>
|
<div id="paginatedTable"></div>
|
||||||
<div id="paginated-table-footer">
|
<div id="paginated-table-footer">
|
||||||
<a id="csv" href="${TemporalGraphDownloadFile}" class="temporalGraphLinks">Save as CSV</a>
|
<a id="csv" href="${TemporalGraphDownloadFile}" class="temporalGraphLinks">Save as CSV</a>
|
||||||
|
<a class="clear-selected-entities temporalGraphLinks">Clear</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<#--
|
<#--
|
||||||
|
@ -331,7 +332,7 @@ var organizationLabel = '${organizationLabel}';
|
||||||
<p class="displayCounter">You have selected <span id="counter">0</span> of a maximum
|
<p class="displayCounter">You have selected <span id="counter">0</span> of a maximum
|
||||||
<span id="total">10</span> <span id="entityleveltext"> schools</span> to compare.
|
<span id="total">10</span> <span id="entityleveltext"> schools</span> to compare.
|
||||||
<span id="legend-row-header">
|
<span id="legend-row-header">
|
||||||
<a id="clear" class="temporalGraphLinks">Clear</a>
|
<a class="clear-selected-entities temporalGraphLinks">Clear</a>
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -97,7 +97,7 @@ var organizationLabel = '${organizationLabel}';
|
||||||
init(graphContainer);
|
init(graphContainer);
|
||||||
|
|
||||||
//click event handler for clear button
|
//click event handler for clear button
|
||||||
$("a#clear").click(function(){
|
$("a.clear-selected-entities").click(function(){
|
||||||
clearRenderedObjects();
|
clearRenderedObjects();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -141,7 +141,7 @@ var organizationLabel = '${organizationLabel}';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
//parse the json object and pass it to loadData
|
//parse the json object and pass it to loadData
|
||||||
jsonObject.prepare(jQuery.parseJSON(jsonString));
|
jsonObject.prepare(jQuery.parseJSON(jsonString));
|
||||||
|
|
||||||
function performEntityCheckboxUnselectedActions(entity, checkboxValue, checkbox) {
|
function performEntityCheckboxUnselectedActions(entity, checkboxValue, checkbox) {
|
||||||
|
@ -304,6 +304,7 @@ var organizationLabel = '${organizationLabel}';
|
||||||
<div id="paginatedTable"></div>
|
<div id="paginatedTable"></div>
|
||||||
<div id="paginated-table-footer">
|
<div id="paginated-table-footer">
|
||||||
<a id="csv" href="${TemporalGraphDownloadFile}" class="temporalGraphLinks">Save as CSV</a>
|
<a id="csv" href="${TemporalGraphDownloadFile}" class="temporalGraphLinks">Save as CSV</a>
|
||||||
|
<a class="clear-selected-entities temporalGraphLinks">Clear</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<#--
|
<#--
|
||||||
|
@ -328,7 +329,7 @@ var organizationLabel = '${organizationLabel}';
|
||||||
<p class="displayCounter">You have selected <span id="counter">0</span> of a maximum
|
<p class="displayCounter">You have selected <span id="counter">0</span> of a maximum
|
||||||
<span id="total">10</span> <span id="entityleveltext"> schools</span> to compare.
|
<span id="total">10</span> <span id="entityleveltext"> schools</span> to compare.
|
||||||
<span id="legend-row-header">
|
<span id="legend-row-header">
|
||||||
<a id="clear" class="temporalGraphLinks">Clear</a>
|
<a class="clear-selected-entities temporalGraphLinks">Clear</a>
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue