gitlab-time-tracker-taskbar/src/log.html at a51e7ff0cb363324eef533fff331c16e40e2a74c · kriskbx/gitlab-time-tracker-taskbar · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>List of time records</title>
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="build/app.css">
    <script type="text/javascript" src="render.js"></script>
</head>
<body class="window white">

<div id="app">
    <div ref="log"></div>

    <div class="container" v-if="!loadingLog && log" v-cloak>
        <div class="log">
            <div class="day" v-for="day in days">
                <div class="headline header">
                    {{ moment(day).format('MMMM Do YYYY') }}
                    <small>{{ human(log.times[day]) }}</small>
                </div>
                <div class="list">
                    <div class="entry" v-for="frame in frames[day]">
                        <div class="cell timeframe">
                            {{ moment(frame.start).format('HH:mm') }} &nbsp; - &nbsp; {{ moment(frame.stop).format('HH:mm') }}
                        </div>
                        <div class="cell">
                            ( {{ human(parseInt(moment(frame.stop).diff(frame.start) / 1000)) }} )
                        </div>
                        <div class="cell">
                            {{ frame.project }}
                        </div>
                        <div class="cell">
                            {{ frame.resource.type }} #{{ frame.resource.id }}
                        </div>
                        <div class="cell">
                            <span class="sync" v-if="frame.modified">
                                <i title="Record is in sync with GitLab" class="fa fa-check-circle green" v-if="synced(frame.modified)"></i>
                                <i title="Record not synced with Gitlab" class="fa fa-times-circle red" v-if="!synced(frame.modified)"></i>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript" src="build/app.js"></script>
</body>