dcp-client
Version:
Core libraries for accessing DCP network
55 lines (51 loc) • 3.29 kB
HTML
<!--
- @file dcp-test.html - test page to help validate the dcp-client modals
- - version: __GIT_VERSION__
- - branch: __GIT_BRANCH__
- - build: __DCP_BUILD
-
- @author Wes Garland, wes@distributive.network
- @date July 2024
-->
<html>
<head>
<meta charset="utf-8">
<title>DCP Modals Test Page</title>
<script src="./load-bt-common.js"></script>
<link rel="stylesheet" cdn-href="/css/dcp-style-branded.css">
</head>
<body>
<h1>DCP Modals Test Page.</h1>
<p>
<textarea id="some-text" rows="10" cols="80">
Lorem ipsum odor amet, consectetuer adipiscing elit. Consectetur senectus facilisi primis dignissim tellus mauris. Fringilla turpis justo proin bibendum, malesuada praesent. Sagittis sit lacinia condimentum id nam venenatis bibendum finibus cubilia. Rhoncus euismod platea posuere elementum pretium dui iaculis. Molestie rhoncus praesent quam penatibus cubilia mollis rhoncus vestibulum? Magnis magnis ultrices torquent molestie iaculis vulputate blandit interdum vivamus. Platea dis dolor ipsum cubilia mi, erat per.
Accumsan mollis auctor pulvinar in suscipit elementum id. Rutrum praesent consectetur dapibus; nullam primis tincidunt lacus tempus. Nulla rhoncus potenti leo mi venenatis potenti accumsan. Lacinia facilisis ultricies vulputate, nostra erat aptent semper. Duis facilisis euismod amet integer accumsan rhoncus. Ultricies luctus luctus, malesuada parturient suspendisse dignissim. Mus purus proin amet imperdiet montes volutpat vitae risus amet.
</textarea>
</p>
<button primary=true
onclick="dcp['dom-tk'].modals.passwordPrompt('wes@distributive.network', 'Enter your very secret password').then(xd => $('#response5').value = xd)"
>passwordPrompt</button>Password: <input id='response5' type="text"><br>
<button primary=true
onclick="dcp['dom-tk'].modals.alert(Date.now() + ' ' + $('#some-text').value, {title: $('#alert-title').value})"
>alert
</button> title: <input type="text" id='alert-title'>
<button onclick="dcp['dom-tk'].modals.alert(new Error('this is an error message'), {title: $('#alert-title').value})">
alert stack
</button><br>
<button primary=true
onclick="dcp['dom-tk'].modals.confirm($('#some-text').value).then(xa => $('#response1').value = xa || '')"
>Confirm
</button>Response: <input id="response1" type="text"><br>
<button primary=true
onclick="dcp['dom-tk'].modals.prompt('When you eat your smarties, do you eat the red ones last?', 'sure do').then(xb => $('#response2').value = String(xb||''))"
>Prompt
</button>Response: <input id='response2' type="text"><br>
<button primary=true
onclick="dcp['dom-tk'].modals.upload('Upload your PDF', '*.pdf,application/pdf').then(xc => $('#response3').value = `${xc?.contents.byteLength} bytes uploaded`)"
>Upload PDF</button>Result: <input id='response3' type="text"><br>
<button primary=true
onclick="dcp['dom-tk']..modals.uploadKeystore('Show Me The Money').then(ks => $('#response4').value = ks?.address);"
>Upload Keystore</button>Address: <input id='response4' type="text"><br>
</body>
</html>