mirror of
https://github.com/phpbb/phpbb.git
synced 2025-03-25 18:13:28 +01:00
[ticket/14492] Improve look and display data again
PHPBB3-14492
This commit is contained in:
parent
430ec6f61d
commit
6f315da9ab
@ -5,17 +5,47 @@
|
||||
<h1>{L_SEND_STATISTICS}</h1>
|
||||
|
||||
<div class="send-stats-row">
|
||||
<div class="send-stats-col">
|
||||
<div class="send-stats-tile">
|
||||
<h2><p><i class="icon fa-bar-chart"></i>Send statistics</p></h2>
|
||||
<p>{L_EXPLAIN_SEND_STATISTICS}</p>
|
||||
<div class="send-stats-tile">
|
||||
<h2><i class="icon fa-bar-chart"></i>Send statistics</h2>
|
||||
<p>{L_EXPLAIN_SEND_STATISTICS}</p>
|
||||
<div class="send-stats-row">
|
||||
<div class="send-stats-data-row send-stats-data-only-row">
|
||||
<a id="trigger-configlist"><span>{L_SHOW_STATISTICS}</span><i class="icon fa-angle-down"></i></a>
|
||||
</div>
|
||||
<div class="send-stats-data-row send-stats-data-hidden">
|
||||
<div class="configlist" id="configlist">
|
||||
<!-- BEGIN providers -->
|
||||
<fieldset>
|
||||
<legend>{providers.NAME}</legend>
|
||||
<!-- BEGIN values -->
|
||||
<dl>
|
||||
<dt>{providers.values.KEY}</dt>
|
||||
<dd>{providers.values.VALUE}</dd>
|
||||
</dl>
|
||||
<!-- END values -->
|
||||
</fieldset>
|
||||
<!-- END providers -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<dl class="send-stats-settings">
|
||||
<dt>
|
||||
<input id="enable-stats" type="checkbox" />
|
||||
<label for="enable-stats"></label>
|
||||
</dt>
|
||||
<dd>{L_YES}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="send-stats-col">
|
||||
<div class="send-stats-tile">
|
||||
<h2><p class="viglink-header">VigLink</p></h2>
|
||||
<p>{L_EXPLAIN_ENABLE_VIGLINK}</p>
|
||||
</div>
|
||||
<div class="send-stats-tile">
|
||||
<h2><span class="viglink-header">VigLink</span></h2>
|
||||
<p>{L_EXPLAIN_ENABLE_VIGLINK}</p>
|
||||
<dl class="send-stats-settings">
|
||||
<dt>
|
||||
<input id="enable-viglink" type="checkbox" />
|
||||
<label for="enable-viglink"></label>
|
||||
</dt>
|
||||
<dd>Enable</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear: both; display: none;">
|
||||
@ -36,43 +66,6 @@ function iframe_updated()
|
||||
//]]>
|
||||
</script>
|
||||
|
||||
<iframe onload="iframe_updated();" name="questionaire_result" style="display: none;"></iframe>
|
||||
|
||||
<form action="{U_COLLECT_STATS}" method="post" target="questionaire_result" id="questionnaire-form">
|
||||
|
||||
<p><a href="{U_ACP_MAIN}">{L_DONT_SEND_STATISTICS}</a></p>
|
||||
|
||||
<p>{L_EXPLAIN_SHOW_STATISTICS}</p>
|
||||
|
||||
<p id="show-button"><input type="button" class="button2" onclick="phpbb.toggleDisplay('configlist', 1); phpbb.toggleDisplay('show-button', -1);" value="{L_SHOW_STATISTICS}" /></p>
|
||||
|
||||
<div id="configlist">
|
||||
<input type="button" class="button2" onclick="phpbb.toggleDisplay('show-button', 1); phpbb.toggleDisplay('configlist', -1);" value="{L_HIDE_STATISTICS}" />
|
||||
<p class="submit-buttons">
|
||||
<input class="button1" type="submit" id="submit" name="submit" value="{L_SEND_STATISTICS}" />
|
||||
</p>
|
||||
|
||||
<!-- BEGIN providers -->
|
||||
<fieldset>
|
||||
<legend>{providers.NAME}</legend>
|
||||
<!-- BEGIN values -->
|
||||
<dl>
|
||||
<dt>{providers.values.KEY}</dt>
|
||||
<dd>{providers.values.VALUE}</dd>
|
||||
</dl>
|
||||
<!-- END values -->
|
||||
</fieldset>
|
||||
<!-- END providers -->
|
||||
</div>
|
||||
<p class="submit-buttons">
|
||||
<input type="hidden" name="systemdata" value="{RAW_DATA}" />
|
||||
<input class="button1" type="submit" id="submit" name="submit" value="{L_SEND_STATISTICS}" />
|
||||
</p>
|
||||
</form>
|
||||
|
||||
<div id="questionnaire-thanks" class="successbox">
|
||||
<p><strong>{L_THANKS_SEND_STATISTICS}</strong><br /><br /><a href="{U_ACP_MAIN}">« {L_GO_ACP_MAIN}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- INCLUDE overall_footer.html -->
|
||||
|
@ -2585,12 +2585,7 @@ fieldset.permissions .padding {
|
||||
}
|
||||
|
||||
.send-stats-row {
|
||||
margin: 25px -15px 0;
|
||||
}
|
||||
|
||||
.send-stats-row h3 {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.send-stats-row:before {
|
||||
@ -2598,20 +2593,6 @@ fieldset.permissions .padding {
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.send-stats-col {
|
||||
width: 50%;
|
||||
float: left;
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.send-stats-row > .send-stats-col:last-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.send-stats-tile {
|
||||
position: relative;
|
||||
padding: 14px;
|
||||
@ -2624,10 +2605,7 @@ fieldset.permissions .padding {
|
||||
.send-stats-tile h2 {
|
||||
margin-top: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.send-stats-tile h2 > p {
|
||||
display: inline-block;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
.send-stats-tile i {
|
||||
@ -2644,3 +2622,77 @@ fieldset.permissions .padding {
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.send-stats-data-row {
|
||||
background: #f9f9f9;
|
||||
border-radius: 6px;
|
||||
border: #DEDEDE 1px solid;
|
||||
padding: 10px;
|
||||
border-top-width: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
|
||||
.send-stats-data-hidden .configlist {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.send-stats-data-only-row {
|
||||
border-radius: 6px !important;
|
||||
border-bottom-width: 1px !important;
|
||||
}
|
||||
|
||||
.send-stats-data-hidden {
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.send-stats-row > .send-stats-data-row:first-child {
|
||||
background-color: #d9edf7;
|
||||
border-bottom-width: 0;
|
||||
border-top-right-radius: 6px;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-width: 1px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.send-stats-settings dt, .send-stats-settings dd {
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.send-stats-settings dd {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.send-stats-settings input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.send-stats-settings input[type=checkbox] + label:before {
|
||||
content: "\f096";
|
||||
font-family: FontAwesome;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.send-stats-settings input[type=checkbox]:checked + label:before {
|
||||
content: "\f14a";
|
||||
color: #3c763d;
|
||||
}
|
||||
|
||||
.send-stats-data-row a:hover span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.send-stats-data-row a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.send-stats-data-row i {
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.configlist {
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
@ -243,8 +243,11 @@ function parse_document(container)
|
||||
|
||||
parse_document($('body'));
|
||||
|
||||
// Hide configlist and success message in send statistics page
|
||||
phpbb.toggleDisplay('configlist', -1);
|
||||
phpbb.toggleDisplay('questionnaire-thanks', -1);
|
||||
$('#trigger-configlist').on('click', function () {
|
||||
var $configlist = $('#configlist');
|
||||
$configlist.closest('.send-stats-data-row').toggleClass('send-stats-data-hidden');
|
||||
$configlist.closest('.send-stats-row').find('.send-stats-data-row:first-child').toggleClass('send-stats-data-only-row');
|
||||
$(this).find('i').toggleClass('fa-angle-down fa-angle-up');
|
||||
});
|
||||
});
|
||||
})(jQuery);
|
||||
|
Loading…
x
Reference in New Issue
Block a user