var postCompactTemplate = `
<div class="post" onmouseover="changeClass(this,'post highlighted')" onmouseout="changeClass(this,'post')">
    {directlink}
        <div class="post-content">
        <div class="post-side-bar" onclick="nlc();location.href='#thread?root={roottxid}&amp;post={txid}';">
            {authorsidebar}
        </div>
        <div class="post-right-contents">
            <div class="post-header">
                {author}
                <span data-vavilon="VV0151" class="fulltext">submitted</span>
                <span class="post-metadata">
                    <span class="elapsed-time">
                        {elapsed}
                    </span>
                    <span class="elapsed-time-compressed">
                        {elapsedcompressed}
                    </span>
                    <span class="topic">
                        {topic}
                    </span>
                </span>
            </div>
            <div class="post-body-wrapper">
                <div id="postbody{txid}" class="post-body"
                    onclick="if(document.getSelection().type === 'Range'){return;}else{nlc();location.href='#thread?root={roottxid}&amp;post={txid}'};">
                    {message}
                </div>
                <div class="post-quote">
                    {quote}
                </div>
                <div class="post-footer">
                    <span class="post-footer-reply post-footer-relative">
                        <a id="replylink{txid}{page}{diff}" onclick="showReplyBox('{txid}{page}{diff}');"
                            href="javascript:;" class="btn-icon" data-action="reply">
                            <span class="replyicon">
                                <span class="emojiicon">💬</span>
                            </span>
                            <span class="iconcount">
                                {replies}
                            </span>
                            <span data-vavilon="VV0153" class="text footerlabel">replies</span>
                        </a>
                    </span>
                    <span class="post-footer-upvote{likeactivated} post-footer-relative" id="upvotecontainer{txid}">
                        <a id="upvoteaction{txid}" href="javascript:;" onclick="likePost('{txid}','{origtxid}','{address}')"
                            class="btn-icon" data-action="like">
                            <span class="likeicon">
                                <span class="emojiicon">💙</span>
                            </span>
                            <span class="iconcount likestext" id="likescount{txid}">
                                {likes}
                            </span>
                            <span class="iconcount likesbalance" id="score{txid}">
                                {likesbalance}
                            </span>
                            <span data-vavilon="likes" class="text footerlabel">likes</span>
                        </a>
                    </span>
                    <span class="post-footer-downvote{dislikeactivated} post-footer-relative" id="downvotecontainer{txid}">
                        <a id="downvoteaction{txid}" href="javascript:;" onclick="dislikePost('{txid}','{origtxid}','{address}')"
                            class="btn-icon" data-action="dislike">
                            <span class="dislikeicon">
                                <span class="emojiicon">👎</span>
                            </span>
                            <span class="iconcount" id="dislikescount{txid}">
                                {dislikes}
                            </span>
                            <span data-vavilon="dislikes" class="text footerlabel">dislikes</span>
                        </a>
                    </span>
                    <span class="post-footer-remembers{rememberactivated} post-footer-relative" id="remembers{txid}">
                        <a id="quotelinkposts{diff}{txid}" class="btn-icon" data-action="remember" onclick="dropDownMenuAction(this);">
                            <span class="remembersicon">
                                <span class="emojiicon">♻</span>
                            </span>
                            <span class="iconcount" id="repostscount{txid}">{remembers}</span>
                            <span data-vavilon="VV0156" class="text footerlabel">remembers</span>
                            <div class="dropdown-content remember-dropdown" id="dropdown-content{diff}{txid}">
                                <a onclick="repostPost('{txid}','{origtxid}','{sourcenetwork}');"><span data-vavilon="remember">remember</span></a>
                                <a onclick="if (!checkForPrivKey()) return false; nlc(); location.href='#new?txid={origtxid}';"><span data-vavilon="VV0158">quote</span></a>
                            </div>
                        </a>
                    </span>
                    <span class="post-footer-tips post-footer-relative">
                        <a id="tiplinkposts{diff}{txid}" onclick="showTipBox('posts{diff}{txid}');" href="javascript:;"
                            class="btn-icon" data-action="tip">
                            <span class="tipicon">
                                <span class="emojiicon">💰</span>
                            </span>
                            <span id="tipscount{txid}" class="iconcount" data-amount="{tipsinsatoshis}">{tips}</span>
                            <span data-vavilon="tips" class="text footerlabel">tips</span>
                        </a>
                    </span>
                    <span class="dropdown">
                        <button onclick="dropDownMenuAction(this);" class="dropbtn"><div class="options">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div></button>
                        <div class="dropdown-content" id="dropdown-content">
                            <a onclick="showScoresExpanded('{txid}','scoresexpanded{txid}{diff}')"
                                href="javascript:;"><span data-vavilon="VV0147">likes and</span> <span
                                    data-vavilon="tips">tips</span></a>
                            <a onclick="showRemembersExpanded('{txid}','remembersexpanded{txid}{diff}')"
                                href="javascript:;"><span data-vavilon="VV0156">Remembers</span></a>
                            <a class="permalink" id="permalinkposts{diff}{txid}" href="{permalink}"><span
                                    data-vavilon="permalink">Permalink</span></a>
                            <a id="articlelinkposts{diff}{txid}" href="{articlelink}"><span
                                    data-vavilon="article">Article</span></a>
                            <!--<a id="hidepostlinkposts{diff}{txid}" onclick="sendHidePost('{txid}');"
                                href="javascript:;"><span data-vavilon="VV0161">Flag post</span></a>
                            <a id="hideuserlinkposts{diff}{txid}"
                                onclick="hideuser('{address}','','hideuserlinkposts{diff}{txid}');"
                                href="javascript:;"><span data-vavilon="flaguser">Flag user</span></a>
                            <a id="hideuserlinkposts{diff}{txid}"
                                onclick="hideuser('{address}','{topicescaped}','hideuserlinkposts{diff}{txid}');"
                                href="javascript:;"><span data-vavilon="flagusertopic">Flag user for
                                    topic</span></a>
                            <a rel="noopener noreferrer" target="memo" href="https://memo.cash/a/{txid}">Memo</a>
                            <a rel="noopener noreferrer" target="bitcoincom"
                                href="https://explorer.bitcoin.com/bch/tx/{txid}">Bitcoin.com</a>
                            <a rel="noopener noreferrer" target="bitclout" href="https://bitclout.com/posts/{txid}">BitClout</a>-->
                            {pinnedpostHTML}
                            {sourceNetworkHTML}
                        </div>
                    </span>
                </div>
                <span id="tipboxposts{diff}{txid}" style="display:none">
                    <input id="tipamountposts{diff}{txid}" type="number" value="0" min="0" style="width: 6em;"
                        step="1000">
                    <input id="tipbuttonposts{diff}{txid}" value="tip" type="submit"
                        onclick="sendTip('{txid}','{origtxid}','{address}','posts{diff}');">
                    <input id="tipstatusposts{diff}{txid}" value="sending" type="submit" style="display:none"
                        disabled="">
                </span>
                <div id="scoresexpanded{txid}{diff}" class="scoreexpanded"></div>
                <div id="remembersexpanded{txid}{diff}" class="remembersexpanded"></div>
                {replydiv}
            </div>
        </div>
    </div>
</div>
`;

