view mod_admin_web/admin_web/www_files/index.html @ 5627:3a5cf8d80089

mod_http_oauth2: Tweak method of centering the UI The percentage here was relative to the viewport width, which on some very wide screens may put the UI slightly outside of the view, requiring scrolling to see. By using a unit relative to the height of the viewport, this is avoided and should work better. But no guarantees, it's still possible to resize the browser or adjust font sizes so that the UI goes out of view.
author Kim Alvefur <zash@zash.se>
date Mon, 31 Jul 2023 07:28:09 +0200
parents b3e2ed890b93
children
line wrap: on
line source

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Prosody Webadmin</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap-1.4.0.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/strophe.min.js"></script>
<script type="text/javascript" src="js/adhoc.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>

<body>
<div id='top'>
  <div id='header'>
    <img src="images/prosody.png" alt="Prosody"/>
  </div>
  <div id='menu'>
    <ul>
      <li><a id='adhocMenu' href="#adhoc">General</a></li>
      <li><a id='serverMenu' href="#s2sList">Servers</a></li>
      <li><a id='clientMenu' href="#c2sList">Clients</a></li>
      <li><span id="selector">Host:&nbsp;<select id="host"></select></span></li>
      <li><a href="#" id='logout'>Logout</a></li>
    </ul>
  </div>
</div>

<div id='login'>
  <form id='cred' name='cred' class='form-stacked'>
    <fieldset>
      <div class='clearfix'>
	<label for='jid'>JID:</label>
	<div class='input'>
	  <input type='text' id='jid' />
	</div>
      </div>
      <div class='clearfix'>
	<label for='pass'>Password:</label>
	<div class='input'>
	  <input type='password' id='pass' />
	</div>
      </div>
      <div class='clearfix'>
	<div class='input'>
	  <input type='submit' id='connect' value='Login' class='btn' />
	</div>
      </div>
    </fieldset>
  </form>
</div>

<div id='main'>
  <div id="adhoc">
    <div class="row">
      <div id="adhocCommands" class="span4"></div>
      <div id="adhocDisplay" class="span12"></div>
    </div>
  </div>
  <div id="s2sList" class="container">
   <div class="row">
    <div class="span8">
      <h2>Incoming S2S connections:</h2>
      <ul id="s2sin"></ul>
    </div>
    <div class="span8">
      <h2>Outgoing S2S connections:</h2>
      <ul id="s2sout"></ul>
    </div>
   </div>
  </div>
  <div id="c2sList" class="container">
   <div class="row">
    <div class="span16">
      <h2>Client connections:</h2>
      <ul id="c2s"></ul>
    </div>
   </div>
  </div>
</div>

<div id='log_container'>
  <a id='log_toggle' href='#'>Status Log :</a>
  <div id='log'></div>
</div>
</body>
</html>