iDie/notes.mustache

51 lines
2.1 KiB
Plaintext
Raw Normal View History

2020-05-26 18:27:02 +02:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>הרשימות שלי ({{ title }})</title>
2020-05-27 09:13:30 +02:00
<link rel="shortcut icon" href="gfx/logo.jpg">
2020-05-26 18:27:02 +02:00
<!-- RTL Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD+5mpDiZ4rkEPlnkcyTP+49BhJ4wJeJunw06ZAp+wzzeBPUXr42fi8If" crossorigin="anonymous">
<link rel="stylesheet" href="css/notes.css">
</head>
<body>
<main role="main" class="container" dir="rtl">
<h2 class="text-center">הרשימות שלי <small class="text-muted">({{ title }})</small></h2>
2020-05-26 18:33:48 +02:00
<div id="empty-notes" class="alert alert-warning text-center">
2020-05-26 18:41:17 +02:00
<h4>אין לך בינתיים רשימות אישיות ב<a target="_blank" href=".">מצגת</a></h4>
2020-05-26 18:33:48 +02:00
</div>
2020-05-26 18:27:02 +02:00
{{ #columns }}
{{ #title }}
<div{{ #id }} id="{{ . }}"{{ /id }} class="column hidden">
2020-05-26 18:41:17 +02:00
<h3><a target="_blank" href="./#/{{ id }}">{{ title }}</a></h3>
2020-05-26 18:27:02 +02:00
{{ #slides }}
<div{{ #id }} id="{{ . }}"{{ /id }} class="note hidden">
2020-05-26 18:41:17 +02:00
<h4><a target="_blank" href="./#/{{ id }}">{{ title }}</a></h4>
2020-05-26 18:27:02 +02:00
<pre></pre>
</div>
{{ /slides }}
</div>
{{ /title }}
{{ /columns }}
</main>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>
$(function() {
$('.note').each(function() {
if (this.id) {
var note = localStorage.getItem('notes-'+this.id);
if (note && note.trim()) {
2020-05-26 18:33:48 +02:00
$('#empty-notes').hide();
2020-05-26 18:27:02 +02:00
$(this).addClass('shown').removeClass('hidden');
$(this).find('pre').text(note);
}
}
});
$(':has(.shown)').removeClass('hidden');
});
</script>
</body>
</html>