1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
|
import {ActivePage} from "activePage";
if (!Date.prototype.toISODateString) {
(function() {
Date.prototype.toISODateString = function() {
return this.toISOString().split('T')[0]
};
}());
}
export class Hesla extends ActivePage {
constructor() {
super();
document.getElementById("czech_nav").addEventListener("click",
(evt: TouchEvent) => {
localStorage.setItem("language", "cs");
this.lang_reload();
}, false);
document.getElementById("german_nav").addEventListener("click",
(evt: TouchEvent) => {
localStorage.setItem("language", "de");
this.lang_reload();
}, false);
}
/**
* react to the discovered distance of swipe
*
* @param distX Number distance in points in direction X
* @param distY Number distance in points in direction Y
*
* There is a preference for the horizontal swipe; if that doesn't
* happen (i.e., the distance travelled horizontally is less than
* negligible), then the vertical swipe (in either direction) means
* jump to today.
*/
handle_move(distX, distY) {
var negligible = 100;
console.log('distX = ' + distX);
console.log('distY = ' + distY);
if (distX < -negligible) {
console.log("swipe left");
this.next();
}
else if (distX > negligible) {
console.log("swipe right");
this.prev();
}
else if (Math.abs(distY) > negligible) {
console.log("jump to today!");
this.cur_watchword = new Date();
this.display();
}
}
// cur_watchword is actually just a virtual property, which is not stored anywhere and its
// accessor methods change the value of the cur_section property instead.
get cur_watchword() {
console.log(`this.cur_section = ${this.cur_section}`);
if (!this.cur_section) {
this.cur_section = new Date();
}
return this.cur_section;
}
set cur_watchword(value) {
// Remove 'visible' style from the currently displayed psalm, if
// there is any
this.cur_section = value;
// set the parameter directly to avoid call to getter.
console.log('Displaying ' + this.cur_section);
this.display();
}
/**
* Display losungen for given day
*
* Displays the Losungen for the given date (or today if not defined)
*/
display() {
super.display();
console.log("cur_watchword = " + this.cur_watchword);
document.getElementById(this.cur_watchword.toISODateString()).
classList.add("visible");
}
shiftDate(shift) {
var cur_date = this.cur_watchword;
cur_date.setDate(cur_date.getDate() + shift);
this.cur_watchword = cur_date;
}
next() {
console.log("Next day!");
this.shiftDate(+1);
}
prev() {
console.log("Previous day!");
this.shiftDate(-1);
}
// Switch langauge
/**
* Handler for the switch language event
*
* Switches the displayed langauge page according to the state stored
* in the localStorage.langauge variable which contains ISO code for
* the chosen language ('de' and 'cs' currently).
*/
lang_reload() {
var new_basename = "index.html", new_url = window.location.href,
old_basename = window.location.pathname.split("/").slice(-1)[0];
console.log('old_basename = ' + old_basename);
if (localStorage.getItem("language") &&
(localStorage.getItem("language") === "de")) {
new_basename = "index_de.html";
}
console.log('new_basename = ' + new_basename);
if ((old_basename !== new_basename) || (window.location.pathname.length === 0)) {
new_url = window.location.href.replace(/(index[-\w]*\.html)?$/,
new_basename);
}
if (window.location.href !== new_url) {
window.location.assign(new_url);
}
}
}
var thisHesla = new Hesla();
thisHesla.lang_reload();
thisHesla.display();
|
