add externalURL scheme in landing page management

src/components/landingpage/News.vue

@@ -16,11 +16,11 @@
                             <div class="content-text">
                                 {{item.content}}
                             </div>
-                            <a class="content-button" @click="moreButtonAction(item.markdownFolder,item.moreID)">More</a>
+                            <a class="content-button" @click="moreButtonAction(item.markdownFolder,item.moreID,item.externalURL)">More</a>
                         </div>
 
                     </div>
-                    <Button class="news-button" @click="moreButtonAction(toolsButton.markdownFolder,toolsButton.moreID)">MORE</Button>
+                    <Button class="news-button" @click="moreButtonAction(toolsButton.markdownFolder,toolsButton.moreID,toolsButton.externalURL)">MORE</Button>
                 </div>
             </Col>
             <Col :xs="{ span: 24 }" :sm="{span: 12}" :md="{ span: 12}" :lg="{ span: 6}">
@@ -37,10 +37,10 @@
                             <div class="content-text">
                                 {{item.content}}
                             </div>
-                            <a class="content-button"@click="moreButtonAction(item.markdownFolder,item.moreID)">More</a>
+                            <a class="content-button"@click="moreButtonAction(item.markdownFolder,item.moreID,item.externalURL)">More</a>
                         </div>
                     </div>
-                    <Button class="news-button" @click="moreButtonAction(documentationButton.markdownFolder,documentationButton.moreID)">MORE</Button>
+                    <Button class="news-button" @click="moreButtonAction(documentationButton.markdownFolder,documentationButton.moreID,documentationButton.externalURL)">MORE</Button>
                 </div>
             </Col>
             <Col :xs="{ span: 24 }" :sm="{span: 12}" :md="{ span: 12}" :lg="{ span: 6}">
@@ -162,7 +162,11 @@
                   });
                 */
             },
-            moreButtonAction(subpage, id){
+            moreButtonAction(subpage, id, externalLink){
+                if(externalLink){
+                    window.open(externalLink);
+                    return;
+                }
                 if(id){
                     id = id.replace(/(^\s*)|(\s*$)/g,'').replace(/\s/g,'_').toLowerCase();
                     this.$router.push({path:'/markdownpage/'+subpage+'#'+id});

static/landingPage/landing_page.json

@@ -42,6 +42,7 @@
         {
           "title":"Submission Tool",
           "content":"PRIDE Submission Tool enables direct user submissions of protein and peptide identification or quantification data, along with the spectra to PRIDE Archive.",
+          "externalURL":"",
           "moreID":"submission_tool",
           "markdownFolder":"pridesubmissiontool"
 
@@ -49,12 +50,14 @@
         {
           "title":"PRIDE Inspector",
           "content":"PRIDE Inspector is a desktop tool to visualise and perform first quality assessment on Mass Spectrometry data.",
+          "externalURL":"",
           "moreID":"pride_inspector",
           "markdownFolder":"prideinspector"
         },
         {
           "title":"PRIDE Archive API",
           "content":"The PRIDE Archive API enables the interaction of PRIDE users with the data programmatically using a Restful API",
+          "externalURL":"",
           "moreID":"pride_archive_ws",
           "markdownFolder":"pridearchivews"
         },
@@ -62,11 +65,13 @@
         {
           "title":"PRIDE Utilities",
           "content":"PRIDE Utilities is a set of libraries and commandline tools for computational proteomics.",
+          "externalURL":"http://pride-archive.github.io/PrideAPIDocs",
           "moreID":"pride_utilities",
           "markdownFolder":"prideutilities"
         }
       ],
       "button":{
+        "externalURL":"",
         "moreID":"",
         "markdownFolder":"toolspage"
       }
@@ -76,29 +81,34 @@
         {
           "title":"How to Submit data",
           "content":"How to submit identification and quantification results from proteomics experiments into PRIDE Archive",
+          "externalURL":"",
           "moreID":"how_to_submit_data",
           "markdownFolder":"submitdatapage"
         },
         {
           "title":"How to review data",
           "content":"How to review private and public experiments in PRIDE Archive",
+          "externalURL":"",
           "moreID":"xxx",
           "markdownFolder":"xxxxx"
         },
         {
           "title":"Searching public datasets",
           "content":"Searching public datasets for reanalysis and reuse in PRIDE Archive",
+          "externalURL":"",
           "moreID":"searching_pride_data",
           "markdownFolder":"searchingpridedata"
         },
         {
           "title":"Retrieving PRIDE data programmatically",
           "content":"Retrieving PRIDE Archive data can be done programatically using the PRIDE Archive Web service Restful API",
+          "externalURL":"",
           "moreID":"programatically_search",
           "markdownFolder":"programaticallyapi"
         }
       ],
       "button":{
+        "externalURL":"",
         "moreID":"",
         "markdownFolder":"documentationpage"
       }