ayanova/src/components/wiki-control.vue

@@ -1,8 +1,5 @@
 <template>
   <div>
-    <!-- <span class="v-label v-label--active theme--light">
-      Wiki
-    </span> -->
     <template v-if="readOnly">
       <div>
         <v-btn depressed tile @click="switchView()">
@@ -11,10 +8,27 @@
       </div>
     </template>
     <template v-else>
-      <div>
-        <v-btn depressed tile @click="switchView()">
-          Wiki<v-icon right>{{ switchViewIcon() }}</v-icon></v-btn
-        >
+      <span class="v-label v-label--active theme--light">
+        Wiki
+      </span>
+      <div class="mt-2">
+        <v-btn-toggle v-model="currentView">
+          <v-btn color="white" value="0">
+            <v-icon>fa-eye-slash</v-icon>
+          </v-btn>
+
+          <v-btn color="white" value="2">
+            <v-icon>fa-eye</v-icon>
+          </v-btn>
+
+          <v-btn color="white" value="1">
+            <v-icon>fa-columns</v-icon>
+          </v-btn>
+
+          <v-btn color="white" value="3">
+            <v-icon>fa-edit</v-icon>
+          </v-btn>
+        </v-btn-toggle>
       </div>
     </template>
 
@@ -66,9 +80,10 @@ const WIKI_VIEW = 2;
 const DESIGN_VIEW = 3;
 
 export default {
+  created() {},
   data() {
     return {
-      currentView: HIDDEN_VIEW
+      currentView: 0
     };
   },
   props: {