Hugging Face's logo

Spaces:
DMTuit
/
psy_vk2
Sleeping

App Files Community
DmitrMakeev commited on
Commit
93c1609
·
verified ·
1 Parent(s): 64ed340

Update data_gc_tab.html

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