Update index.html
Browse files- index.html +41 -15
index.html
CHANGED
@@ -34,10 +34,13 @@
|
|
34 |
margin: 20px 0;
|
35 |
}
|
36 |
|
|
|
|
|
|
|
37 |
/* Contenedor principal con grid */
|
38 |
.dashboard {
|
39 |
display: grid;
|
40 |
-
grid-template-columns: 1fr
|
41 |
grid-template-rows: auto auto auto;
|
42 |
gap: 20px;
|
43 |
padding: 20px;
|
@@ -102,31 +105,53 @@
|
|
102 |
<body>
|
103 |
|
104 |
<h1>Matrix - Dashboard</h1>
|
105 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
106 |
<div class="dashboard">
|
107 |
-
|
108 |
-
|
109 |
-
|
110 |
-
|
111 |
-
|
112 |
-
<
|
113 |
-
|
114 |
-
|
115 |
-
|
116 |
-
<
|
117 |
-
</
|
|
|
|
|
|
|
|
|
|
|
|
|
118 |
</div>
|
119 |
|
|
|
120 |
<div id="map"></div>
|
121 |
|
122 |
-
<div class="chart-
|
|
|
|
|
|
|
|
|
123 |
<div class="chart-box">
|
124 |
<canvas id="connectionsChart"></canvas>
|
125 |
</div>
|
126 |
<div class="chart-box">
|
127 |
<canvas id="supportTimeChart"></canvas>
|
128 |
</div>
|
129 |
-
</div>
|
130 |
</div>
|
131 |
|
132 |
<script>
|
@@ -283,3 +308,4 @@
|
|
283 |
</body>
|
284 |
</html>
|
285 |
|
|
|
|
34 |
margin: 20px 0;
|
35 |
}
|
36 |
|
37 |
+
|
38 |
+
/*CAMBIO COLUMNAS*/
|
39 |
+
|
40 |
/* Contenedor principal con grid */
|
41 |
.dashboard {
|
42 |
display: grid;
|
43 |
+
grid-template-columns: 1fr 2fr 1fr;/*1fr;*/
|
44 |
grid-template-rows: auto auto auto;
|
45 |
gap: 20px;
|
46 |
padding: 20px;
|
|
|
105 |
<body>
|
106 |
|
107 |
<h1>Matrix - Dashboard</h1>
|
108 |
+
<div id="controls">
|
109 |
+
<label for="category">Status:</label>
|
110 |
+
<select id="category" onchange="updateMarkers()">
|
111 |
+
<option value="all">All</option>
|
112 |
+
<option value="assessment">Assessment</option>
|
113 |
+
<option value="deployment">In Deployment</option>
|
114 |
+
<option value="operative">Operative</option>
|
115 |
+
<option value="paused">Paused</option>
|
116 |
+
<option value="maintenance">Maintenance</option>
|
117 |
+
<option value="removed">Removed</option>
|
118 |
+
</select>
|
119 |
+
</div>
|
120 |
<div class="dashboard">
|
121 |
+
|
122 |
+
|
123 |
+
<!-- <div class="dashboard">
|
124 |
+
<div id="controls">...</div>
|
125 |
+
<div class="chart-box">
|
126 |
+
<canvas id="connectionsChart"></canvas>
|
127 |
+
</div>
|
128 |
+
<div id="map"></div>
|
129 |
+
<div class="chart-box">
|
130 |
+
<canvas id="supportTimeChart"></canvas>
|
131 |
+
</div>
|
132 |
+
</div> -->
|
133 |
+
|
134 |
+
|
135 |
+
|
136 |
+
<div class="chart-box">
|
137 |
+
<canvas id="connectionsChart"></canvas>
|
138 |
</div>
|
139 |
|
140 |
+
|
141 |
<div id="map"></div>
|
142 |
|
143 |
+
<div class="chart-box">
|
144 |
+
<canvas id="supportTimeChart"></canvas>
|
145 |
+
</div>
|
146 |
+
|
147 |
+
<!-- <div class="chart-container">
|
148 |
<div class="chart-box">
|
149 |
<canvas id="connectionsChart"></canvas>
|
150 |
</div>
|
151 |
<div class="chart-box">
|
152 |
<canvas id="supportTimeChart"></canvas>
|
153 |
</div>
|
154 |
+
</div> -->
|
155 |
</div>
|
156 |
|
157 |
<script>
|
|
|
308 |
</body>
|
309 |
</html>
|
310 |
|
311 |
+
|