BioloMICS logo
×
BioloMICS Web Menu
Search
 
   
   
   
 

Full script example explained

 
In this subchapter a full razor script is explained per section.
 
A clean version of the full script can be found here.
 
<table class="table">
Indicates that this is a table
    <thead>
        <th>Field name</th>
        <th>Field Value</th>
    </thead>
2 columns with the given titles
    <br><h3><strong>Field types</strong></h3>   
Title
    <tbody>
table body
         <tr>
            <td>W: @Model.W294.Label</td>
            <td>
                @foreach(var wave in @Model.W294) {
                    <span><p>@wave.X, @wave.Y</p></span>
                }
            </td>
        </tr>       
W field, field name, all values, displayed under each other
 
          <tr>
            <td>V: @Model.V293.Label</td>
            <td>
                <span>@Model.V293</span>
            </td>
        </tr>       
V field, field name, value
 
        @if (!@Model.U292.IsEmpty){ 
        <tr>
            <td>U: EMBL/Genbank accession nrs</td>
            <td>
                @foreach(var urlGen in @Model.U292) {
                    <p><a href="https://@urlGen.Url" target="_blank">@urlGen.Name</a></p>
                }
            </td>
        </tr>
        }       
U field, if not empty then show fixed title, all values
 
          <tr>
            <td>T: @Model.T288.Label</td>
            <td>
                <span>@Model.T288</span>
            </td>
        </tr>       
T field, field name, value
 
                 <tr>
            <td>Syn: @Model.Synlink473.Label</td>
            <td>
                <div>
                    @foreach(var taxon in @Model.Synlink473) {
                        <p style="word-break:break-word">
                                <b>Taxon name: </b>@taxon.Name <br>
                                @if(taxon.Syn461.BasionymRecord != null) {
                                    <b>Basionym: </b><a href="https://v10.bio-aware.com/Page_Taxonomy_display/@taxon.Syn461.BasionymRecord.RecordId" target="_blank"> @taxon.Syn461.BasionymRecord.RecordName </a> <br>}
                                @if(taxon.Syn461.CurrentNameRecord != null) {
                                    <b>Current name: </b>@taxon.Syn461.CurrentNameRecord.RecordName <br>}
                                @if(@taxon.Syn461.ObligateSynonymRecords != null && @taxon.Syn461.ObligateSynonymRecords.Count > 0){ 
                               
                                    <b>Obligate synonyms: </b><br>
                                    @foreach(var item in @Model.Synlink473.Syn461.ObligateSynonymRecords){
                                        <span>- </span> @item.RecordName  <br>}                    
                                }
                                @if (@Model.Synlink473.Syn461.TaxonSynonymsRecords.Count > 0){ 
                               
                                    <b>Taxonomic synonyms: </b><br>
                                    @foreach(var item in @Model.Synlink473.Syn461.TaxonSynonymsRecords){
                                        <span>- </span> @item.RecordName  <br>}                    
                                }
                        </p>
                    }
                </div>
            </td>
        </tr>      
Syn field, field name, all values displayed under each other
 
Taxon name
Basionym
Current name
Obligate synonyms
Taxonomic synonyms
 
 
        <tr>
            <td>S: @Model.S286.Label</td>
            <td>
                <span>@Model.S286</span>
            </td>
        </tr>       
S field, field name, value
 
         <tr>
            <td>R: @Model.Rlink257.Label</td>
            <td>
                @foreach(var growthmedia in @Model.Rlink257) {
                <p>@growthmedia.Name</p>
                }
               
            </td>
        </tr>       
R field, field name, all values displayed under each other
 
        <tr>
            <td>O: @Model.O472.Label</td>
            <td>
                @foreach(var ontology in @Model.O472) {
                <span><p> @ontology.Name</p</span>
                }
            </td>
        </tr>       
O field, field name, all values
 
        <tr>
            <td>N: @Model.Nlink243.Label</td>
            <td>
                 @foreach(var itsname in @Model.Nlink243) {
                    <p style="word-break:break-word">
                        @itsname.Name <br>
                        @itsname.Dna <br>
                    </p>
                }
            </td>
        </tr>       
NLink field, field name, all values break line to show the sequence nicely
 
        <tr>
            <td>N: @Model.N240.Label</td>
            <td>
                <p style="word-break:break-word">
                    @Model.N240
                </p>
            </td>
        </tr>       
N field, field name, value break line to show the sequence nicely
        <tr>
            <td width=70%>M: Absorbance values from yeast microplate - C1 D-Glucose</td>
            <td>
                <span>@Model.M239.M239_0</span>
            </td>
        </tr>
