oceanhelm 0.0.8 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oceanhelm",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Oceanhelm's highly customizable library",
   "private": false,
   "type": "module",
@@ -31,7 +31,7 @@
     "build:lib": "vite build --mode library",
     "preview": "vite preview",
     "prepublishOnly": "npm run build:lib",
-    "test": "echo \"No tests specified\" && exit 0"
+    "test": "npm link"
   },
   "keywords": [
     "oceanhelm"

package/src/components/DashHead.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="page-header d-flex justify-content-between align-items-center">
-        <h2 style="margin-left: 20px;">{{ name }}</h2>
+        <h4 style="margin-left: 20px;">{{ name }}</h4>
         <div class="d-flex">
             <button class="btn btn-outline-primary me-2" @click="addUser()" v-if="this.userProfile.role == 'owner'">
                 <i class="bi bi-bell"></i>

package/src/components/RequisitionSystem.vue

@@ -505,7 +505,7 @@ export default {
                 { name: 'new-requisition', label: 'New Requisition', roles: ['requisitor'] },
                 { name: 'my-requisitions', label: 'My Requisitions', roles: ['requisitor'] },
                 { name: 'all-requisitions', label: 'All Requisitions', roles: ['requisitor', 'supervisor', 'captain', 'owner', 'purchaser'] },
-                { name: 'approvals', label: 'Pending Approvals', roles: ['owner', 'supervisor', 'captain'] },
+                { name: 'approvals', label: 'Pending Approvals', roles: ['owner', 'supervisor'] },
                 { name: 'purchasing', label: 'Purchasing Queue', roles: ['purchaser'] },
                 { name: 'receiving', label: 'Receiving', roles: ['requisitor'] },
                 { name: 'workflow', label: 'Workflow Guide', roles: ['requisitor', 'supervisor', 'owner', 'purchaser', 'captain'] }

package/src/components/VesselList.vue

@@ -2,7 +2,10 @@
     <!-- Fleet Summary -->
     <div class="row mb-3">
         <div class="col-md-4">
-            <div class="card border-0 shadow-sm">
+            <div class="card border-0 shadow-sm" 
+                 @click="filterVessels('Active')"
+                 :class="{ 'border-primary border-2': activeFilter === 'Active' }"
+                 style="cursor: pointer;">
                 <div class="card-body d-flex align-items-center">
                     <div class="rounded-circle bg-primary bg-opacity-10 p-3 me-3">
                         <i class="bi bi-check-circle-fill text-primary fs-4"></i>
@@ -15,7 +18,10 @@
             </div>
         </div>
         <div class="col-md-4">
-            <div class="card border-0 shadow-sm">
+            <div class="card border-0 shadow-sm"
+                 @click="filterVessels('Inactive')"
+                 :class="{ 'border-secondary border-2': activeFilter === 'Inactive' }"
+                 style="cursor: pointer;">
                 <div class="card-body d-flex align-items-center">
                     <div class="rounded-circle bg-secondary bg-opacity-10 p-3 me-3">
                         <i class="bi bi-pause-circle-fill text-secondary fs-4"></i>
@@ -29,7 +35,7 @@
         </div>
         <!-- Register New Fleet -->
         <div class="col-md-4" v-if="canAddVessel">
-            <div class="card border-0 shadow-sm" @click="handleAddVessel">
+            <div class="card border-0 shadow-sm" @click="handleAddVessel" style="cursor: pointer;">
                 <div class="card-body d-flex align-items-center">
                     <div class="rounded-circle bg-success bg-opacity-10 p-3 me-3">
                         <i class="bi bi-patch-plus-fill text-success fs-4"></i>
@@ -42,7 +48,20 @@
         </div>
     </div>
 
-    <h4 class="mb-4"><i class="bi bi-ship me-2"></i>Registered Vessels</h4>
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h4 class="mb-0"><i class="bi bi-ship me-2"></i>Registered Vessels</h4>
+        <button 
+            v-if="activeFilter !== 'All'" 
+            class="btn btn-sm btn-outline-secondary"
+            @click="clearFilter">
+            <i class="bi bi-x-circle me-1"></i>Clear Filter
+        </button>
+    </div>
+
+    <!-- Filter indicator -->
+    <div v-if="activeFilter !== 'All'" class="alert alert-info mb-3" role="alert">
+        Showing <strong>{{ activeFilter }}</strong> vessels ({{ filteredVessels.length }})
+    </div>
 
     <!-- Loading State -->
     <div v-if="loading" class="text-center py-4">
@@ -53,16 +72,22 @@
     </div>
 
     <!-- Empty State -->
-    <div v-else-if="!vessels.length" class="alert alert-primary" role="alert">
+    <div v-else-if="!filteredVessels.length && activeFilter === 'All'" class="alert alert-primary" role="alert">
         <h4 class="alert-heading">Empty Fleet!</h4>
         <p>You have an empty fleet, you have not added any vessel yet.</p>
         <hr>
         <p class="mb-0">Click on the add vessel button above, to start adding vessels to your fleet</p>
     </div>
 
+    <!-- No results for filter -->
+    <div v-else-if="!filteredVessels.length && activeFilter !== 'All'" class="alert alert-warning" role="alert">
+        <h4 class="alert-heading">No {{ activeFilter }} Vessels</h4>
+        <p class="mb-0">There are no {{ activeFilter.toLowerCase() }} vessels in your fleet.</p>
+    </div>
+
     <!-- Vessel Cards -->
     <div v-else class="row">
-        <div class="col-lg-6" v-for="vessel in vessels" :key="vessel.registrationNumber || vessel.id">
+        <div class="col-lg-6" v-for="vessel in filteredVessels" :key="vessel.registrationNumber || vessel.id">
             <div class="vessel-card" @click="handleVesselClick(vessel)">
                 <div class="card-body d-flex align-items-center">
                     <div class="vessel-icon v-left">
@@ -151,6 +176,12 @@ export default {
         }
     },
 
+    data() {
+        return {
+            activeFilter: 'All' // 'All', 'Active', or 'Inactive'
+        };
+    },
+
     emits: [
         'vessel-add',
         'vessel-click',
@@ -171,6 +202,13 @@ export default {
             return this.vessels.filter(vessel => vessel.status === "Inactive").length;
         },
 
+        filteredVessels() {
+            if (this.activeFilter === 'All') {
+                return this.vessels;
+            }
+            return this.vessels.filter(vessel => vessel.status === this.activeFilter);
+        },
+
         canAddVessel() {
             return this.config.enableAdd &&
                 (this.userProfile.role === 'owner' || this.userProfile.role === 'staff');
@@ -178,6 +216,15 @@ export default {
     },
 
     methods: {
+        // Filter methods
+        filterVessels(status) {
+            this.activeFilter = status;
+        },
+
+        clearFilter() {
+            this.activeFilter = 'All';
+        },
+
         // Event handlers that emit to parent
         handleAddVessel() {
             if (!this.canAddVessel) {

package/src/utils/sidebarConfig.js

@@ -12,7 +12,7 @@ export const createSidebarConfig = (options = {}) => {
 export const defaultMenuItems = [
     {
         type: 'link',
-        label: 'Dashboard',
+        label: 'Home',
         icon: 'bi bi-speedometer2',
         href: '/app/dashboard',
         active: true
@@ -26,8 +26,41 @@ export const defaultMenuItems = [
     },
     {
         type: 'text',
-        label: 'Services'
+        label: 'Modules'
     },
+    {
+        type: 'dropdown',
+        label: 'Compliance',
+        icon: 'bi bi-list-ul',
+        children: [
+            {
+                label: 'Vessel Certification',
+                action: 'vessel-cert',
+            },
+            {
+                type: 'separator'
+            },
+            {
+                label: 'Crew Certification',
+                action: 'crew-cert'
+            },
+            {
+                type: 'separator'
+            },
+            {
+                label: 'Reports',
+                action: 'reports'
+            },
+        ]
+    },
+    /* 
+    {
+        type: 'link',
+        label: 'Business Intelligence',
+        icon: 'bi bi-graph-up-arrow',
+        href: '/app/analytics'
+    },
+    */
     {
         type: 'button',
         label: 'Maintenance',