add source box for gene details view

frontend/src/views/genedetail/genedetail.html

@@ -63,6 +63,20 @@
               </v-expansion-panel>
             </v-card>
           </v-flex>
+          <!-- Source -->
+          <v-flex xs12 md6 lg4 xl3>
+            <v-card>
+              <v-toolbar class="tertiary white--text" dense>
+                <v-icon class="white--text">format_list_bulleted</v-icon>
+                <v-toolbar-title>
+                  Gene source
+                </v-toolbar-title>
+              </v-toolbar>
+              <!-- Simple information -->
+              <SimpleListing :listData="sourceDetail"/>
+              <v-divider></v-divider>
+            </v-card>
+          </v-flex>
           <!-- KEGG Function -->
           <template v-for="keggId in keggIds">
             <KeggCard v-if="keggId" :keggId='keggId'></KeggCard>

frontend/src/views/genedetail/genedetail.js

@@ -11,6 +11,7 @@ export default {
     return {
       geneId: '',
       geneDetail: [],
+      sourceDetail: [],
       sequence: '',
       keggIds: [],
       taxonomyId: '',
@@ -59,13 +60,21 @@ export default {
               title: 'Length (bp)',
               content: response.data.length,
             },
+          ];
+          this.sourceDetail = [
             {
-              title: 'Source',
-              content: response.data.source,
-              url: this.sourceUrls[response.data.source],
-              url_label: this.labelUrls[response.data.source],
+              title: 'Name',
+              content: response.data.source.name,
+              url: response.data.source.url,
+              url_label: response.data.source.url,
             },
-          ];
+            {
+              title: 'Reference',
+              content: response.data.source.doi,
+              url: `https://doi.org/${response.data.source.doi}`,
+              url_label: `https://doi.org/${response.data.source.doi}`,
+            },
+          ]
           if (response.data.sequence) {
             this.sequence = '>' + response.data.gene_id + '\n' + response.data.sequence;
           }