paulb@30 | 1 | <?xml version="1.0" encoding="iso-8859-1"?> |
paulb@30 | 2 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" |
paulb@30 | 3 | "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
paulb@30 | 4 | <html xmlns="http://www.w3.org/1999/xhtml" |
paulb@30 | 5 | xmlns:template="http://www.boddie.org.uk/ns/xmltools/template"> |
paulb@30 | 6 | <head> |
paulb@30 | 7 | <title>System Configurator</title> |
paulb@30 | 8 | <meta name="generator" content="amaya 8.1a, see http://www.w3.org/Amaya/" /> |
paulb@30 | 9 | <link xmlns:xlink="http://www.w3.org/1999/xlink" href="styles.css" |
paulb@30 | 10 | rel="stylesheet" type="text/css" /> |
paulb@30 | 11 | </head> |
paulb@30 | 12 | |
paulb@30 | 13 | <body> |
paulb@30 | 14 | <h1>System Configurator</h1> |
paulb@30 | 15 | |
paulb@30 | 16 | <form method="post" action="" template:element="configuration"> |
paulb@30 | 17 | <div id="left"> |
paulb@30 | 18 | <div template:element="details" class="details"> |
paulb@30 | 19 | <h2>Base System</h2> |
paulb@30 | 20 | |
paulb@30 | 21 | <p template:element="base-system">Model |
paulb@30 | 22 | <select name="{template:multi-field-name('value')}"> |
paulb@30 | 23 | <option template:element="base-system-enum" template:expr="@value-is-set" template:expr-attr="selected" template:value="@value" |
paulb@30 | 24 | value="{@value}"></option> |
paulb@30 | 25 | </select> |
paulb@30 | 26 | </p> |
paulb@30 | 27 | |
paulb@30 | 28 | <h2>Processor</h2> |
paulb@30 | 29 | |
paulb@30 | 30 | <p template:element="cpu">CPU |
paulb@30 | 31 | <select name="{template:multi-field-name('value')}"> |
paulb@30 | 32 | <option template:element="cpu-enum" template:expr="@value-is-set" template:expr-attr="selected" template:value="@value" |
paulb@30 | 33 | value="{@value}"></option> |
paulb@30 | 34 | </select> |
paulb@30 | 35 | </p> |
paulb@30 | 36 | </div> |
paulb@30 | 37 | |
paulb@30 | 38 | <div template:element="memory" class="memory"> |
paulb@30 | 39 | <h2>Memory</h2> |
paulb@30 | 40 | |
paulb@30 | 41 | <p template:element="memory-unit">Memory unit |
paulb@30 | 42 | <select name="{template:multi-field-name('value')}"> |
paulb@30 | 43 | <option template:element="memory-unit-enum" template:expr="@value-is-set" template:expr-attr="selected" template:value="@value" |
paulb@30 | 44 | value="{@value}"></option> |
paulb@30 | 45 | </select> |
paulb@30 | 46 | |
paulb@30 | 47 | <input type="submit" value="Remove" |
paulb@30 | 48 | name="remove-memory-unit={template:this-position()}" /></p> |
paulb@30 | 49 | |
paulb@30 | 50 | <p> |
paulb@30 | 51 | <input type="submit" value="Add memory" |
paulb@30 | 52 | name="add-memory-unit={template:this-position()}" /></p> |
paulb@30 | 53 | </div> |
paulb@30 | 54 | </div> |
paulb@30 | 55 | <div id="right"> |
paulb@30 | 56 | <div template:element="hard-disks" class="hard-disks"> |
paulb@30 | 57 | <h2>Hard Disks</h2> |
paulb@30 | 58 | |
paulb@30 | 59 | <p template:element="hard-disk">Hard disk drive |
paulb@30 | 60 | <select name="{template:multi-field-name('value')}"> |
paulb@30 | 61 | <option template:element="hard-disk-enum" template:expr="@value-is-set" template:expr-attr="selected" template:value="@value" |
paulb@30 | 62 | value="{@value}"></option> |
paulb@30 | 63 | </select> |
paulb@30 | 64 | |
paulb@30 | 65 | <input type="submit" value="Remove" |
paulb@30 | 66 | name="remove-hard-disk={template:this-position()}" /></p> |
paulb@30 | 67 | |
paulb@30 | 68 | <p> |
paulb@30 | 69 | <input type="submit" value="Add hard disk" |
paulb@30 | 70 | name="add-hard-disk={template:this-position()}" /></p> |
paulb@30 | 71 | </div> |
paulb@30 | 72 | |
paulb@30 | 73 | <div template:element="storage" class="storage"> |
paulb@30 | 74 | <h2>Additional Storage</h2> |
paulb@30 | 75 | |
paulb@30 | 76 | <p template:element="storage-unit">Storage unit |
paulb@30 | 77 | <select name="{template:multi-field-name('value')}"> |
paulb@30 | 78 | <option template:element="storage-unit-enum" template:expr="@value-is-set" template:expr-attr="selected" template:value="@value" |
paulb@30 | 79 | value="{@value}"></option> |
paulb@30 | 80 | </select> |
paulb@30 | 81 | |
paulb@30 | 82 | <input type="submit" value="Remove" |
paulb@30 | 83 | name="remove-storage-unit={template:this-position()}" /></p> |
paulb@30 | 84 | |
paulb@30 | 85 | <p> |
paulb@30 | 86 | <input type="submit" value="Add storage" |
paulb@30 | 87 | name="add-storage-unit={template:this-position()}" /></p> |
paulb@30 | 88 | </div> |
paulb@30 | 89 | </div> |
paulb@30 | 90 | <div id="bottom"> |
paulb@30 | 91 | <div template:element="peripherals" class="peripherals"> |
paulb@30 | 92 | <h2>Input Devices</h2> |
paulb@30 | 93 | |
paulb@30 | 94 | <p template:element="keyboard">Keyboard |
paulb@30 | 95 | <select name="{template:multi-field-name('value')}"> |
paulb@30 | 96 | <option template:element="keyboard-enum" template:expr="@value-is-set" template:expr-attr="selected" template:value="@value" |
paulb@30 | 97 | value="{@value}"></option> |
paulb@30 | 98 | </select> |
paulb@30 | 99 | </p> |
paulb@30 | 100 | |
paulb@30 | 101 | <p template:element="mouse">Mouse |
paulb@30 | 102 | <select name="{template:multi-field-name('value')}"> |
paulb@30 | 103 | <option template:element="mouse-enum" template:expr="@value-is-set" template:expr-attr="selected" template:value="@value" |
paulb@30 | 104 | value="{@value}"></option> |
paulb@30 | 105 | </select> |
paulb@30 | 106 | </p> |
paulb@30 | 107 | |
paulb@30 | 108 | <h2>Display</h2> |
paulb@30 | 109 | |
paulb@30 | 110 | <p template:element="screen">Screen |
paulb@30 | 111 | <select name="{template:multi-field-name('value')}"> |
paulb@30 | 112 | <option template:element="screen-enum" template:expr="@value-is-set" template:expr-attr="selected" template:value="@value" |
paulb@30 | 113 | value="{@value}"></option> |
paulb@30 | 114 | </select> |
paulb@30 | 115 | </p> |
paulb@30 | 116 | </div> |
paulb@30 | 117 | |
paulb@30 | 118 | <div class="price"> |
paulb@30 | 119 | <h2>Price</h2> |
paulb@30 | 120 | |
paulb@30 | 121 | <p>Total for this configuration: |
paulb@30 | 122 | <span template:value="sum(/configuration//*/@price)"></span></p> |
paulb@30 | 123 | |
paulb@30 | 124 | <p> |
paulb@30 | 125 | <input type="submit" value="Update!" name="update" /> |
paulb@30 | 126 | <input type="submit" value="Export!" name="export" /></p> |
paulb@30 | 127 | </div> |
paulb@30 | 128 | </div> |
paulb@30 | 129 | </form> |
paulb@30 | 130 | </body> |
paulb@30 | 131 | </html> |