@bloxbean/yaci-viewer
Version:
A Cardano blockchain data viewer for developers. It works with the Yaci-Store backend, supporting both a local devnet and public networks.
2 lines (1 loc) • 3.73 kB
JavaScript
import{e as c,a as H,t as C}from"../chunks/disclose-version.BTC8Bk4r.js";import"../chunks/legacy.DKpsC3nd.js";import{p as tt,l as L,a as et,f as at,b as rt,s as o,d as r,g as e,m as b,c as p,r as a,t as st}from"../chunks/runtime.NVyxXVLy.js";import{s as g}from"../chunks/render.Dr_6zaa7.js";import{e as ot,i as lt}from"../chunks/each.e-7RQQYD.js";import{s as z}from"../chunks/attributes.CqauuZ_8.js";import{s as nt}from"../chunks/class.DCW6ehBg.js";import{i as ct}from"../chunks/lifecycle.BF-zkLgr.js";import{p as pt}from"../chunks/props.Btle0pBM.js";import{s as it,a as ut}from"../chunks/store.EL_7F1Fq.js";import{g as A}from"../chunks/entry.CYtqVooA.js";import{p as dt}from"../chunks/stores.DmQQ1jkb.js";import{D as bt}from"../chunks/DRepDetails.BflGaRUd.js";var gt=C('<tr><td class="py-2 px-4"><a href="#" class="text-blue-500"><span class="ml-2"> </span></a></td><td class="py-2 px-4"> </td><td class="py-2 px-4"><a class="text-blue-500"> </a></td><td class="py-2 px-4"><a class="text-blue-500"> </a></td></tr>'),ft=C('<section class="container mx-auto text-sm"><h2 class="text-xl font-bold text-center text-gray-500 mb-4">DRep Updates</h2> <div class="flex flex-wrap justify-between mt-4 mb-2"><button class="px-4 py-2 text-blue-500 font-medium rounded-md bg-gray-100 hover:bg-gray-200 transition-colors" role="button">< Previous</button> <button class="px-4 py-2 text-blue-500 font-medium rounded-md bg-gray-100 hover:bg-gray-200 transition-colors" role="button">Next ></button></div> <div class="overflow-x-auto"><table class="w-full bg-white border border-gray-300"><thead><tr><th class="py-2 px-4 bg-gray-100 font-bold text-center">DRep Id</th><th class="py-2 px-4 bg-gray-100 font-bold text-center">Type</th><th class="py-2 px-4 bg-gray-100 font-bold text-center">Block</th><th class="py-2 px-4 bg-gray-100 font-bold text-center">Txn Hash</th></tr></thead><tbody></tbody></table></div> <div class="flex flex-wrap justify-between mt-2 mb-2"><button class="px-4 py-2 text-blue-500 font-medium rounded-md bg-gray-100 hover:bg-gray-200 transition-colors" role="button">< Previous</button> <button class="px-4 py-2 text-blue-500 font-medium rounded-md bg-gray-100 hover:bg-gray-200 transition-colors" role="button">Next ></button></div></section> <!>',1);function jt(F,k){tt(k,!1);const G=it(),D=()=>ut(dt,"$page",G),f=b();let l=pt(k,"data",12),i=b([]);const R=()=>{let t=parseInt(l().page)-1;t<=0&&(t=1),A(`/governance/drep-updates?page=${t}&count=${l().count}`)},U=()=>{let s=parseInt(l().page),t=s+1;l().updates.length==0&&(t=s),A(`/governance/drep-updates?page=${t}&count=${l().count}`)};l().updates||l(l().updates=[],!0);let u=b(!1),j=b({});const J=s=>{p(j,s),p(u,!e(u))};function K(){p(u,!1)}L(()=>D(),()=>{p(f,D().url.searchParams.get("page"))}),L(()=>(e(i),e(f)),()=>{e(i).forEach(s=>{let h=s.href.split("?").slice(1).join("?");new URLSearchParams(h).get("page")===e(f)?s.active=!0:s.active=!1}),p(i,e(i))}),et(),ct();var I=ft(),m=at(I),v=o(r(m),2),N=r(v),M=o(N,2);a(v);var x=o(v,2),S=r(x),T=o(r(S));ot(T,5,()=>l().updates,lt,(s,t,h)=>{var n=gt();nt(n,h%2===0?"bg-gray-50":"bg-white");var d=r(n),B=r(d),y=r(B),W=r(y,!0);a(y),a(B),a(d);var _=o(d),X=r(_,!0);a(_);var w=o(_),P=r(w),Y=r(P,!0);a(P),a(w);var E=o(w),$=r(E),Z=r($,!0);a($),a(E),a(n),st(()=>{g(W,e(t).drep_id),g(X,e(t).cred_type),z(P,"href",`/blocks/${e(t).block_number??""}`),g(Y,e(t).block_number),z($,"href",`/transactions/${e(t).tx_hash??""}`),g(Z,e(t).tx_hash)}),c("click",y,()=>{J(e(t))}),H(s,n)}),a(T),a(S),a(x);var V=o(x,2),q=r(V),O=o(q,2);a(V),a(m);var Q=o(m,2);bt(Q,{get drep(){return e(j)},get show(){return e(u)},$$events:{closeDetails:K}}),c("click",N,R),c("click",M,U),c("click",q,R),c("click",O,U),H(F,I),rt()}export{jt as component};