-
Notifications
You must be signed in to change notification settings - Fork 16
/
index.html
83 lines (59 loc) · 2.05 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
<!DOCTYPE html>
<html>
<head>
<title>gphoto2 wrapper</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.4.2.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.4.2.js"></script>
<script src="js/controller.js"></script>
</head>
<style>
.ui-grid-a img {
width : 90%;
height : auto;
border:1px #444444 solid;
box-shadow: 2px 2px 2px #888888;
}
</style>
<body>
<div data-role="page" id="camera">
<div data-role="header">
<h1 id="cameraName"></h1>
<a href="#gallery" class="ui-btn-right ui-btn ui-btn-b ui-btn-inline ui-mini ui-corner-all ui-btn-icon-right ui-icon-grid">Gallery
</a>
</div><!-- /header -->
<div role="main" class="ui-content" style="text-align:center">
<button onclick="takePicture()" id="snap"><img src="aperture.png"></button>
</div><!-- /content -->
</div>
<div data-role="page" id="gallery">
<div data-role="header">
<a href="#camera" class="ui-btn-left ui-btn ui-btn-b ui-btn-inline ui-mini ui-corner-all ui-btn-icon-right ui-icon-back">Camera
</a>
<h1 id="cameraName">Gallery</h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<div class="ui-grid-a my-breakpoint" id="galleryGrid"></div>
<script type="text/html" id="galleryTemplate">
<div class="ui-block-@char" id="@id" style="text-align:center">
<p><img src="@imageThumb" /></p>
<p>@imageName</p>
<p><a target="_blank" href="service.php?action=getImage&file=@imageName">Download Source</a></p>
<p><a href="javascript:deleteFile('@imageName');">Delete</a></p>
</div>
</script>
</div><!-- /content -->
</div>
<!-- Start of second page -->
<div data-role="page" id="bar">
<div data-role="header">
<h1>Bar</h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that references my id is beeing clicked.</p>
<p><a href="#foo">Back to foo</a></p>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>