forked from ndatg/tonstorage-dapp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
332 lines (327 loc) · 36.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=1160px, user-scalable=no, initial-scale=0.4, maximum-scale=1.0, minimum-scale=0.4">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="Storage - The Open Network">
<meta name="apple-mobile-web-app-title" content="Storage - The Open Network">
<meta name="application-name" content="Storage - The Open Network">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Storage - The Open Network">
<meta name="twitter:card" content="summary_large_image">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png">
<link rel="mask-icon" color="#0088cc">
<meta name="description"
content="TON is a fully decentralized layer-1 blockchain designed by Telegram to onboard billions of users. It boasts ultra-fast transactions, tiny fees, easy-to-use apps, and is environmentally friendly.">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:400,500,600,700,800">
<link rel="stylesheet" type="text/css" href="./css/main.min.css">
<title>TON Metaspace Storage - The Open Network</title>
</head>
<body>
<div class="container">
<header class="header">
<div class="logo">
<a class="logo__link" href="#">
<svg width="132" height="32" viewBox="0 0 132 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z"
fill="#0088CC" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.5452 10.5764H20.5192C20.8366 10.5764 21.1539 10.623 21.4854 10.7776C21.8829 10.9628 22.0936 11.2549 22.2413 11.4708C22.2528 11.4876 22.2635 11.5049 22.2734 11.5226C22.447 11.8317 22.5365 12.1653 22.5365 12.5242C22.5365 12.8653 22.4554 13.2368 22.2734 13.5606C22.2717 13.5637 22.27 13.5668 22.2682 13.5699L16.5986 23.309C16.4736 23.5238 16.2434 23.6556 15.9949 23.6547C15.7464 23.6538 15.5172 23.5204 15.3937 23.3048L9.82824 13.5864C9.82664 13.5838 9.82504 13.5811 9.82344 13.5785C9.69606 13.3686 9.49909 13.044 9.46464 12.6251C9.43298 12.24 9.51955 11.854 9.71309 11.5194C9.90664 11.1847 10.198 10.9172 10.5485 10.7534C10.9242 10.5778 11.305 10.5764 11.5452 10.5764ZM15.3017 11.9677H11.5452C11.2984 11.9677 11.2037 11.9829 11.1374 12.0139C11.0458 12.0566 10.9689 12.1269 10.9175 12.2159C10.8661 12.3049 10.8428 12.408 10.8513 12.5111C10.8561 12.5703 10.8802 12.638 11.0225 12.8725C11.0254 12.8774 11.0284 12.8824 11.0312 12.8874L15.3017 20.3445V11.9677ZM16.693 11.9677V20.3813L21.0625 12.8756C21.1118 12.786 21.1452 12.6565 21.1452 12.5242C21.1452 12.417 21.123 12.3238 21.0733 12.2278C21.0211 12.1528 20.9893 12.1131 20.9628 12.0859C20.94 12.0626 20.9224 12.0502 20.8976 12.0386C20.7943 11.9905 20.6886 11.9677 20.5192 11.9677H16.693Z"
fill="white" />
<path d="M41.92 25.22H39.48L44.76 8.9H47.2L41.92 25.22Z" fill="#728A96" fill-opacity="0.32" />
<path
d="M59.0609 24.22C57.9276 24.22 56.8476 24.0867 55.8209 23.82C54.8076 23.54 53.9543 23.1667 53.2609 22.7L54.3009 19.84C54.7409 20.12 55.2209 20.36 55.7409 20.56C56.2609 20.76 56.8009 20.92 57.3609 21.04C57.9343 21.1467 58.5143 21.2 59.1009 21.2C59.9809 21.2 60.5876 21.0867 60.9209 20.86C61.2676 20.6333 61.4409 20.34 61.4409 19.98C61.4409 19.66 61.3276 19.4133 61.1009 19.24C60.8743 19.0533 60.4476 18.8933 59.8209 18.76L57.3809 18.26C56.0876 17.9933 55.1209 17.5333 54.4809 16.88C53.8409 16.2133 53.5209 15.3467 53.5209 14.28C53.5209 13.3467 53.7676 12.54 54.2609 11.86C54.7676 11.1667 55.4743 10.6333 56.3809 10.26C57.2876 9.87333 58.3476 9.68 59.5609 9.68C60.5609 9.68 61.5009 9.82 62.3809 10.1C63.2609 10.3667 63.9809 10.74 64.5409 11.22L63.5009 13.9C62.9676 13.5133 62.3676 13.22 61.7009 13.02C61.0343 12.8067 60.2943 12.7 59.4809 12.7C58.7076 12.7 58.1209 12.82 57.7209 13.06C57.3343 13.2867 57.1409 13.6133 57.1409 14.04C57.1409 14.3333 57.2543 14.5867 57.4809 14.8C57.7209 15 58.1543 15.1667 58.7809 15.3L61.1809 15.78C62.4743 16.0333 63.4409 16.4867 64.0809 17.14C64.7343 17.7933 65.0609 18.6467 65.0609 19.7C65.0609 20.6067 64.8076 21.4 64.3009 22.08C63.8076 22.76 63.1143 23.2867 62.2209 23.66C61.3276 24.0333 60.2743 24.22 59.0609 24.22ZM72.0227 24.22C70.5827 24.22 69.496 23.88 68.7627 23.2C68.0427 22.5067 67.6827 21.46 67.6827 20.06V16.46H65.7827V13.84H67.6827V11.44L71.2427 10.6V13.84H73.7227V16.46H71.2427V19.92C71.2427 20.5067 71.376 20.9 71.6427 21.1C71.9093 21.2867 72.2293 21.38 72.6027 21.38C72.8293 21.38 73.0227 21.3667 73.1827 21.34C73.356 21.3 73.536 21.2467 73.7227 21.18V23.92C73.4293 24.04 73.136 24.12 72.8427 24.16C72.5627 24.2 72.2893 24.22 72.0227 24.22ZM80.0863 24.22C78.9529 24.22 77.9729 24.0067 77.1463 23.58C76.3196 23.1533 75.6796 22.5467 75.2262 21.76C74.7729 20.96 74.5463 20.0133 74.5463 18.92C74.5463 17.8133 74.7729 16.8667 75.2262 16.08C75.6796 15.2933 76.3196 14.6867 77.1463 14.26C77.9729 13.8333 78.9529 13.62 80.0863 13.62C81.2063 13.62 82.1796 13.8333 83.0063 14.26C83.8329 14.6867 84.4729 15.3 84.9262 16.1C85.3796 16.8867 85.6063 17.8267 85.6063 18.92C85.6063 20 85.3796 20.94 84.9262 21.74C84.4729 22.54 83.8329 23.1533 83.0063 23.58C82.1796 24.0067 81.2063 24.22 80.0863 24.22ZM80.0863 21.58C80.6729 21.58 81.1396 21.3733 81.4863 20.96C81.8329 20.5333 82.0063 19.8533 82.0063 18.92C82.0063 17.9867 81.8329 17.3133 81.4863 16.9C81.1396 16.4733 80.6729 16.26 80.0863 16.26C79.4863 16.26 79.0129 16.4733 78.6663 16.9C78.3196 17.3133 78.1463 17.9867 78.1463 18.92C78.1463 19.8533 78.3196 20.5333 78.6663 20.96C79.0129 21.3733 79.4863 21.58 80.0863 21.58ZM87.35 24V16.62C87.35 16.1533 87.3367 15.6867 87.31 15.22C87.2833 14.7533 87.2433 14.2933 87.19 13.84H90.63L91.01 16.96H90.47C90.6033 16.2 90.8167 15.5733 91.11 15.08C91.4033 14.5867 91.77 14.22 92.21 13.98C92.65 13.74 93.17 13.62 93.77 13.62C94.05 13.62 94.2567 13.6333 94.39 13.66C94.5367 13.6733 94.69 13.7133 94.85 13.78V16.9C94.5167 16.7533 94.25 16.66 94.05 16.62C93.85 16.58 93.59 16.56 93.27 16.56C92.7233 16.56 92.2767 16.66 91.93 16.86C91.5833 17.0467 91.33 17.34 91.17 17.74C91.0233 18.14 90.95 18.6533 90.95 19.28V24H87.35ZM99.8266 24.22C98.9466 24.22 98.1732 24.0133 97.5066 23.6C96.8399 23.1733 96.3132 22.56 95.9266 21.76C95.5532 20.96 95.3666 20.0133 95.3666 18.92C95.3666 17.8133 95.5532 16.8667 95.9266 16.08C96.3132 15.28 96.8399 14.6733 97.5066 14.26C98.1732 13.8333 98.9466 13.62 99.8266 13.62C100.613 13.62 101.32 13.8067 101.947 14.18C102.587 14.5533 103.007 15.04 103.207 15.64H103.007L103.227 13.84H106.647C106.607 14.2933 106.567 14.7533 106.527 15.22C106.5 15.6867 106.487 16.1467 106.487 16.6V24H102.967L102.927 22.28H103.167C102.967 22.8667 102.547 23.34 101.907 23.7C101.28 24.0467 100.587 24.22 99.8266 24.22ZM100.967 21.58C101.567 21.58 102.053 21.3733 102.427 20.96C102.8 20.5333 102.987 19.8533 102.987 18.92C102.987 17.9867 102.8 17.3133 102.427 16.9C102.053 16.4733 101.567 16.26 100.967 16.26C100.367 16.26 99.8799 16.4733 99.5066 16.9C99.1332 17.3133 98.9466 17.9867 98.9466 18.92C98.9466 19.8533 99.1266 20.5333 99.4866 20.96C99.8599 21.3733 100.353 21.58 100.967 21.58ZM113.678 28.48C112.664 28.48 111.771 28.3867 110.998 28.2C110.238 28.0267 109.551 27.7533 108.938 27.38L109.558 24.86C109.918 25.0733 110.311 25.2533 110.738 25.4C111.164 25.5467 111.604 25.6533 112.058 25.72C112.524 25.8 112.964 25.84 113.378 25.84C114.231 25.84 114.864 25.64 115.278 25.24C115.691 24.8533 115.898 24.3 115.898 23.58V21.8H116.098C115.884 22.3867 115.464 22.86 114.838 23.22C114.211 23.5667 113.518 23.74 112.758 23.74C111.851 23.74 111.058 23.54 110.378 23.14C109.711 22.7267 109.184 22.14 108.798 21.38C108.424 20.62 108.238 19.72 108.238 18.68C108.238 17.64 108.424 16.74 108.798 15.98C109.184 15.22 109.711 14.64 110.378 14.24C111.058 13.8267 111.851 13.62 112.758 13.62C113.544 13.62 114.238 13.7933 114.838 14.14C115.438 14.4867 115.844 14.9467 116.058 15.52L115.898 15.48L116.118 13.84H119.538C119.484 14.2933 119.444 14.7533 119.418 15.22C119.391 15.6867 119.378 16.1467 119.378 16.6V23.18C119.378 24.8867 118.891 26.1933 117.918 27.1C116.944 28.02 115.531 28.48 113.678 28.48ZM113.858 21.1C114.471 21.1 114.958 20.8933 115.318 20.48C115.678 20.0667 115.858 19.4667 115.858 18.68C115.858 17.88 115.678 17.28 115.318 16.88C114.958 16.4667 114.471 16.26 113.858 16.26C113.231 16.26 112.738 16.4667 112.378 16.88C112.018 17.28 111.838 17.88 111.838 18.68C111.838 19.4667 112.018 20.0667 112.378 20.48C112.738 20.8933 113.231 21.1 113.858 21.1ZM126.929 24.22C125.089 24.22 123.655 23.7467 122.629 22.8C121.615 21.8533 121.109 20.5533 121.109 18.9C121.109 17.8733 121.322 16.96 121.749 16.16C122.175 15.36 122.775 14.74 123.549 14.3C124.322 13.8467 125.229 13.62 126.269 13.62C127.295 13.62 128.149 13.8467 128.829 14.3C129.522 14.74 130.042 15.3533 130.389 16.14C130.735 16.9133 130.909 17.8133 130.909 18.84V19.6H124.089V17.92H128.289L127.949 18.2C127.949 17.44 127.802 16.88 127.509 16.52C127.229 16.1467 126.829 15.96 126.309 15.96C125.709 15.96 125.249 16.1867 124.929 16.64C124.622 17.08 124.469 17.7467 124.469 18.64V19C124.469 19.8933 124.689 20.5467 125.129 20.96C125.569 21.3733 126.202 21.58 127.029 21.58C127.562 21.58 128.062 21.52 128.529 21.4C129.009 21.28 129.462 21.0867 129.889 20.82L130.809 23.14C130.302 23.4867 129.715 23.7533 129.049 23.94C128.382 24.1267 127.675 24.22 126.929 24.22Z"
fill="black" />
</svg>
</a>
</div>
<nav class="nav">
<ul class="menu">
<li class="menu__item"><a onclick="page(event, 'create')" href="#"
class="menu__link menu__link--active">Create</a></li>
<li class="menu__item"><a onclick="page(event, 'manage')" href="#" class="menu__link">Manage</a>
</li>
<li class="menu__item"><a onclick="page(event, 'provider')" href="#" class="menu__link">Provider
Info</a></li>
</ul>
</nav>
<div class="switches">
</div>
</header>
<main class="main">
<div id="error" class="error" style="display: none;">
<div class="error__text">Error: error message</div>
</div>
<div class="msg" style="display: none;">
<div class="msg__text">Your storage contract address</div>
<div id="newContractAddress" class="msg__link"></div>
</div>
<section id="create" class="page" style="display: block;">
<div class="title">Create contract</div>
<ul class="timeline">
<li id="uploadFilesTimeline" class="timeline__item">
<div class="timeline__text">Upload files</div>
</li>
<li id="sendRequestTimeline" class="timeline__item">
<div class="timeline__text">Send request</div>
</li>
<li id="registerTimeline" class="timeline__item">
<div class="timeline__text">Register contract</div>
</li>
<li id="waitingConfTimeline" class="timeline__item">
<div class="timeline__text">Waiting for confirmation</div>
</li>
<li id="lastTimeline" class="timeline__item"></li>
</ul>
<div class="upload-block">
<div class="upload-block__item">
<div class="files-block">
<div class="files-block__icon">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M27.9583 43.5069V27.0763" stroke="#0088CC" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M33.0054 31.9803L27.9751 25.8125L22.9448 31.9803" stroke="#0088CC"
stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M37.0457 43.3611H42.835C47.195 43.3611 50.75 39.6713 50.75 35.1458C50.75 30.6204 47.195 26.9306 42.835 26.9306H41.8513V24.5833C41.8513 16.814 35.768 10.5 28.2827 10.5C21.5504 10.5 15.9692 15.6123 14.9108 22.2901C9.53541 22.5741 5.25 27.1488 5.25 32.7986C5.25 38.6315 9.80679 43.3611 15.4264 43.3611H18.9543"
stroke="#0088CC" stroke-width="3" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</div>
<div class="files-block__header">Upload files</div>
<div class="files-block__desc">Upload file here.<br> Max. size: 50 mb.</div>
<input class="files-block__input" id="filesInput" type="file" multiple="true">
<label for="filesInput">
<div class="button button--blue files-block__button">Upload</div>
</label>
</div>
<div id="files" class="files">
<!-- <div class="file">-->
<!-- <div class="file__name">Filename.zipFilename.zipFilename.zipFilename.zipFilename.zipFilename.zipFilename.zip</div>-->
<!-- <div class="file__size">12.4 mb</div>-->
<!-- </div>-->
</div>
</div>
<div class="upload-block__item">
<div class="input-block">
<div class="input-block__header">Bag ID</div>
<div class="input-block__body">
<input id="bagidInput" class="input-block__input" type="text"
placeholder="FD6BCBA9FB0D7CE7946064F1A709A2F4634754BB1AEFEB2FB7D3F2374D160C81">
</div>
</div>
<div class="input-block">
<div class="input-block__header">Initial balance</div>
<div class="input-block__body">
<input id="initInput" class="input-block__input" type="text" placeholder="1.0">
</div>
<div class="input-block__desc">total fee ≈ 0.05 TON</div>
</div>
<div id="createContractButton" class="button button--blue upload-block__button">Create contract
</div>
</div>
</div>
</section>
<section id="manage" class="page">
<div class="title">Manage contracts</div>
<div class="input-block manage__input-block">
<div class="input-block__header">Storage Contract Address</div>
<div class="input-block__body">
<input id="contractAddress" class="input-block__input input-block__input--width-button"
type="text" placeholder="EQBEK5DuoQwZHX08TKFtQ7INSxUWU-eMsxb9vloCgTowZcVQ">
<div id="readContractData" class="button button--blue input-block__button">Read contract data
</div>
</div>
</div>
<div id="contractData" class="block" style="display: none;">
<div class="block__header">
<div class="block__title">Storage contract info</div>
<div class="block__aside" style="display: none;">
<div id="topupModalButton" class="button button--blue block__button">Top-up</div>
<div id="cancelButton" class="button button--blue block__button">Cancel</div>
</div>
</div>
<div class="block__body">
<table class="block__table">
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Active</th>
<td id="contractStatus" class="block__table-td">Not loaded</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Balance</th>
<td class="block__table-td">
<svg class="block__table-ton-icon" width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.92179 3H14.0784C14.6114 2.99998 15.0724 2.99996 15.439 3.0336C15.8104 3.06767 16.2346 3.14549 16.5994 3.41049C17.0923 3.76854 17.4102 4.31891 17.474 4.92479C17.5212 5.37322 17.3767 5.77949 17.2206 6.11821C17.0665 6.45262 16.8362 6.85187 16.5698 7.31356L10.7797 17.3498C10.6189 17.6284 10.3217 17.8 10.0001 17.8C9.67845 17.8 9.38126 17.6284 9.22053 17.3498L3.43043 7.31358C3.16404 6.85188 2.93367 6.45262 2.77958 6.11821C2.6235 5.77949 2.47895 5.37322 2.52618 4.92479C2.59 4.31891 2.90787 3.76854 3.40079 3.41049C3.76561 3.14549 4.18974 3.06767 4.56114 3.0336C4.9278 2.99996 5.38875 2.99998 5.92179 3ZM4.4494 4.87379C4.37749 4.92975 4.33022 5.01158 4.31769 5.10184C4.32054 5.11916 4.33566 5.19411 4.41437 5.36492C4.52964 5.61508 4.71729 5.94215 5.01011 6.4497L9.10009 13.539V4.8H5.96291C5.37696 4.8 4.99988 4.80091 4.72559 4.82607C4.5383 4.84325 4.46583 4.86761 4.4494 4.87379ZM10.9001 4.8V13.539L14.9901 6.4497C15.2829 5.94215 15.4705 5.61508 15.5858 5.36492C15.6645 5.19411 15.6796 5.11916 15.6825 5.10184C15.67 5.01158 15.6227 4.92975 15.5508 4.87379C15.5344 4.86761 15.4619 4.84325 15.2746 4.82607C15.0003 4.80091 14.6232 4.8 14.0373 4.8H10.9001Z"
fill="#0088CC" />
</svg>
<div id="contractBalance" class="block__table-text">Not loaded</div>
</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Provider</th>
<td id="contractProvider" class="block__table-td"> Not loaded</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Bag size</th>
<td id="contractFileSize" class="block__table-td">Not loaded</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Rate per mb per day</th>
<td class="block__table-td">
<svg class="block__table-ton-icon" width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.92179 3H14.0784C14.6114 2.99998 15.0724 2.99996 15.439 3.0336C15.8104 3.06767 16.2346 3.14549 16.5994 3.41049C17.0923 3.76854 17.4102 4.31891 17.474 4.92479C17.5212 5.37322 17.3767 5.77949 17.2206 6.11821C17.0665 6.45262 16.8362 6.85187 16.5698 7.31356L10.7797 17.3498C10.6189 17.6284 10.3217 17.8 10.0001 17.8C9.67845 17.8 9.38126 17.6284 9.22053 17.3498L3.43043 7.31358C3.16404 6.85188 2.93367 6.45262 2.77958 6.11821C2.6235 5.77949 2.47895 5.37322 2.52618 4.92479C2.59 4.31891 2.90787 3.76854 3.40079 3.41049C3.76561 3.14549 4.18974 3.06767 4.56114 3.0336C4.9278 2.99996 5.38875 2.99998 5.92179 3ZM4.4494 4.87379C4.37749 4.92975 4.33022 5.01158 4.31769 5.10184C4.32054 5.11916 4.33566 5.19411 4.41437 5.36492C4.52964 5.61508 4.71729 5.94215 5.01011 6.4497L9.10009 13.539V4.8H5.96291C5.37696 4.8 4.99988 4.80091 4.72559 4.82607C4.5383 4.84325 4.46583 4.86761 4.4494 4.87379ZM10.9001 4.8V13.539L14.9901 6.4497C15.2829 5.94215 15.4705 5.61508 15.5858 5.36492C15.6645 5.19411 15.6796 5.11916 15.6825 5.10184C15.67 5.01158 15.6227 4.92975 15.5508 4.87379C15.5344 4.86761 15.4619 4.84325 15.2746 4.82607C15.0003 4.80091 14.6232 4.8 14.0373 4.8H10.9001Z"
fill="#0088CC" />
</svg>
<div id="contractRate" class="block__table-text">Not loaded</div>
</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Owner</th>
<td id="contractOwner" class="block__table-td">Not loaded</td>
</tr>
</table>
</div>
</div>
</section>
<section id="provider" class="page">
<div class="title">Provider Info</div>
<div class="block">
<div class="block__header">
<div class="block__title">Provider info</div>
<div class="block__aside">
<div id="readProviderDataButton" class="button button--blue block__button">Read provider
data</div>
</div>
</div>
<div class="block__body">
<table class="block__table">
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Provider</th>
<td id="providerAddress" class="block__table-td">Not loaded</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Open</th>
<td id="providerStatus" class="block__table-td">Not loaded</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Rate per mb per day</th>
<td class="block__table-td">
<svg id="providerRateSvg" style="display: none;" class="block__table-ton-icon"
width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.92179 3H14.0784C14.6114 2.99998 15.0724 2.99996 15.439 3.0336C15.8104 3.06767 16.2346 3.14549 16.5994 3.41049C17.0923 3.76854 17.4102 4.31891 17.474 4.92479C17.5212 5.37322 17.3767 5.77949 17.2206 6.11821C17.0665 6.45262 16.8362 6.85187 16.5698 7.31356L10.7797 17.3498C10.6189 17.6284 10.3217 17.8 10.0001 17.8C9.67845 17.8 9.38126 17.6284 9.22053 17.3498L3.43043 7.31358C3.16404 6.85188 2.93367 6.45262 2.77958 6.11821C2.6235 5.77949 2.47895 5.37322 2.52618 4.92479C2.59 4.31891 2.90787 3.76854 3.40079 3.41049C3.76561 3.14549 4.18974 3.06767 4.56114 3.0336C4.9278 2.99996 5.38875 2.99998 5.92179 3ZM4.4494 4.87379C4.37749 4.92975 4.33022 5.01158 4.31769 5.10184C4.32054 5.11916 4.33566 5.19411 4.41437 5.36492C4.52964 5.61508 4.71729 5.94215 5.01011 6.4497L9.10009 13.539V4.8H5.96291C5.37696 4.8 4.99988 4.80091 4.72559 4.82607C4.5383 4.84325 4.46583 4.86761 4.4494 4.87379ZM10.9001 4.8V13.539L14.9901 6.4497C15.2829 5.94215 15.4705 5.61508 15.5858 5.36492C15.6645 5.19411 15.6796 5.11916 15.6825 5.10184C15.67 5.01158 15.6227 4.92975 15.5508 4.87379C15.5344 4.86761 15.4619 4.84325 15.2746 4.82607C15.0003 4.80091 14.6232 4.8 14.0373 4.8H10.9001Z"
fill="#0088CC" />
</svg>
<div id="providerRate" class="block__table-text">Not loaded</div>
</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Max. span between proofs</th>
<td id="providerMaxSpan" class="block__table-td">Not loaded</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Min. file size</th>
<td id="providerMinFileSize" class="block__table-td">Not loaded</td>
</tr>
<tr class="block__table-tr">
<th class="block__table-th" scope="row">Max. file size</th>
<td id="providerMaxFileSize" class="block__table-td">Not loaded</td>
</tr>
</table>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-separator"></div>
<div class="footer-bottom">
<div class="footer-bottom__logo">
<svg width="72" height="28" viewBox="0 0 72 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28Z"
fill="#0088CC" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1044 9.24902H17.9566C18.2344 9.24902 18.512 9.28982 18.8021 9.42507C19.1499 9.58712 19.3343 9.84267 19.4635 10.0316C19.4735 10.0463 19.4829 10.0615 19.4916 10.077C19.6435 10.3474 19.7218 10.6393 19.7218 10.9534C19.7218 11.2518 19.6508 11.5769 19.4916 11.8602C19.4901 11.8629 19.4886 11.8656 19.487 11.8683L14.5261 20.3901C14.4167 20.578 14.2154 20.6933 13.9979 20.6925C13.7805 20.6917 13.5799 20.575 13.4719 20.3863L8.60206 11.8827C8.60066 11.8805 8.59926 11.8781 8.59786 11.8758C8.48641 11.6922 8.31406 11.4082 8.28391 11.0416C8.25621 10.7046 8.33196 10.3669 8.50131 10.0741C8.67066 9.78127 8.92561 9.54717 9.23226 9.40387C9.56106 9.25022 9.89426 9.24902 10.1044 9.24902ZM13.3914 10.4664H10.1044C9.88846 10.4664 9.80556 10.4797 9.74761 10.5068C9.66746 10.5442 9.60016 10.6057 9.55516 10.6836C9.51016 10.7614 9.48981 10.8516 9.49721 10.9419C9.50146 10.9937 9.52256 11.0529 9.64701 11.2581C9.64961 11.2624 9.65216 11.2668 9.65466 11.2711L13.3914 17.7961V10.4664ZM14.6088 10.4664V17.8283L18.432 11.2608C18.4752 11.1824 18.5044 11.0691 18.5044 10.9534C18.5044 10.8595 18.485 10.778 18.4415 10.694C18.3958 10.6284 18.368 10.5936 18.3448 10.5698C18.3248 10.5495 18.3095 10.5386 18.2878 10.5285C18.1974 10.4863 18.1049 10.4664 17.9566 10.4664H14.6088Z"
fill="white" />
<g clip-path="url(#clip0_227_2357)">
<path d="M39.798 19.8207V10.6431H36.2656V8.18359H46.3842V10.6431H42.8517V19.8207H39.798Z"
fill="#161C28" />
<path
d="M46.6797 13.9919C46.6797 12.7814 46.9159 11.7305 47.3895 10.8391C47.8625 9.93678 48.5392 9.23799 49.4198 8.74279C50.2998 8.2476 51.3397 8 52.5395 8C53.7496 8 54.7952 8.2476 55.6757 8.74279C56.5557 9.23799 57.2325 9.93678 57.706 10.8391C58.1899 11.7305 58.4323 12.7814 58.4323 13.9919C58.4323 15.1913 58.1899 16.2423 57.706 17.1446C57.2325 18.0469 56.5557 18.7513 55.6757 19.2574C54.7952 19.7526 53.7496 20.0002 52.5395 20.0002C51.3397 20.0002 50.2998 19.7526 49.4198 19.2574C48.5501 18.7513 47.8733 18.0469 47.3895 17.1446C46.9159 16.2423 46.6797 15.1913 46.6797 13.9919ZM49.8654 13.9919C49.8654 14.7182 49.9645 15.3399 50.1626 15.8571C50.3606 16.3743 50.6521 16.7705 51.0374 17.0456C51.4336 17.3207 51.9339 17.4582 52.5395 17.4582C53.4417 17.4582 54.1184 17.1556 54.5698 16.5504C55.0206 15.9341 55.2466 15.0813 55.2466 13.9919C55.2466 13.2656 55.1475 12.6438 54.9494 12.1266C54.7514 11.6094 54.4486 11.2188 54.0416 10.9547C53.6454 10.6796 53.1446 10.542 52.5395 10.542C51.6368 10.542 50.9657 10.8446 50.5257 11.4499C50.0852 12.0441 49.8654 12.8914 49.8654 13.9919Z"
fill="#161C28" />
<path
d="M60.2656 19.8207V8.18359H62.5105L68.4033 15.496H67.9246V8.18359H70.7473V19.8207H68.5024L62.6426 12.5083H63.1213V19.8207H60.2656Z"
fill="#161C28" />
</g>
<defs>
<clipPath id="clip0_227_2357">
<rect width="36" height="12" fill="white" transform="translate(36 8)" />
</clipPath>
</defs>
</svg>
</div>
<div class="footer-bottom__copyright">2023 TON Metaspace</div>
<div class="footer-bottom__links">
<a href="https://www.linkedin.com/company/ton-blockchain/" target="_blank"
class="footer-bottom__link">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9 0C6.51472 0 4.26472 1.00736 2.63604 2.63604C1.00736 4.26472 0 6.51472 0 9C0 11.4853 1.00736 13.7353 2.63604 15.364C4.26472 16.9926 6.51472 18 9 18C11.4853 18 13.7353 16.9926 15.364 15.364C16.9926 13.7353 18 11.4853 18 9C18 6.51472 16.9926 4.26472 15.364 2.63604C13.7353 1.00736 11.4853 0 9 0ZM6.54314 12.8517V7.04785H4.61404V12.8517H6.54314ZM5.57858 6.25543C6.2513 6.25543 6.67001 5.80975 6.67001 5.25279C6.65747 4.68329 6.2513 4.24998 5.59134 4.24998C4.93145 4.24998 4.5 4.68329 4.5 5.25279C4.5 5.80975 4.91862 6.25543 5.56601 6.25543H5.57855H5.57858ZM7.60938 12.8518H9.53846V9.61067C9.53846 9.43721 9.551 9.26392 9.60194 9.13992C9.74139 8.79334 10.0588 8.4344 10.5917 8.4344C11.2898 8.4344 11.569 8.96663 11.569 9.74686V12.8518H13.498V9.52394C13.498 7.74124 12.5462 6.91172 11.277 6.91172C10.2363 6.91172 9.77947 7.49342 9.52563 7.88963H9.53852V7.04791H7.60943C7.63474 7.59251 7.60943 12.8518 7.60943 12.8518H7.60938Z"
fill="#C0D1D9" />
</svg>
</a>
<a href="https://t.me/tonmetaspace" target="_blank" class="footer-bottom__link">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.63604 2.63604C4.26472 1.00736 6.51472 0 9 0C11.4853 0 13.7353 1.00736 15.364 2.63604C16.9926 4.26472 18 6.51472 18 9C18 11.4853 16.9926 13.7353 15.364 15.364C13.7353 16.9926 11.4853 18 9 18C6.51472 18 4.26472 16.9926 2.63604 15.364C1.00736 13.7353 0 11.4853 0 9C0 6.51472 1.00736 4.26472 2.63604 2.63604ZM9.05741 6.28098C8.16178 6.66133 6.3718 7.44856 3.68745 8.64267C3.25155 8.81966 3.02321 8.9928 3.00242 9.1621C2.96729 9.44822 3.31822 9.56088 3.79609 9.7143C3.86109 9.73517 3.92844 9.7568 3.99749 9.77971C4.46764 9.93575 5.10007 10.1183 5.42885 10.1256C5.72708 10.1321 6.05994 10.0066 6.42743 9.74895C8.9355 8.02034 10.2302 7.14662 10.3115 7.12779C10.3688 7.1145 10.4483 7.09779 10.5021 7.14665C10.556 7.19551 10.5507 7.28805 10.545 7.31287C10.5102 7.46419 9.13268 8.77177 8.41982 9.44844C8.19759 9.65939 8.03995 9.80902 8.00772 9.84319C7.93554 9.91975 7.86197 9.99216 7.79126 10.0618C7.35448 10.4917 7.02693 10.8141 7.80939 11.3405C8.18541 11.5935 8.48629 11.8027 8.78647 12.0115C9.1143 12.2394 9.44127 12.4667 9.86433 12.7499C9.97212 12.822 10.0751 12.897 10.1753 12.9699C10.5568 13.2476 10.8996 13.4971 11.323 13.4573C11.5691 13.4342 11.8232 13.198 11.9523 12.4935C12.2574 10.8284 12.857 7.22077 12.9956 5.73415C13.0077 5.60391 12.9924 5.43721 12.9802 5.36404C12.9679 5.29087 12.9423 5.18661 12.8491 5.10943C12.7388 5.01803 12.5685 4.99876 12.4923 5.00006C12.146 5.00636 11.6146 5.195 9.05741 6.28098Z"
fill="#C0D1D9" />
</svg>
</a>
<a href="https://github.com/tonmetaspace" target="_blank" class="footer-bottom__link">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.2977 17.704C15.1553 16.6884 18 13.1764 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.2722 2.97666 16.8491 6.96911 17.7699C7.0503 17.6878 7.08483 17.574 7.08483 17.4685C7.08483 17.3763 7.08325 17.2136 7.08115 16.996C7.07871 16.7441 7.07556 16.4187 7.07332 16.0438C4.74427 16.5501 4.25293 14.9206 4.25293 14.9206C3.87251 13.9529 3.32361 13.6953 3.32361 13.6953C2.56331 13.1753 3.38117 13.1859 3.38117 13.1859C4.22101 13.2451 4.66316 14.0493 4.66316 14.0493C5.41039 15.3296 6.62279 14.96 7.1 14.7452C7.17588 14.2038 7.39251 13.8346 7.63164 13.6251C5.77248 13.4137 3.81809 12.6952 3.81809 9.48487C3.81809 8.57006 4.14409 7.8224 4.67991 7.23642C4.59357 7.02441 4.3063 6.17296 4.76154 5.0194C4.76154 5.0194 5.4648 4.79422 7.0639 5.87815C7.73211 5.69221 8.44793 5.59964 9.16009 5.59586C9.87121 5.59951 10.5876 5.69221 11.2563 5.87815C12.8543 4.79422 13.556 5.0194 13.556 5.0194C14.0128 6.17296 13.7256 7.02441 13.6392 7.23642C14.1761 7.8224 14.5 8.57006 14.5 9.48487C14.5 12.703 12.5425 13.4116 10.6776 13.6189C10.9779 13.8776 11.2458 14.3886 11.2458 15.1704C11.2458 15.9192 11.2411 16.5711 11.238 17.0032L11.238 17.0034L11.238 17.0038C11.2365 17.2177 11.2354 17.3776 11.2354 17.4687C11.2354 17.5482 11.2543 17.6323 11.2977 17.704Z"
fill="#C0D1D9" />
</svg>
</a>
<a href="mailto:[email protected]" class="footer-bottom__link">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9 0C6.51472 0 4.26472 1.00736 2.63604 2.63604C1.00736 4.26472 0 6.51472 0 9C0 11.4853 1.00736 13.7353 2.63604 15.364C4.26472 16.9926 6.51472 18 9 18C11.4853 18 13.7353 16.9926 15.364 15.364C16.9926 13.7353 18 11.4853 18 9C18 6.51472 16.9926 4.26472 15.364 2.63604C13.7353 1.00736 11.4853 0 9 0ZM9.00042 8.435L13.7304 5.66C13.454 5.25101 12.994 5.0042 12.5004 5H5.50042C5.00418 4.99978 4.53996 5.245 4.26042 5.655L9.00042 8.435ZM9 9.42994C9.17563 9.42963 9.34808 9.38306 9.5 9.29494L14 6.66494V11.4999C14 12.3284 13.3284 12.9999 12.5 12.9999H5.5C4.67157 12.9999 4 12.3284 4 11.4999V6.66494L8.5 9.29994C8.6524 9.38632 8.82482 9.43115 9 9.42994Z"
fill="#C0D1D9" />
</svg>
</a>
</div>
</div>
</footer>
</div>
<div id="topupModal" class="modal">
<div id="modalContent" class="modal__content">
<div class="modal__header">Top-up balance</div>
<div class="modal__desc">Enter the amount to recharge<br> the contract.</div>
<div class="input-block modal__input">
<div class="input-block__body">
<input id="topupInput" class="input-block__input" type="text" placeholder="1.0">
</div>
<div class="input-block__desc">total fee ≈ 0.05 TON</div>
</div>
<div id="topupButton" class="button button--blue modal__button">Top-up</div>
</div>
</div>
<div id="accountAddress" style="display: none;"></div>
<script src="./js/tonweb.js"></script>
<script src="./js/main.min.js"></script>
</body>
</html>