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,7 +99,7 @@ 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();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -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();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -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