From 0ff574a0544366d3bb8a9e38af0ba052552f8c1f Mon Sep 17 00:00:00 2001
From: Patrick Winfield <patrick.winfield@holo.host>
Date: Tue, 17 Oct 2023 14:25:30 -0600
Subject: [PATCH 1/3] change bandwidth text to data transfer. hide storage
 metrics.

---
 src/components/HAppCardUsage.vue | 14 +++++++-------
 src/locales/en.js                |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/HAppCardUsage.vue b/src/components/HAppCardUsage.vue
index 6e77b68..bfea104 100644
--- a/src/components/HAppCardUsage.vue
+++ b/src/components/HAppCardUsage.vue
@@ -30,16 +30,16 @@ const items = computed(() => {
       unit: t('$.cpu'),
       isDisabled: true
     },
-    {
-      value: presentBytes(props.happ.storage),
-      unit: t('$.storage'),
-      isDisabled: true
-    },
     {
       value: presentBytes(props.happ.usage?.bandwidth),
-      unit: t('$.bandwidth'),
+      unit: t('$.data_transfer'),
       isDisabled: false
-    }
+    },
+    // {
+    //   value: presentBytes(props.happ.storage),
+    //   unit: t('$.storage'),
+    //   isDisabled: true
+    // }
   ]
 })
 </script>
