Files
pico/projects/tzpuPico/esp32/webserver/filemanager.htm
2026-05-15 10:08:21 +01:00

172 lines
7.5 KiB
HTML
Vendored

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Dashboard - Pico %SK_PROCESSOR% Admin</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Add custom CSS here -->
<link href="css/sb-admin.css" rel="stylesheet">
<link href="css/%SK_DEVICE%.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.css">
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="nav-centered">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.htm">Pico %SK_PROCESSOR% Dashboard</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li><a href="index.htm"><i style="color: yellow;" class="fa fa-dashboard"></i>&nbsp;&nbsp;Status</a></li>
<li>
<a href="#configmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i style="color: yellow;" class="fa fa-cogs"></i> Config
<span class="caret pull-right"></span>
</a>
<ul id="configmenu" class="nav collapse">
<li><a href="configgui.htm"><i style="color: yellow;" class="fa fa-sliders"></i> GUI</a></li>
<li><a href="config.htm?cmd=edit&dir=/&name=config.json&apply=yes"><i style="color: yellow;" class="fa fa-wrench"></i> Editor</a></li>
</ul>
</li>
<li class="active"><a href="filemanager.htm"><i style="color: yellow;" class="fa fa-folder"></i>&nbsp;&nbsp;File Manager</a></li>
<li>
<a href="#settings" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
<i style="color: yellow;" class="fa fa-gear"></i> Settings
<span class="caret pull-right"></span>
</a>
<ul id="settings" class="nav collapse">
<li>
<a href="#ota" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
<i style="color: yellow;" class="fa fa-refresh"></i> Firmware
<span class="caret pull-right"></span>
</a>
<ul id="ota" class="nav collapse">
<li><a href="ota-esp32.htm">ESP32</a></li>
<li><a href="ota-rp2350.htm">RP2350</a></li>
</ul>
</li>
<li %SK_WIFINAVVISIBLE%>
<a href="wifimanager.htm">
<i style="color: yellow;" class="fa fa-wifi"></i> WiFi Manager
</a>
</li>
<li>
<a href="personality.htm">
<i style="color: yellow;" class="fa fa-microchip"></i> Persona
</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user">
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="padding-right:40px;"><i class="fa fa-rotate-left" style="color: yellow;"></i> Reboot <b class="caret"></b></a>
<ul class="dropdown-menu">
<li style="margin-left: 1em;"><b>Reboot Menu</b></li>
<li class="divider"></li>
<li><a href="reboot/esp32"><i class="fa fa-rotate-left"></i><span style="padding-left: 10px;">ESP32</a></li>
<li><a href="#" onclick="rebootRP2350(); return false;"><i class="fa fa-rotate-left"></i><span style="padding-left: 10px;">RP2350B</a></li>
<li><a href="#" onclick="rebootHost(); return false;"><i class="fa fa-rotate-left"></i><span style="padding-left: 10px;">Host</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user">
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="padding-right:35px;"><i class="fa fa-tasks" style="color: yellow;"></i> Actions <b class="caret"></b></a>
<ul class="dropdown-menu">
<li style="margin-left: 1em;"><b>Action Menu</b></li>
<li class="divider"></li>
<li><a href="tasks/changefloppy?diskno=0"><i class="fa fa-floppy-o"></i><span style="padding-left: 10px;">Change Floppy Disk 1 (<span class="rp-floppy1">%SK_FLOPPY1%</span>)</span></a></li>
<li><a href="tasks/changefloppy?diskno=1"><i class="fa fa-floppy-o"></i><span style="padding-left: 10px;">Change Floppy Disk 2 (<span class="rp-floppy2">%SK_FLOPPY2%</span>)</span></a></li>
<li><a href="tasks/changeqd"><i class="fa fa-file"></i><span style="padding-left: 10px;">Change QD Disk (<span class="rp-qdisk">%SK_QDDISK%</span>)</span></a></li>
<hr style="margin-top: 10px; margin-bottom: 10px;">
<li><a href="#" onclick="reloadConfig(); return false;"><i class="fa fa-repeat"></i><span style="padding-left: 10px;">Reload RP2350 Config</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.nav-centered -->
</nav>
<div id="page-wrapper">
<div class="row">
<div class="col-lg-12">
<h1>File Manager </h1>
<ol class="breadcrumb">
<li class="active"><i class="fa fa-dashboard"></i> File Manager</li>
</ol>
<div class="alert alert-success alert-dismissable justify">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<p>This is a simple file manager for uploading, downloading and general maintenance of your ROMS, Disks, Applications and Configuration.</p>
</div>
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-file"></i> SD Card Directory</h3>
</div>
<div class="panel-body">
<div class="table-responsive">
%SK_FILEDIR%
</div>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /#page-wrapper -->
</div><!-- /#wrapper -->
<!-- JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
// Store the name of the active and secondary interfaces.
const activeInterface = "%SK_CURRENTIF%";
const secondaryInterface = "%SK_SECONDIF%"
</script>
<script src="js/filemanager.js"></script>
<script src="js/actions.js"></script>
<script src="js/common.js"></script>
<!-- Editor -->
<script src="js/editor.js"></script>
</body>
</html>