Mga Detalye ng Transaction

{ "data": { "edunft-verify.testnet": { "widget": { "user-profile": { "": "const contractId = \"edunft-verify.testnet\";rnrn// Initial staternState.init({rn searchQuery: \",rn view: \"all\", // all / ownerrn selectedOwner: null,rn});rnrnconst nftList = Near.view(contractId, \"nft_tokens\", {rn from_index: \"0\",rn limit: 50,rn});rnrn// Match logicrnconst search = state.searchQuery.toLowerCase();rnrn// Filtered NFTs by title or token_idrnconst matchingNFTs =rn nftList &&rn nftList.filter(rn (nft) =>rn nft.token_id.toLowerCase().includes(search) ||rn nft.metadata.title.toLowerCase().includes(search)rn );rnrn// Filtered Owners if search matches owner IDrnconst matchingOwners =rn nftList &&rn Array.from(rn new Set(rn nftListrn .map((nft) => nft.owner_id)rn .filter((owner) => owner.toLowerCase().includes(search))rn )rn );rnrn// Show all owners if no searchrnconst allOwners =rn nftList && Array.from(new Set(nftList.map((nft) => nft.owner_id)));rnrnreturn (rn <divrn style={{rn fontFamily: \"Poppins, sans-serif\",rn maxWidth: \"1000px\",rn margin: \"0 auto\",rn padding: \"auto\",rn }}rn >rn <divrn style={{rn textAlign: \"center\",rn marginBottom: \"30px\",rn color: \"grey\",rn fontSize: \"3rem\",rn }}rn >rn u{1f393} Welcome to EduNFT-Verifyrn </div>rnrn {/* Search bar */}rn <divrn style={{rn display: \"flex\",rn justifyContent: \"center\",rn marginBottom: \"30px\",rn }}rn >rn <inputrn type=\"text\"rn placeholder=\"u{1f50d} Search by token ID, title, or owner...\"rn value={state.searchQuery}rn onChange={(e) => State.update({ searchQuery: e.target.value })}rn style={{rn padding: \"12px 16px\",rn width: \"100%\",rn maxWidth: \"600px\",rn borderRadius: \"12px\",rn border: \"1px solid #e0bbff\",rn fontSize: \"16px\",rn color: \"#444\",rn backgroundColor: \"#fff\",rn boxShadow: \"0 2px 6px rgba(0,0,0,0.05)\",rn }}rn />rn </div>rnrn {/* Back button for owner view */}rn {state.view === \"owner\" && (rn <div style={{ textAlign: \"center\", marginBottom: \"20px\" }}>rn <buttonrn onClick={() => State.update({ view: \"all\", selectedOwner: null })}rn style={{rn padding: \"10px 20px\",rn borderRadius: \"10px\",rn background: \"#e0bbff\",rn color: \"#fff\",rn border: \"none\",rn cursor: \"pointer\",rn }}rn >rn u{2190} Back to Home pagern </button>rn </div>rn )}rnrn {/* Show NFT grid for selected owner */}rn {state.view === \"owner\" && (rn <>rn {nftList &&rn nftList.filter((nft) => nft.owner_id === state.selectedOwner).length >rn 0 ? (rn <divrn className=\"nft-grid\"rn style={{rn display: \"grid\",rn gridTemplateColumns: \"repeat(auto-fill, minmax(250px, 1fr))\",rn gap: \"24px\",rn }}rn >rn {nftListrn .filter((nft) => nft.owner_id === state.selectedOwner)rn .map((nft, index) => (rn <divrn key={index}rn style={{rn background: \"#fff\",rn borderRadius: \"16px\",rn padding: \"16px\",rn boxShadow: \"0 6px 12px rgba(0,0,0,0.07)\",rn textAlign: \"center\",rn border: \"2px solid #ffd6e0\",rn }}rn >rn <imgrn src={nft.metadata.media}rn alt={nft.metadata.title}rn style={{rn width: \"100%\",rn height: \"200px\",rn objectFit: \"cover\",rn borderRadius: \"12px\",rn marginBottom: \"10px\",rn border: \"1px solid #e0bbff\",rn }}rn />rn <h3 style={{ fontSize: \"18px\", color: \"#444\" }}>rn {nft.metadata.title}rn </h3>rn <p style={{ fontSize: \"14px\", color: \"#666\" }}>rn {nft.metadata.description}rn </p>rn <prn style={{rn fontSize: \"13px\",rn marginTop: \"10px\",rn color: \"#666\",rn }}rn >rn <strong style={{ color: \"#e0bbff\" }}>Token ID:</strong>{\" \"}rn {nft.token_id}rn </p>rn <p style={{ fontSize: \"13px\", color: \"#666\" }}>rn <strong style={{ color: \"#e0bbff\" }}>Owner:</strong>{\" \"}rn {nft.owner_id}rn </p>rn </div>rn ))}rn </div>rn ) : (rn <p style={{ textAlign: \"center\", color: \"#666\" }}>rn u{274c} No NFTs found.rn </p>rn )}rn </>rn )}rnrn {/* Show filtered NFTs if search matches any NFTs */}rn {state.view === \"all\" && search && matchingNFTs.length > 0 && (rn <>rn <h3 style={{ textAlign: \"center\", color: \"#444\" }}>u{1f3a8} Matching NFTs</h3>rn <divrn style={{rn display: \"grid\",rn gridTemplateColumns: \"repeat(auto-fill, minmax(250px, 1fr))\",rn gap: \"24px\",rn }}rn >rn {matchingNFTs.map((nft, index) => (rn <divrn key={index}rn style={{rn background: \"#fff\",rn borderRadius: \"16px\",rn padding: \"16px\",rn boxShadow: \"0 6px 12px rgba(0,0,0,0.07)\",rn textAlign: \"center\",rn border: \"2px solid #ffd6e0\",rn }}rn >rn <imgrn src={nft.metadata.media}rn alt={nft.metadata.title}rn style={{rn width: \"100%\",rn height: \"200px\",rn objectFit: \"cover\",rn borderRadius: \"12px\",rn marginBottom: \"10px\",rn border: \"1px solid #e0bbff\",rn }}rn />rn <h3 style={{ fontSize: \"18px\", color: \"#444\" }}>rn {nft.metadata.title}rn </h3>rn <p style={{ fontSize: \"14px\", color: \"#666\" }}>rn {nft.metadata.description}rn </p>rn <p style={{ fontSize: \"13px\", marginTop: \"10px\", color: \"#666\" }}>rn <strong style={{ color: \"#e0bbff\" }}>Token ID:</strong>{\" \"}rn {nft.token_id}rn </p>rn <p style={{ fontSize: \"13px\", color: \"#666\" }}>rn <strong style={{ color: \"#e0bbff\" }}>Owner:</strong>{\" \"}rn {nft.owner_id}rn </p>rn </div>rn ))}rn </div>rn </>rn )}rnrn {/* Show owners (filtered or all) if no NFT match */}rn {state.view === \"all\" && (!search || matchingNFTs.length === 0) && (rn <>rn <h3rn style={{ color: \"#444\", marginBottom: \"10px\", textAlign: \"center\" }}rn >rn Universitiesrn </h3>rn <divrn style={{rn display: \"flex\",rn flexWrap: \"wrap\",rn justifyContent: \"center\",rn gap: \"10px\",rn }}rn >rn {(search ? matchingOwners : allOwners).map((owner) => (rn <buttonrn key={owner}rn onClick={() =>rn State.update({ view: \"owner\", selectedOwner: owner })rn }rn style={{rn padding: \"8px 16px\",rn borderRadius: \"8px\",rn border: \"1px solid #ffd6e0\",rn background: \"#fff\",rn color: \"#444\",rn cursor: \"pointer\",rn }}rn >rn {owner}rn </button>rn ))}rn </div>rn </>rn )}rn </div>rn);rn", "metadata": { "image": null } } } } } }