EuTimer/script.js at main · Riyadh1734/EuTimer · GitHub

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
var app = new Vue({
    el: '#app',
    data: {
        current_time:"",
        months:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
        exam_started_at:"",
        exam_ending_time:"",
        duration_h:0,
        duration_m:0,
        duration_s:0,
        exam_duration:"",
        diffTime: 0,
        duration:0,
        interval:1000,
        timer_interval_object:null,
        exam_info:{
            title:"Final Examination 2022",
            exams:[]
        },
        single_exam:{
            course_title:"",
            course_code:"",
            time: "",
            total_student: "",
            present:"",
        },
        voice:null,
        bell:null
    },
    created:function(){
        window.onbeforeunload = function(){
            return "Are you sure to leave timer?";
        }
        this.voice = new Audio("timing-to-stop-writing.mp3");
        this.bell = new Audio("timing-to-bell.mp3");
    },
    mounted:function(){

    },
    computed:{

	},
    methods: {
        getCurrentTime(){
            this.current_time = moment(new Date()).format('DD MMM YYYY, hh:mm:ss a');
            setInterval(()=>{
                this.current_time = moment(new Date()).format('DD MMM YYYY, hh:mm:ss a');
                // console.log(this.exam_started_at);
            },1000)
            return this.current_time;
        },
        setStartedTime(){
            this.exam_started_at = moment(new Date())
            this.exam_ending_time = moment(this.exam_started_at).add(this.duration_h,"h").add(this.duration_m,"m").add(this.duration_s,"s");
            this.diffTime = this.exam_ending_time.valueOf() - this.exam_started_at.valueOf();
            this.duration = moment.duration(this.diffTime, 'milliseconds');


            // console.log("Exam Current time: ",this.exam_started_at.format('DD MMM YYYY, hh:mm:ss a'));
            // console.log("Exam Future time: ",futureTime.format('DD MMM YYYY, hh:mm:ss a'));
            if(this.timer_interval_object==null){
                this.timer_interval_object = setInterval(()=>{
                    if(this.duration>0){
                        this.duration = moment.duration(this.duration - this.interval, 'milliseconds');
                        // console.log(this.duration.hours() + ":" + this.duration.minutes() + ":" + this.duration.seconds());
                        this.duration_s = this.duration.seconds()
                        this.duration_m = this.duration.minutes()
                        this.duration_h = this.duration.hours()
                    }else{
                        this.handleAudio();
                        this.stopInterval();
                    }
                },1000)
            }else{
                this.stopInterval();
            }
        },
        stopInterval(){
            clearInterval(this.timer_interval_object)
            this.timer_interval_object = null
        },
        addExam(){
            this.exam_info.exams.push(this.single_exam);
            this.single_exam = {
                course_title:"",
                course_code:"",
                time: "",
                total_student: "",
                present:"",
            }
        },
        removeExam(index){
            this.exam_info.exams.splice(index, 1); // 2nd parameter means remove one item only
        },
        editExam(index){
            this.single_exam = this.exam_info.exams[index]
        },
        updateExam(index){
            console.log(index);
        },
        setDuration(){
            var duration_text = "";
            if(this.duration_h>0){
                duration_text+=this.duration_h + "h ";
            }
            if(this.duration_m>0){
                duration_text+=this.duration_m + "min";
            }
            this.exam_duration = duration_text;
        },
        handleAudio(){
            let playTime = 2;
            let bellPlayTime = 2;
            let j = 1;
            let i = 1;
            this.voice.play();
            this.voice.addEventListener("ended",()=>{
                if(i < playTime){
                    setTimeout(()=>{
                        this.voice.play();
                        i++;
                    }, 2000);
                }else{
                    //Repeating bell
                    this.bell.play();
                    this.bell.addEventListener("ended",()=>{
                        if(j < bellPlayTime){
                            this.bell.play();
                            j++;
                            // console.log(j,bellPlayTime);
                        }
                    });
                }
            })
        }
    },
})