-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
1325 lines (1325 loc) · 111 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
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
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FileManager Template</title>
<link rel="stylesheet" href="./dist/filemanager-template.css">
<!--<link rel="stylesheet" href="./dist/custom-theme.css">-->
</head>
<body>
<!-- fm-wrapper Start -->
<div class="fm-wrapper">
<!-- SideBar Start -->
<aside class="sidebar float-lt">
<div class="brand text-center loading">
<a class="link" href="#">
<h3 class="name">FileManager</h3>
<!--
If you want to add an image as a brand add the class 'logo' to it
<img class="logo" src="logo.png">
-->
</a>
</div>
<div class="files-section">
<div class="loader"></div>
<ul class="files-list">
<li class="dir-item item" data-name="/" data-open="true">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13" width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13" width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">/</span>
<ul class="sub-files">
<li class="dir-item item" data-name="myDocuments" data-open="false">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13" width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13" width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">myDocuments</span>
</li>
<li class="dir-item item" data-name="Images" data-open="false">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13" width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13" width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">Images</span>
</li>
<li class="dir-item item" data-name="Programming" data-open="false">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13" width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13" width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">Programming</span>
</li>
<li class="dir-item item" data-name="MyProject" data-open="true">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13" width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13" width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">MyProject</span>
<ul class="sub-files">
<li class="dir-item item" data-name="users" data-open="false">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13"
width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13"
width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">users</span>
</li>
<li class="dir-item item" data-name="storage" data-open="false">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13"
width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13"
width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">storage</span>
</li>
<li class="dir-item item" data-name="http" data-open="false">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13"
width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13"
width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">http</span>
</li>
<li class="dir-item item" data-name="cmd" data-open="false">
<svg class="icon-contract svg-icon" fill="none" height="13" viewBox="0 0 17 13"
width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<svg class="icon-expend svg-icon" fill="none" height="13" viewBox="0 0 19 13"
width="19">
<path d="M17 3.33337V13H0V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
<path d="M16.9999 13H-0.00012207L1.36661 4.34404C1.44335 3.85799 1.8623 3.5 2.35437 3.5H17.3296C17.9441 3.5 18.4133 4.049 18.3174 4.65597L16.9999 13Z"
fill="#C0C0C0"/>
</svg>
<span class="name">cmd</span>
</li>
<li class="file-item item" data-name="index.php">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">index.php</span>
</li>
<li class="file-item item" data-name="main.sh">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">main.sh</span>
</li>
<li class="file-item item" data-name="LICENSE">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">LICENSE</span>
</li>
<li class="file-item item" data-name=".gitignore">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">.gitignore</span>
</li>
<li class="file-item item" data-name="package.json">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">package.json</span>
</li>
<li class="file-item item" data-name="package-lock.json">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">package-lock.json</span>
</li>
<li class="file-item item" data-name="README.md">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">README.md</span>
</li>
</ul>
</li>
<li class="file-item item" data-name="English.js">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">English.js</span>
</li>
<li class="file-item item" data-name="compressed.zip">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">compressed.zip</span>
</li>
<li class="file-item item" data-name="logo.png">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">logo.png</span>
</li>
<li class="file-item item" data-name="data.txt">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">data.txt</span>
</li>
<li class="file-item item" data-name="wizard.sh">
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="name">wizard.sh</span>
</li>
</ul>
</li>
</ul>
</div>
<div class="bottom text-center">
<button class="btn-primary" type="button">
logout
</button>
</div>
</aside>
<!-- Sidebar End -->
<!-- Main Panel Start -->
<main class="main-panel float-lt">
<!-- Header Start -->
<header class="header loading">
<form class="search-form float-lt">
<label>
<svg class="svg-icon" fill="none" height="45" viewBox="0 0 45 45" width="45"
xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd"
d="M29.0472 16.2524C29.0472 22.957 23.5029 28.5047 16.5236 28.5047C9.54434 28.5047 4 22.957 4 16.2524C4 9.54773 9.54434 4 16.5236 4C23.5029 4 29.0472 9.54773 29.0472 16.2524ZM26.267 29.38C23.5352 31.3448 20.1671 32.5047 16.5236 32.5047C7.39787 32.5047 0 25.2283 0 16.2524C0 7.27643 7.39787 0 16.5236 0C25.6493 0 33.0472 7.27643 33.0472 16.2524C33.0472 20.2142 31.606 23.845 29.211 26.665L43.4625 40.6826C44.25 41.4571 44.2605 42.7234 43.4859 43.5109C42.7113 44.2984 41.4451 44.3089 40.6576 43.5343L26.267 29.38Z"
fill="white"
fill-rule="evenodd"/>
</svg>
<input class="search-input" name="filename" placeholder="Search files ..." type="text">
</label>
</form>
<div class="float-rt">
<button class="btn-icon-reset toggle-slidebar" type="button">
<svg class="svg-icon" fill="none" height="40" viewBox="0 0 40 40" width="40"
xmlns="http://www.w3.org/2000/svg">
<path d="M37.6192 9.99996V9.04758C37.6192 7.64758 37.162 7.14282 35.7144 7.14282H3.33347C1.87633 7.14282 1.42871 7.63806 1.42871 9.04758V9.99996C1.42871 11.4762 1.92395 11.9047 3.33347 11.9047H35.7144C37.143 11.9047 37.6192 11.4476 37.6192 9.99996ZM37.6192 20.4762V19.5238C37.6192 18.1238 37.162 17.619 35.7144 17.619H3.33347C1.87633 17.619 1.42871 18.1142 1.42871 19.5238V20.4762C1.42871 21.9523 1.92395 22.3809 3.33347 22.3809H35.7144C37.143 22.3809 37.6192 21.9238 37.6192 20.4762ZM37.6192 30.9523V30C37.6192 28.599 37.162 28.0952 35.7144 28.0952H3.33347C1.87633 28.0952 1.42871 28.5904 1.42871 30V30.9523C1.42871 32.4285 1.92395 32.8571 3.33347 32.8571H35.7144C37.143 32.8571 37.6192 32.4 37.6192 30.9523Z"
fill="white"/>
</svg>
</button>
<nav class="slidebar text-center">
<ul>
<li>
<a href="#">
<svg class="svg-icon" fill="none" height="35" viewBox="0 0 35 35" width="35"
xmlns="http://www.w3.org/2000/svg">
<path d="M0 6.98925V28.0108C0 29.9462 0.732341 31.6667 1.90409 33.0108C3.07583 34.3011 4.58933 35 6.34695 35H15.9162V30.6452H6.34695C5.02874 30.6452 4.00346 29.4624 4.00346 28.0108V6.98925C4.00346 5.53763 5.02874 4.4086 6.34695 4.4086H15.9162V0H6.34695C4.58933 0 3.07583 0.752688 1.90409 2.04301C0.732341 3.3871 0 5.05376 0 6.98925ZM10.4969 13.3333V21.7204C10.4969 22.6882 11.278 23.4946 12.1569 23.4946H20.9938V30.1075C20.9938 30.6989 21.2867 31.1828 21.7749 31.4516C21.9702 31.5054 22.1655 31.5054 22.2632 31.5054C22.6049 31.5054 22.8979 31.3978 23.142 31.129L34.6153 18.4946C35.1524 18.0108 35.1035 17.043 34.6153 16.5054L23.142 3.92473C22.4584 3.11828 20.9938 3.60215 20.9938 4.89247V11.5591H12.1569C11.278 11.5591 10.4969 12.3656 10.4969 13.3333Z"
fill="white"/>
</svg>
</a>
</li>
<li>
<a data-modal="#settingsModal" href="#">
<svg class="svg-icon" fill="none" height="35" viewBox="0 0 35 35" width="35"
xmlns="http://www.w3.org/2000/svg">
<path d="M34.5671 14.8401L30.655 13.6734C30.3845 12.73 30.0125 11.8186 29.5455 10.9551L31.4607 7.37347C31.5326 7.23828 31.5589 7.08354 31.5358 6.93222C31.5126 6.7809 31.4413 6.64107 31.3323 6.53348L28.5412 3.73349C28.4335 3.62461 28.2936 3.55332 28.1421 3.5302C27.9906 3.50708 27.8357 3.53337 27.7004 3.60516L24.1386 5.50682C23.2658 5.01759 22.3415 4.62632 21.3826 4.34016L20.2148 0.47851C20.1654 0.336196 20.072 0.21321 19.9482 0.127253C19.8244 0.0412972 19.6765 -0.00319577 19.5257 0.000178696H15.5786C15.4269 0.000884028 15.2794 0.0499187 15.1576 0.140147C15.0358 0.230375 14.946 0.357087 14.9012 0.501843L13.7334 4.35182C12.7665 4.63646 11.8343 5.02776 10.954 5.51848L7.45061 3.62849C7.31529 3.5567 7.16039 3.53041 7.00893 3.55353C6.85746 3.57665 6.71749 3.64794 6.60979 3.75683L3.77202 6.52181C3.66303 6.6294 3.59166 6.76924 3.56852 6.92055C3.54538 7.07187 3.5717 7.22661 3.64356 7.36181L5.53541 10.8618C5.045 11.7375 4.65333 12.6648 4.3676 13.6268L0.502157 14.7934C0.357259 14.8381 0.230422 14.9279 0.140106 15.0496C0.0497889 15.1713 0.000706026 15.3186 0 15.4701V19.4134C0.000706026 19.5649 0.0497889 19.7122 0.140106 19.8339C0.230422 19.9556 0.357259 20.0454 0.502157 20.0901L4.39096 21.2567C4.67981 22.2027 5.07141 23.1142 5.55877 23.9751L3.64356 27.6384C3.5717 27.7736 3.54538 27.9283 3.56852 28.0796C3.59166 28.2309 3.66303 28.3708 3.77202 28.4784L6.56308 31.2667C6.67078 31.3756 6.81075 31.4469 6.96221 31.47C7.11368 31.4931 7.26857 31.4668 7.4039 31.395L11.0124 29.47C11.8661 29.9302 12.7665 30.2978 13.6984 30.5667L14.8662 34.4983C14.9109 34.6431 15.0008 34.7698 15.1226 34.86C15.2444 34.9503 15.3919 34.9993 15.5435 35H19.4907C19.6424 34.9993 19.7898 34.9503 19.9117 34.86C20.0335 34.7698 20.1233 34.6431 20.168 34.4983L21.3358 30.555C22.2598 30.2848 23.1523 29.9172 23.9985 29.4584L27.6303 31.395C27.7657 31.4668 27.9206 31.4931 28.072 31.47C28.2235 31.4469 28.3635 31.3756 28.4712 31.2667L31.2622 28.4784C31.3712 28.3708 31.4426 28.2309 31.4657 28.0796C31.4889 27.9283 31.4625 27.7736 31.3907 27.6384L29.4521 24.0217C29.9162 23.1732 30.2881 22.2776 30.5615 21.3501L34.497 20.1834C34.6419 20.1387 34.7688 20.049 34.8591 19.9273C34.9494 19.8056 34.9985 19.6582 34.9992 19.5067V15.5284C35.0061 15.3834 34.9684 15.2397 34.8911 15.1166C34.8139 14.9936 34.7008 14.8971 34.5671 14.8401V14.8401ZM17.5522 23.9167C16.2818 23.9167 15.04 23.5404 13.9838 22.8353C12.9275 22.1303 12.1043 21.1281 11.6181 19.9556C11.132 18.7831 11.0048 17.493 11.2526 16.2483C11.5005 15.0036 12.1122 13.8602 13.0104 12.9628C13.9087 12.0655 15.0532 11.4543 16.2991 11.2068C17.545 10.9592 18.8365 11.0862 20.0101 11.5719C21.1837 12.0576 22.1869 12.88 22.8926 13.9352C23.5984 14.9904 23.9751 16.231 23.9751 17.5001C23.9751 19.2019 23.2984 20.834 22.0939 22.0373C20.8893 23.2407 19.2556 23.9167 17.5522 23.9167V23.9167Z"
fill="white"/>
</svg>
</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- Header End -->
<!-- Toolbar Start -->
<div class="toolbar">
<nav>
<ul class="list-inline loading">
<li class="toolbar-item">
<button class="btn-svg no-focus" type="button" data-action="home">
<svg fill="none" height="18" viewBox="0 0 20 18" width="20"
xmlns="http://www.w3.org/2000/svg">
<path d="M19.5861 8.85253L10.499 0.197127C10.4336 0.134638 10.3559 0.085062 10.2703 0.0512365C10.1847 0.017411 10.093 0 10.0004 0C9.90779 0 9.81608 0.017411 9.73053 0.0512365C9.64497 0.085062 9.56726 0.134638 9.50183 0.197127L0.414754 8.85253C0.150017 9.10487 0 9.44764 0 9.80513C0 10.5474 0.633161 11.151 1.41193 11.151H2.36939V17.3271C2.36939 17.6993 2.68487 18 3.07535 18H8.58849V13.2896H11.0594V18H16.9255C17.316 18 17.6314 17.6993 17.6314 17.3271V11.151H18.5889C18.9639 11.151 19.3235 11.0101 19.5883 10.7556C20.1376 10.2299 20.1376 9.37824 19.5861 8.85253Z"
fill="#364F6B"/>
</svg>
<span class="btn-text">
Home
</span>
</button>
</li>
<li class="toolbar-item">
<button class="btn-svg" type="button" data-action="back">
<svg class="svg-icon" fill="none" height="20" viewBox="0 0 13 20" width="13"
xmlns="http://www.w3.org/2000/svg">
<path d="M10.5603 0.356966L0.515921 8.88871C0.354104 9.02623 0.224213 9.19682 0.135161 9.38878C0.0461077 9.58074 0 9.78952 0 10.0008C0 10.2121 0.0461077 10.4209 0.135161 10.6128C0.224213 10.8048 0.354104 10.9754 0.515921 11.1129L10.5603 19.6446C11.5191 20.4589 13 19.7838 13 18.5325V1.46662C13 0.215361 11.5191 -0.459708 10.5603 0.356966Z"
fill="#364F6B"/>
</svg>
<span class="btn-text">
Back
</span>
</button>
</li>
<li class="toolbar-item">
<button class="btn-svg btn-icon-reset no-focus" type="button" data-action="forward">
<svg class="svg-icon" fill="none" height="20" viewBox="0 0 13 20" width="13"
xmlns="http://www.w3.org/2000/svg">
<path d="M2.43967 0.356966L12.4841 8.88871C12.6459 9.02623 12.7758 9.19682 12.8648 9.38878C12.9539 9.58074 13 9.78952 13 10.0008C13 10.2121 12.9539 10.4209 12.8648 10.6128C12.7758 10.8048 12.6459 10.9754 12.4841 11.1129L2.43967 19.6446C1.48092 20.4589 -5.3295e-07 19.7838 -5.3295e-07 18.5325V1.46662C-5.3295e-07 0.215361 1.48092 -0.459708 2.43967 0.356966Z"
fill="#364F6B"/>
</svg>
<span class="btn-text">
Forward
</span>
</button>
</li>
<li class="toolbar-item">
<button class="btn-svg btn-icon-reset no-focus files-select" type="button">
<svg class="svg-icon" fill="none" height="27" viewBox="0 0 27 27" width="27"
xmlns="http://www.w3.org/2000/svg">
<path d="M21.75 6V21.75H6V6H21.75ZM21.75 3.75H6C4.7625 3.75 3.75 4.7625 3.75 6V21.75C3.75 22.9875 4.7625 24 6 24H21.75C22.9875 24 24 22.9875 24 21.75V6C24 4.7625 22.9875 3.75 21.75 3.75Z"
fill="#364F6B"/>
<path d="M11.7902 16.6924L8.58982 13.6605L7.5 14.6857L11.7902 18.75L21 10.0252L19.9179 9L11.7902 16.6924Z"
fill="#364F6B"/>
</svg>
<span class="btn-text">
Select All
</span>
</button>
</li>
<li class="toolbar-item">
<button class="btn-svg btn-icon-reset no-focus files-unselect" type="button">
<svg class="svg-icon" fill="none" height="20" viewBox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<path d="M17.7778 2.22222V17.7778H2.22222V2.22222H17.7778ZM17.7778 0H2.22222C1 0 0 1 0 2.22222V17.7778C0 19 1 20 2.22222 20H17.7778C19 20 20 19 20 17.7778V2.22222C20 1 19 0 17.7778 0Z"
fill="#364F6B"/>
</svg>
<span class="btn-text">
Unselect All
</span>
</button>
</li>
</ul>
</nav>
</div>
<!-- Toolbar End -->
<!-- Table Start -->
<div class="table-section">
<div class="loader"></div>
<table class="files-table">
<thead>
<tr>
<th>
<label class="checkbox">
<input class="files-select-all" type="checkbox">
<span class="checkbox-text"></span>
</label>
</th>
<th>name</th>
<th>size</th>
<th>modified time</th>
<th>permissions</th>
</tr>
</thead>
<tbody>
<tr class="file-item" data-type="dir">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="13" viewBox="0 0 17 13"
width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<span class="file-name">users</span>
</td>
<td>7 KB</td>
<td>2020-05-28 14:56:35</td>
<td>dr---wxrwx</td>
</tr>
<tr class="file-item" data-type="dir">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="13" viewBox="0 0 17 13"
width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<span class="file-name">storage</span>
</td>
<td>11 KB</td>
<td>2020-05-29 13:15:08</td>
<td>drwxr-xr-x</td>
</tr>
<tr class="file-item" data-type="dir">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="13" viewBox="0 0 17 13"
width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<span class="file-name">http</span>
</td>
<td>6 KB</td>
<td>2020-06-03 02:14:18</td>
<td>drw---xrw</td>
</tr>
<tr class="file-item" data-type="dir">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="13" viewBox="0 0 17 13"
width="17">
<path d="M17 3.33337V12C17 12.5523 16.5523 13 16 13H1C0.447715 13 0 12.5523 0 12V2.33337V1C0 0.447715 0.447715 0 1 0H6.54006C6.83199 0 7.10934 0.127565 7.29932 0.349215L9 2.33337H16C16.5523 2.33337 17 2.78109 17 3.33337Z"
fill="#58595B"/>
</svg>
<span class="file-name">cmd</span>
</td>
<td>3 KB</td>
<td>2020-04-05 16:14:03</td>
<td>drw--wxrwx</td>
</tr>
<tr class="file-item" data-type="file">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="file-name">index.php</span>
</td>
<td>15 KB</td>
<td>2020-05-29 17:33:01</td>
<td>-r-----rwx</td>
</tr>
<tr class="file-item" data-type="file">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="file-name">main.sh</span>
</td>
<td>23 KB</td>
<td>2020-05-29 01:00:43</td>
<td>-rwxr--rwx</td>
</tr>
<tr class="file-item" data-type="file">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="file-name">LICENSE</span>
</td>
<td>4 KB</td>
<td>2020-06-02 14:22:17</td>
<td>-r--r--rwx</td>
</tr>
<tr class="file-item" data-type="file">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="file-name">.gitignore</span>
</td>
<td>1 KB</td>
<td>2020-04-25 20:23:57</td>
<td>-rwxrw-rwx</td>
</tr>
<tr class="file-item" data-type="file">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="file-name">package.json</span>
</td>
<td>6 KB</td>
<td>2020-06-23 20:02:27</td>
<td>-rwxr--rwx</td>
</tr>
<tr class="file-item" data-type="file">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="file-name">package-lock.json</span>
</td>
<td>15 KB</td>
<td>2020-06-23 20:02:27</td>
<td>-rwxr--rwx</td>
</tr>
<tr class="file-item" data-type="file">
<td>
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<svg class="svg-icon" fill="none" height="17" viewBox="0 0 15 17" width="15"
xmlns="http://www.w3.org/2000/svg">
<path d="M9.29674 1H2C1.44772 1 1 1.44771 1 2V14.8571C1 15.4094 1.44772 15.8571 2 15.8571H13C13.5523 15.8571 14 15.4094 14 14.8571V5.17422C14 4.8823 13.8724 4.60495 13.6508 4.41496L9.94753 1.24074C9.76629 1.08539 9.53545 1 9.29674 1Z"
stroke="#58595B"/>
<path d="M9.66656 4.3333V1.61902H11.1696L13.619 3.78653V5.3333H10.6666C10.1143 5.3333 9.66656 4.88559 9.66656 4.3333Z"
fill="#58595B"/>
</svg>
<span class="file-name">README.md</span>
</td>
<td>28 KB</td>
<td>2020-06-03 02:53:21</td>
<td>-r-----rwx</td>
</tr>
</tbody>
</table>
</div>
<!-- Table End -->
<!-- Footer Start -->
<footer class="footer loading">
<div class="left-buttons float-lt">
<button class="btn-big-svg btn-icon-reset" data-action="refresh" type="button">
<svg fill="none" height="42" viewBox="0 0 60 42" width="60" xmlns="http://www.w3.org/2000/svg">
<path d="M24 17.9998H15.303L15.306 17.9728C15.6977 16.0546 16.4644 14.2327 17.562 12.6116C19.1954 10.205 21.4864 8.31897 24.162 7.17845C25.068 6.79444 26.013 6.50043 26.976 6.30542C28.9737 5.90039 31.0323 5.90039 33.03 6.30542C35.9009 6.89372 38.5353 8.31372 40.605 10.3885L44.853 6.15242C42.9384 4.23727 40.6733 2.70843 38.181 1.64928C36.91 1.11115 35.5884 0.701107 34.236 0.425239C31.4455 -0.141746 28.5695 -0.141746 25.779 0.425239C24.4256 0.70225 23.103 1.11329 21.831 1.65228C18.0826 3.24263 14.8738 5.88268 12.591 9.25451C11.0547 11.5281 9.98029 14.0816 9.429 16.7697C9.345 17.1748 9.3 17.5888 9.24 17.9998H0L12 30.0002L24 17.9998ZM36 24H44.697L44.694 24.024C43.9102 27.8694 41.6437 31.2515 38.385 33.4383C36.7644 34.5368 34.9424 35.3036 33.024 35.6943C31.0273 36.0994 28.9697 36.0994 26.973 35.6943C25.0549 35.3026 23.233 34.5359 21.612 33.4383C20.8159 32.8997 20.0725 32.287 19.392 31.6082L15.15 35.8503C17.0655 37.765 19.3318 39.2928 21.825 40.3505C23.097 40.8905 24.426 41.3015 25.77 41.5745C28.5594 42.1418 31.4346 42.1418 34.224 41.5745C39.6016 40.4584 44.3318 37.2886 47.409 32.7392C48.9438 30.4673 50.0172 27.9159 50.568 25.23C50.649 24.825 50.697 24.411 50.757 24H60L48 11.9996L36 24Z"
fill="white"/>
</svg>
<span class="btn-text">
Refresh
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="add-file" data-modal="#addFileModal"
type="button">
<svg fill="none" height="42" viewBox="0 0 34 42" width="34" xmlns="http://www.w3.org/2000/svg">
<path d="M33.4475 11.1932L24.0125 0.693365C23.8138 0.475825 23.5713 0.301784 23.3005 0.182435C23.0296 0.0630859 22.7365 0.00107057 22.44 0.000377943H5.44C4.73397 -0.0079444 4.03319 0.121252 3.37769 0.380589C2.72219 0.639927 2.1248 1.02433 1.61964 1.51183C1.11448 1.99934 0.711438 2.58041 0.433538 3.22186C0.155639 3.86331 0.0083223 4.55257 0 5.25028V36.7497C0.0083223 37.4474 0.155639 38.1367 0.433538 38.7781C0.711438 39.4196 1.11448 40.0007 1.61964 40.4882C2.1248 40.9757 2.72219 41.3601 3.37769 41.6194C4.03319 41.8787 4.73397 42.0079 5.44 41.9996H28.56C29.266 42.0079 29.9668 41.8787 30.6223 41.6194C31.2778 41.3601 31.8752 40.9757 32.3804 40.4882C32.8855 40.0007 33.2886 39.4196 33.5665 38.7781C33.8444 38.1367 33.9917 37.4474 34 36.7497V12.6002C33.9986 12.0797 33.8017 11.5783 33.4475 11.1932V11.1932ZM21.25 27.2999H19.125V29.3998C19.125 29.9568 18.9011 30.4909 18.5026 30.8847C18.1041 31.2786 17.5636 31.4998 17 31.4998C16.4364 31.4998 15.8959 31.2786 15.4974 30.8847C15.0989 30.4909 14.875 29.9568 14.875 29.3998V27.2999H12.75C12.1864 27.2999 11.6459 27.0786 11.2474 26.6848C10.8489 26.291 10.625 25.7569 10.625 25.1999C10.625 24.643 10.8489 24.1088 11.2474 23.715C11.6459 23.3212 12.1864 23.1 12.75 23.1H14.875V21C14.875 20.4431 15.0989 19.9089 15.4974 19.5151C15.8959 19.1213 16.4364 18.9 17 18.9C17.5636 18.9 18.1041 19.1213 18.5026 19.5151C18.9011 19.9089 19.125 20.4431 19.125 21V23.1H21.25C21.8136 23.1 22.3541 23.3212 22.7526 23.715C23.1511 24.1088 23.375 24.643 23.375 25.1999C23.375 25.7569 23.1511 26.291 22.7526 26.6848C22.3541 27.0786 21.8136 27.2999 21.25 27.2999ZM22.7588 12.6002C22.3207 12.5575 21.9171 12.3466 21.6349 12.0127C21.3527 11.6788 21.2144 11.2488 21.25 10.8152V4.2003L29.1975 12.6002H22.7588Z"
fill="white"/>
</svg>
<span class="btn-text">
add file
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="add-folder" data-modal="#addFolderModal"
type="button">
<svg fill="none" height="42" viewBox="0 0 51 42" width="51" xmlns="http://www.w3.org/2000/svg">
<path d="M48.96 7.32439H26.0737L18.5959 0.140853C18.5007 0.0513972 18.3756 0.00112233 18.2453 0H2.04C0.911625 0 0 0.915549 0 2.04878V39.9512C0 41.0845 0.911625 42 2.04 42H48.96C50.0884 42 51 41.0845 51 39.9512V9.37317C51 8.23994 50.0884 7.32439 48.96 7.32439ZM33.15 25.1616C33.15 25.4049 32.9332 25.6098 32.6719 25.6098H27.285V31.0454C27.285 31.2951 27.081 31.5 26.8387 31.5H24.1612C23.919 31.5 23.715 31.2951 23.715 31.0454V25.6098H18.3281C18.0667 25.6098 17.85 25.4049 17.85 25.1616V22.4726C17.85 22.2293 18.0667 22.0244 18.3281 22.0244H23.715V16.5887C23.715 16.339 23.919 16.1341 24.1612 16.1341H26.8387C27.081 16.1341 27.285 16.339 27.285 16.5887V22.0244H32.6719C32.9332 22.0244 33.15 22.2293 33.15 22.4726V25.1616Z"
fill="white"/>
</svg>
<span class="btn-text">
add folder
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="upload" data-modal="#uploadModal" type="button">
<svg fill="none" height="42" viewBox="0 0 54 42" width="54" xmlns="http://www.w3.org/2000/svg">
<path d="M26.6205 17.8381C26.6656 17.781 26.7232 17.7349 26.789 17.7031C26.8548 17.6714 26.927 17.6549 27.0002 17.6549C27.0734 17.6549 27.1456 17.6714 27.2114 17.7031C27.2771 17.7349 27.3348 17.781 27.3799 17.8381L34.1299 26.2918C34.1855 26.3621 34.22 26.4465 34.2295 26.5354C34.239 26.6242 34.223 26.7139 34.1834 26.7942C34.1438 26.8745 34.0821 26.9421 34.0055 26.9893C33.9289 27.0366 33.8404 27.0615 33.7502 27.0614H29.2964L29.2964 41.5227C29.2964 41.7852 29.0794 42 28.8142 42L25.1982 42C24.933 42 24.716 41.7852 24.716 41.5227L24.716 27.0673H20.2502C19.8464 27.0673 19.6234 26.6079 19.8705 26.2977L26.6205 17.8381Z"
fill="white"/>
<path d="M8.9558 12.3315C11.7161 5.12471 18.7493 -7.26548e-07 26.9879 0C35.2266 7.26548e-07 42.2598 5.11875 45.0201 12.3256C50.185 13.6679 54 18.3273 54 23.8636C54 30.456 48.606 35.7954 41.9525 35.7954H39.5357C39.2705 35.7954 39.0536 35.5807 39.0536 35.3182L39.0536 31.7386C39.0536 31.4761 39.2705 31.2614 39.5357 31.2614H41.9525C43.9835 31.2614 45.894 30.4619 47.3163 29.0122C48.7326 27.5685 49.4859 25.6236 49.4196 23.6071C49.3654 22.0321 48.823 20.5526 47.8406 19.3057C46.8342 18.0349 45.4239 17.1102 43.8569 16.6986L41.5728 16.108L40.735 13.9244C40.2167 12.5642 39.4935 11.2935 38.5835 10.142C37.6851 9.00081 36.6208 7.9976 35.4254 7.16506C32.9484 5.44091 30.0315 4.52812 26.9879 4.52812C23.9444 4.52812 21.0275 5.44091 18.5504 7.16506C17.3511 8.00028 16.2904 9.00255 15.3924 10.142C14.4824 11.2935 13.7592 12.5702 13.2408 13.9244L12.4092 16.102L10.131 16.6986C6.86451 17.5696 4.58036 20.5108 4.58036 23.8636C4.58036 25.8383 5.35781 27.6997 6.76808 29.0957C7.45969 29.7844 8.28243 30.3303 9.18865 30.7021C10.0949 31.0738 11.0666 31.2639 12.0475 31.2614H14.4643C14.7295 31.2614 14.9464 31.4761 14.9464 31.7386L14.9464 35.3182C14.9464 35.5807 14.7295 35.7954 14.4643 35.7954H12.0475C5.39397 35.7954 -5.71318e-07 30.456 0 23.8636C4.79287e-07 18.3332 3.8029 13.6798 8.9558 12.3315Z"
fill="white"/>
</svg>
<span class="btn-text">
upload
</span>
</button>
</div>
<div class="separator float-lt"></div>
<div class="right-buttons float-lt">
<button class="btn-big-svg btn-icon-reset" data-action="edit" data-modal="#editorModal" disabled
type="button">
<svg fill="none" height="42" viewBox="0 0 38 42" width="38" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6316 36H4.21053V4H18.9474V14H29.4737V20.2L33.6842 16.2V12L21.0526 0H4.21053C1.89474 0 0 1.8 0 4V36C0 38.2 1.89474 40 4.21053 40H12.6316V36ZM34.1053 22C34.3158 22 34.7368 22.2 34.9474 22.4L37.6842 25C38.1053 25.4 38.1053 26.2 37.6842 26.6L35.5789 28.6L31.1579 24.4L33.2632 22.4C33.4737 22.2 33.6842 22 34.1053 22V22ZM34.1053 29.8L21.2632 42H16.8421V37.8L29.6842 25.6L34.1053 29.8V29.8Z"
fill="white"/>
</svg>
<span class="btn-text">
edit
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="remove" data-modal="#removeFileModal"
disabled type="button">
<svg fill="none" height="42" viewBox="0 0 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd"
d="M22.05 8.77086H36.75C38.1221 8.75104 39.445 9.37168 40.429 10.4969C41.413 11.6221 41.9779 13.1601 42 14.7743V35.9961C41.9779 37.6103 41.413 39.1483 40.429 40.2735C39.445 41.3987 38.1221 42.0194 36.75 41.9995H5.25C3.87788 42.0194 2.55499 41.3987 1.57101 40.2735C0.587019 39.1483 0.0221189 37.6103 0 35.9961V6.00386C0.0221189 4.38972 0.587019 2.85167 1.57101 1.72647C2.55499 0.601281 3.87788 -0.0193568 5.25 0.000460397H14.91C15.2202 0.00287358 15.5261 0.0860967 15.8056 0.244148C16.0852 0.4022 16.3316 0.631155 16.527 0.914558L22.05 8.77086ZM37.701 36.3826C37.7584 36.2465 37.7921 36.0983 37.8 35.9467V14.7743C37.7921 14.6227 37.7584 14.4745 37.701 14.3384C37.6436 14.2024 37.5636 14.0813 37.4657 13.9822C37.3678 13.8832 37.254 13.8083 37.1311 13.7618C37.0082 13.7154 36.8786 13.6984 36.75 13.7119H21C20.6898 13.7095 20.3839 13.6263 20.1044 13.4682C19.8248 13.3102 19.5784 13.0812 19.383 12.7978L13.923 4.94153H5.25C5.12141 4.92804 4.99182 4.94501 4.86889 4.99144C4.74597 5.03786 4.6322 5.11281 4.53432 5.21184C4.43643 5.31088 4.35641 5.43199 4.29899 5.56803C4.24157 5.70406 4.20791 5.85226 4.2 6.00386V35.9467C4.20791 36.0983 4.24157 36.2465 4.29899 36.3826C4.35641 36.5186 4.43643 36.6397 4.53432 36.7387C4.6322 36.8378 4.74597 36.9127 4.86889 36.9591C4.99182 37.0056 5.12141 37.0225 5.25 37.0091H36.75C36.8786 37.0225 37.0082 37.0056 37.1311 36.9591C37.254 36.9127 37.3678 36.8378 37.4657 36.7387C37.5636 36.6397 37.6436 36.5186 37.701 36.3826ZM15.3151 24.1943C15.7089 23.731 16.243 23.4707 16.8 23.4707H25.2C25.757 23.4707 26.2911 23.731 26.6849 24.1943C27.0788 24.6576 27.3 25.286 27.3 25.9412C27.3 26.5964 27.0788 27.2248 26.6849 27.6881C26.2911 28.1515 25.757 28.4117 25.2 28.4117H16.8C16.243 28.4117 15.7089 28.1515 15.3151 27.6881C14.9212 27.2248 14.7 26.5964 14.7 25.9412C14.7 25.286 14.9212 24.6576 15.3151 24.1943Z"
fill="white"
fill-rule="evenodd"/>
</svg>
<span class="btn-text">
remove
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="rename" data-modal="#renameFileModal"
disabled type="button">
<svg fill="none" height="42" viewBox="0 0 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
<path d="M35 32.6667H17.5L22.1667 28H35V32.6667ZM7 32.6667V26.8333L25.3867 8.51667C25.83 8.05 26.5767 8.05 27.0433 8.51667L31.15 12.6233C31.6167 13.09 31.6167 13.8133 31.15 14.28L12.7633 32.6667H7ZM37.3333 0H4.66667C2.07667 0 0 2.07667 0 4.66667V37.3333C0 38.571 0.491665 39.758 1.36683 40.6332C2.242 41.5083 3.42899 42 4.66667 42H37.3333C38.571 42 39.758 41.5083 40.6332 40.6332C41.5083 39.758 42 38.571 42 37.3333V4.66667C42 3.42899 41.5083 2.242 40.6332 1.36683C39.758 0.491665 38.571 0 37.3333 0Z"
fill="white"/>
</svg>
<span class="btn-text">
rename
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="move" data-modal="#moveFileModal" disabled
type="button">
<svg fill="none" height="42" viewBox="0 0 40 42" width="40" xmlns="http://www.w3.org/2000/svg">
<path d="M21.0526 30H29.4737V24L40 33L29.4737 42V36H21.0526V30ZM18.9474 14H30.5263L18.9474 3V14ZM4.21053 0H21.0526L33.6842 12V20.68C32.3579 20.24 30.9474 20 29.4737 20C26.1236 20 22.9107 21.2643 20.5418 23.5147C18.1729 25.7652 16.8421 28.8174 16.8421 32C16.8421 35.08 18.0632 37.88 20.0632 40H4.21053C3.09382 40 2.02286 39.5786 1.23323 38.8284C0.443608 38.0783 0 37.0609 0 36V4C0 2.93913 0.443608 1.92172 1.23323 1.17157C2.02286 0.421427 3.09382 0 4.21053 0Z"
fill="white"/>
</svg>
<span class="btn-text">
move
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="download" disabled type="button">
<svg fill="none" height="42" viewBox="0 0 60 42" width="60" xmlns="http://www.w3.org/2000/svg">
<path d="M50.4 18.2438C50.7844 17.2406 51 16.1438 51 15C51 10.0313 46.9688 6 42 6C40.1531 6 38.4281 6.5625 37.0031 7.51875C34.4063 3.01875 29.5594 0 24 0C15.7125 0 9 6.7125 9 15C9 15.2531 9.00938 15.5063 9.01875 15.7594C3.76875 17.6063 0 22.6125 0 28.5C0 35.9531 6.04688 42 13.5 42H48C54.6281 42 60 36.6281 60 30C60 24.1969 55.875 19.35 50.4 18.2438ZM37.9406 26.5594L28.0594 36.4406C27.4781 37.0219 26.5219 37.0219 25.9406 36.4406L16.0594 26.5594C15.1125 25.6125 15.7875 24 17.1188 24H23.25V13.5C23.25 12.675 23.925 12 24.75 12H29.25C30.075 12 30.75 12.675 30.75 13.5V24H36.8813C38.2125 24 38.8875 25.6125 37.9406 26.5594V26.5594Z"
fill="white"/>
</svg>
<span class="btn-text">
download
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="permissions" data-modal="#permissionsModal"
disabled type="button">
<svg fill="none" height="42" viewBox="0 0 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd"
d="M12.2142 1.47C15.4718 0.6972 18.9293 0 21.0001 0C23.0677 0 26.5283 0.6972 29.7859 1.47C32.6915 2.16937 35.5783 2.93025 38.4437 3.752C40.0929 4.2224 41.3359 5.4964 41.5764 7.0672C43.3661 18.8188 39.2152 27.5268 34.1836 33.2892C32.0394 35.7622 29.4937 37.933 26.6314 39.7292C25.6362 40.3542 24.5841 40.903 23.4862 41.37C22.643 41.7172 21.7434 42 21.0001 42C20.2567 42 19.3572 41.7172 18.5139 41.37C17.4159 40.9034 16.3638 40.3546 15.3688 39.7292C12.5076 37.9327 9.96304 35.7619 7.81975 33.2892C2.78186 27.5268 -1.36589 18.8188 0.423767 7.0672C0.543424 6.3058 0.901155 5.59034 1.45555 5.00364C2.00995 4.41694 2.73835 3.98298 3.55644 3.752C6.42191 2.93027 9.30865 2.16939 12.2142 1.47V1.47ZM22.6086 20.7452C23.6384 20.4074 24.5034 19.7564 25.0529 18.9057C25.6025 18.055 25.8017 17.0584 25.616 16.0896C25.4303 15.1207 24.8713 14.2409 24.0365 13.6035C23.2016 12.9661 22.1439 12.6114 21.0473 12.6012C19.9508 12.591 18.885 12.9259 18.0356 13.5477C17.1862 14.1694 16.607 15.0386 16.3989 16.0038C16.1908 16.969 16.3669 17.9691 16.8967 18.8298C17.4264 19.6906 18.2761 20.3575 19.2979 20.7144C19.232 20.8348 19.1857 20.963 19.1605 21.0952L18.1204 26.6952C18.0832 26.8957 18.0952 27.101 18.1554 27.2969C18.2157 27.4928 18.3228 27.6746 18.4693 27.8297C18.6158 27.9848 18.7983 28.1094 19.0039 28.1949C19.2096 28.2804 19.4335 28.3247 19.6602 28.3248H22.2682C22.4958 28.3249 22.7207 28.2804 22.9271 28.1944C23.1335 28.1084 23.3165 27.983 23.4632 27.827C23.6099 27.6709 23.7167 27.488 23.7763 27.2911C23.8358 27.0941 23.8466 26.8879 23.8079 26.6868L22.7242 21.0868C22.7021 20.969 22.6632 20.8542 22.6086 20.7452V20.7452Z"
fill="white"
fill-rule="evenodd"/>
</svg>
<span class="btn-text">
permissions
</span>
</button>
<button class="btn-big-svg btn-icon-reset" data-action="info" data-modal="#infoFileModal" disabled
type="button">
<svg fill="none" height="42" viewBox="0 0 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
<path d="M21 0C9.40188 0 0 9.40188 0 21C0 32.5981 9.40188 42 21 42C32.5981 42 42 32.5981 42 21C42 9.40188 32.5981 0 21 0V0ZM19.204 9.4409H22.7006V13.16H19.204V9.4409ZM24.9908 32.0129H21.1445C19.6505 32.0129 19.0133 31.3772 19.0133 29.8514V19.9308C19.0133 19.454 18.759 19.2329 18.314 19.2329H17.0425V15.7984H20.8902C22.3856 15.7984 23.02 16.4659 23.02 17.96V27.9109C23.02 28.3588 23.2743 28.6102 23.7193 28.6102H24.9908V32.0129V32.0129Z"
fill="white"/>
</svg>
<span class="btn-text">
info
</span>
</button>
</div>
</footer>
<!-- Footer End -->
</main>
<!-- Main Panel End -->
<!-- Add File Modal Start -->
<div class="modal" id="addFileModal">
<div class="modal-header">
<h3 class="modal-title float-lt">add file</h3>
<button class="close float-rt btn-icon-reset" data-close="modal" type="button">
×
</button>
</div>
<div class="modal-body">
<div class="input-field">
<label for="fileName">Name</label>
<input id="fileName" placeholder="File Name" type="text">
</div>
<div class="alert error show">
<strong>error!</strong>
<span class="text">Cannot add file!</span>
</div>
</div>
<div class="modal-footer text-right">
<button class="btn-secondary" id="addFileBtn" type="button">
add
</button>
<button class="btn-outline" data-close="modal" type="button">
cancel
</button>
</div>
</div>
<!-- Add File Modal End -->
<!-- Add Folder Modal Start -->
<div class="modal" id="addFolderModal">
<div class="modal-header">
<h3 class="modal-title float-lt">add folder</h3>
<button class="close float-rt btn-icon-reset" data-close="modal" type="button">
×
</button>
</div>
<div class="modal-body">
<div class="input-field">
<label for="folderName">Name</label>
<input id="folderName" placeholder="Folder Name" type="text">
</div>
<div class="alert error">
<strong>error!</strong>
<span class="text"></span>
</div>
</div>
<div class="modal-footer text-right">
<button class="btn-secondary" id="addFolderBtn" type="button">
add
</button>
<button class="btn-outline" data-close="modal" type="button">
cancel
</button>
</div>
</div>
<!-- Add Folder Modal End -->
<!-- Upload Modal Start -->
<div class="modal upload-modal" id="uploadModal">
<div class="modal-header">
<h3 class="modal-title float-lt">uploading files</h3>
<button class="close float-rt btn-icon-reset" data-close="modal" type="button">
×
</button>
</div>
<div class="modal-body">
<form id="uploadFilesForm">
<div class="input-field">
<label>
uploading files to :
<span class="uploading-folder badge">/</span>
</label>
<label class="btn-upload text-center" for="uploadFilesBtn">
Select your files
<input id="uploadFilesBtn" name="files" multiple type="file">
</label>
</div>
</form>
<ul class="files-to-upload">
<li class="file-item" data-name="mamak.zip">
<h3 class="name float-lt">mamak.zip</h3>
<span class="size">55 KB</span>
<button class="remove-upload-file btn-icon-reset" type="button">
×
</button>
<div class="start-upload">
<em class="upload-state">Uploading ...</em>
<span class="percentage">15%</span>
<div class="progress">
<div class="progress-bar" style="width: 25%;">
</div>
</div>
</div>
<div class="file-error">
<strong>error!</strong>
<span class="text">error file</span>
</div>
</li>
<li class="file-item" data-name="file1.zip">
<h3 class="name float-lt">file1.zip</h3>
<span class="size">2.5 MB</span>
<button class="remove-upload-file btn-icon-reset" type="button">
×
</button>
<div class="start-upload">
<em class="upload-state">Uploading ...</em>
<span class="percentage">75%</span>
<div class="progress">
<div class="progress-bar" style="width: 75%;">
</div>
</div>
</div>
<div class="file-error">
<strong>error!</strong>
<span class="text">error file</span>
</div>
</li>
</ul>
<div class="alert error">
<strong>error!</strong>
<span class="text"></span>
</div>
</div>
<div class="modal-footer text-right">
<button class="btn-secondary" id="uploadBtn" type="button">
upload
</button>
<button class="btn-outline" data-close="modal" type="button">
cancel
</button>
</div>
</div>
<!-- Upload Modal End -->
<!-- Remove File Modal Start -->
<div class="modal remove-file-modal" id="removeFileModal">
<div class="modal-header">
<h3 class="modal-title float-lt">remove file</h3>
<button class="close float-rt btn-icon-reset" data-close="modal" type="button">
×
</button>
</div>
<div class="modal-body">
<h3 class="w-medium">are you sure to remove <span class="filename badge"></span> ?</h3>
<div class="alert error">
<strong>error!</strong>
<span class="text"></span>
</div>
</div>
<div class="modal-footer text-right">
<button class="btn-secondary" id="removeFileBtn" type="button">
Yes
</button>
<button class="btn-outline close-modal" data-close="modal" type="button">
No
</button>
</div>
</div>
<!-- Remove File Modal End -->
<!-- Rename File Modal Start -->
<div class="modal rename-file-modal" id="renameFileModal">
<div class="modal-header">
<h3 class="modal-title float-lt">rename file</h3>
<button class="close float-rt btn-icon-reset" data-close="modal" type="button">
×
</button>
</div>
<div class="modal-body">
<div class="input-field">
<label for="newFileName">New Name for<span class="name-for badge"></span></label>
<input id="newFileName" placeholder="New Name" type="text">
</div>
<div class="alert error">
<strong>error!</strong>
<span class="text"></span>
</div>
</div>
<div class="modal-footer text-right">
<button class="btn-secondary" id="renameFileBtn" type="button">
rename
</button>
<button class="btn-outline" data-close="modal" type="button">
cancel
</button>
</div>
</div>
<!-- Rename File Modal End -->
<!-- Permissions Modal Start -->
<div class="modal permissions-modal" id="permissionsModal">
<div class="modal-header">
<h3 class="modal-title float-lt">File Permissions</h3>
<button class="close float-rt btn-icon-reset" data-close="modal" type="button">
×
</button>
</div>
<div class="modal-body">
<h4 class="w-normal">
Change permissions for <span class="filename badge"></span>
</h4>
<table class="perm-table">
<thead>
<tr>
<th>permissions</th>
<th>read</th>
<th>write</th>
<th>execute</th>
</tr>
</thead>
<tbody>
<tr>
<td>owner</td>
<td>
<label class="checkbox" data-action="read" data-group="owner">
<input type="checkbox" checked>
<span class="checkbox-text"></span>
</label>
</td>
<td>
<label class="checkbox" data-action="write" data-group="owner">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>
</td>
<td>
<label class="checkbox" data-action="execute" data-group="owner">
<input type="checkbox">
<span class="checkbox-text"></span>
</label>