80 lines
4.6 KiB
HTML
80 lines
4.6 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>phpMAE</title>
|
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
|
<link rel="stylesheet" type="text/css" href="codemirror.css" />
|
|
<script type="application/javascript" src="https://webcdn.co-n.net/phpmae.dev/InteractiveRunController/wtm.js"></script>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<ul id="phpmae-templates-menu" class="dropdown-content">
|
|
<li><a href="javascript:phpMAE.loadTemplate('helloworld');">Hello World<i class="material-icons">article</i></a></li>
|
|
<li><a href="javascript:phpMAE.loadTemplate('mathdemo');">Math Demo<i class="material-icons">article</i></a></li>
|
|
</ul>
|
|
<ul id="phpmae-help-menu" class="dropdown-content">
|
|
<li><a href="https://github.com/CloudObjects/phpMAE" target="_blank">GitHub<i class="material-icons">open_in_new</i></a></li>
|
|
<li><a href="https://cloudobjects.io/phpmae.dev" target="_blank">CloudObjects Directory<i class="material-icons">open_in_new</i></a></li>
|
|
</ul>
|
|
<div class="nav-wrapper">
|
|
<div class="brand-logo right">phpMAE</div>
|
|
<ul class="left">
|
|
<li class="phpmae-signedin-only"><a class="modal-trigger" href="#phpmae-load">Load<i class="material-icons right">download</i></a></li>
|
|
<li><a class="dropdown-trigger" href="#!" data-target="phpmae-templates-menu">Templates<i class="material-icons right">arrow_drop_down</i></a></li>
|
|
<li><a class="dropdown-trigger" href="#!" data-target="phpmae-help-menu">Help<i class="material-icons right">arrow_drop_down</i></a></li>
|
|
<li class="phpmae-signedout-only"><a href="javascript:phpMAE.signin()">Sign in with CloudObjects<i class="material-icons right">login</i></a></li>
|
|
<li class="phpmae-signedin-only"><a href="javascript:phpMAE.signout()">Sign out<i class="material-icons right">logout</i></a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div id="phpmae-main-grid" class="row">
|
|
<div class="phpmae-element col s8">
|
|
<ul class="tabs">
|
|
<li class="tab"><a class="active" href="#phpmae-source-editor">PHP Code</a></li>
|
|
<li class="tab"><a href="#phpmae-config-editor">Configuration</a></li>
|
|
</ul>
|
|
<div id="phpmae-source-editor"></div>
|
|
<div id="phpmae-config-editor"></div>
|
|
</div>
|
|
<div class="phpmae-element col s4">
|
|
<form onsubmit="phpMAE.execute(this); return false;" class="row">
|
|
<div class="input-field col s12">
|
|
<label>Class</label>
|
|
<input name="class" type="text" readonly="readonly" value="" />
|
|
</div>
|
|
<div class="input-field col s12">
|
|
<select name="function"></select>
|
|
<label>Function</label>
|
|
</div>
|
|
<div id="phpmae-parameter-container"></div>
|
|
<div class="input-field col s12">
|
|
<button type="submit" class="waves-effect waves-light btn">Execute</button>
|
|
</div>
|
|
</form>
|
|
<div id="phpmae-result"></div>
|
|
</div>
|
|
</div>
|
|
<script type="application/javascript" src="scripts.js"></script>
|
|
<div id="phpmae-load" class="modal">
|
|
<form id="phpmae-load-form">
|
|
<div class="modal-content">
|
|
<h4>Load phpMAE class</h4>
|
|
<div id="phpmae-load-form-step1" class="input-field">
|
|
<select id="phpmae-load-form-domain">
|
|
<option value="" selected>Choose your domain</option>
|
|
</select>
|
|
</div>
|
|
<div id="phpmae-load-form-step2" style="display:none;" class="input-field">
|
|
<select id="phpmae-load-form-object">
|
|
<option value="" selected>Choose your object</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn waves-effect waves-light disabled" type="submit" name="action">Load object</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |