-
-
Notifications
You must be signed in to change notification settings - Fork 41
/
options.html
105 lines (82 loc) · 2.53 KB
/
options.html
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 lang="en">
<head>
<meta charset="UTF-8">
<title>GLOC</title>
<style type="text/css">
html {
width: 416px;
}
body {
font-size: 15px;
}
.red {
color: red;
}
.description--about-token {
line-height: 18px;
}
.input--group {
display: block;
width: 100%;
box-sizing: border-box;
}
.input-token {
margin-bottom: 10px !important;
}
.input-token,
.button {
box-sizing: border-box;
display: block;
padding: 7px 16px;
text-align: center;
text-decoration: none;
font-size: 16px;
width: 100%;
}
.button {
background: #4CAF50;
border: none;
color: #fff;
}
.button.disabled {
background: #FEFEFE;
pointer-events: none;
}
.status--box {
height: 16px;
}
#status-text {
color: #4CAF50;
}
#validation-block {
color: #de973e;
}
</style>
</head>
<body>
<h1 id="optionsTitle">Options</h1>
<div class="description--about-token">
<strong id="github">GitHub</strong>
<strong id="shortName" class="red">Gloc</strong> <span id="optionsUlDescription">uses GitHub API. By default it makes unauthenticated requests to the GitHub API, set personal access
token if you want to:</span>
<ul>
<li id="optionsAccess">access a private repository</li>
<li id="optionsLimits">bypass the rate limit of unauthenticated requests</li>
</ul>
</div>
<div align="center">
<iframe src="https://ghbtns.com/github-btn.html?user=kas-elvirov&repo=gloc&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="30px" align="middle"></iframe>
</div>
<div class="input--group">
<input class="input-token" type="text" id="x-gloc-github-token" placeholder="Personal access token" />
<input class="button" type="button" id="save-button" value="Save" />
</div>
<a id="optionsCreateToken" href="https://github.com/settings/tokens/new?scopes=repo&description=Github%20GLOC" target="_blank">create token</a>
<div class="status--box">
<span id="status-text"></span>
</div>
<div id="validation-block"></div>
<script src="src/options.js"></script>
</body>
</html>