1 | <!DOCTYPE html>
|
2 | <html>
|
3 | <head>
|
4 | <link href="/id/css/style.css" rel=stylesheet>
|
5 | <link href="/id/css/header.css" rel=stylesheet>
|
6 | <script src="/id/js/creaturejs.js"></script>
|
7 | </head>
|
8 | <body>
|
9 | <div class=body>
|
10 | <script home=HOME src="/id/js/header.js" tabs=TABS urls=URLS username=USERNAME logout></script>
|
11 | <div class=content>
|
12 | <div class=content-wrap>
|
13 | <div class="page login" id=login-page style="display: none;">
|
14 | <form class=login-form id=login-form>
|
15 | <div class=row>
|
16 | <input type=text class=center placeholder="Enter private key" autofocus id=login-input>
|
17 | </div>
|
18 | <div class=row>
|
19 | <input type=submit class=button value="Log in">
|
20 | <a class=button id=login-generate>Generate</a>
|
21 | </div>
|
22 | </form>
|
23 | </div>
|
24 | <div class=page id=account-page style="display: none;">
|
25 | <div class=assets-wrap>
|
26 | <div class=assets-side>
|
27 | <h1>Inventory</h1>
|
28 | <div class="assets-grid inventory-grid" id=inventory-grid></div>
|
29 | </div>
|
30 | <div class=assets-side>
|
31 | <h1>Equipment</h1>
|
32 | <div class="assets-grid equipment-grid" id=equipment-grid></div>
|
33 | </div>
|
34 | </div>
|
35 | <div class=servers-wrap id=servers-wrap>
|
36 | <div class=servers-side>
|
37 | <h1>Recent servers</h1>
|
38 | <div class=servers-grid id=servers-grid></div>
|
39 | </div>
|
40 | </div>
|
41 | <div class="row assets-row">
|
42 | <a class=button id=create-asset>Create asset</a>
|
43 | <a class=button id=buy-asset>Buy asset</a>
|
44 | </div>
|
45 | </div>
|
46 | <div class=page id=asset-page style="display: none;">
|
47 | <form class=asset-readme-form id=asset-readme-form>
|
48 | <a class="button edit" id=asset-readme-edit-button>Edit</a>
|
49 | <div class=readme id=asset-readme></div>
|
50 | <textarea class=asset-readme-input autofocus id=asset-readme-input></textarea>
|
51 | <div class=buttons>
|
52 | <input type=submit class="button submit" value=Save id=asset-readme-save-button>
|
53 | <input type=button class="button submit" value=Cancel id=asset-readme-cancel-button>
|
54 | </div>
|
55 | </form>
|
56 | <form class=send-asset-form id=send-asset-form>
|
57 | <h1>Send asset</h1>
|
58 | <div class=row>
|
59 | <input type=text placeholder="Enter destination address" id=send-asset-address-input>
|
60 | <input type=number placeholder=0 min=0 step=1 id=send-asset-quantity-input>
|
61 | <input type=submit class=button value="Send">
|
62 | </div>
|
63 | </form>
|
64 | <form class=mint-asset-form id=mint-asset-form>
|
65 | <h1>Mint asset</h1>
|
66 | <div class=row>
|
67 | <input type=text placeholder="Subasset" id=mint-subasset-name-input>
|
68 | <input type=number placeholder=0 min=0 step=1 id=mint-quantity-input>
|
69 | <input type=submit class=button value="Mint">
|
70 | </div>
|
71 | </form>
|
72 | <form class=price-asset-form id=price-asset-form>
|
73 | <h1>Price asset</h1>
|
74 | <div class=row>
|
75 | <input type=number placeholder=0 min=0 step=1 id=price-asset-input>
|
76 | <input type=submit class=button value="Set price">
|
77 | </div>
|
78 | </form>
|
79 | </div>
|
80 | <div class=page id=create-asset-page style="display: none;">
|
81 | <form class=create-asset-form id=create-asset-form>
|
82 | <h1>Create asset</h1>
|
83 | <div class=row>
|
84 | <input type=text placeholder="Enter asset name" id=create-asset-name-input>
|
85 | </div>
|
86 | <div class=row>
|
87 | <input type=submit class=button value="Create asset">
|
88 | </div>
|
89 | </form>
|
90 | </div>
|
91 | <div class=page id=buy-asset-page style="display: none;">
|
92 | <form class=buy-asset-form id=buy-asset-form>
|
93 | <h1>Buy asset</h1>
|
94 | <div class=row>
|
95 | <input type=text placeholder="Enter asset name" id=buy-asset-name-input>
|
96 | <input type=number placeholder=0 min=0 step=1 id=buy-asset-quantity-input>
|
97 | </div>
|
98 | <div class=row>
|
99 | <input type=submit class=button value="Buy asset">
|
100 | </div>
|
101 | </form>
|
102 | </div>
|
103 | <div class=page id=confirm-purchase-page style="display: none;">
|
104 | <form class=confirm-purchase-form id=confirm-purchase-form>
|
105 | <h1>Confirm purchase</h1>
|
106 | <div class=row>Buy <code id=confirm-purchase-asset></code> for <code><span id=confirm-purchase-price></span> CRD</code>?</div>
|
107 | <div class=row>
|
108 | <input type=submit class=button value="Confirm">
|
109 | <input type=button class=button value="Cancel">
|
110 | </div>
|
111 | </form>
|
112 | </div>
|
113 | <div class=page id=keys-page style="display: none;">
|
114 | <form class=secrets-form id=secrets-form>
|
115 | <div class=row>
|
116 | <a class=button id=show-secrets>Show keys</a>
|
117 | <a class=button id=hide-secrets style="display: none;">Hide keys</a>
|
118 | </div>
|
119 | <div class=secret id=secret-value></div>
|
120 | </form>
|
121 | </div>
|
122 | <div class=page id=mining-page style="display: none;">
|
123 | <form class=mining-form id=mining-form>
|
124 | <h1>Mining status</h1>
|
125 | <p>
|
126 | <code id=mining-status>NOT running!</code>
|
127 | </p>
|
128 | <div class=row>
|
129 | <input type=submit class="button start" value="Start">
|
130 | <input type=submit class="button stop" value="Stop">
|
131 | </div>
|
132 | <h1>Blocks mined</h1>
|
133 | <p>
|
134 | <code id=blocks-mined>0</code>
|
135 | </p>
|
136 | </form>
|
137 | </div>
|
138 | <div class=page id=monitor-page style="display: none;">
|
139 | <form class=blocks-form id=blocks-form>
|
140 | <h1>Blocks</h1>
|
141 | <div class=row>
|
142 | <input type=submit class=button value="Refresh blocks">
|
143 | </div>
|
144 | <pre id=blocks-data></pre>
|
145 | </form>
|
146 | <form class=mempool-form id=mempool-form>
|
147 | <h1>Mempool</h1>
|
148 | <div class=row>
|
149 | <input type=submit class=button value="Refresh mempool">
|
150 | </div>
|
151 | <pre id=mempool-data></pre>
|
152 | </form>
|
153 | </div>
|
154 | </div>
|
155 | </div>
|
156 | </a>
|
157 | <script src="/id/js/index.js"></script>
|
158 | </body>
|
159 | </html/>
|