M field - specific subfield, fixed title, value
 
        <tr>
            <td width=70%>M: Absorbance values from yeast microplate - C2 D-Galactose</td>
            <td>
                <span>@Model.M239.M239_1</span>
            </td>
        </tr>       
M field - specific subfield, fixed title, value
 
        <tr>
            <td>L: @Model.L235.Label</td>
            <td>
                <span>(@Model.L235.Latitude; @Model.L235.Longitude; @Model.L235.Altitude) ± @Model.L235.Precision km</span>
            </td>
        </tr>       
L field, field name, value
 
        <tr>
            <td>L: @Model.L235.Label</td>
                <td>
                    <iframe
                        width="400"
                        height="350"
                        style="border:0"
                        loading="lazy"
                        allowfullscreen
                        referrerpolicy="no-referrer-when-downgrade"
                        src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCVQ9Xxy3-gA7UBp7AjpEMZK18ymAdGfd0&q=@Model.L235.Latitude,@Model.L235.Longitude">">
                    </iframe>
                </td>
        </tr>       
L field, field name, value on map
 
        <tr>
            <td>K: @Model.K301.Label</td>
            <td>
                <div style='background:@Model.K301'>
                    <span>@Model.K301</span>
                </div>
            </td>
        </tr>       
K field, field name, value with background color
 
        <tr>
            <td>I: @Model.I300.Label</td>
            <td>
                <span>@Model.I300</span>
            </td>
        </tr>       
I field, field name, value
 
        <tr>
            <td>H: @Model.H232.Label</td>
            <td>
                <span>@Model.H232</span>
            </td>
        </tr>       
H field, field name, value
 
      @if (!@Model.Flink285.IsEmpty){ 
        <tr>
            <td>FLink: Picture(s)</td>
            <td>
                @foreach(var picture in @Model.Flink285) {
                 <div style="background-image: url('data:img/png;base64,@picture.F1');background-size: 250px; height: 250px;background-repeat: no-repeat">
                 <p>@picture.Name</p>
                 </div>
                }
            </td>   
        </tr>
        }       
FLink field, if not empty then show fixed title, all values displayed as picture under each other
         <tr>
            <td width=50%>F: @Model.F227.Label</td>
            <td>
               <div style="background-image: url('data:img/png;base64,@Model.F227');background-size: 250px; height: 250px;background-repeat: no-repeat">
                 </div>
            </td>   
        </tr>
F field, field name, value
 
        <tr>
            <td>E: @Model.E222.Label</td>
            <td>
                <span>@Model.E222</span>
            </td>
        </tr>       
E field, field name, value
 
        <tr>
            <td>D: @Model.D216.Label</td>
            <td>
                <span>@Model.D216</span>
            </td>
        </tr>       
D field, field name, value
 
        <tr>
            <td>C: Colony color - white</td>
            <td>
                <span>@Model.C213.C213_0</span>
            </td>
        </tr>
C field - specific subfield, fixed title, value
 
        <tr>
            <td>C: Colony color - cream</td>
            <td>
                <span>@Model.C213.C213_1</span>
            </td>
        </tr>       
C field - specific subfield, fixed title, value
 
        <tr>
            <td width=50%>A: Yeasts Physiological Tests - Glucose</td>
            <td>
                <span>@Model.A211.A211_1</span>
            </td>
        </tr>
A field - specific subfield, fixed title, value
 
        <tr>
            <td width=50%>A: Yeasts Physiological Tests - Galactose</td>
            <td>
                <span>@Model.A211.A211_2</span>
            </td>
        </tr>
A field - specific subfield, fixed title, value
    </tbody>
</table>
End of body and table
 
<table class="table">
Indicates that this is a (new) table
    <thead>
        <th>Field name</th>
        <th>Field Value</th>
    </thead>
2 columns with the given titles
 
    <br><h3><strong>Strains data examples</strong></h3>   
Title
    <tbody>
table body
        @if (!@Model.Flink285.IsEmpty){ 
            <tr>
                <td>FLink: Picture(s)</td>
                <td>
                    @foreach(var picture in @Model.Flink285) {
                        <a download="picture.png" href="data:img/png;base64,@picture.F1" target="_blank">
                        <p>@picture.Name</p></a>
                    }
                </td>   
            </tr>
        }       
