Feat: OPNsense integration

docs/integrations/opnsense/index.mdx

@@ -20,17 +20,59 @@ import { firewallWidget } from '../../widgets/firewall';
 
 ### Widgets & Capabilities
 <IntegrationCapabilites
-    items={[{
-        widget: firewallWidget,
-    }]}
+  items={[{
+    widget: firewallWidget,
+  }]}
 />
 
 ### Adding the integration
 <AddingIntegration />
 
+#### Using HTTPS to access your firewall
+
+If you are using HTTPS to access your firewall, you must add the certificate to Homarr before adding the integration
+
+Moreover, if you are accessing your firewall through its IP address, you also need to generate a custom certificate that includes the IP address you access it with.
+
+go to System -> Trust -> Certificates in the dashboard.
+
+Create a new certificate
+![New certificate](img/certificate_create_1.png)
+
+Method : Create an internal certificate
+
+
+Description : what ever you like, but something meaningful
+
+Type : Server Certificate
+
+Private Key Location : Save on this firewall
+
+Key type : RSA 4096
+
+Digest Algorithm : SHA 512
+
+Country code : Your Country
+
+DNS domain names : any DNS name you are using to access your OPNsense firewall
+
+![Alternatives names](img/certificate_create_2.png)
+
+IP addresses : the IP address you access your firewall with
+
+When everything seems good, click save to generate the certificate
+
+Now head out to System -> Settings -> Administration
+
+![Web GUI parameters](img/administration_parameters.png)
+
+Click on the select box next to Certificates and select the previously created certificate
+
+When you save this parameter, you'll probably have to refresh the web page to redeem access to your firewall.
+
 ### Secrets
 <IntegrationSecrets secrets={[{
-    tabLabel: "ApiKey (Key & Secret)",
-    credentials: ['opnsenseApiKey', 'opnsenseApiSecret'],
-    steps: [],
-}]} />
+  tabLabel: "ApiKey (Key & Secret)",
+  credentials: ['opnsenseApiKey', 'opnsenseApiSecret'],
+  steps: [],
+}]} />

versioned_docs/version-1.31.0/integrations/opnsense/index.mdx

@@ -28,9 +28,52 @@ import { firewallWidget } from '../../widgets/firewall';
 ### Adding the integration
 <AddingIntegration />
 
+#### Using HTTPS to access your firewall
+
+If you are using HTTPS to access your firewall, you must add the certificate to Homarr before adding the integration
+
+Moreover, if you are accessing your firewall through its IP address, you also need to generate a custom certificate that includes the IP address you access it with.
+
+go to System -> Trust -> Certificates in the dashboard.
+
+Create a new certificate
+
+![New certificate](img/certificate_create_1.png)
+
+Method : Create an internal certificate
+
+
+Description : what ever you like, but something meaningful
+
+Type : Server Certificate
+
+Private Key Location : Save on this firewall
+
+Key type : RSA 4096
+
+Digest Algorithm : SHA 512
+
+Country code : Your Country
+
+DNS domain names : any DNS name you are using to access your OPNsense firewall
+
+![Alternatives names](img/certificate_create_2.png)
+
+IP addresses : the IP address you access your firewall with
+
+When everything seems good, click save to generate the certificate
+
+Now head out to System -> Settings -> Administration
+
+![Web GUI parameters](img/administration_parameters.png)
+
+Click on the select box next to Certificates and select the previously created certificate
+
+When you save this parameter, you'll probably have to refresh the web page to redeem access to your firewall.
+
 ### Secrets
 <IntegrationSecrets secrets={[{
     tabLabel: "ApiKey (Key & Secret)",
     credentials: ['opnsenseApiKey', 'opnsenseApiSecret'],
     steps: [],
-}]} />
+}]} />

versioned_docs/version-1.31.0/widgets/firewall/index.mdx

@@ -20,9 +20,8 @@ import { opnsenseIntegration } from '../../integrations/opnsense';
 
 ### Screenshots
 
-:::note
-Screenshots will follow soon.
-:::
+![Firewall Widget](img/firewall_widget.png)
+
 
 ### Supported Integrations