Commit 4378d751 authored by Patrick Godwin's avatar Patrick Godwin

add hover text to some ui buttons

parent c224b209
Pipeline #74540 passed with stages
in 1 minute and 38 seconds
......@@ -22,102 +22,110 @@
</ul>
<!-- lock/unlock -->
<span v-if="analysis" title="Unlock Graph Layout">
<span v-if="analysis" title="Unlock Grid Layout">
<b-button class="ml-1 mr-1 border rounded border-secondary" size="sm" variant="light" :pressed.sync="analysis">
<i class="fas fa-lock"></i>
</b-button>
</span>
<span v-else title="Lock Graph Layout">
<span v-else title="Lock Grid Layout">
<b-button class="ml-1 mr-1 border rounded border-secondary" size="sm" variant="light" :pressed.sync="analysis">
<i class="fas fa-unlock"></i>
</b-button>
</span>
<!-- plot menu -->
<b-dropdown id="dropdown-left" size="sm" class="mx-1 border rounded border-secondary" variant="light">
<template slot="button-content">
<i class="fas fa-chart-line"></i>
</template>
% for i, plot in enumerate(plots):
<b-dropdown-item
class ="m-lg-2"
name="livecharts{{ plot['title'].replace(' ', '_').lower() }}"
href="#"
:checked={{ 'true' if plot['value'] == 'checked' else 'false' }}
@click="addItem(plots[{{ i }}])"
>
{{ plot['title'] }}
</b-dropdown-item>
</li>
% end
</ul>
</b-dropdown>
<span title="Available Plots">
<b-dropdown id="dropdown-left" size="sm" class="mx-1 border rounded border-secondary" variant="light">
<template slot="button-content">
<i class="fas fa-chart-line"></i>
</template>
% for i, plot in enumerate(plots):
<b-dropdown-item
class ="m-lg-2"
name="livecharts{{ plot['title'].replace(' ', '_').lower() }}"
href="#"
:checked={{ 'true' if plot['value'] == 'checked' else 'false' }}
@click="addItem(plots[{{ i }}])"
>
{{ plot['title'] }}
</b-dropdown-item>
</li>
% end
</ul>
</b-dropdown>
</span>
<!-- time selection -->
<b-button class="mx-1 border rounded border-secondary" size="sm" variant="light" v-on:click="decreaseTime">
<i class="fas fa-angle-left"></i>
</b-button>
<span title="Decrease Duration">
<b-button class="mx-1 border rounded border-secondary" size="sm" variant="light" v-on:click="decreaseTime">
<i class="fas fa-angle-left"></i>
</b-button>
</span>
<div>
<b-form-select class="border rounded border-secondary" size="sm" v-model="form.lookback" :options="options"></b-form-select>
</div>
<b-button class="mx-1 border rounded border-secondary" size="sm" variant="light" v-on:click="increaseTime">
<i class="fas fa-angle-right"></i>
</b-button>
<span title="Increase Duration">
<b-button class="mx-1 border rounded border-secondary" size="sm" variant="light" v-on:click="increaseTime">
<i class="fas fa-angle-right"></i>
</b-button>
</span>
<!-- online/historical options form -->
<b-nav-form id="nav-form" class="ml-1 mr-3">
<b-dropdown id="dropdown-form" class="border rounded border-secondary" size="sm" ref="dropdown" variant="light">
<template slot="button-content">
<i class="fas fa-history"></i>
</template>
<span v-if="form.type == 'online'" title="Online options">
<b-form-group id="input-group-1" class="my-2 mx-2" label="Lookback [s]" label-for="dropdown-lookback">
<b-form-input
name="lookback"
id="dropdown-lookback"
size="sm"
class="my-2 mx-1 w-75"
v-model="form.lookback"
placeholder="lookback"
></b-form-input>
</b-form-group>
<b-form-group id="input-group-2" class="my-2 mx-2" label="Delay [s]" label-for="dropdown-delay">
<b-form-input
name="delay"
id="dropdown-delay"
size="sm"
class="my-2 mx-1 w-75"
v-model="form.delay"
placeholder="delay"
></b-form-input>
</b-form-group>
</span>
<span v-else title="Historical options">
<b-form-group id="input-group-1" class="my-2 mx-2" label="GPS Start [s]" label-for="dropdown-start">
<b-form-input
name="start"
id="dropdown-start"
size="sm"
class="my-2 mx-1 w-75"
v-model="form.start"
placeholder="start time"
></b-form-input>
</b-form-group>
<b-form-group id="input-group-2" class="my-2 mx-2" label="GPS End [s]" label-for="dropdown-end">
<b-form-input
name="end"
id="dropdown-end"
size="sm"
class="my-2 mx-1 w-75"
v-model="form.end"
placeholder="end time"
></b-form-input>
</b-form-group>
</span>
</b-dropdown>
<span title="Query Options">
<b-dropdown id="dropdown-form" class="border rounded border-secondary" size="sm" ref="dropdown" variant="light">
<template slot="button-content">
<i class="fas fa-history"></i>
</template>
<span v-if="form.type == 'online'" title="Online Options">
<b-form-group id="input-group-1" class="my-2 mx-2" label="Lookback [s]" label-for="dropdown-lookback">
<b-form-input
name="lookback"
id="dropdown-lookback"
size="sm"
class="my-2 mx-1 w-75"
v-model="form.lookback"
placeholder="lookback"
></b-form-input>
</b-form-group>
<b-form-group id="input-group-2" class="my-2 mx-2" label="Delay [s]" label-for="dropdown-delay">
<b-form-input
name="delay"
id="dropdown-delay"
size="sm"
class="my-2 mx-1 w-75"
v-model="form.delay"
placeholder="delay"
></b-form-input>
</b-form-group>
</span>
<span v-else title="Historical Options">
<b-form-group id="input-group-1" class="my-2 mx-2" label="GPS Start [s]" label-for="dropdown-start">
<b-form-input
name="start"
id="dropdown-start"
size="sm"
class="my-2 mx-1 w-75"
v-model="form.start"
placeholder="start time"
></b-form-input>
</b-form-group>
<b-form-group id="input-group-2" class="my-2 mx-2" label="GPS End [s]" label-for="dropdown-end">
<b-form-input
name="end"
id="dropdown-end"
size="sm"
class="my-2 mx-1 w-75"
v-model="form.end"
placeholder="end time"
></b-form-input>
</b-form-group>
</span>
</b-dropdown>
</span>
<!-- online/historical toggle -->
<!-- online/historical toggle -->
<b-form-group id="input-group-3" class="mx-1" label-for="type">
<b-form-radio-group
id="type"
......@@ -130,6 +138,7 @@
></b-form-radio-group>
</b-form-group>
<b-button size="sm" class="mr-4" variant="outline-success" type="submit">Go</b-button>
</b-form>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment