2021-11 customizations for LLEAD

frontend/components/layout/FeatureCard.vue

@@ -1,16 +1,16 @@
 <template>
   <v-card>
-    <v-img
+    <!-- <v-img
       :src="imageSrc"
       height="200px"
-    />
+    /> -->
     <v-card-title primary-title class="layout justify-center">
       <div class="headline text-xs-center font-weight-bold mb-2">
-        {{ title }}
+        <!-- {{ title }} -->
       </div>
     </v-card-title>
     <v-card-text class="subtitle-1 layout justify-center">
-      {{ text }}
+      <!-- {{ text }} -->
     </v-card-text>
   </v-card>
 </template>
@@ -37,4 +37,4 @@ export default Vue.extend({
     }
   }
 })
-</script>
+</script> -->

frontend/components/layout/FeatureCards.vue

@@ -9,11 +9,11 @@
       <v-flex xs12 sm4 class="my-3">
         <div class="text-xs-center">
           <h2 class="headline">
-            {{ $t('home.featuresTitle') }}
+<iframe width="100%" height="100%" src="https://docs.google.com/document/d/e/2PACX-1vQxeNvN5RM4fib7kNLWMZOhK73xHK9j0hMbOxPikcnYP_rgqjxPXPq_zLQW9MtHMn9ptgJa3Fo1pTgG/pub?embedded=true"></iframe>
           </h2>
         </div>
       </v-flex>
-      <v-flex xs12>
+      <!-- <v-flex xs12>
         <v-container grid-list-xl>
           <v-layout wrap align-center>
             <v-flex
@@ -30,40 +30,40 @@
             </v-flex>
           </v-layout>
         </v-container>
-      </v-flex>
+      </v-flex> -->
     </v-layout>
   </v-container>
 </template>
 
-<script lang="ts">
-import Vue from 'vue'
-import FeatureCard from './FeatureCard.vue'
+// <script lang="ts">
+// import Vue from 'vue'
+// import FeatureCard from './FeatureCard.vue'
 
-export default Vue.extend({
-  components: {
-    FeatureCard
-  },
+// export default Vue.extend({
+//   components: {
+//     FeatureCard
+//   },
 
-  data() {
-    return {
-      featureCards: [
-        {
-          imageSrc: 'feature3.png',
-          title: this.$t('home.featuresTitle1'),
-          text: this.$t('home.featuresText1')
-        },
-        {
-          imageSrc: 'feature2.png',
-          title: this.$t('home.featuresTitle2'),
-          text: this.$t('home.featuresText2')
-        },
-        {
-          imageSrc: 'feature1.png',
-          title: this.$t('home.featuresTitle3'),
-          text: this.$t('home.featuresText3')
-        }
-      ]
-    }
-  }
-})
-</script>
+//   data() {
+//     return {
+//       featureCards: [
+//         {
+//           imageSrc: 'feature3.png',
+//           title: this.$t('home.featuresTitle1'),
+//           text: this.$t('home.featuresText1')
+//         },
+//         {
+//           imageSrc: 'feature2.png',
+//           title: this.$t('home.featuresTitle2'),
+//           text: this.$t('home.featuresText2')
+//         },
+//         {
+//           imageSrc: 'feature1.png',
+//           title: this.$t('home.featuresTitle3'),
+//           text: this.$t('home.featuresText3')
+//         }
+//       ]
+//     }
+//   }
+// })
+// </script>

frontend/components/layout/LocaleMenu.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-menu
+  <!-- <v-menu
     open-on-hover
     offset-y
   >
@@ -24,5 +24,5 @@
         {{ locale.name }}
       </nuxt-link>
     </v-list>
-  </v-menu>
+  </v-menu> -->
 </template>

frontend/components/layout/TheBottomBanner.vue

@@ -1,6 +1,6 @@
 <template>
   <section>
-    <v-parallax
+    <!-- <v-parallax
       :src="require(`~/assets/vbanner.jpg`)"
       height="400"
       dark
@@ -58,21 +58,21 @@
         </v-layout>
       </v-container>
     </v-parallax>
