not really known
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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Calculate Activity</title>
  6. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover" />
  7. <link rel="stylesheet" media="not screen and (device-width: 1200px) and (device-height: 900px)" href="lib/sugar-web/graphics/css/sugar-96dpi.css">
  8. <link rel="stylesheet" media="screen and (device-width: 1200px) and (device-height: 900px)" href="lib/sugar-web/graphics/css/sugar-200dpi.css">
  9. <link rel="stylesheet" href="css/activity.css">
  10. <link rel="stylesheet" href="css/bootstrap.min.css">
  11. <link rel="prefetch" type="application/l10n" href="translate.ini" />
  12. <script data-main="js/loader" src="lib/require.js"></script>
  13. </head>
  14. <body id="body" style="background-color:#fff; color:#fff; height:100%; margin:0;">
  15. <div id="main-toolbar" class="toolbar">
  16. <button class="toolbutton" id="activity-button" title="My Activity"></button>
  17. <button class="toolbutton" id="trigo-palette" data-l10n-id="trigo" title="Select Trigonometric Function"></button>
  18. <button class="toolbutton" id="algebra-palette" data-l10n-id="algebra" title="Select Algebra Type"></button>
  19. <button class="toolbutton" id="base-palette" data-l10n-id="base" title="Select Base"></button>
  20. <button class="toolbutton" id="radian-degree-palette" data-l10n-id="angle" title="Select Angle Type"></button>
  21. <button class="toolbutton" id="output-digits-palette" data-l10n-id="digit" title="Select Output Digits"></button>
  22. <button class="toolbutton pull-right" id="stop-button" title="Stop"></button>
  23. </div>
  24. <div class="bootstrap-container-fluid">
  25. <div class="bootstrap-row-fluid">
  26. <div id="calc-input-div" class="col-xs-12 col-sm-7 col-md-7 col-lg-7">
  27. <div style="padding:5px;">
  28. <input placeholder="Label" id="label-input" type="text" style="color:#000; width:100%; padding:2px; font-size:150%;">
  29. <input placeholder="Calcul" id="calc-input" type="text" style="margin-top:5px; color:#000; width:100%; padding:2px; font-size:150%;">
  30. <div class="bootstrap-container-fluid" style="margin-top:5px;">
  31. <div class="col-xs-2 aligncenter">
  32. <button class="calcbuttoninput calcbutton btn btn-primary" value="7">7</button>
  33. </div>
  34. <div class="col-xs-2 aligncenter">
  35. <button class="calcbuttoninput calcbutton btn btn-primary" value="8">8</button>
  36. </div>
  37. <div class="col-xs-2 aligncenter">
  38. <button class="calcbuttoninput calcbutton btn btn-primary" value="9">9</button>
  39. </div>
  40. <div class="col-xs-2 aligncenter">
  41. <button class="calcbuttondel calcbutton-large btn btn-primary backgroundgray"></button>
  42. </div>
  43. <div class="col-xs-4 aligncenter">
  44. <button class="calcbuttonclear calcbutton-large btn btn-primary backgroundgray">CLEAR</button>
  45. </div>
  46. </div>
  47. <div class="bootstrap-container-fluid" style="margin-top:5px;">
  48. <div class="col-xs-2 aligncenter">
  49. <button class="calcbuttoninput calcbutton btn btn-primary" value="4">4</button>
  50. </div>
  51. <div class="col-xs-2 aligncenter">
  52. <button class="calcbuttoninput calcbutton btn btn-primary" value="5">5</button>
  53. </div>
  54. <div class="col-xs-2 aligncenter">
  55. <button class="calcbuttoninput calcbutton btn btn-primary" value="6">6</button>
  56. </div>
  57. <div class="col-xs-2 aligncenter">
  58. <button class="calcbuttoninput calcbutton btn btn-warning" value="+">+</button>
  59. </div>
  60. <div class="col-xs-2 aligncenter">
  61. <button class="calcbuttoninput calcbutton btn btn-warning" value="-">-</button>
  62. </div>
  63. <div class="col-xs-2 aligncenter">
  64. <button class="calcbuttoninput calcbutton btn btn-warning" value="(">(</button>
  65. </div>
  66. </div>
  67. <div class="bootstrap-container-fluid" style="margin-top:5px;">
  68. <div class="col-xs-2 aligncenter">
  69. <button class="calcbuttoninput calcbutton btn btn-primary" value="1">1</button>
  70. </div>
  71. <div class="col-xs-2 aligncenter">
  72. <button class="calcbuttoninput calcbutton btn btn-primary" value="2">2</button>
  73. </div>
  74. <div class="col-xs-2 aligncenter">
  75. <button class="calcbuttoninput calcbutton btn btn-primary" value="3">3</button>
  76. </div>
  77. <div class="col-xs-2 aligncenter">
  78. <button class="calcbuttoninput calcbutton btn btn-warning" value="*">*</button>
  79. </div>
  80. <div class="col-xs-2 aligncenter">
  81. <button class="calcbuttoninput calcbutton btn btn-warning" value="/">/</button>
  82. </div>
  83. <div class="col-xs-2 aligncenter">
  84. <button class="calcbuttoninput calcbutton btn btn-warning" value=")">)</button>
  85. </div>
  86. </div>
  87. <div class="bootstrap-container-fluid" style="margin-top:5px;">
  88. <div class="col-xs-4 aligncenter">
  89. <button class="calcbuttoninput calcbutton calcbutton-large btn btn-primary" value="0">0</button>
  90. </div>
  91. <div class="col-xs-2 aligncenter">
  92. <button class="calcbuttoninput calcbutton btn btn-primary" value=".">.</button>
  93. </div>
  94. <div class="col-xs-6 aligncenter ">
  95. <button class="calcbuttoncalc calcbutton-large btn btn-success">=</button>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div id="results-zone" class="col-xs-12 col-sm-5 -md-5 col-lg-5 " style="padding:2px; "></div>
  101. </div>
  102. </div>
  103. <div id="modal" style="display:none; color:#000 ">
  104. <div id="plot"></div>
  105. </div>
  106. </body>
  107. </html>