Skip to content

Add tooltips to badges #263

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Sep 19, 2025
Merged

Add tooltips to badges #263

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
cdf6e4c
Add tooltips to badges
cjsha Nov 1, 2024
6d802d1
Simplify tooltip
cjsha Aug 21, 2025
f282ae1
Add tooltips
cjsha Aug 21, 2025
39dd253
Populate tooltips with informative content
cjsha Aug 21, 2025
3947d70
fix broken ref
cjsha Aug 22, 2025
f44f562
Separate Acquisition/Configuration and Device/Device Group properties…
cjsha Sep 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 8 additions & 2 deletions template/partials/class.tmpl.partial
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,14 +37,20 @@

{{^constituentOperator}}
<a class="xref" href="~/api/OpenEphys.Onix1.html#device-group">
<button class="badge oe-badge-border oe-badge-green">Device Group</button>
<button class="badge oe-badge-border oe-badge-green" data-bs-toggle="tooltip"
title="Device Group properties are only available through Device Group configuration operators. These properties are used to configure a group of devices.">
Device Group
</button>
</a>
<p>These are properties of the {{{oe.name}}} <a class="xref" href="~/api/configure.html">Device Group configuration operator</a>:</p>
{{/constituentOperator}}

{{#constituentOperator}}
<a class="xref" href="~/api/OpenEphys.Onix1.html#device">
<button class="badge oe-badge-border oe-badge-purple">Device</button>
<button class="badge oe-badge-border oe-badge-purple" data-bs-toggle="tooltip"
title="Device properties are available through Device configuration operators and Device Group configuration operators which typically combine multiple individual devices. These properties are used to configure a single device.">
Device
</button>
</a>
<p>{{{object}}} is a {{{type}}} device operator contained by the {{{oe.name}}} operator with the following properties:</p>
{{/constituentOperator}}
Expand Down
14 changes: 8 additions & 6 deletions template/partials/propertyTable.tmpl.partial
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,24 +10,26 @@
<tr>
<td style = "white-space: nowrap;">
<code id="{{{id}}}">{{{name}}}</code>
{{#acquisition}}
{{#acquisition}}
<div>
<a class="xref" href="~/api/OpenEphys.Onix1.html#acquisition">
<button class="badge oe-badge-border oe-badge-blue">
<button class="badge oe-badge-border oe-badge-blue" data-bs-toggle="tooltip"
title="Configuration properties have an effect on hardware when a workflow is started and are used to initialize the hardware state. If they are changed while a workflow is running, they will not have an effect until the workflow is restarted.">
Acquisition
</button>
</a>
</div>
{{/acquisition}}
{{#configuration}}
{{/acquisition}}
{{#configuration}}
<div>
<a class="xref" href="~/api/OpenEphys.Onix1.html#configuration">
<button class="badge oe-badge-border oe-badge-yellow">
<button class="badge oe-badge-border oe-badge-yellow" data-bs-toggle="tooltip"
title="Acquisition properties have an immediate effect on hardware when the workflow is running.">
Configuration
</button>
</a>
</div>
{{/configuration}}
{{/configuration}}
</td>
<td style = "white-space: nowrap;">
{{{type}}}
Expand Down
8 changes: 4 additions & 4 deletions template/public/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ export default {
title: 'Discord'
}
],
start: () => {
WorkflowContainer.init();
}
}
start: () => {
WorkflowContainer.init();
}
}
Loading