var completedPostTemplate=`
<span data-vavilon="messagesent">Sent.</span>
<a data-vavilon="VV0145" onclick="showThread('{txid}')" href="#thread?post={txid}" onclick="nlc();">View It</a> or
<a data-vavilon="VV0146" href="javascript;"
    onclick="window.open('{encodedurl}', 'twitterwindow', 'width=300,height=250');return false;">Also
    Post To Twitter (opens a new window)</a>
`;


var scoresTemplate=`
<span onclick="showScoresExpanded('{txid}','scoresexpanded{txid}{diff}')" id="scores{txid}{diff}" class="score">
    <span class="likescounttext">
        <span id="likescount{txid}">{likesbalance}</span>
        <span data-vavilon="VV0147">likes and</span>
    </span>
    <span class="tipscounttext">
        <span id="tipscount{txid}" data-amount="{tips}">{balancestring}</span>
    </span>
</span>`;

var userCompactTemplate=`
<span class="membercompact" onclick="event.stopPropagation();">
    {directlink}
    <span id="memberinfo{diff}posts{address}">
        <a href="#member?qaddress={address}" onclick="nlc();" class="memberdetails">
            <span class="memberpicsmallcompact" style="display:inline;">{profilepicsmall}</span>
            <span class="member-handle">{handle}</span>
        </a>
    </span>
    <span class="starratingcompact">
        <span data-ratingsize="10" data-ratingname="{pagingidattrib}" data-ratingaddress="{bitcoinaddress}" data-ratingraw="{rating}" id="ratingposts{diff}"
        data-ratingsystem={systemscoreclass} class="star-rating-compact"></span>
    </span>
    {flair}
    {profilecard}
</span>
`;

