Canvas app add ModelServer example

src/apps/canvas/component/app.tsx

@@ -78,8 +78,8 @@ export class AppComponent extends React.Component<AppProps, AppState> {
                         }}
                     >
                         <option value=''></option>
-                        {Examples.map(({pdbId, description}, i) => {
-                            return <option key={i} value={pdbId}>{`${pdbId} - ${description}`}</option>
+                        {Examples.map(({label, id, description}, i) => {
+                            return <option key={i} value={id}>{`${label ? label : id} - ${description}`}</option>
                         })}
                     </select>
                 </div>

src/apps/canvas/examples.ts

@@ -1,169 +1,175 @@
 
 
 export interface Example {
-    pdbId: string
+    label?: string
+    id: string
     description: string
 }
 
 export const Examples: Example[] = [
     {
-        pdbId: '1jj2',
+        id: '1jj2',
         description: 'ribosome'
     },
     {
-        pdbId: '1grm',
+        id: '1grm',
         description: 'helix-like sheets'
     },
     {
-        pdbId: '4umt',
+        id: '4umt',
         description: 'ligand has bond with order 3'
     },
     {
-        pdbId: '1crn',
+        id: '1crn',
         description: 'small'
     },
     {
-        pdbId: '1hrv',
+        id: '1hrv',
         description: 'viral assembly'
     },
     {
-        pdbId: '1rb8',
+        id: '1rb8',
         description: 'virus'
     },
     {
-        pdbId: '1blu',
+        id: '1blu',
         description: 'metal coordination'
     },
     {
-        pdbId: '3pqr',
+        id: '3pqr',
         description: 'inter unit bonds, two polymer chains, ligands, water, carbohydrates linked to protein'
     },
     {
-        pdbId: '4v5a',
+        id: '4v5a',
         description: 'ribosome'
     },
     {
-        pdbId: '3j3q',
+        id: '3j3q',
         description: '...'
     },
     {
-        pdbId: '2np2',
+        id: '2np2',
         description: 'dna'
     },
     {
-        pdbId: '1d66',
+        id: '1d66',
         description: 'dna'
     },
     {
-        pdbId: '9dna',
+        id: '9dna',
         description: 'A form dna'
     },
     {
-        pdbId: '1bna',
+        id: '1bna',
         description: 'B form dna'
     },
     {
-        pdbId: '199d',
+        id: '199d',
         description: 'C form dna'
     },
     {
-        pdbId: '4lb6',
+        id: '4lb6',
         description: 'Z form dna'
     },
     {
-        pdbId: '1egk',
+        id: '1egk',
         description: '4-way dna-rna junction'
     },
     {
-        pdbId: '1y26',
+        id: '1y26',
         description: 'rna'
     },
     {
-        pdbId: '1xv6',
+        id: '1xv6',
         description: 'rna, modified nucleotides'
     },
     {
-        pdbId: '3bbm',
+        id: '3bbm',
         description: 'rna with linker'
     },
     {
-        pdbId: '1euq',
+        id: '1euq',
         description: 't-rna'
     },
     {
-        pdbId: '2e2i',
+        id: '2e2i',
         description: 'rna, dna, protein'
     },
     {
-        pdbId: '1gfl',
+        id: '1gfl',
         description: 'GFP, flourophore has carbonyl oxygen removed'
     },
     {
-        pdbId: '1sfi',
+        id: '1sfi',
         description: 'contains cyclic peptid'
     },
     {
-        pdbId: '3sn6',
+        id: '3sn6',
         description: 'discontinuous chains'
     },
     {
-        pdbId: '2zex',
+        id: '2zex',
         description: 'contains carbohydrate polymer'
     },
     {
-        pdbId: '3sgj',
+        id: '3sgj',
         description: 'contains carbohydrate polymer'
     },
     {
-        pdbId: '3ina',
+        id: '3ina',
         description: 'contains GlcN and IdoA'
     },
     {
-        pdbId: '1umz',
+        id: '1umz',
         description: 'contains Xyl (Xyloglucan)'
     },
     {
-        pdbId: '1mfb',
+        id: '1mfb',
         description: 'contains Abe'
     },
     {
-        pdbId: '2gdu',
+        id: '2gdu',
         description: 'contains sucrose'
     },
     {
-        pdbId: '2fnc',
+        id: '2fnc',
         description: 'contains maltotriose'
     },
     {
-        pdbId: '4zs9',
+        id: '4zs9',
         description: 'contains raffinose'
     },
     {
-        pdbId: '2yft',
+        id: '2yft',
         description: 'contains kestose'
     },
     {
-        pdbId: '2b5t',
+        id: '2b5t',
         description: 'contains large carbohydrate polymer'
     },
     {
-        pdbId: '1b5f',
+        id: '1b5f',
         description: 'contains carbohydrate with alternate locations'
     },
     {
-        pdbId: '5u0q',
+        id: '5u0q',
         description: 'mixed dna/rna in same polymer'
     },
     {
-        pdbId: '1xj9',
+        id: '1xj9',
         description: 'PNA (peptide nucleic acid)'
     },
     {
-        pdbId: '5eme',
+        id: '5eme',
         description: 'PNA (peptide nucleic acid) and RNA'
     },
     {
-        pdbId: '2X3T',
+        id: '2X3T',
         description: 'temp'
     },
+    {
+        label: 'ModelServer/1cbs/full',
+        id: 'http://localhost:1337/ModelServer/query?%7B%22id%22%3A%221cbs%22%2C%22name%22%3A%22full%22%7D',
+        description: '1cbs from model server'
+    }
 ]