You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
5.8 KiB
113 lines
5.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Calculate Activity</title>
|
|
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover" />
|
|
<link rel="stylesheet" media="not screen and (device-width: 1200px) and (device-height: 900px)" href="lib/sugar-web/graphics/css/sugar-96dpi.css">
|
|
<link rel="stylesheet" media="screen and (device-width: 1200px) and (device-height: 900px)" href="lib/sugar-web/graphics/css/sugar-200dpi.css">
|
|
|
|
<link rel="stylesheet" href="css/activity.css">
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<link rel="prefetch" type="application/l10n" href="translate.ini" />
|
|
<script data-main="js/loader" src="lib/require.js"></script>
|
|
</head>
|
|
|
|
<body id="body" style="background-color:#fff; color:#fff; height:100%; margin:0;">
|
|
<div id="main-toolbar" class="toolbar">
|
|
<button class="toolbutton" id="activity-button" title="My Activity"></button>
|
|
<button class="toolbutton" id="trigo-palette" data-l10n-id="trigo" title="Select Trigonometric Function"></button>
|
|
<button class="toolbutton" id="algebra-palette" data-l10n-id="algebra" title="Select Algebra Type"></button>
|
|
<button class="toolbutton" id="base-palette" data-l10n-id="base" title="Select Base"></button>
|
|
<button class="toolbutton" id="radian-degree-palette" data-l10n-id="angle" title="Select Angle Type"></button>
|
|
<button class="toolbutton" id="output-digits-palette" data-l10n-id="digit" title="Select Output Digits"></button>
|
|
<button class="toolbutton pull-right" id="stop-button" title="Stop"></button>
|
|
</div>
|
|
<div class="bootstrap-container-fluid">
|
|
<div class="bootstrap-row-fluid">
|
|
<div id="calc-input-div" class="col-xs-12 col-sm-7 col-md-7 col-lg-7">
|
|
<div style="padding:5px;">
|
|
<input placeholder="Label" id="label-input" type="text" style="color:#000; width:100%; padding:2px; font-size:150%;">
|
|
<input placeholder="Calcul" id="calc-input" type="text" style="margin-top:5px; color:#000; width:100%; padding:2px; font-size:150%;">
|
|
|
|
<div class="bootstrap-container-fluid" style="margin-top:5px;">
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="7">7</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="8">8</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="9">9</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttondel calcbutton-large btn btn-primary backgroundgray">⇐</button>
|
|
</div>
|
|
<div class="col-xs-4 aligncenter">
|
|
<button class="calcbuttonclear calcbutton-large btn btn-primary backgroundgray">CLEAR</button>
|
|
</div>
|
|
</div>
|
|
<div class="bootstrap-container-fluid" style="margin-top:5px;">
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="4">4</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="5">5</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="6">6</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-warning" value="+">+</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-warning" value="-">-</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-warning" value="(">(</button>
|
|
</div>
|
|
</div>
|
|
<div class="bootstrap-container-fluid" style="margin-top:5px;">
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="1">1</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="2">2</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value="3">3</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-warning" value="*">*</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-warning" value="/">/</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-warning" value=")">)</button>
|
|
</div>
|
|
</div>
|
|
<div class="bootstrap-container-fluid" style="margin-top:5px;">
|
|
<div class="col-xs-4 aligncenter">
|
|
<button class="calcbuttoninput calcbutton calcbutton-large btn btn-primary" value="0">0</button>
|
|
</div>
|
|
<div class="col-xs-2 aligncenter">
|
|
<button class="calcbuttoninput calcbutton btn btn-primary" value=".">.</button>
|
|
</div>
|
|
<div class="col-xs-6 aligncenter ">
|
|
<button class="calcbuttoncalc calcbutton-large btn btn-success">=</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="results-zone" class="col-xs-12 col-sm-5 -md-5 col-lg-5 " style="padding:2px; "></div>
|
|
</div>
|
|
</div>
|
|
<div id="modal" style="display:none; color:#000 ">
|
|
<div id="plot"></div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|