mirror of
				https://github.com/billz/raspap-webgui.git
				synced 2025-03-01 10:31:47 +00:00 
			
		
		
		
	Work in progress
This commit is contained in:
		
							
								
								
									
										296
									
								
								index.php
									
									
									
									
									
								
							
							
						
						
									
										296
									
								
								index.php
									
									
									
									
									
								
							@@ -93,7 +93,7 @@ $theme_url = 'app/css/'.htmlspecialchars($theme, ENT_QUOTES);
 | 
			
		||||
    <![endif]-->
 | 
			
		||||
  </head>
 | 
			
		||||
  <body id="page-top">
 | 
			
		||||
 | 
			
		||||
    <!-- Page Wrapper -->
 | 
			
		||||
    <div id="wrapper">
 | 
			
		||||
      <!-- Sidebar -->
 | 
			
		||||
      <ul class="navbar-nav bg-gray-100 sidebar sidebar-light accordion" id="accordionSidebar">
 | 
			
		||||
@@ -107,142 +107,158 @@ $theme_url = 'app/css/'.htmlspecialchars($theme, ENT_QUOTES);
 | 
			
		||||
        <!-- Divider -->
 | 
			
		||||
        <hr class="sidebar-divider my-0">
 | 
			
		||||
 | 
			
		||||
        <!-- Nav Item - Dashboard -->
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=wlan0_info"><i class="fas fa-tachometer-alt fa-fw"></i> <?php echo _("Dashboard"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
              <?php if (RASPI_WIFICLIENT_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=wpa_conf"><i class="fas fa-wifi fa-fw"></i> <?php echo _("Configure WiFi client"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
                <?php if (RASPI_HOTSPOT_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=hostapd_conf"><i class="far fa-dot-circle fa-fw"></i> <?php echo _("Configure hotspot"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
                <?php if (RASPI_NETWORK_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                 <a class="nav-link" href="index.php?page=network_conf"><i class="fas fa-sitemap fa-fw"></i> <?php echo _("Configure networking"); ?></a>
 | 
			
		||||
              </li> 
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
                <?php if (RASPI_DHCP_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=dhcpd_conf"><i class="fas fa-exchange-alt fa-fw"></i> <?php echo _("Configure DHCP Server"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
                <?php if (RASPI_OPENVPN_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=openvpn_conf"><i class="fas fa-lock fa-fw"></i> <?php echo _("Configure OpenVPN"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
                <?php if (RASPI_TORPROXY_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                 <a class="nav-link" href="index.php?page=torproxy_conf"><i class="fas fa-eye-slash fa-fw"></i> <?php echo _("Configure TOR proxy"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
                <?php if (RASPI_CONFAUTH_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=auth_conf"><i class="fas fa-lock fa-fw"></i> <?php echo _("Configure Auth"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
                <?php if (RASPI_CHANGETHEME_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=theme_conf"><i class="fas fa-paint-brush fa-fw"></i> <?php echo _("Change Theme"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
                <?php if (RASPI_VNSTAT_ENABLED) : ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=data_use"><i class="fas fa-chart-bar fa-fw"></i> <?php echo _("Data usage"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
                <?php endif; ?>
 | 
			
		||||
              <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=system_info"><i class="fas fa-cube fa-fw"></i> <?php echo _("System"); ?></a>
 | 
			
		||||
              </li>
 | 
			
		||||
               <li class="nav-item">
 | 
			
		||||
                <a class="nav-link" href="index.php?page=about"><i class="fas fa-info-circle fa-fw"></i> <?php echo _("About RaspAP"); ?></a>
 | 
			
		||||
	      </li>
 | 
			
		||||
	      <hr class="sidebar-divider d-none d-md-block">
 | 
			
		||||
	      <!-- Sidebar Toggler (Sidebar) -->
 | 
			
		||||
              <div class="text-center d-none d-md-inline">
 | 
			
		||||
                <button class="rounded-circle border-0" id="sidebarToggle"></button>
 | 
			
		||||
              </div>
 | 
			
		||||
	   </ul>
 | 
			
		||||
           <!-- End of Sidebar -->
 | 
			
		||||
 | 
			
		||||
      <!-- Begin Page Content -->
 | 
			
		||||
      <div class="container-fluid">
 | 
			
		||||
 | 
			
		||||
        <!-- Content Row
 | 
			
		||||
        <div class="row">
 | 
			
		||||
          <div class="col-sm-12">
 | 
			
		||||
            <h2 class="page-header">
 | 
			
		||||
              <img class="logo" src="app/img/raspAP-logo.png" width="45" height="45">RaspAP
 | 
			
		||||
            </h2>
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>< /.row -->
 | 
			
		||||
 | 
			
		||||
        <!-- Page Heading -->
 | 
			
		||||
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
 | 
			
		||||
          <!-- todo -->
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=wlan0_info"><i class="fas fa-tachometer-alt fa-fw"></i> <?php echo _("Dashboard"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	<?php if (RASPI_WIFICLIENT_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=wpa_conf"><i class="fas fa-wifi fa-fw"></i> <?php echo _("Configure WiFi client"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	  <?php if (RASPI_HOTSPOT_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=hostapd_conf"><i class="far fa-dot-circle fa-fw"></i> <?php echo _("Configure hotspot"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	  <?php if (RASPI_NETWORK_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	   <a class="nav-link" href="index.php?page=network_conf"><i class="fas fa-sitemap fa-fw"></i> <?php echo _("Configure networking"); ?></a>
 | 
			
		||||
	</li> 
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	  <?php if (RASPI_DHCP_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=dhcpd_conf"><i class="fas fa-exchange-alt fa-fw"></i> <?php echo _("Configure DHCP Server"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	  <?php if (RASPI_OPENVPN_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=openvpn_conf"><i class="fas fa-lock fa-fw"></i> <?php echo _("Configure OpenVPN"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	  <?php if (RASPI_TORPROXY_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	   <a class="nav-link" href="index.php?page=torproxy_conf"><i class="fas fa-eye-slash fa-fw"></i> <?php echo _("Configure TOR proxy"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	  <?php if (RASPI_CONFAUTH_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	<a class="nav-link" href="index.php?page=auth_conf"><i class="fas fa-lock fa-fw"></i> <?php echo _("Configure Auth"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	  <?php if (RASPI_CHANGETHEME_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=theme_conf"><i class="fas fa-paint-brush fa-fw"></i> <?php echo _("Change Theme"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	  <?php if (RASPI_VNSTAT_ENABLED) : ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=data_use"><i class="fas fa-chart-bar fa-fw"></i> <?php echo _("Data usage"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	  <?php endif; ?>
 | 
			
		||||
	<li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=system_info"><i class="fas fa-cube fa-fw"></i> <?php echo _("System"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	 <li class="nav-item">
 | 
			
		||||
	  <a class="nav-link" href="index.php?page=about"><i class="fas fa-info-circle fa-fw"></i> <?php echo _("About RaspAP"); ?></a>
 | 
			
		||||
	</li>
 | 
			
		||||
	<hr class="sidebar-divider d-none d-md-block">
 | 
			
		||||
	<!-- Sidebar Toggler (Sidebar) -->
 | 
			
		||||
	<div class="text-center d-none d-md-inline">
 | 
			
		||||
	  <button class="rounded-circle border-0" id="sidebarToggle"></button>
 | 
			
		||||
	</div>
 | 
			
		||||
     </ul>
 | 
			
		||||
     <!-- End of Sidebar -->
 | 
			
		||||
 | 
			
		||||
        <?php
 | 
			
		||||
        $extraFooterScripts = array();
 | 
			
		||||
        // handle page actions
 | 
			
		||||
        switch ($page) {
 | 
			
		||||
            case "wlan0_info":
 | 
			
		||||
                DisplayDashboard();
 | 
			
		||||
                break;
 | 
			
		||||
            case "dhcpd_conf":
 | 
			
		||||
                DisplayDHCPConfig();
 | 
			
		||||
                break;
 | 
			
		||||
            case "wpa_conf":
 | 
			
		||||
                DisplayWPAConfig();
 | 
			
		||||
                break;
 | 
			
		||||
            case "network_conf":
 | 
			
		||||
                DisplayNetworkingConfig();
 | 
			
		||||
                break;
 | 
			
		||||
            case "hostapd_conf":
 | 
			
		||||
                DisplayHostAPDConfig();
 | 
			
		||||
                break;
 | 
			
		||||
            case "openvpn_conf":
 | 
			
		||||
                DisplayOpenVPNConfig();
 | 
			
		||||
                break;
 | 
			
		||||
            case "torproxy_conf":
 | 
			
		||||
                DisplayTorProxyConfig();
 | 
			
		||||
                break;
 | 
			
		||||
            case "auth_conf":
 | 
			
		||||
                DisplayAuthConfig($config['admin_user'], $config['admin_pass']);
 | 
			
		||||
                break;
 | 
			
		||||
            case "save_hostapd_conf":
 | 
			
		||||
                SaveTORAndVPNConfig();
 | 
			
		||||
                break;
 | 
			
		||||
            case "theme_conf":
 | 
			
		||||
                DisplayThemeConfig();
 | 
			
		||||
                break;
 | 
			
		||||
            case "data_use":
 | 
			
		||||
                DisplayDataUsage($extraFooterScripts);
 | 
			
		||||
                break;
 | 
			
		||||
            case "system_info":
 | 
			
		||||
                DisplaySystem();
 | 
			
		||||
                break;
 | 
			
		||||
            case "about":
 | 
			
		||||
                DisplayAbout();
 | 
			
		||||
                break;
 | 
			
		||||
            default:
 | 
			
		||||
                DisplayDashboard();
 | 
			
		||||
        }
 | 
			
		||||
           <!-- Begin Page Content -->
 | 
			
		||||
	  <div id="content-wrapper" class="d-flex flex-column">
 | 
			
		||||
            <!-- Main Content -->
 | 
			
		||||
            <div id="content"> 
 | 
			
		||||
              <!-- Topbar -->
 | 
			
		||||
	      <nav class="navbar navbar-expand navbar-light bg-gray-100 topbar mb-4 static-top">
 | 
			
		||||
                <!-- Sidebar Toggle (Topbar) -->
 | 
			
		||||
                <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
 | 
			
		||||
                  <i class="fa fa-bars"></i>
 | 
			
		||||
	        </button>
 | 
			
		||||
	        <!-- Topbar Navbar -->
 | 
			
		||||
              </nav>
 | 
			
		||||
              <!-- End of Topbar -->
 | 
			
		||||
              <!-- Begin Page Content -->
 | 
			
		||||
              <div class="container-fluid">
 | 
			
		||||
    
 | 
			
		||||
              <?php
 | 
			
		||||
              $extraFooterScripts = array();
 | 
			
		||||
              // handle page actions
 | 
			
		||||
              switch ($page) {
 | 
			
		||||
	      case "wlan0_info":
 | 
			
		||||
		  DisplayDashboard();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "dhcpd_conf":
 | 
			
		||||
		  DisplayDHCPConfig();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "wpa_conf":
 | 
			
		||||
		  DisplayWPAConfig();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "network_conf":
 | 
			
		||||
		  DisplayNetworkingConfig();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "hostapd_conf":
 | 
			
		||||
		  DisplayHostAPDConfig();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "openvpn_conf":
 | 
			
		||||
		  DisplayOpenVPNConfig();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "torproxy_conf":
 | 
			
		||||
		  DisplayTorProxyConfig();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "auth_conf":
 | 
			
		||||
		  DisplayAuthConfig($config['admin_user'], $config['admin_pass']);
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "save_hostapd_conf":
 | 
			
		||||
		  SaveTORAndVPNConfig();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "theme_conf":
 | 
			
		||||
		  DisplayThemeConfig();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "data_use":
 | 
			
		||||
		  DisplayDataUsage($extraFooterScripts);
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "system_info":
 | 
			
		||||
		  DisplaySystem();
 | 
			
		||||
		  break;
 | 
			
		||||
	      case "about":
 | 
			
		||||
		  DisplayAbout();
 | 
			
		||||
		  break;
 | 
			
		||||
	      default:
 | 
			
		||||
		  DisplayDashboard();
 | 
			
		||||
	      }
 | 
			
		||||
 | 
			
		||||
?>
 | 
			
		||||
      </div><!-- /#page-wrapper --> 
 | 
			
		||||
    </div><!-- /#wrapper -->
 | 
			
		||||
           ?>
 | 
			
		||||
          </div><!-- /.container-fluid --> 
 | 
			
		||||
        </div><!-- End of Main Content -->
 | 
			
		||||
        <!-- Footer -->
 | 
			
		||||
        <footer class="sticky-footer bg-grey-100">
 | 
			
		||||
          <div class="container my-auto">
 | 
			
		||||
            <div class="copyright text-center my-auto">
 | 
			
		||||
              <span></span>
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
	</footer>
 | 
			
		||||
        <!-- End Footer -->
 | 
			
		||||
      </div><!-- End of Content Wrapper -->
 | 
			
		||||
    </div><!-- End of Page Wrapper -->
 | 
			
		||||
    <!-- Scroll to Top Button-->
 | 
			
		||||
    <a class="scroll-to-top rounded" href="#page-top" style="display: inline;">
 | 
			
		||||
      <i class="fas fa-angle-up"></i>
 | 
			
		||||
    </a> 
 | 
			
		||||
 | 
			
		||||
    <!-- jQuery -->
 | 
			
		||||
    <script src="dist/jquery/jquery.min.js"></script>
 | 
			
		||||
 | 
			
		||||
    <!-- Bootstrap Core JavaScript -->
 | 
			
		||||
    <script src="dist/bootstrap/js/bootstrap.min.js"></script>
 | 
			
		||||
    <script src="dist/bootstrap/js/bootstrap.bundle.min.js"></script>
 | 
			
		||||
 | 
			
		||||
    <!-- Core plugin JavaScript -->
 | 
			
		||||
    <script src="dist/jquery-easing/jquery.easing.min.js"></script>
 | 
			
		||||
 | 
			
		||||
    <!-- Bootstrap Toggle JavaScript -->
 | 
			
		||||
    <script src="dist/bootstrap-toggle/js/bootstrap-toggle.min.js"></script>
 | 
			
		||||
@@ -256,18 +272,18 @@ $theme_url = 'app/css/'.htmlspecialchars($theme, ENT_QUOTES);
 | 
			
		||||
    <!-- Custom RaspAP JS -->
 | 
			
		||||
    <script src="app/js/custom.js"></script>
 | 
			
		||||
 | 
			
		||||
<?php
 | 
			
		||||
// Load non default JS/ECMAScript in footer.
 | 
			
		||||
foreach ($extraFooterScripts as $script) {
 | 
			
		||||
    echo '    <script type="text/javascript" src="' , $script['src'] , '"';
 | 
			
		||||
    if ($script['defer']) {
 | 
			
		||||
        echo ' defer="defer"';
 | 
			
		||||
    }
 | 
			
		||||
  <?php
 | 
			
		||||
  // Load non default JS/ECMAScript in footer.
 | 
			
		||||
  foreach ($extraFooterScripts as $script) {
 | 
			
		||||
      echo '    <script type="text/javascript" src="' , $script['src'] , '"';
 | 
			
		||||
      if ($script['defer']) {
 | 
			
		||||
	  echo ' defer="defer"';
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
    // if ($script['async']) { echo ( echo ' defer="async"'; ), intrigity=, nonce=  etc. etc.
 | 
			
		||||
    echo '></script>' , PHP_EOL;
 | 
			
		||||
}
 | 
			
		||||
      // if ($script['async']) { echo ( echo ' defer="async"'; ), intrigity=, nonce=  etc. etc.
 | 
			
		||||
      echo '></script>' , PHP_EOL;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
?>
 | 
			
		||||
  ?>
 | 
			
		||||
  </body>
 | 
			
		||||
</html>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user