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