Skip to content

Commit

Permalink
REFACTORING: Locally storing names of the diaries (#97)
Browse files Browse the repository at this point in the history
  • Loading branch information
@christophe-lejeune
christophe-lejeune committed Mar 10, 2024
1 parent 9d0116e commit b5757f3
Showing 1 changed file with 46 additions and 24 deletions.
70 changes: 46 additions & 24 deletions app/ddocs/cassandre/templates/diaries.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,6 @@
<div id="content" class='col'>
<h1>{{i18n.i_diaries}}</h1>
<div class="card-columns">
{{#logged}}
<div id="loading" class="d-flex justify-content-center progress-bar progress-bar-striped progress-bar-animated alert" title="{{i18n.i_loading}}">
<div class="d-none d-sm-inline-block">{{i18n.i_loading}}</div>
<div class="d-sm-none spinner-border spinner-border-sm ml-auto mr-auto mr-sm-0" role="status" aria-hidden="true"></div>
</div>
{{/logged}}
{{#diaries}}
<div class="card text-center bg-light mb-3">
<div title="{{i18n.i_integrate}} {{i18n.i_in}} {{i18n.i_collection}}" class="in-collection d-none">
Expand All @@ -44,6 +38,9 @@ <h5 class="card-title">{{i18n.i_create.diary}}</h5>
</div>
<nav id="footer" class="{{>navbarstyle}} fixed-bottom">
<div role="group">
{{#logged}}
<div id="loading" title="{{i18n.i_loading}}" class="spinner spinner-border spinner-border-sm"></div>
{{/logged}}
<button class="btn navbar-btn btn-outline-{{>contrastcolor}} btn-sm d-none" id="show">{{i18n.i_last-visit}}</button>
<button class="btn navbar-btn btn-sm d-none" type='button' id='create_diary' title="{{i18n.i_create.diary}}">
<svg class="bi" width="24" height="24" fill="currentColor">
Expand Down Expand Up @@ -91,10 +88,11 @@ <h5 class="card-title">{{i18n.i_create.diary}}</h5>
{{>script}}
<script src="../script/collection.js"></script>
<script>
let register = [],
let added = [],
register = [],
fullnames = [],
id = '',
logged = "{{logged}}";
logged = "{{logged}}",
$(document).ready(function() {
{{^logged}}nothing_to_show +='. {{i18n.i_sign-in-for-more}}';{{/logged}}
stickToHeader();
Expand All @@ -106,7 +104,14 @@ <h5 class="card-title">{{i18n.i_create.diary}}</h5>
]
$('#user_fullname').autocomplete('option', 'source', username_candidates)
}
var added = [];
if (localStorage.getItem('my_diaries')){
let my_diaries = JSON.parse(localStorage.getItem('my_diaries'))
for (x of my_diaries) {
if (localStorage.getItem(x)) {
addToDom(x, localStorage.getItem(x))
}
}
}
$.ajax({
url: "../"+logged,
type: "GET",
Expand All @@ -124,6 +129,9 @@ <h5 class="card-title">{{i18n.i_create.diary}}</h5>
if (typeof o.collection !== 'undefined') {
let collection = o.collection,
diary = o.diary;
if (localStorage.getItem(diary)) {
addToDom(diary, localStorage.getItem(diary))
}
if (document.getElementById(collection) == null) $("#content").append("<h3 class='collection d-none'>"+collection+"</h3><div id='"+collection+"' class='card-columns'></div>");
if (document.getElementById(diary) !== null) {
$('#'+collection).append($('#'+diary).parent().parent());
Expand All @@ -143,27 +151,15 @@ <h5 class="card-title">{{i18n.i_create.diary}}</h5>
for (var d of data) {
let id = d.id;
if (!$('#'+id).length) {
var card = '<div class="card text-center bg-light mb-3">'
+'<div title="{{i18n.i_integrate}} {{i18n.i_in}} {{i18n.i_collection}}" class="in-collection d-none">'
+'<svg class="bi" width="16" height="16" fill="currentColor"><use xlink:href="../style/bootstrap-icons.svg#chevron-down"/></svg></div>'
+'<h5><a href="../diary/'+id+'">'+d.name+'</a></h5>'
+'<div title="{{i18n.i_restricted-access}}" class="card-icons text-secondary">'
+'<svg class="bi" width="16" height="16" fill="currentColor"><use xlink:href="../style/bootstrap-icons.svg#lock"/></svg>'
+'</div>'
+'<p><span id="'+id+'" title="{{i18n.i_memos}}" class="badge badge-pill badge-secondary progress-bar-striped progress-bar-animated d-none">{{i18n.i_loading}}</span></p>'
+'</div>';
if (register[id]) {
$('#'+register[id]).append(card);
} else {
$('#loading').after(card);
}
added.push(d.id);
addToDom(id, d.name)
}
}
}
}).done(function(){
if (added.length > 1) $("#show").removeClass('d-none');
if (added.length > 3) $(".in-collection").removeClass('d-none');
if (!localStorage.getItem('my_diaries') || localStorage.getItem('my_diaries') !== JSON.stringify(added))
localStorage.setItem('my_diaries', JSON.stringify(added))
$(".collection").each(function() {
if($(this).next().children().length < 1 && $(this).text().length > 0) {
$(this).next().remove();
Expand All @@ -182,6 +178,32 @@ <h5 class="card-title">{{i18n.i_create.diary}}</h5>
{{/logged}}
});

function addToDom(id, name) {
let card = toCard(id, name)
if (document.getElementById(id) === null) {
if (register[id]) {
$('#'+register[id]).append(card)
} else {
$('.card-columns').first().prepend(card)
}
added.push(id)
}
}

function toCard(id, name) {
if (!localStorage.getItem(id)) localStorage.setItem(id, name)
let card = '<div class="card text-center bg-light mb-3">'
+'<div title="{{i18n.i_integrate}} {{i18n.i_to}} {{i18n.i_collection}}" class="in-collection d-none">'
+'<svg class="bi" width="16" height="16" fill="currentColor"><use xlink:href="../style/bootstrap-icons.svg#chevron-down"/></svg></div>'
+'<h5><a href="../diary/'+id+'">'+name+'</a></h5>'
+'<div title="{{i18n.i_restricted-access}}" class="card-icons text-secondary">'
+'<svg class="bi" width="16" height="16" fill="currentColor"><use xlink:href="../style/bootstrap-icons.svg#lock"/></svg>'
+'</div>'
+'<p><span id="'+id+'" title="{{i18n.i_memos}}" class="badge badge-pill badge-secondary progress-bar-striped progress-bar-animated d-none">{{i18n.i_loading}}</span></p>'
+'</div>';
return card
}

{{>layoutscript}}
{{>logscript}}
</script>
Expand Down

0 comments on commit b5757f3

Please sign in to comment.