-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c034315
commit 2aab059
Showing
105 changed files
with
6,726 additions
and
0 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,267 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" class="no-js"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | ||
| <meta http-equiv="x-ua-compatible" content="ie=edge"> | ||
| <meta name="description" content="docs"> | ||
| <meta name="generator" content="Paradox, paradox-material-theme=0.7.0, mkdocs-material=3.0.3"> | ||
|
|
||
| <meta name="lang:clipboard.copy" content="Copy to clipboard"> | ||
| <meta name="lang:clipboard.copied" content="Copied to clipboard"> | ||
| <meta name="lang:search.language" content=""> | ||
| <meta name="lang:search.pipeline.stopwords" content="true"> | ||
| <meta name="lang:search.pipeline.trimmer" content="true"> | ||
| <meta name="lang:search.result.none" content="No matching documents"> | ||
| <meta name="lang:search.result.one" content="1 matching document"> | ||
| <meta name="lang:search.result.other" content="# matching documents"> | ||
| <meta name="lang:search.tokenizer" content="[\s\-]+"> | ||
|
|
||
|
|
||
| <meta name="description" content="docs"> | ||
| <link rel="shortcut icon" href="assets/images/favicon.png"> | ||
| <title>Login and Home Page · OCS-ENG-UI - OCS Engineering User Interface</title> | ||
| <link rel="stylesheet" href="assets/stylesheets/application.451f80e5.css"> | ||
| <link rel="stylesheet" href="lib/material__tabs/dist/mdc.tabs.min.css"> | ||
| <link rel="stylesheet" href="lib/prettify/prettify.css"> | ||
| <script src="assets/javascripts/modernizr.1aa3b519.js"></script> | ||
| <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700|Roboto+Mono"> | ||
| <style> | ||
| body,input{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif} | ||
| code,kbd,pre{font-family:"Roboto Mono","Courier New",Courier,monospace} | ||
| </style> | ||
| <link rel="stylesheet" href="assets/fonts/font-awesome.css"> | ||
| <link rel="stylesheet" href="assets/fonts/material-icons.css"> | ||
| <link rel="stylesheet" href="assets/stylesheets/paradox-material-theme.css"> | ||
| </head> | ||
| <body | ||
| > | ||
| <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off"> | ||
| <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off"> | ||
| <label class="md-overlay" data-md-component="overlay" for="__drawer"></label> | ||
| <header class="md-header" data-md-component="header"> | ||
| <nav class="md-header-nav md-grid"> | ||
| <div class="md-flex"> | ||
| <div class="md-flex__cell md-flex__cell--shrink"> | ||
| <a href="index.html" title="OCS-ENG-UI - OCS Engineering User Interface" class="md-header-nav__button md-logo"> | ||
| <i class="md-icon">local_library</i> | ||
| </a> | ||
| </div> | ||
| <div class="md-flex__cell md-flex__cell--shrink"> | ||
| <label class="md-icon md-icon--menu md-header-nav__button" for="__drawer"></label> | ||
| </div> | ||
| <div class="md-flex__cell md-flex__cell--stretch"> | ||
| <div class="md-flex__ellipsis md-header-nav__title" data-md-component="title"> | ||
| <span class="md-header-nav__topic"> | ||
| OCS-ENG-UI - OCS Engineering User Interface | ||
| </span> | ||
| <span class="md-header-nav__topic"> | ||
| Login and Home Page | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="md-flex__cell md-flex__cell--shrink"> | ||
| <label class="md-icon md-icon--search md-header-nav__button" for="__search"></label> | ||
| <div class="md-search" data-md-component="search" role="dialog"> | ||
| <label class="md-search__overlay" for="__search"></label> | ||
| <div class="md-search__inner" role="search"> | ||
| <form class="md-search__form" name="search"> | ||
| <input type="text" class="md-search__input" name="query" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="query" data-md-state="active"> | ||
| <label class="md-icon md-search__icon" for="__search"></label> | ||
| <button type="reset" class="md-icon md-search__icon" data-md-component="reset" tabindex="-1"></button> | ||
| </form> | ||
| <div class="md-search__output"> | ||
| <div class="md-search__scrollwrap" data-md-scrollfix> | ||
| <div class="md-search-result" data-md-component="result"> | ||
| <div class="md-search-result__meta"> | ||
| Type to start searching | ||
| </div> | ||
| <ol class="md-search-result__list"></ol> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <div class="md-container"> | ||
| <main class="md-main"> | ||
| <div class="md-main__inner md-grid" data-md-component="container"> | ||
| <div class="md-sidebar md-sidebar--primary" data-md-component="navigation"> | ||
| <div class="md-sidebar__scrollwrap"> | ||
| <div class="md-sidebar__inner"> | ||
| <nav class="md-nav md-nav--primary" data-md-level="0" style="visibility: hidden"> | ||
| <label class="md-nav__title md-nav__title--site" for="drawer"> | ||
| <a href="index.html" title="OCS-ENG-UI - OCS Engineering User Interface" class="md-nav__button md-logo"> | ||
| <span class="md-nav__button md-logo"> | ||
| <i class="md-icon">local_library</i> | ||
| </a> | ||
| <a href="index.html" title="OCS-ENG-UI - OCS Engineering User Interface"> | ||
| OCS-ENG-UI - OCS Engineering User Interface | ||
| </a> | ||
| </label> | ||
| <ul> | ||
| <li><a href="UI_overview.html" class="page">Overview and Guide to this User Manual</a></li> | ||
| <li><a href="Getting-started.html" class="page">Getting Started</a></li> | ||
| <li><a href="UI_processflow.html" class="page">Process Flow for Users</a></li> | ||
| <li><a href="Login_HomePage.html" class="active page">Login and Home Page</a></li> | ||
| <li><a href="ManageInfrastructure.html" class="page">Manage Infrastructure Page</a></li> | ||
| <li><a href="ManageObservation.html" class="page">Manage and Monitor Observation Page</a></li> | ||
| <li><a href="ManageSequencer.html" class="page">Manage Sequencer Page</a></li> | ||
| <li><a href="Resources.html" class="page">The Resources Page</a></li> | ||
| </ul> | ||
| <nav class="md-nav md-nav--secondary"> | ||
| <label class="md-nav__title" for="__toc">Table of contents</label> | ||
| <ul> | ||
| <li><a href="Login_HomePage.html#login-and-home-page" class="header">Login and Home Page</a> | ||
| <ul> | ||
| <li><a href="Login_HomePage.html#logging-in" class="header">Logging In</a></li> | ||
| <li><a href="Login_HomePage.html#home-page" class="header">Home Page</a></li> | ||
| </ul></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| </nav> | ||
| <ul style="display: none"> | ||
| <li class="md-nav__item md-version" id="project.version"> | ||
| <label class="md-nav__link" for="__version"> | ||
| <i class="md-icon" title="Version">label_outline</i> 0.3.1 | ||
| </label> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="md-sidebar md-sidebar--secondary" data-md-component="toc"> | ||
| <div class="md-sidebar__scrollwrap"> | ||
| <div class="md-sidebar__inner"> | ||
| <nav class="md-nav md-nav--secondary"> | ||
| <label class="md-nav__title" for="__toc">Table of contents</label> | ||
| <ul> | ||
| <li><a href="Login_HomePage.html#login-and-home-page" class="header">Login and Home Page</a> | ||
| <ul> | ||
| <li><a href="Login_HomePage.html#logging-in" class="header">Logging In</a></li> | ||
| <li><a href="Login_HomePage.html#home-page" class="header">Home Page</a></li> | ||
| </ul></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="md-content"> | ||
| <article class="md-content__inner md-typeset"> | ||
| <div class="md-content__searchable"> | ||
| <h1><a href="#login-and-home-page" name="login-and-home-page" class="anchor"><span class="anchor-link"></span></a>Login and Home Page</h1> | ||
| <p>To use OCS-ENG-UI the user must log in to the system. The user interface is integrated with the CSW Authentication and Authorization Service, which keeps track of users and their security roles in the system.</p> | ||
| <h2><a href="#logging-in" name="logging-in" class="anchor"><span class="anchor-link"></span></a>Logging In</h2> | ||
| <p>The below image shows a snapshot of the login screen :</p> | ||
| <p><img src="./images/Login-Screen.png" alt="Login" /></p> | ||
| <p>To access the Engineering UI portal in this release version, a user should log in with roles and credentials as specified below.</p> | ||
| <h3><a href="#authentication-and-authorization" name="authentication-and-authorization" class="anchor"><span class="anchor-link"></span></a>Authentication and Authorization</h3> | ||
| <p>OCS-ENG-UI is a proper UISTD user interface and requires the user be authenticated with the CSW Authentication and Authorization Service (AAS).</p> | ||
| <p>For testing purposes, we have created <code>osw-user1, esw-user1 & tcs-user1</code> users while launching the AAS from csw-services.</p> | ||
| <p>For testing purposes, user-role <code>osw-user1</code> can be used.</p> | ||
| <pre><code>Username: osw-user1 Password: osw-user1 | ||
| </code></pre> | ||
| <p>For authorized commands, the esw-user role is required.</p> | ||
| <pre><code>Username: esw-user1 Password: esw-user1 | ||
| </code></pre><div class="callout note "><div class="callout-title">Note</div> | ||
| <p>You may add new users to AAS/KeyCloak following procedures in the CSW documentation. To operate OCS-ENG-UI properly the user must have the osw-user or esw-user roles.</p></div> | ||
| <h2><a href="#home-page" name="home-page" class="anchor"><span class="anchor-link"></span></a>Home Page</h2> | ||
| <p>Once log in happens successfully, the user should be able to see the screen below:</p> | ||
| <p><img src="./images/HomePage.png" alt="Home Page" /></p> | ||
| <h3><a href="#spawn-shutdown-the-sequence-manager" name="spawn-shutdown-the-sequence-manager" class="anchor"><span class="anchor-link"></span></a>Spawn/Shutdown the Sequence Manager</h3> | ||
| <p>The top of this page shows a button to Spawn/Shutdown the Sequence Manager. Spawning means to startup the Sequence Manager.</p> | ||
| <p>If Sequence Manager is been spawned with agents (as with esw-services), then it shows the label ‘Shutdown’ for the Sequence Manager.</p> | ||
| <p><img src="./images/HomePage_SequenceManager-ShutdownButton.png" alt="ShutdownSequenceManager" /></p><div class="callout note "><div class="callout-title">Note</div> | ||
| <p>Sequence Manager may be started without the OCS-ENG-UI from its application, and the system will still work.</p></div> | ||
| <p>Clicking on ‘Shutdown’ button asks for confirmation before shutting down the Sequence Manager.</p> | ||
| <p><img src="./images/HomePage-ShutdownSequenceManagerConfirm.png" alt="ConfirmShutdownSequenceManager" /></p> | ||
| <p>Once Sequence Manager is shutdown, the label changes to ‘Spawn’ and a message of successful shutdown is displayed.</p> | ||
| <p><img src="./images/HomePage_SequenceManager-SpawnButton.png" alt="Home Page" /></p> | ||
| <p>After clicking on ‘Spawn’ button, select an Agent to run Sequence Manager on.</p> | ||
| <p><img src="./images/HomePage_SequenceManager-SpawnAfterShutdown.png" alt="Home Page" /></p> | ||
| <p>Clicking on one of the Agents, spawns Sequence Manager on that machine.</p> | ||
| <h3><a href="#home-page-also-shows-tabs-for-links-to" name="home-page-also-shows-tabs-for-links-to" class="anchor"><span class="anchor-link"></span></a>Home Page also shows tabs for links to</h3> | ||
| <ul> | ||
| <li><a href="ManageInfrastructure.html">Manage Infrastructure</a></li> | ||
| <li><a href="ManageObservation.html">Manage Observations</a></li> | ||
| <li><a href="Resources.html">Resources</a></li> | ||
| </ul> | ||
| </div> | ||
| <div> | ||
| <a href="https://github.com/tmtsoftware/esw-ocs-eng-ui/tree/master/src/main/Login_HomePage.md" title="Edit this page" class="md-source-file md-edit"> | ||
| Edit this page | ||
| </a> | ||
| </div> | ||
| <div class="print-only"> | ||
| <span class="md-source-file md-version"> | ||
| 0.3.1 | ||
| </span> | ||
| </div> | ||
| </article> | ||
| </div> | ||
| </div> | ||
| </main> | ||
| <footer class="md-footer"> | ||
| <div class="md-footer-nav"> | ||
| <nav class="md-footer-nav__inner md-grid"> | ||
| <a href="UI_processflow.html" title="Process Flow for Users" class="md-flex md-footer-nav__link md-footer-nav__link--prev" rel="prev"> | ||
| <div class="md-flex__cell md-flex__cell--shrink"> | ||
| <i class="md-icon md-icon--arrow-back md-footer-nav__button"></i> | ||
| </div> | ||
| <div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title"> | ||
| <span class="md-flex__ellipsis"> | ||
| <span class="md-footer-nav__direction"> | ||
| Previous | ||
| </span> | ||
| Process Flow for Users | ||
| </span> | ||
| </div> | ||
| </a> | ||
| <a href="ManageInfrastructure.html" title="Manage Infrastructure Page" class="md-flex md-footer-nav__link md-footer-nav__link--next" rel="next"> | ||
| <div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title"> | ||
| <span class="md-flex__ellipsis"> | ||
| <span class="md-footer-nav__direction"> | ||
| Next | ||
| </span> | ||
| Manage Infrastructure Page | ||
| </span> | ||
| </div> | ||
| <div class="md-flex__cell md-flex__cell--shrink"> | ||
| <i class="md-icon md-icon--arrow-forward md-footer-nav__button"></i> | ||
| </div> | ||
| </a> | ||
| </nav> | ||
| </div> | ||
| <div class="md-footer-meta md-typeset"> | ||
| <div class="md-footer-meta__inner md-grid"> | ||
| <div class="md-footer-copyright"> | ||
| Powered by | ||
| <a href="https://github.com/lightbend/paradox">Paradox</a> | ||
| and | ||
| <a href="https://jonas.github.io/paradox-material-theme/">Paradox Material Theme</a> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| </div> | ||
| <script src="assets/javascripts/application.583bbe55.js"></script> | ||
| <script src="assets/javascripts/paradox-material-theme.js"></script> | ||
| <script>app.initialize({version:"0.17",url:{base:"."}})</script> | ||
| <script type="text/javascript" src="lib/prettify/prettify.js"></script> | ||
| <script type="text/javascript" src="lib/prettify/lang-scala.js"></script> | ||
| <script type="text/javascript"> | ||
| document.addEventListener("DOMContentLoaded", function(event) { | ||
| window.prettyPrint && prettyPrint(); | ||
| }); | ||
| </script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.