desktop/templates/index.html

121 lines
7.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HPX Desktop</title>
<link rel="apple-touch-icon" sizes="180x180" href="/../static/favicon/apple-touch-icon.png?v=kPxXam0OO4">
<link rel="icon" type="image/png" sizes="32x32" href="/../static/favicon/favicon-32x32.png?v=kPxXam0OO4">
<link rel="icon" type="image/png" sizes="16x16" href="/../static/favicon/favicon-16x16.png?v=kPxXam0OO4">
<link rel="manifest" href="/../static/favicon/site.webmanifest?v=kPxXam0OO4">
<link rel="mask-icon" href="/../static/favicon/safari-pinned-tab.svg?v=kPxXam0OO4" color="#363636">
<link rel="shortcut icon" href="/../static/favicon/favicon.ico?v=kPxXam0OO4">
<meta name="apple-mobile-web-app-title" content="HappyPanda X">
<meta name="application-name" content="HappyPanda X">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="/../static/css/semantic.min.css" />
</head>
<body>
<div class="ui centered middle aligned grid fullheight">
<div class="row"></div>
<div class="row">
<div largescreen="4"
class="seven wide computer fifteen wide mobile nine wide tablet three wide widescreen seven wide column">
<div class="ui clearing segment grey inverted">
<div id="segment-loader" class="ui dimmer">
<div id="segment-loader-text" class="ui text loader">Loading</div>
</div>
<center><i aria-hidden="true" class="massive icon hpx-alternative"></i></center>
<div class="ui hidden horizontal divider"></div>
<form id="start-form" class="ui form" onsubmit="return on_start_hpx(event)">
<div class="ui error message">Failed to start HPX</div>
<input type="hidden" name="start-server">
<div class="field">
<button role="submit" class="ui fluid inverted button">Start HPX</button>
</div>
<div id="start-options" class="ui accordion">
<div class="title">
<i class="dropdown icon"></i>
Options
</div>
<div class="content">
<div class="ui basic segment transition visible small">
<div class="field">
<div class="ui toggle checkbox">
<input type="checkbox" name="default-start" onchange="on_default_option(this)">
<label>Make default startup method</label>
</div>
</div>
<div class="field">
<label>HPX Executable</label>
<div class="ui input"><input placeholder="Double click to select executable" type="text" name="executable" ondblclick="open_dialog_by_name('select-executable')" onchange="on_executable_option(this)"></div>
<input type="file" name="select-executable" onchange="on_executable_select(this)" style="display: none;">
</div>
<div class="fields">
<div class="field eleven wide">
<label>HPX Server Host</label>
<div class="ui input"><input placeholder="http://localhost" type="text" name="start-host" onchange="on_start_server_option(this)"></div>
</div>
<div class="field five wide">
<label>HPX Server Port</label>
<div class="ui input"><input placeholder="7007" type="text" name="start-port" onchange="on_start_server_option(this)"></div>
</div>
</div>
<div class="fields">
<div class="field eleven wide">
<label>HPX Webserver Host</label>
<div class="ui input"><input placeholder="http://localhost" type="text" name="start-webhost" onchange="on_start_server_option(this)"></div>
</div>
<div class="field five wide">
<label>HPX Webserver Port</label>
<div class="ui input"><input placeholder="7008" type="text" name="start-webport" onchange="on_start_server_option(this)"></div>
</div>
</div>
</div>
</div>
</div>
</form>
<div class="ui horizontal divider">Or connect to existing server</div>
<form id="connect-form" class="ui form" onsubmit="return on_connect_hpx(event)">
<div class="ui error message">Failed to connect</div>
<div class="fields">
<div class="field eleven wide">
<label>HPX Server Host</label>
<div class="ui input"><input placeholder="http://localhost" type="text" name="server-host" onchange="on_server_option(this)"></div>
</div>
<div class="field five wide">
<label>HPX Server Port</label>
<div class="ui input"><input placeholder="7007" type="text" name="server-port" onchange="on_server_option(this)"></div>
</div>
</div>
<div id="connect-options" class="ui accordion">
<div class="title">
<i class="dropdown icon"></i>
Options
</div>
<div class="content">
<div class="ui basic segment transition visible small">
<div class="field">
<div class="ui toggle checkbox">
<input type="checkbox" name="default-connect" onchange="on_default_option(this)">
<label>Make default startup method</label>
</div>
</div>
</div>
</div>
</div>
<button type="submit" class="ui inverted right floated button" role="button">Connect</button>
</form>
</div>
</div>
</div>
<div class="row"></div>
</div>
<script src="/../app/index.js"></script>
</body>
</html>