@bloxbean/yaci-viewer/build/server/chunks/_page.svelte-CK1Uo9rb.js

A Cardano blockchain data viewer for developers. It works with the Yaci-Store backend, supporting both a local devnet and public networks.

import { X as escape_html, Z as attr, a1 as bind_props, x as pop, v as push } from './index-vBtQgGkr.js';
import moment from 'moment';
import { J as JsonContent } from './JsonContent-DjhJhAEL.js';
import { l as lovelaceToAda } from './ada_util-BMIfqJSl.js';

function _page($$payload, $$props) {
  push();
  let data = $$props["data"];
  let { govAction } = data;
  function getDate(time) {
    if (!time) return "";
    const date = new Date(time * 1e3);
    const options = {
      year: "numeric",
      month: "long",
      day: "numeric",
      hour: "numeric",
      minute: "numeric",
      second: "numeric",
      hour12: false
    };
    return date.toLocaleString(void 0, options);
  }
  $$payload.out += `<section class="container mx-auto text-sm"><div class="grid grid-cols-1 sm:grid-cols-2 gap-4"><article class="bg-gray-50 rounded-lg shadow-md p-4"><div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Gov Action Id</strong></div> <div class="bg-gray-100 py-2 px-4 break-words"><p><small>${escape_html(govAction.tx_hash)}#${escape_html(govAction.index)}</small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Return Address</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small>${escape_html(govAction.return_address)}</small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Deposit</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small>${escape_html(lovelaceToAda(govAction.deposit, 2))} Ada</small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Block</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small>${escape_html(govAction.block_number)}</small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Slot</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small>${escape_html(govAction.slot)}</small></p></div></div></article> <article class="bg-gray-50 rounded-lg shadow-md p-4"><div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Type</strong></div> <div class="bg-gray-100 py-2 px-4 break-words"><p><small>${escape_html(govAction.type)}</small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Anchor Url</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small><a${attr("href", govAction.anchor_url)} target="_blank">${escape_html(govAction.anchor_url)}</a></small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Anchor Hash</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small>${escape_html(govAction.anchor_hash)}</small></p></div></div> <div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Time</strong></div> <div class="bg-gray-100 py-2 px-4"><p><small>${escape_html(getDate(govAction.block_time))}, ${escape_html(moment(govAction.block_time * 1e3).fromNow())}</small></p></div></div></article></div></section> <section class="container mx-auto text-sm mt-10 mb-10"><div class="flex flex-col"><div class="bg-gray-200 py-2 px-4 mb-2"><strong>Details</strong></div></div> <div class="overflow-x-auto">`;
  JsonContent($$payload, { text: govAction.details });
  $$payload.out += `<!----></div></section>`;
  bind_props($$props, { data });
  pop();
}

export { _page as default };
//# sourceMappingURL=_page.svelte-CK1Uo9rb.js.map