Attention ! Gitlab fournissant maintenant nativement des certificats Let’s Encrypt aux domaines personnalisés des Gitlab Pages, nous avons coupé notre service qui le faisait automatiquement pour vous.

Il est impératif, pour que votre domaine personnalisé continue à avoir un certificat Let’s Encrypt à jour, d’activer la fonctionnalité native dans les paramètres de votre projet. Cette activation remplacera votre certificat actuel par un nouveau certificat Let’s Encrypt géré par Gitlab.

Voir les détails sur https://docs.framasoft.org/fr/gitlab/gitlab-pages-le.html

Commit 22c79847 authored by Thierry BUGEAT's avatar Thierry BUGEAT

Code cleanup

parent 836413f6
......@@ -132,32 +132,6 @@
var sortedEntries = [];
var sortedFeeds = [];
// DOM elements :
var main_entry_container = document.getElementById("main-entry-container");
var main_entry = document.getElementById("main-entry");
var browser = document.getElementById("browser");
var loading = document.getElementById("loading");
var feeds_entries = document.getElementById("feeds-entries");
var feeds_list = document.getElementById("feeds-list");
var sync = document.getElementById("sync");
var menu = document.getElementById("menu");
var search = document.getElementById("search");
var settingsOpen = document.getElementById("settingsOpen");
var find_feeds = document.getElementById("find-feeds");
var findFeedsOpen = document.getElementById("findFeedsOpen");
var findFeedsClose = document.getElementById("findFeedsClose");
var findFeedsSubmit = document.getElementById("findFeedsSubmit");
var findFeedsReset = document.getElementById("findFeedsReset");
var share = document.getElementById("share");
var feedsEntriesNbDaysAgo = document.getElementById("feedsEntriesNbDaysAgo");
var displayGrid = document.getElementById("displayGrid");
var displayCard = document.getElementById("displayCard");
var displayList = document.getElementById("displayList");
var useAnimations = document.getElementById("useAnimations");
sync.onclick = function(event) {
if (navigator.onLine) {
ui._vibrate();
......
// DOM elements :
var main = document.getElementById('main');
var main_entry_container = document.getElementById("main-entry-container");
var main_entry = document.getElementById("main-entry");
var browser = document.getElementById("browser");
var loading = document.getElementById("loading");
var feeds_entries = document.getElementById("feeds-entries");
var feeds_list = document.getElementById("feeds-list");
var sync = document.getElementById("sync");
var menu = document.getElementById("menu");
var dom = {
"topups": {
"entries": document.getElementById("topup"),
"feeds": document.getElementById("topupFeedsList")
}
};
var search = document.getElementById("search");
var settingsOpen = document.getElementById("settingsOpen");
var find_feeds = document.getElementById("find-feeds");
var findFeedsOpen = document.getElementById("findFeedsOpen");
var findFeedsClose = document.getElementById("findFeedsClose");
var findFeedsSubmit = document.getElementById("findFeedsSubmit");
var share = document.getElementById("share");
var feedsEntriesNbDaysAgo = document.getElementById("feedsEntriesNbDaysAgo");
var displayGrid = document.getElementById("displayGrid");
var displayCard = document.getElementById("displayCard");
var displayList = document.getElementById("displayList");
var searchEntries = document.getElementById("searchEntries");
var resetSearchEntries = document.getElementById("resetSearchEntries");
var findFeedsReset = document.getElementById("findFeedsReset");
var useAnimations = document.getElementById("useAnimations");
/* ============ */
/* --- MyUi --- */
/* ============ */
var MyUi = function() {
_MyUi = this;
// DOM elements :
var main = document.getElementById('main');
var main_entry_container = document.getElementById("main-entry-container");
var main_entry = document.getElementById("main-entry");
var browser = document.getElementById("browser");
var loading = document.getElementById("loading");
var feeds_entries = document.getElementById("feeds-entries");
var feeds_list = document.getElementById("feeds-list");
var sync = document.getElementById("sync");
var menu = document.getElementById("menu");
var topup = document.getElementById("topup");
var topupFeedsList = document.getElementById("topupFeedsList");
var search = document.getElementById("search");
var settingsOpen = document.getElementById("settingsOpen");
var find_feeds = document.getElementById("find-feeds");
var findFeedsOpen = document.getElementById("findFeedsOpen");
var findFeedsClose = document.getElementById("findFeedsClose");
var findFeedsSubmit = document.getElementById("findFeedsSubmit");
var share = document.getElementById("share");
var feedsEntriesNbDaysAgo = document.getElementById("feedsEntriesNbDaysAgo");
var displayGrid = document.getElementById("displayGrid");
var displayCard = document.getElementById("displayCard");
var displayList = document.getElementById("displayList");
var searchEntries = document.getElementById("searchEntries");
var resetSearchEntries = document.getElementById("resetSearchEntries");
}
MyUi.prototype.init = function() {
_MyUi._onclick(topup, 'disable'); // Disable "topup" button when application start
_MyUi._onclick(topupFeedsList, 'disable'); // Disable "topupFeedsList" button when application start
_MyUi._onclick(sync, 'disable'); // Disable "sync" button when application start
_MyUi._onclick(dom.topups['entries'], 'disable'); // Disable "topup" button when application start
_MyUi._onclick(dom.topups['feeds'], 'disable'); // Disable "topupFeedsList" button when application start
_MyUi._onclick(sync, 'disable'); // Disable "sync" button when application start
_MyUi._onclick(nextDay, 'disable');
_MyUi.selectThemeIcon();
......@@ -56,11 +60,11 @@ MyUi.prototype.init = function() {
setInterval(function() {
// Scroll in progress
topupFeedsList
if (feeds_list.scrollTop != _topupFeedsList['previousScrollTop']) {
if (_topupFeedsList['previousScrollTop'] == 0) {
_MyUi._onclick(topupFeedsList, 'enable');
_MyUi._onclick(dom.topups['feeds'], 'enable');
_topupFeedsList['previousStatus'] = 'enabled';
}
......@@ -72,7 +76,7 @@ MyUi.prototype.init = function() {
else {
if ((_topupFeedsList['previousStatus'] == 'enabled') && (feeds_list.scrollTop == 0)) {
_MyUi._onclick(topupFeedsList, 'disable');
_MyUi._onclick(dom.topups['feeds'], 'disable');
_topupFeedsList['previousStatus'] = 'disabled';
}
}
......@@ -81,7 +85,7 @@ MyUi.prototype.init = function() {
topupFeedsList.onclick = function(event) {
_MyUi._vibrate();
_MyUi._onclick(topupFeedsList, 'disable');
_MyUi._onclick(dom.topups['feeds'], 'disable');
feeds_list.scrollTop = 0;
}
......@@ -101,7 +105,7 @@ MyUi.prototype.init = function() {
if (feeds_entries.scrollTop != _topup['previousScrollTop']) {
if (_topup['previousScrollTop'] == 0) {
_MyUi._onclick(topup, 'enable');
_MyUi._onclick(dom.topups['entries'], 'enable');
_topup['previousStatus'] = 'enabled';
}
......@@ -113,7 +117,7 @@ MyUi.prototype.init = function() {
else {
if ((_topup['previousStatus'] == 'enabled') && (feeds_entries.scrollTop == 0)) {
_MyUi._onclick(topup, 'disable');
_MyUi._onclick(dom.topups['entries'], 'disable');
_topup['previousStatus'] = 'disabled';
}
}
......@@ -122,7 +126,7 @@ MyUi.prototype.init = function() {
topup.onclick = function(event) {
_MyUi._vibrate();
_MyUi._onclick(topup, 'disable');
_MyUi._onclick(dom.topups['entries'], 'disable');
feeds_entries.scrollTop = 0;
}
......
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="utf-8">
<title>Input areas</title>
<link rel="stylesheet" href="../input_areas.css">
<!--
This <style>, <script> and <link> is only used for the example code,
is no needed for the real case use
-->
<style>
html, body {
margin: 0;
padding: 0;
font-size: 10px;
background-color: #f4f4f4;
}
label.bb-docs {
font-family: sans-serif;
font-size: 1.2rem;
margin-left: 1.5rem;
}
h2.bb-docs {
font-family: sans-serif;
padding: 0.4rem 3rem;
margin: -0.1rem 0 0;
border: solid 0.1rem #e8e8e8;
color: #666;
font-size: 1.8rem;
font-weight: 300;
background-color: #fff;
}
form { margin: 1rem 1.5rem; }
form[role="search"] { margin: 1rem 0; }
div.skin-dark {
background: #000;
}
div.skin-dark.margins {
margin: 1rem -1.5rem;
padding: 1.5rem 1.5rem 0.5rem;
}
/**
* .bb-editable
* Added properties for this example, don't add on app.
*/
.bb-editable {
padding: 1.5rem 1rem 0.5rem;
background: #bbb;
}
/**
* .icon-email:before
* Define the background-image with custom icon for App.
* Atention, well need the pseudo-element for compatibility with Building Blocks.
*
* Example:
* .icon-mms:before { background-image: url(...); }
*/
.icon-email:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASRJREFUeNrsl8ENgjAUhqlhAEfxQDyzgXdOjoCT0ClYg54Nu+gGtcRiAlJ5fQ9CDP+XFJOW+hlo6/uTBADw76hfg9ba0n0cBd//VErp6FlO3FgZDevn9pO50u4iEXPkn/ul4hj54L4lxBT51/hS4odrVUA62b+UOCSvfP+q4rE8KF1DTF5w3JPLio9Gx1T/Yauzen/idGb8Jv13QgEAAAAAyNJi27bitJhlmeYUAhfXcoHYuKY5pU/uJ3OluaTm4sjN3JOiFnsxckN5PTFVJkVuqGsitrw9hRaL7ycvxFhxt7WuE3Lt+1ct6MfyXhq131PmVukkpX+n5RYRhn24IC0iLQIAAABIi2/uRSFOi+e6RlpEWkRaRFpEWkRaRFoEYG+8BBgAvaeWTjgXDaoAAAAASUVORK5CYII=);
}
.icon-send {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABH0lEQVR42uXXPUtCURjAcTVx09ZsEhx0dInALyCUuTX7Bn4CHR2ckqDJ1SUiCESkbxDRV9BJBxGhIXoZQkHs8T84iV3uuYdz7uDwm/9c7j3neW5ARHxxwOFAv2+DY/gBBQRth1sQDFFGxFY4iT/I1hx1xMyGgTfIjm+0ETcZrkH+sUQXKRPhYywgDtYYIKsb3vUEcekVeQShHb6AKBqiiIhOOIx3iAcz1BFVDwN3EA1fuMGJavgME3xiDfFoiUvnsLM4znGNBjp4xtRFvKcSzmCMD6xsPvGtH+/4CHM/vuqcx3Nc0j3Hj4o31xW0b64Yfv24qysuplPaxHR62RP8QRunpuZxYs8G0rCxgTQhGKFqc+e6RwEhW1umDQf8C7MBVhE+F1rOxMAAAAAASUVORK5CYII=);
}
</style>
<script>
window.onload = function(){
document.getElementById('dir').checked = false;
};
</script>
</head>
<body role="application">
<p dir="ltr">
<label class="bb-docs">
<input id="dir" type="checkbox" checked="false"
onchange="document.documentElement.dir = this.checked ? 'rtl' : 'ltr'">
RTL mode
</label>
</p>
<h2 class="bb-docs">Default inputs</h2>
<form>
<p>
<input type="text" placeholder="Placeholder">
<button type="reset">Clear</button>
</p>
<p>
<textarea placeholder="Placeholder in textarea"></textarea>
</p>
<p>
<input type="text" placeholder="Placeholder" value="Some written text" required>
<button type="reset">Clear</button>
</p>
<p>
<input type="text" placeholder="Disabled" disabled required>
<button type="reset">Clear</button>
</p>
<div class="skin-dark margins">
<p>
<input type="text" placeholder="Placeholder" value="Some written text">
<button type="reset">Clear</button>
</p>
</div>
</form>
<h2 class="bb-docs">Required inputs</h2>
<form>
<p>
<input type="text" placeholder="Placeholder" required>
<button type="reset">Clear</button>
</p>
<p>
<textarea placeholder="Placeholder in textarea" required></textarea>
</p>
</form>
<h2 class="bb-docs">Date/time inputs</h2>
<form>
<p>
<input disabled type="date" placeholder="YYYY-MM-DD">
</p>
<p>
<input type="time" placeholder="hh:mm:ss">
</p>
</form>
<h2 class="bb-docs">Fieldset</h2>
<form>
<fieldset>
<legend class="action">Mobile</legend>
<section>
<p>
<input type="tel" placeholder="Phone number">
<button type="reset">Clear</button>
</p>
<p>
<input type="text" placeholder="Name" value="Jessy James">
<button type="reset">Clear</button>
</p>
</section>
</fieldset>
<fieldset disabled>
<legend>Work</legend>
<section>
<p>
<input type="tel" placeholder="Email">
<button type="reset">Clear</button>
</p>
</section>
</fieldset>
</form>
<h2 class="bb-docs">Forms: Input text</h2>
<form role="search">
<p>
<input type="text" placeholder="Search...">
<button type="reset">Clear</button>
</p>
</form>
<form role="search">
<button type="submit">Cancel</button>
<p>
<input type="text" placeholder="Search..." value="Some text here">
<button type="reset">Clear</button>
</p>
</form>
<div class="skin-dark">
<h2 class="bb-docs">Skin dark</h2>
<form role="search" class="skin-dark">
<p>
<input type="text" placeholder="Search...">
<button type="reset">Clear</button>
</p>
</form>
<form role="search" class="skin-dark">
<button type="submit">Cancel</button>
<p>
<input type="text" placeholder="Search..." value="Some text here">
<button type="reset">Clear</button>
</p>
</form>
</div>
<h2 class="bb-docs">Forms: Text area</h2>
<form role="search" class="bottom">
<!-- this button should be enabled after start typing in the input field-->
<button type="submit" disabled>Send</button>
<p>
<textarea></textarea>
</p>
</form>
<form role="search" class="bottom">
<button type="submit">Send</button>
<p>
<textarea>Some text here</textarea>
</p>
</form>
<form role="search" class="bottom">
<button type="submit" class="icon icon-send">Send</button>
<p>
<textarea>Some text here</textarea>
</p>
</form>
<h2 class="bb-docs">Content Editable</h2>
<ul class="bb-editable">
<li contenteditable="false">Travis Gray Travis Gray</li>
<li class="invalid" contenteditable="false">Lucy B.</li>
<li class="icon icon-email" contenteditable="false">Mary</li>
<li class="invalid icon icon-email" contenteditable="false">Paul C.</li>
<li contenteditable="true">John</li>
</ul>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Switches</title>
<meta name="description" content="Activates/Deactivates a given item. It's also used to select an element within a list">
<link rel="stylesheet" href="../switches.css">
<!--
- This <style> element is only used for the example code;
- it is not required for the real use case.
-->
<style type="text/css">
html, body {
margin: 0;
padding: 0;
font-size: 10px;
background-color: #fff;
}
body {
background: none;
}
h2.bb-docs {
font-size: 1.8rem;
font-weight: 300;
color: #666;
margin: -1px 0 0;
background-color: #f5f5f5;
padding: 0.4rem 0.4rem 0.4rem 3rem;
border: solid 1px #e8e8e8;
}
label {
margin-left: 2rem;
}
</style>
</head>
<body role="application">
<p dir="ltr">
<label>
<input type="checkbox"
onchange="document.documentElement.dir = this.checked ? 'rtl' : 'ltr'">
RTL mode
</label>
</p>
<h2 class="bb-docs">Checkbox, commonly used in edit mode</h2>
<label class="pack-checkbox">
<input type="checkbox" checked>
<span></span>
</label>
<label class="pack-checkbox">
<input type="checkbox">
<span></span>
</label>
<label class="pack-checkbox danger">
<input type="checkbox" checked>
<span></span>
</label>
<label class="pack-checkbox danger">
<input type="checkbox">
<span></span>
</label>
<h2 class="bb-docs">Radio, commonly used in settings</h2>
<label class="pack-radio">
<input type="radio" name="example" checked>
<span></span>
</label>
<label class="pack-radio">
<input type="radio" name="example">
<span></span>
</label>
<label class="pack-radio danger">
<input type="radio" name="example2" checked>
<span></span>
</label>
<label class="pack-radio danger">
<input type="radio" name="example2">
<span></span>
</label>
<h2 class="bb-docs">Switch, commonly used in settings</h2>
<label class="pack-switch">
<input type="checkbox" checked>
<span></span>
</label>
<label class="pack-switch">
<input type="checkbox">
<span></span>
</label>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment