Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Move Intelligence file to Vue logic

Browse source
This commit is contained in:
Eli Ribble 2026-03-21 22:41:47 +00:00
parent eaeedd5356
commit 6d6fe9e1d6
No known key found for this signature in database
3 changed files with 41 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

6
ts/components/common/NavigationLink.vue
View file

@ -1,6 +1,6 @@
<template>
<a
:href="to"
<RouterLink
:to="to"
data-bs-toggle="tooltip"
data-bs-placement="right"
:title="label"
@ -14,7 +14,7 @@
<span>{{ notificationCount > 99 ? "99+" : notificationCount }}</span>
<span class="visually-hidden">unread notifications</span>
</span>
</a>
</RouterLink>
</template>
<script setup lang="ts">

6
ts/router.ts
View file

@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from "vue-router";
import type { RouteRecordRaw } from "vue-router";
import Home from "./view/Home.vue";
import About from "./view/About.vue";
import Intelligence from "./view/Intelligence.vue";
const routes: RouteRecordRaw[] = [
{
@ -14,6 +15,11 @@ const routes: RouteRecordRaw[] = [
name: "About",
component: About,
},
{
path: "/intelligence",
name: "Intelligence",
component: Intelligence,
},
];
const router = createRouter({

64
html/template/sync/intelligence-root.html → ts/view/Intelligence.vue
View file

@ -1,34 +1,4 @@
{{ template "sync/layout/authenticated.html" . }}
{{ define "title" }}Planning{{ end }}
{{ define "extraheader" }}
<style>
.report-card {
transition: all 0.3s;
border-radius: 10px;
}
.report-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.card-header {
border-radius: 10px 10px 0 0 !important;
}
.report-item {
padding: 12px;
border-left: 4px solid transparent;
transition: all 0.2s;
}
.report-item:hover {
background-color: rgba(0, 0, 0, 0.05);
border-left: 4px solid #0d6efd;
}
body {
background-color: #f8f9fa;
}
</style>
{{ end }}
{{ define "content" }}
<template>
<div class="container py-5">
<div class="row g-4">
<!-- Technician Supervision -->
@ -171,4 +141,34 @@
</div>
</div>
</div>
{{ end }}
</template>
<script setup lang="ts">
// No special logic needed for this component
</script>
<style scoped>
.report-card {
transition: all 0.3s;
border-radius: 10px;
}
.report-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.card-header {
border-radius: 10px 10px 0 0 !important;
}
.report-item {
padding: 12px;
border-left: 4px solid transparent;
transition: all 0.2s;
}
.report-item:hover {
background-color: rgba(0, 0, 0, 0.05);
border-left: 4px solid #0d6efd;
}
body {
background-color: #f8f9fa;
}
</style>