var userProfileCompactTemplate=`
<span style="display: none;" id="profileinfo{diff}posts{address}" data-profileaddress="{address}"
    class="profilepreview">
    <div class="profile-card-meta">
        <div class="profile-side-bar">
            <a href="#member?qaddress={address}" onclick="nlc();" class="hnuser">
                <span class="memberpicsmallcompact" style="display:inline;">{profilepicsmall}</span>
            </a>
            {authorsidebar}
        </div>
        <div class="profile-right-contents">
            <a href="#member?qaddress={address}" onclick="nlc();" class="hnuser">
                <span class="member-handle">{handle}</span>
            </a>
            <span class="starrating">
                <span data-ratingsize="16" data-ratingaddress="{bitcoinaddress}" data-ratingraw="{rating}"
                data-ratingsystem={systemscoreclass} id="ratingprofilecard{diff}" class="star-rating"></span>
            </span>
            {flair}
            <br />
            <a href="#member?qaddress={address}" onclick="nlc();" class="hnuser">
                <span class="member-pagingid">@{pagingid}</span>
            </a>
            <span class="member-onlinestatus age">{onlinestatus}</span>
            <div class="profile-text">
                <span class="profilepreviewtext">{profile}</span>
            </div>
        </div>
    </div>
    <div class="profile-actions">
        <span class="profilepreviewfollowers">
            <a href="#followers?qaddress={address}" onclick="nlc();">{followers} <span
                    data-vavilon="VV0149">followers</span></a>
        </span>
        <span class="profilepreviewfollowers">
            <a href="#following?qaddress={address}" onclick="nlc();">{following} <span
                    data-vavilon="VV0150">following</span></a>
        </span>
        <span class="profilepreviewfollowbutton">
            {followbutton}
        </span>
    </div>
</span>
`;


var nestedPostTemplate= `
<li style="display:{unmuteddisplay};" id="LI{txid}" class="{hightlightedclass}">{replyHTML}{nestedPostHTML}</li>
<li style="display:{muteddisplay};" id="CollapsedLI{txid}" class="collapsed">
    <div class="comhead">
        <a onclick="uncollapseComment('{txid}');" href="javascript:;">[+] </a>
        {user}
        {scores}
        {age}
    </div>
    <div id="scoresexpanded{txid}{diff}" class="scoreexpanded"></div>
    <div id="remembersexpanded{txid}{diff}" class="remembersexpanded"></div>
</li>`;


var notificationCompactTemplate=`
<li class="{highlighted}notificationitem notification{type}" id='notification{txid}'>
    <div class="notificationdetails">
        <div class="notificationminheight">
            <span class="notificationIcon">
                <img src='{iconHTML}'>
            </span>
            <div class="notificationtitlecompact">
                {title}
                <span class="age">{age}</span>
            </div>
            {post}
        </div>
        <hr class="notificationhr" />
    </div>
</li>
`;


var replyTemplate=`
<div class="reply{highlighted}" id="{id}">
    <div class="{blocked}">
        <div class="votelinks">{votebuttons}</div>
        <div class="commentdetails">
            <div class="comhead"> <a onclick="collapseComment('{txid}');" href="javascript:;">[-]</a>
                {author}
            </div>
            <div class="comment">
                <div class="commentbody">
                    {message}
                </div>
                <div class="subtextbuttons">{scores} {age} {replyandtips}</div>
                {replydiv}
            </div>
            <div id="scoresexpanded{txid}{diff}" class="scoreexpanded"></div>
            <div id="remembersexpanded{txid}{diff}" class="remembersexpanded"></div>
        </div>
    </div>
</div>
`;

