From 0873f5b8e46aeef9bdaea7c5d7912064dca1f7c1 Mon Sep 17 00:00:00 2001
From: Chad Derya <scd@onlinefuels.com>
Date: Tue, 3 Sep 2019 08:57:57 +0100
Subject: [PATCH] got a radio button changes on click

---
 .../components/Settings/Dropdown/Platform.vue | 49 -------------------
 .../components/Settings/Dropdown/index.js     |  1 -
 src/layout/components/Settings/index.vue      | 12 +----
 src/views/dashboard/admin/index.vue           | 12 ++++-
 4 files changed, 13 insertions(+), 61 deletions(-)
 delete mode 100644 src/layout/components/Settings/Dropdown/Platform.vue
 delete mode 100644 src/layout/components/Settings/Dropdown/index.js

diff --git a/src/layout/components/Settings/Dropdown/Platform.vue b/src/layout/components/Settings/Dropdown/Platform.vue
deleted file mode 100644
index 378c6992..00000000
--- a/src/layout/components/Settings/Dropdown/Platform.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <el-dropdown :show-timeout="100" trigger="click">
-    <el-button plain>
-      {{ platform_selection === 'DE' ? 'Platform: DE' : 'Platform: UK' }}
-      <i class="el-icon-caret-bottom el-icon--right" />
-    </el-button>
-    <el-dropdown-menu slot="dropdown" class="no-padding dropdown-menu">
-      <el-dropdown-item>
-        <el-radio-group v-model="platform_selection" style="padding: 10px;">
-          <el-radio :value="DE">
-            DE
-          </el-radio>
-          <el-radio :value="UK">
-            UK
-          </el-radio>
-        </el-radio-group>
-      </el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-</template>
-
-<script>
-export default {
-  props: {
-    value: {
-      type: String,
-      default: 'DE'
-    }
-  },
-  computed: {
-    platform_selection: {
-      get() {
-        console.log(this.value)
-        return this.value
-      },
-      set(val) {
-        console.log(this.value)
-        this.$emit('input', val)
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  .dropdown-menu {
-    z-index: 40000 !important;
-  }
-</style>
diff --git a/src/layout/components/Settings/Dropdown/index.js b/src/layout/components/Settings/Dropdown/index.js
deleted file mode 100644
index d3d89a31..00000000
--- a/src/layout/components/Settings/Dropdown/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as PlatformDropdown } from './Platform'
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 7c3c4b1e..486e0566 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -23,24 +23,18 @@
         <el-switch v-model="sidebarLogo" class="drawer-switch" />
       </div>
 
-      <div class="drawer-item">
-        <span>Select Platform</span>
-        <PlatformDropdown v-model="postForm.platform_selection" />
-      </div>
-
     </div>
   </div>
 </template>
 
 <script>
 import ThemePicker from '@/components/ThemePicker'
-import { PlatformDropdown } from './Dropdown'
 const defaultForm = {
   platform_selection: 'DE'
 }
 
 export default {
-  components: { ThemePicker, PlatformDropdown },
+  components: { ThemePicker },
   data() {
     return {
       postForm: Object.assign({}, defaultForm)
@@ -87,10 +81,8 @@ export default {
         key: 'theme',
         value: val
       })
-    },
-    selectPlatform(val) {
-      console.log(val)
     }
+
   }
 }
 </script>
diff --git a/src/views/dashboard/admin/index.vue b/src/views/dashboard/admin/index.vue
index 8cb557be..aa2c8bfe 100644
--- a/src/views/dashboard/admin/index.vue
+++ b/src/views/dashboard/admin/index.vue
@@ -2,6 +2,15 @@
   <div class="dashboard-editor-container">
     <github-corner class="github-corner" />
 
+    <el-radio v-model="platform" label="DE">
+      DE
+    </el-radio>
+    <el-radio v-model="platform" label="UK">
+      UK
+    </el-radio>
+
+    <h1>{{ platform }}</h1>
+
     <panel-group @handleSetLineChartData="handleSetLineChartData" />
 
     <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
@@ -85,7 +94,8 @@ export default {
   },
   data() {
     return {
-      lineChartData: lineChartData.newVisitis
+      lineChartData: lineChartData.newVisitis,
+      platform: 'UK'
     }
   },
   methods: {