-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotosView.html
executable file
·101 lines (90 loc) · 5.41 KB
/
photosView.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=default-width, height=default-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" href="css/jalf_theme.min.css" />
<link rel="stylesheet" href="css/jquery.mobile.structure.min.css" />
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/jquery.mobile.min.js"></script>
</head>
<body>
<div id="ViewPhotopage" data-role="page" data-theme="a">
<div data-role="header" data-position="fixed" data-tap-toggle="false">
<a data-rel="back" href="javascript:void(0);" data-role="button" data-inline="true" data-theme="a">Back</a>
<h1>Photo View</h1>
<a data-role="button" id="btnAddPhoto" href="javascript:void(0);" data-inline="true" data-theme="a">Add</a>
</div>
<div id="wrapper" data-role="content" data-theme="a">
<style>
.ui-controlgroup-controls{
display: table!important;
width:95%;
margin: 0 auto;
}
.ui-disabled {
opacity: 1;
}
.ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner {
padding-left: 0px;
}
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner {
white-space: normal;
}
.ui-btn-icon-right .ui-btn-inner {
padding-right: 0px;
}
.ui-btn-icon-left .ui-btn-inner {
padding-left: 0px;
}
.ui-fullsize .ui-btn-inner, .ui-fullsize .ui-btn-inner {
font-size: 16px;
padding: 0px;
}
</style>
<script type="application/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/AlbumCategory.js"></script>
<script type="text/javascript">
$(document).ready(function(){
console.log('albums view document ready');
LoadphotosView(0);
$("#btnAddPhoto").bind("click", function(event) {
console.log('add photo click function');
$.mobile.changePage("PhotoAdd.html", {transition: "slide"});
});
});
// $('#ViewPhotopage').live('pagecreate',function(event){
// $("#btnAddPhoto").bind("click", function(event) {
// $.mobile.changePage("PhotoAdd.html", { transition: "slide" });
// });
// });
</script>
<div id='liCount' style='display:none;'></div>
<div id='dvCount' style='display:none;'></div>
<div id="mtMessage" class='mtMessage'>
Loading...
</div>
<div id="Gallery" style='font-size:14pt;color:#fff;padding-bottom: 90px;'>
</div>
</div>
<div data-theme="a" data-role="footer" data-position="fixed" data-tap-toggle="false">
<div data-role="controlgroup" id="dvPager" data-type="horizontal" style="width: 50%; margin: 0 auto;" >
<a href="javascript:void(0);" data-role="button" id="aPreviousPage" class="Button" onclick="PreviousPage()" data-theme="a" data-icon="arrow-l" data-iconpos="left" style="width:35%;"> </a>
<a data-role="button" id="aPager" class="ui-disabled" data-theme="a" style="width:25%;">0</a>
<a href="javascript:void(0);" data-role="button" id="aNextPage" onclick="NextPage()" data-icon="arrow-r" data-theme="a" data-iconpos="right" data-inline="true" style="width:35%;"> </a>
</div>
<div data-role="navbar" >
<ul>
<li><a id="amailbox" href="mailbox.html" data-icon="jalf-email" > MailBox </a></li>
<li><a id="afavorites" href="favorites.html" data-icon="jalf-favorites"> Favorites </a></li>
<li><a id="asearch" href="search.html" data-icon="jalf-search"> Search </a></li>
<li><a id="aphotos" href="AlbumCategory.html" data-icon="jalf-photos"> Photos </a></li>
<li><a id="alocation" href="location.html" data-icon="jalf-location"> Location </a></li>
</ul>
</div>
</div>
</div>
</body>
</html>