Skip to content
This repository has been archived by the owner on Feb 9, 2022. It is now read-only.

Commit

Permalink
Linked homepage and settings
Browse files Browse the repository at this point in the history
  • Loading branch information
@ggirelli
ggirelli committed Jun 16, 2019
1 parent fce860f commit 7510793
Show file tree
Hide file tree
Showing 3 changed files with 236 additions and 237 deletions.
32 changes: 16 additions & 16 deletions app/src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ <h1 class="text-center"><i class="fas fa-ghost"></i> SpectraScope <i class="fas
<small><b>Notice!</b> This interface has been developed for GoogleChrome (v74) and FireFox (v66). Thus, it may not be fully compatible with other browsers (e.g., Safari, IExplorer,...).</small>

<select name="scope-select" id="scope-select" class="form-control mt-3">
<option value="useall">Use all parts</option>
<option value="useall" class="default">Use all parts</option>
</select>
<small>Select a microscope to visualize light sources and optical components associated with it.</small>

Expand Down Expand Up @@ -72,29 +72,29 @@ <h1 class="text-center"><i class="fas fa-ghost"></i> SpectraScope <i class="fas
<!--Excitation filters-->
<div class="card">
<div class="card-header" id="headingOne"><h2 class="mb-0">
<button class="btn btn-link collapsed btn-block text-left text-dark" type="button" data-toggle="collapse" data-target="#EX-filters" aria-expanded="true" aria-controls="EX-filters"><i class="fas fa-sign-in-alt"></i> Excitation Filters</button>
<button class="btn btn-link collapsed btn-block text-left text-dark" type="button" data-toggle="collapse" data-target="#ex-filters" aria-expanded="true" aria-controls="ex-filters"><i class="fas fa-sign-in-alt"></i> Excitation Filters</button>
</h2></div>
<div id="EX-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-settings"><div class="card-body">
<div id="ex-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-settings"><div class="card-body">
<small>Click to add to current selection.</small>
<div class="settings option-list"></div>
</div></div>
</div>
<!--Dicroic mirrors-->
<div class="card">
<div class="card-header" id="headingOne"><h2 class="mb-0">
<button class="btn btn-link collapsed btn-block text-left text-dark" type="button" data-toggle="collapse" data-target="#DM-filters" aria-expanded="true" aria-controls="DM-filters"><i class="fas fa-divide"></i> Dicroic Mirrors</button>
<button class="btn btn-link collapsed btn-block text-left text-dark" type="button" data-toggle="collapse" data-target="#dm-filters" aria-expanded="true" aria-controls="dm-filters"><i class="fas fa-divide"></i> Dicroic Mirrors</button>
</h2></div>
<div id="DM-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-settings"><div class="card-body">
<div id="dm-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-settings"><div class="card-body">
<small>Click to add to current selection.</small>
<div class="settings option-list"></div>
</div></div>
</div>
<!--Emission filters-->
<div class="card">
<div class="card-header" id="headingOne"><h2 class="mb-0">
<button class="btn btn-link collapsed btn-block text-left text-dark" type="button" data-toggle="collapse" data-target="#EM-filters" aria-expanded="true" aria-controls="EM-filters"><i class="fas fa-sign-out-alt"></i> Emission Filters</button>
<button class="btn btn-link collapsed btn-block text-left text-dark" type="button" data-toggle="collapse" data-target="#em-filters" aria-expanded="true" aria-controls="em-filters"><i class="fas fa-sign-out-alt"></i> Emission Filters</button>
</h2></div>
<div id="EM-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-settings"><div class="card-body">
<div id="em-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-settings"><div class="card-body">
<small>Click to add to current selection.</small>
<div class="settings option-list"></div>
</div></div>
Expand Down Expand Up @@ -134,31 +134,31 @@ <h1 class="text-center"><i class="fas fa-ghost"></i> SpectraScope <i class="fas
<!--Excitation Filters-->
<div class="card">
<div class="card-header" id="headingOne"><h2 class="mb-0">
<button class="btn btn-link collapsed btn-block text-right text-dark" type="button" data-toggle="collapse" data-target="#EX-filters" aria-expanded="true" aria-controls="EX-filters">Excitation Filters <i class="fas fa-sign-in-alt"></i></button>
<button class="btn btn-link collapsed btn-block text-right text-dark" type="button" data-toggle="collapse" data-target="#ex-filters" aria-expanded="true" aria-controls="ex-filters">Excitation Filters <i class="fas fa-sign-in-alt"></i></button>
</h2></div>
<div id="EX-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-selection"><div class="card-body">
<div id="ex-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-selection"><div class="card-body">
<small>Click to remove from current selection.</small>
<div class="selection option-list"></div>
<div class="filters selection option-list"></div>
</div></div>
</div>
<!--Dicroic Mirrors-->
<div class="card">
<div class="card-header" id="headingOne"><h2 class="mb-0">
<button class="btn btn-link collapsed btn-block text-right text-dark" type="button" data-toggle="collapse" data-target="#DM-filters" aria-expanded="true" aria-controls="DM-filters">Dicroic Mirrors <i class="fas fa-divide"></i></button>
<button class="btn btn-link collapsed btn-block text-right text-dark" type="button" data-toggle="collapse" data-target="#dm-filters" aria-expanded="true" aria-controls="dm-filters">Dicroic Mirrors <i class="fas fa-divide"></i></button>
</h2></div>
<div id="DM-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-selection"><div class="card-body">
<div id="dm-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-selection"><div class="card-body">
<small>Click to remove from current selection.</small>
<div class="selection option-list"></div>
<div class="filters selection option-list"></div>
</div></div>
</div>
<!--Emission Filters-->
<div class="card">
<div class="card-header" id="headingOne"><h2 class="mb-0">
<button class="btn btn-link collapsed btn-block text-right text-dark" type="button" data-toggle="collapse" data-target="#EM-filters" aria-expanded="true" aria-controls="EM-filters">Emission Filters <i class="fas fa-sign-out-alt"></i></button>
<button class="btn btn-link collapsed btn-block text-right text-dark" type="button" data-toggle="collapse" data-target="#em-filters" aria-expanded="true" aria-controls="em-filters">Emission Filters <i class="fas fa-sign-out-alt"></i></button>
</h2></div>
<div id="EM-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-selection"><div class="card-body">
<div id="em-filters" class="collapse" aria-labelledby="headingOne" data-parent="#accordion-selection"><div class="card-body">
<small>Click to remove from current selection.</small>
<div class="selection option-list"></div>
<div class="filters selection option-list"></div>
</div></div>
</div>
<!--Fluorophores-->
Expand Down
Loading

0 comments on commit 7510793

Please sign in to comment.