mirror of
https://github.com/jokob-sk/NetAlertX.git
synced 2026-03-01 13:45:56 -05:00
786cc5ee33
- Added network-api.js for handling API calls related to network devices and nodes. - Introduced network-events.js to manage event handlers for node interactions and window resizing. - Created network-init.js for initializing network topology on page load and fetching device data. - Developed network-tabs.js for rendering network tabs and managing tab content. - Implemented network-tree.js for constructing and rendering the tree hierarchy of network devices. - Enhanced error handling and user feedback for API calls and data loading processes. - Included caching mechanisms for user preferences regarding device visibility.
79 lines
2.3 KiB
PHP
Executable File
79 lines
2.3 KiB
PHP
Executable File
<?php
|
|
require 'php/templates/header.php';
|
|
require 'php/templates/modals.php';
|
|
?>
|
|
|
|
<!-- Page ------------------------------------------------------------------ -->
|
|
<div class="content-wrapper">
|
|
<span class="helpIcon">
|
|
<a target="_blank" href="https://docs.netalertx.com/NETWORK_TREE">
|
|
<i class="fa fa-circle-question"></i>
|
|
</a>
|
|
</span>
|
|
|
|
<div id="toggleFilters" class="">
|
|
<div class="checkbox icheck col-xs-12">
|
|
<label>
|
|
<input type="checkbox" name="showOffline" checked>
|
|
<div style="margin-left: 10px; display: inline-block; vertical-align: top;">
|
|
<?= lang('Network_ShowOffline');?>
|
|
<span id="showOfflineNumber">
|
|
<!-- placeholder -->
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="checkbox icheck col-xs-12">
|
|
<label>
|
|
<input type="checkbox" name="showArchived">
|
|
<div style="margin-left: 10px; display: inline-block; vertical-align: top;">
|
|
<?= lang('Network_ShowArchived');?>
|
|
<span id="showArchivedNumber">
|
|
<!-- placeholder -->
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="networkTree" class="drag">
|
|
<!-- Tree topology Placeholder -->
|
|
</div>
|
|
|
|
<!-- Main content ---------------------------------------------------------- -->
|
|
<section class="content networkTable">
|
|
<!-- /.content -->
|
|
<div class="nav-tabs-custom">
|
|
<ul class="nav nav-tabs">
|
|
<!-- Placeholder -->
|
|
</ul>
|
|
</div>
|
|
<div class="tab-content">
|
|
<!-- Placeholder -->
|
|
</div>
|
|
</section>
|
|
<section id="unassigned-devices-wrapper">
|
|
<!-- Placeholder -->
|
|
</section>
|
|
<!-- /.content -->
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
<!-- ----------------------------------------------------------------------- -->
|
|
|
|
<?php
|
|
require 'php/templates/footer.php';
|
|
?>
|
|
|
|
<!-- <script src="lib/treeviz/bundle.js"></script> -->
|
|
<script src="lib/treeviz/treeviz.iife.js"></script>
|
|
|
|
<!-- Network Topology JavaScript Modules -->
|
|
<script defer src="js/network-api.js"></script>
|
|
<script defer src="js/network-tree.js"></script>
|
|
<script defer src="js/network-tabs.js"></script>
|
|
<script defer src="js/network-events.js"></script>
|
|
<script defer src="js/network-init.js"></script>
|
|
|
|
|
|
|