-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
393 lines (349 loc) · 27.6 KB
/
Copy pathindex.html
File metadata and controls
393 lines (349 loc) · 27.6 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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Comecero Admin</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-eval' https://www.google-analytics.com https://static.comecero.com; connect-src 'self';">
<!-- Favicons -->
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="images/manifest.json">
<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<!-- Apple -->
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<!-- iPad retina portrait startup image -->
<link href="apple-touch-startup-image-1536x2008.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">
<!-- iPad retina landscape startup image -->
<link href="apple-touch-startup-image-1496x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image">
<!-- iPad non-retina portrait startup image -->
<link href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)" rel="apple-touch-startup-image">
<!-- iPad non-retina landscape startup image -->
<link href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)" rel="apple-touch-startup-image">
<!-- iPhone 6 Plus portrait startup image -->
<link href="apple-touch-startup-image-1242x2148.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">
<!-- iPhone 6 Plus landscape startup image -->
<link href="apple-touch-startup-image-1182x2208.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image">
<!-- iPhone 6 startup image -->
<link href="apple-touch-startup-image-750x1294.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPhone 5 startup image -->
<link href="apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPhone < 5 retina startup image -->
<link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPhone < 5 non-retina startup image -->
<link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Comecero">
<!-- Styles from CDNs -->
<link rel="stylesheet" href="https://static.comecero.com/libraries/bootstrap/3.3.5/css/bootstrap.min.css" />
<!--<link rel="stylesheet" href="https://static.comecero.com/libraries/font-awesome/4.7.0/css/font-awesome.min.css">-->
<link rel="stylesheet" href="https://static.comecero.com/libraries/font-awesome/5.7.2/css/all.css">
<link rel="stylesheet" href="https://static.comecero.com/libraries/font-awesome/5.7.2/css/v4-shims.css">
<!-- Local styles -->
<link rel="stylesheet" href="dist/css/libraries.css" />
<link rel="stylesheet" href="dist/css/base.css">
<!-- Frameworks from CDNs -->
<script src="https://static.comecero.com/libraries/jquery/2.1.4/jquery.min.js"></script>
<script src="https://static.comecero.com/libraries/angularjs/1.5.5/angular.min.js"></script>
<script src="https://static.comecero.com/libraries/angularjs/1.5.5/angular-route.min.js"></script>
<script src="https://static.comecero.com/libraries/angularjs/1.5.5/angular-messages.min.js"></script>
<script src="https://static.comecero.com/libraries/angularjs/1.5.5/angular-animate.min.js"></script>
<script src="https://static.comecero.com/libraries/angularjs/1.5.5/angular-sanitize.min.js"></script>
<!-- Angular App -->
<script src="dist/js/app.min.js"></script>
<!-- Angular Shared -->
<script src="dist/js/admin-kit.min.js"></script>
<!-- Angular Pages -->
<script src="dist/js/pages.min.js"></script>
<!-- UI functions -->
<script src="dist/js/ui.min.js"></script>
</head>
<body class="hold-transition skin-comecero sidebar-mini" ng-app="admin" ng-csp>
<div class="wrapper" id="main-wrapper">
<!-- Main Header -->
<header class="main-header">
<!-- Logo -->
<a href="#/" class="logo hidden-sm hidden-md hidden-lg" style="background-color: #2c3e50; text-align:center">
<span class="logo-lg brand-dark"><img src="images/icon_dark_transparent.png" style="height:46px" />Comecero</span>
</a>
<a href="#/" class="logo hidden-xs" style="padding-left:2px;">
<span class="logo-lg brand-light"><img src="images/icon_light_transparent.png" style="height:46px" />Comecero</span>
</a>
<!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<span class="sidebar-toggle hidden-lg" data-toggle="offcanvas" role="button">
<i class="fas fa-bars"></i>
<span class="sr-only">Toggle navigation</span>
</span>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li style="height:50px">
<label class="switch switch-test needsclick">
<!-- Turn FastClick off on this element as it seems to cause problems with not allowing the switch to change -->
<input type="checkbox" class="switch-input needsclick" ng-model="settings.test">
<span class="switch-label needsclick" data-on="TEST" data-off="LIVE"></span>
<span class="switch-handle needsclick"></span>
</label>
</li>
<!-- Language Menu -->
<li class="dropdown" uib-dropdown>
<!--<a class="dropdown-toggle user-menu" uib-dropdown-toggle>
<i class="fas fa-globe-americas"></i><span class="hidden-xs"> Language</span> <i class="fa fa-caret-down"></i>
</a>-->
<ul class="dropdown-menu dropdown-toggle" ng-controller="LangCtrl">
<li><a href="" ng-click="switchLanguage('en')">English</a></li>
<li><a href="">French</a></li>
<li><a href="">German</a></li>
<li><a href="">Dutch</a></li>
<li><a href="">Spanish</a></li>
<li><a href="" ng-click="switchLanguage('ru')">Russian</a></li>
<li><a href="">Chinese</a></li>
</ul>
</li>
<li class="dropdown" uib-dropdown>
<a class="dropdown-toggle user-menu" uib-dropdown-toggle>
<span><i class="fa fa-user"></i> <span class="hidden-xs">{{user.user_id}}</span></span>
</a>
<ul class="dropdown-menu">
<li><a href="#/account/edit"><i class="dropdown-icon fa fa-list-alt"></i> <span translate>Account ID</span> {{account.account_id}}</a></li>
<li><a href="#/profile"><i class="dropdown-icon fa fa-cog"></i> <span translate>Settings</span></a></li>
<li class="divider"></li>
<li><a ng-click="logout()"><i class="dropdown-icon fa fa-power-off"></i> <span translate>Sign Out</span></a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel (optional) -->
<!-- search form (Optional) -->
<!--<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span>
</div>
</form>-->
<!-- /.search form -->
<!-- Sidebar Menu -->
<ul class="sidebar-menu">
<!-- Optionally, you can add icons to the links -->
<li><a href="#/"><i class="menu-icon fa fa-list-ol"></i><span class="mm-text">Getting Started</span></a></li>
<li><a href="#/dashboard"><i class="menu-icon fa fa-dashboard"></i><span class="mm-text">Dashboard</span></a></li>
<li class="treeview">
<a><i class="menu-icon fa fa-shopping-cart"></i><span class="mm-text">Store</span> <i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="#/products">Products</a></li>
<li><a href="#/subscription_plans">Subscription Plans</a></li>
<li><a href="#/images">Images</a></li>
<li><a href="#/shipping_methods">Shipping Methods</a></li>
<li><a href="#/promotions">Promotions</a></li>
<li><a href="#/files">Files</a></li>
<li><a href="#/license_services">License Services</a></li>
</ul>
</li>
<li><a href="#/storefront"><i class="menu-icon fa fa-store"></i><span class="mm-text">Online Storefront</span></a></li>
<li class="treeview">
<a><i class="menu-icon fa fa-line-chart"></i><span class="mm-text">Sales</span><i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="#/orders">Orders</a></li>
<li><a href="#/payments">Payments</a></li>
<li><a href="#/refunds">Refunds</a></li>
<li><a href="#/subscriptions">Subscriptions</a></li>
<li><a href="#/carts">Carts</a></li>
<li><a href="#/shipments">Shipments</a></li>
</ul>
</li>
<li><a href="#/customers"><i class="menu-icon fa fa-male"></i><span class="mm-text">Customers</span></a></li>
<li><a href="#/invoices"><i class="menu-icon fa fa-file-text-o"></i><span class="mm-text">Invoices</span></a></li>
<li account-model="agent"><a href="#/payments/add"><i class="menu-icon fa fa-calculator"></i><span class="mm-text">Virtual Terminal</span></a></li>
<li><a href="#/app_installations"><i class="menu-icon fa fa-cogs"></i><span class="mm-text">Apps</span></a></li>
<li class="treeview">
<a><i class="menu-icon fa fa-bar-chart"></i><span class="mm-text">Reports</span> <i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="#/reports/sales">Sales</a></li>
<li><a href="#/reports/items">By Product</a></li>
</ul>
</li>
<li class="treeview">
<a><i class="menu-icon fa fa-money"></i><span class="mm-text">Financial</span> <i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="#/reports/fees">Fees</a></li>
<li><a href="#/reports/commissions">Commissions</a></li>
</ul>
</li>
<li class="treeview">
<a><i class="menu-icon fa fa-sliders"></i><span class="mm-text">Settings</span> <i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="#/settings/general">General</a></li>
<li><a href="#/settings/payment">Payments</a></li>
<li><a href="#/settings/pricing">Pricing</a></li>
<li><a href="#/settings/fulfillment">Fulfillment</a></li>
<li><a href="#/settings/subscriptions">Subscriptions</a></li>
<li><a href="#/settings/tax">Tax</a></li>
<li><a href="#/settings/technical">Technical</a></li>
<li><a href="#/settings/analytics">Analytics</a></li>
</ul>
</li>
<li account-model="agent"><a href="#/gateways"><i class="menu-icon fa fa-bank"></i><span class="mm-text">Gateways</span></a></li>
<li class="treeview">
<a><i class="menu-icon fa fa-user"></i><span class="mm-text">Administration</span> <i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="#/profile">Your Profile</a></li>
<li><a href="#/users">Users</a></li>
<!--<li><a href="#/roles">Roles</a></li>-->
<li><a href="#/account/edit">Account Info</a></li>
</ul>
</li>
<li class="treeview">
<a><i class="menu-icon fa fa-envelope"></i><span class="mm-text">Communications</span> <i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="#/notification_subscriptions"><span class="mm-text">Notification Subscriptions</span></a></li>
<li><a href="#/notifications"><span class="mm-text">Notifications</span></a></li>
<li><a href="#/templates"><span class="mm-text">Templates</span></a></li>
</ul>
</li>
<li class="treeview">
<a><i class="fas fa-cloud-upload-alt"></i><span class="mm-text">Webhooks</span> <i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="#/event_subscriptions"><span class="mm-text">Event Subscriptions</span></a></li>
<li><a href="#/events"><span class="mm-text">Events</span></a></li>
<li><a href="#/event_test_templates"><span class="mm-text">Test Templates</span></a></li>
</ul>
</li>
<li class="treeview">
<a><i class="menu-icon fa fa-code"></i><span class="mm-text">Developer</span> <i class="fa fa-angle-right pull-right"></i></a>
<ul class="treeview-menu">
<li><a href="https://docs.comecero.com/" target="_blank"><span class="mm-text">Documentation</span></a></li>
<li><a href="https://explorer.comecero.com/" target="_blank"><span class="mm-text">API Explorer</span></a></li>
<li><a href="#/auths"><span class="mm-text">API Tokens</span></a></li>
<li><a href="#/apps"><span class="mm-text">Custom Apps</span></a></li>
<li><a href="#/hosted_functions"><span class="mm-text">Hosted Functions</span></a></li>
<li><a href="#/license_requests"><span class="mm-text">License Requests</span></a></li>
</ul>
</li>
<li class="highlight" ng-show="account.live == false"><a ng-href="{{contract_select_url}}"><i class="menu-icon fa fa-rocket"></i><span class="mm-text">Activate Your Account</span></a></li>
</ul><!-- /.sidebar-menu -->
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<ng-view autoscroll="true"></ng-view>
</div><!-- /.content-wrapper -->
<!-- Main Footer -->
<footer class="main-footer">
<!-- To the right -->
<div class="pull-right">
<span class="hidden-xs">Brought to you by <a href="https://comecero.com" target="_blank">Comecero</a>.</span> <a href="https://docs.comecero.com" target="_blank">Documentation</a> | <a href="https://comecero.com/contact.html" target="_blank">Support</a>
</div>
</footer>
<!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!--Growl-->
<div class="growls" ng-controller="GrowlsCtrl">
<div class="alert alert-{{growl.type}} growl fadeInRight" ng-repeat="growl in growls">
<button type="button" class="close" ng-click="clearGrowl(growl.id)">×</button>
<i class="icon fa fa-check-circle" ng-if="growl.type == 'success'"></i>
<i class="icon fa fa-info-circle" ng-if="growl.type == 'info'"></i>
<i class="icon fa fa-warning" ng-if="growl.type == 'warning'"></i>
<i class="icon fa fa-times-circle" ng-if="growl.type == 'danger'"></i>
<!-- Specific -->
<span ng-if="growl.id == 'shipment_success'" translate translate-n="growl.count" translate-plural="You have successfully shipped {{growl.count}} items">You have successfully shipped {{growl.count}} item</span>
<span ng-if="growl.id == 'shipment_failure'" translate>We were unable to record the shipment: {{growl.description}}.</span>
<span ng-if="growl.id == 'payment_capture_scheduled'" translate>All items in the order are now fulfilled and the payment will be automatically captured in a few moments.</span>
<span ng-if="growl.id == 'payment_capture_success'" translate>You have successfully captured <a href="{{growl.url}}">payment {{growl.payment_id}}</a>.</span>
<span ng-if="growl.id == 'payment_capture_failure'" translate>An attempt to capture <a href="{{growl.url}}">payment {{growl.payment_id}}</a> was unsuccessful. You can try again to capture the payment.</span>
<span ng-if="growl.id == 'payment_created_success'" translate>You have successfully processed payment <a href="{{growl.url}}">{{growl.payment_id}}</a> in the amount of {{growl.amount}} {{growl.currency}}.</span>
<span ng-if="growl.id == 'refund_success'" translate>You have successfully <a href="{{growl.url}}">processed a refund</a> in the amount of {{growl.amount}}.</span>
<span ng-if="growl.id == 'refund_failure'" translate>An attempt to process a refund in the amount of {{growl.amount}} was unsuccessful. See the <a href="{{growl.url}}">failed refund</a> for more details.</span>
<span ng-if="growl.id == 'chargeback_success'" translate>You have successfully <a href="{{growl.url}}">recorded a chargeback</a> in the amount of {{growl.amount}}.</span>
<span ng-if="growl.id == 'void_success'" translate>You have successfully cancelled <a href="{{growl.url}}">payment {{growl.payment_id}}</a>.</span>
<span ng-if="growl.id == 'void_failure'" translate>An attempt to cancel <a href="{{growl.url}}">payment {{growl.payment_id}}</a> was unsuccessful. You can try again to cancel the payment.</span>
<span ng-if="growl.id == 'subscription_cancel_success'" translate>You have successfully cancelled the subscription.</span>
<span ng-if="growl.id == 'subscription_item_cancel_success'" translate>You have successfully cancelled {{growl.name}}.</span>
<span ng-if="growl.id == 'switch_test_failure'" translate>We were unable to switch you to test mode.</span>
<span ng-if="growl.id == 'cart_url_failure'" translate>We were unable to generate a cart URL for you. Please reload the page to try again.</span>
<span ng-if="growl.id == 'launch_url_failure'" translate>We were unable to generate launch urls for you. Please reload the page to try again.</span>
<span ng-if="growl.id == 'uninstall_success'" translate>You have successfully uninstalled {{growl.name}}.</span>
<span ng-if="growl.id == 'set_default_app_version'" translate>You have successfully set the default version for {{growl.name}}.</span>
<span ng-if="growl.id == 'invoice_published'" translate>You have successfully published the invoice.</span>
<span ng-if="growl.id == 'invoice_sent'" translate>The invoice has been sent to the customer.</span>
<span ng-if="growl.id == 'download_reset'" translate>The download has been reset and is now functional.</span>
<span ng-if="growl.id == 'download_kill'" translate>The download has been inactivated.</span>
<span ng-if="growl.id == 'notification_resend'" translate>The notification has been sent to {{growl.email}}.</span>
<span ng-if="growl.id == 'event_resend'" translate>The event has been queued to be sent again. You can reload the event in a few moments to check the updated status.</span>
<span ng-if="growl.id == 'license_request_resend'" translate>The license request has been queued to be sent again. You can reload the license request in a few moments to check the updated status.</span>
<!-- Generic -->
<span ng-if="growl.id == 'edit_success_no_link'" translate>Your changes have been saved.</span>
<span ng-if="growl.id == 'action_success'" translate>Your request has been processed sucessfully.</span>
<span ng-if="growl.id == 'add_success'" translate>You have successfully created <a href="{{growl.url}}">{{growl.name}}</a>.</span>
<span ng-if="growl.id == 'edit_success'" translate>Your changes to <a href="{{growl.url}}">{{growl.name}}</a> have been saved.</span>
<span ng-if="growl.id == 'delete_success'" translate>You have successfully deleted {{growl.name}}.</span>
<span ng-if="growl.id == 'delete_success_with_undelete'" translate>You have successfully deleted <a href="{{growl.url}}">{{growl.name}}</a>.</span>
<span ng-if="growl.id == 'undelete_success'" translate>You have successfully restored <a href="{{growl.url}}">{{growl.name}}</a>.</span>
<span ng-if="growl.id == 'active_change_failure'" translate>We were unable to update {{growl.name}}. Please try your request again.</span>
<span ng-if="growl.id == 'activate_success'" translate translate-n="growl.count" translate-plural="You have successfully activated {{growl.count}} items">You have successfully activated {{growl.count}} item</span>
<span ng-if="growl.id == 'inactivate_success'" translate translate-n="growl.count" translate-plural="You have successfully inactivated {{growl.count}} items">You have successfully inactivated {{growl.count}} item</span>
</div>
</div>
<!-- Login Modal -->
<div login></div>
<!-- Dropzone file upload template -->
<div id="dz-file" class="dz-default col-xs-12" style="display:none;">
<p><i class="fa fa-cloud-upload fa-4 text-center spacer-t30" style="color:#39b3d7;"></i></p>
<p translate>Drop or click to upload</p>
<p class="spacer-t30"><small translate>Maximum files: <span class="dropzone-max-files"></span></small></p>
<p><small translate>Maximum file size: <span class="dropzone-max-size"></span></small></p>
</div>
<!-- Dropzone app package upload template -->
<div id="dz-app-package" class="dz-default" style="display:none;">
<p><i class="fa fa-cloud-upload fa-4 text-center spacer-t30" style="color:#39b3d7;"></i></p>
<p translate>Drop or click to upload</p>
<p class="spacer-t30"><small translate>Maximum files: <span class="dropzone-max-files"></span></small></p>
<p><small translate>Maximum file size: <span class="dropzone-max-size"></span></small></p>
<p><small translate>Valid file types: <span class="dropzone-filetypes"></span></small></p>
</div>
<!-- Dropzone images upload template -->
<div id="dz-images" class="dz-default dz-default-template" style="display:none;">
<p><i class="fa fa-cloud-upload fa-4 text-center spacer-t30" style="color:#39b3d7;"></i></p>
<p translate>Drop or click to upload</p>
<p class="spacer-t30"><small translate>Maximum images: <span class="dropzone-max-files"></span></small></p>
<p><small translate>Maximum image size: <span class="dropzone-max-size"></span></small></p>
<p><small translate>Valid file types: <span class="dropzone-filetypes"></span></small></p>
</div>
<div id="dz-preview" style="display:none;">
<div class="well well-lg text-center">
<div class="row hidden" id="dz-file-upload-error">
<div class="alert alert-danger">
<span id="dz-file-upload-error-message"></span>
</div>
</div>
<h1 data-dz-name></h1>
<p data-dz-size></p>
<div class="row progress progress-striped active" id="dz-file-upload-progress"><div class="progress-bar progress-bar-info" id="dz-file-upload-progress-bar" data-dz-uploadprogress></div></div>
<div class="row">
<img src="images/clear.png" id="dz-image-preview" class="img-thumbnail fadeIn hidden" style="height:75px;" />
</div>
<div class="row">
<button class="btn btn-info pull-right btn-right btn-margin-left spacer-t30" id="dz-file-upload-button"><i class="fa fa-arrow-circle-up"></i> <span translate>Upload</span></button>
<button class="btn btn-danger pull-right btn-right btn-margin-left spacer-t30" id="dz-file-remove-button" data-dz-remove><i class="fa fa-times-circle"></i> <span translate>Remove</span></button>
<button class="btn btn-danger pull-right btn-right btn-margin-left spacer-t30 hidden" id="dz-file-delete-button"><i class="fa fa-times-circle"></i> <span translate>Delete</span></button>
</div>
</div>
</div>
</body>
</html>