blob: 1af1e10c139f47637a09060c0e0ae2c77495281b (
plain)
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
|
import {Controller} from "stimulus";
import Rails from "@rails/ujs";
export default class extends Controller {
static targets = [ "timer", "progressBar" ];
static values = {
timeRemaining: Number,
activityDuration: Number,
postUrl: String,
}
connect() {
App.timerWorker.postMessage({ "run_flag": true });
this.timerTarget.textContent = Math.ceil(this.timeRemainingValue);
this.postFailures = 0;
let controller = this;
App.timerWorker.onmessage = function() {
if (controller.timeRemainingValue > 0) {
controller.timeRemainingValue = controller.timeRemainingValue - 0.01;
}
if (controller.timeRemainingValue > 0) {
controller.timerTarget.textContent = Math.ceil(controller.timeRemainingValue).toString();
controller.progressBarTarget.style.width = `${(1 - (controller.timeRemainingValue / controller.activityDurationValue)) * 100}%`;
} else {
App.timerWorker.postMessage({ "run_flag": false });
controller.finishActivity();
}
}
}
finishActivity() {
let controller = this;
Rails.ajax({
type: "POST",
url: controller.postUrlValue,
success: () => {
this.postFailures = 0;
App.timerWorker.postMessage({ "set_timeout": 10 });
},
error: (e, xhr) => {
this.postFailures++;
if (this.postFailures < 3) {
App.timerWorker.postMessage({ "run_flag": true });
App.timerWorker.postMessage({ "set_timeout": 1000 });
} else if (this.postFailures < 5 || xhr === "") {
App.timerWorker.postMessage({ "run_flag": true });
App.timerWorker.postMessage({ "set_timeout": 60000 });
}
},
});
}
}
|
