graham/towerops
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

about wording

Browse source
This commit is contained in:
Graham McIntire 2026-01-31 13:22:38 -06:00
parent 15ac68fd9c
commit 4bcac595ad
1 changed files with 88 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

89
lib/towerops_web/live/help_live/index.ex
View file

@ -42,7 +42,7 @@ defmodule ToweropsWeb.HelpLive.Index do
@impl true
def handle_params(params, _url, socket) do
section = Map.get(params, "section", "getting-started")
section = Map.get(params, "section", "about")
{:noreply, assign(socket, active_section: section)}
end
@ -88,6 +88,21 @@ defmodule ToweropsWeb.HelpLive.Index do
Sections
</h3>
<ul class="space-y-1">
<li>
<.link
patch={~p"/help?section=about"}
class={[
"block px-3 py-2 rounded-md text-sm font-medium transition-colors",
if @active_section == "about" do
"bg-blue-50 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300"
else
"text-gray-700 hover:bg-gray-50 dark:text-gray-300 dark:hover:bg-gray-800"
end
]}
>
About Towerops
</.link>
</li>
<li>
<.link
patch={~p"/help?section=getting-started"}
@ -140,6 +155,78 @@ defmodule ToweropsWeb.HelpLive.Index do
<div class="lg:col-span-3">
<div class="bg-white dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-white/10">
<%= case @active_section do %>
<% "about" -> %>
<div class="p-6">
<h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4">
About Towerops
</h2>
<div class="prose prose-sm dark:prose-invert max-w-none">
<p class="text-gray-600 dark:text-gray-400">
Towerops is a modern network monitoring and management platform designed to provide
comprehensive visibility into your network infrastructure. It came out of a need to simplify
network monitoring and alerting while running a wireless ISP.
</p>
<p class="text-gray-600 dark:text-gray-400 mt-4">
Think of Towerops as combining the best of LibreNMS, Icinga2/Nagios, and PagerDuty into
a single, unified platform. You get deep network device monitoring with SNMP auto-discovery,
flexible health checks and alerting, and intelligent incident management—all with a modern
interface that makes complex monitoring workflows simple and accessible.
</p>
<div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="p-4 bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-white/10 rounded-lg">
<h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">
Network Monitoring
</h4>
<p class="text-sm text-gray-600 dark:text-gray-400">
Like LibreNMS, discover and monitor network devices via SNMP with support for
multi-vendor equipment, interface statistics, and topology mapping.
</p>
</div>
<div class="p-4 bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-white/10 rounded-lg">
<h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">
Health Checks & Alerting
</h4>
<p class="text-sm text-gray-600 dark:text-gray-400">
Like Icinga2/Nagios, configure flexible monitoring checks with customizable thresholds
and alert conditions for any metric or device state.
</p>
</div>
<div class="p-4 bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-white/10 rounded-lg">
<h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">
Incident Management
</h4>
<p class="text-sm text-gray-600 dark:text-gray-400">
Like PagerDuty, manage incidents with intelligent alerting, escalation policies,
and notification routing to keep your team informed.
</p>
</div>
</div>
<div class="mt-6 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg">
<div class="flex gap-3">
<.icon
name="hero-information-circle"
class="h-5 w-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5"
/>
<div>
<p class="text-sm text-blue-800 dark:text-blue-300">
Ready to get started? Check out the
<.link
patch={~p"/help?section=getting-started"}
class="underline hover:text-blue-900 dark:hover:text-blue-200"
>
Getting Started
</.link>
guide to begin monitoring your network infrastructure.
</p>
</div>
</div>
</div>
</div>
</div>
<% "getting-started" -> %>
<div class="p-6">
<h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4">