2025-06-25 10:31:41 +03:00
|
|
|
import ViewMode, { ViewModeArgs } from "./view_mode";
|
|
|
|
|
|
|
|
|
|
const TPL = /*html*/`
|
|
|
|
|
<div class="table-view">
|
2025-06-25 10:40:04 +03:00
|
|
|
<style>
|
|
|
|
|
.table-view {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 100%;
|
|
|
|
|
user-select: none;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
2025-06-25 10:31:41 +03:00
|
|
|
<p>Table view goes here.</p>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
export default class TableView extends ViewMode {
|
|
|
|
|
|
|
|
|
|
private $root: JQuery<HTMLElement>;
|
|
|
|
|
|
|
|
|
|
constructor(args: ViewModeArgs) {
|
|
|
|
|
super(args);
|
|
|
|
|
|
|
|
|
|
this.$root = $(TPL);
|
|
|
|
|
args.$parent.append(this.$root);
|
|
|
|
|
}
|
|
|
|
|
|
2025-06-25 10:40:04 +03:00
|
|
|
get isFullHeight(): boolean {
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
2025-06-25 10:31:41 +03:00
|
|
|
async renderList() {
|
|
|
|
|
return this.$root;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|