Fijxu/h5ai
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Refactor info page.

Browse source
This commit is contained in:
Lars Jung 2015-05-14 14:22:40 +02:00
parent 9090c28f04
commit 95f087cfd6
3 changed files with 37 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/_h5ai/backend/php/pages/info.php.jade
View file

@ -10,11 +10,3 @@ block body
div#content
h1#header
a(href='#{pkg.homepage}') #{pkg.name}
div#support
| Show your support with a donation!
div.paypal
form(action='https://www.paypal.com/cgi-bin/webscr', method='post', target='_blank')
input(type='hidden', name='cmd', value='_s-xclick')
input(type='hidden', name='hosted_button_id', value='8WSPKWT7YBTSQ')
input(type='image', src!='#{public_href}images/ui/paypal.svg', name='submit', alt='PayPal')

13
src/_h5ai/public/css/inc/main/info.less
View file

@ -33,20 +33,17 @@
}
#support {
margin: 12px auto 24px auto;
padding: 6px 18px;
width: 210px;
margin: 24px auto;
padding: 18px 0 6px 0;
width: 292px;
background: @col-back-panel;
border: 1px solid @col-border;
border-radius: 4px;
.paypal {
margin: 12px 0 0 0;
}
input[type="image"] {
border: 0;
width: 100px;
padding: 12px 48px;
}
}
@ -78,7 +75,7 @@
display: inline-block;
text-align: left;
list-style-type: none;
margin: 96px 0;
margin: 48px 0;
padding: 0;
.test {

42
src/_h5ai/public/js/inc/main/info.js
View file

@ -1,14 +1,14 @@
modulejs.define('main/info', ['$', 'config', 'core/server'], function ($, config, server) {
modulejs.define('main/info', ['$', 'config', 'core/resource', 'core/server'], function ($, config, resource, server) {
var testsTemp =
var tplTests =
'<ul id="tests">';
var testTemp =
var tplTest =
'<li class="test">' +
'<span class="label"></span>' +
'<span class="result"></span>' +
'<div class="info"></div>' +
'</li>';
var loginTemp =
var tplLogin =
'<div id="login-wrapper">' +
'<input id="pass" type="password" placeholder="password"/>' +
'<span id="login">login</span>' +
@ -18,12 +18,23 @@ modulejs.define('main/info', ['$', 'config', 'core/server'], function ($, config
'Change it in \'_h5ai/conf/options.json\'.' +
'</div>' +
'</div>';
var tplSupport =
'<div id="support">' +
'Show your support with a donation!' +
'<div class="paypal">' +
'<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">' +
'<input type="hidden" name="cmd" value="_s-xclick" />' +
'<input type="hidden" name="hosted_button_id" value="8WSPKWT7YBTSQ" />' +
'<input type="image" src="' + resource.image('paypal') + '" name="submit" alt="PayPal" />' +
'</form>' +
'</div>' +
'</div>';
var setup = config.setup;
function addTest(label, info, passed, result) {
var $test = $(testTemp).appendTo('#tests');
var $test = $(tplTest).appendTo('#tests');
$test.find('.label').text(label);
$test.find('.result')
.addClass(passed ? 'passed' : 'failed')
@ -33,13 +44,20 @@ modulejs.define('main/info', ['$', 'config', 'core/server'], function ($, config
function addTests() {
$(testsTemp).appendTo('#content');
$(tplTests).appendTo('#content');
addTest(
'h5ai version', 'Only green if this is an official h5ai release',
/^\d+\.\d+\.\d+$/.test(setup.VERSION), setup.VERSION
);
if (setup.AS_ADMIN) {
addAdminTests();
}
}
function addAdminTests() {
addTest(
'Index file found', 'Add <code>' + setup.INDEX_HREF + '</code> to your index file list',
setup.INDEX_HREF
@ -133,9 +151,14 @@ modulejs.define('main/info', ['$', 'config', 'core/server'], function ($, config
}
}
function addSupport() {
$(tplSupport).appendTo('#content');
}
function addLogin() {
$(loginTemp).appendTo('#content');
$(tplLogin).appendTo('#content');
if (setup.AS_ADMIN) {
$('#pass').remove();
@ -153,10 +176,9 @@ modulejs.define('main/info', ['$', 'config', 'core/server'], function ($, config
function init() {
addSupport();
addLogin();
if (setup.AS_ADMIN) {
addTests();
}
addTests();
}