emcellent-toolkit
Version:
A toolkit for performing neat functions with M/MUMPS data.
77 lines (64 loc) • 2.33 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="eMcellent, a most excellent M/MUMPS parsing project.">
<meta name="author" content="Matthew McCall">
<title>eMcellent - A most excellent M/MUMPS parsing library.</title>
<link rel="shortcut icon" href="favicon.ico">
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="stylesheets/mStyle.css" rel="stylesheet">
</head>
<body>
<div class="container col-sm-10 col-sm-offset-1">
<div class="text-center row">
<h1>eMcellent</h1>
<p class="lead">A most excellent tool for M/MUMPS Code.</p>
</div>
<div class="row col-sm-10 col-sm-offset-1">
<form id="mCode">
<div class="form-group row">
<label for="mInput">Input Code:</label>
<textarea class="form-control" id="mInput" rows="10" placeholder="Enter M/MUMPS here ...">WELCOME W:GREETINGS "HELLO WORLD" ;Say Hello!</textarea>
<div class="text-center submit-row">
<button id="submitCode" class="btn btn-warning btn-lg">Process Code</button>
<div class="checkbox">
<label>
<input type="checkbox" id="detersificate" checked> Detersificate
</label>
</div>
</div>
</div>
</form>
</div>
<div class="row col-sm-10 col-sm-offset-1">
<pre id="mOutput" style="display: none;"></pre>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="javascripts/emcellent-toolkit.min.js"></script>
<script>
$( "#mCode" ).submit(function ( event ) {
event.preventDefault();
var inputCode = $( "#mInput" ).val();
var dFlag = $( "#detersificate").is(':checked');
if (dFlag) {
var parseResults = mTools.markup(inputCode, {HTML: true, verbose: true});
} else {
var parseResults = mTools.markup(inputCode, {HTML: true});
}
$(" #mOutput" ).show().html(parseResults);
//Initialize Popovers.
$(function () {
$('[data-toggle="popover"]').popover()
})
//Initialize Tooltips.
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
});
</script>
</body>
</html>