var replyDivTemplate = `
<div id="reply{txid}{page}" style="display:none">
    <div class="replyprofilepic">
    <a href="#member?qaddress={address}" onclick="nlc();" class="hnuser">
        <span class="memberpicsmallcompact" style="display:inline;">{profilepicsmall}</span>
    </a>
    </div>
    <div class="replyform">
    <br />
    <textarea id="replytext{page}{txid}" rows="3" maxlength="5000"></textarea>
    <br />
    <input id="replybutton{page}{txid}" value="reply" type="submit"
        onclick="sendReply('{txid}','{page}','replystatus{page}{txid}','{sourcenetwork}','{origtxid}');" />
    <input data-vavilon_value="VV0154" id="replystatus{page}{txid}" value="sending..." type="submit"
        style="display:none" disabled />
    <div id="replycompleted{page}{txid}" value=""></div>
    </div>
</div>`;

var replyAndTipsTemplate = `
{maplink}
<a data-vavilon="VV0155" id="replylink{txid}{page}" onclick="showReplyBox('{txid}{page}');"
    href="javascript:;">reply</a>
<span class="rememberscounttext">
    <a class="{remembersactive}" id="repostlink{page}{txid}" {remembersonclick}></a>
    <span onclick="showRemembersExpanded('{txid}','remembersexpanded{txid}{diff}')" class="repostscount">
        <span id="repostscount{txid}">{repostcount}</span>
        <span data-vavilon="VV0156">remembers</span>
    </span>
</span>
<a data-vavilon="VV0157" id="tiplink{page}{txid}" onclick="showTipBox('{page}{txid}');" href="javascript:;">tip</a>
<a data-vavilon="VV0158" id="quotelink{page}{txid}" href="#new?txid={origtxid}">quote</a>
<a data-vavilon="VV0159" id="morelink{page}{txid}" onclick="showMore('more{page}{txid}','morelink{page}{txid}');"
    href="javascript:;">+more</a>
<span id="more{page}{txid}" style="display:none">
    <a data-vavilon="VV0160" class="permalink" id="permalink{page}{txid}" href="{permalink}">permalink</a>
    {articlelink2}
    <!--<a rel="noopener noreferrer" target="memo" href="https://memo.cash/a/{txid}">memo</a>
    <a rel="noopener noreferrer" target="bitcoincom" href="https://explorer.bitcoin.com/bch/tx/{txid}">bitcoin.com</a>
    <a rel="noopener noreferrer" target="blockchair"
        href="https://blockchair.com/bitcoin-cash/transaction/{txid}">blockchair</a>
    <a rel="noopener noreferrer" target="btccom" href="https://bch.btc.com/{txid}">btc.com</a>
    <a rel="noopener noreferrer" target="bitcoinunlimited"
        href="https://explorer.bitcoinunlimited.info/tx/{txid}">bitcoin unlimited</a>
    <a rel="noopener noreferrer" target="bitclout" href="https://bitclout.com/posts/{txid}">BitClout</a>
    -->
    {sourceNetworkHTML}    
    <a data-vavilon="VV0161" id="hidepostlink{page}{txid}" onclick="sendHidePost('{txid}');"
        href="javascript:;">flag(post)</a>
    {hideuser}
</span>

<span id="tipbox{page}{txid}" style="display:none">
    <input id="tipamount{page}{txid}" type="number" value="0" min="0" style="width: 6em;" step="1000" />
    <input data-vavilon_value="VV0162" id="tipbutton{page}{txid}" value="tip" type="submit"
        onclick="sendTip('{txid}','{origtxid}','{address}','{page}');" />
    <input data-vavilon_value="VV0163" id="tipstatus{page}{txid}" value="sending" type="submit" style="display:none"
        disabled />
</span>`;


var mapPostTemplate=`
<div id="newgeopost" class="bgcolor">
    <input id="lat" size="10" type="hidden" value="{lat}">
    <input id="lon" size="10" type="hidden" value="{lng}">
    <input id="geohash" size="15" type="hidden">
    <div class="replyprofilepic">
        <a href="#member?qaddress={address}" onclick="nlc();" class="hnuser">
            <span class="memberpicsmallcompact" style="display:inline;">{profilepicsmall}</span>
        </a>
    </div>    
    <textarea maxlength="5000" class="geoposttextarea" id="newgeopostta" name="text" rows="4"></textarea><br />
    <input data-vavilon_value="VV0164" id="newpostgeobutton" value="Post" type="submit" onclick="geopost();">
    <input data-vavilon_value="VV0165" id="newpostgeostatus" style="display: none;" value="Sending . . ." type="submit"
        disabled>
    <div id="newpostgeocompleted"></div>
</div>`;