src/web/ballot.html

<!DOCTYPE html>
<head>
    <title>Ballot Experiment - RChain</title>
    <link rel="icon" href="favicon.ico" />
    <link rel="stylesheet" href="style.less" />
    <style>
        .vizHash { float: right; border: 1px dotted; padding: 4px }
        #addrViz { background: lightgray }
        .coop { background: #eba3bb; /* reddish for RChain */ }
        #agendaUriViz {  border: 2px dotted red; }
        #deployStatus { background: lightyellow }
        .setting { text-align: right }
        .app { margin: 1em }
        table tr:nth-child(even) { background: lightgray; }
        table td, table th { border: 1px solid #AAAAAA; }
        table thead th { text-align: center; }
        table td.choice { text-align: center; }
    </style>
</head>
<body>
    <div class="app">
    <div class="testNet">
    <h1>RChain Governance</h1>
    <div class="setting">
        <label><small>Phlo limit: <input id="phloLimit" type="number" value="5000000" /></small></label><br />
        <em id="deployStatus"></em>
    </div>
    <form id='ballotForm'>
        <fieldset>
            <legend>Ballot</legend>
            <p>Use the private key for your <a href="#govRevAddr">annual meeting REV address<sup>1</sup></a>
                to set up a <a href="#revmm">MetaMask-style account<sup>2</sup></a>
                and then use the button below to connect it to this ballot:</p>
            <div>
                <div id="addrViz" class="vizHash"></div>
                <button id="pickAccount">Pick Account</button>
                <input id="REVAddress" readonly="readonly" size="60" />
            </div>

            <br />
            <p>The RChain secretary <em>or rather, someone acting like it, for testing purposes</em> has stored
            the questions and candidate responses on the chain. <strong>Carefully verify this URI against official
                communications from the RChain secretary.</strong>
            </p>
            <label>
                <div id="agendaUriViz" class="vizHash coop"></div>
                Agenda URI:
                <!--  added to testnet Sep 6, take 5: yes/no rev addresses -->
                <input id="agendaURI" size="60" class="coop"
                 value="rho:id:ar17ohqq83kx7a16nbfquwu9gxidduk9hstgbs9gkbj63o8gqyh1ye" />
            </label>
            <br />
            <button id="getQuestions">Get Questions</button>
            <table>
                <thead><tr><th>ID</th><th>Short Description</th><th>Oppose</th><th>Abstain</th><th>Support</th></tr></thead>
                <tbody id="questionList">

                </tbody>
            </table>
            <p>Your response, in rholang:</p>
            <textarea id="response" rows="12" cols="80"></textarea>
            <br />
            <input id="submitResponse" type="submit" />
        </fieldset>
    </form>
    <ol>
        <li id="govRevAddr">
            According to a <a href="https://github.com/rchain/board/tree/master/2020/06-23#bod-resolution-member-rev-address-for-voting"
            >23 Jun resolution of the RChain Board of Directors</a>,
            <strong>members must provide a REV address to the Co-op
            to vote in the Annual General Meeting</strong>.
        </li>
        <li id="revmm">
            As explained in <a href="https://medium.com/@jimscarver/using-metamask-with-rchain-2f05311976f"
            >Using MetaMask with RChain</a>, MetaMask (or a compatible tool) can be used to sign RChain transactions.
        </li>
    </ol>
    <hr />
    <address>
        Sep 2020 by Dan Connolly<br />
        for the <a href="https://github.com/rchain-community/">RChain Community</a><br />
        <small>RCHAIN is a registered trademark of <a href="https://rchain.coop">RChain Cooperative</a>.</small>
    </address>
    </div>
    </div>
    <!-- <script type="module"> https://github.com/parcel-bundler/parcel/issues/3927 -->
    <script src='./ballot.js'></script>
</body>