From 7eae82d10f2262e68a2e2c0f54c2c983027adf9e Mon Sep 17 00:00:00 2001
From: Matthew Mamonov aka smellyshovel <g.smellyshovel@gmail.com>
Date: Fri, 19 Jul 2019 13:40:58 +0300
Subject: [PATCH] refactor: remove switch component (#602)

---
 .../forms/form-elements/FormElements.vue      |  7 ---
 src/i18n/en.json                              |  2 -
 src/i18n/es.json                              |  2 -
 src/i18n/pt_br.json                           |  2 -
 .../vuestic-components/va-switch/VaSwitch.vue | 62 -------------------
 src/vuestic-theme/vuestic-plugin.js           |  2 -
 6 files changed, 77 deletions(-)
 delete mode 100644 src/vuestic-theme/vuestic-components/va-switch/VaSwitch.vue

diff --git a/src/components/forms/form-elements/FormElements.vue b/src/components/forms/form-elements/FormElements.vue
index 2829fbe05..c4f0193c8 100644
--- a/src/components/forms/form-elements/FormElements.vue
+++ b/src/components/forms/form-elements/FormElements.vue
@@ -237,13 +237,6 @@
                 </fieldset>
               </div>
               <div class="flex mb3">
-                <fieldset>
-                  <va-switch v-model="isMale">
-                    <span
-                      slot="trueTitle">{{ $t('forms.controls.male') }}</span>
-                    <span slot="falseTitle">{{ $t('forms.controls.female') }}</span>
-                  </va-switch>
-                </fieldset>
                 <fieldset>
                   <va-toggle
                     v-model="toggles.selected"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 3a34d8d4f..34e715384 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -196,8 +196,6 @@
   },
   "forms": {
     "controls": {
-      "female": "Female",
-      "male": "Male",
       "title": "Checkboxes, Radios, Switches, Toggles",
       "radioDisabled": "Disabled Radio",
       "radio": "Radio",
diff --git a/src/i18n/es.json b/src/i18n/es.json
index e523f27f1..7097cca2b 100644
--- a/src/i18n/es.json
+++ b/src/i18n/es.json
@@ -74,8 +74,6 @@
   },
   "forms": {
     "controls": {
-      "female": "Mujer",
-      "male": "Hombre",
       "title": "Checkboxes, Radios, Switches",
       "radioDisabled": "Radio Desactivado",
       "radio": "Radio",
diff --git a/src/i18n/pt_br.json b/src/i18n/pt_br.json
index 0d4997201..104d980be 100644
--- a/src/i18n/pt_br.json
+++ b/src/i18n/pt_br.json
@@ -72,8 +72,6 @@
   },
   "forms": {
     "controls": {
-      "female": "Feminino",
-      "male": "Masculino",
       "title": "Checkboxes, Radios, Switches",
       "radioDisabled": "Radio Desabilitado",
       "radio": "Radio",
diff --git a/src/vuestic-theme/vuestic-components/va-switch/VaSwitch.vue b/src/vuestic-theme/vuestic-components/va-switch/VaSwitch.vue
deleted file mode 100644
index eb71666c7..000000000
--- a/src/vuestic-theme/vuestic-components/va-switch/VaSwitch.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <div class="va-switch">
-    <div class="va-switch-option true-option" :class="{'active': value}"
-         @click.prevent="setValue(true)">
-      <slot name="trueTitle"></slot>
-    </div>
-    <div class="va-switch-option false-option" :class="{'active': !value}"
-         @click.prevent="setValue(false)">
-      <slot name="falseTitle"></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'va-switch',
-  props: {
-    value: Boolean,
-  },
-  mounted () {
-    this.$emit('input', this.value)
-  },
-  methods: {
-    setValue (newVal) {
-      this.$emit('input', newVal)
-    },
-  },
-}
-</script>
-
-<style lang="scss">
-$va-switch-bg: $brand-primary;
-$va-switch-padding: 0.313rem 2.375rem;
-$va-switch-border-size: 0.125rem;
-
-.va-switch {
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-
-  .va-switch-option {
-    padding: $va-switch-padding;
-    border-top: $va-switch-border-size solid transparent;
-    border-bottom: $va-switch-border-size solid $va-switch-bg;
-    background-color: transparent;
-    transition: all 0.15s ease;
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    &.active {
-      color: $white;
-      background-color: $va-switch-bg;
-    }
-
-    &:not(.active):hover {
-      color: $brand-primary;
-    }
-  }
-}
-</style>
diff --git a/src/vuestic-theme/vuestic-plugin.js b/src/vuestic-theme/vuestic-plugin.js
index ed1fdafe0..4fcf29ec8 100644
--- a/src/vuestic-theme/vuestic-plugin.js
+++ b/src/vuestic-theme/vuestic-plugin.js
@@ -35,7 +35,6 @@ import VaSeparator from './vuestic-components/va-card/VaSeparator'
 import VaSimpleSelect from './vuestic-components/va-simple-select/VaSimpleSelect.vue'
 import VaSlider from './vuestic-components/va-slider/VaSlider.vue'
 import VaSocialNews from './vuestic-components/va-social-news/VaSocialNews.vue'
-import VaSwitch from './vuestic-components/va-switch/VaSwitch.vue'
 import VaTab from './vuestic-components/va-tabs/VaTab.vue'
 import VaTabs from './vuestic-components/va-tabs/VaTabs.vue'
 import VaTimeline from './vuestic-components/va-timeline/VaTimeline'
@@ -100,7 +99,6 @@ const VuesticPlugin = {
       VaSimpleSelect,
       VaSlider,
       VaSocialNews,
-      VaSwitch,
       VaTab,
       VaTabs,
       VaTimeline,