view mod_admin_web/admin_web/www_files/index.html @ 5418:f2c7bb3af600

mod_http_oauth2: Add role selector to consent page List includes all roles available to the user, if more than one. Defaults to either the first role in the scope string or the users primary role. Earlier draft listed all roles, but having options that can't be selected is bad UX and the entire list of all roles on the server could be long, and perhaps even sensitive. Allows e.g. picking a role with fewer permissions than what might otherwise have been selected. UX wise, doing this with more checkboxes or possibly radio buttons would have been confusion and/or looked messier. Fixes the previous situation where unselecting a role would default to the primary role, which could be more permissions than requested.
author Kim Alvefur <zash@zash.se>
date Fri, 05 May 2023 01:23:13 +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>