mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
Grid improvements
This commit is contained in:
parent
ed1070be79
commit
83fc9c50fe
1 changed files with 15 additions and 0 deletions
|
@ -16,6 +16,7 @@ import active_rig_control from "./grid_active_rig_control.vue";
|
|||
import active_broadcats from "./grid_active_broadcasts.vue";
|
||||
import s_meter from "./grid_s-meter.vue";
|
||||
import dbfs_meter from "./grid_dbfs.vue";
|
||||
import grid_activities from "./grid_activities.vue";
|
||||
import { stateDispatcher } from "../js/eventHandler";
|
||||
|
||||
let count = ref(0);
|
||||
|
@ -60,6 +61,11 @@ const gridWidgets = [
|
|||
),
|
||||
new gridWidget(s_meter, { x: 1, y: 1, w: 2, h: 4 }, "S-Meter"),
|
||||
new gridWidget(dbfs_meter, { x: 1, y: 1, w: 2, h: 4 }, "Dbfs Meter"),
|
||||
new gridWidget(
|
||||
grid_activities,
|
||||
{ x: 1, y: 1, w: 3, h: 27 },
|
||||
"Activities",
|
||||
),
|
||||
];
|
||||
onMounted(() => {
|
||||
grid = GridStack.init({
|
||||
|
@ -68,6 +74,9 @@ onMounted(() => {
|
|||
cellHeight: "10px",
|
||||
minRow: 50,
|
||||
margin: 5,
|
||||
draggable: {
|
||||
scroll: true,
|
||||
},
|
||||
resizable: {
|
||||
handles: "se,sw",
|
||||
},
|
||||
|
@ -148,6 +157,7 @@ function quickfill() {
|
|||
<template>
|
||||
<button type="button" @click="showModal">Add Widget pos [0,0]</button>
|
||||
<button type="button" @click="quickfill">Quickfill</button>
|
||||
<div class="grid-container vh-100">
|
||||
<div class="grid-stack">
|
||||
<div
|
||||
v-for="(w, indexs) in items"
|
||||
|
@ -170,6 +180,7 @@ function quickfill() {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="tileModal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
|
@ -257,4 +268,8 @@ function quickfill() {
|
|||
float: right;
|
||||
top: 6px;
|
||||
}
|
||||
.grid-container {
|
||||
border: 1px solid blue;
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue