Changes to deactivate/reactivate products (#89)

static/components/stall-details/stall-details.html

@@ -100,6 +100,16 @@
                   <q-td auto-width>
                     <q-btn size="sm" color="primary" dense @click="editProduct(props.row)" icon="edit" />
                   </q-td>
+                  <q-td auto-width>
+                    <q-toggle
+                      @input="updateProduct({ ...props.row, active: props.row.active })"
+                      size="xs"
+                      checked-icon="check"
+                      v-model="props.row.active"
+                      color="green"
+                      unchecked-icon="clear"
+                    />
+                  </q-td>
 
                   <q-td key="id" :props="props"> {{props.row.id}} </q-td>
                   <q-td key="name" :props="props"> {{shortLabel(props.row.name)}} </q-td>

static/components/stall-details/stall-details.js

@@ -40,6 +40,12 @@ async function stallDetails(path) {
               label: '',
               field: ''
             },
+            {
+              name: 'activate',
+              align: 'left',
+              label: '',
+              field: ''
+            },
 
             {
               name: 'id',