Add button to toggle charts visibility

src/www/index.html

@@ -63,6 +63,19 @@
                 </svg>
                 <span class="text-sm">New</span>
               </button>
+
+              <button @click="toggleCharts();"
+                class="hover:bg-red-800 hover:border-red-800 hover:text-white text-gray-700 border-2 border-gray-100 py-2 px-4 rounded inline-flex items-center transition">
+                <svg class="w-4 mr-2" inline xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 455 455">
+                  <path d="M415,102.509c-22.091,0-40,17.909-40,40c0,5.542,1.128,10.821,3.166,15.62l-83.791,83.792
+                    c-4.799-2.038-10.078-3.167-15.621-3.167s-10.822,1.129-15.621,3.167l-50.053-50.053c2.038-4.799,3.166-10.078,3.166-15.621
+                    c0-22.091-17.909-40-40-40c-22.091,0-40,17.909-40,40c0,5.542,1.128,10.821,3.166,15.62l-83.792,83.791
+                    c-4.799-2.038-10.078-3.167-15.621-3.167c-22.091,0-40,17.909-40,40s17.909,40,40,40s40-17.909,40-40
+                    c0-5.542-1.128-10.821-3.166-15.62l83.792-83.791c4.799,2.038,10.078,3.166,15.621,3.166c5.542,0,10.821-1.128,15.62-3.166
+                    l50.054,50.054c-2.038,4.799-3.166,10.078-3.166,15.62c0,22.091,17.909,40,40,40c22.091,0,40-17.909,40-40
+                    c0-5.542-1.128-10.821-3.166-15.62l83.791-83.792c4.799,2.038,10.078,3.166,15.621,3.166c22.091,0,40-17.909,40-40
+                    S437.091,102.509,415,102.509z" />
+                <span class="text-sm">Charts</span>
             </div>
           </div>
 
@@ -72,11 +85,11 @@
               class="relative overflow-hidden border-b border-gray-100 border-solid">
 
               <!-- Chart -->
-              <div class="absolute z-0 bottom-0 left-0 right-0" style="top: 60%;">
+              <div v-if="chartsVisible" class="absolute z-0 bottom-0 left-0 right-0" style="top: 60%;">
                 <apexchart width="100%" height="100%" :options="client.chartOptions" :series="client.transferTxSeries">
                 </apexchart>
               </div>
-              <div class="absolute z-0 top-0 left-0 right-0" style="bottom: 60%;">
+              <div v-if="chartsVisible" class="absolute z-0 top-0 left-0 right-0" style="bottom: 60%;">
                 <apexchart width="100%" height="100%" :options="client.chartOptions" :series="client.transferRxSeries"
                   style="transform: scaleY(-1);">
                 </apexchart>
@@ -481,5 +494,3 @@
   <script src="./js/api.js"></script>
   <script src="./js/app.js"></script>
 </body>
-
-</html>