-  </section>
+  </section> -->
 </template>
 
-<script lang="ts">
-import Vue from 'vue'
-export default Vue.extend({
-  data() {
-    return {
-      items: [
-        { title: this.$t('home.demoNER'), link: 'named-entity-recognition' },
-        { title: this.$t('home.demoSent'), link: 'sentiment-analysis' },
-        { title: this.$t('home.demoTranslation'), link: 'translation' },
-        { title: this.$t('home.demoTextToSQL'), link: 'text-to-sql' }
-      ]
-    }
-  }
-})
-</script>
+// <script lang="ts">
+// import Vue from 'vue'
+// export default Vue.extend({
+//   data() {
+//     return {
+//       items: [
+//         { title: this.$t('home.demoNER'), link: 'named-entity-recognition' },
+//         { title: this.$t('home.demoSent'), link: 'sentiment-analysis' },
+//         { title: this.$t('home.demoTranslation'), link: 'translation' },
+//         { title: this.$t('home.demoTextToSQL'), link: 'text-to-sql' }
+//       ]
+//     }
+//   }
+// })
+// </script>

frontend/components/layout/TheColorModeSwitcher.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-btn
+  <!-- <v-btn
     icon
     fab
     @click="isDark=!isDark"
@@ -34,4 +34,4 @@ export default Vue.extend({
     this.isDark = dark ? JSON.parse(dark) : false
   }
 })
-</script>
+</script> -->

frontend/components/layout/TheFooter.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-footer
+  <!-- <v-footer
     color="primary lighten-1"
     padless
   >
@@ -18,5 +18,5 @@
         &copy; {{ new Date().getFullYear() }} doccano
       </v-flex>
     </v-layout>
-  </v-footer>
+  </v-footer> -->
 </template>

frontend/components/layout/TheHeader.vue

@@ -15,7 +15,7 @@
       v-if="!isAuthenticated"
       class="ml-2 d-none d-sm-flex"
     >
-      doccano
+      <!-- doccano -->
     </v-toolbar-title>
     <v-btn
       v-if="isAuthenticated && isIndividualProject"
@@ -39,21 +39,21 @@
     >
       {{ $t('header.projects') }}
     </v-btn>
-    <v-menu
+    <!-- <v-menu
       v-if="!isAuthenticated"
       open-on-hover
       offset-y
     >
       <template #activator="{ on }">
-        <v-btn
+        <!-- <v-btn
           text
           v-on="on"
         >
           {{ $t('home.demoDropDown') }}
           <v-icon>mdi-menu-down</v-icon>
-        </v-btn>
+        </v-btn> 
       </template>
-      <v-list>
+       <v-list>
         <v-list-item
           v-for="(item, index) in items"
           :key="index"
@@ -62,7 +62,7 @@
           <v-list-item-title>{{ item.title }}</v-list-item-title>
         </v-list-item>
       </v-list>
-    </v-menu>
+    </v-menu> -->
     <v-btn
       v-if="!isAuthenticated"
       outlined
