{"version":3,"sources":["webpack:///./src/routes/dca/dca.html"],"names":["module","exports"],"mappings":"gGAAAA,EAAOC,QAAU,2ZAAgb,EAAQ,QAAuC,wohDAAo9iD,EAAQ,QAAuC,mwIAAuzI,EAAQ,QAAuC","file":"app~d89f42be.a28485de69a80bae32d9.chunk.js","sourcesContent":["module.exports = \"<template bindable=\\\"selected\\\">\\n    <loader loading.bind=\\\"loading\\\" mode=\\\"tiny\\\"></loader>\\n    <div class=\\\"dashboard-wrapper\\\" show.bind=\\\"!dswapEnabled\\\">\\n        <div class=\\\"market-maker-landing-wrapper\\\">\\n        <div class=\\\"market-maker-landing-wrapper-content\\\">\\n            <div class=\\\"d-flex justify-center\\\">\\n                <img\\n                    class=\\\"market-maker-logo\\\"\\n                    src=\\\"\" + require(\"../../images/dswap_standalone.png\") + \"\\\"\\n                    alt=\\\"logo\\\"\\n                />\\n            </div>\\n            <div class=\\\"market-maker-landing-header\\\">\\n                <h1 class=\\\"market-maker-header-text text-center\\\">\\n                    Welcome to DSwap.Trade\\n                </h1>\\n                <h3 class=\\\"text-danger text-center\\\">NOTICE!!!</h3>\\n                <h4 class=\\\"header-desc text-center text-danger\\\">\\n                    The Taking Side of DSwap is still a work in progress\\n                </h4>\\n                <a\\n                    route-href=\\\"route: registerMarketMaker\\\"\\n                    class=\\\"get-started-btn text-center m-auto\\\"\\n                    >Go To Market Maker</a\\n                >\\n            </div>\\n        </div>\\n        <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 1440 320\\\">\\n            <path\\n                fill=\\\"#142e2b\\\"\\n                fill-opacity=\\\"1\\\"\\n                d=\\\"M0,96L48,90.7C96,85,192,75,288,85.3C384,96,480,128,576,154.7C672,181,768,203,864,176C960,149,1056,75,1152,74.7C1248,75,1344,149,1392,186.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\\\"\\n            ></path>\\n        </svg>\\n    </div>\\n    </div>\\n    <div class=\\\"dashboard-wrapper dcaWrapper d-none d-md-block text-center\\\" show.bind=\\\"dswapEnabled\\\">\\n        <div class=\\\"row\\\" show.bind=\\\"sellToken && sellToken.isCrypto\\\">\\n            <div class=\\\"col-md-9\\\">\\n                <div class=\\\"row\\\">\\n                    <div class=\\\"col-md-6 alert alert-warning\\\">\\n                        <p>Attention: You will need to deposit to a given address!</p>\\n                        <p>We recommend a minimum of $10 to deposit, if you do less blockchain fees may eat a substantial portion of your trade request.</p>\\n                    </div>\\n                </div>\\n            </div>\\n        </div>\\n        <div class=\\\"row\\\">\\n            <div class=\\\"col-md-9\\\">\\n                <div class=\\\"row\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <h4>I want to spend:</h4>\\n                        <div class=\\\"sell action-card\\\">\\n                            <div class=\\\"action-card-options\\\">\\n                                <div class=\\\"form-group\\\">\\n                                    <select id=\\\"selectpicker-sell\\\" data-live-search=\\\"true\\\"\\n                                            class=\\\"form-control selectpicker tokenSelect\\\"\\n                                            value.bind=\\\"sellTokenSymbol\\\"\\n                                            change.delegate=\\\"sellTokenSelected()\\\">\\n                                        <option model.bind=\\\"null\\\">\\n                                            ${'Please select a token...' &\\n                                            t}\\n                                        </option>\\n                                        <option value.bind=\\\"t.symbol\\\"\\n                                                repeat.for=\\\"t of sellTokens\\\"\\n                                                data-content=\\\"${t.symbol & t} (${t.name})\\\">\\n                                            ${t.symbol & t} (${t.name})\\n                                        </option>\\n                                    </select>\\n                                </div>\\n                            </div>\\n                            <div class=\\\"chart-data\\\" show.bind=\\\"sellToken\\\">\\n                                <div class=\\\"price-data\\\">\\n                                    <p class=\\\"price-title\\\">Current Price</p>\\n                                    <span>\\n                                        ${'$' +\\n                                        sellToken.metrics.lastPriceUsd}\\n                                    </span>\\n                                </div>\\n                                <div class=\\\"change-data\\\">\\n                                    <p class=\\\"change-title\\\">24hrs Change</p>\\n                                    <span>\\n                                        ${sellToken.metrics.priceChangePercent\\n                                        + '%'}\\n                                    </span>\\n                                </div>\\n                            </div>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div class=\\\"row\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <div class=\\\"action-input-wrapper\\\">\\n                            <div class=\\\"action-input\\\">\\n                                <input class=\\\"form-control transparent-bgn action-input-box text-right\\\"\\n                                       type=\\\"text\\\"\\n                                       readonly.bind=\\\"!sellToken\\\"\\n                                       value.bind=\\\"sellTokenAmount\\\"\\n                                       keydown.trigger=\\\"sellTokenAmountInViewChanged($event) & debounce:300\\\"\\n                                       placeholder=\\\"0.000\\\" />\\n                                <div class=\\\"token-sym\\\">\\n                                    <div class=\\\"input-group-text token-sym-text h-100 input-group-text-dark\\\">\\n                                        ${sellToken ? sellToken.symbol :\\n                                        'TOKEN'}\\n                                    </div>\\n                                </div>\\n                            </div>\\n                            <div class=\\\"row\\\">\\n                                <div class=\\\"col-sm-8\\\">\\n                                    <p class=\\\"balance-title\\\">\\n                                        Current Balance:\\n                                        <strong>${sellToken.userBalance.balance}</strong><br />\\n                                        <a class=\\\"refreshBalancesLink\\\" href=\\\"#\\\" click.delegate=\\\"refreshMyBalances()\\\">Refresh balances</a>                                        \\n                                    </p>\\n                                </div>\\n                                <div class=\\\"col-sm-3 text-right\\\"\\n                                     show.bind=\\\"tradePercentage\\\">\\n                                    <p class=\\\"balance-title\\\">\\n                                        <strong>${tradePercentage} %</strong>\\n                                    </p>\\n                                </div>\\n                            </div>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div class=\\\"row top10\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <div class=\\\"trade-arrow\\\">\\n                            <h4>To Buy</h4>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div class=\\\"row\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <div class=\\\"action-card\\\">\\n                            <div class=\\\"action-card-options\\\">\\n                                <div class=\\\"form-group\\\">\\n                                    <select id=\\\"selectpicker-buy\\\" data-live-search=\\\"true\\\"\\n                                            class=\\\"form-control selectpicker tokenSelect\\\"\\n                                            value.bind=\\\"buyTokenSymbol\\\"\\n                                            change.delegate=\\\"buyTokenSelected()\\\">\\n                                        <option model.bind=\\\"null\\\">\\n                                            ${'Please select a token...' &\\n                                            t}\\n                                        </option>\\n                                        <option value.bind=\\\"t.symbol\\\"\\n                                                repeat.for=\\\"t of buyTokens\\\"\\n                                                data-content=\\\"${t.symbol & t} (${t.name})\\\">\\n                                            ${t.symbol & t} (${t.name})\\n                                        </option>\\n                                    </select>\\n                                </div>\\n                            </div>\\n                            <div class=\\\"chart-data\\\" show.bind=\\\"buyToken\\\">\\n                                <div class=\\\"price-data\\\">\\n                                    <p class=\\\"price-title\\\">Current Price</p>\\n                                    <span>\\n                                        ${'$' +\\n                                        buyToken.metrics.lastPriceUsd}\\n                                    </span>\\n                                </div>\\n                                <div class=\\\"change-data\\\">\\n                                    <p class=\\\"change-title\\\">24hrs Change</p>\\n                                    <span>\\n                                        ${buyToken.metrics.priceChangePercent +\\n                                        '%'}\\n                                    </span>\\n                                </div>\\n                            </div>\\n                        </div>\\n                    </div>\\n\\n                </div>                                \\n                <div class=\\\"row top20\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <div class=\\\"estimate-wrapper\\\">\\n                            <h4 style=\\\"margin-left: 0; margin-bottom: 7px;\\\"\\n                                class=\\\"action-title\\\">\\n                                Market DCA settings                                \\n                            </h4>\\n                        </div>\\n                    </div>\\n                </div>\\n\\n                <div class=\\\"row top10\\\">\\n                    <div class=\\\"col-md-3\\\">\\n                        <div class=\\\"action-card dcaDetailsBlock\\\">\\n                            <h5>Every</h5>\\n                            <input class=\\\"form-control transparent-bgn action-input-box text-right mx-auto dcaInput\\\"\\n                                    type=\\\"text\\\"\\n                                    maxlength=\\\"4\\\"\\n                                    value.bind=\\\"dcaRecurrenceTypeAmount\\\"\\n                                    placeholder=\\\"0\\\" />\\n\\n                            <div class=\\\"form-select dcaInputLastElement\\\">\\n                                <select id=\\\"recurrenceType\\\"\\n                                    class=\\\"form-control selectpicker\\\"\\n                                    value.bind=\\\"recurrenceTypeValue\\\"\\n                                    change.delegate=\\\"recurrenceTypeSelected()\\\">                                   \\n                                <option value.bind=\\\"t\\\"\\n                                        repeat.for=\\\"t of recurrenceTypeValues\\\">\\n                                    ${t}\\n                                </option>\\n                                </select>             \\n                            </div>\\n                        </div>\\n                    </div>\\n                    <div class=\\\"col-md-3\\\">\\n                        <div class=\\\"action-card dcaDetailsBlock\\\">\\n                            <h5>Over</h5>\\n                            <input class=\\\"form-control transparent-bgn action-input-box text-right mx-auto dcaInput\\\"\\n                                    type=\\\"text\\\"\\n                                    maxlength=\\\"4\\\"\\n                                    value.bind=\\\"dcaOrderNo\\\"\\n                                    placeholder=\\\"0\\\" />\\n                            <div class=\\\"dcaInputLastElement\\\">\\n                                orders\\n                            </div>\\n                        </div>\\n                    </div>\\n                </div>\\n\\n                <div class=\\\"row top20\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <div class=\\\"card\\\">\\n                            <div class=\\\"card-header\\\">\\n                                Market DCA Summary\\n                            </div>\\n                            <div class=\\\"card-body\\\">\\n                                <div class=\\\"row\\\">\\n                                    <div class=\\\"col-md-6\\\">Sell total</div>\\n                                    <div class=\\\"col-md-6\\\">${sellTokenAmount} ${sellTokenSymbol} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(sellTokenSymbol)\\\"/></div>\\n                                </div>\\n                                <div class=\\\"row\\\">\\n                                    <div class=\\\"col-md-6\\\">Sell per order</div>\\n                                    <div class=\\\"col-md-6\\\">${dcaSellPerOrder} ${sellTokenSymbol} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(sellTokenSymbol)\\\"/></div>\\n                                </div>\\n                                <div class=\\\"row\\\">\\n                                    <div class=\\\"col-md-6\\\">To buy</div>\\n                                    <div class=\\\"col-md-6\\\">${buyTokenSymbol} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(buyTokenSymbol)\\\"/></div>\\n                                </div>\\n                                <div class=\\\"row\\\">\\n                                    <div class=\\\"col-md-6\\\">Total orders</div>\\n                                    <div class=\\\"col-md-6\\\">${dcaOrderNo}</div>\\n                                </div>\\n                                <div class=\\\"row\\\">\\n                                    <div class=\\\"col-md-6\\\">Order interval</div>\\n                                    <div class=\\\"col-md-6\\\">Every ${dcaRecurrenceTypeAmount} ${recurrenceTypeValue}</div>\\n                                </div>\\n                                <div class=\\\"row\\\">\\n                                    <div class=\\\"col-md-6\\\">~ Total time</div>\\n                                    <div class=\\\"col-md-6\\\">${(dcaOrderNo-1)*dcaRecurrenceTypeAmount} ${recurrenceTypeValue}(s)</div>\\n                                </div>\\n                                <div class=\\\"row\\\">\\n                                    <div class=\\\"col-md-6\\\">Platform fee</div>\\n                                    <div class=\\\"col-md-6\\\">${dswapDcaFee} <span show.bind=\\\"sellTokenSymbol\\\">of ${sellTokenSymbol}<img class=\\\"w-6\\\" src.bind=\\\"tokenImage(sellTokenSymbol)\\\"/> sold</span></div>\\n                                </div>\\n                            </div>\\n                        </div>\\n                    </div>\\n                </div>\\n\\n                <div class=\\\"row top20\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <button class=\\\"get-started-btn text-center m-auto au-target\\\" click.delegate=\\\"startTrade()\\\" show.bind=\\\"loggedIn && !dswapPaused\\\">\\n                            START DCA\\n                        </button>\\n                        <div class=\\\"warning\\\" show.bind=\\\"!loggedIn\\\">\\n                            <font-awesome-icon class=\\\"warning-icon\\\"\\n                                               icon.bind=\\\"['fas', 'engine-warning']\\\"></font-awesome-icon>\\n                            <p class=\\\"login-required\\\">Login Required</p>\\n                            <p class=\\\"warning-info\\\">\\n                                Please <a href=\\\"\\\">Signup</a> or\\n                                <a href=\\\"\\\">Login</a> to continue\\n                            </p>\\n                        </div>\\n                        <div class=\\\"warning\\\" show.bind=\\\"dswapPaused\\\">\\n                            <font-awesome-icon class=\\\"warning-icon\\\"\\n                                               icon.bind=\\\"['fas', 'engine-warning']\\\"></font-awesome-icon>                            \\n                            <p class=\\\"warning-info\\\">\\n                                DSwap is under maintenance for updates. Please use hive-engine / tribaldex market instead until dswap is available.\\n                            </p>\\n                        </div>\\n                    </div>\\n                </div>\\n\\n                <!-- DCA Overview existing orders and history -->\\n                <div class=\\\"row top10\\\">\\n                    <div class=\\\"col-md-6\\\">                        \\n                        <ul class=\\\"nav nav-pills mb-3\\\" id=\\\"pills-tab\\\" role=\\\"tablist\\\">\\n                            <li class=\\\"nav-item\\\">\\n                                <a click.delegate=\\\"loadDcaActive()\\\" class=\\\"nav-link dca-item-link active\\\" id=\\\"pills-home-tab\\\" \\n                                data-toggle=\\\"pill\\\" href=\\\"#pills-home\\\" role=\\\"tab\\\" aria-controls=\\\"pills-home\\\" aria-selected=\\\"true\\\">DCA Active</a>\\n                            </li>\\n                            <li class=\\\"nav-item\\\">\\n                                <a click.delegate=\\\"loadDcaHistory()\\\" class=\\\"nav-link dca-item-link\\\" id=\\\"pills-profile-tab\\\" \\n                                data-toggle=\\\"pill\\\" href=\\\"#pills-profile\\\" role=\\\"tab\\\" aria-controls=\\\"pills-profile\\\" aria-selected=\\\"false\\\">DCA History</a>\\n                            </li>\\n                            <li class=\\\"nav-item nav-item-refresh\\\">\\n                                <button alt=\\\"Reload\\\" title=\\\"Refresh\\\"\\n                                        class=\\\"btn btn-warning text-center\\\" \\n                                        click.delegate=\\\"refreshDcaOverview()\\\">\\n                                    Refresh\\n                                </button>\\n                            </li>\\n                        </ul>\\n                        \\n                    </div>\\n                </div>\\n                <div class=\\\"row dcaOverviewPanel\\\">\\n                    <div class=\\\"col-md-6\\\">  \\n                        <loader loading.bind=\\\"loadingDCA\\\" mode=\\\"tiny\\\">Loading...</loader>                      \\n                        <div class=\\\"tab-content\\\" id=\\\"pills-tabContent\\\">\\n                            <div class=\\\"tab-pane fade show active\\\" id=\\\"pills-home\\\" role=\\\"tabpanel\\\" aria-labelledby=\\\"pills-home-tab\\\">                                \\n                                <div class=\\\"accordion panel panel-default\\\" id=\\\"accordionExample\\\">\\n                                    <div show.bind=\\\"dcaTradesActive.length == 0\\\" class=\\\"card noDcaActive\\\">\\n                                        There are no active DCA's to be displayed.\\n                                    </div>\\n                                    <div show.bind=\\\"dcaTradesActive.length > 0\\\" class=\\\"card\\\" repeat.for=\\\"trade of dcaTradesActive\\\">\\n                                      <div class=\\\"dcaRow card-header panel-heading\\\" id.bind=\\\"'heading'+trade.Id\\\" id=\\\"headingOne\\\">\\n                                        <h2 class=\\\"mb-0 dca-trade-h2 panel-title\\\">\\n                                          <button class=\\\"btn btn-link dca-trade-button\\\" type=\\\"button\\\" click.delegate=\\\"loadDcaData(trade.Id)\\\" data-toggle=\\\"collapse\\\" data-target.bind=\\\"'#collapse'+trade.Id\\\" aria-expanded=\\\"true\\\" aria-controls=\\\"collapseOne\\\">\\n                                            <div class=\\\"row\\\">\\n                                                <div class=\\\"col-md-3\\\">   \\n                                                    <div class=\\\"row dcaIndexRow\\\">\\n                                                        <div class=\\\"col-md-4 dcaIndexCol\\\">\\n                                                            <span class=\\\"dcaIndex\\\">${dcaTradesActive.length - $index}</span>\\n                                                                <font-awesome-icon\\n                                                                class=\\\"sidenav-icon dcaArrowDown\\\"\\n                                                                icon.bind=\\\"['fa', 'caret-down']\\\"\\n                                                                ></font-awesome-icon>\\n                                                        </div>\\n                                                        <div class=\\\"col-md-8\\\">\\n                                                            <p class=\\\"dcaDate\\\">      \\n                                                                ${trade.timestamp_month_name}\\n                                                                ${trade.timestamp_day} <br />\\n                                                                ${trade.timestamp_time}\\n                                                            </p>\\n                                                        </div>\\n                                                    </div>\\n                                                </div>\\n                                                <div class=\\\"col-md-3\\\">\\n                                                    <p>${trade.TokenInput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(trade.TokenInput)\\\"/><br /> <font-awesome-icon\\n                                                        class=\\\"sidenav-icon\\\"\\n                                                        icon.bind=\\\"['fa', 'arrow-right']\\\"\\n                                                    ></font-awesome-icon> <br />${trade.TokenOutput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(trade.TokenOutput)\\\" />\\n                                                    </p>\\n                                                </div>\\n                                                <div class=\\\"col-md-3\\\">\\n                                                    <p>${trade.TokenInputAmount} ${trade.TokenInput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(trade.TokenInput)\\\" /></p>\\n                                                </div>\\n                                                <div class=\\\"col-md-3\\\">\\n                                                    <p>\\n                                                        <label show.bind=\\\"trade.SwapStatusName == 'Init'\\\" class=\\\"btn btn-info\\\">${trade.SwapStatusName}</label>\\n                                                        <label show.bind=\\\"trade.SwapStatusName == 'In progress'\\\" class=\\\"btn btn-primary\\\">${trade.SwapStatusName}</label>     \\n                                                        <label show.bind=\\\"trade.SwapStatusName == 'Success'\\\" class=\\\"btn btn-success\\\">${trade.SwapStatusName}</label>\\n                                                        <label show.bind=\\\"trade.SwapStatusName == 'Cancelled'\\\" class=\\\"btn btn-warning\\\">${trade.SwapStatusName}</label>\\n                                                        <label show.bind=\\\"trade.SwapStatusName == 'Failed'\\\" class=\\\"btn btn-danger\\\">${trade.SwapStatusName}</label>                                                    \\n                                                        <label class=\\\"btn btn-danger\\\" click.delegate=\\\"dcaCancel(trade)\\\"><i class=\\\"fa fa-times\\\" aria-hidden=\\\"true\\\"></i></label>\\n                                                        <label class=\\\"btn btn-warning\\\" show.bind=\\\"trade.CancelRequested\\\">Cancel requested</label>\\n                                                    </p>\\n                                                </div>\\n                                            </div>\\n                                          </button>\\n                                        </h2>\\n                                      </div>\\n                                  \\n                                      <div id.bind=\\\"'collapse'+trade.Id\\\" class=\\\"collapse\\\" aria-labelledby.bind=\\\"'heading'+trade.Id\\\" data-parent=\\\"#accordionExample\\\">\\n                                        <div class=\\\"card-body\\\" id.bind=\\\"'collapseDetail'+trade.Id\\\">                                            \\n                                            <button id.bind=\\\"'btn-dca-details'+trade.Id\\\" click.delegate=\\\"activateDcaButton('details'+trade.Id)\\\" class=\\\"btn dca-item-link active btn-dca\\\" data-toggle=\\\"collapse\\\" type=\\\"button\\\" data-target.bind=\\\"'#multiCollapseExample1'+trade.Id\\\" aria-expanded=\\\"false\\\" aria-controls.bind=\\\"'multiCollapseExample1'+trade.Id\\\">DCA Details</a>\\n                                            <button id.bind=\\\"'btn-dca-orders'+trade.Id\\\" click.delegate=\\\"activateDcaButton('orders'+trade.Id)\\\" class=\\\"btn dca-item-link btn-dca\\\" data-toggle=\\\"collapse\\\" type=\\\"button\\\" data-target.bind=\\\"'#multiCollapseExample2'+trade.Id\\\" aria-expanded=\\\"false\\\" aria-controls.bind=\\\"'multiCollapseExample2'+trade.Id\\\">Orders (${dcaDetail.SwapRequests.length})</button>\\n                                            <div class=\\\"accordion-group top20\\\">\\n                                                <div class=\\\"collapse show multi-collapse col-md-12\\\" id.bind=\\\"'multiCollapseExample1'+trade.Id\\\" data-parent.bind=\\\"'#collapseDetail'+trade.Id\\\">\\n                                                    <div class=\\\"card card-body\\\">\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Sell total</div>\\n                                                            <div class=\\\"col-md-6\\\">${trade.TokenInputAmount} ${trade.TokenInput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(trade.TokenInput)\\\"/></div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Sell per order</div>\\n                                                            <div class=\\\"col-md-6\\\">${trade.TokenInputAmount / trade.OrderCount} ${trade.TokenInput}  <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(trade.TokenInput)\\\"/></div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">To buy</div>\\n                                                            <div class=\\\"col-md-6\\\">${trade.TokenOutput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(trade.TokenOutput)\\\"/></div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Total orders</div>\\n                                                            <div class=\\\"col-md-6\\\">${trade.OrderCount}</div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Orders realized</div>\\n                                                            <div class=\\\"col-md-6\\\">${dcaDetail.SwapRequests.length}</div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Remaining orders</div>\\n                                                            <div class=\\\"col-md-6\\\">${trade.OrderCount - dcaDetail.SwapRequests.length}</div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Order interval</div>\\n                                                            <div class=\\\"col-md-6\\\">Every ${trade.RecurrenceTypeAmount} ${trade.RecurrenceType}</div>\\n                                                        </div>  \\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">~ Total time</div>\\n                                                            <div class=\\\"col-md-6\\\">${(trade.OrderCount-1)*trade.RecurrenceTypeAmount} ${trade.RecurrenceType}(s)</div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Total ${trade.TokenOutput} received</div>\\n                                                            <div class=\\\"col-md-6\\\">${dcaDetail.SwapRequestDCA.TokenOutputAmountActual} ${dcaDetail.SwapRequestDCA.TokenOutput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(trade.TokenOutput)\\\"/></div>\\n                                                        </div>\\n                                                    </div>\\n                                                </div>\\n                                                <div class=\\\"collapse multi-collapse\\\" id.bind=\\\"'multiCollapseExample2'+trade.Id\\\" data-parent.bind=\\\"'#collapseDetail'+trade.Id\\\">\\n                                                    <div class=\\\"dcaRow card card-body\\\">\\n                                                        <div class=\\\"row\\\" repeat.for=\\\"s of dcaDetail.SwapRequests\\\">                                                            \\n                                                            <div class=\\\"col-md-4\\\">                                                                \\n                                                                <p>\\n                                                                    ${s.timestamp_month_name}\\n                                                                    ${s.timestamp_day}\\n                                                                    ${s.timestamp_time}\\n                                                                </p>\\n                                                            </div>\\n                                                            <div class=\\\"col-md-4\\\">\\n                                                                <p class=\\\"dca-order-item-firstp\\\">\\n                                                                    ${s.TokenInputAmount} ${s.TokenInput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(s.TokenInput)\\\"/>    <font-awesome-icon\\n                                                                    class=\\\"sidenav-icon\\\"\\n                                                                    icon.bind=\\\"['fa', 'arrow-right']\\\"\\n                                                                        ></font-awesome-icon>                                                                  \\n                                                                </p>\\n                                                                <p><strong>${s.TokenOutputAmountActual} ${s.TokenOutput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(s.TokenOutput)\\\"/></strong></p>\\n                                                            </div>                                                \\n                                                            <div class=\\\"col-md-4\\\">     \\n                                                                <p>\\n                                                                    <button class=\\\"btn ${s.SwapStatusName == 'Success' ? 'btn-success' : s.SwapStatusName == 'Failure' ? 'btn-danger' : 'btn-warning'}\\\">${s.SwapStatusName}</button><br />\\n                                                                    <a class=\\\"dca-swap-details-link\\\" href=\\\"#\\\" click.delegate=\\\"viewSwapDetails(s)\\\">Order details</a>\\n                                                                </p>                                                                                                                           \\n                                                            </div>   \\n                                                            <div class=\\\"col-md-12 dca-order-item-line\\\"><hr /></div>                                                            \\n                                                        </div>\\n                                                    </div>\\n                                                </div>\\n                                            </div>\\n                                        </div>\\n                                      </div>\\n                                    </div>\\n                                </div>\\n                            </div>\\n                            <div class=\\\"tab-pane fade\\\" id=\\\"pills-profile\\\" role=\\\"tabpanel\\\" aria-labelledby=\\\"pills-profile-tab\\\">                                \\n                                <div class=\\\"accordion\\\" id=\\\"accordionExample\\\">\\n                                    <div class=\\\"card\\\" repeat.for=\\\"tradeH of dcaTradesHistory\\\">\\n                                      <div class=\\\"dcaRow card-header\\\" id.bind=\\\"'heading'+tradeH.Id\\\" id=\\\"headingOne\\\">\\n                                        <h2 class=\\\"mb-0 dca-trade-h2\\\">\\n                                          <button class=\\\"btn btn-link dca-trade-button\\\" type=\\\"button\\\" click.delegate=\\\"loadDcaData(tradeH.Id)\\\" data-toggle=\\\"collapse\\\" data-target.bind=\\\"'#collapse'+tradeH.Id\\\" aria-expanded=\\\"true\\\" aria-controls=\\\"collapseOne\\\">\\n                                            <div class=\\\"row\\\">\\n                                                <div class=\\\"col-md-3\\\">  \\n                                                    <div class=\\\"row dcaIndexRow\\\">\\n                                                        <div class=\\\"col-md-4 dcaIndexCol\\\">\\n                                                            <span class=\\\"dcaIndex\\\">${dcaTradesHistory.length - $index}</span>\\n                                                                <font-awesome-icon\\n                                                                class=\\\"sidenav-icon dcaArrowDown\\\"\\n                                                                icon.bind=\\\"['fa', 'caret-down']\\\"\\n                                                                ></font-awesome-icon>\\n                                                        </div>\\n                                                        <div class=\\\"col-md-8\\\">\\n                                                            <p class=\\\"dcaDate\\\">      \\n                                                                ${tradeH.timestamp_month_name}\\n                                                                ${tradeH.timestamp_day} <br />\\n                                                                ${tradeH.timestamp_time}\\n                                                            </p>\\n                                                        </div>\\n                                                    </div>\\n                                                </div>\\n                                                <div class=\\\"col-md-3\\\">\\n                                                    <p>${tradeH.TokenInput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(tradeH.TokenInput)\\\"/><br /> <font-awesome-icon\\n                                                    class=\\\"sidenav-icon\\\"\\n                                                    icon.bind=\\\"['fa', 'arrow-right']\\\"\\n                                                        ></font-awesome-icon> <br />${tradeH.TokenOutput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(tradeH.TokenOutput)\\\"/>\\n                                                    </p>\\n                                                </div>\\n                                                <div class=\\\"col-md-3\\\">\\n                                                    <p>${tradeH.TokenInputAmount} ${tradeH.TokenInput}  <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(tradeH.TokenInput)\\\"/></p>\\n                                                </div>\\n                                                <div class=\\\"col-md-3\\\">\\n                                                    <p>\\n                                                        <label show.bind=\\\"tradeH.SwapStatusName == 'Init'\\\" class=\\\"btn btn-info\\\">${tradeH.SwapStatusName}</label>\\n                                                        <label show.bind=\\\"tradeH.SwapStatusName == 'Success'\\\" class=\\\"btn btn-success\\\">${tradeH.SwapStatusName}</label>\\n                                                        <label show.bind=\\\"tradeH.SwapStatusName == 'Success (partial)'\\\" class=\\\"btn btn-success\\\">${tradeH.SwapStatusName}</label>\\n                                                        <label show.bind=\\\"tradeH.SwapStatusName == 'Cancelled'\\\" class=\\\"btn btn-warning\\\">${tradeH.SwapStatusName}</label>\\n                                                        <label show.bind=\\\"tradeH.SwapStatusName == 'Failed'\\\" class=\\\"btn btn-danger\\\">${tradeH.SwapStatusName}</label> \\n                                                        <label show.bind=\\\"tradeH.SwapStatusName == 'Expired'\\\" class=\\\"btn btn-secondary\\\">${tradeH.SwapStatusName}</label> \\n                                                    </p>\\n                                                </div>\\n                                            </div>\\n                                          </button>\\n                                        </h2>\\n                                      </div>\\n                                  \\n                                      <div id.bind=\\\"'collapse'+tradeH.Id\\\" class=\\\"collapse\\\" aria-labelledby.bind=\\\"'heading'+tradeH.Id\\\" data-parent=\\\"#accordionExample\\\">\\n                                        <div class=\\\"card-body\\\" id.bind=\\\"'collapseDetail'+tradeH.Id\\\">                                            \\n                                            <button id.bind=\\\"'btn-dca-details'+tradeH.Id\\\" click.delegate=\\\"activateDcaButton('details'+tradeH.Id)\\\" class=\\\"btn dca-item-link active btn-dca\\\" data-toggle=\\\"collapse\\\" type=\\\"button\\\" data-target.bind=\\\"'#multiCollapseExample3'+tradeH.Id\\\" aria-expanded=\\\"false\\\" aria-controls.bind=\\\"'multiCollapseExample3'+tradeH.Id\\\">DCA Details</a>\\n                                            <button id.bind=\\\"'btn-dca-orders'+tradeH.Id\\\" click.delegate=\\\"activateDcaButton('orders'+tradeH.Id)\\\" class=\\\"btn dca-item-link btn-dca\\\" data-toggle=\\\"collapse\\\" type=\\\"button\\\" data-target.bind=\\\"'#multiCollapseExample4'+tradeH.Id\\\" aria-expanded=\\\"false\\\" aria-controls.bind=\\\"'multiCollapseExample4'+tradeH.Id\\\">Orders (${dcaDetail.SwapRequests.length})</button>\\n                                            <div class=\\\"accordion-group top20\\\">\\n                                                <div class=\\\"collapse show multi-collapse col-md-12\\\" id.bind=\\\"'multiCollapseExample3'+tradeH.Id\\\" data-parent.bind=\\\"'#collapseDetail'+tradeH.Id\\\">\\n                                                    <div class=\\\"card card-body\\\">\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Sell total</div>\\n                                                            <div class=\\\"col-md-6\\\">${tradeH.TokenInputAmount} ${tradeH.TokenInput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(tradeH.TokenInput)\\\"/></div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Sell per order</div>\\n                                                            <div class=\\\"col-md-6\\\">${tradeH.TokenInputAmount / tradeH.OrderCount} ${tradeH.TokenInput}  <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(tradeH.TokenInput)\\\"/></div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">To buy</div>\\n                                                            <div class=\\\"col-md-6\\\">${tradeH.TokenOutput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(tradeH.TokenOutput)\\\"/></div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Total orders</div>\\n                                                            <div class=\\\"col-md-6\\\">${tradeH.OrderCount}</div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Orders realized</div>\\n                                                            <div class=\\\"col-md-6\\\">${dcaDetail.SwapRequests.length}</div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Remaining order</div>\\n                                                            <div class=\\\"col-md-6\\\">${tradeH.OrderCount - dcaDetail.SwapRequests.length}</div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Order interval</div>\\n                                                            <div class=\\\"col-md-6\\\">Every ${tradeH.RecurrenceTypeAmount} ${tradeH.RecurrenceType}</div>\\n                                                        </div>  \\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">~ Total time</div>\\n                                                            <div class=\\\"col-md-6\\\">${(tradeH.OrderCount-1)*tradeH.RecurrenceTypeAmount} ${tradeH.RecurrenceType}(s)</div>\\n                                                        </div>\\n                                                        <div class=\\\"row\\\">\\n                                                            <div class=\\\"col-md-6\\\">Total ${tradeH.TokenOutput} received</div>\\n                                                            <div class=\\\"col-md-6\\\">${dcaDetail.SwapRequestDCA.TokenOutputAmountActual} ${dcaDetail.SwapRequestDCA.TokenOutput} <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(tradeH.TokenOutput)\\\"/></div>\\n                                                        </div>\\n                                                    </div>\\n                                                </div>\\n                                                <div class=\\\"collapse multi-collapse\\\" id.bind=\\\"'multiCollapseExample4'+tradeH.Id\\\" data-parent.bind=\\\"'#collapseDetail'+tradeH.Id\\\">\\n                                                    <div class=\\\"dcaRow card card-body\\\">\\n                                                        <div class=\\\"row\\\" repeat.for=\\\"dcaRef of dcaDetail.DCARefunds\\\">                                                            \\n                                                            <div class=\\\"col-md-4\\\">\\n                                                                <p class=\\\"bg-warning\\\"><strong>Refund transaction</strong></p>\\n                                                                <p>\\n                                                                    ${dcaRef.timestamp_month_name}\\n                                                                    ${dcaRef.timestamp_day}\\n                                                                    ${dcaRef.timestamp_time}\\n                                                                </p>\\n                                                            </div>\\n                                                            <div class=\\\"col-md-4\\\">\\n                                                                <p><strong>${dcaRef.TokenOutputAmount} ${dcaRef.TokenOutput}  <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(dcaRef.TokenOutput)\\\"/></strong></p>\\n                                                            </div>                                                \\n                                                            <div class=\\\"col-md-4\\\">     \\n                                                                <p>\\n                                                                    <button class=\\\"btn ${dcaRef.SwapStatusName == 'Success' ? 'btn-success' : dcaRef.SwapStatusName == 'Failure' ? 'btn-danger' : 'btn-warning'}\\\">${dcaRef.SwapStatusName}</button><br />\\n                                                                    <a class=\\\"dca-swap-details-link\\\" href=\\\"#\\\" click.delegate=\\\"viewSwapDetails(s)\\\">Order details</a>\\n                                                                </p>                                                                                                                           \\n                                                            </div>   \\n                                                            <div class=\\\"col-md-12 dca-order-item-line\\\"><hr /></div>                                                            \\n                                                        </div>\\n                                                        <div class=\\\"row\\\" repeat.for=\\\"s of dcaDetail.SwapRequests\\\">                                                            \\n                                                            <div class=\\\"col-md-4\\\">\\n                                                                <p>\\n                                                                    ${s.timestamp_month_name}\\n                                                                    ${s.timestamp_day}\\n                                                                    ${s.timestamp_time}\\n                                                                </p>\\n                                                            </div>\\n                                                            <div class=\\\"col-md-4\\\">\\n                                                                <p class=\\\"dca-order-item-firstp\\\">\\n                                                                    ${s.TokenInputAmount} ${s.TokenInput}  <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(s.TokenInput)\\\"/> <font-awesome-icon\\n                                                                    class=\\\"sidenav-icon\\\"\\n                                                                    icon.bind=\\\"['fa', 'arrow-right']\\\"\\n                                                                        ></font-awesome-icon>                                                                     \\n                                                                </p>\\n                                                                <p><strong>${s.TokenOutputAmountActual} ${s.TokenOutput}  <img class=\\\"w-6\\\" src.bind=\\\"tokenImage(s.TokenOutput)\\\"/></strong></p>\\n                                                            </div>                                                \\n                                                            <div class=\\\"col-md-4\\\">     \\n                                                                <p>\\n                                                                    <button class=\\\"btn ${s.SwapStatusName == 'Success' ? 'btn-success' : s.SwapStatusName == 'Failure' ? 'btn-danger' : 'btn-warning'}\\\">${s.SwapStatusName}</button><br />\\n                                                                    <a class=\\\"dca-swap-details-link\\\" href=\\\"#\\\" click.delegate=\\\"viewSwapDetails(s)\\\">Order details</a>\\n                                                                </p>                                                                                                                           \\n                                                            </div>   \\n                                                            <div class=\\\"col-md-12 dca-order-item-line\\\"><hr /></div>                                                            \\n                                                        </div>\\n                                                    </div>\\n                                                </div>\\n                                            </div>\\n                                        </div>\\n                                      </div>\\n                                    </div>\\n                                </div>\\n                            </div>\\n                        </div>\\n                    </div>\\n                </div>\\n\\n            </div>\\n        </div>\\n    </div>\\n    <div class=\\\"dashboard-wrapper d-block d-md-none\\\" show.bind=\\\"dswapEnabled\\\">\\n        <div class=\\\"row\\\">\\n            <div class=\\\"col-md-9\\\">\\n                <div class=\\\"row\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <h4 class=\\\"action-title buy\\\">Buy</h4>\\n                        <div class=\\\"action-card\\\">\\n                            <div class=\\\"action-card-options\\\">\\n                                <div class=\\\"form-group\\\">\\n                                    <select\\n                                        id=\\\"selectpicker-buy\\\"\\n                                        class=\\\"form-control selectpicker tokenSelect\\\"\\n                                        value.bind=\\\"buyTokenSymbol\\\"\\n                                        change.delegate=\\\"buyTokenSelected()\\\"\\n                                    >\\n                                        <option model.bind=\\\"null\\\"\\n                                            >${'Please select a token...' &\\n                                            t}</option\\n                                        >\\n                                        <option\\n                                            value.bind=\\\"t.symbol\\\"\\n                                            repeat.for=\\\"t of buyTokens\\\"\\n                                            data-content=\\\"${t.symbol & t} (${t.name})\\\"\\n                                            >${t.symbol & t} (${t.name})</option\\n                                        >\\n                                    </select>\\n                                </div>\\n                                <!-- <div class=\\\"token-info\\\">\\n                                    <div class=\\\"token-info-data\\\">\\n                                        <div class=\\\"token-icon\\\">\\n                                            <img src=\\\"\" + require(\"../../images/dswap_standalone.png\") + \"\\\" width=\\\"20\\\" alt=\\\"\\\" />\\n                                        </div>\\n                                        <div class=\\\"token-name\\\">\\n                                            <h4>DSwapToken</h4>\\n                                        </div>\\n                                    </div>\\n                                    <div class=\\\"token-name\\\">\\n                                        <font-awesome-icon\\n                                            class=\\\"chart-icon\\\"\\n                                            icon.bind=\\\"['fas', 'caret-down']\\\"\\n                                        ></font-awesome-icon>\\n                                    </div>\\n                                </div> -->\\n                            </div>\\n                            <div class=\\\"chart\\\">\\n                                <chart\\n                                    class=\\\"exchange-chart\\\"\\n                                    data.bind=\\\"chartDataBuy\\\"\\n                                    view-model.ref=\\\"chartRefBuy\\\"\\n                                ></chart>\\n                            </div>\\n                            <!-- <div class=\\\"blur\\\"></div> -->\\n                            <div class=\\\"chart-data\\\" show.bind=\\\"buyToken\\\">\\n                                <div class=\\\"price-data\\\">\\n                                    <p class=\\\"price-title\\\">Current Price</p>\\n                                    <span\\n                                        >${'$' +\\n                                        buyToken.metrics.lastPriceUsd}</span\\n                                    >\\n                                </div>\\n                                <div class=\\\"change-data\\\">\\n                                    <p class=\\\"change-title\\\">24hrs Change</p>\\n                                    <span\\n                                        >${buyToken.metrics.priceChangePercent +\\n                                        '%'}</span\\n                                    >\\n                                </div>\\n                            </div>\\n                        </div>\\n                    </div>\\n                    <div class=\\\"col-md-2\\\">\\n                        <div class=\\\"trade-arrow\\\">\\n                            <font-awesome-icon\\n                                class=\\\"chart-icon\\\"\\n                                icon.bind=\\\"['fas', 'caret-up']\\\"\\n                            ></font-awesome-icon>\\n                            <font-awesome-icon\\n                                class=\\\"chart-icon\\\"\\n                                icon.bind=\\\"['fas', 'caret-down']\\\"\\n                            ></font-awesome-icon>\\n                        </div>\\n                    </div>\\n                    <div class=\\\"col-md-6\\\">\\n                        <h4 class=\\\"action-title sell\\\">Sell</h4>\\n                        <div class=\\\"sell action-card\\\">\\n                            <div class=\\\"action-card-options\\\">\\n                                <div class=\\\"form-group\\\">\\n                                    <select\\n                                        id=\\\"selectpicker-sell\\\"\\n                                        class=\\\"form-control selectpicker tokenSelect\\\"\\n                                        value.bind=\\\"sellTokenSymbol\\\"\\n                                        change.delegate=\\\"sellTokenSelected()\\\"\\n                                    >\\n                                        <option model.bind=\\\"null\\\"\\n                                            >${'Please select a token...' &\\n                                            t}</option\\n                                        >\\n                                        <option\\n                                            value.bind=\\\"t.symbol\\\"\\n                                            repeat.for=\\\"t of sellTokens\\\"\\n                                            data-content=\\\"${t.symbol & t} (${t.name})\\\"\\n                                            >${t.symbol & t} (${t.name})</option\\n                                        >\\n                                    </select>\\n                                    <!-- <div class=\\\"token-info\\\">\\n                                    <div class=\\\"token-info-data\\\">\\n                                        <div class=\\\"token-icon\\\">\\n                                            <img src=\\\"\" + require(\"../../images/dswap_standalone.png\") + \"\\\" width=\\\"20\\\" alt=\\\"\\\" />\\n                                        </div>\\n                                        <div class=\\\"token-name\\\">\\n                                            <h4>DSwapToken</h4>\\n                                        </div>\\n                                    </div>\\n                                    <div class=\\\"token-name\\\">\\n                                        <font-awesome-icon\\n                                            class=\\\"chart-icon\\\"\\n                                            icon.bind=\\\"['fas', 'caret-down']\\\"\\n                                        ></font-awesome-icon>\\n                                    </div>\\n                                </div> -->\\n                                </div>\\n                            </div>\\n                            <div class=\\\"chart\\\">\\n                                <chart\\n                                    class=\\\"exchange-chart\\\"\\n                                    data.bind=\\\"chartDataSell\\\"\\n                                    view-model.ref=\\\"chartRefSell\\\"\\n                                ></chart>\\n                            </div>\\n                            <!-- <div class=\\\"blur\\\"></div> -->\\n                            <div class=\\\"chart-data\\\" show.bind=\\\"sellToken\\\">\\n                                <div class=\\\"price-data\\\">\\n                                    <p class=\\\"price-title\\\">Current Price</p>\\n                                    <span\\n                                        >${'$' +\\n                                        sellToken.metrics.lastPriceUsd}</span\\n                                    >\\n                                </div>\\n                                <div class=\\\"change-data\\\">\\n                                    <p class=\\\"change-title\\\">24hrs Change</p>\\n                                    <span\\n                                        >${sellToken.metrics.priceChangePercent\\n                                        + '%'}</span\\n                                    >\\n                                </div>\\n                            </div>\\n                        </div>\\n                    </div>\\n                </div>\\n                <div class=\\\"row\\\">\\n                    <div class=\\\"col-md-6\\\">\\n                        <div class=\\\"action-input-wrapper\\\">\\n                            <div class=\\\"action-input\\\">\\n                                <input\\n                                    class=\\\"form-control transparent-bgn action-input-box text-right\\\"\\n                                    type=\\\"text\\\"\\n                                    value.bind=\\\"buyTokenAmount\\\"\\n                                    keydown.trigger=\\\"buyTokenAmountInViewChanged($event) & debounce:300\\\"\\n                                    placeholder=\\\"0.000\\\"\\n                                />\\n                                <div class=\\\"token-sym\\\">\\n                                    <div\\n                                        class=\\\"input-group-text token-sym-text h-100 input-group-text-dark\\\"\\n                                    >\\n                                        ${buyToken ? buyToken.symbol : 'TOKEN'}\\n                                    </div>\\n                                </div>\\n                            </div>\\n                            <p class=\\\"balance-title\\\">\\n                                Current Balance:\\n                                <strong>${buyToken.userBalance.balance}</strong>\\n                            </p>\\n                        </div>\\n                    </div>\\n                    <div class=\\\"col-md-2\\\">\\n                        <div class=\\\"action-input\\\">\\n                            <div class=\\\"token-sym\\\">\\n                                <div\\n                                    class=\\\"input-group-text token-sym-text h-100 input-group-text-dark\\\"\\n                                >\\n                                    $\\n                                </div>\\n                            </div>\\n                            <input\\n                                class=\\\"form-control transparent-bgn add-border-right action-input-box text-right tradeValueUsd\\\"\\n                                type=\\\"text\\\"\\n                                readonly=\\\"readonly\\\"\\n                                value.bind=\\\"tradeValueUsd\\\"\\n                                placeholder=\\\"0.00\\\"\\n                            />\\n                        </div>\\n                        <p class=\\\"balance-title\\\">EST. USD Value</p>\\n                    </div>\\n                    <div class=\\\"col-md-6\\\">\\n                        <div class=\\\"action-input-wrapper\\\">\\n                            <div class=\\\"action-input\\\">\\n                                <input\\n                                    class=\\\"form-control transparent-bgn action-input-box text-right\\\"\\n                                    type=\\\"text\\\"\\n                                    value.bind=\\\"sellTokenAmount\\\"\\n                                    keydown.trigger=\\\"sellTokenAmountInViewChanged($event) & debounce:300\\\"\\n                                    placeholder=\\\"0.000\\\"\\n                                />\\n                                <div class=\\\"token-sym\\\">\\n                                    <div\\n                                        class=\\\"input-group-text token-sym-text h-100 input-group-text-dark\\\"\\n                                    >\\n                                        ${sellToken ? sellToken.symbol :\\n                                        'TOKEN'}\\n                                    </div>\\n                                </div>\\n                            </div>\\n                            <div class=\\\"row\\\">\\n                                <div class=\\\"col-sm-8\\\">\\n                                    <p class=\\\"balance-title\\\">\\n                                        Current Balance:\\n                                        <strong\\n                                            >${sellToken.userBalance.balance}</strong\\n                                        >\\n                                    </p>\\n                                </div>\\n                                <div\\n                                    class=\\\"col-sm-3 text-right\\\"\\n                                    show.bind=\\\"tradePercentage\\\"\\n                                >\\n                                    <p class=\\\"balance-title\\\">\\n                                        <strong>${tradePercentage} %</strong>\\n                                    </p>\\n                                </div>\\n                            </div>\\n                            <div class=\\\"action-quantity-slider\\\">\\n                                <input\\n                                    type=\\\"range\\\"\\n                                    value.bind=\\\"tradePercentage\\\"\\n                                    min=\\\"1\\\"\\n                                    max=\\\"100\\\"\\n                                    value=\\\"50\\\"\\n                                    class=\\\"slider\\\"\\n                                    id=\\\"myRange\\\"\\n                                />\\n                                <div class=\\\"quantity-unit-options\\\">\\n                                    <p\\n                                        class=\\\"quantity-unit\\\"\\n                                        click.delegate=\\\"slideTo(1)\\\"\\n                                    >\\n                                        min\\n                                    </p>\\n                                    <p\\n                                        class=\\\"quantity-unit\\\"\\n                                        click.delegate=\\\"slideTo(50)\\\"\\n                                    >\\n                                        half\\n                                    </p>\\n                                    <p\\n                                        class=\\\"quantity-unit\\\"\\n                                        click.delegate=\\\"slideTo(100)\\\"\\n                                    >\\n                                        max\\n                                    </p>\\n                                </div>\\n                            </div>\\n                        </div>\\n                    </div>\\n                </div>\\n            </div>\\n            <div class=\\\"col-md-3\\\">\\n                <div class=\\\"estimate-wrapper\\\">\\n                    <h4\\n                        style=\\\"margin-left: 0; margin-bottom: 7px;\\\"\\n                        class=\\\"action-title\\\"\\n                    >\\n                        Your Estimated Trade\\n                        <font-awesome-icon\\n                            class=\\\"chart-icon\\\"\\n                            icon.bind=\\\"['fas', 'info-circle']\\\"\\n                        ></font-awesome-icon>\\n                    </h4>\\n                    <!--<div\\n                        class=\\\"estimated-rate-info-wrapper\\\"\\n                        show.bind=\\\"buyToken && sellToken\\\"\\n                    >\\n                        <p class=\\\"estimated-rate-info\\\">\\n                            1 ${buyToken.symbol} = ${unitEstimateRate | toFixed:\\n                            3} ${sellToken.symbol}\\n                        </p>\\n                    </div>-->\\n                    <div class=\\\"estimated-trade-info-wrapper\\\">\\n                        <!--<p class=\\\"estimated-trade-info-title\\\">\\n                            Estimated Trade Details\\n                        </p>-->\\n                        <div class=\\\"estimated-trade-swap\\\">\\n                            <p class=\\\"estimated-tokens token-one\\\">\\n                                ${sellTokenAmount} ${sellToken.symbol}\\n                            </p>\\n                            <font-awesome-icon\\n                                class=\\\"chart-icon\\\"\\n                                icon.bind=\\\"['fas', 'arrow-right']\\\"\\n                            ></font-awesome-icon>\\n                            <p class=\\\"estimated-tokens token-two\\\">\\n                                ${buyTokenAmount} ${buyToken.symbol}\\n                            </p>\\n                        </div>\\n                        <div class=\\\"trade-fee\\\">\\n                            <p class=\\\"trade-fee-title\\\">Miner Fee</p>\\n                            <p class=\\\"trade-fee-value\\\">0.000ETHP</p>\\n                        </div>\\n                    </div>\\n                    <button class=\\\"start-trade\\\" click.delegate=\\\"startTrade()\\\" show.bind=\\\"!loggedIn\\\">\\n                        Start trade\\n                    </button>\\n                    <div class=\\\"warning\\\" show.bind=\\\"!loggedIn\\\">\\n                        <font-awesome-icon\\n                            class=\\\"warning-icon\\\"\\n                            icon.bind=\\\"['fas', 'engine-warning']\\\"\\n                        ></font-awesome-icon>\\n                        <p class=\\\"login-required\\\">Login Required</p>\\n                        <p class=\\\"warning-info\\\">\\n                            Please <a href=\\\"\\\">Signup</a> or\\n                            <a href=\\\"\\\">Login</a> to continue\\n                        </p>\\n                    </div>\\n                </div>\\n            </div>\\n        </div>\\n    </div>\\n</template>\\n\";"],"sourceRoot":""}