Template:BIT/js/index

Vue.component('top-menu',{ 

   data: function () {
       return{
           leftmenu: false,
           time: 0,
           activeIndex: this.active
       }
   },
   props: ['active'],
   methods: {
       showmenu: function () {
           this.leftmenu = true;
       },
       hidemenu: function () {
           this.leftmenu = false;
       }
   },
template:'
\n' + 
   '        <transition name="el-zoom-in-top">\n' +
'
\n' + 
   '                BIT\n' +
   '                <el-menu :default-active="activeIndex"\n' +
   '                         class="el-menu-demo"\n' +
   '                         background-color="#545c64"\n' +
   '                         text-color="#fff"\n' +
   '                         active-text-color="#ffd04b">\n' +
   '                    <el-menu-item index="1"><a href="https://2018.igem.org/Team:BIT">Home</a></el-menu-item>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="2">\n' +
   '                        <template slot="title">Project</template>\n' +
   '                        <el-menu-item index="2-1"><a href="https://2018.igem.org/Team:BIT/Project/Background">Background</a></el-menu-item>\n' +
   '                        <el-menu-item index="2-2"><a href="https://2018.igem.org/Team:BIT/Project/Description">Desciption</a></el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="3">\n' +
   '                        <template slot="title">Bio</template>\n' +
   '                        <el-menu-item index="3-1"><a href="https://2018.igem.org/Team:BIT/Bio/Overview">Overivew</a></el-menu-item>\n' +
   '                        <el-menu-item index="3-2"><a href="https://2018.igem.org/Team:BIT/Bio/Design">Design</a></el-menu-item>\n' +
   '                        <el-menu-item index="3-3"><a href="https://2018.igem.org/Team:BIT/Demonstrate">Demonstrate</a></el-menu-item>\n' +
   '                        <el-menu-item index="3-4"><a href="https://2018.igem.org/Team:BIT/Bio/Addtional_Work">Additonal Work</a></el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="4">\n' +
   '                        <template slot="title">Hareware</template>\n' +
   '                        <el-menu-item index="4-1"><a href="https://2018.igem.org/Team:BIT/Hardware">Overview</a></el-menu-item>\n' +
   '                        <el-menu-item index="4-2"><a href="https://2018.igem.org/Team:BIT/Hardware/Microarray">Microarray</a></el-menu-item>\n' +
   '                        <el-menu-item index="4-3"><a href="https://2018.igem.org/Team:BIT/Hardware/S.M.A.R.T.">S.M.A.R.T.</a></el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-menu-item index="5"><a href="https://2018.igem.org/Team:BIT/Model">Model</a></el-menu-item>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="6">\n' +
   '                        <template slot="title">Practice</template>\n' +
   '                        <el-menu-item index="6-1"><a href="https://2018.igem.org/Team:BIT/Practices/Overview">Overview</a></el-menu-item>\n' +
   '                        <el-menu-item index="6-2"><a href="https://2018.igem.org/Team:BIT/Practices/Silver">Silver</a></el-menu-item>\n' +
   '                        <el-menu-item index="6-3"><a href="https://2018.igem.org/Team:BIT/Practices/Integrated_Practice">Integrated Practice</a></el-menu-item>\n' +
   '                        <el-menu-item index="6-4"><a href="https://2018.igem.org/Team:BIT/Practices/Education">Education and public engagement</a></el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="7">\n' +
   '                        <template slot="title">Judging</template>\n' +
   '                        <el-menu-item index="7-1"><a href="https://2018.igem.org/Team:BIT/Medal">Medal</a></el-menu-item>\n' +
   '                        <el-menu-item index="7-2"><a href="https://2018.igem.org/Team:BIT/Parts">Parts</a></el-menu-item>\n' +
   '                        <el-menu-item index="7-3"><a href="https://2018.igem.org/Team:BIT/InterLab">Interlab</a></el-menu-item>\n' +
   '                        <el-menu-item index="7-4"><a href="https://2018.igem.org/Team:BIT/Safety">Safety</a></el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                    <el-submenu :show-timeout="time" :hide-timeout="time" index="8">\n' +
   '                        <template slot="title">Team</template>\n' +
   '                        <el-menu-item index="8-1"><a href="https://2018.igem.org/Team:BIT/Team/Members">Members</a></el-menu-item>\n' +
   '                        <el-menu-item index="8-2"><a href="https://2018.igem.org/Team:BIT/Collaborations">Collaboration</a></el-menu-item>\n' +
   '                        <el-menu-item index="8-3"><a href="https://2018.igem.org/Team:BIT/Notebook">Notebook</a></el-menu-item>\n' +
   '                        <el-menu-item index="8-4"><a href="https://2018.igem.org/Team:BIT/Attributions">Attributions</a></el-menu-item>\n' +
   '                    </el-submenu>\n' +
   '                </el-menu>\n' +
'
\n' + 
   '        </transition>\n' +
   '\n' +
'
\n' + 
   '\n' +
'
\n' + 
   '            <img id="logo" src="img/logo1.png">\n' +
' \n' + '
\n' + '
'

});

Vue.component('foot',{ 

   data: function () {
       return{

       }
   },
template:''

})

var index=0; var word = "Born for diagnostic"; function type() { 

   document.getElementById("quto").innerText = word.substring(0,index++);

} setInterval(type,50);