});
foldAllButton.firstElementChild.classList.toggle('fa-chevron-down');
foldAllButton.firstElementChild.classList.toggle('fa-chevron-up');
+ foldAllButton.title = state === 'down'
+ ? document.getElementById('translation-fold-all').innerHTML
+ : document.getElementById('translation-expand-all').innerHTML
});
});
}
{
// Switch fold/expand - up = fold
if (button.classList.contains('fa-chevron-up')) {
- button.title = 'Expand';
+ button.title = document.getElementById('translation-expand').innerHTML;
if (description != null) {
description.style.display = 'none';
}
}
}
else {
- button.title = 'Fold';
+ button.title = document.getElementById('translation-fold').innerHTML;
if (description != null) {
description.style.display = 'block';
}
var deleteLinks = document.querySelectorAll('.confirm-delete');
[].forEach.call(deleteLinks, function(deleteLink) {
deleteLink.addEventListener('click', function(event) {
- if(! confirm('Are you sure you want to delete this link ?')) {
+ if(! confirm(document.getElementById('translation-delete-link').innerHTML)) {
event.preventDefault();
}
});
// Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable.
var data = {
name: title,
- description: "The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community.",
+ description: document.getElementById('translation-delete-link').innerHTML,
author: "Shaarli",
version: "1.0.0",
<a href="?untaggedonly" title="{'Filter untagged links'|t}"
class={if="$untaggedonly"}"filter-on"{else}"filter-off"{/if}
><i class="fa fa-tag"></i></a>
- <a href="#" class="filter-off fold-all pure-u-lg-0" title="Fold all">
+ <a href="#" class="filter-off fold-all pure-u-lg-0" title="{'Fold all'|t}">
<i class="fa fa-chevron-up"></i>
</a>
{loop="$action_plugin"}
<form method="GET" class="pure-u-0 pure-u-lg-visible">
<input type="text" name="linksperpage" placeholder="133">
</form>
- <a href="#" class="filter-off fold-all pure-u-0 pure-u-lg-visible" title="Fold all">
+ <a href="#" class="filter-off fold-all pure-u-0 pure-u-lg-visible" title="{'Fold all'|t}">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<script src="{$value}#"></script>
{/loop}
+<div id="js-translations" class="hidden">
+ <span id="translation-fold">{'Fold'|t}</span>
+ <span id="translation-fold-all">{'Fold all'|t}</span>
+ <span id="translation-expand">{'Expand'|t}</span>
+ <span id="translation-expand-all">{'Expand all'|t}</span>
+ <span id="translation-delete-link">{'Are you sure you want to delete this link?'|t}</span>
+ <span id="translation-shaarli-desc">
+ {'The personal, minimalist, super-fast, database free, bookmarking service'|t} {'by the Shaarli community'|t}
+ </span>
+</div>
+
<script src="js/shaarli.js?v={$version_hash}"></script>
<script src="inc/awesomplete.js?v={$version_hash}#"></script>
<script src="inc/awesomplete-multiple-tags.js?v={$version_hash}#"></script>