trent_larson
/
kickstarter-for-time
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Split contact add/edit into two screens

master
Jose Olarte III 3 years ago
parent
136239aea4
commit
b38d53c836
2 changed files with 52 additions and 5 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 45
      contact-add.html
  2. 12
      contact-edit.html

45
contact-add.html
View File

@ -0,0 +1,45 @@
<!doctype html>
<html class="text-slate-700">
<head>
<title>New Contact - Kickstarter for Time</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tailwind -->
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/2396c18fde.js" crossorigin="anonymous"></script>
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!-- CONTENT -->
<section id="Content" class="p-6 pb-24">
<!-- Breadcrumb -->
<div id="ViewBreadcrumb" class="mb-8">
<h1 class="text-lg text-center font-light relative px-7">
<!-- Cancel -->
<a href="contact-view.html" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><i class="fa-solid fa-chevron-left fa-fw"></i></a>
New Contact
</h1>
</div>
<form>
<input type="text" placeholder="DID" class="block w-full rounded border-slate-400 mb-4" required />
<input type="text" placeholder="Nickname" class="block w-full rounded border-slate-400 mb-4" required />
<input type="text" placeholder="Public Key (optional)" class="block w-full rounded border-slate-400 mb-4" />
<div class="mt-8">
<button type="button" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">Add New Contact</button>
<!-- SHOW ME instead while processing saving changes -->
<!-- <button type="button" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">Processing&hellip; <i class="fa-solid fa-spinner fa-spin-pulse" disabled></i></button> -->
<button type="button" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Cancel</button>
</div>
</form>
</section>
</body>
</html>

12
contact-edit.html
View File

@ -1,7 +1,7 @@
<!doctype html>
<html class="text-slate-700">
<head>
<title>[New/Edit] Contact - Kickstarter for Time</title>
<title>Edit Contact - Kickstarter for Time</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -23,14 +23,16 @@
<!-- Cancel -->
<a href="contact-view.html" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><i class="fa-solid fa-chevron-left fa-fw"></i></a>
[New/Edit] Contact
Edit Contact
</h1>
</div>
<form>
<input type="text" placeholder="DID" class="block w-full rounded border-slate-400 mb-4" required />
<input type="text" placeholder="Nickname" class="block w-full rounded border-slate-400 mb-4" />
<input type="text" placeholder="Public Key (optional)" class="block w-full rounded border-slate-400 mb-4" />
<input type="text" placeholder="Nickname" class="block w-full rounded border-slate-400 mb-4" required />
<input type="text" placeholder="DID" value="did:ethr:0x000Ee5654b9742f6Fe18ea970e32b97ee2247B51" class="block w-full rounded border-slate-400 mb-4 disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none" disabled />
<input type="text" placeholder="Public Key (optional)" value="MEgCQQCo9+BpMRYQ/dL3DS2CyJxRF+j6ctbT3/Qp84+KeFhnii7NT7fELilKUSnx
S30WAvQCCo2yU1orfgqr41mM70MBAgMBAAE=" class="block w-full rounded border-slate-400 mb-4 disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none" disabled />
<p class="text-sm text-slate-500 text-center mb-4">Entered the wrong DID / public key by mistake? Delete this contact and create a new one, instead.</p>
<div class="mt-8">
<button type="button" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">Save Changes</button>

Write Preview
Loading…
Cancel
Save