gitlab-time-tracker-taskbar/src/log.html at 5c19126bb95c8a02653bc19f817523397bebb77f · 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
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
<!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">
        <table class="log">
            <thead>
            <th>day</th>
            <th>timeframe</th>
            <th>duration</th>
            <th>project</th>
            <th>type</th>
            <th>id</th>
            </thead>
            <tr v-for="day in days">
                <td class="day">
                    <p>{{ moment(day).format('MMMM Do YYYY') }}</p>
                    <small>{{ human(log.times[day]) }}</small>
                </td>
                <td>
                    <table>
                        <tr v-for="frame in frames[day]">
                            <td>
                                {{ moment(frame.start).format('HH:mm') }} - {{ moment(frame.stop).format('HH:mm') }}
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table>
                        <tr v-for="frame in frames[day]">
                            <td>
                                {{ human(parseInt(moment(frame.stop).diff(frame.start) / 1000)) }}
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table>
                        <tr v-for="frame in frames[day]">
                            <td>
                                {{ frame.project }}
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table>
                        <tr v-for="frame in frames[day]">
                            <td>
                                {{ frame.resource.type }}
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table>
                        <tr v-for="frame in frames[day]">
                            <td>
                                {{ frame.resource.id }}
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</div>

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