docs(integrations): add truenas (#356)

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

Author: manuel-rw

docs/integrations/truenas/index.mdx

@@ -0,0 +1,40 @@
+---
+title: 'TrueNAS'
+description: "Enterprise network-attached storage for your home, office, and cloud."
+hide_title: true
+---
+
+import { IntegrationHeader } from '@site/src/components/integrations/header';
+import { IntegrationCapabilites } from '@site/src/components/integrations/widgets';
+import { AddingIntegration } from '@site/src/components/integrations/adding';
+import { IntegrationSecrets } from '@site/src/components/integrations/secrets';
+import { truenasIntegration } from '.';
+import { systemResourcesWidget } from '@site/docs/widgets/system-resources';
+import { healthMonitoringWidget } from '@site/docs/widgets/health-monitoring';
+
+
+<IntegrationHeader
+  integration={truenasIntegration}
+  categories={['NAS', 'Hardware']}
+/>
+
+### Widgets & Capabilities
+<IntegrationCapabilites
+    items={[
+      { widget: healthMonitoringWidget },
+      { widget: systemResourcesWidget },
+      ]}
+/>
+
+### Adding the integration
+<AddingIntegration />
+
+### Secrets
+<IntegrationSecrets secrets={[{
+    credentials: ['username', 'password'],
+    steps: [
+      "Create a user on the TrueNAS UI with a secure password at \"Credentials\" > \"Users\" > \"Add User\".",
+      "Add the auxiliary group \"auxiliary_administrator\" to the user.",
+      "Save the user and create an integration in Homarr with the previous defined credentials"
+    ],
+}]} />

docs/integrations/truenas/index.ts

@@ -0,0 +1,7 @@
+import { IntegrationDefinition } from '@site/src/types';
+export const truenasIntegration: IntegrationDefinition = {
+  name: 'TrueNAS',
+  description: 'Enterprise network-attached storage for your home, office, and cloud.',
+  iconUrl: 'https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/truenas.svg',
+  path: '../../integrations/truenas',
+};

docs/widgets/health-monitoring/index.mdx

@@ -28,6 +28,7 @@ This widget displays information about the health and status of your system(s),
 
 import systemView from './img/system-view.png';
 import clusterView from './img/cluster-view.png';
+import { truenasIntegration } from '@site/docs/integrations/truenas';
 
 <img src={systemView} alt="health-monitoring system-view" width={256} height={256} />
 <img src={clusterView} alt="health-monitoring cluster-view" width={256} height={256} />
@@ -40,6 +41,9 @@ import clusterView from './img/cluster-view.png';
 }, {
   integration: openMediaVaultIntegration,
   note: "Will display information on the system tab"
+}, {
+  integration: truenasIntegration,
+  note: "Will display information on the system tab"
 }, {
   integration: proxmoxIntegration,
   note: "Will display information on the cluster tab, only supports one integration at a time"

docs/widgets/system-resources/index.mdx

@@ -24,6 +24,7 @@ Displays CPU, RAM and network of your host in real time
 ### Screenshots
 
 import widget from './img/dark-widget.png';
+import { truenasIntegration } from '@site/docs/integrations/truenas';
 
 <div className='flex gap-1'>
   <img src={widget} alt="system resources widget" width={256} height={256} />
@@ -35,6 +36,8 @@ import widget from './img/dark-widget.png';
   integration: dashDotIntegration
 }, {
   integration: openMediaVaultIntegration
+}, {
+  integration: truenasIntegration
 }]} />
 
 ### Adding the widget