mirror of
https://github.com/firestar5683/StarPilot.git
synced 2026-11-08 13:33:42 +08:00
firestar5683
00364fd645
Separate Galaxy authentication and local access policy from web presentation. Co-authored-by: Danny <dannyirwin31@yahoo.com> Co-authored-by: Prabhaav Pillai <prabhaav@msu.edu> Co-authored-by: dirwin31 <83434411+dirwin31@users.noreply.github.com> Co-authored-by: firestarsdog <229254897+firestarsdog@users.noreply.github.com>
20 lines
831 B
JavaScript
20 lines
831 B
JavaScript
// Shared submenu entry for tool groups, driving preferences and cameras so
|
|
// the icon alignment, hover and press feedback are identical everywhere.
|
|
export const MenuTile = {
|
|
name: "MenuTile",
|
|
props: {
|
|
icon: { type: String, default: "" },
|
|
title: { type: String, required: true },
|
|
description: { type: String, default: "" },
|
|
availability: { type: String, default: "" },
|
|
disabled: { type: Boolean, default: false },
|
|
},
|
|
emits: ["select"],
|
|
template: `<button type="button" class="gx-menu-tile" :disabled="disabled" @click="!disabled && $emit('select')">
|
|
<i class="bi" :class="icon" aria-hidden="true"></i>
|
|
<span>{{ title }}</span>
|
|
<small v-if="description">{{ description }}</small>
|
|
<small v-if="availability" class="gx-menu-tile__availability">{{ availability }}</small>
|
|
</button>`,
|
|
}
|