gitlab-time-tracker-taskbar/src/settings.html at fb85d9cff27606201346ba0d8626fb82fe182be2 · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Preferences</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">
    <div class="container settings">
        <form>
            <fieldset>
                <div class="fieldset" v-if="config">
                    <div class="label">
                        <label for="uri">GitLab API Uri</label>
                    </div>
                    <div class="input">
                        <input id="uri" type="url" required v-model="config.data.url">
                    </div>

                    <div class="label">
                        <label for="token">Personal Access Token</label>
                    </div>
                    <div class="input">
                        <input id="token" type="password" required v-model="config.data.token">
                        <small>You can create a personal access token in your <a href="#"
                                                                                 @click.prevent="open('https://gitlab.com/profile/personal_access_tokens')"
                                                                                 target="_blank">profile settings</a>.
                        </small>
                    </div>
                    <div class="label">
                    <label for="dateFormat">Date format</label>
                </div>
                    <div class="input">
                        <input id="dateFormat" type="text" required v-model="config.data.dateFormat">
                        <small>More about date formats <a href="#" @click.prevent="open('http://momentjs.com/docs/#/displaying/format/')">here</a>.</small>
                    </div>
                    <div class="label">
                        <label for="timeFormat">Time format</label>
                    </div>
                    <div class="input">
                        <input id="timeFormat" type="text" required v-model="config.data.timeFormat">
                        <small>More about time formats <a href="#" @click.prevent="open('https://github.com/kriskbx/gitlab-time-tracker#time-format')">here</a>.</small>
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
</div>

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

</body>
</html>