FLink field, if not empty then show fixed title, all values displayed by name under each other and make it downloadable
 
        <tr>
            <td>R: @Model.Rlink257.Label</td>
            <td>
                @foreach(var growthmedia in @Model.Rlink257) {
                    <p><a href="https://v10.bio-aware.com/Page_Media_display/@growthmedia.Id" target="_blank"> @growthmedia.Name</a></p>
                }
            </td>
        </tr>
R field, field name, all values with link to page with details displayed under each other
 
    </tbody>
</table>
End of body and table
 
<table class="table">
Indicates that this is a (new) table
    <thead>
        <tr>
            <th>Media name</th>
            <th>Media description</th>
            <th>Literature</th>
        </tr>
    </thead>
3 columns with the given titles
 
        <br><h3><strong>Media examples</strong></h3>   
Title
    <tbody>
table body
        <tr>
            <td>
                @foreach(var growthmedia in @Model.Rlink257) {
                <p>@growthmedia.Name</p>
                }
            </td>
            <td>
                @foreach(var growthmedia in @Model.Rlink257) {
                <p>@growthmedia.E255</p>
                }
            </td>
            <td>
                @foreach(var growthmedia in @Model.Rlink257) {
                <p>@growthmedia.Rlink471.Name</p>
                }
            </td>           
        </tr>
R field, all values from other table
    </tbody>
</table>
End of body and table
 
<table class="table">
Indicates that this is a (new) table
    <thead>
        <th>Field name</th>
        <th>Field Value</th>      
    </thead>
2 columns with given titles
        <br><h3><strong>Strains data examples</strong></h3>   
Title
    <hr>
Horizontal line
    <tbody>
table body
    <tr>
        <td>R: @Model.Rlink257.Label</td>
        <td>
            @foreach(var growthmedia in @Model.Rlink257) {
                <p>@growthmedia.Name</p>
            }
        </td>
    </tr>
R field, field name, all values displayed under each other
 
    <tr>
        <td>R: @Model.Rlink257.Label</td>
        <td>
            @foreach(var growthmedia in @Model.Rlink257) {
                <span>@growthmedia.Name</span>
            }
        </td>
    </tr>   
R field, field name, all values displayed next to each other
 
    <tr>
        <td>T: @Model.T288.Label</td>
        <td>
            @{if(@Model.T288.ToString() == "Yeast")
                <span>
                    <div style='background:lightgreen'>
                            this is a yeast, contact person A
                    </div>
                </span>
            else if(@Model.T288.ToString() == "Bacteria")
                <span>
                    <div style='background:yellow'>
                        this is a bacteria, contact person B
                    </div>
                </span>   
            }
        </td>
    </tr>   
T field, field name, value with condition to show given text based on value, with coloured background
 
    <tr>
        <td>T: @Model.T288.Label</td>
        <td>
            @{if(@Model.T288.ToString() == "Yeast")
                <span>this is a yeast, contact person A</span>
            else if(@Model.T288.ToString() == "Bacteria")
                <span>this is a bacteria, contact person B</span>
            }
         </td>
    </tr>
T field, field name, value with condition to show given text based on value
 
    <tr>
        <td>E: @Model.E222.Label</td>
        @if (!@Model.E222.IsEmpty){
        <td>
            <span>@Model.E222</span>
        </td>
        }
        else{
        <td>
            <span>empty</span>
        </td>
        }
     </tr>
E field, field name, if not empty then show value otherwise show fixed text
 
        @if (!@Model.E222.IsEmpty){ 
        <tr>
            <td>@Model.E222.Label</td>
            <td>
                <span>@Model.E222</span>
            </td>
        </tr>
        }       
 
E field, , if not empty then show field name and value
 
        <tr>
        <td>Textile</td>
        <td>
           @if(@Model.C359.C359_0.ToString() == "yes") <p>- Fine textured</p>
           @if(@Model.C359.C359_1.ToString() == "yes") <p>- Pitted</p>
           @if(@Model.C359.C359_2.ToString() == "yes") <p>- Tuberculate</p>
           @if(@Model.C359.C359_3.ToString() == "yes") <p>- Spinose</p>
           @if(@Model.C359.C359_4.ToString() == "yes") <p>- Rugose</p>
           @if(@Model.C359.C359_5.ToString() == "yes") <p>- Recticulate</p>
        </td>
    </tr>
C field - specific subfield, fixed title, fixed text when  subfield-value is yes
 
        <tr>
            <td>D: @Model.D216.Label</td>
            <td>
                <span>@Model.D216</span>
            </td>
        </tr>
D field, field name, value
 
    </tbody>
</table>
End of body and table

The contents of Full script example explained

Full script example clean
(c) BioAware, 2025