{"version":3,"sources":["webpack:///./src/routes/trades/trades.ts","webpack:///./src/routes/trades/trades.html"],"names":["Trades","dialogService","hes","ts","store","limit","offset","page","loading","totalItems","totalPages","this","open","viewModel","whenClosed","response","console","log","trade","model","state","account","name","swapStatus","calcTotals","allTrades","loadTradesCompleted","symbol","subscription","subscribe","async","activePageId","pageVal","newVal","tx","Id","SwapStatusId","TokenOutputAmountActual","status","trades","t","timestamp_month_name","CreatedAt","format","timestamp_day","timestamp_time","timestamp_year","module","exports"],"mappings":"+wBAeA,gBAAaA,EAAb,MAmBI,YAAoBC,EAAsCC,EAAgCC,EAA0BC,GAAhG,KAAAH,gBAAsC,KAAAC,MAAgC,KAAAC,KAA0B,KAAAC,QAlB5G,KAAAC,MAAQ,EACR,KAAAC,OAAS,EACL,KAAAC,KAAO,EAMX,KAAAC,SAAU,EAEV,KAAAC,WAAa,GAET,KAAAC,WAAa,EAUzB,WACIC,KAAKV,cAAcW,KAAK,CAAEC,UAAW,MAAmBC,WAAWC,IAC/DC,QAAQC,IAAIF,KAIpB,gBAAgBG,GACZP,KAAKV,cAAcW,KAAK,CAAEC,UAAW,IAAuBM,MAAOD,IAASJ,WAAWC,IACnFC,QAAQC,IAAIF,KAIpB,0BACIJ,KAAKF,iBAAmB,YAAqBE,KAAKS,MAAMC,QAAQC,KAAMX,KAAKY,kBACrEZ,KAAKa,aACXb,KAAKc,gBAAkBd,KAAKe,oBAAoB,EAAGf,KAAKY,YAG5D,mBACIZ,KAAKD,WAAaC,KAAKF,WAAaE,KAAKN,MACrCM,KAAKF,WAAaE,KAAKN,MAAQ,IAC/BM,KAAKD,YAAc,GAEvBM,QAAQC,IAAIN,KAAKD,YAGrB,mBAAkB,OAAEiB,EAAM,KAAEpB,EAAO,IAE/BI,KAAKiB,aAAejB,KAAKP,MAAMgB,MAAMS,UAAUC,MAAOV,IAC9CA,IACAT,KAAKS,MAAQA,EAETT,KAAKS,MAAMC,QAAQC,OACnBX,KAAKc,gBAAkBd,KAAKe,oBAAoBnB,EAAMI,KAAKY,YAC3DZ,KAAKF,iBAAmB,YAAqBE,KAAKS,MAAMC,QAAQC,KAAMX,KAAKY,kBACrEZ,KAAKa,iBAKvBb,KAAKS,MAAMW,aAAe,SAG9B,cAIA,gBAAgBC,GACZhB,QAAQC,IAAI,aACZD,QAAQC,IAAIe,GACG,QAAXA,EACArB,KAAKJ,MAAQ,EACG,QAAXyB,IACLrB,KAAKJ,MAAQ,GAEjBI,KAAKc,gBAAkBd,KAAKe,oBAAoBf,KAAKJ,KAAMI,KAAKY,YAGpE,kBAAkBU,GACdtB,KAAKc,gBAAkBd,KAAKe,oBAAoBf,KAAKJ,KAAMI,KAAKY,YAGpE,yBAAyBL,GACrBP,KAAKH,SAAU,EACf,IAAI0B,QAAW,YAAmBhB,EAAMiB,IACxCjB,EAAMkB,aAAeF,EAAGE,aACxBlB,EAAMmB,wBAA0BH,EAAGG,wBACnC1B,KAAKH,SAAU,EAGnB,0BAA0BD,EAAM+B,GAC5B3B,KAAKH,SAAU,EACfG,KAAKJ,KAAOA,EACZI,KAAKL,QAAUK,KAAKJ,KAAO,GAAKI,KAAKN,MAErC,IAAIkC,QAAe,YAAgB5B,KAAKS,MAAMC,QAAQC,KAAMX,KAAKN,MAAOM,KAAKL,OAAQgC,GACrF,IAAK,IAAIE,KAAKD,EACVC,EAAEC,qBAAuB,IAAOD,EAAEE,WAAWC,OAAO,QACpDH,EAAEI,cAAgB,IAAOJ,EAAEE,WAAWC,OAAO,MAC7CH,EAAEK,eAAiB,IAAOL,EAAEE,WAAWC,OAAO,SAC9CH,EAAEM,eAAiB,IAAON,EAAEE,WAAWC,OAAO,QAKlD,OAFAhC,KAAKH,SAAU,EAER+B,IAEf,OA3GgB,GAAX,c,oDAUW,GAAX,c,0DAIW,GAAX,c,0DAjBQvC,EAAM,GAFlB,cACA,YAAc,U,uBAoBwB,gBAA4B,IAA+B,IAA6B,WAnBlHA,GA8Gb,GA9GA,I,0CCfA+C,EAAOC,QAAU","file":"app~4903092a.d715f1570ac91ac951eb.chunk.js","sourcesContent":["import { TokenService } from 'services/token-service';\r\nimport { HiveEngineService } from 'services/hive-engine-service';\r\nimport { customElement, autoinject, bindable } from 'aurelia-framework';\r\nimport { DswapOrderModal } from 'modals/dswap-order';\r\nimport { DialogService } from 'aurelia-dialog';\r\nimport { getSwapRequests, getSwapRequestsCount, getSwapRequestById } from 'common/dswap-api';\r\nimport { Subscription } from \"rxjs\";\r\nimport { Store, dispatchify } from 'aurelia-store';\r\nimport { SwapStatus } from 'common/enums';\r\nimport { getCurrentFirebaseUser } from 'store/actions';\r\nimport moment from 'moment';\r\nimport { DswapSwapdetailsModal } from 'modals/dswap-swapdetails';\r\n\r\n@autoinject()\r\n@customElement('trades')\r\nexport class Trades {\r\n    private limit = 5;\r\n    private offset = 0;\r\n    @bindable() page = 1;    \r\n    private symbol;\r\n    private tradesCompleted;\r\n    private tradesPending;\r\n    private tradesFailed;\r\n    private allTrades;\r\n    private loading = false;\r\n    // to retrieve later from an endpoint\r\n    private totalItems = 50;\r\n    // calculate later based on totalItems\r\n    @bindable() totalPages = 9;\r\n    private currentChainId;\r\n    public subscription: Subscription;\r\n    private state: IState;\r\n    @bindable() swapStatus?: SwapStatus;\r\n\r\n    constructor(private dialogService: DialogService, private hes: HiveEngineService, private ts: TokenService, private store: Store<IState>) {\r\n        \r\n    }\r\n\r\n    withdraw() {\r\n        this.dialogService.open({ viewModel: DswapOrderModal }).whenClosed(response => {\r\n            console.log(response);\r\n        });\r\n    }\r\n\r\n    viewSwapDetails(trade) {\r\n        this.dialogService.open({ viewModel: DswapSwapdetailsModal, model: trade }).whenClosed(response => {\r\n            console.log(response);\r\n        });\r\n    }\r\n\r\n    async swapStatusChanged() {\r\n        this.totalItems = await getSwapRequestsCount(this.state.account.name, this.swapStatus);\r\n        await this.calcTotals();\r\n        this.allTrades = await this.loadTradesCompleted(1, this.swapStatus);\r\n    }\r\n\r\n    async calcTotals() {\r\n        this.totalPages = this.totalItems / this.limit;\r\n        if (this.totalItems % this.limit > 0)\r\n            this.totalPages += 1;\r\n\r\n        console.log(this.totalPages);\r\n    }\r\n\r\n    async canActivate({ symbol, page = 1 })\r\n    {\r\n        this.subscription = this.store.state.subscribe(async (state: IState) => {\r\n            if (state) {\r\n                this.state = state;\r\n\r\n                if (this.state.account.name) {\r\n                    this.allTrades = await this.loadTradesCompleted(page, this.swapStatus);                    \r\n                    this.totalItems = await getSwapRequestsCount(this.state.account.name, this.swapStatus);\r\n                    await this.calcTotals();\r\n                }\r\n            }\r\n        });\r\n\r\n        this.state.activePageId = \"trades\";\r\n    }\r\n\r\n    async bind() {\r\n        //this.state.activePageId = \"trades\";\r\n    }\r\n\r\n    async pageClick(pageVal) {\r\n        console.log(\"pageclick\");\r\n        console.log(pageVal);\r\n        if (pageVal == 'prev')\r\n            this.page -= 1;\r\n        else if (pageVal == 'next') \r\n            this.page += 1;\r\n\r\n        this.allTrades = await this.loadTradesCompleted(this.page, this.swapStatus);        \r\n    }\r\n\r\n    async pageChanged(newVal) {   \r\n        this.allTrades = await this.loadTradesCompleted(this.page, this.swapStatus);        \r\n    }\r\n\r\n    async getTransactionInfo(trade) {\r\n        this.loading = true;\r\n        let tx = await getSwapRequestById(trade.Id);        \r\n        trade.SwapStatusId = tx.SwapStatusId;\r\n        trade.TokenOutputAmountActual = tx.TokenOutputAmountActual;\r\n        this.loading = false;\r\n    }\r\n\r\n    async loadTradesCompleted(page, status) {\r\n        this.loading = true;\r\n        this.page = page;\r\n        this.offset = (this.page - 1) * this.limit;\r\n\r\n        let trades = await getSwapRequests(this.state.account.name, this.limit, this.offset, status);\r\n        for (let t of trades) {\r\n            t.timestamp_month_name = moment(t.CreatedAt).format('MMMM');\r\n            t.timestamp_day = moment(t.CreatedAt).format('DD');\r\n            t.timestamp_time = moment(t.CreatedAt).format('HH:mm');\r\n            t.timestamp_year = moment(t.CreatedAt).format('YYYY');\r\n        }\r\n\r\n        this.loading = false;\r\n\r\n        return trades;\r\n    }\r\n}\r\n","module.exports = \"<template bindable=\\\"selected\\\">\\r\\n    <loader loading.bind=\\\"loading\\\" mode=\\\"tiny\\\"></loader>\\r\\n\\r\\n    <div class=\\\"transaction-table transaction-table-mobile\\\">\\r\\n        <div class=\\\"container-fluid\\\">\\r\\n            <div class=\\\"transaction-table-header\\\">\\r\\n                <h4 style=\\\"font-weight: 900;\\\">Trades</h4>\\r\\n            </div>\\r\\n            <ul class=\\\"nav nav-tabs table-tab\\\" id=\\\"myTab\\\" role=\\\"tablist\\\">\\r\\n                <li class=\\\"nav-item table-head-links\\\">\\r\\n                    <a\\r\\n                        class=\\\"nav-link table-link active\\\"\\r\\n                        id=\\\"all-tab\\\"\\r\\n                        data-toggle=\\\"tab\\\"\\r\\n                        href=\\\"#all\\\"\\r\\n                        role=\\\"tab\\\"\\r\\n                        aria-controls=\\\"pending\\\"\\r\\n                        aria-selected=\\\"true\\\"\\r\\n                       click.delegate=\\\"swapStatus = null\\\"\\r\\n                        >All</a\\r\\n                    >\\r\\n                </li>\\r\\n                <li class=\\\"nav-item table-head-links\\\">\\r\\n                    <a\\r\\n                        class=\\\"nav-link table-link\\\"\\r\\n                        id=\\\"all-tab\\\"\\r\\n                        data-toggle=\\\"tab\\\"\\r\\n                        href=\\\"#all\\\"\\r\\n                        role=\\\"tab\\\"\\r\\n                        aria-controls=\\\"completed\\\"\\r\\n                        aria-selected=\\\"false\\\"\\r\\n                        click.delegate=\\\"swapStatus = 3\\\"\\r\\n                        >Completed</a\\r\\n                    >\\r\\n                </li>\\r\\n                <li class=\\\"nav-item table-head-links\\\">\\r\\n                    <a\\r\\n                        class=\\\"nav-link table-link\\\"\\r\\n                        id=\\\"all-tab\\\"\\r\\n                        data-toggle=\\\"tab\\\"\\r\\n                        href=\\\"#all\\\"\\r\\n                        role=\\\"tab\\\"\\r\\n                        aria-controls=\\\"failed\\\"\\r\\n                        aria-selected=\\\"false\\\"\\r\\n                        click.delegate=\\\"swapStatus = 4\\\"\\r\\n                        >Failed</a\\r\\n                    >\\r\\n                </li>\\r\\n            </ul>\\r\\n\\r\\n            <div class=\\\"tab-content\\\" id=\\\"myTabContent\\\">\\r\\n                <div class=\\\"tab-pane fade show active\\\"\\r\\n                     id=\\\"all\\\"\\r\\n                     role=\\\"tabpanel\\\"\\r\\n                     aria-labelledby=\\\"all-tab\\\">\\r\\n                    <table class=\\\"table\\\">\\r\\n                        <thead class=\\\"table-head\\\">\\r\\n                            <tr>\\r\\n                                <th class=\\\"icon-head head-item\\\"\\r\\n                                    scope=\\\"col\\\"></th>\\r\\n                                <th class=\\\"date-head head-item\\\" scope=\\\"col\\\">\\r\\n                                    Date\\r\\n                                </th>\\r\\n                                <th class=\\\"transaction-head head-item\\\"\\r\\n                                    scope=\\\"col\\\">\\r\\n                                    Transaction Details\\r\\n                                </th>\\r\\n                                <th scope=\\\"col\\\">Status</th>\\r\\n                            </tr>\\r\\n                        </thead>\\r\\n                        <tbody repeat.for=\\\"trade of allTrades\\\">\\r\\n                            <tr>\\r\\n                                <th class=\\\"table-item\\\" scope=\\\"row\\\">\\r\\n                                    <div class=\\\"transaction-icon\\\">\\r\\n                                        <font-awesome-icon show.bind=\\\"trade.SwapStatusId == 3\\\"\\r\\n                                                           class=\\\"table-icon\\\"\\r\\n                                                           icon.bind=\\\"['fas', 'check']\\\"></font-awesome-icon>\\r\\n                                        <font-awesome-icon show.bind=\\\"trade.SwapStatusId == 4\\\" title.bind=\\\"trade.Message\\\"\\r\\n                                                           class=\\\"delete-icon\\\"\\r\\n                                                           icon.bind=\\\"['fas', 'times']\\\"></font-awesome-icon>\\r\\n                                        <font-awesome-icon show.bind=\\\"trade.SwapStatusId == 5\\\" title.bind=\\\"trade.Message\\\"\\r\\n                                                           class=\\\"table-icon\\\"\\r\\n                                                           icon.bind=\\\"['fas', 'spinner']\\\"></font-awesome-icon>\\r\\n                                        <font-awesome-icon show.bind=\\\"trade.SwapStatusId == 1 || trade.SwapStatusId == 2 || trade.SwapStatusId == 7 || trade.SwapStatusId == 8\\\"\\r\\n                                                           class=\\\"table-icon\\\"\\r\\n                                                           icon.bind=\\\"['fas', 'exclamation']\\\"></font-awesome-icon>\\r\\n                                    </div>\\r\\n                                </th>\\r\\n                                <td class=\\\"table-item\\\">\\r\\n                                    <h4 class=\\\"text-center mb-0\\\">\\r\\n                                        ${trade.timestamp_month_name}\\r\\n                                    </h4>\\r\\n                                    <h6 class=\\\"text-center mb-0\\\">\\r\\n                                        ${trade.timestamp_day}\\r\\n                                    </h6>\\r\\n                                    <p class=\\\"text-center mb-0\\\">\\r\\n                                        <strong>${trade.timestamp_time}</strong>\\r\\n                                    </p>\\r\\n                                </td>\\r\\n                                <td class=\\\"table-item transaction-type\\\">\\r\\n                                    <span class=\\\"transaction-type-info\\\">Swap requested ${trade.TokenInputAmount} ${trade.TokenInput} for ${trade.TokenOutputAmount} ${trade.TokenOutput} (estimated) ${trade.TokenOutputAmountActual} ${trade.TokenOutput} (realized)</span>\\r\\n                                    <p><a class=\\\"btn view-swap-details-btn\\\" href=\\\"#\\\" click.delegate=\\\"viewSwapDetails(trade)\\\">View details</a></p>\\r\\n                                </td>\\r\\n                                <td>\\r\\n                                    <div class=\\\"text-center\\\">\\r\\n                                        <span>\\r\\n                                            <strong>${trade.SwapStatusId == 2 ? 'In progress' : trade.SwapStatusId == 3 ? 'Completed' : trade.SwapStatusId == 4 ? 'Failed' : trade.SwapStatusId == 5 ? 'Awaiting deposit' : trade.SwapStatusId == 7 ? 'Expired' : trade.SwapStatusId == 8 ? 'Refunded' : 'Init'}</strong>\\r\\n                                        </span>\\r\\n                                        <font-awesome-icon show.bind=\\\"trade.SwapStatusId == 4\\\"\\r\\n                                                           title.bind=\\\"trade.Message\\\"\\r\\n                                                            class=\\\"chart-icon\\\"\\r\\n                                                            icon.bind=\\\"['fas', 'info-circle']\\\"></font-awesome-icon>\\r\\n                                        <button alt=\\\"Reload\\\" title=\\\"Refresh\\\" show.bind=\\\"trade.SwapStatusId != 3 && trade.SwapStatusId != 4 && trade.SwapStatusId != 7 && trade.SwapStatusId != 8\\\"\\r\\n                                                class=\\\"btn btn-warning text-center\\\" \\r\\n                                                click.delegate=\\\"getTransactionInfo(trade)\\\">\\r\\n                                            Refresh\\r\\n                                        </button>\\r\\n                                    </div>\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                        </tbody>\\r\\n                    </table>                    \\r\\n                    <nav class=\\\"text-right ml-auto\\\"\\r\\n                         aria-label=\\\"Swap page navigation\\\">\\r\\n                        <ul class=\\\"pagination\\\"\\r\\n                            style=\\\"margin-bottom: 0;\\\">\\r\\n                            <!-- <li class=\\\"page-item pagination-btn\\\">\\r\\n                                <a class=\\\"page-link pagination-link text-white-custom\\\"\\r\\n                                   click.delegate=\\\"pageClick('prev')\\\"\\r\\n                                   aria-label=\\\"Previous\\\"\\r\\n                                   show.bind=\\\"page > 1\\\">\\r\\n                                    <span aria-hidden=\\\"true\\\">&laquo;</span>\\r\\n                                </a>\\r\\n                            </li> -->\\r\\n                            <li>\\r\\n                                <select\\r\\n                                    id=\\\"selectpicker-page\\\"\\r\\n                                    class=\\\"form-control\\\"\\r\\n                                    value.bind=\\\"page\\\"\\r\\n                                    change.trigger=\\\"pageChanged(page)\\\"\\r\\n                                >\\r\\n                                    <option\\r\\n                                        value.bind=\\\"p+1\\\"\\r\\n                                        repeat.for=\\\"p of totalPages\\\"\\r\\n                                        data-content=\\\"${p+1}\\\"\\r\\n                                        >${p+1}</option\\r\\n                                    >\\r\\n                                </select>\\r\\n                            </li>\\r\\n                            <!-- <li class=\\\"page-item pagination-btn\\\">\\r\\n                                <a class=\\\"page-link pagination-link text-white-custom\\\"\\r\\n                                   click.delegate=\\\"pageClick('next')\\\"\\r\\n                                   aria-label=\\\"Next\\\"\\r\\n                                   show.bind=\\\"page < totalPages\\\">\\r\\n                                    <span aria-hidden=\\\"true\\\">&raquo;</span>\\r\\n                                </a>\\r\\n                            </li> -->\\r\\n                        </ul>\\r\\n                    </nav>\\r\\n                </div>                \\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <style>\\r\\n        .table-link {\\r\\n            font-weight: bold;\\r\\n        }\\r\\n        .table-link.active {\\r\\n            background-color: #22a275c5 !important;\\r\\n            color: #05413c;\\r\\n            border: 1px solid #22a275c5 !important;\\r\\n            border-bottom: none !important;\\r\\n        }\\r\\n        .nav-tabs .table-link:focus,\\r\\n        .nav-tabs .table-link:hover {\\r\\n            border-color: #22a275c5;\\r\\n            border-bottom: none !important;\\r\\n        }\\r\\n    </style>\\r\\n</template>\\r\\n\";"],"sourceRoot":""}