gitlab-time-tracker-taskbar/src/log.html at master · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!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">

<div id="app" v-cloak>
    <div ref="log"></div>
    <div ref="main"></div>

    <div class="modal-bg" v-if="editing" @click.prevent="editing = false"></div>
    <div class="modal" v-if="editing">
        <div class="form">
            <div class="times">
                <span>From</span>
                <datetime wrapper-class="datetime"
                          type="datetime"
                          v-model="entry._start"
                          monday-first
                ></datetime>

                <span>to</span>
                <datetime wrapper-class="datetime"
                          type="datetime"
                          v-model="entry._stop"
                          monday-first
                ></datetime>
            </div>

            <div class="content">
                <!--<content-track @load-projects="loadProjects"-->
                <!--@load-resource="loadResource"-->
                <!--@update:project="v => entry.project = v.label"-->
                <!--@update:resource="v => entry.resource.id = v ? v.id : false"-->
                <!--@update:resource-type="v => entry.resource.type = v ? 'issue' : 'merge-request'"-->
                <!--:resource="{id: entry.resource.id, type: entry.resource.type === 'issue', project: entry.project, last_activity: Date.now(), label: '#' + entry.resource.id + ' ' + getTitleById(entry.resource.id, entry.project), title: null}"-->
                <!--:project="{label: entry.project, last_activity: Date.now()}"-->
                <!--:projects="projects"-->
                <!--:issues="issues"-->
                <!--:merge-requests="mergeRequests"-->
                <!--:resource-type="entry.resource.type === 'issue'"-->
                <!--:loading-projects="loadingProjects"-->
                <!--:loading-resource="loadingResource"-->
                <!--:buttons="false"></content-track>-->

                <div class="step track-buttons">
                    <button class="button stop" @click.prevent="editing = false">Cancel</button>
                    <button class="button start"
                            :class="{ 'disabled': !entry || !entry.resource || !entry.resource.id }"
                            @click.prevent="save()">Save
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="container" v-if="!loadingLog && log" v-cloak>
        <div class="log">
            <div class="day" v-for="day in days">

                <div class="headline">
                    {{ moment(day).format(dayFormat()) }}
                    <small>{{ human(log.times[day]) }}</small>
                </div>
                <div class="list">
                    <div class="entry" v-for="frame in frames[day]">
                        <div class="cell name">
                            {{ frame.project }} {{ frame.resource.type }} <a href="#"
                                                                             @click.prevent="open(gitlab + '/' + frame.project + '/' + frame.resource.type.replace('-', '_') + 's/' + frame.resource.id)">#{{
                            frame.resource.id }}</a>
                        </div>
                        <div class="cell time">
                            {{ human(parseInt(moment(frame.stop).diff(frame.start) / 1000)) }}
                        </div>
                        <div class="cell timeframe">
                            {{ moment(frame.start).format(timeFormat()) }} - {{ moment(frame.stop).format(timeFormat())
                            }}
                        </div>
                        <div class="cell sync">
                            <span 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>
                            <span class="actions">
                                <a href="#" @click.prevent="edit(frame)">edit</a>
                                <!--<a href="#">delete</a>-->
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

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