-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
129 lines (118 loc) · 4.25 KB
/
index.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'"></meta>
<script src="app/jquery/jquery.js"></script>
<script>window.$ = window.jQuery = require('jquery');</script>
<script src="app/jquery-ui/jquery-ui.js"></script>
<!-- <script>window.onload=function(){draw();}</script>-->
<link href="app/css/index.css" rel="stylesheet" type="text/css"/>
<link href="app/css/datatables.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="app/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body >
<div class=title-bar-container>
<div id="title-bar">
<div id = "logo"><img src="images/Logomakr_1tx5uj.png" alt=""></div>
<div id="title">PinPoint Digitizer</div>
<div id="title-bar-btns">
<button id="min-btn">−</button>
<button id="max-btn">+</button>
<button id="close-btn">×</button>
</div>
</div>
</div>
<div class=main-container>
<div class = Preferences id = Preferences>
<div>
<span class=woog>
<h4>
Hovering coordinates:
</h4>
</span>
<span class = woog>
<div class = "checkbox-container">
<input type="checkbox" value= 1 id="hoveringCoor" name="hoveringCoor" checked=checked/>
<label for="hoveringCoor"></label>
</div>
</span>
</div>
<div>
<span class=woog>
<h4>
Select crosshair color:
</h4>
</span>
<span class = woog>
<input type="color" name="crosshairColor" value="#000000">
</span>
</div>
<div>
<span class=woog>
<h4>
Select point shape:
</h4>
</span>
<span class = woog>
<input type="radio" id="pointShapeChoice1"
name="pointShape" value="crosshair" checked="checked">
<label for="pointShapeChoice1">Cross-hair</label>
<input type="radio" id="pointShapeChoice2"
name="pointShape" value="circle">
<label for="pointShapeChoice2">Circle</label>
<input type="radio" id="pointShapeChoice3"
name="pointShape" value="X">
<label for="pointShapeChoice3">Hidden</label>
</span>
</div>
<div>
<span class=woog>
<h4>
Select highlighted point color :
</h4>
</span>
<span class = woog>
<input type="color" name="selectedPointColor" value="#000000">
</span>
</div>
<button id="saveprefs">Save</button>
<hr>
<div>PinPoint Version 0.2.0</div>
<div>Mohamed H. Ismail</div>
</div>
<div class="loaded-images-holder">
<div class= settings-container>
<span class = settings-large id = load-image>
<i class="fa fa-image"></i>
<div class = text>Open</div>
</span>
<span class = settings-large id = screenshot>
<i class="fa fa-desktop"></i>
<div class = text>Screenshot</div>
</span>
<span class = settings-large id = home>
<i class="fa fa-home"></i>
<div class = text>Home</div>
</span>
<span class = "settings-text prefs" id = settings><p> <i class="fa fa-gear"></i> Settings</p></span>
<!-- <a href= "https://github.com/mhismail/PinPoint" target="_blank">
<div class="settings">
<i class="fa fa-info"><p>Load Image</p>Load </i>
</div>
</a>
<div class="settings empty"> <i class="fa fa-desktop"></i></div>
<div class="settings prefs"> <i class="fa fa-gear"></i></div>
<div class="settings newImage"> <i class="fa fa-image"></i></div> -->
</div>
</div>
<div class="canvas-holder">
<img src = "images/Desktop.svg" class = "help-page">
</div>
<div id="mousePosition"></div>
</div>
<script src="app/preferences.js"></script>
<script src="app/index.js"></script>
<script src="app/shapes.js"></script>
<script src="app/min-max-close.js"></script>
<script src="app/drag.js"></script>
</body>
</html>