Hugging Face's logo

Spaces:
DMTuit
/
psy4
Sleeping

App Files Community
DmitrMakeev commited on
Commit
e9e551b
•
1 Parent(s): b5f4679

Update data_gc_tab.html

Browse files
Files changed (1) hide show
  1. data_gc_tab.html +135 -5
data_gc_tab.html CHANGED
@@ -1,10 +1,140 @@
1
- <!DOCTYPE html>
2
- <html>
3
  <head>
4
- <title>GetCurse - WhatsCRM</title>
5
- <link href="https://unpkg.com/tabulator-tables@4.9.3/dist/css/tabulator.min.css" rel="stylesheet">
6
- <script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.min.js"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  </head>
 
8
  <body>
9
  <div id="header">
10
  <h1>GetCurse - WhatsCRM</h1>
 
 
 
1
  <head>
2
+ <meta charset="UTF-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
4
+ <title>Tabulator Example</title>
5
+ <link href="https://unpkg.com/tabulator-tables@6.2.1/dist/css/tabulator.min.css" rel="stylesheet">
6
+ <script type="text/javascript" src="https://unpkg.com/tabulator-tables@6.2.1/dist/js/tabulator.min.js"></script>
7
+ <script type="text/javascript" src="https://oss.sheetjs.com/sheetjs/xlsx.full.min.js"></script>
8
+
9
+ <style>
10
+ body {
11
+ font-family: Arial, sans-serif;
12
+ text-align: center;
13
+ background-color: #f0f0f0;
14
+ margin: 0;
15
+ padding: 0;
16
+ }
17
+ h1 {
18
+ background-color: #4CAF50;
19
+ color: white;
20
+ padding: 20px;
21
+ margin: 0;
22
+ border-bottom: 2px solid #388E3C;
23
+ font-size: 28px;
24
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
25
+ }
26
+ button[type="submit"] {
27
+ color: white;
28
+ background-color: #4CAF50;
29
+ border: none;
30
+ cursor: pointer;
31
+ padding: 10px 20px;
32
+ font-size: 16px;
33
+ border-radius: 5px;
34
+ margin-top: 20px;
35
+ transition: background-color 0.3s ease;
36
+ }
37
+ button[type="submit"]:hover {
38
+ background-color: #388E3C;
39
+ }
40
+ #mediaContainer {
41
+ margin-top: 20px;
42
+ display: flex;
43
+ justify-content: center;
44
+ align-items: center;
45
+ flex-direction: column;
46
+ max-width: 100%;
47
+ height: auto;
48
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
49
+ border-radius: 10px;
50
+ padding: 20px;
51
+ background-color: white;
52
+ }
53
+ #mediaContainer img, #mediaContainer video {
54
+ max-width: 100%;
55
+ height: auto;
56
+ object-fit: contain;
57
+ border-radius: 10px;
58
+ }
59
+ #imageUrl {
60
+ margin-top: 20px;
61
+ font-size: 16px;
62
+ color: #333;
63
+ cursor: pointer;
64
+ text-decoration: underline;
65
+ transition: color 0.3s ease;
66
+ }
67
+ #imageUrl:hover {
68
+ color: #4CAF50;
69
+ }
70
+ #progressBarContainer {
71
+ width: 80%;
72
+ margin: 20px auto;
73
+ background-color: #ddd;
74
+ border-radius: 13px;
75
+ padding: 3px;
76
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
77
+ }
78
+ #progressBar {
79
+ width: 0%;
80
+ height: 20px;
81
+ background-color: #4CAF50;
82
+ border-radius: 10px;
83
+ text-align: center;
84
+ line-height: 20px;
85
+ color: white;
86
+ transition: width 0.3s ease;
87
+ }
88
+ #filter-field, #filter-type, #filter-value, #filter-clear , #download-json{
89
+ padding: 10px;
90
+ font-size: 16px;
91
+ margin: 5px;
92
+ }
93
+ #filter-value {
94
+ width: 200px;
95
+ }
96
+ #filter-clear {
97
+ padding: 10px 20px;
98
+ }
99
+ #filter-field, #filter-type, #filter-value, #filter-clear, #download-json {
100
+ padding: 10px;
101
+ font-size: 16px;
102
+ margin: 5px;
103
+ border-radius: 5px;
104
+ border: 1px solid #ccc;
105
+ }
106
+ #filter-value {
107
+ width: 200px;
108
+ background-color: #f0f0f0;
109
+ }
110
+ #filter-clear {
111
+ padding: 10px 20px;
112
+ background-color: #4CAF50;
113
+ color: white;
114
+ border: none;
115
+ cursor: pointer;
116
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
117
+ transition: background-color 0.3s ease;
118
+ }
119
+ #filter-clear:hover {
120
+ background-color: #388E3C;
121
+ }
122
+ #download-json {
123
+ padding: 10px 20px;
124
+ background-color: #4CAF50;
125
+ color: white;
126
+ border: none;
127
+ cursor: pointer;
128
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
129
+ transition: background-color 0.3s ease;
130
+ }
131
+ #download-json:hover {
132
+ background-color: #388E3C;
133
+ }
134
+
135
+ </style>
136
  </head>
137
+
138
  <body>
139
  <div id="header">
140
  <h1>GetCurse - WhatsCRM</h1>