javaquery/demo-calculator/src/main/resources/org/apidesign/bck2brwsr/demo/calc/staticcompilation/Calculator.xhtml
1 <?xml version="1.0" encoding="UTF-8"?>
4 Back 2 Browser Bytecode Translator
5 Copyright (C) 2012-2015 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
7 This program is free software: you can redistribute it and/or modify
8 it under the terms of the GNU General Public License as published by
9 the Free Software Foundation, version 2 of the License.
11 This program is distributed in the hope that it will be useful,
12 but WITHOUT ANY WARRANTY; without even the implied warranty of
13 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 GNU General Public License for more details.
16 You should have received a copy of the GNU General Public License
17 along with this program. Look for COPYING file in the top folder.
18 If not, see http://opensource.org/licenses/GPL-2.0.
22 <html xmlns="http://www.w3.org/1999/xhtml">
24 <title>Simple Calculator in HTML5 and Java</title>
26 <style type="text/css">
27 body {color: #ffffff; background-color: #121e31; font-family: Monospaced}
28 pre {color: #ffffff; background-color: #121e31; font-family: Monospaced}
29 table {color: #ffffff; background-color: #121e31; font-family: Monospaced}
30 .string {color: #e2ce00}
32 .ST1 {color: #0000cc; font-family: Monospaced; font-weight: bold}
34 .comment {color: #428bdd}
35 .keyword-directive {color: #f8bb00}
37 .ST0 {color: #628fb5; background-color: #1b3450}
38 .sgml-comment {color: #808080}
39 .value {color: #99006b}
40 .argument {color: #007c00}
41 .sgml-declaration {color: #bf9221}
45 <h1>Java and HTML5 - Together at Last!</h1>
46 <table border="0" cellspacing="2">
49 <td colspan="4"><input data-bind="value: display" value="0"
50 style="text-align: right"/>
54 <td><button id="n1">1</button></td>
55 <td><button id="n2">2</button></td>
56 <td><button id="n3">3</button></td>
57 <td><button id="plus">+</button></td>
60 <td><button id="n4">4</button></td>
61 <td><button id="n5">5</button></td>
62 <td><button id="n6">6</button></td>
63 <td><button id="minus">-</button></td>
66 <td><button id="n7">7</button></td>
67 <td><button id="n8">8</button></td>
68 <td><button id="n9">9</button></td>
69 <td><button id="mul">*</button></td>
72 <td><button id="clear">C</button></td>
73 <td><button id="n0">0</button></td>
74 <td><button id="result">=</button></td>
75 <td><button id="div">/</button></td>
80 <h4>Previous Results</h4>
82 <div data-bind="if: emptyHistory">No results yet.</div>
83 <ul data-bind="foreach: history">
85 <span data-bind="text: $data"></span> -
86 <a href="#" data-bind="click: $root.recoverMemory">Use</a>
87 <a href="#" data-bind="click: $root.removeMemory">Remove</a>
91 <div data-bind="text: displayPreview"></div>
92 <script src="bck2brwsr.js"></script>
94 var vm = bck2brwsr('calculator.js');
95 var c = vm.loadClass('org.apidesign.bck2brwsr.demo.calc.staticcompilation.Calc');