Browse Source

Gifting + Commitments

master
Jose Olarte III 8 months ago
parent
commit
8c767c48cc
  1. 11
      contact-list.html
  2. 64
      project-view.html

11
contact-list.html

@ -70,6 +70,17 @@
</span>
</h2>
<div class="text-sm truncate">did:ethr:0x000Ee5654b9742f6Fe18ea970e32b97ee2247B51</div>
<div id="ContactActions" class="flex gap-1.5 mt-2">
<button type="button" class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-eye-slash fa-fw"></i></button>
<button type="button" class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-rotate fa-fw"></i></button>
<button type="button" class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-person-circle-question fa-fw"></i></button>
<button type="button" class="text-sm uppercase bg-red-600 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-trash-can fa-fw"></i></button>
<button type="button" class="text-sm uppercase bg-blue-600 text-white px-2 py-1.5 ml-auto rounded-md">To: 0 <i class="fa-solid fa-plus fa-fw"></i></button>
<button type="button" class="text-sm uppercase bg-blue-600 text-white px-2 py-1.5 rounded-md">From: 0 <i class="fa-solid fa-plus fa-fw"></i></button>
<button type="button" class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-file-lines fa-fw"></i></button>
</div>
</div>
</a>
</li>

64
project-view.html

@ -67,7 +67,59 @@
<a href="commitment-edit.html" class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8">Make Commitment</a>
<!-- Commitments -->
<div class="grid items-start grid-cols-1 sm:grid-cols-2 gap-4">
<div class="bg-slate-100 px-4 py-3 rounded-md">
<h3 class="text-sm uppercase font-semibold mb-3">Given to this Project</h3>
<ul class="text-sm border-t border-slate-300">
<li class="py-1.5 border-b border-slate-300">
<div class="flex justify-between gap-4">
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
</div>
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
</li>
<li class="py-1.5 border-b border-slate-300">
<div class="flex justify-between gap-4">
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
</div>
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
</li>
<li class="py-1.5 border-b border-slate-300">
<div class="flex justify-between gap-4">
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
</div>
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
</li>
</ul>
</div>
<div class="bg-slate-100 px-4 py-3 rounded-md">
<h3 class="text-sm uppercase font-semibold mb-3">&hellip;and from this Project</h3>
<ul class="text-sm border-t border-slate-300">
<li class="py-1.5 border-b border-slate-300">
<div class="flex justify-between gap-4">
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
</div>
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
</li>
<li class="py-1.5 border-b border-slate-300">
<div class="flex justify-between gap-4">
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
</div>
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
</li>
</ul>
</div>
</div>
<!-- div class="bg-slate-100 px-4 py-3 rounded-md">
<h3 class="text-sm uppercase font-semibold mb-3">Commitments</h3>
<ul class="text-sm border-t border-slate-300">
@ -86,7 +138,17 @@
<span>0.1 BTC <i class="fa-solid fa-spinner fa-fw text-slate-400"></i></span>
</li>
</ul>
</div>
</div -->
<!-- GIFTED DIALOG popup -->
<dialog id="dlgGifted" class="backdrop:bg-black/75 rounded-md">
<form method="dialog">
<h1 class="text-lg text-center font-light relative px-7">Received from you</h1>
<button value="cancel" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2">Copy to Clipboard</button>
<button value="cancel" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Close</button>
</form>
</dialog>
</section>
<!-- DISMISSIBLE ALERT -->

Loading…
Cancel
Save