Skip to content
Snippets Groups Projects
Commit 3707861f authored by Éloïs's avatar Éloïs
Browse files

[enh] add css style for menu

parent 0ca94646
No related branches found
No related tags found
1 merge request!62Dev2
Show whitespace changes
Inline Side-by-side
views/Chart.html
+ 1
− 1
View file @ 3707861f
...@@ -5,7 +5,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD} ...@@ -5,7 +5,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD}
<!-- Afficher le menu --> <!-- Afficher le menu -->
<script src=${(host.substr(host.length-6,6) == '.onion') ? "http://722iprlhm7pw4mx7.onion/js/Chart.min.js":"https://elois.org/js/Chart.min.js"}></script> <script src=${(host.substr(host.length-6,6) == '.onion') ? "http://722iprlhm7pw4mx7.onion/js/Chart.min.js":"https://elois.org/js/Chart.min.js"}></script>
${printMenu(MENU_LANG, help)} ${printMenu(MENU_LANG, help, pageName)}
<!-- Afficher le formulaire --> <!-- Afficher le formulaire -->
${form||''} <input type="submit" value="${LANG['SUBMIT_BUTTON']}"><br>${(typeof(form2) != 'undefined') ? form2:''}</form><br> ${form||''} <input type="submit" value="${LANG['SUBMIT_BUTTON']}"><br>${(typeof(form2) != 'undefined') ? form2:''}</form><br>
......
views/HEAD.html
+ 24
− 0
View file @ 3707861f
...@@ -12,4 +12,28 @@ ...@@ -12,4 +12,28 @@
html, body, *, pre { html, body, *, pre {
font-family: "Ubuntu"; font-family: "Ubuntu";
} }
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
.menu li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
</style> </style>
\ No newline at end of file
views/about.html
+ 1
− 1
View file @ 3707861f
...@@ -4,7 +4,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD} ...@@ -4,7 +4,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD}
<body> <body>
<!-- Afficher le menu --> <!-- Afficher le menu -->
${printMenu(MENU_LANG, help)} ${printMenu(MENU_LANG, help, "ABOUT")}
</form> </form>
<div align="center"> <div align="center">
......
views/members.html
+ 1
− 1
View file @ 3707861f
...@@ -4,7 +4,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD} ...@@ -4,7 +4,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD}
<body> <body>
<!-- Afficher le menu --> <!-- Afficher le menu -->
${printMenu(MENU_LANG, help)} ${printMenu(MENU_LANG, help, "MEMBERS")}
<!-- Afficher le formulaire --> <!-- Afficher le formulaire -->
<input type="number" name="d" value="${days}"/>${LANG["FORM1"]} <select name="sort_by"> <input type="number" name="d" value="${days}"/>${LANG["FORM1"]} <select name="sort_by">
......
views/printMenu.js
+ 12
− 12
View file @ 3707861f
const constants = require(__dirname + '/../lib/constants') const constants = require(__dirname + '/../lib/constants')
module.exports = function printMenu(lang, help) { module.exports = function printMenu(lang, help, location) {
let htmlMenu = '<table align="center" width="100%"><tr>'; let htmlMenu = '<ul class="menu">';//'<table align="center" width="100%"><tr>';
htmlMenu += `<td align="center"><a href="willMembers?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["WILL_MEMBERS"]}</a></td>`; htmlMenu += `<li class="menu"><a class="${(location=="WILL_MEMBERS") ? 'active':'menu'}" href="willMembers?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["WILL_MEMBERS"]}</a></li>`;
htmlMenu += `<td align="center"><a href="members?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["MEMBERS"]}</a></td>`; htmlMenu += `<li class="menu"><a class="${(location=="MEMBERS") ? 'active':'menu'}" href="members?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["MEMBERS"]}</a></li>`;
htmlMenu += `<td align="center"><a href="membersCount?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["MEMBERS_COUNT"]}</a></td>`; htmlMenu += `<li class="menu"><a class="${(location=="MEMBERS_COUNT") ? 'active':'menu'}" href="membersCount?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["MEMBERS_COUNT"]}</a></li>`;
htmlMenu += `<td align="center"><a href="wotex?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["WOTEX"]}</a></td>`; htmlMenu += `<li class="menu"><a class="${(location=="WOTEX") ? 'active':'menu'}" href="wotex?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["WOTEX"]}</a></li>`;
if (constants.USE_WOTB6) if (constants.USE_WOTB6)
{ {
htmlMenu += `<td align="center"><a href="gaussianWotQuality?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["GAUSSIAN_WOT_QUALITY"]}</a></td>`; htmlMenu += `<li class="menu"><a class="${(location=="GAUSSIAN_WOT_QUALITY") ? 'active':'menu'}" href="gaussianWotQuality?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["GAUSSIAN_WOT_QUALITY"]}</a></li>`;
} }
htmlMenu += `<td align="center"><a href="blockCount?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["BLOCK_COUNT"]}</a></td>`; htmlMenu += `<li class="menu"><a class="${(location=="BLOCK_COUNT") ? 'active':'menu'}" href="blockCount?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["BLOCK_COUNT"]}</a></li>`;
htmlMenu += `<td align="center"><a href="monetaryMass?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["MONETARY_MASS"]}</a></td>`; htmlMenu += `<li class="menu"><a class="${(location=="MONETARY_MASS") ? 'active':'menu'}" href="monetaryMass?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["MONETARY_MASS"]}</a></li>`;
htmlMenu += `<td align="center"><a href="about?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["ABOUT"]}</a></td>`; htmlMenu += `<li class="menu"><a class="${(location=="ABOUT") ? 'active':'menu'}" href="about?lg=${lang['LG']}${(typeof(help) != 'undefined' && help == 'no') ? '&help=no':''}">${lang["ABOUT"]}</a></li>`;
htmlMenu += `<td align="center"><form action="" method="GET"><select name="lg" onchange="this.form.submit()">`; htmlMenu += `<li class="menu" style="float:right"><form action="" method="GET"><a class="menu"><select name="lg" onchange="this.form.submit()">`;
htmlMenu += `<option name="lg" value="fr" ${lang['LG'] == 'fr' ? 'selected' : ''}>FR`; htmlMenu += `<option name="lg" value="fr" ${lang['LG'] == 'fr' ? 'selected' : ''}>FR`;
htmlMenu += `<option name="lg" value="en" ${lang['LG'] == 'en' ? 'selected' : ''}>EN`; htmlMenu += `<option name="lg" value="en" ${lang['LG'] == 'en' ? 'selected' : ''}>EN`;
htmlMenu += '</select></td></tr></table><hr>'; htmlMenu += '</select></a></li></ul><br>';//</td></tr></table><hr>';
return htmlMenu; return htmlMenu;
} }
views/willMembers.html
+ 1
− 1
View file @ 3707861f
...@@ -20,7 +20,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD} ...@@ -20,7 +20,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD}
<body> <body>
<!-- Afficher le menu --> <!-- Afficher le menu -->
${printMenu(MENU_LANG, help)} ${printMenu(MENU_LANG, help, "WILL_MEMBERS")}
<!-- Afficher le formulaire --> <!-- Afficher le formulaire -->
<input type="number" name="d" value="${days}"/>${LANG["DAYS"]} - ${LANG["SORT_BY"]} <input type="number" name="d" value="${days}"/>${LANG["DAYS"]} - ${LANG["SORT_BY"]}
......
views/wotex.html
+ 7
− 7
View file @ 3707861f
...@@ -117,7 +117,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD} ...@@ -117,7 +117,7 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD}
<body onload="onLoadedPage()"> <body onload="onLoadedPage()">
<!-- Afficher le menu --> <!-- Afficher le menu -->
${printMenu(MENU_LANG, help)} ${printMenu(MENU_LANG, help, "WOTEX")}
<!-- Afficher le titre et le formulaire --> <!-- Afficher le titre et le formulaire -->
<h1>${LANG['TITLE']}</h1> <h1>${LANG['TITLE']}</h1>
...@@ -140,12 +140,12 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD} ...@@ -140,12 +140,12 @@ ${(host.substr(host.length-6,6) == '.onion') ? HTML_TOR_HEAD:HTML_HEAD}
<!-- Afficher la légende --> <!-- Afficher la légende -->
${(typeof(help) == 'undefined' || help != 'no') ? ` ${(typeof(help) == 'undefined' || help != 'no') ? `
<p>${LANG['LEGEND_TITLE']} :</p> <p>${LANG['LEGEND_TITLE']} :</p>
<ul>
<li><span class="isMember">${LANG['LEGEND_BLACK']}</span></li> <span class="isMember">${LANG['LEGEND_BLACK']}</span></br>
<li><span class="isSentry">${LANG['LEGEND_BLUE']}</span></li> <span class="isSentry">${LANG['LEGEND_BLUE']}</span></br>
<li><span class="isPending">${LANG['LEGEND_ORANGE']}</span></li> <span class="isPending">${LANG['LEGEND_ORANGE']}</span></br>
<li><span class="isNonMember">${LANG['LEGEND_RED']}</span></li> <span class="isNonMember">${LANG['LEGEND_RED']}</span></br>
</ul>
<hr/> <hr/>
`:``} `:``}
<!-- Afficher tout les plus courts chemins --> <!-- Afficher tout les plus courts chemins -->
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment