-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgallery.php
More file actions
190 lines (159 loc) · 9.1 KB
/
gallery.php
File metadata and controls
190 lines (159 loc) · 9.1 KB
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<?php
include 'include/header.php';
?>
<body>
<!-- START PAGE CONTAINER -->
<div class="page-container">
<?php
include 'include/sidebar.php';
?>
<!-- PAGE CONTENT -->
<div class="page-content">
<?php
include 'include/topbar.php';
?>
<!-- START BREADCRUMB -->
<ul class="breadcrumb push-down-0">
<li><a href="index.php">Dashboard</a></li>
<li><a href="#">Profile Menu</a></li>
<li class="active">Gallery</li>
</ul>
<!-- END BREADCRUMB -->
<!-- START CONTENT FRAME -->
<div class="content-frame">
<!-- START CONTENT FRAME TOP -->
<div class="content-frame-top">
<div class="page-title">
<h2><span class="fa fa-image"></span> Gallery</h2>
</div>
<div class="pull-right">
<form action="gallery.php">
<button type="submit" class="btn btn-primary"><span class="fa fa-upload"></span> Upload</button>
<button class="btn btn-default content-frame-right-toggle"><span class="fa fa-bars"></span></button>
</form>
</div>
</div>
<!-- START CONTENT FRAME RIGHT -->
<div class="content-frame-right">
<div class="panel panel-default">
<div class="panel-body">
<h3><span class="fa fa-download"></span> Drop Photos to Upload</h3>
<p>Click or drag images</p>
<form action="#" class="dropzone dropzone-mini" enctype="multipart/form-data">
<input type="text" name="google" value="gggg">
</form>
</div>
</div>
</div>
<!-- END CONTENT FRAME RIGHT -->
<!-- START CONTENT FRAME BODY -->
<div class="content-frame-body content-frame-body-left">
<div class="pull-left push-up-10">
<button class="btn btn-primary" id="gallery-toggle-items">Toggle All</button>
</div>
<div class="pull-right push-up-10">
<div class="btn-group">
<button class="btn btn-primary"><span class="fa fa-pencil"></span> Edit</button>
<button class="btn btn-primary"><span class="fa fa-trash-o"></span> Delete</button>
</div>
</div>
<div class="gallery" id="links">
<a class="gallery-item" href="assets/images/gallery/nature-1.jpg" title="Nature Image 1" data-gallery>
<div class="image">
<img src="assets/images/gallery/nature-1.jpg" alt="Nature Image 1"/>
<ul class="gallery-item-controls">
<li><label class="check"><input type="checkbox" class="icheckbox"/></label></li>
<li><span class="gallery-item-remove"><i class="fa fa-times"></i></span></li>
</ul>
</div>
<div class="meta">
<strong>Nature image 1</strong>
<span>Description</span>
</div>
</a>
</div>
<ul class="pagination pagination-sm pull-right push-down-20 push-up-20">
<li class="disabled"><a href="#">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
<!-- END CONTENT FRAME BODY -->
</div>
<!-- END CONTENT FRAME -->
</div>
<!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->
<!-- BLUEIMP GALLERY -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
<div class="slides"></div>
<h3 class="mb-title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>
<!-- END BLUEIMP GALLERY -->
<!-- MESSAGE BOX-->
<div class="message-box animated fadeIn" data-sound="alert" id="mb-signout">
<div class="mb-container">
<div class="mb-middle">
<div class="mb-title"><span class="fa fa-sign-out"></span> Log <strong>Out</strong> ?</div>
<div class="mb-content">
<p>Are you sure you want to log out?</p>
<p>Press No if youwant to continue work. Press Yes to logout current user.</p>
</div>
<div class="mb-footer">
<div class="pull-right">
<a href="pages-login.html" class="btn btn-success btn-lg">Yes</a>
<button class="btn btn-default btn-lg mb-control-close">No</button>
</div>
</div>
</div>
</div>
</div>
<!-- END MESSAGE BOX-->
<!-- START PRELOADS -->
<audio id="audio-alert" src="audio/alert.mp3" preload="auto"></audio>
<audio id="audio-fail" src="audio/fail.mp3" preload="auto"></audio>
<!-- END PRELOADS -->
<!-- START SCRIPTS -->
<!-- START PLUGINS -->
<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap/bootstrap.min.js"></script>
<!-- END PLUGINS -->
<!-- START THIS PAGE PLUGINS-->
<script type='text/javascript' src='js/plugins/icheck/icheck.min.js'></script>
<script type="text/javascript" src="js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js"></script>
<script type="text/javascript" src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
<script type="text/javascript" src="js/plugins/dropzone/dropzone.min.js"></script>
<script type="text/javascript" src="js/plugins/icheck/icheck.min.js"></script>
<!-- END THIS PAGE PLUGINS-->
<!-- START TEMPLATE -->
<script type="text/javascript" src="js/settings.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/actions.js"></script>
<!-- END TEMPLATE -->
<script>
document.getElementById('links').onclick = function (event) {
event = event || window.event;
var target = event.target || event.srcElement;
var link = target.src ? target.parentNode : target;
var options = {index: link, event: event,onclosed: function(){
setTimeout(function(){
$("body").css("overflow","");
},200);
}};
var links = this.getElementsByTagName('a');
blueimp.Gallery(links, options);
};
</script>
<!-- END SCRIPTS -->
</body>
</html>