Add show/hide toggle and some style adjustments

This commit is contained in:
Owen Stephens 2018-01-16 16:26:15 +00:00
parent a9be18d9df
commit 9cf379e625
4 changed files with 39 additions and 2 deletions

View File

@ -21,8 +21,10 @@
<input type="checkbox" name="dialog-cache-responses" id="$add-column-cache-responses" checked="checked" />
<label for="$add-column-cache-responses" bind="or_views_cacheResponses"></label></td>
</tr>
<tr><td colspan="4"><h3><span bind="or_views_httpHeaders"></span></h3></td></tr>
<tr><td colspan="4">$HTTP_HEADERS_WIDGET$</td></tr>
<tr><td colspan="4"><h3 class="inline-header"><span bind="or_views_httpHeaders"></span></h3>
<span class="toggle-text" bind="or_views_httpHeadersShowHide"></span>
$HTTP_HEADERS_WIDGET$
</td></tr>
</tr>
<tr><td colspan="4"><h3><span bind="or_views_urlFetch"></span></h3></td></tr>
<tr><td colspan="4">$EXPRESSION_PREVIEW_WIDGET$</td></tr>

View File

@ -106,6 +106,16 @@ DataTableColumnHeaderUI.extendMenu(function(column, columnHeaderUI, menu) {
elmts.or_views_storeErr.text($.i18n._('core-views')["store-err"]);
elmts.or_views_cacheResponses.text($.i18n._('core-views')["cache-responses"]);
elmts.or_views_httpHeaders.text($.i18n._('core-views')["http-headers"]);
elmts.or_views_httpHeadersShowHide.text($.i18n._('core-views')["show"]);
elmts.or_views_httpHeadersShowHide.click(function() {
$( ".set-httpheaders-container" ).toggle( "slow", function() {
if ($(this).is(':visible')) {
elmts.or_views_httpHeadersShowHide.text($.i18n._('core-views')["hide"]);
} else {
elmts.or_views_httpHeadersShowHide.text($.i18n._('core-views')["show"]);
}
});
});
elmts.or_views_urlFetch.text($.i18n._('core-views')["url-fetch"]);
elmts.okButton.html($.i18n._('core-buttons')["ok"]);
elmts.cancelButton.text($.i18n._('core-buttons')["cancel"]);

View File

@ -178,6 +178,10 @@ a img {
font-weight: bold;
}
.inline-header {
display: inline;
}
.list-table {
width: 100%;
}
@ -242,6 +246,12 @@ a img {
opacity: 0.3;
}
.toggle-text {
font-size: x-small;
border-bottom: 1px blue dotted;
left-margin: 1em
}
#header {
height: 40px;
margin: 10px;

View File

@ -316,6 +316,21 @@ a.data-table-flag-off {
color: @light_grey;
}
.set-httpheaders-container {
display: none;
}
.set-httpheaders-container label {
display: inline-block;
width: 15%;
text-align: left;
}
.set-httpheaders-container input {
display: inline-block;
width: 50%;
}
ul.sorting-dialog-blank-error-positions {
margin: 0;
padding: 5px;