decred.org/dcrdex@v1.0.5/server/cmd/dexadm/index.html (about)

     1  <!DOCTYPE html>
     2  <html>
     3  <head>
     4    <meta charset="utf-8">
     5    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
     6    <meta name="viewport" content="width=device-width, initial-scale=1">
     7    <!-- The above 2 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     8    <!-- <link rel="icon" href="/img/favicon.png?v=AK4XS4"> -->
     9    <meta name="description" content="DCRDEX Admin Server UI">
    10    <title>DCRDEX Admin UI</title>
    11    <style>
    12      body {
    13        position: absolute;
    14        inset: 0 0 0 0;
    15        background-color: rgb(19, 26, 37);
    16        display: flex;
    17        justify-content: stretch;
    18        color: #dadada;
    19        font-size: 16px;
    20      }
    21  
    22      input {
    23        padding: 5px 10px;
    24        font-size: 18px;
    25        background-color: black;
    26        border: 1px solid #555;
    27        margin: 0 0.5rem;
    28        color: #dadada;
    29      }
    30  
    31      input[type=datetime-local] {
    32        background-color: white;
    33        color: #222;
    34      }
    35  
    36      input.short {
    37        width: 4rem;
    38      }
    39  
    40      input.long {
    41        width: 34rem;
    42      }
    43  
    44      button {
    45        padding: 0.25rem 0.5rem;
    46        font-size: 18px;
    47        cursor: pointer;
    48      }
    49  
    50      h3 {
    51        font-size: 22px;
    52        margin: 0 0 0.5rem 0;
    53      }
    54  
    55      .d-none {
    56        display: none;
    57      }
    58  
    59      .w-50 {
    60        width: 50%;
    61      }
    62  
    63      .border {
    64        border: 1px solid #dadada;
    65      }
    66  
    67      .border-bottom {
    68        border-bottom: 1px solid #dadada;
    69      }
    70  
    71      .border-left {
    72        border-left: 1px solid #dadada;
    73      }
    74  
    75      .mono {
    76        font-family: monospace;
    77      }
    78  
    79      .errcolor {
    80        color: rgb(202, 90, 90);
    81      }
    82  
    83      .overflow-y-auto {
    84        overflow-y: auto;
    85      }
    86  
    87      .overflow-auto {
    88        overflow: auto;
    89      }
    90  
    91      .flex-between {
    92        display: flex;
    93        justify-content: space-between;
    94        align-items: center;
    95      }
    96  
    97      .bold {
    98        font-weight: bold;
    99      }
   100  
   101      .p-1 {
   102        padding: 0.25rem;
   103      }
   104  
   105      .p-2 {
   106        padding: 0.5rem;
   107      }
   108  
   109      .p-3 {
   110        padding: 1rem;
   111      }
   112  
   113      .mb-2 {
   114        margin-bottom: 0.5rem;
   115      }
   116  
   117      .ml-2 {
   118        margin-left: 0.5rem;
   119      }
   120  
   121      .pointer {
   122        cursor: pointer;
   123      }
   124  
   125      .hoverbg:hover {
   126        background-color: #444;
   127      }
   128  
   129      .fs16 {
   130        font-size: 16px;
   131      }
   132  
   133      .fs18 {
   134        font-size: 18px;
   135      }
   136    </style>
   137  </head>
   138  <body>
   139    <div class="w-50 fs18 overflow-y-auto">
   140      <div class="p-3 border-bottom">
   141        <h3>⚙️ View Config</h3>
   142        <button id=configBttn>View</button>
   143      </div>
   144      <div class="p-3 border-bottom">
   145        <h3>🪙 Assets</h3>
   146        <div class="mb-2">Symbol: <input type="text" id=assetInput class="short"></div>
   147        <button id=assetBttn class="mb-2">Describe</button>
   148        <div>Set fee scale: <input type=number id=feeScaleInput> <button id=feeScaleBttn>Set</button></div>
   149      </div>
   150      <div class="p-3 border-bottom">
   151        <h3>📋 List Accounts</h3>
   152        <button id=listAccountsBttn>List</button>
   153      </div>
   154      <div class="p-3 border-bottom">
   155        <h3>👨‍🌾 Account</h3>
   156        <div class="mb-2">Account ID <input type=text id=accountIDInput class="long"></div>
   157        <div class="mb-2">
   158          <button id=accountInfoBttn>Info</button>
   159          <button id=accountOutcomesBttn class="ml-2">Recent Outcomes</button>
   160          <button id=matchFailsBttn>Match Fails</button>
   161        </div>
   162        <div class="mb-2">
   163          Forgive match:
   164          <input type=text id=forgiveMatchIDInput class=long>
   165          <button id=forgiveMatchBttn>Forgive</button>
   166        </div>
   167        <div>
   168          Send message:
   169          <input type=text id=notifyAccountInput class="long">
   170          <button id=notifyAccountBttn>Notify</button>
   171        </div>
   172      </div>
   173      <div class="p-3 border-bottom">
   174        <h3>🎙️ Broadcast Message</h3>
   175        <div class="mb-2">Message: <input type=text id=broadcastInput class="long"> <button id=broadcastBttn class="ml-2">Broadcast</button></div>
   176      </div>
   177      <div class="p-3 border-bottom">
   178        <h3>⚖️ Markets</h3>
   179        <button id=viewMarketsBttn class="mb-2">View All</button>
   180        <div class="mb-3">
   181          Market ID:
   182          <input type=text id=marketIDInput class="short mb-2">
   183          <div class="mb-2">
   184            <button id=marketInfoBttn>Info</button>
   185            <button id=marketBookBttn class="ml-2">Order Book</button>
   186            <button id=marketEpochBttn class="ml-2">EpochOrders</button>
   187          </div>
   188          <div class="mb-2">
   189            <button id=marketMatchesBttn>Matches</button>
   190            <input type=checkbox id="includeInactiveMatches"> <label for=includeInactiveMatches>include inactive matches</label>
   191          </div>
   192          <div class="mb-2">
   193            <button id=suspendBttn class="ml-2">Suspend</button>
   194            <input type="datetime-local" id=suspendTimeInput class="d-none">
   195            <input type=checkbox id="suspendTimeCheckbox"> <label for=includeInactiveMatches>set time |</label>
   196            <input type=checkbox id="persistBook" checked> <label for=includeInactiveMatches>persist order book</label>
   197          </div>
   198          <div>
   199            <button id=resumeBttn class="ml-2">Unsuspend</button>
   200            <input type="datetime-local" id=unsuspendTimeInput class="d-none">
   201            <input type=checkbox id="unsuspendTimeCheckbox"> <label for=includeInactiveMatches>set time</label>
   202          </div>
   203        </div>
   204      </div>
   205      <div class="p-3 border-bottom">
   206        <h3>🎟️ Generate Pre-paid Bonds</h3>
   207        <div class="mb-2">Number: <input type=number id=prepaidBondCountInput class="short" step=1 value=1></div>
   208        <div class="mb-2">Strength: <input type=number id=prepaidBondStrengthInput class="short" step=1 value=1></div>
   209        <div class="mb-2">Days: <input type=number id=prepaidBondDaysInput class="short" step=1 value=180></div>
   210        <div><button id=generatePrepaidBondsBttn class="ml-2">Generate</button></div>
   211      </div>
   212    </div>
   213  
   214    <div id=responses class="overflow-auto border-left w-50 fs16">
   215      <div id=responseTmpl class="p-2 border-bottom">
   216        <div class="flex-between fs18">
   217          <div data-tmpl=path></div>
   218          <div data-tmpl=close class="bold p-1 pointer hoverbg">X</div>
   219        </div>
   220        <pre data-tmpl=response class="mono"></pre>
   221      </div>
   222    </div>
   223  
   224  <script src="/script.js"></script>
   225  </body>
   226  </html>