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