diff --git a/src/locales/en.js b/src/locales/en.js
index 966dbaa..4920321 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -1,7 +1,7 @@
 const translations = {
   $: {
     app_version: '{app} version {version}',
-    bandwidth: 'Bandwidth',
+    data_transfer: 'Data Transfer',
     cancel: 'Cancel',
     confirm: 'Confirm',
     continue: 'Continue',

From b3450a08700fe20b66f4d79ae27ea1a08da20088 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Tue, 28 Nov 2023 12:41:48 -0700
Subject: [PATCH 2/3] wip

---
 src/components/BaseTableHeaderItem.vue        | 14 +++++++++
 .../icons/SmallExInGraySquareIcon.vue         | 30 +++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 src/components/icons/SmallExInGraySquareIcon.vue

diff --git a/src/components/BaseTableHeaderItem.vue b/src/components/BaseTableHeaderItem.vue
index 6c1780f..3154447 100644
--- a/src/components/BaseTableHeaderItem.vue
+++ b/src/components/BaseTableHeaderItem.vue
@@ -12,6 +12,19 @@
     class="header-row-item"
   >
     <div
+      v-if="header.checkBoxFunction"
+      class="header-row-item__content"
+      :class="[header.align ? `header-row-item__content--align-${header.align}` : '']"
+    >
+      <BaseCheckbox
+        id="select-all"
+        :checked="header.checkBoxValue"
+        class="todo_checkbox"
+        @update:checked="header.checkBoxFunction"
+      />
+    </div>
+    <div
+      v-else
       class="header-row-item__content"
       :class="[header.align ? `header-row-item__content--align-${header.align}` : '']"
     >
@@ -36,6 +49,7 @@
 <script setup>
 import { ESortDirections } from '../types/ui'
 import ShortUpArrowIcon from './icons/ShortUpArrowIcon.vue'
+import BaseCheckbox from './BaseCheckbox.vue';
 
 defineProps({
   header: {
diff --git a/src/components/icons/SmallExInGraySquareIcon.vue b/src/components/icons/SmallExInGraySquareIcon.vue
new file mode 100644
index 0000000..8acb19e
--- /dev/null
+++ b/src/components/icons/SmallExInGraySquareIcon.vue
@@ -0,0 +1,30 @@
+
+<template>
+  <Icon class='icon' viewBox="0 0 16 16">
+    <g clip-path="url(#a)">
+    <path fill="#F2F2F2" d="M0 0h16v16H0z"/>
+    <path fill="#606C8B" d="m8 7.06 3.3-3.3.94.94L8.94 8l3.3 3.3-.94.94L8 8.94l-3.3 3.3-.94-.94L7.06 8l-3.3-3.3.94-.94L8 7.06Z"/></g>
+    <defs>
+        <clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath>
+    </defs>
+  </Icon>
+</template>
+
+<script>
+
+import Icon from './Icon.vue'
+
+export default {
+  name: 'SmallQuestionIconIcon',
+  components: {
+    Icon
+  }
+}
+</script>
+
+<style scoped>
+.icon {
+  width: 14px;
+  height: 14px;
+}
+</style>

From edd3532bf59a294b43956e9ce6e1114cb03639b4 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Thu, 30 Nov 2023 16:43:24 -0700
Subject: [PATCH 3/3] Add color prop to icons

---
 src/components/icons/CircledCheckIcon.vue       | 10 ++++++++--
 src/components/icons/CircledExclamationIcon.vue | 12 +++++++++---
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/icons/CircledCheckIcon.vue b/src/components/icons/CircledCheckIcon.vue
index 6fc4501..e68461c 100644
--- a/src/components/icons/CircledCheckIcon.vue
+++ b/src/components/icons/CircledCheckIcon.vue
@@ -1,8 +1,8 @@
 
 <template>
   <Icon class='icon' viewBox="0 0 66 66">
-    <path d="M33 66a33 33 0 100-66 33 33 0 000 66zm0-60.5a27.5 27.5 0 110 55 27.5 27.5 0 010-55z" fill="#735CFE"/>
-    <path d="M28.3 43.2a2.75 2.75 0 001.95.8h.12a2.75 2.75 0 001.99-.99l13.75-16.5a2.75 2.75 0 00-4.22-3.52L30.06 37.17l-6.11-6.12a2.75 2.75 0 10-3.9 3.9l8.25 8.25z" fill="#735CFE"/>
+    <path d="M33 66a33 33 0 100-66 33 33 0 000 66zm0-60.5a27.5 27.5 0 110 55 27.5 27.5 0 010-55z" :fill="color"/>
+    <path d="M28.3 43.2a2.75 2.75 0 001.95.8h.12a2.75 2.75 0 001.99-.99l13.75-16.5a2.75 2.75 0 00-4.22-3.52L30.06 37.17l-6.11-6.12a2.75 2.75 0 10-3.9 3.9l8.25 8.25z" :fill="color"/>
   </Icon>
 </template>
 
@@ -14,6 +14,12 @@ export default {
   name: 'CircledCheckIcon',
   components: {
     Icon
+  },
+  props: {
+    color: {
+      type: String,
+      default: "#735CFE"
+    }
   }
 }
 </script>
diff --git a/src/components/icons/CircledExclamationIcon.vue b/src/components/icons/CircledExclamationIcon.vue
index d9f4751..880294e 100644
--- a/src/components/icons/CircledExclamationIcon.vue
+++ b/src/components/icons/CircledExclamationIcon.vue
@@ -1,7 +1,7 @@
 <template>
-  <Icon class='icon' viewBox="0 0 66 66">
-    <path d="M33 66c18.2 0 33-14.8 33-33S51.2 0 33 0 0 14.8 0 33s14.8 33 33 33Zm0-59.44A26.47 26.47 0 0 1 59.44 33 26.47 26.47 0 0 1 33 59.44 26.47 26.47 0 0 1 6.56 33 26.48 26.48 0 0 1 33 6.56Z" fill="#735CFE"/>
-    <path d="M33 40.04a3.28 3.28 0 0 0 3.28-3.28v-17.5a3.28 3.28 0 0 0-6.56 0v17.5A3.28 3.28 0 0 0 33 40.04ZM33 50.01a3.28 3.28 0 0 0 3.28-3.28v-.54a3.28 3.28 0 0 0-6.56 0v.54A3.28 3.28 0 0 0 33 50.01Z" fill="#735CFE"/>
+  <Icon class='icon' viewBox="0 0 66 66" :fill="color">
+    <path d="M33 66c18.2 0 33-14.8 33-33S51.2 0 33 0 0 14.8 0 33s14.8 33 33 33Zm0-59.44A26.47 26.47 0 0 1 59.44 33 26.47 26.47 0 0 1 33 59.44 26.47 26.47 0 0 1 6.56 33 26.48 26.48 0 0 1 33 6.56Z" :fill="color"/>
+    <path d="M33 40.04a3.28 3.28 0 0 0 3.28-3.28v-17.5a3.28 3.28 0 0 0-6.56 0v17.5A3.28 3.28 0 0 0 33 40.04ZM33 50.01a3.28 3.28 0 0 0 3.28-3.28v-.54a3.28 3.28 0 0 0-6.56 0v.54A3.28 3.28 0 0 0 33 50.01Z" :fill="color"/>
   </Icon>
 </template>
 
@@ -13,6 +13,12 @@ export default {
   name: 'CircledExclamationIcon',
   components: {
     Icon
+  },
+  props: {
+    color: {
+      type: String,
+      default: "#735CFE"
+    }
   }
 }
 </script>