19 |
20 |
44 |
45 |
52 |
53 |
78 |
79 |
21 | Bei Dou
22 |
23 |
24 |
43 |
80 |
84 |
85 |
--------------------------------------------------------------------------------
/src/app/dashboard/nav.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, OnInit} from '@angular/core';
2 | import { Router, ActivatedRoute, Params } from '@angular/router';
3 |
4 |
5 | @Component({
6 | selector: 'app-charts',
7 | templateUrl: './nav.component.html',
8 | })
9 | export class NavComponent implements OnInit {
10 |
11 | constructor (
12 | private route: ActivatedRoute,
13 | private router: Router
14 | ) {}
15 |
16 | para = '';
17 |
18 | public lineCharts = "";
19 | public pieCharts = "";
20 | public dashboard = "";
21 | public datatable = "";
22 | public bootstrap = "";
23 | public plugin = "";
24 |
25 | routers = [];
26 |
27 |
28 |
29 | ngOnInit() {
30 | this.route.params.subscribe((params) => {
31 | console.log(params['id']);
32 | this.para=params['id'];
33 | });
34 |
35 | this.lineCharts = "/main/"+this.para+"/lineCharts";
36 | this.pieCharts = "/main/"+this.para+"/pieCharts";
37 | this.dashboard = "/main/"+this.para+"/dashboard";
38 | this.datatable = "/main/"+this.para+"/datatable";
39 | this.bootstrap = "/main/"+this.para+"/bootstrap-static";
40 | this.plugin = "/main/"+this.para+"/bootstrap-plugin";
41 |
42 | this.routers = [
43 | {
44 | href: this.dashboard,
45 | name: "Dashboard",
46 | type: false
47 | },
48 | {
49 | href: 'charts',
50 | name: "Charts",
51 | type: true,
52 | child: [
53 | {href: this.lineCharts, name: "Line Charts"},
54 | {href: this.pieCharts, name: "Pie Charts"}
55 | ]
56 | },
57 | {
58 | href: 'tables',
59 | name: "Tables",
60 | type: true,
61 | child: [
62 | {href: this.datatable, name: "Data Tables"}
63 | ]
64 | },
65 | {
66 | href: 'bootstrap',
67 | name: "Bootstrap",
68 | type: true,
69 | child: [
70 | {href: this.bootstrap, name: "Static Components"},
71 | {href: this.plugin, name: "Plugin Components"}
72 | ]
73 | }
74 |
75 | ];
76 |
77 | };
78 |
79 | setActiveByPath = function (path, childPath) {
80 | for (var i = 0; i < this.routers.length; i++) {
81 | if (this.routers[i].active) {
82 | this.routers[i].active = false;
83 | break;
84 | }
85 | }
86 | for (var i = 0; i < this.routers.length; i++) {
87 | var router = this.routers[i];
88 | if (router.href == path) {
89 | if (!router.active) {
90 | router.active = true;
91 | if (childPath != "") {
92 | for (var j = 0; j < router.child.length; j++) {
93 | var route = router.child[j];
94 | if (route.href == childPath) {
95 | route.active = true;
96 | }
97 | }
98 | }
99 | } else {
100 | router.active = false;
101 | }
102 | }
103 | }
104 | };
105 | changeNavStatis = function (path) {
106 | for (var i = 0; i < this.routers.length; i++) {
107 | if (this.routers[i].active) {
108 | this.routers[i].active = false;
109 | break;
110 | }
111 | }
112 | for (var i = 0; i < this.routers.length; i++) {
113 | var router = this.routers[i];
114 | if (router.href == path) {
115 | router.active = true;
116 | }
117 | }
118 | };
119 | changeChildNavStatis = function (path, childPath) {
120 | for (var i = 0; i < this.routers.length; i++) {
121 | var router = this.routers[i];
122 | if (router.href == path) {
123 |
124 | for (var j = 0; j < router.child.length; j++) {
125 | var route = router.child[j];
126 | if (route.href != childPath) {
127 | route.active = false;
128 | } else {
129 | route.active = true;
130 | }
131 | }
132 | }
133 |
134 | }
135 | };
136 | getQueryString = function(name){
137 | var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
138 | var r = window.location.search.substr(1).match(reg);
139 | if(r!=null)return r[2]; return null;
140 | }
141 |
142 |
143 |
144 | }
145 |
--------------------------------------------------------------------------------
/src/app/tables/datatable/datatable.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, OnInit} from '@angular/core';
2 | import {NavComponent} from '../../dashboard/nav.component';
3 | import {Router, ActivatedRoute, Params} from '@angular/router';
4 | import {NgClass} from '@angular/common';
5 |
6 |
7 | @Component({
8 | selector: 'ng2-table',
9 |
10 | templateUrl: './datatable.component.html'
11 | })
12 | export class DatatableComponent implements OnInit {
13 |
14 | tableData = [
15 | {id: 1, username: 'Geek', age: 42, salary: 1234},
16 | {id: 2, username: 'TOM', age: 52, salary: 2345.64},
17 | {id: 3, username: 'King', age: 51, salary: 8888},
18 | {id: 4, username: 'QuEEN', age: 12, salary: 6663},
19 | {id: 5, username: 'JACK', age: 13, salary: 4567},
20 | {id: 6, username: 'KGC', age: 15, salary: 9870.123},
21 | {id: 7, username: 'rose', age: 23, salary: 3456.78},
22 | {id: 8, username: 'john', age: 78, salary: 6234},
23 | {id: 9, username: 'lily', age: 56, salary: 7234},
24 | {id: 10, username: 'hello', age: 34, salary: 8234},
25 | {id: 11, username: 'james', age: 58, salary: 9234}
26 | ];
27 |
28 |
29 |
30 | constructor(
31 | private parent:NavComponent,
32 | private route:ActivatedRoute,
33 | private router:Router) {
34 | }
35 |
36 | ngOnInit() {
37 | this.parent.setActiveByPath("tables", this.parent.datatable);
38 |
39 | };
40 | public totalItems: number = 64;
41 | public currentPage: number = 4;
42 | public smallnumPages: number = 0;
43 |
44 | public setPage(pageNo: number): void {
45 | this.currentPage = pageNo;
46 | }
47 |
48 | public pageChanged(event: any): void {
49 | console.log('Page changed to: ' + event.page);
50 | console.log('Number items per page: ' + event.itemsPerPage);
51 | }
52 |
53 |
54 | settings = {
55 | columns: {
56 | id: {
57 | title: 'ID'
58 | },
59 | name: {
60 | title: 'Full Name'
61 | },
62 | username: {
63 | title: 'User Name'
64 | },
65 | email: {
66 | title: 'Email'
67 | }
68 | },
69 | mode : "inline",
70 | delete:{
71 | confirmDelete : true
72 | }
73 | };
74 |
75 | data = [
76 | {
77 | id: 1,
78 | name: "Leanne Graham",
79 | username: "Bret",
80 | email: "Sincere@april.biz"
81 | },
82 | {
83 | id: 2,
84 | name: "Ervin Howell",
85 | username: "Antonette",
86 | email: "Shanna@melissa.tv"
87 | },
88 | {
89 | id: 3,
90 | name: "Clementine Bauch",
91 | username: "Samantha",
92 | email: "Nathan@yesenia.net"
93 | },
94 | {
95 | id: 4,
96 | name: "Patricia Lebsack",
97 | username: "Karianne",
98 | email: "Julianne.OConner@kory.org"
99 | },
100 | {
101 | id: 5,
102 | name: "Chelsey Dietrich",
103 | username: "Kamren",
104 | email: "Lucio_Hettinger@annie.ca"
105 | },
106 | {
107 | id: 6,
108 | name: "Mrs. Dennis Schulist",
109 | username: "Leopoldo_Corkery",
110 | email: "Karley_Dach@jasper.info"
111 | },
112 | {
113 | id: 7,
114 | name: "Kurtis Weissnat",
115 | username: "Elwyn.Skiles",
116 | email: "Telly.Hoeger@billy.biz"
117 | },
118 | {
119 | id: 8,
120 | name: "Nicholas Runolfsdottir V",
121 | username: "Maxime_Nienow",
122 | email: "Sherwood@rosamond.me"
123 | },
124 | {
125 | id: 9,
126 | name: "Glenna Reichert",
127 | username: "Delphine",
128 | email: "Chaim_McDermott@dana.io"
129 | },
130 | {
131 | id: 10,
132 | name: "Clementina DuBuque",
133 | username: "Moriah.Stanton",
134 | email: "Rey.Padberg@karina.biz"
135 | },
136 | {
137 | id: 11,
138 | name: "Nicholas DuBuque",
139 | username: "Nicholas.Stanton",
140 | email: "Rey.Padberg@rosamond.biz"
141 | }
142 | ];
143 |
144 | onDeleteConfirm(event): void {
145 | console.log("delete function");
146 | /*if (window.confirm('Are you sure you want to delete?')) {
147 | event.confirm.resolve();
148 | } else {
149 | event.confirm.reject();
150 | }*/
151 |
152 | }
153 |
154 |
155 | }
156 |
--------------------------------------------------------------------------------
/src/app/dashboard/dashboard.component.html:
--------------------------------------------------------------------------------
1 |
81 |
83 |
2 |
118 |
--------------------------------------------------------------------------------
/src/app/module/analytics.html:
--------------------------------------------------------------------------------
1 |
2 | Dashboard:{{para}}
3 |
4 |
45 |
5 |
14 |
6 |
13 |
7 |
11 |
12 | Title text
8 |20
9 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 10 |
15 |
24 |
16 |
23 |
17 |
21 |
22 | Title text
18 |160
19 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 20 |
25 |
34 |
26 |
33 |
27 |
31 |
32 | Title text
28 |750
29 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 30 |
35 |
44 |
36 |
43 |
37 |
41 |
42 | Title text
38 |0,43
39 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 40 |
46 |
117 |
47 |
56 |
48 |
55 |
49 |
53 |
54 | $1 206,90
50 |All Income
51 | Lorem ipsum dolor sit amet, consectetur adipiscing elit vestibulum. 52 |
57 |
76 |
58 |
75 |
59 |
60 |
61 |
72 |
73 |
74 | Users Activity
4 210,160
Social users 62 | 63 |
64 |
71 |
65 | Pages / Visit
66 |
67 | 7.80
68 | % New Visits
69 |
70 | 76.43%
77 |
92 |
78 |
91 |
79 |
80 |
81 |
84 | Lorem Ipsum is simply dummy text of the printing and typesetting 85 | industry. Lorem Ipsum has been. 86 | 87 |
88 |
89 |
90 | Page Views
860k+
Social users 83 |84 | Lorem Ipsum is simply dummy text of the printing and typesetting 85 | industry. Lorem Ipsum has been. 86 | 87 |
93 |
116 |
94 |
115 |
95 |
96 |
97 |
98 |
113 |
114 | Today income
99 |
101 |
102 |
103 |
112 |
104 |
111 |
105 | Today
106 |
107 | $230,00
108 | Last week
109 |
110 | $7 980,60
3 |
4 |
26 |
27 | Bei Dou
5 |
25 |
28 |
31 |
147 |
148 |
--------------------------------------------------------------------------------
/src/app/bootstraps/plugin/plugin.component.html:
--------------------------------------------------------------------------------
1 | Welcome to Bei Dou System
29 |Special Admin System for small, medium and large webapp with very clean and aesthetic style and 30 | feel.
32 |
118 |
119 |
120 |
144 |
145 |
146 |
33 |
34 |
45 |
46 |
35 |
42 |
43 |
44 |
36 |
40 |
41 | Module1
37 |Title
38 | This is sub title area,you can write anything... 39 |
47 |
48 |
59 |
60 |
49 |
56 |
57 |
58 |
50 |
54 |
55 | Module2
51 |Title
52 | This is sub title area,you can write anything... 53 |
61 |
62 |
73 |
74 |
63 |
70 |
71 |
72 |
64 |
68 |
69 | Module3
65 |Title
66 | This is sub title area,you can write anything... 67 |
75 |
76 |
87 |
88 |
101 |
102 |
115 |
116 |
117 |
77 |
84 |
85 |
86 |
78 |
82 |
83 | Module4
79 |Title
80 | This is sub title area,you can write anything... 81 |
2 |
14 |
18 |
5 |
13 |
6 |
7 |
9 |
12 | Bootstrap Plugins
10 | The basic color palette 11 |
19 |
47 |
67 |
247 |
248 |
249 |
250 |
--------------------------------------------------------------------------------
/src/app/bootstraps/static/bootstrap.component.html:
--------------------------------------------------------------------------------
1 |
20 |
46 |
21 |
22 |
25 |
26 |
27 |
45 |
28 |
44 |
29 |
42 |
43 | 47 |
48 |
66 |
49 |
50 |
56 |
57 |
58 |
65 |
59 |
64 | Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
60 | Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR.
61 | Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown.
62 | Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
63 | 67 |
68 |
152 |
161 |
162 |
69 |
114 |
70 |
113 |
71 |
84 |
72 |
78 | 73 | 74 | Collapsible Group Item #1 75 | 76 |
77 |
79 |
83 |
80 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
81 |
82 |
85 |
98 |
86 |
92 | 87 | 88 | Collapsible Group Item #2 89 | 90 |
91 |
93 |
97 |
94 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
95 |
96 |
99 |
112 |
100 |
106 | 101 | 102 | Collapsible Group Item #3 103 | 104 |
105 |
107 |
111 |
108 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
109 |
110 |
115 |
151 |
116 |
117 |
150 | -
118 |
119 |
120 |
121 |
125 |
139 |
140 |
141 |
142 |
143 | Previous
144 |
145 |
146 |
147 | Next
148 |
149 |
126 | 
127 |
131 |
127 |
128 | ...
129 |
130 |
132 | 
133 |
137 | ...
138 |
133 |
134 | ...
135 |
136 |
163 |
246 |
164 |
165 |
232 |
233 |
166 |
167 | Multiple
168 |
169 | 170 | 171 |
181 |
182 | 169 | 170 | 171 |
176 | Base drop zone
177 |
178 |
179 |
180 |
183 |
184 |
188 |
189 |
228 |
229 |
230 |
231 | Upload queue
185 |Queue length: {{ uploader?.queue?.length }}
186 | 187 || Name | 191 |Size | 192 |Progress | 193 |Status | 194 |Actions | 195 |
|---|---|---|---|---|
| {{ item?.file?.name }} | 200 |{{ item?.file?.size/1024/1024 | number:'.2' }} MB | 201 |
202 |
203 |
204 |
205 | |
206 | 207 | 208 | 209 | 210 | | 211 |212 | 216 | 220 | 224 | | 225 |
234 |
243 |
244 |
245 |
235 |
241 |
242 |
2 |
14 |
5 |
13 |
6 |
7 |
9 |
12 | Colors and Buttons
10 | The basic color palette 11 |
15 |
416 |
417 |
--------------------------------------------------------------------------------
/src/fileupload/fileinput.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * bootstrap-fileinput v4.3.6
3 | * http://plugins.krajee.com/file-input
4 | *
5 | * Author: Kartik Visweswaran
6 | * Copyright: 2014 - 2017, Kartik Visweswaran, Krajee.com
7 | *
8 | * Licensed under the BSD 3-Clause
9 | * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
10 | */!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof module&&module.exports?module.exports=a(require("jquery")):a(window.jQuery)}(function(a){"use strict";a.fn.fileinputLocales={},a.fn.fileinputThemes={};var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,$,_,aa,ba,ca,da,ea,fa,ga,ha,ia,ja,ka,la,ma,na,oa,pa;b=".fileinput",c="kvFileinputModal",d=".file-preview-frame:visible",e='style="width:{width};height:{height};"',f='\n\n\n\n\n\n',g='
16 |
415 |
17 |
52 |
18 |
51 |
19 |
50 |
20 |
49 |
21 |
48 |
22 |
47 |
23 |
25 | PrimaryNavy Blue
24 |
26 |
28 | Primary 2Violet
27 |
29 |
31 | InfoBlue
30 |
32 |
34 | SuccessGreen
33 |
35 |
37 | WarningYellow
36 |
38 |
40 | Warning 2Orange
39 |
41 |
43 | DangerRed
42 |
44 |
46 | Danger 2Deep red
45 |
53 |
141 |
54 |
80 |
81 |
82 |
109 |
110 |
140 |
142 |
293 |
143 |
258 |
144 |
153 |
188 |
222 |
256 |
257 | Droppdowns buttons are avalible with any color and any size.
154 |
155 |
157 |
164 |
165 |
166 |
168 |
175 |
176 |
177 |
179 |
186 |
187 | 188 |
189 |
191 |
198 |
199 |
200 |
202 |
209 |
210 |
211 |
213 |
220 |
221 | 222 |
223 |
225 |
232 |
233 |
234 |
236 |
243 |
244 |
245 |
247 |
254 |
255 |
259 |
291 |
292 |
294 |
348 |
295 |
316 |
317 |
347 |
349 |
414 |
350 |
413 |
351 |
360 |
412 |
361 |
411 |
362 |
369 |
372 |
376 |
377 |
384 |
385 |
386 | Circle buttons
363 | 364 | 365 | 366 | 367 | 368 |Single toggle button
370 | 371 |Checkbox buttons
373 |Radio buttons
378 |
387 |
410 |
388 |
389 |
390 |
391 |
392 |
393 |
394 |
395 |
396 |
397 |
398 |
401 |
402 |
403 |
409 |
407 |
408 | \n{previewFileIcon}\n
',h=window.URL||window.webkitURL,i=function(a,b,c){return void 0!==a&&(c?a===b:a.match(b))},j=function(a){if("Microsoft Internet Explorer"!==navigator.appName)return!1;if(10===a)return new RegExp("msie\\s"+a,"i").test(navigator.userAgent);var c,b=document.createElement("div");return b.innerHTML="",c=b.getElementsByTagName("i").length,document.body.appendChild(b),b.parentNode.removeChild(b),c},k=function(a,c,d,e){var f=e?c:c.split(" ").join(b+" ")+b;a.off(f).on(f,d)},l={data:{},init:function(a){var b=a.initialPreview,c=a.id;b.length>0&&!fa(b)&&(b=b.split(a.initialPreviewDelimiter)),l.data[c]={content:b,config:a.initialPreviewConfig,tags:a.initialPreviewThumbTags,delimiter:a.initialPreviewDelimiter,previewFileType:a.initialPreviewFileType,previewAsData:a.initialPreviewAsData,template:a.previewGenericTemplate,showZoom:a.fileActionSettings.showZoom,showDrag:a.fileActionSettings.showDrag,getSize:function(b){return a._getSize(b)},parseTemplate:function(b,c,d,e,f,g,h,i){var j=" file-preview-initial";return a._generatePreviewTemplate(b,c,d,e,f,!1,null,j,g,h,i)},msg:function(b){return a._getMsgSelected(b)},initId:a.previewInitId,footer:a._getLayoutTemplate("footer").replace(/\{progress}/g,a._renderThumbProgress()),isDelete:a.initialPreviewShowDelete,caption:a.initialCaption,actions:function(b,c,d,e,f,g,h){return a._renderFileActions(b,c,d,e,f,g,h,!0)}}},fetch:function(a){return l.data[a].content.filter(function(a){return null!==a})},count:function(a,b){return l.data[a]&&l.data[a].content?b?l.data[a].content.length:l.fetch(a).length:0},get:function(b,c,d){var j,k,m,n,o,p,e="init_"+c,f=l.data[b],g=f.config[c],h=f.content[c],i=f.initId+"-"+e,q=ga("previewAsData",g,f.previewAsData);return d=void 0===d||d,h?(m=ga("type",g,f.previewFileType||"generic"),o=ga("filename",g,ga("caption",g)),p=ga("filetype",g,m),n=l.footer(b,c,d,g&&g.size||null),j=q?f.parseTemplate(m,h,o,p,i,n,e):f.parseTemplate("generic",h,o,p,i,n,e,m).replace(/\{content}/g,f.content[c]),f.tags.length&&f.tags[c]&&(j=ja(j,f.tags[c])),ea(g)||ea(g.frameAttr)||(k=a(document.createElement("div")).html(j),k.find(".file-preview-initial").attr(g.frameAttr),j=k.html(),k.remove()),j):""},add:function(b,c,d,e,f){var h,g=a.extend(!0,{},l.data[b]);return fa(c)||(c=c.split(g.delimiter)),f?(h=g.content.push(c)-1,g.config[h]=d,g.tags[h]=e):(h=c.length-1,g.content=c,g.config=d,g.tags=e),l.data[b]=g,h},set:function(b,c,d,e,f){var h,i,g=a.extend(!0,{},l.data[b]);if(c&&c.length&&(fa(c)||(c=c.split(g.delimiter)),i=c.filter(function(a){return null!==a}),i.length)){if(void 0===g.content&&(g.content=[]),void 0===g.config&&(g.config=[]),void 0===g.tags&&(g.tags=[]),f){for(h=0;h\n {caption}\n
',s='{preview}\n\n{remove}\n{cancel}\n{upload}\n{browse}\n',t='\n {remove}\n {cancel}\n {upload}\n {browse}\n
\n\n {close}
',v='\n
\n\n
\n \n \n ×
\n',u='',w='\n \n
\n',x='',y='{icon} {label}',z='{icon} {label}
',A='',B='\n \n
\n',C='\n
',D=" \n {percent}%\n
\n({sizeText})",E='',F='
\n \n {drag}\n
',G='\n',H='',I='',J='{dragIcon}',K='{indicator}
\n \n\n',M=K+' title="{caption}" '+e+'>
\n",O="{content}\n",P='\n',N="
{footer}\n{data}
\n",Q='