Remove all unused format and containers

shijiezhou1 · Sep 20, 2020 · 45f4d8f · 45f4d8f
1 parent 96e4167
commit 45f4d8f
Show file tree

Hide file tree

Showing 6 changed files with 54 additions and 155 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -9,39 +9,6 @@
         ></vue-navigation-bar>
       </div>
       <router-view />
-      <!-- <div v-show="jwt !== null">
-      <p>Returned JWT: {{jwt}}</p>
-      <p>
-        <a @click="logOut" href="#">Log Out</a>
-      </p>
-    </div>
-
-    <form class="form-signin" @submit.prevent="login" v-show="jwt == null">
-      <label for="inputUsername">Username</label>
-      &nbsp;
-      <input
-        v-model="username"
-        type="text"
-        id="inputUsername"
-        placeholder="Username"
-        required
-        autofocus
-      />
-      <br />
-      <br />
-      <label for="inputPassword">Password</label>
-      &nbsp;
-      <input
-        v-model="password"
-        type="password"
-        id="inputPassword"
-        placeholder="Password"
-        required
-      />
-      <p>
-        <input type="submit" value="Sign In" />
-      </p>
-    </form> -->
     </div>
     <Footer />
   </v-app>
@@ -71,31 +38,31 @@ export default {
         tooltipAnimationType: 'shift-away',
         menuOptionsRight: [
           {
-              type: 'link',
-              text: 'Projects',
-              subMenuOptions: [
-                  {
-                      type: 'link',
-                      text: 'Expedition',
-                      path: './expedition',
-                      iconLeft: '<i class="fa fa-user fa-fw"></i>'
-                  },
-                  {
-                      type: 'link',
-                      text: 'Collection',
-                      path: './collection',
-                      iconLeft: '<i class="fa fa-star fa-fw"></i>'
-                  },
-                  {
-                      type: 'hr'
-                  },
-                  {
-                      type: 'link',
-                      text: 'Exclusive',
-                      path: './exclusive',
-                      iconLeft: '<i class="fas fa-air-freshener" aria-hidden="true"></i>'
-                  }
-              ]
+            type: 'link',
+            text: 'Projects',
+            subMenuOptions: [
+              {
+                type: 'link',
+                text: 'Expedition',
+                path: './expedition',
+                iconLeft: '<i class="fa fa-user fa-fw"></i>'
+              },
+              {
+                type: 'link',
+                text: 'Collection',
+                path: './collection',
+                iconLeft: '<i class="fa fa-star fa-fw"></i>'
+              },
+              {
+                type: 'hr'
+              },
+              {
+                type: 'link',
+                text: 'Exclusive',
+                path: './exclusive',
+                iconLeft: '<i class="fas fa-air-freshener" aria-hidden="true"></i>'
+              }
+            ]
           },
           {
             type: 'link',
@@ -166,36 +133,35 @@ export default {
     logOut() {
       this.jwt = null;
       this.$toasted.global
-        .appSuccess( {
+        .appSuccess({
           message: "Locally Logged Out!"
-        } )
-        .goAway( 1200 );
+        })
+        .goAway(1200);
     },
 
     login() {
-      if ( this.$socket.disconnected ) {
+      if (this.$socket.disconnected) {
         this.$toasted.global
-          .appError( {
+          .appError({
             message: "You are not connected to the server!"
-          } )
-          .goAway( 1200 );
+          })
+          .goAway(1200);
       } else {
-        this.$socket.emit( "authenticate", {
-          data: JSON.stringify( {
+        this.$socket.emit("authenticate", {
+          data: JSON.stringify({
             username: this.username,
             password: this.password
-          } )
-        } );
+          })
+        });
       }
     },
-    vnbItemClicked( text ) {
-      if ( text === 'About' ) {
-        // alert("'About' was selected.");
+    vnbItemClicked(text) {
+      if (text === 'About') {
       }
     }
   },
   sockets: {
-    auth: function ( response ) {
+    auth: function (response) {
       this.jwt = response.jwt;
     }
   }
@@ -211,7 +177,7 @@ export default {
   width: 100%;
 
   #vue-navigation-bar {
-    margin-left:10px;
+    margin-left: 10px;
 
     div {
       > .vnb__popup__bottom ul li a {
@@ -272,10 +238,10 @@ div .main-navbar-section {
     }
   }
   &__popup {
-    &__top{
-      &__close-button{
-        &__image{
-          max-height: 30px!important;
+    &__top {
+      &__close-button {
+        &__image {
+          max-height: 30px !important;
           width: 30px;
         }
       }

diff --git a/src/components/AboutCard.vue b/src/components/AboutCard.vue
diff --git a/src/utils/components/index.js b/src/utils/components/index.js
@@ -8,3 +8,12 @@ Vue.component('button-counter', {
   },
   template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
 })
+
+
+Vue.component("async-component", (resolve, reject) => {
+  setTimeout(() => {
+    resolve({
+      template: "<div>Async component ...</div>"
+    });
+  }, 1000);
+});
diff --git a/src/views/About.vue b/src/views/About.vue
@@ -12,22 +12,18 @@
             <p>{{ profileDescription }}</p>
             <div class="calendar">Loading the data just for you.</div>
         </div>
-        <!-- <h2>{{title}}</h2> -->
-        <!-- <button @click="reset">Reset</button> -->
-        <!-- <AboutCard v-on:titleChanged="updateTitle" ref="comA"></AboutCard> -->
     </div>
 </template>
 
 <script>
 import BlockQuoteContent from '../components/BlockQuoteContent.vue';
 import GitHubCalendar from 'github-calendar';
-import AboutCard from "../components/AboutCard.vue"
 
 export default {
     props: {
       title: null
     },
-    components: { BlockQuoteContent, AboutCard },
+    components: { BlockQuoteContent },
     data: () => ({
         profileImage: require('@/assets/profile/profile.jpg'),
         profileDescription: `Shijie Zhou studies at University of California, San Diego in the Interdisciplinary Computer in Arts. He is also the member for design and construct web developer at the Worldview project organization. Currently, he is working in Akirix(MMSG department) with software engineer.

diff --git a/src/views/Consociation.vue b/src/views/Consociation.vue
@@ -12,8 +12,6 @@
           :href="item.url"
           target="_blank"
         >
-          <!--          :src="require('@/assets' + item.img)"-->
-          <!--          :lazy-src="require('@/assets' + item.img)"-->
           <v-img
             :src="item.img"
             :lazy-src="item.img"

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -1,37 +1,6 @@
 <template>
-  <!-- <div id="hacker-list">
-        <input class="search" />
-        <span class="sort" data-sort="name">Sort by name</span>
-        <span class="sort" data-sort="city">Sort by city</span>
-
-        <ul class="list">
-            <li>
-                <h3 class="name">Jonny</h3>
-                <p class="city">Stockholm</p>
-            </li>
-            <li>
-                <h3 class="name">Jonas</h3>
-                <p class="city">Berlin</p>
-            </li>
-            <li>
-                <h3 class="name">ABC</h3>
-                <p class="city">Java</p>
-            </li>
-            <li>
-                <h3 class="name">ZED</h3>
-                <p class="city">Java</p>
-            </li>
-            <li>
-                <h3 class="name">Java</h3>
-                <p class="city">abc</p>
-            </li>
-        </ul>
-        <button @click="sort()">sort</button>
-    </div> -->
-
   <div id="home">
     <Prometheus :items="data" />
-    <!-- <BlogContainer :contents="this.mediumData" /> -->
   </div>
 </template>
 
@@ -66,20 +35,6 @@ export default {
       this.fetchConsociation();
     }
   }
-  // mounted() {
-  //     const options = {
-  //         valueNames: ['name', 'city']
-  //     };
-  //     hackerList = new List('hacker-list', options);
-  // },
-  // methods: {
-  //     add() {
-  //         hackerList.add({ name: 'Jonas', city: 'Berlin' });
-  //     },
-  //     sort() {
-  //         hackerList.sort('name', { order: 'asc' });
-  //     }
-  // }
 };
 </script>