JPLTedCas commited on
Commit
1731e10
·
verified ·
1 Parent(s): 3a35c19

Update index.html

Browse files
Files changed (1) hide show
  1. 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
- <div id="controls">
108
- <label for="category">Status:</label>
109
- <select id="category" onchange="updateMarkers()">
110
- <option value="all">All</option>
111
- <option value="assessment">Assessment</option>
112
- <option value="deployment">In Deployment</option>
113
- <option value="operative">Operative</option>
114
- <option value="paused">Paused</option>
115
- <option value="maintenance">Maintenance</option>
116
- <option value="removed">Removed</option>
117
- </select>
 
 
 
 
 
 
118
  </div>
119
 
 
120
  <div id="map"></div>
121
 
122
- <div class="chart-container">
 
 
 
 
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
+