@@ -113,8 +113,8 @@ import LocaleMenu from './LocaleMenu'
 
 export default {
   components: {
-    TheColorModeSwitcher,
-    LocaleMenu
+    // TheColorModeSwitcher,
+    // LocaleMenu
   },
 
   data() {

frontend/components/layout/TheTopBanner.vue

@@ -1,6 +1,6 @@
 <template>
   <section>
-    <v-parallax
+    <!-- <v-parallax
       :src="require(`~/assets/vbanner.jpg`)"
       height="400"
       dark
@@ -41,6 +41,6 @@
           </div>
         </v-flex>
       </v-layout>
-    </v-parallax>
+    </v-parallax> -->
   </section>
 </template>

frontend/i18n/en/home.js

@@ -1,8 +1,8 @@
 export default {
-  mainTitle: 'Text Annotation for Humans',
-  getStarted: 'Get Started',
-  startAnnotation: 'Start Annotation',
-  featuresTitle: 'The best features',
+  mainTitle: 'LLEAD Document Tagging',
+  getStarted: '<iframe src="https://docs.google.com/document/d/e/2PACX-1vQxeNvN5RM4fib7kNLWMZOhK73xHK9j0hMbOxPikcnYP_rgqjxPXPq_zLQW9MtHMn9ptgJa3Fo1pTgG/pub?embedded=true"></iframe>',
+  startAnnotation: 'Start Tagging',
+  featuresTitle: '<iframe src="https://docs.google.com/document/d/e/2PACX-1vQxeNvN5RM4fib7kNLWMZOhK73xHK9j0hMbOxPikcnYP_rgqjxPXPq_zLQW9MtHMn9ptgJa3Fo1pTgG/pub?embedded=true"></iframe>',
   featuresTitle1: 'Team Collaboration',
   featuresText1: 'Annotation with your team mates',
   featuresTitle2: 'Any Language',

frontend/i18n/en/projects/home.js

@@ -1,7 +1,7 @@
 export default {
   home: 'Home',
-  welcome: 'Welcome to Doccano!',
-  importData: 'Import a dataset',
+  welcome: 'LLEAD Document Tagging',
+  importData: ' ',
   createLabels: 'Create labels for this project',
   addMembers: 'Add members for collaborative work',
   defineGuideline: 'Define a guideline for the work',

frontend/pages/projects/_id/index.vue

@@ -12,11 +12,11 @@
         v-for="(item, index) in items"
         :key="index"
       >
-        <v-stepper-step
+        <!-- <v-stepper-step
           :complete="e6 > index + 1"
           :step="index + 1"
           editable
-        >
+        > -->
           {{ item.title }}
         </v-stepper-step>
         <v-stepper-content :step="index + 1">
@@ -30,8 +30,10 @@
               ref="youtube"
               :video-id="item.videoId"
             />
+            <!-- <iframe src="https://docs.google.com/document/d/e/2PACX-1vQxeNvN5RM4fib7kNLWMZOhK73xHK9j0hMbOxPikcnYP_rgqjxPXPq_zLQW9MtHMn9ptgJa3Fo1pTgG/pub?embedded=true"></iframe> -->
+
           </v-card>
-          <v-btn
+          <!-- <v-btn
             color="primary mt-5"
             @click="next"
           >
@@ -43,7 +45,7 @@
             @click="prev"
           >
             {{ $t('generic.cancel') }}
-          </v-btn>
+          </v-btn> -->
         </v-stepper-content>
       </div>
     </v-stepper>
@@ -62,13 +64,13 @@ export default {
     return {
       e6: 1,
       items: [
-        { title: this.$t('projectHome.importData'), videoId: 'dA4ID1DSxCE' },
-        { title: this.$t('projectHome.createLabels'), videoId: '1bSML270quU' },
-        { title: this.$t('projectHome.addMembers'), videoId: 'NI09dcBz-qA' },
-        { title: this.$t('projectHome.defineGuideline'), videoId: 'AvvX3Xs32nA' },
-        { title: this.$t('projectHome.annotateDataset'), videoId: 'F3XoSdyiMhA' },
-        { title: this.$t('projectHome.viewStatistics'), videoId: 'kfRpa0mNQMY' },
-        { title: this.$t('projectHome.exportDataset'), videoId: 'Pfy_QcHEeQ4' }
+        { title: this.$t('projectHome.importData'), videoId: 'hKayEy6I7oI' },
+        // { title: this.$t('projectHome.createLabels'), videoId: '1bSML270quU' },
+        // { title: this.$t('projectHome.addMembers'), videoId: 'NI09dcBz-qA' },
+        // { title: this.$t('projectHome.defineGuideline'), videoId: 'AvvX3Xs32nA' },
+        // { title: this.$t('projectHome.annotateDataset'), videoId: 'F3XoSdyiMhA' },
+        // { title: this.$t('projectHome.viewStatistics'), videoId: 'kfRpa0mNQMY' },
+        // { title: this.$t('projectHome.exportDataset'), videoId: 'Pfy_QcHEeQ4' }
       ]
     }
   },