\r\n DialogWindow.isTriggered \r\n
\r\n };\r\n\r\n if (this.popMessages === undefined) {\r\n this.popMessages = [];\r\n }\r\n this.popMessages.push(popMessage);\r\n }\r\n }\r\n });\r\n\r\n } else if (data.SettingUpdate) {\r\n if (data.SettingUpdate.InstrumentStatuses) {\r\n utils.forceToArray(data.SettingUpdate.InstrumentStatuses.InstrumentStatus).forEach((idStatus) => {\r\n let instrument = this.instruments[idStatus.Id];\r\n if (instrument) {\r\n instrument.status = parseInt(idStatus.Value);\r\n }\r\n });\r\n }\r\n } else if (data.InstrumentDailyCloseQuotations) {\r\n utils.forceToArray(data.InstrumentDailyCloseQuotations.InstrumentDailyCloseQuotation).forEach((dayQuotation) => {\r\n dayQuotation.Timestamp = new Date(2011, 3, 1, 0, 0, data.InstrumentDailyCloseQuotations.TimeStamp, 0);\r\n let instrument = this.instruments[dayQuotation.InstrumentId];\r\n if (instrument) {\r\n if (!instrument.quotations) instrument.quotations = {};\r\n let quotation = instrument.quotations[dayQuotation.QuotePolicyId];\r\n if (quotation) {\r\n let timestamp = quotation.Timestamp;\r\n Object.assign(quotation, dayQuotation); //assign AskOpen, Open, etc\r\n // if (timestamp > quotation.Timestamp) { // when first price open, InstrumentDailyCloseQuotation command may arrived after quotationCommand, and timestamp is less than quotationCommand\r\n quotation.Timestamp = timestamp;\r\n // }\r\n } else {\r\n instrument.quotations[dayQuotation.QuotePolicyId] = dayQuotation;\r\n }\r\n }\r\n });\r\n }\r\n}\r\n\r\n\r\nexport function processSettingData(settingData) {\r\n console.log('processSettingData started.');\r\n console.log(settingData);\r\n let model = this;\r\n if (!model.settingData) model.settingData = settingData;\r\n\r\n let action = settingData.UpdateAction;\r\n\r\n let oldCustomer = { ...this.settingData.Customer };\r\n if (settingData.Customer) {\r\n if (!model.customer) {\r\n model.customer = settingData.Customer;\r\n } else if (model.customer.Id == settingData.Customer.Id) {\r\n // if(oldCustomer.DealingPolicyId != settingData.Customer.DealingPolicyId && model.instruments){\r\n // Object.values(model.instruments).forEach((instrument) => {\r\n // if(utils.isEmpty(settingData.Customer.DealingPolicyId)){\r\n // delete instrument.dealingPolicyDetail;\r\n // }else{\r\n\r\n // }\r\n\r\n // });\r\n // }\r\n Object.assign(model.customer, settingData.Customer);\r\n }\r\n }\r\n if (!this.customer) return;\r\n\r\n if (settingData.Instruments) {\r\n utils.forceToArray(settingData.Instruments.Instrument).forEach((instrument, index) => {\r\n if (!model.instruments) model.instruments = {};\r\n\r\n if (!model.instruments[instrument.Id]) {\r\n model.instruments[instrument.Id] = instrument;\r\n } else {\r\n Object.assign(model.instruments[instrument.Id], instrument);\r\n }\r\n\r\n Object.values(model.instruments).forEach((instrument) => {\r\n instrumentExtension.bindFunctions(instrument);\r\n });\r\n });\r\n }\r\n\r\n if (settingData.Accounts) {\r\n // this.state.ServerData.accounts = utils.forceToArray(settingData.Accounts.Account);\r\n if (!model.accounts) {\r\n model.accounts = {};\r\n }\r\n\r\n utils.forceToArray(settingData.Accounts.Account).forEach((account) => {\r\n account.ID = account.Id;\r\n account.CurrencyID = account.CurrencyId;\r\n if (action == undefined || action == UpdateAction.Init || action == UpdateAction.Add) {\r\n if (model.accounts[account.Id]) {\r\n Object.assign(model.accounts[account.Id], account);\r\n } else {\r\n model.accounts[account.Id] = account;\r\n }\r\n }\r\n\r\n if (action == UpdateAction.Modify && model.accounts[account.Id] /* && !utils.isEmpty(account.QuotePolicyId) */) {\r\n // model.accounts[account.Id].UseQuotePolicyId = account.QuotePolicyId;\r\n window.location.assign('#/');\r\n window.location.reload();\r\n }\r\n\r\n if (!model.selectedAccount) {\r\n model.selectedAccount = model.accounts[account.Id];\r\n }\r\n\r\n });\r\n\r\n // if (model.selectedAccount) {\r\n // let accountQuotePolicyId = (model.selectedAccount.UseQuotePolicyId ? model.selectedAccount.UseQuotePolicyId : model.selectedAccount.PublicQuotePolicyId);\r\n // Object.values(model.instruments).forEach((instrument) => {\r\n // if (instrument.quotations) {\r\n // Object.values(instrument.quotations).forEach((quotation) => {\r\n // if (quotation.QuotePolicyId == accountQuotePolicyId) {\r\n // instrument.quotation = instrument.lastQuotation = quotation;\r\n // }\r\n // });\r\n // }\r\n // });\r\n // }\r\n }\r\n\r\n if (settingData.InterestRates) {\r\n if (!model.interestRates) model.interestRates = {};\r\n utils.forceToArray(settingData.InterestRates.InterestRate).forEach((interestRate) => {\r\n model.interestRates[interestRate.InterestRateId] = interestRate;\r\n });\r\n }\r\n\r\n if (model.selectedAccount && settingData.TradePolicyDetails) {\r\n\r\n if (!model.selectedAccount.TradePolicyDetails) model.selectedAccount.TradePolicyDetails = {};\r\n let policies = utils.forceToArray(settingData.TradePolicyDetails.TradePolicyDetail);\r\n\r\n policies.forEach((tradePolicyDetail) => {\r\n if (action == UpdateAction.Initialize || action == UpdateAction.Add || action == UpdateAction.Modify) {\r\n if (tradePolicyDetail.TradePolicyId === model.selectedAccount.TradePolicyId) {\r\n model.selectedAccount.TradePolicyDetails[tradePolicyDetail.InstrumentId] = tradePolicyDetail;\r\n }\r\n } else if (settingData.UpdateAction == UpdateAction.Delete) {\r\n // let instrument = model.instruments[tradePolicyDetail.InstrumentId];\r\n delete model.selectedAccount.TradePolicyDetails[tradePolicyDetail.InstrumentId];\r\n for (let i = model.orderedInstruments.length - 1; i >= 0; i--) {\r\n let oi = model.orderedInstruments[i];\r\n if (oi.Id == tradePolicyDetail.InstrumentId) {\r\n model.orderedInstruments.splice(i, 1);\r\n }\r\n };\r\n // delete model.instrumentCodeDict[instrument.Code];\r\n // delete model.instruments[tradePolicyDetail.InstrumentId];\r\n // delete model.instrumentSequenceDict[instrument.GuidMappingValue];\r\n }\r\n });\r\n\r\n\r\n }\r\n\r\n if (settingData.DealingPolicyDetails) {\r\n if (!model.settingData.DealingPolicyDetails) {\r\n model.settingData.DealingPolicyDetails = settingData.DealingPolicyDetails;\r\n } else {\r\n Object.assign(model.settingData.DealingPolicyDetails, settingData.DealingPolicyDetails);\r\n }\r\n if (!this.customer.dealingPolicyDetails) {\r\n this.customer.dealingPolicyDetails = {};\r\n }\r\n\r\n utils.forceToArray(model.settingData.DealingPolicyDetails.DealingPolicyDetail).forEach((dealingPolicyDetail, index) => {\r\n if (dealingPolicyDetail.DealingPolicyId == this.customer.DealingPolicyId) {\r\n this.customer.dealingPolicyDetails[dealingPolicyDetail.InstrumentId] = dealingPolicyDetail;\r\n }\r\n });\r\n\r\n }\r\n\r\n if ((oldCustomer && oldCustomer.DealingPolicyId != this.customer.DealingPolicyId) || settingData.DealingPolicyDetails) {\r\n utils.forceToArray(model.settingData.DealingPolicyDetails.DealingPolicyDetail).forEach((dealingPolicyDetail) => {\r\n if (dealingPolicyDetail.DealingPolicyId == this.customer.DealingPolicyId && dealingPolicyDetail.InstrumentId) {\r\n this.customer.dealingPolicyDetails[dealingPolicyDetail.InstrumentId] = dealingPolicyDetail;\r\n }\r\n });\r\n\r\n Object.values(model.instruments).forEach((instrument) => {\r\n if (utils.isEmpty(this.customer.DealingPolicyId)) {\r\n delete instrument.dealingPolicyDetail;\r\n } else {\r\n\r\n instrument.dealingPolicyDetail = this.customer.dealingPolicyDetails[instrument.Id];\r\n console.log(instrument.Description, instrument.dealingPolicyDetail == undefined ? 'no dealingPolicyDetail' : instrument.dealingPolicyDetail.DealingPolicyId);\r\n }\r\n });\r\n\r\n }\r\n\r\n if (settingData.PricingPolicyDetails) {\r\n let pricingPolicyDetails = utils.forceToArray(settingData.PricingPolicyDetails.PricingPolicyDetail).sort((a, b) => {\r\n return parseFloat(a.Price) - parseFloat(b.Price);\r\n });\r\n\r\n\r\n //let pricingPolicyDict = {};\r\n if (!model.pricingPolicyDict) model.pricingPolicyDict = {};\r\n\r\n pricingPolicyDetails.forEach((detail, index) => {\r\n let list = model.pricingPolicyDict[detail.PricingPolicyId];\r\n if (!list) {\r\n list = []; //new Array(); \r\n model.pricingPolicyDict[detail.PricingPolicyId] = list;\r\n }\r\n list.push(detail);\r\n });\r\n // model.pricingPolicyDict = pricingPolicyDict;\r\n }\r\n\r\n if (!model.instalmentPolicies) model.instalmentPolicies = {};\r\n if (settingData.InstalmentPolicies) {\r\n utils.forceToArray(settingData.InstalmentPolicies.InstalmentPolicy).forEach((instalmentPolicy, index) => {\r\n model.instalmentPolicies[instalmentPolicy.Id] = instalmentPolicy;\r\n instalmentPolicy.details = {};\r\n });\r\n }\r\n\r\n if (settingData.InstalmentPolicyDetails) {\r\n utils.forceToArray(settingData.InstalmentPolicyDetails.InstalmentPolicyDetail).forEach((instalmentPolicyDetail, index) => {\r\n let policy = model.instalmentPolicies[instalmentPolicyDetail.InstalmentPolicyId];\r\n if (policy != undefined) {\r\n policy.details[instalmentPolicyDetail.Frequence.toString() + '_' + instalmentPolicyDetail.Period.toString()] = instalmentPolicyDetail;\r\n }\r\n });\r\n }\r\n\r\n if (!model.deliverySpecificationDetails) model.deliverySpecificationDetails = {};\r\n if (settingData.DeliverySpecificationDetails) {\r\n utils.forceToArray(settingData.DeliverySpecificationDetails.DeliverySpecificationDetail).forEach((deliverySpecificationDetail, index) => {\r\n let specificationDetails = model.deliverySpecificationDetails[deliverySpecificationDetail.DeliverySpecificationId];\r\n if (specificationDetails === undefined) {\r\n specificationDetails = {};\r\n model.deliverySpecificationDetails[deliverySpecificationDetail.DeliverySpecificationId] = specificationDetails;\r\n }\r\n specificationDetails[deliverySpecificationDetail.Size] = deliverySpecificationDetail;\r\n });\r\n }\r\n\r\n if (!model.deliveryCharges) model.deliveryCharges = {};\r\n if (settingData.DeliveryCharges) {\r\n utils.forceToArray(settingData.DeliveryCharges.DeliveryCharge).forEach((deliveryCharge, index) => {\r\n model.deliveryCharges[deliveryCharge.Id] = deliveryCharge;\r\n });\r\n }\r\n\r\n\r\n if (!model.physicalPaymentDiscounts) model.physicalPaymentDiscounts = {};\r\n if (settingData.PhysicalPaymentDiscounts) {\r\n utils.forceToArray(settingData.PhysicalPaymentDiscounts.PhysicalPaymentDiscount).forEach((physicalPaymentDiscount, index) => {\r\n physicalPaymentDiscount.details = [];\r\n model.physicalPaymentDiscounts[physicalPaymentDiscount.Id] = physicalPaymentDiscount;\r\n });\r\n\r\n if (settingData.PhysicalPaymentDiscountDetails) {\r\n utils.forceToArray(settingData.PhysicalPaymentDiscountDetails.PhysicalPaymentDiscountDetail).sort((a, b) => parseFloat(a.From) - parseFloat(b.From)).forEach((detail, index) => {\r\n model.physicalPaymentDiscounts[detail.PhysicalPaymentDiscountId].details.push(detail);\r\n });\r\n }\r\n }\r\n\r\n\r\n if (!model.administrativeCharges) model.administrativeCharges = {};\r\n if (settingData.AdministrativeCharges) {\r\n utils.forceToArray(settingData.AdministrativeCharges.AdministrativeCharge).forEach((administrativeCharge, index) => {\r\n administrativeCharge.details = [];\r\n model.administrativeCharges[administrativeCharge.Id] = administrativeCharge;\r\n });\r\n\r\n if (settingData.AdministrativeChargeDetails) {\r\n utils.forceToArray(settingData.AdministrativeChargeDetails.AdministrativeChargeDetail).sort((a, b) => parseFloat(a.Quantity) - parseFloat(b.Quantity)).forEach((detail, index) => {\r\n model.administrativeCharges[detail.AdministrativeChargeId].details.push(detail);\r\n });\r\n }\r\n }\r\n\r\n if (settingData.InstrumentUnits) {\r\n if (!model.instrumentUnits) model.instrumentUnits = {};\r\n\r\n utils.forceToArray(settingData.InstrumentUnits.InstrumentUnit).forEach((instrumentUnit, index) => {\r\n model.instrumentUnits[instrumentUnit.Id] = instrumentUnit;\r\n });\r\n }\r\n if (settingData.SystemParameter) {\r\n model.settingData.SystemParameter = settingData.SystemParameter;\r\n }\r\n\r\n if (settingData.Organizations) {\r\n if (!model.organizations) model.organizations = {};\r\n\r\n utils.forceToArray(settingData.Organizations.Organization).forEach((organization) => {\r\n model.organizations[organization.Id] = organization;\r\n });\r\n }\r\n console.log('processSettingData completed.');\r\n}\r\n\r\nfunction resetAlertLevel() {\r\n debugger;\r\n if (utils.parseBoolean(this.settingData.SystemParameter.AllowTraderResetAlertLevel) && parseFloat(this.selectedAccount.ForbiddenAlert) <= 0) {\r\n this.commService.resetAlertLevel(this.selectedAccount.Id, this.selectedAccount.Code, (d) => {\r\n console.log(d);\r\n });\r\n }\r\n}\r\n\r\nfunction processTradingCommand(data) {\r\n if (!this.accounts) return;\r\n\r\n let account = this.accounts[data.ID];\r\n if (this.selectedAccount.ID == data.ID && parseFloat(data.AlertLevel) > 0 && (parseFloat(account.AlertLevel) < parseFloat(data.AlertLevel) || utils.isEmpty(account.AlertLevel))) {\r\n this.showModalDialog(utils.format2(this.t('DialogWindow.AccountMarginNotify'), account.Code), this.resetAlertLevel, { hideCancelButton: true, modelDialogTitle: {instrument.Description} DialogWindow.PriceAlertHit
\r\n {utils.getConditionLanguage(priceAlert.Condition)} {triggeredAlert.HitPrice}
\r\n Currency Rate not found!
{sourceCurrency.Name + \"/\" + targetCurrency.Name}
, 5);\r\n return 0;\r\n } else {\r\n return utils.exchangeRate(amount, currencyRate.RateIn, currencyRate.RateOut, sourceCurrency.Decimals, targetCurrency.Decimals);\r\n }\r\n }\r\n}\r\n\r\n\r\nfunction getPricingPolicyDetail(pricingPolicyId, price) {\r\n if (this.pricingPolicyDict && pricingPolicyId && pricingPolicyId.Value !== utils.uuidEmpty() && price !== 0) {\r\n let details = this.pricingPolicyDict[pricingPolicyId];\r\n if (details) {\r\n\r\n for (let i = 0; i < details.length; i++) {\r\n let detail = details[i];\r\n if (detail.Price >= parseFloat(price)) {\r\n return detail;\r\n }\r\n }\r\n\r\n if (details.length > 0) {\r\n return details[details.length - 1];\r\n }\r\n }\r\n }\r\n return undefined;\r\n}\r\n\r\n\r\nfunction getServerTime() {\r\n // return utils.getDateTimeString();\r\n let date = new Date();\r\n // date.setTime(date.getTime() + this.serverTimeDiff); \r\n // return moment(utils.getDateTimeString(date, withMilliseconds));\r\n\r\n return moment(date.getTime() + this.serverTimeDiff);\r\n}\r\n\r\n\r\n\r\nfunction allowTrading(account) {\r\n if (!utils.parseBoolean(account.IsTradingAllowed)) return false;\r\n if (utils.parseBoolean(this.customer.DisallowTrade)) return false;\r\n\r\n if (account.UserRelation == UserRelation.Manager && !utils.parseBoolean(account.AllowManagerTrading)) return false;\r\n if (account.UserRelation == UserRelation.Sales && !utils.parseBoolean(account.AllowSalesTrading)) return false;\r\n\r\n return true;\r\n}\r\n\r\nfunction canPlaceOrder(account, instrument, orderType) {\r\n if (!this.allowTrading(account)) return false;\r\n // if (!utils.parseBoolean(account.IsTradingAllowed)) return false;\r\n // if (utils.parseBoolean(this.customer.DisallowTrade)) return false;\r\n\r\n // if (account.UserRelation == UserRelation.Manager && !utils.parseBoolean(account.AllowManagerTrading)) return false;\r\n // if (account.UserRelation == UserRelation.Sales && !utils.parseBoolean(account.AllowSalesTrading)) return false;\r\n\r\n orderType = parseInt(orderType);\r\n let dealingPolicy = instrument.dealingPolicyDetail;\r\n let maxDqLot = parseFloat(dealingPolicy ? dealingPolicy.MaxDQLot : instrument.MaxDQLot);\r\n let maxOtherLot = parseFloat(dealingPolicy ? dealingPolicy.MaxOtherLot : instrument.MaxOtherLot);\r\n let orderTypes = instrument.getAvailableOrderTypes();\r\n\r\n let canPlacePendingOrderAtAnyTime = Boolean.parseBoolean(instrument.CanPlacePendingOrderAtAnyTime);\r\n if (orderTypes.indexOf(orderType) >= 0) {\r\n if (orderType === OrderType.SpotTrade || orderType === OrderType.Market) {\r\n if ((instrument.status === InstrumentStatus.DayOpen || instrument.status === InstrumentStatus.SessionOpen)\r\n && instrument.quotation !== undefined && !utils.isEmpty(instrument.quotation.Ask) && !utils.isEmpty(instrument.quotation.Bid)) {\r\n\r\n return maxDqLot > 0;\r\n }\r\n } else if (orderType === OrderType.Limit) {\r\n if ((canPlacePendingOrderAtAnyTime || instrument.status === InstrumentStatus.DayOpen || instrument.status === InstrumentStatus.SessionOpen)) {\r\n return maxOtherLot > 0;\r\n }\r\n }\r\n }\r\n return false;\r\n}\r\n\r\nfunction canPlaceIfDoneOrder(instrument, isSpotTrade) {\r\n let tradePolicyDetail = this.selectedAccount.TradePolicyDetails[instrument.Id];\r\n if (tradePolicyDetail === undefined) {\r\n return false;\r\n }\r\n else {\r\n if (isSpotTrade) {\r\n return parseInt(tradePolicyDetail.AllowIfDone2) === AllowIfDoneType.AllowAll;\r\n }\r\n else {\r\n return parseInt(tradePolicyDetail.AllowIfDone2) !== AllowIfDoneType.None;\r\n }\r\n }\r\n}\r\n\r\nfunction canPlaceOcoOrder(instrument, isOpen) {\r\n let tradePolicyDetail = this.selectedAccount.TradePolicyDetails[instrument.Id];\r\n if (tradePolicyDetail === undefined) {\r\n return false;\r\n }\r\n else {\r\n if (isOpen) {\r\n return Boolean.parseBoolean(tradePolicyDetail.AllowNewOCO);\r\n }\r\n else {\r\n let orderTypes = instrument.getAvailableOrderTypes();\r\n return (orderTypes.indexOf(OrderType.OneCancelOther) >= 0);\r\n }\r\n }\r\n}\r\n\r\nfunction CanChangeToOCO(instrument, order) {\r\n let isOpen = Boolean.parseBoolean(order.IsOpen);\r\n let availableOrderTypes = instrument.getAvailableOrderTypes();\r\n if (!isOpen)\r\n return (order.Transaction.Phase == Phase.Placing || order.Transaction.Phase == Phase.Placed)\r\n && (order.Transaction.OrderType == OrderType.Limit || order.Transaction.OrderType == OrderType.Stop)\r\n && availableOrderTypes.indexOf(order.Transaction.OrderType == OrderType.Limit ? OrderType.Stop : OrderType.Limit) >= 0\r\n && availableOrderTypes.indexOf(OrderType.OneCancelOther) >= 0;\r\n else {\r\n return (order.Transaction.Phase == Phase.Placing || order.Transaction.Phase == Phase.Placed)\r\n && (order.Transaction.OrderType == OrderType.Limit || order.Transaction.OrderType == OrderType.Stop)\r\n && availableOrderTypes.indexOf(order.Transaction.OrderType == OrderType.Limit ? OrderType.Stop : OrderType.Limit) >= 0\r\n && this.canPlaceOcoOrder(instrument, isOpen);\r\n }\r\n}\r\n\r\n\r\nfunction getExpireTypes(instrument) {\r\n let expireTypes = [];\r\n let tradePolicyDetail = this.selectedAccount.TradePolicyDetails[instrument.Id];\r\n if (tradePolicyDetail) {\r\n if (Boolean.parseBoolean(tradePolicyDetail.GoodTillMonthDayOrder)) expireTypes.push(PendingOrderExpireType.GoodTillDay);//GoodTillMonthDay Is DayOrder \r\n if (Boolean.parseBoolean(tradePolicyDetail.GoodTillMonthGTF)) expireTypes.push(PendingOrderExpireType.GoodTillFriday);\r\n if (Boolean.parseBoolean(tradePolicyDetail.GoodTillDate)) expireTypes.push(PendingOrderExpireType.GoodTillDate);\r\n if (Boolean.parseBoolean(tradePolicyDetail.GoodTillMonthSession)) expireTypes.push(PendingOrderExpireType.GoodTillSession);\r\n if (Boolean.parseBoolean(tradePolicyDetail.GoodTillMonthGTM)) expireTypes.push(PendingOrderExpireType.GoodTillMonth);\r\n }\r\n return expireTypes;\r\n}\r\n\r\nfunction buildPlacingData(instrument, selectedOrders, orderType) {\r\n let isBuy = (this.placingData && this.placingData.isBuy !== undefined ? this.placingData.isBuy : true);\r\n if (orderType === undefined) {\r\n let orderTypes = instrument.getAvailableOrderTypes();\r\n if (orderTypes.indexOf(OrderType.Market) >= 0) {\r\n orderType = OrderType.Market;\r\n } else if (orderTypes.indexOf(OrderType.SpotTrade) >= 0) {\r\n orderType = OrderType.SpotTrade;\r\n } else if (orderTypes.indexOf(OrderType.Limit) >= 0) {\r\n orderType = OrderType.Limit;\r\n }\r\n }\r\n\r\n this.placingData = {\r\n selectedInstrument: instrument,\r\n selectedOrders: selectedOrders === undefined ? [] : selectedOrders,\r\n orderType: orderType,\r\n expireTypes: this.getExpireTypes(instrument)\r\n };\r\n if (this.placingData.selectedOrders.length > 0) {\r\n this.placingData.isBuy = !Boolean.parseBoolean(this.placingData.selectedOrders[0].IsBuy);\r\n this.placingData.selectedInventory = this.placingData.selectedOrders[0]\r\n } else {\r\n this.placingData.isBuy = isBuy;\r\n }\r\n\r\n if (instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions);\r\n openPositions.forEach((order, index) => {\r\n order.selectedLot = order.allowedCloseLot = this.getMaxCloseLot(instrument, order);\r\n });\r\n\r\n\r\n }\r\n this.placingData.placePanelType = 0; // None \r\n return this.placingData;\r\n}\r\n\r\nfunction calcPhysicalMarketValue(paymentForm, price) {\r\n let value = 0;\r\n let model = this;\r\n let instrument = model.placingData.selectedInstrument;\r\n\r\n if (price == undefined) {\r\n if (this.placingData.orderType == OrderType.Limit) {\r\n //todo: add ordertype dropdown\r\n price = (model.placingData.physicalOptions && model.placingData.physicalOptions.TradeOption == TradeOption.Stop) ? model.placingData.stopPrice : model.placingData.limitPrice;\r\n // price = !utils.isEmpty(model.placingData.limitPrice) ? model.placingData.limitPrice : model.placingData.stopPrice;\r\n }\r\n else {\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let buyPrice = (isNormal ? instrument.quotation.Ask : instrument.quotation.Bid);\r\n let sellPrice = (isNormal ? instrument.quotation.Bid : instrument.quotation.Ask);\r\n price = (model.placingData.isBuy ? buyPrice : sellPrice);\r\n }\r\n }\r\n\r\n if (price == 0) {\r\n value = 0;\r\n }\r\n else {\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n //if (lot == undefined) {\r\n let lot = model.placingData.lot;\r\n // }\r\n let lotInteger = parseInt(lot);\r\n let lotRemainder = lot - lotInteger;\r\n value = calculatePhysicalValue(lotInteger, lotRemainder, price, parseFloat(tradePolicyDetail.DiscountOfOdd), parseFloat(instrument.TradePLFormula), tradePolicyDetail.ContractSize);\r\n\r\n if (Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency) || paymentForm == PaymentForm.FullPayment) { // full payment dont need exchange rate\r\n let currency = model.currencies[instrument.CurrencyId];\r\n value = Math.round2(value, parseInt(currency.Decimals));\r\n }\r\n else {\r\n value = model.exchangeRate(value, instrument.CurrencyId, model.selectedAccount.CurrencyId);\r\n }\r\n }\r\n // this.setState({ marketValue: value });\r\n console.log('calcPhysicalMarketValue', value);\r\n return value;\r\n}\r\n\r\nfunction buildPlacingPhysicalOptions(instalmentPolicyDetail, price, recalculateRateType) {\r\n console.log('buildPlacingPhysicalOptions');\r\n if (instalmentPolicyDetail == undefined) { // fullpayment\r\n this.placingData.physicalOptions = {};\r\n this.placingData.physicalOptions.downPayment = this.placingData.physicalOptions.marketValue = this.calcPhysicalMarketValue(PaymentForm.FullPayment);\r\n console.log('placingData.physicalOptions.marketValue', this.placingData.physicalOptions.marketValue);\r\n return;\r\n }\r\n\r\n let instrument = this.placingData.selectedInstrument;\r\n let isMultiCurrency = Boolean.parseBoolean(this.selectedAccount.IsMultiCurrency);\r\n let currency = this.currencies[isMultiCurrency ? instrument.CurrencyId : this.selectedAccount.CurrencyId];\r\n\r\n let instalmentPolicy = this.instalmentPolicies[instalmentPolicyDetail.InstalmentPolicyId];\r\n if (recalculateRateType == undefined) {\r\n recalculateRateType = (instalmentPolicy.RecalculateRateTypes & RecalculateRateType.RecalucateNextMonth) == RecalculateRateType.RecalucateNextMonth ? RecalculateRateType.RecalucateNextMonth : RecalculateRateType.RecalucateNextYear;\r\n }\r\n\r\n let downpaymentSettings = getDownpaymentSettings(instalmentPolicyDetail);\r\n let allowedInstalmentTypes = parseInt(instalmentPolicy.AllowedInstalmentTypes);\r\n let physicalInstalmentType = ((allowedInstalmentTypes & PhysicalInstalmentType.EqualInstalment) === PhysicalInstalmentType.EqualInstalment ? PhysicalInstalmentType.EqualInstalment : PhysicalInstalmentType.EqualPrincipal);\r\n\r\n let marketValue = this.calcPhysicalMarketValue();\r\n let paymentForm = (instalmentPolicyDetail.period == 1 ? PaymentForm.AdvancePayment : PaymentForm.Instalment);\r\n let discount = this.calculatePhysicalPaymentDiscount(this.selectedAccount, instrument, this.placingData.lot, marketValue, paymentForm);\r\n let advanceAmount = 0;\r\n if (parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0) {\r\n advanceAmount = (marketValue * (parseFloat(downpaymentSettings.downPayment)) / 100, 4) + discount;\r\n } else {\r\n advanceAmount = parseFloat(downpaymentSettings.downPayment) * this.placingData.lot + discount;\r\n }\r\n\r\n let administrationFee = 0;\r\n if (parseInt(instalmentPolicyDetail.Period) > 1) {\r\n let downPayment = downpaymentSettings.downPayment;\r\n if (parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0) {\r\n downPayment = downpaymentSettings.downPayment / 100;\r\n }\r\n if (instalmentPolicyDetail.AdministrationFeeBase == AdministrationFeeBaseType.Percentage) {\r\n administrationFee = parseFloat(parseFloat(instalmentPolicyDetail.AdministrationFee / (1 - downPayment) * 100).toFixed(2));\r\n } else {\r\n administrationFee = parseFloat(instalmentPolicyDetail.AdministrationFee);\r\n }\r\n }\r\n\r\n let result = {\r\n // price: price,\r\n marketValue: marketValue, // this.calcPhysicalMarketValue(),\r\n instalmentPolicyDetail: instalmentPolicyDetail,\r\n period: instalmentPolicyDetail.Period,\r\n frequence: instalmentPolicyDetail.Frequence,\r\n interestRate: instalmentPolicyDetail.InterestRate,\r\n currency: currency,\r\n instalmentPolicyId: instalmentPolicyDetail.InstalmentPolicyId,\r\n physicalInstalmentType: physicalInstalmentType,\r\n recalculateRateType: recalculateRateType,\r\n downPayment: instalmentPolicyDetail ? downpaymentSettings.downPayment : 0,\r\n // advanceAmount: parseFloat(advanceAmount.toFixed(4)),\r\n administrationFee: administrationFee\r\n };\r\n\r\n if (advanceAmount) {\r\n result.advanceAmount = parseFloat(advanceAmount.toFixed(4));\r\n }\r\n this.placingData.physicalOptions = result;\r\n return result;\r\n}\r\n\r\n// spottrade: dqPrices = {buyPrice, sellPrice, doneLimitPrice, doneStopPrice}\r\n// LimitStop: limitPrices/stopPrices = {setPrice, doneLimitPrice, doneStopPrice} \r\n\r\nfunction hasDonePrice(prices) {\r\n return !prices ? false : (prices.doneLimitPrice || prices.doneStopPrice);\r\n}\r\n\r\nfunction buildTransactions(instrument, transactionType, orderType, isBuy, lot, openOrders, dqPrices, limitPrices, stopPrices, expireType, expireTime, physicalOptions) {\r\n lot = parseFloat(parseFloat(lot).toFixed(6));\r\n let result = [];\r\n if (physicalOptions === undefined) {\r\n physicalOptions = this.placingData.physicalOptions;\r\n }\r\n\r\n if (expireType === undefined) {\r\n expireType = PendingOrderExpireType.GoodTillDate; // this.placingData.expireTypes[0];\r\n } else if ((orderType === OrderType.SpotTrade || orderType === OrderType.Market) && utils.isEmpty(dqPrices.doneLimitPrice) && utils.isEmpty(dqPrices.doneStopPrice)) {\r\n expireType = PendingOrderExpireType.GoodTillDate;\r\n expireTime = '';\r\n }\r\n\r\n let tran = this.buildDefaultTransaction(instrument, transactionType, orderType, expireType, expireTime, physicalOptions);\r\n if (hasDonePrice(dqPrices) || hasDonePrice(limitPrices) || hasDonePrice(stopPrices)) {\r\n tran.SubType = TransactionSubType.IfDone;\r\n }\r\n\r\n result.push(tran);\r\n let tradePolicyDetail = this.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n\r\n /* let tranXml = '{sourceCurrency.Name + \"/\" + targetCurrency.Name}
\r\n { this.bottomBarComponent = ref;}} /> */}\r\n\r\n
\r\n }\r\n\r\n handleGoBack(e) {\r\n if (this.props.onGobackClick) {\r\n this.props.onGobackClick(e);\r\n } else {\r\n this.goBack();\r\n }\r\n }\r\n\r\n\r\n}\r\n\r\nexport default withRouter(TitleBarView);\r\n","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\nimport { CaretDownOutlined } from '@ant-design/icons';\r\n\r\nimport BaseView from \"./baseview.js\";\r\nimport TitleBarView from './titlebarview';\r\n\r\nimport * as utils from '../common/utils.js';\r\nimport { PriceTrend, InstrumentStatus, OrderType, MarketInfoType } from '../common/const';\r\n\r\nclass QuotationItem extends BaseView {\r\n componentDidMount() {\r\n console.info(\"QuotationItem.componentDidMount\");\r\n }\r\n\r\n onPaneClick(instrument) {\r\n console.log(instrument.Description, ' clicked')\r\n let { model, isPad } = this.props;\r\n if (instrument.quotation === undefined || utils.isEmpty(instrument.quotation.Ask) || utils.isEmpty(instrument.quotation.Bid)) {\r\n model.showModalDialog(\r\n
\r\n {isPad ? '' : }\r\n {this.props.children}\r\n {/* {backButtonVisible ? ( DialogWindow.Back ) : ('')}
\r\n {logo} {!uiConfig.titleBar.showCompanyName ? '' : this.props.title} {!uiConfig.titleBar.showCompanyName ? '' : this.props.titlekey}
\r\n \r\n {quotation.Bid}
{quotation.Ask}
\r\n {!isPad ? ({subCompanyLocale} }\r\n \r\n
\r\n }\r\n\r\n}\r\n\r\nlet quotationView = withRouter(QuotationView);\r\n\r\nexport { quotationView as QuotationView };\r\n","import React from 'react';\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport moment from 'moment';\r\nimport { Modal, Select, Calendar } from 'antd';\r\n// import Calendar from 'react-calendar';\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { ExpireType, PendingOrderExpireType } from '../../common/const';\r\n\r\nimport BaseView from \"../baseview.js\";\r\n\r\nconst { Option } = Select;\r\nclass ExpireSelectView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n date: props.currentDate,\r\n modalVisible: false,\r\n expireType: props.expireTypes && props.expireTypes.length > 0 ? props.expireTypes[0] : undefined,\r\n expireTypes: props.expireTypes ? props.expireTypes : []\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n console.log('ExpireSelectView.componentDidMount');\r\n }\r\n\r\n onChange(e) {\r\n this.setState({ expireType: e });\r\n if (this.props.onChange) {\r\n this.props.onChange({ expireType: e, date: e === PendingOrderExpireType.GoodTillDate ? this.state.date : undefined });\r\n }\r\n }\r\n\r\n onDateInputClicked(e) {\r\n this.setState({ modalVisible: true });\r\n }\r\n\r\n onCalendarChange(d) {\r\n this.setState({ date: d.format('YYYY-MM-DD') });\r\n }\r\n\r\n onModalOk(e) {\r\n if (this.props.onChange) {\r\n this.props.onChange({ expireType: PendingOrderExpireType.GoodTillDate, date: this.state.date });\r\n }\r\n this.setState({ modalVisible: false });\r\n }\r\n\r\n onModalCancel(e) {\r\n this.setState({ modalVisible: false, date: this.props.currentDate });\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('placeview', 'common');\r\n\r\n let expireTypeOptions = [];\r\n this.state.expireTypes.forEach((expireType, index) => {\r\n if (expireType === PendingOrderExpireType.GoodTillDate) {\r\n expireTypeOptions.push();\r\n } else {\r\n expireTypeOptions.push();\r\n }\r\n });\r\n\r\n return \r\n \r\n {items}\r\n
\r\n \r\n
\r\n {this.props.children}\r\n \r\n \r\n\r\n\r\n document.body.style.overflow = \"auto\"}\r\n visible={this.state.modalVisible} onCancel={this.onModalCancel.bind(this)} onOk={this.onModalOk.bind(this)}>\r\n\r\n\r\n\r\n \r\n\r\n
\r\n\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(ExpireSelectView);\r\n","import {format2, isNumeric} from \"./utils\";\r\n\r\nexport const TransactionError = {\r\n NoLinkedServer : -1,\r\n OK : 0,\r\n RuntimeError : 1,\r\n\r\n DbOperationFailed : 2,\r\n\r\n TransactionAlreadyExists : 3,\r\n HasNoOrders : 4,\r\n InvalidRelation : 5,\r\n InvalidLotBalance : 6,\r\n ExceedOpenLotBalance : 7,\r\n InvalidPrice : 8,\r\n\r\n AccountIsNotTrading : 9,\r\n AccountResetFailed : 10,\r\n InstrumentIsNotAccepting : 11,\r\n TimingIsNotAcceptable : 12,\r\n OrderTypeIsNotAcceptable : 13,\r\n HasUnassignedOvernightOrders : 14,\r\n HasNoAccountsLocked : 15,\r\n IsLockedByAgent : 16,\r\n IsNotLockedByAgent : 17,\r\n ExceedAssigningLotBalance : 18,\r\n\r\n LossExecutedOrderInOco : 19,\r\n OrderLotExceedMaxLot : 20,\r\n OpenOrderNotExists : 21,\r\n AssigningOrderNotExists : 22,\r\n TransactionNotExists : 23,\r\n TransactionCannotBeCanceled : 24,\r\n TransactionCannotBeExecuted : 25,\r\n OrderCannotBeDeleted : 26,\r\n NecessaryIsNotWithinThreshold : 27,\r\n MarginIsNotEnough : 28,\r\n IsNotAccountOwner : 29,\r\n InvalidOrderRelation : 30,\r\n TradePolicyIsNotActive : 31,\r\n SetPriceTooCloseToMarket : 32,\r\n HasNoQuotationExists : 33,\r\n AccountIsInAlerting : 34,\r\n DailyQuotationIsNotIntegrated : 35,\r\n LimitStopAddPositionNotAllowed : 36,\r\n MooMocNewPositionNotAllowed : 37,\r\n TransactionCannotBeBooked : 38,\r\n OnlySptMktIsAllowedForPreCheck : 39,\r\n InvalidTransactionPhase : 40,\r\n ExecuteTimeMustBeInTradingTime : 41,\r\n\r\n DatabaseDataIntegralityViolated : 50,\r\n\r\n PriceIsOutOfDate : 60,\r\n ShortSellNotAllowed : 61,\r\n InvalidInstalmentTrade : 62,\r\n PrepaymentIsNotAllowed : 63,\r\n HitIsReseted : 64,\r\n ExistPendingLimitCloseOrder : 65,\r\n TimeSpanBetweenOrders : 68,\r\n\r\n //More accuracy error\r\n TransactionExpired : 100,\r\n FillOnMarketCloseNotAllowed : 101,\r\n InstrumentNotInTradePolicy : 102,\r\n AmendedOrderNotFound : 103,\r\n InitialOrderCanNotBeAmended : 104,\r\n InvalidResetStatusWhenAssign : 105, //Check [P_AssignTran] \r\n AlreadyValued : 106,\r\n OutOfAcceptDQVariation : 107,\r\n PriceIsDisabled : 108,\r\n TransactionStateViolated : 109,\r\n PriceChangedSincePlace : 110,\r\n ExceedMaxOpenLot : 111,\r\n ReplacedWithMaxLot : 112,\r\n ExceedMaxPhysicalValue : 113,\r\n BalanceOrEquityIsShort : 114,\r\n SplittedForHasShortSell : 115,\r\n AdjustedToFullPaidOrderForHasShortSell : 116,\r\n NotPaidoffInstalmentOrderCanNotBeClosed : 117,\r\n\r\n MultipleCloseOrderNotFound : 200,\r\n MultipleCloseOnlyExecutedOrderAllowed : 201,\r\n MultipleCloseOnlyOpenOrderAllowed : 202,\r\n MultipleCloseHasNoLotBalance : 203,\r\n MultipleCloseOnlySameContractSizeAllowed : 204,\r\n MultipleCloseOnlySameAccountAllowed : 205,\r\n MultipleCloseOnlySameInstrumentAllowed : 206,\r\n MultipleCloseOppositeNotFound : 207,\r\n MultipleCloseNotSortByCode : 208,\r\n MultipleCloseNotAllowed : 209,\r\n\r\n IsCuttingByRemoteSystem : 300,\r\n\r\n //Used to extend function. it is not conform to the code specification\r\n Action_ShouldAutoFill : 10000,\r\n Action_NeedDealerConfirmCanceling : 10001,\r\n\r\n RiskMonitorDelete : 20000,\r\n DealerCanceled : 20001,\r\n RejectDQByDealer : 20002,\r\n OneCancelOther : 20003,\r\n CustomerCanceled : 20004,\r\n ExceedHighLowPrice : 20007,\r\n OpenContractsWithDifferentSizes : 20009\r\n}\r\n\r\nexport const CancelReason = {\r\n CustomerCanceled : 0,\r\n DealerCanceled : 1,\r\n RiskMonitorCanceled : 2,\r\n MooMocNewPositionNotAllowed : 3,\r\n InitialOrderCanNotBeAmended : 4,\r\n OrderExpired : 5,\r\n InvalidPrice : 6,\r\n\r\n RiskMonitorDelete : 7,\r\n AccountResetFailed : 8,\r\n //DealerCanceled,\r\n NecessaryIsNotWithinThreshold : 9,\r\n MarginIsNotEnough : 10,\r\n AccountIsNotTrading : 11,\r\n InstrumentIsNotAccepting : 12,\r\n TimingIsNotAcceptable : 13,\r\n OrderTypeIsNotAcceptable : 14,\r\n HasNoAccountsLocked : 15,\r\n IsLockedByAgent : 16,\r\n //InvalidPrice,\r\n LossExecutedOrderInOco : 17,\r\n ExceedOpenLotBalance : 18,\r\n OneCancelOther : 19,\r\n //CustomerCanceled,\r\n AccountIsInAlerting : 20,\r\n //RiskMonitorCanceled,\r\n //OrderExpired,\r\n LimitStopAddPositionNotAllowed : 21,\r\n //MooMocNewPositionNotAllowed,\r\n TransactionCannotBeBooked : 22,\r\n OnlySptMktIsAllowedForPreCheck : 23,\r\n InvalidTransactionPhase : 24,\r\n TransactionExpired : 25,\r\n //InitialOrderCanNotBeAmended,\r\n OtherReason : 26,\r\n PriceChanged : 27,\r\n OpenOrderIsClosed : 28,\r\n ReplacedWithMaxLot : 29,\r\n SplittedForHasShortSell : 30,\r\n AdjustedToFullPaidOrderForHasShortSell : 31,\r\n TimeSpanBetweenOrders : 32,\r\n ExceedHighLowPrice : 33,\r\n ExceedDQVariation : 34,\r\n NotPaidoffInstalmentOrderCanNotBeClosed : 35,\r\n\r\n ShortSellNotAllowed : 300,\r\n ExceedMaxPhysicalValue : 301,\r\n BalanceOrEquityIsShort : 302,\r\n PriceIsOutOfDate : 303,\r\n HitIsReseted : 304,\r\n InvalidInstalmentTrade : 305,\r\n PrepaymentIsNotAllowed : 306,\r\n ExistPendingLimitCloseOrder : 307,\r\n\r\n // Reasons Added for CME\r\n MarketPausedOrClosed : 1003,\r\n PriceMustBeGreaterThanZero : 1012,\r\n MarketPriceOrdersNotSupportedByOppositeLimit : 2013,\r\n SellOrderStopPriceMustBeBelowLastTradePrice : 2060,\r\n BuyOrderStopPriceMustBeAboveLastTradePrice : 2061,\r\n OrderTypeNotPermittedInPreOpen : 2130,\r\n OrderPriceOutsideTheLimits : 2137,\r\n OrderPriceOutsideBands : 2179,\r\n OrderTypeNotPermittedForGroup : 2311,\r\n OrderCannotBeModifiedInNoCancel : 7024,\r\n}\r\n\r\nexport function getCancelMessage(cancelReason)\r\n{\r\n cancelReason = parseInt(cancelReason);\r\n let message='';\r\n if (cancelReason === CancelReason.ExceedOpenLotBalance)\r\n {\r\n message = \"TransactionError_ExceedOpenLotBalance\";\r\n }\r\n else if (cancelReason === CancelReason.InvalidPrice)\r\n {\r\n message = \"TransactionError_InvalidPrice\";\r\n }\r\n else if (cancelReason === CancelReason.AccountIsNotTrading)\r\n {\r\n message = \"TransactionError_AccountIsNotTrading\";\r\n }\r\n else if (cancelReason === CancelReason.AccountResetFailed)\r\n {\r\n message = \"TransactionError_AccountResetFailed\";\r\n }\r\n else if (cancelReason === CancelReason.InstrumentIsNotAccepting)\r\n {\r\n message = \"TransactionError_InstrumentIsNotAccepting\";\r\n }\r\n else if (cancelReason === CancelReason.TimingIsNotAcceptable)\r\n {\r\n message = \"TransactionError_TimingIsNotAcceptable\";\r\n }\r\n else if (cancelReason === CancelReason.OrderTypeIsNotAcceptable)\r\n {\r\n message = \"TransactionError_OrderTypeIsNotAcceptable\";\r\n }\r\n else if (cancelReason === CancelReason.HasNoAccountsLocked)\r\n {\r\n message = \"TransactionError_HasNoAccountsLocked\";\r\n }\r\n else if (cancelReason === CancelReason.IsLockedByAgent)\r\n {\r\n message = \"TransactionError_IsLockedByAgent\";\r\n }\r\n else if (cancelReason === CancelReason.LossExecutedOrderInOco)\r\n {\r\n message = \"TransactionError_LossExecutedOrderInOco\";\r\n }\r\n else if (cancelReason === CancelReason.NecessaryIsNotWithinThreshold)\r\n {\r\n message = \"TransactionError_NecessaryIsNotWithinThreshold\";\r\n }\r\n else if (cancelReason === CancelReason.MarginIsNotEnough)\r\n {\r\n message = \"TransactionError_MarginIsNotEnough\";\r\n }\r\n \r\n else if (cancelReason === CancelReason.AccountIsInAlerting)\r\n {\r\n message = \"TransactionError_AccountIsInAlerting\";\r\n }\r\n else if (cancelReason === CancelReason.LimitStopAddPositionNotAllowed)\r\n {\r\n message = \"TransactionError_StopAddPositionNotAllowed\";\r\n }\r\n else if (cancelReason === CancelReason.MooMocNewPositionNotAllowed)\r\n {\r\n message = \"TransactionError_LmtMooMocNewPositionNotAllowed\";\r\n }\r\n else if (cancelReason === CancelReason.TransactionCannotBeBooked)\r\n {\r\n message = \"TransactionError_TransactionCannotBeBooked\";\r\n }\r\n else if (cancelReason === CancelReason.OnlySptMktIsAllowedForPreCheck)\r\n {\r\n message = \"TransactionError_OnlySptMktIsAllowedForPreCheck\";\r\n }\r\n else if (cancelReason === CancelReason.InvalidTransactionPhase)\r\n {\r\n message = \"TransactionError_InvalidTransactionPhase\";\r\n } \r\n else if (cancelReason === CancelReason.TransactionExpired)\r\n {\r\n message = \"TransactionError_TransactionExpired\";\r\n } \r\n else if (cancelReason === CancelReason.RiskMonitorDelete)\r\n {\r\n message = \"TransactionError_RiskMonitorDelete\";\r\n }\r\n else if (cancelReason === CancelReason.DealerCanceled)\r\n {\r\n message = \"TransactionError_DealerCanceled\";\r\n }\r\n else if (cancelReason === CancelReason.OneCancelOther)\r\n {\r\n message = \"TransactionError_OneCancelOtherPrompt\";\r\n }\r\n else if (cancelReason === CancelReason.CustomerCanceled)\r\n {\r\n message = \"TransactionError_CustomerCanceled\";\r\n }\r\n else if (cancelReason === CancelReason.PriceChanged)\r\n {\r\n message = \"CancelReason_PriceChanged\";\r\n }\r\n else if (cancelReason === CancelReason.MarketPausedOrClosed)\r\n {\r\n message = \"CancelReason_MarketPausedOrClosed\";\r\n }\r\n else if (cancelReason === CancelReason.PriceMustBeGreaterThanZero)\r\n {\r\n message = \"CancelReason_PriceMustBeGreaterThanZero\";\r\n }\r\n else if (cancelReason === CancelReason.MarketPriceOrdersNotSupportedByOppositeLimit)\r\n {\r\n message = \"CancelReason_MarketPriceOrdersNotSupportedByOppositeLimit\";\r\n }\r\n else if (cancelReason === CancelReason.SellOrderStopPriceMustBeBelowLastTradePrice)\r\n {\r\n message = \"CancelReason_SellOrderStopPriceMustBeBelowLastTradePrice\";\r\n }\r\n else if (cancelReason === CancelReason.BuyOrderStopPriceMustBeAboveLastTradePrice)\r\n {\r\n message = \"CancelReason_BuyOrderStopPriceMustBeAboveLastTradePrice\";\r\n }\r\n else if (cancelReason === CancelReason.OrderTypeNotPermittedInPreOpen)\r\n {\r\n message = \"CancelReason_OrderTypeNotPermittedInPreOpen\";\r\n }\r\n else if (cancelReason === CancelReason.OrderPriceOutsideTheLimits)\r\n {\r\n message = \"CancelReason_OrderPriceOutsideTheLimits\";\r\n }\r\n else if (cancelReason === CancelReason.OrderPriceOutsideBands)\r\n {\r\n message = \"CancelReason_OrderPriceOutsideBands\";\r\n }\r\n else if (cancelReason === CancelReason.OrderTypeNotPermittedForGroup)\r\n {\r\n message = \"CancelReason_OrderTypeNotPermittedForGroup\";\r\n }\r\n else if (cancelReason === CancelReason.OrderCannotBeModifiedInNoCancel)\r\n {\r\n message = \"CancelReason_OrderCannotBeModifiedInNoCancel\";\r\n }\r\n else if (cancelReason === CancelReason.OpenOrderIsClosed)\r\n {\r\n message = \"CancelReason_OpenOrderIsClosed\";\r\n }\r\n else if (cancelReason === CancelReason.ReplacedWithMaxLot)\r\n {\r\n message = \"TransactionError_ReplacedWithMaxLot\";\r\n }\r\n else if (cancelReason === CancelReason.ShortSellNotAllowed)\r\n {\r\n message = \"TransactionError_ShortSellNotAllowed\";\r\n }\r\n else if (cancelReason === CancelReason.ExceedMaxPhysicalValue)\r\n {\r\n message = \"TransactionError_ExceedMaxPhysicalValue\";\r\n }\r\n else if (cancelReason === CancelReason.BalanceOrEquityIsShort)\r\n {\r\n message = \"TransactionError_BalanceOrEquityIsShort\";\r\n }\r\n else if (cancelReason === CancelReason.ExistPendingLimitCloseOrder)\r\n {\r\n message = \"TransactionError_ExistPendingLimitCloseOrder\";\r\n }\r\n else if (cancelReason === CancelReason.InvalidInstalmentTrade)\r\n {\r\n message = \"TransactionError_InvalidInstalmentTrade\";\r\n }\r\n else if (cancelReason === CancelReason.HitIsReseted)\r\n {\r\n message = \"TransactionError_HitIsReseted\";\r\n }\r\n else if (cancelReason === CancelReason.SplittedForHasShortSell)\r\n {\r\n message = \"TransactionError_SplittedForHasShortSell\";\r\n }\r\n else if (cancelReason === CancelReason.ExceedHighLowPrice)\r\n {\r\n message = \"TransactionError_ExceedHighLowPrice\";\r\n }\r\n else if (cancelReason === CancelReason.ExceedDQVariation)\r\n {\r\n message = \"TransactionError_ExceedDQVariation\";\r\n }\r\n else if (cancelReason === CancelReason.NotPaidoffInstalmentOrderCanNotBeClosed)\r\n {\r\n message = \"TransactionError_NotPaidoffInstalmentOrderCanNotBeClosed\";\r\n } \r\n else\r\n {\r\n message = cancelReason.toString();\r\n }\r\n\r\n // debugger;\r\n // return format2(message, cancelReason);\r\n return \"DialogWindow.\" + message;\r\n}\r\n\r\n\r\nexport function getTransactionErrorMessage(error)\r\n{\r\n let message = \"\";\r\n if(!isNumeric(error)){ \r\n return \"DialogWindow.TransactionError_\" + error;\r\n }\r\n error = parseInt(error);\r\n if (error === TransactionError.DbOperationFailed)\r\n {\r\n message = \"TransactionError_DbOperationFailed\";\r\n }\r\n else if (error === TransactionError.TransactionAlreadyExists)\r\n {\r\n message = \"TransactionError_TransactionAlreadyExists\";\r\n }\r\n else if (error === TransactionError.HasNoOrders)\r\n {\r\n message = \"TransactionError_HasNoOrders\";\r\n }\r\n else if (error === TransactionError.InvalidRelation)\r\n {\r\n message = \"TransactionError_InvalidRelation\";\r\n }\r\n else if (error === TransactionError.InvalidLotBalance)\r\n {\r\n message = \"TransactionError_InvalidLotBalance\";\r\n }\r\n else if (error === TransactionError.ExceedOpenLotBalance)\r\n {\r\n message = \"TransactionError_ExceedOpenLotBalance\";\r\n }\r\n else if (error === TransactionError.InvalidPrice)\r\n {\r\n message = \"TransactionError_InvalidPrice\";\r\n }\r\n else if (error === TransactionError.AccountIsNotTrading)\r\n {\r\n message = \"TransactionError_AccountIsNotTrading\";\r\n }\r\n else if (error === TransactionError.AccountResetFailed)\r\n {\r\n message = \"TransactionError_AccountResetFailed\";\r\n }\r\n else if (error === TransactionError.InstrumentIsNotAccepting)\r\n {\r\n message = \"TransactionError_InstrumentIsNotAccepting\";\r\n }\r\n else if (error === TransactionError.TimingIsNotAcceptable)\r\n {\r\n message = \"TransactionError_TimingIsNotAcceptable\";\r\n }\r\n else if (error === TransactionError.OrderTypeIsNotAcceptable)\r\n {\r\n message = \"TransactionError_OrderTypeIsNotAcceptable\";\r\n }\r\n else if (error === TransactionError.HasUnassignedOvernightOrders)\r\n {\r\n message = \"TransactionError_HasUnassignedOvernightOrders\";\r\n }\r\n else if (error === TransactionError.HasNoAccountsLocked)\r\n {\r\n message = \"TransactionError_HasNoAccountsLocked\";\r\n }\r\n else if (error === TransactionError.IsLockedByAgent)\r\n {\r\n message = \"TransactionError_IsLockedByAgent\";\r\n }\r\n else if (error === TransactionError.IsNotLockedByAgent)\r\n {\r\n message = \"TransactionError_IsNotLockedByAgent\";\r\n }\r\n else if (error === TransactionError.ExceedAssigningLotBalance)\r\n {\r\n message = \"TransactionError_ExceedAssigningLotBalance\";\r\n }\r\n else if (error === TransactionError.LossExecutedOrderInOco)\r\n {\r\n message = \"TransactionError_LossExecutedOrderInOco\";\r\n }\r\n else if (error === TransactionError.OrderLotExceedMaxLot)\r\n {\r\n message = \"TransactionError_OrderLotExceedMaxLot\";\r\n }\r\n else if (error === TransactionError.OpenOrderNotExists)\r\n {\r\n message = \"TransactionError_OpenOrderNotExists\";\r\n }\r\n else if (error === TransactionError.AssigningOrderNotExists)\r\n {\r\n message = \"TransactionError_AssigningOrderNotExists\";\r\n }\r\n else if (error === TransactionError.TransactionNotExists)\r\n {\r\n message = \"TransactionError_TransactionNotExists\";\r\n }\r\n else if (error === TransactionError.TransactionCannotBeCanceled)\r\n {\r\n message = \"TransactionError_TransactionCannotBeCanceled\";\r\n }\r\n else if (error === TransactionError.TransactionCannotBeExecuted)\r\n {\r\n message = \"TransactionError_TransactionCannotBeExecuted\";\r\n }\r\n else if (error === TransactionError.OrderCannotBeDeleted)\r\n {\r\n message = \"TransactionError_OrderCannotBeDeleted\";\r\n }\r\n else if (error === TransactionError.NecessaryIsNotWithinThreshold)\r\n {\r\n message = \"TransactionError_NecessaryIsNotWithinThreshold\";\r\n }\r\n else if (error === TransactionError.MarginIsNotEnough)\r\n {\r\n message = \"TransactionError_MarginIsNotEnough\";\r\n }\r\n else if (error === TransactionError.IsNotAccountOwner)\r\n {\r\n message = \"TransactionError_IsNotAccountOwner\";\r\n }\r\n else if (error === TransactionError.InvalidOrderRelation)\r\n {\r\n message = \"TransactionError_InvalidOrderRelation\";\r\n }\r\n else if (error === TransactionError.TradePolicyIsNotActive)\r\n {\r\n message = \"TransactionError_TradePolicyIsNotActive\";\r\n }\r\n else if (error === TransactionError.SetPriceTooCloseToMarket)\r\n {\r\n message = \"TransactionError_SetPriceTooCloseToMarket\";\r\n }\r\n else if (error === TransactionError.HasNoQuotationExists)\r\n {\r\n message = \"TransactionError_HasNoQuotationExists\";\r\n }\r\n else if (error === TransactionError.AccountIsInAlerting)\r\n {\r\n message = \"TransactionError_AccountIsInAlerting\";\r\n }\r\n else if (error === TransactionError.LimitStopAddPositionNotAllowed)\r\n {\r\n message = \"TransactionError_StopAddPositionNotAllowed\";\r\n }\r\n else if (error === TransactionError.MooMocNewPositionNotAllowed)\r\n {\r\n message = \"TransactionError_LmtMooMocNewPositionNotAllowed\";\r\n }\r\n else if (error === TransactionError.TransactionCannotBeBooked)\r\n {\r\n message = \"TransactionError_TransactionCannotBeBooked\";\r\n }\r\n else if (error === TransactionError.OnlySptMktIsAllowedForPreCheck)\r\n {\r\n message = \"TransactionError_OnlySptMktIsAllowedForPreCheck\";\r\n }\r\n else if (error === TransactionError.InvalidTransactionPhase)\r\n {\r\n message = \"TransactionError_InvalidTransactionPhase\";\r\n }\r\n else if (error === TransactionError.ExecuteTimeMustBeInTradingTime)\r\n {\r\n message = \"TransactionError_ExecuteTimeMustBeInTradingTime\";\r\n }\r\n else if (error === TransactionError.DatabaseDataIntegralityViolated)\r\n {\r\n message = \"TransactionError_DatabaseDataIntegralityViolated\";\r\n }\r\n else if (error === TransactionError.TransactionExpired)\r\n {\r\n message = \"TransactionError_TransactionExpired\";\r\n }\r\n else if (error === TransactionError.FillOnMarketCloseNotAllowed)\r\n {\r\n message = \"TransactionError_FillOnMarketCloseNotAllowed\";\r\n }\r\n else if (error === TransactionError.RiskMonitorDelete)\r\n {\r\n message = \"TransactionError_RiskMonitorDelete\";\r\n }\r\n else if (error === TransactionError.DealerCanceled)\r\n {\r\n message = \"TransactionError_DealerCanceled\";\r\n }\r\n else if (error === TransactionError.RejectDQByDealer)\r\n {\r\n message = \"TransactionError_RejectDQByDealer\";\r\n }\r\n else if (error === TransactionError.OneCancelOther)\r\n {\r\n message = \"TransactionError_OneCancelOtherPrompt\";\r\n }\r\n else if (error === TransactionError.CustomerCanceled)\r\n {\r\n message = \"TransactionError_CustomerCanceled\";\r\n }\r\n else if (error === TransactionError.OutOfAcceptDQVariation)\r\n {\r\n message = \"TransactionError_OutOfAcceptDQVariation\";\r\n }\r\n else if (error === TransactionError.PriceIsDisabled)\r\n {\r\n message = \"TransactionError_PriceIsDisabled\";\r\n }\r\n else if (error === TransactionError.PriceChangedSincePlace)\r\n {\r\n message = \"TransactionError_PriceChangedSincePlace\";\r\n }\r\n else if (error === TransactionError.PriceIsOutOfDate)\r\n {\r\n message = \"TransactionError_PriceIsOutOfDate\";\r\n }\r\n else if (error === TransactionError.ExceedMaxOpenLot)\r\n {\r\n message = \"TransactionError_ExceedMaxOpenLot\";\r\n }\r\n else if (error === TransactionError.ReplacedWithMaxLot)\r\n {\r\n message = \"TransactionError_ReplacedWithMaxLot\";\r\n }\r\n else if (error === TransactionError.ShortSellNotAllowed)\r\n {\r\n message = \"TransactionError_ShortSellNotAllowed\";\r\n }\r\n else if (error === TransactionError.ShortSellNotAllowed)\r\n {\r\n message = \"TransactionError_ShortSellNotAllowed\";\r\n }\r\n else if (error === TransactionError.ExceedMaxPhysicalValue)\r\n {\r\n message = \"TransactionError_ExceedMaxPhysicalValue\";\r\n }\r\n else if (error === TransactionError.BalanceOrEquityIsShort)\r\n {\r\n message = \"TransactionError_BalanceOrEquityIsShort\";\r\n }\r\n else if (error === TransactionError.ExistPendingLimitCloseOrder)\r\n {\r\n message = \"TransactionError_ExistPendingLimitCloseOrder\";\r\n }\r\n else if (error === TransactionError.InvalidInstalmentTrade)\r\n {\r\n message = \"TransactionError_InvalidInstalmentTrade\";\r\n }\r\n else if (error === TransactionError.HitIsReseted)\r\n {\r\n message = \"TransactionError_HitIsReseted\";\r\n }\r\n else if (error === TransactionError.SplittedForHasShortSell)\r\n {\r\n message = \"TransactionError_SplittedForHasShortSell\";\r\n }\r\n else if (error === TransactionError.TimeSpanBetweenOrders)\r\n {\r\n message = \"TransactionError_TimeSpanBetweenOrders\";\r\n }\r\n else if (error === TransactionError.ExceedHighLowPrice)\r\n {\r\n message = \"TransactionError_ExceedHighLowPrice\";\r\n }\r\n else if (error === TransactionError.NotPaidoffInstalmentOrderCanNotBeClosed)\r\n {\r\n message = \"TransactionError_NotPaidoffInstalmentOrderCanNotBeClosed\";\r\n }\r\n else if (error === TransactionError.OpenContractsWithDifferentSizes)\r\n {\r\n message = \"TransactionError_OpenContractsWithDifferentSizes\";\r\n }\r\n else\r\n {\r\n message = error.toString();\r\n }\r\n\r\n // debugger;\r\n return \"DialogWindow.\" + message;\r\n}","import { OrderType } from '../common/const'\r\nimport { getDecimals, isEmpty } from '../common/utils';\r\n\r\nexport function getLotSettings(account, instrument, isSpotTrade, isOpen) {\r\n let tradePolicy = account.TradePolicyDetails[instrument.Id];\r\n if (!tradePolicy) {\r\n return { default: 0, max: 0, min: 0, step: 0, decimals: 0 };\r\n }\r\n let dealingPolicy = instrument.dealingPolicyDetail;\r\n\r\n let target = {};\r\n let spinStep = parseFloat((isOpen ? tradePolicy.OpenMultiplier : tradePolicy.CloseMultiplier) * account.RateLotMultiplier);\r\n //bool isDQ = isSpotTrade && instrument.OrderTypeMask.Contains(Server.OrderTypeMask.SpotTrade);\r\n let maxLot = parseFloat(isEmpty(dealingPolicy) ?\r\n (isSpotTrade ? instrument.MaxDQLot : instrument.MaxOtherLot)\r\n : (isSpotTrade ? dealingPolicy.MaxDQLot : dealingPolicy.MaxOtherLot));\r\n\r\n let calculatedMaxLot = parseInt((maxLot / spinStep) * spinStep);\r\n maxLot = parseFloat(calculatedMaxLot > maxLot ? (calculatedMaxLot - spinStep) : calculatedMaxLot);\r\n\r\n let minLot = parseFloat((isOpen ? tradePolicy.MinOpen : tradePolicy.MinClose) * account.RateLotMin);\r\n // decimal calculatedMinLot = Convert.ToInt32(minLot / spinStep) * spinStep;\r\n // minLot = (calculatedMinLot < minLot ? minLot : calculatedMinLot);\r\n // minLot = (minLot < spinStep ? spinStep : minLot);\r\n\r\n let defaultLot = parseFloat(tradePolicy.DefaultLot * account.RateDefaultLot);\r\n defaultLot = defaultLot > maxLot ? maxLot : defaultLot;\r\n defaultLot = defaultLot < minLot ? minLot : defaultLot;\r\n\r\n let decimals = 0;\r\n decimals = Math.max(decimals, getDecimals(defaultLot));\r\n decimals = Math.max(decimals, getDecimals(spinStep));\r\n decimals = Math.max(decimals, getDecimals(minLot));\r\n decimals = Math.max(decimals, getDecimals(maxLot));\r\n if (instrument.isPhysical()) {\r\n decimals = Math.max(decimals, parseFloat(instrument.PhysicalLotDecimal));\r\n }\r\n maxLot = parseFloat(maxLot.toFixed(decimals));\r\n minLot = parseFloat(minLot.toFixed(decimals));\r\n\r\n target.default = parseFloat(parseFloat(defaultLot < minLot ? minLot : defaultLot).toFixed(6));\r\n target.max = maxLot;\r\n target.min = minLot;\r\n target.step = spinStep;\r\n target.decimals = decimals;\r\n\r\n return target;\r\n}\r\n\r\n\r\n\r\nexport function getMovePipsSettings(account, instrument) {\r\n let tradePolicyDetail = account.TradePolicyDetails[instrument.Id];\r\n\r\n if (!isEmpty(tradePolicyDetail)) {\r\n let dqMaxMove = parseInt(tradePolicyDetail.DQMaxMove);\r\n let numeratorUnit = parseInt(instrument.NumeratorUnit);\r\n if (dqMaxMove > 0 && dqMaxMove > numeratorUnit) {\r\n return { default: 0, min: 0, max: dqMaxMove, step: numeratorUnit, decimals: 0 };\r\n }\r\n }\r\n\r\n return undefined;\r\n}\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport { Button, Modal } from 'antd';\r\nimport css from \"../../style/placeconfirmview.module.css\";\r\n\r\nimport { TransactionType, OrderType, TradeOption, Phase, CancelReason, InstrumentCategory, PhysicalTradeSide, PhysicalInstalmentType, AdministrationFeeBaseType } from '../../common/const';\r\nimport * as utils from '../../common/utils';\r\nimport { getCancelMessage, getTransactionErrorMessage } from '../../common/transactionerror';\r\nimport { calcAdministrativeCharge } from '../../model/physicalHelper.js';\r\nimport { getLotSettings } from '../../model/placinglotsetting';\r\n\r\nexport default class PlaceConfirmView extends React.Component {\r\n\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { isModalVisible: props.isVisible };\r\n console.log('PlaceConfirmView.ctor');\r\n }\r\n\r\n componentDidMount() {\r\n console.log('PlaceConfirmView.componentDidMount');\r\n }\r\n\r\n onOkClicked(e) {\r\n console.log('PlaceConfirmView.onOkClicked');\r\n document.body.style.overflow = \"auto\";\r\n if (this.props.onOk) {\r\n let { model, transactions } = this.props;\r\n model.placingData.transactions = transactions;\r\n\r\n this.props.onOk(e);\r\n }\r\n }\r\n\r\n handleCancel(e) {\r\n console.log('PlaceConfirmView.handleCancel');\r\n let { model } = this.props;\r\n document.body.style.overflow = \"auto\";\r\n let transactions = this.props.model.placingData.transactions;\r\n let isConfirmed = (transactions != undefined && transactions.length > 0 ? (transactions[0].transactionError === undefined || transactions[0].transactionError === \"OK\") : false);\r\n\r\n if (model.placingData && model.placingData.quoteCallback) {\r\n delete model.placingData.quoteCallback;\r\n delete model.placingData.quoteAnswer;\r\n delete model.placingData.isQuoteTimeout;\r\n window.clearTimeout(model.placingData.quoteTimeoutId);\r\n }\r\n this.props.model.placingData.transactions = undefined;\r\n this.props.onCancel(this, isConfirmed);\r\n }\r\n\r\n formatOrderCodes(codes) {\r\n let result = '';\r\n for (let i = 0; i < codes.length; i++) {\r\n let code = codes[i];\r\n if (code) {\r\n result += (i === 0 ? code : '/' + code.substring(code.length - 2));\r\n }\r\n };\r\n return result;\r\n }\r\n\r\n render() {\r\n document.body.style.overflow = \"auto\";\r\n let { model, transactions } = this.props;\r\n //let tran = this.props.transaction;\r\n if (model.placingData.quoteCallback) {\r\n\r\n let buttonFooter = \r\n
\r\n\r\n \r\n {isBuy ? \"DialogWindow.BuyQuantity\" : \"DialogWindow.SellQuantity\"} :\r\n
);\r\n }\r\n\r\n transactions.forEach((tran1) => {\r\n let tran = model.selectedAccount.transactions[tran1.ID];\r\n if (!tran) tran = tran1;\r\n let orders = (tran.orders ? Object.values(tran.orders) : tran.Order);\r\n\r\n orders.forEach((order) => {\r\n let marketValue = order.marketValue;\r\n if (marketValue == undefined && order.Transaction) {\r\n marketValue = parseFloat(order.Lot) * parseFloat(order.Transaction.ContractSize) * parseFloat(utils.isEmpty(order.ExecutePrice) ? order.SetPrice : order.ExecutePrice);\r\n }\r\n if (orderType === OrderType.Limit) {\r\n\r\n } else {\r\n isBuy = Boolean.parseBoolean(order.IsBuy);\r\n orderDiv.push({utils.formatNumber(firstOrder.Lot, lotSettings.decimals)} DialogWindow.PlacingConfirmation_Lot
\r\n \r\n {isBuy ? \"DialogWindow.BuyQuantity\" : \"DialogWindow.SellQuantity\"} :\r\n
);\r\n }\r\n\r\n let priceTitleKey = \"DialogWindow.UnitPrice\";\r\n let price = order.SetPrice;\r\n if (orderPhase === Phase.Placed) {\r\n orderCodes.push(order.Code);\r\n }\r\n\r\n if (parseInt(order.TradeOption) === TradeOption.Stop) {\r\n priceTitleKey = \"DialogWindow.StopPending\";\r\n } else if (parseInt(order.TradeOption) === TradeOption.Better) {\r\n priceTitleKey = \"DialogWindow.LimitPending\";\r\n } else if (orderPhase === Phase.Executed || orderPhase === Phase.Completed) {\r\n priceTitleKey = \"DialogWindow.ConfirmedPrice\";\r\n orderCodes.push(order.Code);\r\n price = order.ExecutePrice;\r\n }\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : undefined);\r\n let priceUnit = '';\r\n if (instrumentUnit) {\r\n priceUnit = ' / ' + instrumentUnit.Weight + instrument.Unit;\r\n }\r\n orderDiv.push({utils.formatNumber(order.Lot, lotSettings.decimals)} DialogWindow.PlacingConfirmation_Lot
\r\n \r\n
);\r\n\r\n let doneLimitPrice = order.doneLimitPrice, doneStopPrice = order.doneStopPrice;\r\n\r\n if (!doneLimitPrice && !doneStopPrice && instrument.workingList) {\r\n Object.values(instrument.workingList).forEach((doneOrder) => {\r\n if (doneOrder.Transaction.AssigningOrderID == order.ID) {\r\n if (doneOrder.TradeOption == TradeOption.Better) {\r\n doneLimitPrice = doneOrder.SetPrice;\r\n } else if (doneOrder.TradeOption == TradeOption.Stop) {\r\n doneStopPrice = doneOrder.SetPrice;\r\n }\r\n }\r\n });\r\n }\r\n\r\n if (doneLimitPrice || doneStopPrice) {\r\n orderDiv.push(\r\n {priceTitleKey} :\r\n
{orderType === OrderType.Market && orderPhase !== Phase.Executed && orderPhase !== Phase.Completed ? DialogWindow.Market : price}{priceUnit}
\r\n \r\n
);\r\n }\r\n\r\n\r\n\r\n if (order.DQMaxMove != 0 && !utils.isEmpty(order.DQMaxMove)) {\r\n orderDiv.push(\r\n DialogWindow.IfDone :\r\n
\r\n {doneLimitPrice ? \"DialogWindow.TakeProfitDone\" : \"\"} {doneLimitPrice ? \"=\" + doneLimitPrice : \"\"}\r\n \r\n {doneStopPrice ? \"DialogWindow.StopLossDone\" : \"\"} {doneStopPrice ? \"=\" + doneStopPrice : \"\"}\r\n
\r\n \r\n
);\r\n }\r\n\r\n if (instrument.Category == InstrumentCategory.Physical && parseInt(order.PhysicalTradeSide) == PhysicalTradeSide.Buy) {\r\n let administrativeCharge = calcAdministrativeCharge(model, account, instrument, order);\r\n let instalmentPolicyDetail = model.placingData.physicalOptions.instalmentPolicyDetail;\r\n if (utils.isEmpty(order.Period)) { // full paid\r\n orderDiv.push(\r\n DialogWindow.MovePips :\r\n
{order.DQMaxMove}
\r\n \r\n
);\r\n if (utils.parseBoolean(order.IsOpen)) {\r\n orderDiv.push(\r\n DialogWindow.FullAmount :\r\n
{instrumentCurrency.Name} {utils.formatNumber(marketValue, currency.Decimals)}
\r\n \r\n
);\r\n }\r\n } else if (parseInt(order.Period) == 1) { // pre paid\r\n orderDiv.push(\r\n DialogWindow.PaidAmount :\r\n DialogWindow.Physical_FullPayment {instrumentCurrency.Name} {utils.formatNumber(marketValue, currency.Decimals)}\r\n
\r\n
);\r\n orderDiv.push(\r\n DialogWindow.FullAmount :\r\n
{instrumentCurrency.Name}{utils.formatNumber(marketValue, currency.Decimals)}
\r\n \r\n
);\r\n orderDiv.push(\r\n DialogWindow.Physical_PaymentType :\r\n DialogWindow.Physical_AdvancePayment \r\n
\r\n
);\r\n orderDiv.push(\r\n DialogWindow.Physical_AdvanceAmount :\r\n
{utils.formatNumber(order.AdvanceAmount, currency.Decimals)}
\r\n \r\n
);\r\n } else if (parseInt(order.Period) > 1) { // instalment\r\n let downPayment = (instalmentPolicyDetail && parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0) ? order.DownPayment * 100 : order.DownPayment;\r\n let downPaymentPercent = (instalmentPolicyDetail && parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0) ? '%' : '';\r\n orderDiv.push(\r\n DialogWindow.PaidAmount :\r\n DialogWindow.AdvancePayment_DownPayment {instrumentCurrency.Name} {utils.formatNumber(order.AdvanceAmount, currency.Decimals)}\r\n
\r\n
);\r\n orderDiv.push(\r\n DialogWindow.FullAmount :\r\n
{instrumentCurrency.Name} {utils.formatNumber(marketValue, currency.Decimals)}
\r\n \r\n
);\r\n orderDiv.push(\r\n DialogWindow.Physical_PaymentType :\r\n DialogWindow.Physical_Instalment \r\n
\r\n
);\r\n orderDiv.push(\r\n DialogWindow.Physical_InstalmentType :\r\n {order.PhysicalInstalmentType == PhysicalInstalmentType.EqualInstalment ? \"DialogWindow.Physical_EqualInstalment\" : \"DialogWindow.Physical_EqualPrincipal\"} \r\n
\r\n
);\r\n orderDiv.push(\r\n DialogWindow.Physical_Period :\r\n
{order.Period}
\r\n \r\n
);\r\n orderDiv.push(\r\n DialogWindow.Physical_DownPayment :\r\n
{downPayment} {downPaymentPercent}
\r\n \r\n
);\r\n if (model.placingData.physicalOptions.instalmentPolicyDetail && model.placingData.physicalOptions.instalmentPolicyDetail.InterestRate != 0) {\r\n orderDiv.push(\r\n DialogWindow.PaidAmount :\r\n DialogWindow.Instalment_DownPayment {instrumentCurrency.Name} {utils.formatNumber(order.AdvanceAmount, currency.Decimals)}\r\n
\r\n
);\r\n }\r\n if (order.AdministrationFee) {\r\n orderDiv.push(\r\n DialogWindow.InterestRateBuy :\r\n
{model.placingData.physicalOptions.instalmentPolicyDetail.InterestRate * 100}%
\r\n \r\n
);\r\n }\r\n }\r\n if (administrativeCharge != 0) {\r\n orderDiv.push(\r\n DialogWindow.Physical_HandlingFee :\r\n
{order.AdministrationFee} {order.AdministrationFeeBase == AdministrationFeeBaseType.Percentage ? '%' : ''}
\r\n \r\n
);\r\n }\r\n }\r\n }); //tran.Order.forEach\r\n\r\n }); // transactions.forEach\r\n\r\n\r\n\r\n let phaseString = \"DialogWindow.SubmittedAwaitingConfirmation\";\r\n let cancelReason = undefined;\r\n let cancelReasonRow = \"\";\r\n if (transactions[0].transactionError === undefined || transactions[0].transactionError === \"OK\") {\r\n\r\n if (orderPhase === Phase.Placed) phaseString = \"DialogWindow.PlacedWaitToBeFilled\";\r\n else if (orderPhase === Phase.Canceled) {\r\n phaseString = \"DialogWindow.Canceled\";\r\n if (transactions[0].Order[0].CancelReason == CancelReason.OtherReason) {\r\n cancelReason = \"DialogWindow.TransactionError_OutOfAcceptDQVariation\";\r\n } else {\r\n cancelReason = getCancelMessage(transactions[0].Order[0].CancelReason);\r\n }\r\n }\r\n else if (orderPhase === Phase.Executed || orderPhase === Phase.Completed) phaseString = \"DialogWindow.Confirmed\";\r\n else phaseString = \"DialogWindow.SubmittedAwaitingConfirmation\";\r\n } else {\r\n phaseString = \"DialogWindow.Close\";\r\n cancelReason = getTransactionErrorMessage(transactions[0].transactionError);\r\n }\r\n\r\n if (cancelReason) {\r\n cancelReasonRow = \r\n DialogWindow.Physical_AdministrativeCharge :\r\n
{currency.Name} {utils.formatNumber(administrativeCharge, 2)}
\r\n \r\n DialogWindow.Reason :\r\n {cancelReason} \r\n
;\r\n }\r\n\r\n let buttonFooter = [\r\n \r\n DialogWindow.Submit \r\n
\r\n ];\r\n\r\n if (this.props.model.placingData && this.props.model.placingData.transactions) {\r\n buttonFooter = { document.body.style.overflow = \"auto\"; this.props.onCancel.bind(this)() }} >DialogWindow.Close
\r\n \r\n {(orderPhase === Phase.Executed || orderPhase === Phase.Completed || orderPhase === Phase.Placed) ?\r\n
\r\n\r\n\r\n\r\n \r\n DialogWindow.TransactionNumber :\r\n
: ''}\r\n\r\n {this.formatOrderCodes(orderCodes)}
\r\n \r\n {timeTitle} :\r\n
\r\n\r\n {timeValue.substring(10)}
\r\n \r\n DialogWindow.Item :\r\n
\r\n\r\n {instrument.Description}
\r\n \r\n DialogWindow.Type :\r\n {openCloseKey} {orderTypeKey}\r\n
\r\n\r\n\r\n\r\n {orderDiv}\r\n\r\n {cancelReasonRow}\r\n\r\n \r\n this.onChange.bind(this)(e, true)} onBlur={(e) => this.onBlur.bind(this)(e, true)} onFocus={(e) => e.target.select()} />\r\n {this.props.disallowClear ? '' : ()}\r\n \r\n
\r\n ];\r\n\r\n\r\n let mainClass = `${isPad ? moduleCss.mainPanePad : moduleCss.mainPane} ${this.props.disabled ? defaultCss.disabledColor : ''}`;\r\n // let mainClass = `${isPad ? moduleCss.mainPanePad : moduleCss.mainPane}`;\r\n return \r\n\r\n document.body.style.overflow = \"auto\"}>\r\n\r\n\r\n this.onSliderValueChange.bind(this)(v)} /> \r\n \r\n\r\n
\r\n }\r\n}\r\n\r\n","import React from 'react';\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Button, Checkbox, Select, Radio } from 'antd';\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { PhysicalInstalmentType, InstalmentFrequence, PaymentForm } from '../../common/const';\r\nimport { exchangeRate, calculateInstalmentDetails } from '../../model/physicalHelper';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport InputNumberComponent from '../inputnumbercomponent';\r\n\r\n\r\nconst { Option } = Select;\r\nclass PlacingInstalmentDetailView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(\"PlacingInstalmentView\", this);\r\n }\r\n console.log('PlacingInstalmentView.componentDidMount');\r\n }\r\n\r\n\r\n\r\n\r\n getRows(instalments) {\r\n let { model } = this.props;\r\n let account = model.selectedAccount;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let currency = undefined;\r\n if (Boolean.parseBoolean(account.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n }\r\n else {\r\n currency = model.currencies[account.CurrencyId];\r\n }\r\n let result = [];\r\n result.push(this.getRow(\r\n {this.props.hideSpinButton ? '' : (
\r\n\r\n -
)}\r\n {isEmpty(this.state.value) ? (this.props.placeHolder ? this.props.placeHolder : '\\u00A0') : parseFloat(this.state.value).toFixed(settings.decimals)}
\r\n {this.props.hideSpinButton ? '' : (+
)}\r\n {settings.min === undefined ? '' : settings.min.toFixed(settings.decimals)}
\r\n {settings.max === undefined ? '' : settings.max.toFixed(settings.decimals)}
\r\n\r\n this.onDecrease.bind(this)(e, true)}>-
\r\n this.onIncrease.bind(this)(e, true)}>+
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n }\r\n\r\n\r\n onSubmitButtonClick(e) {\r\n // this.setPlacingData();\r\n let { model, isPad, onSubmitClick } = this.props;\r\n if (onSubmitClick) {\r\n onSubmitClick(true);\r\n }\r\n }\r\n\r\n render() {\r\n console.log('PlacingInstalmentView.render');\r\n let moduleCss = this.getModuleCss('placeview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n let { model, isPad } = this.props;\r\n let account = model.selectedAccount;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let currency = undefined;\r\n if (Boolean.parseBoolean(account.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n }\r\n else {\r\n currency = model.currencies[account.CurrencyId];\r\n }\r\n let physicalOptions = model.placingData.physicalOptions;\r\n let prePaymentAmount = 0;\r\n let marketValue = model.calcPhysicalMarketValue();\r\n let paymentForm = (model.placingData.physicalOptions.period == 1 ? PaymentForm.AdvancePayment : PaymentForm.Instalment);\r\n let discount = model.calculatePhysicalPaymentDiscount(account, instrument, model.placingData.lot, marketValue, paymentForm);\r\n\r\n if (parseInt(physicalOptions.instalmentPolicyDetail.DownPaymentBasis) === 0) {\r\n prePaymentAmount = Math.round2(marketValue * (parseFloat(physicalOptions.downPayment)) / 100, 4) + discount;\r\n } else {\r\n prePaymentAmount = parseFloat(physicalOptions.downPayment) * model.placingData.lot + discount;\r\n }\r\n\r\n let period = physicalOptions.period;\r\n let instalmentPolicy = model.instalmentPolicies[physicalOptions.instalmentPolicyId];\r\n if (utils.parseBoolean(instalmentPolicy && instalmentPolicy.IsDownPayAsFirstPay)) {\r\n period = physicalOptions.period - 1;\r\n }\r\n let data = calculateInstalmentDetails(physicalOptions.physicalInstalmentType, marketValue - prePaymentAmount, period, physicalOptions.frequence, physicalOptions.interestRate, parseInt(physicalOptions.currency.Decimals), physicalOptions.currency.Name);\r\n\r\n return {period}
\r\n {currency}
\r\n {principal}
\r\n {interest}
\r\n {amount}
\r\n \r\n {isPad ? '' : DialogWindow.Physical_Instalment} onGobackClick={this.props.onTitleGobackClick} />}\r\n {this.getRows(data.instalments)}\r\n {this.getRow(DialogWindow.Physical_Collect , '', utils.formatNumber(data.totalPrincipal, currency.Decimals), utils.formatNumber(data.totalInterest, currency.Decimals), utils.formatNumber(data.totalInstalmentAmount, currency.Decimals))}\r\n
\r\n }\r\n\r\n}\r\nlet placingInstalmentDetailView = withRouter(PlacingInstalmentDetailView);\r\nexport { placingInstalmentDetailView as PlacingInstalmentDetailView };\r\n","import React from 'react';\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Button, Checkbox, Select, Radio } from 'antd';\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { PhysicalInstalmentType, InstalmentFrequence, RecalculateRateType, getEnumLangaugeKey, OrderType, TradeOption, PaymentForm, AdministrationFeeBaseType } from '../../common/const';\r\nimport { getDownpaymentSettings, calculateDiscount } from '../../model/physicalHelper';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport InputNumberComponent from '../inputnumbercomponent';\r\nimport { PlacingInstalmentDetailView } from './placinginstalmentdetailview';\r\n\r\nconst { Option } = Select;\r\nclass PlacingInstalmentView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n this.state = this.initSelectOptions(true);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(\"PlacingInstalmentView\", this);\r\n }\r\n\r\n\r\n console.log('PlacingInstalmentView.componentDidMount');\r\n }\r\n\r\n initSelectOptions(isInit) {\r\n let { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n let tradePolicy = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let instalmentPolicy = model.instalmentPolicies[tradePolicy.InstalmentPolicyId];\r\n let allowedInstalmentTypes = parseInt(instalmentPolicy.AllowedInstalmentTypes);\r\n let physicalInstalmentTypeSelectOptions = [];\r\n let physicalInstalmentType = undefined;\r\n\r\n let recalculateRateType = undefined;\r\n let recalculateRateTypes = [];\r\n\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let marketValue = model.calcPhysicalMarketValue();\r\n\r\n let frequences = {};\r\n let frequencesOptions = [];\r\n\r\n\r\n if ((PhysicalInstalmentType.EqualInstalment & allowedInstalmentTypes) == PhysicalInstalmentType.EqualInstalment) {\r\n if (physicalInstalmentType === undefined) physicalInstalmentType = PhysicalInstalmentType.EqualInstalment;\r\n physicalInstalmentTypeSelectOptions.push();\r\n }\r\n if ((PhysicalInstalmentType.EqualPrincipal & allowedInstalmentTypes) === PhysicalInstalmentType.EqualPrincipal) {\r\n if (physicalInstalmentType === undefined) physicalInstalmentType = PhysicalInstalmentType.EqualPrincipal;\r\n physicalInstalmentTypeSelectOptions.push();\r\n }\r\n\r\n if (parseInt(instalmentPolicy.RecalculateRateTypes) & RecalculateRateType.RecalucateNextMonth) {\r\n recalculateRateType = RecalculateRateType.RecalucateNextMonth;\r\n recalculateRateTypes.push();\r\n }\r\n\r\n if (parseInt(instalmentPolicy.RecalculateRateTypes) & RecalculateRateType.RecalucateNextYear) {\r\n if (recalculateRateType === undefined) recalculateRateType = RecalculateRateType.RecalucateNextYear;\r\n recalculateRateTypes.push();\r\n }\r\n\r\n let instalmentPolicyDetails = Object.values(instalmentPolicy.details).sort((a, b) => a.Frequence.localeCompare(b.Frequence));\r\n instalmentPolicyDetails.forEach((detail, index) => {\r\n let frequence = parseInt(detail.Frequence);\r\n if (frequence !== InstalmentFrequence.Occasional && frequences[frequence] === undefined) {\r\n frequences[frequence] = frequence;\r\n\r\n let languageKey = getEnumLangaugeKey(\"InstalmentFrequence\", frequence);\r\n frequencesOptions.push();\r\n }\r\n });\r\n\r\n let result = {\r\n period: model.placingData.physicalOptions.period,\r\n downPayment: model.placingData.physicalOptions.downPayment,\r\n marketValue: marketValue,\r\n physicalInstalmentTypeSelectOptions: physicalInstalmentTypeSelectOptions,\r\n physicalInstalmentType: model.placingData.physicalOptions.physicalInstalmentType,\r\n frequences: frequences,\r\n frequencesOptions: frequencesOptions,\r\n frequence: parseInt(model.placingData.physicalOptions.frequence), //frequences[0],\r\n recalculateRateTypes: recalculateRateTypes,\r\n recalculateRateType: model.placingData.physicalOptions.recalculateRateType\r\n };\r\n\r\n if (model.placingData.orderType == OrderType.Limit) {\r\n result.tradeOption = (model.placingData.useLimitPrice ? TradeOption.Better : TradeOption.Stop);\r\n }\r\n Object.assign(result, this.setPeriods(model.placingData.physicalOptions.frequence, isInit));\r\n if (!isInit) {\r\n this.setState(result);\r\n }\r\n return result;\r\n }\r\n\r\n setPeriods(frequence, isInit) {\r\n let { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n let tradePolicy = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let instalmentPolicy = model.instalmentPolicies[tradePolicy.InstalmentPolicyId];\r\n\r\n let periods = [];\r\n let periodOptions = [];\r\n let instalmentPolicyDetail = undefined;\r\n let instalmentPolicyDetails = Object.values(instalmentPolicy.details).sort((a, b) => a.Frequence.localeCompare(b.Frequence));\r\n for (const detail of instalmentPolicyDetails) {\r\n if (utils.parseBoolean(detail.IsActive) && parseInt(detail.Frequence) === parseInt(frequence)) { // && (parseInt(detail.Period) === parseInt(model.placingData.physicalOptions.period) || model.placingData.physicalOptions.period == undefined)) {\r\n if (instalmentPolicyDetail == undefined) {\r\n if (parseInt(model.placingData.physicalOptions.frequence) !== parseInt(frequence) || parseInt(detail.Period) === parseInt(model.placingData.physicalOptions.period)) {\r\n instalmentPolicyDetail = detail;\r\n }\r\n }\r\n periods.push(parseInt(detail.Period));\r\n periodOptions.push();\r\n //break;\r\n }\r\n };\r\n\r\n let downPayment = (parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0 ? model.placingData.physicalOptions.downPayment / 100 : model.placingData.physicalOptions.downPayment);\r\n let downpaymentSettings = getDownpaymentSettings(instalmentPolicyDetail, isInit ? downPayment : undefined);\r\n let result = Object.assign(downpaymentSettings, { periodOptions: periodOptions, periods: periods });\r\n if (parseInt(model.placingData.physicalOptions.frequence) !== parseInt(frequence)) {\r\n // model.placingData.physicalOptions.downPayment = instalmentPolicyDetail.downPayment;\r\n // model.placingData.physicalOptions.frequence = frequence;\r\n model.buildPlacingPhysicalOptions(instalmentPolicyDetail);\r\n }\r\n result.period = model.placingData.physicalOptions.period = instalmentPolicyDetail.Period;\r\n result.unit = downpaymentSettings.downPaymentSettings.unit;\r\n // if (parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0) {\r\n // result.downPayment /= 100;\r\n // }\r\n if (!isInit) {\r\n this.setState(result);\r\n }\r\n\r\n // let downPayment = downpaymentSettings.downPayment;\r\n // if (parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0) {\r\n // downPayment = downpaymentSettings.downPayment / 100;\r\n // }\r\n this.refreshAdministrationFee(instalmentPolicyDetail, downPayment);\r\n this.forceUpdate();\r\n return result;\r\n }\r\n\r\n resetInput(props, isConstructor) { this.setSelectOptions(); }\r\n\r\n setStateProp(propName, propValue) {\r\n let { model } = this.props;\r\n let prop = {};\r\n prop[propName] = propValue;\r\n this.setState(prop);\r\n\r\n // if (parseInt(this.state.instalmentPolicyDetail.DownPaymentBasis) === 0) {\r\n // propValue = propValue / 100;\r\n // }\r\n\r\n model.placingData.physicalOptions[propName] = propValue;\r\n if (propName == 'downPayment') {\r\n let downPayment = (parseInt(this.state.instalmentPolicyDetail.DownPaymentBasis) === 0 ? propValue / 100 : propValue);\r\n this.refreshAdministrationFee(this.state.instalmentPolicyDetail, downPayment);\r\n }\r\n this.forceUpdate();\r\n console.log('setStateProp', propName, propValue);\r\n return true;\r\n }\r\n\r\n getStateValue(propName, defaultValue) {\r\n return this.state[propName] !== undefined ? this.state[propName] : defaultValue;\r\n }\r\n\r\n onInstalmentOptionChange(value, option) {\r\n console.log('PlacingInstalmentView.onInstalmentOptionChange');\r\n this.setStateProp('physicalInstalmentType', value);\r\n }\r\n\r\n onFrequenceChange(value, option) {\r\n console.log('PlacingInstalmentView.onFrequenceChange');\r\n\r\n let { model } = this.props;\r\n // this.setState({ frequence: value });\r\n delete model.placingData.physicalOptions.period;\r\n this.setPeriods(value);\r\n this.setStateProp('frequence', parseInt(value));\r\n\r\n }\r\n\r\n onRecalculateRateTypeChange(value, option) {\r\n console.log('PlacingInstalmentView.onRecalculateRateTypeChange');\r\n // this.setState({ recalculateRateType: value });\r\n this.setStateProp('recalculateRateType', value);\r\n }\r\n\r\n onPeriodChange(value, option) {\r\n console.log('PlacingInstalmentView.onPeriodChange');\r\n let { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n let tradePolicy = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let instalmentPolicy = model.instalmentPolicies[tradePolicy.InstalmentPolicyId];\r\n\r\n let instalmentPolicyDetail = undefined;\r\n let instalmentPolicyDetails = Object.values(instalmentPolicy.details).sort((a, b) => a.Frequence.localeCompare(b.Frequence));\r\n instalmentPolicyDetails.forEach((detail, index) => {\r\n if (parseInt(detail.Frequence) === this.state.frequence && parseInt(detail.Period) === value) {\r\n instalmentPolicyDetail = detail;\r\n }\r\n });\r\n\r\n // let downPayment = (parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0 ? model.placingData.physicalOptions.downPayment / 100 : model.placingData.physicalOptions.downPayment);\r\n let downpaymentSettings = getDownpaymentSettings(instalmentPolicyDetail);\r\n // this.setState(downpaymentSettings);\r\n this.state.downPaymentSettings.decimals = downpaymentSettings.downPaymentSettings.decimals;\r\n this.state.downPaymentSettings.default = downpaymentSettings.downPaymentSettings.default;\r\n this.state.downPaymentSettings.max = downpaymentSettings.downPaymentSettings.max;\r\n this.state.downPaymentSettings.min = downpaymentSettings.downPaymentSettings.min;\r\n this.state.downPaymentSettings.step = downpaymentSettings.downPaymentSettings.step;\r\n this.state.downPaymentSettings.unit = downpaymentSettings.downPaymentSettings.unit;\r\n this.setStateProp('downPayment', downpaymentSettings.downPayment);\r\n this.setStateProp('period', value);\r\n this.setStateProp('instalmentPolicyDetail', instalmentPolicyDetail);\r\n let downPayment = (parseInt(instalmentPolicyDetail.DownPaymentBasis) === 0 ? model.placingData.physicalOptions.downPayment / 100 : model.placingData.physicalOptions.downPayment);\r\n this.refreshAdministrationFee(instalmentPolicyDetail, downPayment);\r\n model.placingData.physicalOptions.marketValue = model.calcPhysicalMarketValue(PaymentForm.Instalment);\r\n model.placingData.physicalOptions.interestRate = instalmentPolicyDetail.InterestRate;\r\n this.forceUpdate();\r\n }\r\n\r\n refreshAdministrationFee(instalmentPolicyDetail, downPayment) {\r\n\r\n let administrationFee = 0;\r\n if (parseInt(instalmentPolicyDetail.Period) > 1) {\r\n if (instalmentPolicyDetail.AdministrationFeeBase == AdministrationFeeBaseType.Percentage) {\r\n administrationFee = parseFloat(parseFloat(instalmentPolicyDetail.AdministrationFee / (1 - downPayment) * 100).toFixed(2));\r\n } else {\r\n administrationFee = parseFloat(instalmentPolicyDetail.AdministrationFee);\r\n }\r\n this.setStateProp('administrationFee', administrationFee);\r\n }\r\n }\r\n\r\n setPlacingData() {\r\n let { model } = this.props;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n\r\n let isMultiCurrency = Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency);\r\n let currency = model.currencies[isMultiCurrency ? instrument.CurrencyId : model.selectedAccount.CurrencyId];\r\n let tradePolicy = this.props.model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n model.placingData.physicalOptions.period = this.state.period;\r\n model.placingData.physicalOptions.marketValue = this.state.marketValue = model.calcPhysicalMarketValue();\r\n model.placingData.physicalOptions.frequence = this.state.frequence;\r\n model.placingData.physicalOptions.physicalInstalmentType = this.state.physicalInstalmentType;\r\n model.placingData.physicalOptions.recalculateRateType = this.state.recalculateRateType;\r\n model.placingData.physicalOptions.downPayment = this.state.downPayment;\r\n }\r\n\r\n onSubmitButtonClick(e) {\r\n this.setPlacingData();\r\n let { model, isPad, onSubmitClick } = this.props;\r\n if (onSubmitClick) {\r\n onSubmitClick(true);\r\n }\r\n }\r\n\r\n onNextButtonClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n if (this.props.onInstalmentDetailButtonClick) {\r\n this.props.onInstalmentDetailButtonClick();\r\n }\r\n // this.setPlacingData();\r\n // this.goto('/placinginstalmentdetail');\r\n }\r\n\r\n\r\n onCloseButtonClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n if (this.props.onClose) {\r\n this.props.onClose();\r\n }\r\n }\r\n\r\n\r\n onBackgroundPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n render() {\r\n console.log('PlacingInstalmentView.render');\r\n let moduleCss = this.getModuleCss('placeview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let { model, isPad } = this.props;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let isMultiCurrency = Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency);\r\n let currency = model.currencies[isMultiCurrency ? instrument.CurrencyId : model.selectedAccount.CurrencyId];\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let isBuy = model.placingData.isBuy;\r\n\r\n let buyPrice = (isNormal ? instrument.quotation.Ask : instrument.quotation.Bid);\r\n let sellPrice = (isNormal ? instrument.quotation.Bid : instrument.quotation.Ask);\r\n let price = (model.placingData.isBuy ? buyPrice : sellPrice);\r\n if (model.placingData.orderType == OrderType.Limit) {\r\n price = (model.placingData.physicalOptions.tradeOption == TradeOption.Better ? model.placingData.limitPrice : model.placingData.stopPrice);\r\n }\r\n\r\n let prePaymentAmount = 0;\r\n let marketValue = model.calcPhysicalMarketValue();\r\n let paymentForm = (model.placingData.physicalOptions.period == 1 ? PaymentForm.AdvancePayment : PaymentForm.Instalment);\r\n let discount = model.calculatePhysicalPaymentDiscount(model.selectedAccount, instrument, model.placingData.lot, marketValue, paymentForm);\r\n\r\n if (parseInt(this.state.instalmentPolicyDetail.DownPaymentBasis) === 0) {\r\n prePaymentAmount = Math.round2(marketValue * (parseFloat(this.state.downPayment)) / 100, 4) + discount;\r\n } else {\r\n prePaymentAmount = parseFloat(this.state.downPayment) * model.placingData.lot + discount;\r\n }\r\n model.placingData.physicalOptions.advanceAmount = prePaymentAmount;\r\n\r\n return \r\n {isPad ? '' :
\r\n \r\n DialogWindow.Physical_InstalmentTips \r\n
}\r\n \r\n \r\n {isPad ? '' : {this.state.period > 1 ? \"DialogWindow.Physical_Instalment\" : \"DialogWindow.Physical_AdvancePayment\"}} onGobackClick={this.props.onTitleGobackClick} />}\r\n
\r\n\r\n }\r\n\r\n}\r\nlet placingInstalmentView = withRouter(PlacingInstalmentView);\r\nexport { placingInstalmentView as PlacingInstalmentView };\r\n","import {Price} from './price2.js';\r\nimport {BuySell, LimitOrStop} from '../common/const';\r\nimport {isEmpty }from '../common/utils';\r\n\r\nexport function getPendingPriceSetting(model, instrument, basePrice, pips, limitOrStop, buySell, isDone)\r\n{\r\n if(isEmpty(basePrice)) return {};\r\n basePrice = parseFloat(basePrice);\r\n let result ={};\r\n let pendingPrice = null;\r\n\r\n let numerator = parseInt(instrument.NumeratorUnit);\r\n let denominator = parseInt(instrument.Denominator);\r\n let dealingPolicyDetail = instrument.dealingPolicyDetail;\r\n let acceptLmtVariation = (parseFloat(isEmpty(dealingPolicyDetail) ? instrument.AcceptLmtVariation : dealingPolicyDetail.AcceptLmtVariation) + parseInt(pips)) / denominator;\r\n if(isDone){\r\n acceptLmtVariation = (parseFloat(isEmpty(dealingPolicyDetail) ? instrument.AcceptIfDoneVariation : dealingPolicyDetail.AcceptIfDoneVariation) + parseInt(pips)) / denominator;\r\n }\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let isBuy = isNormal === (buySell === BuySell.Buy);\r\n \r\n // let quotation = instrument.quotation; \r\n // let ask = parseFloat(quotation.Ask);\r\n // let bid = parseFloat(quotation.Bid); \r\n // let basePrice = isBuy ? ask : bid;\r\n\r\n if (limitOrStop === LimitOrStop.Limit){\r\n pendingPrice = isBuy ? basePrice - acceptLmtVariation : basePrice + acceptLmtVariation; \r\n }\r\n else{\r\n pendingPrice = isBuy ? basePrice + acceptLmtVariation : basePrice - acceptLmtVariation;\r\n }\r\n\r\n let pricingPolicyDetail = model.getPricingPolicyDetail(instrument.PricingPolicyId, pendingPrice);\r\n if (pricingPolicyDetail != null) {\r\n numerator = parseInt(pricingPolicyDetail.Numerator);\r\n acceptLmtVariation = acceptLmtVariation * (pricingPolicyDetail.OrderVariationFactor - 1);\r\n \r\n if (limitOrStop === LimitOrStop.Limit){\r\n pendingPrice = (isBuy ? pendingPrice - acceptLmtVariation : pendingPrice + acceptLmtVariation ); \r\n }\r\n else {\r\n pendingPrice = (isBuy ? pendingPrice + acceptLmtVariation : pendingPrice - acceptLmtVariation );\r\n } \r\n\r\n \r\n }\r\n pendingPrice = Price.GetPrice(pendingPrice.toString(), numerator, denominator).ToDouble();\r\n result.default = pendingPrice;\r\n result.step = Math.round2(numerator/ instrument.Denominator, 6);\r\n if(limitOrStop === LimitOrStop.Limit){\r\n if(isBuy){\r\n result.max= pendingPrice;\r\n result.min = Price.GetPrice(((isDone ? pendingPrice : basePrice) * 0.8).toString(), numerator, denominator).ToDouble(); \r\n }else{\r\n result.min = pendingPrice;\r\n result.max = Price.GetPrice(((isDone ? pendingPrice : basePrice) * 1.2).toString(), numerator, denominator).ToDouble();\r\n }\r\n }else{\r\n if(isBuy){\r\n result.min = pendingPrice;\r\n result.max = Price.GetPrice(((isDone ? pendingPrice : basePrice) * 1.2).toString(), numerator, denominator).ToDouble();\r\n }else{\r\n result.max= pendingPrice;\r\n result.min = Price.GetPrice(((isDone ? pendingPrice : basePrice) * 0.8).toString(), numerator, denominator).ToDouble(); \r\n \r\n }\r\n }\r\n\r\n result.decimals = denominator.toString().length - 1;\r\n\r\n return result;\r\n}\r\n\r\nexport function getDqIfDonePriceSetting(instrument, movePips, isBuy, isLimit)\r\n{\r\n let dealingPolicyDetail = instrument.dealingPolicyDetail;\r\n let acceptIfDoneVariation = parseFloat(dealingPolicyDetail == null ? instrument.AcceptIfDoneVariation : dealingPolicyDetail.AcceptIfDoneVariation); \r\n if(movePips){\r\n acceptIfDoneVariation += movePips;\r\n }\r\n\r\n let quotation = instrument.quotation;\r\n let numerator = parseInt(instrument.NumeratorUnit);\r\n let denominator = parseInt(instrument.Denominator);\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let basePrice = (isBuy === isNormal && isLimit ? quotation.Ask : quotation.Bid);\r\n acceptIfDoneVariation = (isBuy == isNormal ? acceptIfDoneVariation : -acceptIfDoneVariation);\r\n if(!isLimit){\r\n acceptIfDoneVariation = -acceptIfDoneVariation;\r\n }\r\n \r\n let minPrice = Price.GetPrice(basePrice, numerator, denominator).Add(acceptIfDoneVariation).ToDouble();\r\n let maxPrice = minPrice * 1.2;\r\n let defaulPrice = minPrice;\r\n if(acceptIfDoneVariation <0){\r\n maxPrice = minPrice;\r\n minPrice = Price.GetPrice((parseFloat(basePrice) + acceptIfDoneVariation / instrument.Denominator) * 0.8, numerator, denominator).ToDouble();\r\n defaulPrice = maxPrice; \r\n }\r\n\r\n // let minPrice = Price.GetPrice(min, numerator, denominator);\r\n // let maxPrice = Price.GetPrice(max, numerator, denominator);\r\n\r\n return { default: defaulPrice, min: minPrice, max:maxPrice, step: numerator/denominator, decimals: denominator.toString().length-1 };\r\n\r\n}\r\n\r\n\r\n\r\n/*\r\nexport function getPriceForDone(instrument, pricingPolicyDetail, spread, basePrice, isLimit, isBuyOfIfOrder)\r\n{\r\n\r\n let isBuy = !isBuyOfIfOrder;\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let numerator = parseInt(instrument.NumeratorUnit);\r\n let denominator = parseInt(instrument.Denominator);\r\n let result = null;\r\n\r\n let dealingPolicyDetail = instrument.dealingPolicyDetail;\r\n let acceptIfDoneVariation = parseFloat(dealingPolicyDetail == null ? instrument.AcceptIfDoneVariation : dealingPolicyDetail.AcceptIfDoneVariation)/denominator; \r\n spread = spread / denominator;\r\n \r\n if (isBuy === isNormal)\r\n {\r\n result = isLimit ? basePrice - acceptIfDoneVariation : basePrice + acceptIfDoneVariation;\r\n }\r\n else\r\n {\r\n result = isLimit ? basePrice + acceptIfDoneVariation : basePrice - acceptIfDoneVariation;\r\n }\r\n\r\n if (pricingPolicyDetail != null)\r\n {\r\n if (!isLimit && spread > acceptIfDoneVariation * pricingPolicyDetail.OrderVariationFactor)\r\n {\r\n acceptIfDoneVariation = spread - acceptIfDoneVariation;\r\n }\r\n else\r\n {\r\n acceptIfDoneVariation = parseInt(acceptIfDoneVariation * (pricingPolicyDetail.OrderVariationFactor - 1));\r\n }\r\n\r\n if (isBuy === isNormal)\r\n {\r\n result = isLimit ? result - acceptIfDoneVariation : result + acceptIfDoneVariation;\r\n }\r\n else\r\n {\r\n result = isLimit ? result + acceptIfDoneVariation : result - acceptIfDoneVariation;\r\n }\r\n\r\n result = result.toFixed(instrument.Denominator.length -1);\r\n }\r\n\r\n let defaulPrice = result; \r\n \r\n acceptIfDoneVariation = (isBuy === isNormal ? acceptIfDoneVariation : -acceptIfDoneVariation);\r\n if(!isLimit){\r\n acceptIfDoneVariation = -acceptIfDoneVariation;\r\n }\r\n if(acceptIfDoneVariation <0){\r\n let maxPrice = defaulPrice;\r\n let minPrice = Price.GetPrice(parseFloat(basePrice) + acceptIfDoneVariation / denominator * 0.8, numerator, denominator).ToDouble();\r\n }\r\n\r\n return result;\r\n}\r\n*/","import React from 'react';\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport { Button, Checkbox, Select, Radio, message as antMessage } from 'antd';\r\nimport { EllipsisOutlined, CloseOutlined } from '@ant-design/icons';\r\n\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { TransactionType, OrderType, BuySell, LimitOrStop, InstrumentCategory, PaymentForm, BSStatus, PhysicalInstalmentType, PhysicalTradeSide } from '../../common/const';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport ExpireSelectView from './expireselectview';\r\nimport PlaceConfirmView from './placeconfirmview';\r\nimport { PlacingInstalmentView } from './placinginstalmentview';\r\nimport { PlacingInstalmentDetailView } from './placinginstalmentdetailview';\r\nimport InputNumberComponent from '../inputnumbercomponent';\r\nimport { getLotSettings, getMovePipsSettings } from '../../model/placinglotsetting';\r\nimport { getPendingPriceSetting } from '../../model/placingpricesetting';\r\n\r\n\r\nconst { Option } = Select;\r\nconst SubViewType = { None: 0, Instalment: 1, InstalmentDetail: 2 };\r\nconst SaveLotCookey = 'SpotTradeLot';\r\nconst SavePipsCookey = 'SpotTradePips';\r\n\r\nclass PlacingDqView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n\r\n let { model, isPad } = props;\r\n if (!isPad) model.resetInput();\r\n\r\n if (model && model.placingData && model.selectedAccount) {\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let lotSettings = getLotSettings(model.selectedAccount, instrument, true, true);\r\n let savedLot = parseFloat(utils.loadCookie(model.customer.Id + instrument.Id + SaveLotCookey));\r\n if (savedLot > lotSettings.max || savedLot < lotSettings.min) {\r\n savedLot = undefined;\r\n }\r\n let savedPips = parseFloat(utils.loadCookie(model.customer.Id + instrument.Id + SavePipsCookey));\r\n\r\n if (model.placingData.lot === undefined) model.placingData.lot = lotSettings.default;\r\n let expireTypes = model.getExpireTypes(instrument);\r\n this.state = {\r\n lotSettings: lotSettings,\r\n lot: savedLot ? savedLot : model.placingData.lot,\r\n subViewType: SubViewType.None,\r\n instalmentDetailButtonVisible: false,\r\n saveLot: savedLot ? true : false,\r\n savePips: savedPips ? true : false,\r\n paymentForms: [],\r\n expireTypes: expireTypes,\r\n expireType: expireTypes && expireTypes.length > 0 ? expireTypes[0] : 0\r\n }\r\n }\r\n\r\n this.subComponents = {};\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(this.props.name ? this.props.name : \"placingDqView\", this);\r\n }\r\n\r\n let { model } = this.props;\r\n if (model.placingData && model.placingData.quoteCallback) {\r\n delete model.placingData.quoteCallback;\r\n delete model.placingData.quoteAnswer;\r\n delete model.placingData.isQuoteTimeout;\r\n window.clearTimeout(model.placingData.quoteTimeoutId);\r\n }\r\n\r\n if (model.placingData && model.placingData.selectedInstrument) {\r\n let orderTypes = model.placingData.selectedInstrument.getAvailableOrderTypes();\r\n let isMarket = orderTypes.indexOf(OrderType.Market) >= 0;\r\n let orderType = isMarket ? OrderType.Market : OrderType.SpotTrade;\r\n\r\n model.placingData.orderType = orderType;\r\n }\r\n this.setPaymentOptions();\r\n }\r\n\r\n onSubComponentLoad(name, comp) {\r\n this.subComponents[name] = comp;\r\n }\r\n\r\n resetInput(props, isConstructor) {\r\n console.log(\"PlacingDqView.resetInput\");\r\n let { model } = (props === undefined ? this.props : props);\r\n model.resetInput();\r\n this.setState({ orderingNotifyId: undefined });\r\n if (model && model.placingData && model.selectedAccount) {\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let lotSettings = getLotSettings(model.selectedAccount, instrument, true, model.closeLot == 0);\r\n\r\n let dealingPolicy = instrument.dealingPolicyDetail;\r\n let maxDqLot = parseFloat(utils.isEmpty(dealingPolicy) ? instrument.MaxDQLot : dealingPolicy.MaxDQLot);\r\n let maxOtherLot = parseFloat(utils.isEmpty(dealingPolicy) ? instrument.MaxOtherLot : dealingPolicy.MaxOtherLot);\r\n let savedLot = parseFloat(utils.loadCookie(model.customer.Id + instrument.Id + SaveLotCookey));\r\n if (savedLot > lotSettings.max || savedLot < lotSettings.min) {\r\n savedLot = undefined;\r\n }\r\n\r\n let savedPips = parseFloat(utils.loadCookie(model.customer.Id + instrument.Id + SavePipsCookey));\r\n let state = { lotSettings: lotSettings, lot: savedLot ? savedLot : lotSettings.default, maxDqLot: maxDqLot, saveLot: savedLot ? true : false, savePips: savedPips ? true : false, pips: 0, doneLimitPrice: undefined, doneStopPrice: undefined };\r\n\r\n if (isConstructor) {\r\n this.state = state;\r\n } else {\r\n this.setState(state);\r\n }\r\n model.placingData.lot = state.lot;\r\n\r\n if (this.subComponents.lotInput) this.subComponents.lotInput.resetInput(savedLot ? savedLot : lotSettings.default);\r\n if (this.subComponents.pipsInput) this.subComponents.pipsInput.resetInput(savedPips ? savedPips : '0');\r\n if (this.subComponents.doneLimitPriceInput) this.subComponents.doneLimitPriceInput.resetInput();\r\n if (this.subComponents.doneStopPriceInput) this.subComponents.doneStopPriceInput.resetInput();\r\n\r\n // if (this.subComponents.pipsInput) this.subComponents.pipsInput.resetInput(this.getStateValue('pips'));\r\n }\r\n\r\n this.setPaymentOptions();\r\n }\r\n\r\n onCloseOrderClick() {\r\n if (this.props.onCloseOrderClick) {\r\n this.props.onCloseOrderClick();\r\n }\r\n }\r\n\r\n onBackgroundPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n setStateProp(propName, propValue) {\r\n let prop = {};\r\n prop[propName] = propValue;\r\n this.setState(prop);\r\n\r\n let { model } = this.props;\r\n if (propName === \"lot\") {\r\n model.placingData.lot = parseFloat(propValue);\r\n\r\n if (model.placingData.orderingNotifyId === undefined) {\r\n model.placingData.orderingNotifyId = utils.uuid();\r\n }\r\n model.orderingNotify(model.placingData.orderingNotifyId, model.customer.Code, model.placingData.selectedInstrument.Code, this.props.isBuy.toString(), 'true', propValue.toString(), (d) => { debugger; });\r\n\r\n } else if (propName === \"pips\") {\r\n model.placingData.pips = propValue;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n getStateValue(propName, defaultValue) {\r\n if (propName === \"lot\" && this.props.model.closeLot) {\r\n return this.props.model.closeLot;\r\n } else {\r\n return this.state[propName] !== undefined ? this.state[propName] : defaultValue;\r\n }\r\n }\r\n\r\n beforeSubmitClick(isBuy) {\r\n let { model, t } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n let account = model.selectedAccount;\r\n\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n let canShortSell = ((tradePolicyDetail.AllowedPhysicalTradeSides & PhysicalTradeSide.ShortSell) == PhysicalTradeSide.ShortSell);\r\n if (instrument.Category == InstrumentCategory.Physical) {\r\n if (!isBuy && !model.closeLot) {\r\n if (canShortSell) {\r\n let text = utils.format2(t('DialogWindow.PlacingConfirmation_ShortSellingMayOccurred'), account.Name);\r\n model.showModalDialog(text, () => this.onSubmitClick(isBuy));\r\n } else {\r\n model.showModalDialog( 1 ? '45%' : '100%', display: 'inline-block', height: '100%', overflow: 'auto', borderTop: '1px solid #ccc', marginTop: isPad ? '' : '2.5em' }}>\r\n\r\n {model.placingData.useLimitPrice && model.placingData.useStopPrice ?\r\n
\r\n {isPad && this.state.period > 1 ? \r\n DialogWindow.Physical_InstalmentType \r\n
\r\n : ''}\r\n\r\n\r\n \r\n \r\n
\r\n \r\n DialogWindow.Lot \r\n
\r\n\r\n {model.placingData.lot}
\r\n \r\n DialogWindow.Physical_UnitPrice \r\n
\r\n {this.state.period <= 1 ? '' :\r\n [{price}
\r\n \r\n DialogWindow.Physical_InstalmentType \r\n
,\r\n \r\n \r\n
\r\n \r\n DialogWindow.Physical_Frequency \r\n
,\r\n \r\n\r\n \r\n\r\n
\r\n \r\n DialogWindow.Physical_Period \r\n
,\r\n \r\n \r\n
\r\n \r\n DialogWindow.Physical_InterestRecalculationRateType \r\n
]}\r\n \r\n \r\n
\r\n \r\n DialogWindow.Physical_DownPayment \r\n
\r\n \r\n this.setStateProp('downPayment', value)}> \r\n {this.state.downPaymentSettings.unit}\r\n
\r\n \r\n DialogWindow.Physical_TotalMarketValue \r\n
\r\n {this.state.period != 1 ? {utils.formatNumber(marketValue, currency.Decimals)}
\r\n \r\n DialogWindow.Physical_InterestRate \r\n
:\r\n {parseFloat(this.state.instalmentPolicyDetail.InterestRate) * 100}%
\r\n \r\n DialogWindow.Physical_AdvanceAmount \r\n
\r\n }\r\n\r\n {this.state.period == 1 ? '' :\r\n {utils.formatNumber(prePaymentAmount, currency.Decimals)}
\r\n \r\n DialogWindow.Physical_HandlingFee \r\n
}\r\n\r\n {utils.formatNumber(model.placingData.physicalOptions.administrationFee, currency.Decimals)} {this.state.instalmentPolicyDetail.AdministrationFeeBase == AdministrationFeeBaseType.Percentage ? '%' : ''}
\r\n \r\n {this.state.period > 1 ? \"DialogWindow.Physical_RepaymentAmount\" : \"DialogWindow.Physical_RemainAmount\"} \r\n
\r\n\r\n {!discount ? '' :\r\n {utils.formatNumber(parseFloat(marketValue - prePaymentAmount), currency.Decimals)}
\r\n \r\n DialogWindow.Physical_PaymentDiscount \r\n
}\r\n\r\n\r\n {utils.formatNumber(discount, currency.Decimals)}
\r\n \r\n DialogWindow.Physical_InstalmentTips \r\n
\r\n\r\n \r\n {!isPad ? '' : }\r\n \r\n {isPad || this.state.period <= 1 ? '' : }\r\n
\r\n\r\n \r\n \r\n
: ''}\r\n\r\n \r\n
;\r\n let allowOrderingNotify = (model && model.settingData && model.settingData.SystemParameter) ? utils.parseBoolean(model.settingData.SystemParameter.AllowOrderingNotify) : false;\r\n if (allowOrderingNotify) {\r\n\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n\r\n let quotation = instrument.quotation; // model.placingData.clickedQuotation;\r\n if (!quotation) quotation = {};\r\n let buyPrice = (isNormal ? quotation.Ask : quotation.Bid);\r\n let sellPrice = (isNormal ? quotation.Bid : quotation.Ask);\r\n let clickedPrice = isBuy ? buyPrice : sellPrice;\r\n bottomButtonRow = { if (canPlaceOrder) this.beforeSubmitClick.bind(this)(isBuy) }} > DialogWindow.ClickTo {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"}
\r\n {!canPlacePendingOrder ? '' : this.onOrderTypeChange(OrderType.Limit)}> DialogWindow.PendingOrder
}\r\n \r\n
;\r\n }\r\n\r\n let submitText = isBuy ? { if (canPlaceOrder) this.beforeSubmitClick.bind(this)(isBuy) }} > DialogWindow.ClickTo {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"}
\r\n {!canPlacePendingOrder ? '' : {clickedPrice}
this.onOrderTypeChange(OrderType.Limit)}> DialogWindow.PendingOrder
}\r\n { if (canPlaceOrder) this.beforeSubmitClick.bind(this)(isBuy) }} > {submitText} MainView.Submit
\r\n }\r\n\r\n let closePaneButtonStyle = { display: \"inline-block\", width: \"2em\", marginRight: '0.5em', textAlign: \"center\", float: 'right', borderWidth: isPad ? '1px' : '0', borderStyle: 'solid', color: 'inherit' };\r\n let closePaneButtonClass = defaultCss.defaultBorderColor; // isPad ? (isBuy ? moduleCss.buyColor : moduleCss.sellColor) : \"\";\r\n let closePaneButton = { console.log('dq onClosePaneClick'); this.props.onClosePaneClick() }} >
;\r\n let titleBar = isPad ?\r\n \r\n\r\n
\r\n\r\n }\r\n\r\n}\r\n\r\n// let placingDqView = withRouter(PlacingDqView);\r\nexport default withRouter(PlacingDqView);\r\n","import React from 'react';\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport { message as antMessage, Button, Select, Checkbox, Radio } from 'antd';\r\nimport { EllipsisOutlined, CloseOutlined } from '@ant-design/icons';\r\n\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { TransactionType, OrderType, LimitOrStop, BuySell, InstrumentCategory, PaymentForm, TradeOption, PhysicalTradeSide } from '../../common/const';\r\nimport { calculatePhysicalValue } from '../../model/physicalHelper';\r\nimport { isAcceptedNewLimitPosition, isAcceptedNewStopPosition } from '../../model/orderHelper';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport ExpireSelectView from './expireselectview';\r\nimport PlaceConfirmView from './placeconfirmview';\r\nimport { PlacingInstalmentView } from './placinginstalmentview';\r\nimport { PlacingInstalmentDetailView } from './placinginstalmentdetailview';\r\nimport InputNumberComponent from '../inputnumbercomponent';\r\nimport { getLotSettings } from '../../model/placinglotsetting';\r\nimport { getPendingPriceSetting } from '../../model/placingpricesetting';\r\n\r\nconst { Option } = Select;\r\nconst SubViewType = { None: 0, Instalment: 1, InstalmentDetail: 2 };\r\nconst SaveLotCookey = 'SpotTradeLot'; // LimitLot\r\nclass PlacingPendingView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n let { model, isPad } = props;\r\n //if (!isPad) model.resetInput();\r\n // this.resetInput(props, true); \r\n if (!isPad) model.resetInput();\r\n\r\n if (model && model.placingData && model.selectedAccount) {\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let lotSettings = getLotSettings(model.selectedAccount, instrument, true, true);\r\n let savedLot = parseFloat(utils.loadCookie(model.customer.Id + instrument.Id + SaveLotCookey));\r\n if (savedLot > lotSettings.max || savedLot < lotSettings.min) {\r\n savedLot = undefined;\r\n }\r\n\r\n if (model.placingData.lot === undefined) model.placingData.lot = lotSettings.default;\r\n let expireTypes = model.getExpireTypes(instrument);\r\n this.state = {\r\n lotSettings: lotSettings,\r\n lot: savedLot ? savedLot : model.placingData.lot,\r\n saveLot: savedLot ? true : false,\r\n expireTypes: expireTypes,\r\n expireType: expireTypes && expireTypes.length > 0 ? expireTypes[0] : 0\r\n }\r\n }\r\n this.subComponents = {};\r\n }\r\n\r\n componentDidMount() {\r\n console.log(\"PlacingPendingView.componentDidMount\");\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(this.props.name ? this.props.name : \"placingPendingView\", this);\r\n }\r\n\r\n let { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n model.placingData.orderType = OrderType.Limit;\r\n model.placingData.expireType = this.state.expireType;\r\n\r\n model.refreshAllowedCloseLot(instrument);\r\n let allowedCloseLot = model.placingData.isBuy ? instrument.allowedCloseLot_Buy_LimitOrStop : instrument.allowedCloseLot_Sell_LimitOrStop;\r\n this.setState({ hasOpenOrder: allowedCloseLot > 0 });\r\n\r\n this.setPaymentOptions(); \r\n }\r\n\r\n onSubComponentLoad(name, comp) {\r\n this.subComponents[name] = comp;\r\n }\r\n\r\n resetInput(props, isConstructor) {\r\n console.log(\"PlacingPendingView.resetInput\");\r\n let { model } = (props === undefined ? this.props : props);\r\n model.resetInput();\r\n if (model && model.placingData && model.selectedAccount) {\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let lotSettings = getLotSettings(model.selectedAccount, instrument, false, model.closeLot == 0);\r\n\r\n let dealingPolicy = instrument.dealingPolicyDetail;\r\n let maxDqLot = parseFloat(utils.isEmpty(dealingPolicy) ? instrument.MaxDQLot : dealingPolicy.MaxDQLot);\r\n let maxOtherLot = parseFloat(utils.isEmpty(dealingPolicy) ? instrument.MaxOtherLot : dealingPolicy.MaxOtherLot);\r\n let expireTypes = model.getExpireTypes(instrument);\r\n let savedLot = parseFloat(utils.loadCookie(model.customer.Id + instrument.Id + SaveLotCookey));\r\n if (savedLot > lotSettings.max || savedLot < lotSettings.min) {\r\n savedLot = undefined;\r\n }\r\n let state = {\r\n lotSettings: lotSettings,\r\n lot: savedLot ? savedLot : lotSettings.default,\r\n limitPrice: '',\r\n limitPriceDoneLimit: undefined,\r\n limitPriceDoneStop: undefined,\r\n\r\n stopPrice: '',\r\n stopPriceDoneLimit: undefined,\r\n stopPriceDoneStop: undefined,\r\n\r\n maxOtherLot: maxOtherLot,\r\n saveLot: savedLot ? true : false,\r\n expireTypes: expireTypes,\r\n expireType: expireTypes && expireTypes.length > 0 ? expireTypes[0] : 0\r\n };\r\n\r\n let paymentOptions = this.setPaymentOptions(isConstructor);\r\n Object.assign(state, paymentOptions);\r\n if (isConstructor) {\r\n this.state = state;\r\n } else {\r\n this.setState(state);\r\n }\r\n }\r\n model.placingData.useLimitPrice = false;\r\n model.placingData.useStopPrice = false;\r\n\r\n if (this.subComponents) {\r\n Object.values(this.subComponents).forEach((comp) => {\r\n if (comp.resetInput) comp.resetInput();\r\n });\r\n }\r\n\r\n }\r\n\r\n\r\n setStateProp(propName, propValue) {\r\n let { model } = this.props;\r\n\r\n let prop = {};\r\n prop[propName] = propValue;\r\n this.setState(prop);\r\n\r\n if (propName === 'isOcoChecked') {\r\n model.placingData.isOcoChecked = propValue;\r\n }\r\n\r\n if (propName === \"lot\") {\r\n model.placingData.lot = parseFloat(propValue);\r\n }\r\n if (propName === \"limitPrice\") {\r\n model.placingData.limitPrice = propValue;\r\n model.placingData.useLimitPrice = !utils.isEmpty(propValue);\r\n if (model.placingData.physicalOptions) {\r\n model.placingData.physicalOptions.downPayment = model.placingData.physicalOptions.marketValue = model.calcPhysicalMarketValue(PaymentForm.FullPayment);\r\n }\r\n model.refreshAllowedCloseLot(model.placingData.selectedInstrument);\r\n\r\n // this.onCloseOrderClick();\r\n if (this.props.forceUpdate) this.props.forceUpdate();\r\n } else if (propName === \"stopPrice\") {\r\n model.placingData.stopPrice = propValue;\r\n model.placingData.useStopPrice = !utils.isEmpty(propValue);\r\n if (model.placingData.physicalOptions) {\r\n model.placingData.physicalOptions.downPayment = model.placingData.physicalOptions.marketValue = model.calcPhysicalMarketValue(PaymentForm.FullPayment);\r\n }\r\n model.refreshAllowedCloseLot(model.placingData.selectedInstrument);\r\n\r\n //this.onCloseOrderClick();\r\n if (this.props.forceUpdate) this.props.forceUpdate();\r\n }\r\n }\r\n\r\n getStateValue(propName, defaultValue) {\r\n if (propName === \"lot\" && this.props.model.closeLot) {\r\n return this.props.model.closeLot;\r\n } else {\r\n return this.state[propName] !== undefined ? this.state[propName] : defaultValue;\r\n }\r\n }\r\n\r\n isOcoEnabled() {\r\n\r\n let { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n let isOpen = (model.closeLot ? false : true);\r\n\r\n return !utils.isEmpty(this.state.limitPrice) && !utils.isEmpty(this.state.stopPrice) && model.canPlaceOcoOrder(instrument, isOpen);\r\n }\r\n\r\n isSubmitEnabled() { return this.state.maxOtherLot > 0 && !utils.isEmpty(this.state.limitPrice) || !utils.isEmpty(this.state.stopPrice) }\r\n\r\n onInputChange(propName, value) {\r\n if (value >= 0) {\r\n this.setStateProp(propName, value);\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n onCloseOrderClick() {\r\n if (this.props.onCloseOrderClick) {\r\n this.props.onCloseOrderClick();\r\n }\r\n }\r\n\r\n onBackgroundPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n onInstalmentButtonClick(e) {\r\n // if (this.onSubmitClick(this.props.isBuy)) {\r\n // this.goto(\"/placinginstalment\");\r\n // }\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n //this.onSubmitClick(this.props.isBuy);\r\n let { model, isPad } = this.props;\r\n\r\n model.placingData.physicalOptions.tradeOption = (model.placingData.useLimitPrice ? TradeOption.Better : TradeOption.Stop);\r\n if (isPad) {\r\n this.goto(\"/placinginstalment\");\r\n } else {\r\n this.setState({ subViewType: SubViewType.Instalment });\r\n if (this.props.onSwitchFullScreen) {\r\n this.props.onSwitchFullScreen(true);\r\n }\r\n }\r\n }\r\n\r\n onInstalmentDetailButtonClick() {\r\n this.setState({ subViewType: SubViewType.InstalmentDetail });\r\n }\r\n\r\n onTitleGobackClick() {\r\n this.setState({ subViewType: SubViewType.None });\r\n if (this.props.onSwitchFullScreen) {\r\n this.props.onSwitchFullScreen(false);\r\n }\r\n }\r\n\r\n onSubmitClick(isBuy) {\r\n\r\n let { model } = this.props;\r\n\r\n if (utils.isEmpty(this.state.limitPrice) && utils.isEmpty(this.state.stopPrice)) {\r\n model.showModalDialog(\r\n {titleBar} {isPad ? '' : closePaneButton}\r\n
\r\n \r\n {isPad ? \"\" :\r\n
\r\n\r\n \r\n DialogWindow.CloseLot \r\n \r\n
\r\n }\r\n \r\n {model.closeLot ? \"DialogWindow.CloseLot\" : \"DialogWindow.OpenLot\"} \r\n
\r\n\r\n {!isMarket && pipsSettings ?\r\n ({lotComponent}
\r\n {model.closeLot ? '' : this.setStateProp('saveLot', e.target.checked)}> DialogWindow.Save }
\r\n \r\n DialogWindow.MovePips \r\n this.setStateProp('savePips', e.target.checked)}> DialogWindow.Save \r\n
\r\n ) : ''}\r\n\r\n {!model.closeLot && canPlaceIfDoneOrder ? \r\n this.setStateProp('pips', value)}> \r\n
\r\n \r\n
: ''}\r\n\r\n\r\n\r\n {(model.closeLot <= 0 || model.closeLot == undefined) && isPhysical && isBuy && !(this.state.paymentForms.length == 1 && this.state.paymentForms[0] == PaymentForm.FullPayment) ?\r\n (\r\n DialogWindow.CloseLimit \r\n
\r\n\r\n \r\n this.setStateProp('doneLimitPrice', value)} placeHolder={DialogWindow.Price }> \r\n
\r\n \r\n DialogWindow.CloseStop \r\n
\r\n\r\n \r\n this.setStateProp('doneStopPrice', value)} placeHolder={DialogWindow.Price }>> \r\n
\r\n \r\n DialogWindow.TimeExpired \r\n
\r\n
\r\n \r\n DialogWindow.Physical_PaymentType \r\n
\r\n ) : ''}\r\n\r\n\r\n \r\n \r\n
\r\n {this.state.instalmentDetailButtonVisible ? \r\n
\r\n\r\n \r\n {!enableFastTrade ? '' : { instrument.fastTradeChecked = e.target.checked; this.forceUpdate() }}> DialogWindow.FastTradeNoConfirm }\r\n
\r\n\r\n {bottomButtonRow}\r\n \r\n \r\n
;\r\n }\r\n\r\n let closePaneButtonStyle = { display: \"inline-block\", width: \"2em\", marginRight: '0.5em', textAlign: \"center\", float: 'right', borderWidth: isPad ? '1px' : '0', borderStyle: 'solid', color: 'inherit' };\r\n let closePaneButtonClass = defaultCss.defaultBorderColor; // isPad ? (isBuy ? moduleCss.buyColor : moduleCss.sellColor) : \"\";\r\n let closePaneButton = { if (canPlaceOrder) this.onSubmitClick.bind(this)(isBuy) }} > {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"} DialogWindow.Submit
\r\n */}\r\n\r\n {this.props.isPad ? bottomButtonRow\r\n :
\r\n\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(PlacingPendingView);\r\n","import React from 'react';\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\nimport { CloseOutlined, } from '@ant-design/icons';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { Phase, OrderDetailViewType } from '../../common/const.js';\r\nimport { getWorkingListPhaseClassName, getOrderTypeLanguageKey } from '../../model/orderHelper.js';\r\nimport BaseView from \"../baseview.js\";\r\n\r\nclass WorkingListItem extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n console.log('WorkingListItem.ctor');\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n onItemClick(order) {\r\n let { model, isPad, isTitle } = this.props;\r\n if (!isTitle) {\r\n model.placingData.selectedOrders = [order];\r\n model.placingData.orderDetailViewType = isPad ? OrderDetailViewType.Modify : OrderDetailViewType.WorkingList;\r\n\r\n this.goto('/pendingorderdetail');\r\n }\r\n }\r\n\r\n render() {\r\n let { model, isPad, order, isTitle, hasPips, showCommission } = this.props;\r\n\r\n let moduleCss = this.getModuleCss('WorkingListView', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n let enableRebate = utils.parseBoolean(model.config.getValue('enableRebate', \"false\"));\r\n if (isTitle) {\r\n\r\n if (isPad) {\r\n\r\n let titleStyle = (model && model.config) ? { backgroundColor: model.config.getValue('titleBackgroundColor'), color: model.config.getValue('titleColor') } : {};\r\n return \r\n {titleBar}{isPad ? '' : closePaneButton}\r\n
\r\n \r\n
\r\n\r\n {/* \r\n {isPad ? null : [DialogWindow.CloseLot ,\r\n ]}\r\n\r\n {model.closeLot ? \"DialogWindow.CloseLot\" : \"DialogWindow.OpenLot\"} \r\n
\r\n\r\n\r\n \r\n { /* this.onInputChange('lot', value)}> */}\r\n {lotComponent}\r\n
\r\n {model.closeLot ? '' : this.setStateProp('saveLot', e.target.checked)}> DialogWindow.Save }
\r\n\r\n \r\n
\r\n\r\n \r\n DialogWindow.PlacingOrder_LimitPrice \r\n
\r\n {model.closeLot || utils.isEmpty(this.state.limitPrice) || !canPlaceIfDoneOrder ? [] :\r\n [\r\n this.onInputChange('limitPrice', value)} value={this.state.limitPrice} placeHolder={DialogWindow.Price }> \r\n
\r\n \r\n DialogWindow.CloseLimit \r\n
,\r\n\r\n\r\n \r\n this.onInputChange('limitPriceDoneLimit', value)} value={this.state.limitPriceDoneLimit} placeHolder={DialogWindow.Price }> \r\n
\r\n \r\n DialogWindow.CloseStop \r\n
\r\n ]}\r\n\r\n \r\n this.onInputChange('limitPriceDoneStop', value)} value={this.state.limitPriceDoneStop} placeHolder={DialogWindow.Price }> \r\n
\r\n \r\n DialogWindow.TimeExpired \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n {isPhysical && isBuy && !(this.state.paymentForms && this.state.paymentForms.length == 1 && this.state.paymentForms[0] == PaymentForm.FullPayment)\r\n && (!utils.isEmpty(this.state.limitPrice) || !utils.isEmpty(this.state.stopPrice)) ?\r\n (\r\n DialogWindow.PlacingOrder_StopPrice \r\n
\r\n {model.closeLot || utils.isEmpty(this.state.stopPrice) || !canPlaceIfDoneOrder ? [] :\r\n [\r\n this.onInputChange('stopPrice', value)} value={this.state.stopPrice} placeHolder={DialogWindow.Price }> \r\n
\r\n \r\n DialogWindow.CloseLimit \r\n
,\r\n\r\n \r\n this.onInputChange('stopPriceDoneLimit', value)} value={this.state.stopPriceDoneLimit} placeHolder={DialogWindow.Price } > \r\n
\r\n \r\n DialogWindow.CloseStop \r\n
]}\r\n {!this.isOcoEnabled() ? '' :\r\n \r\n this.onInputChange('stopPriceDoneStop', value)} value={this.state.stopPriceDoneStop} placeHolder={DialogWindow.Price } > \r\n
\r\n \r\n \r\n
\r\n }\r\n\r\n \r\n this.setStateProp('isOcoChecked', e.target.checked)}> DialogWindow.OCO \r\n
\r\n \r\n DialogWindow.Physical_PaymentType \r\n
\r\n ) : ''}\r\n\r\n \r\n \r\n
\r\n {this.state.instalmentDetailButtonVisible ? this.onSubmitClick.bind(this)(isBuy)} > DialogWindow.ClickTo {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"}
\r\n \r\n
}\r\n\r\n \r\n\r\n {!canPlaceDqOrder ? '' :
\r\n this.onOrderTypeChange(OrderType.SpotTrade)}> DialogWindow.SpotOrder
}\r\n { if (canPlaceOrder) this.onSubmitClick.bind(this)(isBuy) }} > DialogWindow.ClickTo {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"}
\r\n \r\n MainView.Phase \r\n DialogWindow.SubmitTime \r\n DialogWindow.EndTime \r\n DialogWindow.AccountCode \r\n DialogWindow.InstrumentCode \r\n DialogWindow.Lot \r\n {!hasPips ? '' : DialogWindow.MovePips }\r\n DialogWindow.OpenCloseOrder \r\n\r\n MainView.BuySell \r\n DialogWindow.Price \r\n DialogWindow.ExecutePrice \r\n\r\n DialogWindow.OrderType \r\n MainView.TradePL \r\n {!showCommission ? '' : DialogWindow.Commission }\r\n {!enableRebate ? '' : DialogWindow.Rebate }\r\n DialogWindow.Levy \r\n DialogWindow.Remarks \r\n\r\n
;\r\n } else {\r\n return \r\n\r\n DialogWindow.BuyOrSell \r\n DialogWindow.SubmitTime \r\n DialogWindow.Quantity \r\n DialogWindow.Price \r\n DialogWindow.OpenCloseOrder \r\n MainView.Phase \r\n
\r\n\r\n\r\n }\r\n } else {\r\n let phaseClassName = getWorkingListPhaseClassName(order.Phase);\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n let account = model.accounts[order.Transaction.AccountID];\r\n let instrument = model.instruments[order.Transaction.InstrumentID];\r\n let currency = undefined;\r\n if (Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n // this.Decimals = currency.Decimals;\r\n }\r\n else {\r\n currency = model.currencies[model.selectedAccount.CurrencyId];\r\n }\r\n\r\n if (isPad) {\r\n \r\n let commission = utils.formatNumber((order.Commission > 0 ? order.Commission : 0), currency.Decimals);\r\n let levy = utils.formatNumber((order.Levy > 0 ? order.Levy : 0), currency.Decimals);\r\n let rebate = utils.formatNumber(Math.abs((order.Commission < 0 ? order.Commission : 0) + (order.Levy < 0 ? order.Levy : 0)), currency.Decimals);\r\n return this.onItemClick(order)}>\r\n {utils.getPhaseLanguageKey(order.Phase)} \r\n {Boolean.parseBoolean(order.IsOpen) ? \"DialogWindow.OpenPosition\" : \"DialogWindow.ClosePosition\"} \r\n\r\n {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"} \r\n {getOrderTypeLanguageKey(order)} \r\n
\r\n\r\n } else {\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n // let phaseClassName = getWorkingListPhaseClassName(order.Phase);\r\n\r\n return {order.Transaction.SubmitTime}
\r\n {order.Transaction.EndTime}
\r\n {account.Name}
\r\n {instrument.Description}
\r\n {parseFloat(order.Lot)}
\r\n {!hasPips ? '' : {order.DQMaxMove}
}\r\n {order.SetPrice}
\r\n {order.ExecutePrice}
\r\n\r\n {!order.TradePL ? '' : utils.formatNumber(order.TradePL, currency.Decimals)}
\r\n {!showCommission ? '' : {isNaN(commission) ? 0 : commission}
} \r\n {!enableRebate ? '' : {rebate}
}\r\n {isNaN(levy) ? 0 : levy}
\r\n {order.Remark}
\r\n\r\n this.onItemClick(order)}>\r\n {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"} \r\n {Boolean.parseBoolean(order.IsOpen) ? \"DialogWindow.OpenPosition\" : \"DialogWindow.ClosePosition\"} \r\n {utils.getPhaseLanguageKey(order.Phase)} \r\n
\r\n }\r\n }\r\n }\r\n}\r\nlet WorkingListItemComponent = withRouter(WorkingListItem);\r\n\r\nclass WorkingListView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n console.log('WorkingListView.ctor');\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n onClearAllClick() {\r\n let { model } = this.props;\r\n if (model.placingData.selectedInstrument && model.placingData.selectedInstrument.workingList) {\r\n let orders = Object.values(model.placingData.selectedInstrument.workingList);\r\n orders.forEach((o) => {\r\n if (o.Phase != Phase.Placing && o.Phase != Phase.Placed) {\r\n delete model.placingData.selectedInstrument.workingList[o.ID];\r\n }\r\n });\r\n\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n onMainPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n onCloseButtonClick(e) {\r\n if (this.props.onCloseButtonClick) {\r\n this.props.onCloseButtonClick(e);\r\n }\r\n }\r\n\r\n\r\n render() {\r\n\r\n let { model, isPad } = this.props;\r\n let moduleCss = this.getModuleCss('WorkingListView', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n // let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let orderItems = [];\r\n //instruments.forEach((instrument, index) => {\r\n let orders = [];\r\n let hasPips = false;\r\n let showRebate = false;\r\n let showCommission = true; // false;\r\n Object.values(model.instruments).forEach((instrument, index) => {\r\n if (instrument.workingList && (isPad || instrument.Id === model.placingData.selectedInstrument.Id)) {\r\n // let lotSettings = getLotSettings(model.selectedAccount, instrument, true, true);\r\n Object.values(instrument.workingList).forEach((order, index) => {\r\n if (parseFloat(order.DQMaxMove) > 0) hasPips = true;\r\n // if (parseFloat(order.Commission) > 0) showCommission = true;\r\n if (parseFloat(order.Commission) < 0) showRebate = true;\r\n orders.push(order);\r\n });\r\n }\r\n });\r\n\r\n let enableRebate = utils.parseBoolean(model.config.getValue('enableRebate', 'false'));\r\n orders.sort((a, b) => b.Transaction.SubmitTime.localeCompare(a.Transaction.SubmitTime));\r\n orders.forEach((order) => {\r\n orderItems.push( {order.Transaction.SubmitTime.substring(11)}
\r\n {parseFloat(order.Lot)}
\r\n {utils.isEmpty(order.ExecutePrice) ? order.SetPrice : order.ExecutePrice}
\r\n \r\n {isPad ? null :
;\r\n\r\n\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(WorkingListView);\r\n","import React from 'react';\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\nimport { CloseOutlined, } from '@ant-design/icons';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { OrderType, Phase, TradeOption, TransactionType, OrderDetailViewType } from '../../common/const';\r\n\r\nimport BaseView from \"../baseview.js\";\r\n\r\nimport { getLotSettings, getMovePipsSettings } from '../../model/placinglotsetting';\r\n\r\nclass PendingListView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n\r\n let { model } = props;\r\n if (model && model.placingData && model.selectedAccount) {\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let lotSettings = getLotSettings(model.selectedAccount, instrument, true, true);\r\n this.state = { lotSettings: lotSettings, lot: lotSettings.default }\r\n }\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n onClearAllClick() {\r\n let { model } = this.props;\r\n if (model.placingData.selectedInstrument) {\r\n model.placingData.selectedInstrument.workingList = {};\r\n }\r\n }\r\n\r\n onMainPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n onCloseButtonClick(e) {\r\n if (this.props.onCloseButtonClick) {\r\n this.props.onCloseButtonClick(e);\r\n\r\n }\r\n }\r\n\r\n\r\n getOrderTypeLanguageKey(transactionType, orderType, tradeOption) {\r\n switch (orderType) {\r\n case OrderType.OneCancelOther: return tradeOption === TradeOption.Stop ? \"MainView.StopOfOCO\" : \"MainView.LimitOfOCO\";\r\n case OrderType.Limit:\r\n\r\n if (transactionType === TransactionType.OneCancelOther) {\r\n return tradeOption === TradeOption.Stop ? \"MainView.StopOfOCO\" : \"MainView.LimitOfOCO\";\r\n } else {\r\n return tradeOption === TradeOption.Stop ? \"MainView.OrderType_Stop\" : \"MainView.OrderType_Limit\";\r\n }\r\n default: return \"\";\r\n }\r\n }\r\n\r\n onItemClick(order) {\r\n this.props.model.placingData.selectedOrders = [order];\r\n this.props.model.placingData.orderDetailViewType = OrderDetailViewType.Modify;\r\n this.goto('/pendingorderdetail');\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('WorkingListView', 'common');\r\n\r\n let { model } = this.props;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let orderItems = [];\r\n\r\n if (instrument.workingList) {\r\n let orders = Object.values(instrument.workingList).reverse(); // .sort((a, b) => b.Transaction.SubmitTime.localeCompare(a.Transaction.SubmitTime));\r\n orders.forEach((order, index) => {\r\n let tradeOption = parseInt(order.TradeOption);\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n if (tradeOption !== TradeOption.Invalid && (order.Phase == Phase.Placing || order.Phase == Phase.Placed)) {\r\n orderItems.push(\r\n DialogWindow.ClearAll \r\n DialogWindow.OnlineTrading \r\n
}\r\n\r\n \r\n
\r\n \r\n\r\n {/*
\r\n\r\n */}\r\n {orderItems}\r\n {/*
*/}\r\n this.onItemClick(order)}>\r\n {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"} \r\n {Boolean.parseBoolean(order.IsOpen) ? \"DialogWindow.OpenOrder\" : \"DialogWindow.CloseOrder\"} \r\n DialogWindow.PlacingConfirmation_Lot \r\n {this.getOrderTypeLanguageKey(parseInt(order.Transaction.Type), parseInt(order.Transaction.OrderType), tradeOption)} \r\n DialogWindow.At \r\n {utils.getPhaseLanguageKey(order.Phase)} \r\n
);\r\n }\r\n });\r\n }\r\n\r\n return {parseFloat(order.Lot)}
{order.SetPrice}
\r\n \r\n
\r\n\r\n\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(PendingListView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\n// import { CaretDownFilled } from '@ant-design/icons';\r\nimport { Checkbox } from 'antd';\r\nimport { CaretRightOutlined, CaretDownOutlined, ShoppingCartOutlined, PoweroffOutlined, RollbackOutlined, FileTextOutlined } from '@ant-design/icons';\r\n\r\nimport * as utils from '../../common/utils';\r\nimport { getLotSettings } from '../../model/placinglotsetting';\r\nimport { InventoryInProcessStatus, OrderType, InstrumentStatus, PhysicalTradeSide, AllowCloseInstalment, AdvancePaymentOption } from '../../common/const';\r\nimport * as physicalHelper from '../../model/physicalHelper.js';\r\nimport BaseView from \"../baseview.js\";\r\nimport InputNumberComponent from '../inputnumbercomponent';\r\n\r\nclass InventoryItemView extends BaseView {\r\n\r\n componentDidMount() {\r\n }\r\n\r\n onInventoryClick(e) {\r\n if (e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n if (!this.props.disableClick) {\r\n this.props.model.placingData.selectedInstrument = this.props.instrument;\r\n this.props.model.placingData.selectedInventory = this.props.inventory;\r\n this.goto('/inventorydetail');\r\n }\r\n }\r\n\r\n onDeliveryButtonClick(e) {\r\n if (e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n let { model, inventory, instrument, isPad, isTitle } = this.props;\r\n physicalHelper.gotoDelivery(model, model.selectedAccount, instrument, inventory, () => this.goto('/delivery'));\r\n }\r\n\r\n onRepaymentButtonClick(e) {\r\n if (e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n let { inventory, instrument, model, isTitle } = this.props;\r\n model.placingData.selectedInstrument = instrument;\r\n model.placingData.selectedInventory = this.props.inventory;\r\n let unPaid = !inventory ? '' : parseFloat(inventory.PhysicalOriginValueBalance) - Math.abs(parseFloat(inventory.PaidPledgeBalance));\r\n if (unPaid != 0) {\r\n model.placingData.selectedInventory = inventory;\r\n this.goto('/repayment');\r\n }\r\n }\r\n\r\n onInstalmentButtonClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n\r\n let { inventory, instrument, model, isTitle } = this.props;\r\n if (inventory.Period > 1) {\r\n model.placingData.selectedOrders = [inventory];\r\n model.placingData.selectedInventory = inventory;\r\n this.goto('/instalmentsum');\r\n }\r\n }\r\n\r\n onCloseOrderButtonClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n\r\n let { inventory, instrument, model, isTitle } = this.props;\r\n if (!isTitle) {\r\n // let instrument = model.instruments[order.Transaction.InstrumentID];\r\n let isMarketClose = (instrument.status != InstrumentStatus.DayOpen && instrument.status != InstrumentStatus.SessionOpen);\r\n\r\n if (!isMarketClose) {\r\n model.buildPlacingData(this.props.instrument, [inventory], OrderType.SpotTrade);\r\n this.goto('/closeorder');\r\n }\r\n }\r\n }\r\n\r\n setDeliveryLot(inventory, deliveryLot) {\r\n console.log('setDeliveryLot');\r\n inventory.deliveryLot = parseFloat(deliveryLot);\r\n\r\n if (deliveryLot) {\r\n let { model, inventory, instrument } = this.props;\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n inventory.deliveryQuantity = parseFloat((inventory.deliveryLot * parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight)).toFixed(6));\r\n } else {\r\n inventory.deliveryQuantity = 0;\r\n }\r\n\r\n if (this.props.onDeliveryLotChange) {\r\n this.props.onDeliveryLotChange(inventory);\r\n }\r\n\r\n this.forceUpdate();\r\n return true;\r\n }\r\n\r\n onCheckboxChange(inventory, checked, e) {\r\n //inventory.deliveryLot = (checked ? parseFloat(inventory.LotBalance) : 0);\r\n\r\n this.setDeliveryLot(inventory, (checked ? parseFloat((parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess).toFixed(6)) : 0));\r\n inventory.checked = checked;\r\n this.props.model.placingData.selectedInventory = inventory;\r\n\r\n if (this.props.onCheckboxChange) {\r\n this.props.onCheckboxChange(inventory, checked)\r\n }\r\n }\r\n\r\n getInprocessStatusText(status) {\r\n switch (status) {\r\n case InventoryInProcessStatus.StockIsAvailable:\r\n return \r\n DialogWindow.UnPendingOrder \r\n
\r\n\r\n \r\n {orderItems}\r\n {this.props.children}\r\n
\r\n\r\n {inventory.Transaction.ExecuteTime.substring(0, 10)} DialogWindow.Buy @ {inventory.ExecutePrice}
;\r\n return \r\n
\r\n\r\n }\r\n\r\n if (isPad) {\r\n if (this.props.isTitle) {\r\n return {isTitle ? Chart.OpenOrder : { e.stopPropagation(); e.cancelBubble = true; }} onChange={(e) => { this.onCheckboxChange(inventory, e.target.checked) }} checked={inventory.deliveryLot ? true : false} />}
\r\n\r\n {isTitle ? DialogWindow.Physical_TradingDetails : tradingDetail}
\r\n \r\n {isTitle ? DialogWindow.Lot : this.setDeliveryLot(inventory, value)}> }\r\n
\r\n\r\n \r\n {!columnProps.showDeliveryColumn ? '' : DialogWindow.Physical_Delivery }\r\n MainView.Close \r\n {!columnProps.showInstalmentColumn ? '' : DialogWindow.Physical_Instalment }\r\n {!columnProps.showRepaymentColumn ? '' : DialogWindow.Physical_Repayment }\r\n DialogWindow.InstrumentCode \r\n DialogWindow.ExecuteTradeDay \r\n DialogWindow.Physical_Weight \r\n DialogWindow.ExecutePrice \r\n DialogWindow.RefPrice \r\n DialogWindow.PhysicalItem_MarketValue \r\n\r\n DialogWindow.PhysicalItem_PaidPledge \r\n DialogWindow.TradePLFloat \r\n DialogWindow.Physical_RemainAmount \r\n DialogWindow.PhysicalItem_PedgeValue \r\n DialogWindow.Physical_PaymentDiscount \r\n
\r\n } else {\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let weight = instrumentUnit ? parseFloat(instrumentUnit.Weight) : 1;\r\n return \r\n {!columnProps.showDeliveryColumn ? '' :
\r\n }\r\n } else {\r\n if (this.props.isTitle) {\r\n let titleCss = `${showInOpenPosition ? '' : moduleCss.orderTitleBackground} ${moduleCss.orderRow}`;\r\n return { if (canDelivery) this.onDeliveryButtonClick.bind(this)(e) }}>
\r\n }\r\n { if (canClose) this.onCloseOrderButtonClick.bind(this)(e) }}>
\r\n {!columnProps.showInstalmentColumn ? '' : 1 ? '' : defaultCss.disabledColor}`} style={{ background: 'inherit' }} onClick={this.onInstalmentButtonClick.bind(this)}>
}\r\n {!columnProps.showRepaymentColumn ? '' : { if (canRepayment) this.onRepaymentButtonClick.bind(this)(e) }} >
}\r\n {inventory.Code}
\r\n {inventory.Transaction.ExecuteTime}
\r\n {(parseFloat(inventory.Transaction.ContractSize) * (parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess) * weight).toFixed(currency.Decimals)}
\r\n {inventory.ExecutePrice}
\r\n {inventory.LivePrice}
\r\n {utils.formatNumber(model.exchangeRate(inventory.MarketValue, instrument.CurrencyId, currency.Id), currency.Decimals)}
\r\n\r\n {unPaid == 0 ? '' : utils.formatNumber(Math.abs(inventory.PaidPledgeBalance), currency.Decimals)}
\r\n {utils.formatNumber(inventory.TradePLFloat, currency.Decimals)}
\r\n {utils.formatNumber(unPaid, currency.Decimals)}
\r\n {utils.formatNumber(inventory.PedgeAmount, currency.Decimals)}
\r\n {utils.formatNumber(inventory.PhysicalPaymentDiscount, currency.Decimals)}
\r\n\r\n \r\n \r\n DialogWindow.ExecuteTime \r\n DialogWindow.Physical_Weight \r\n DialogWindow.Physical_Unit \r\n DialogWindow.ExecutePrice \r\n DialogWindow.PhysicalItem_MarketValue \r\n
\r\n }\r\n else {\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let weight = instrumentUnit ? parseFloat(instrumentUnit.Weight) : 1;\r\n return this.onInventoryClick()} >\r\n {showInOpenPosition ? :\r\n { e.stopPropagation(); e.cancelBubble = true; }} onChange={(e) => { this.onCheckboxChange(inventory, e.target.checked) }} checked={inventory.deliveryLot ? true : false} />\r\n }\r\n
\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n\r\n\r\nclass InventoryInstrumentTitleView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n this.state = { itemsVisible: true };\r\n }\r\n\r\n componentDidMount() {\r\n console.log('InventoryInstrumentView.componentDidMount');\r\n\r\n\r\n }\r\n\r\n onToggleClapseClick() {\r\n // this.setState({ itemsVisible: !this.state.itemsVisible });\r\n if (this.props.onToggleClapseClick) {\r\n this.props.onToggleClapseClick();\r\n }\r\n }\r\n\r\n hasDeliveryOrder(instrument) {\r\n let result = false;\r\n Object.values(instrument.physicalInventory).forEach((item, index) => {\r\n if (physicalHelper.canDelivery(item)) {\r\n result = true;\r\n }\r\n });\r\n return result;\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n let { model, isTitle, instrument, columnProps } = this.props;\r\n let account = isTitle ? '' : model.selectedAccount;\r\n\r\n let currency = undefined;\r\n let totalQuantity = 0;\r\n let averagePrice = 0, totalValue = 0, totalMarketValue = 0, buyPrice = '', sellPrice = '';\r\n if (!isTitle) {\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let quotation = model.placingData.quoteAnswer && model.placingData.quoteAnswer.Ask ? model.placingData.quoteAnswer : instrument.quotation;\r\n buyPrice = (isNormal ? quotation.Ask : quotation.Bid);\r\n sellPrice = (isNormal ? quotation.Bid : quotation.Ask);\r\n\r\n if (Boolean.parseBoolean(account.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n }\r\n else {\r\n currency = model.currencies[account.CurrencyId];\r\n }\r\n\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let weight = instrumentUnit ? parseFloat(instrumentUnit.Weight) : 1;\r\n\r\n Object.values(instrument.physicalInventory).forEach((inventory) => {\r\n let lotBalance = (parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess);\r\n totalQuantity += (parseFloat(inventory.Transaction.ContractSize) * lotBalance * weight);\r\n if (lotBalance > 0) {\r\n totalValue += model.exchangeRate(parseFloat(inventory.Transaction.ContractSize) * lotBalance * parseFloat(inventory.ExecutePrice), instrument.CurrencyId, currency.Id);\r\n // totalLot += parseFloat(inventory.LotBalance);\r\n totalMarketValue += model.exchangeRate(parseFloat(inventory.Transaction.ContractSize) * lotBalance * parseFloat(sellPrice), instrument.CurrencyId, currency.Id);\r\n }\r\n });\r\n averagePrice = utils.formatPrice(totalValue / totalQuantity, instrument.Denominator);\r\n }\r\n\r\n let titleStyle = (model && model.config) ? { backgroundColor: model.config.getValue('titleBackgroundColor'), color: model.config.getValue('titleColor') } : {};\r\n titleStyle.borderBottomStyle = 'solid';\r\n titleStyle.borderBottomWidth = '1px';\r\n titleStyle.lineHeight = '2em';\r\n\r\n let foldArrow = '';\r\n if (this.props.itemsVisible != undefined) {\r\n foldArrow = this.props.itemsVisible ? {inventory.Transaction.ExecuteTime.substring(0, 10)}
\r\n {(parseFloat(inventory.Transaction.ContractSize) * (parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess) * weight).toFixed(currency.Decimals)}
\r\n {instrument.Unit}
\r\n {inventory.ExecutePrice}
\r\n {(parseFloat(inventory.Transaction.ContractSize) * parseFloat(inventory.ExecutePrice) * (parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess)).toFixed(currency.Decimals)}
\r\n \r\n this.onToggleClapseClick()}> {foldArrow} \r\n {!columnProps.showDeliveryColumn ? '' :
\r\n }\r\n}\r\n\r\n\r\nclass InventoryInstrumentView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { itemsVisible: true };\r\n }\r\n\r\n componentDidMount() {\r\n console.log('InventoryInstrumentView.componentDidMount');\r\n }\r\n\r\n\r\n onDeliveryButtonClick(e) {\r\n if (e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n let { model, instrument, isPad } = this.props;\r\n if (instrument) {\r\n\r\n physicalHelper.gotoDelivery(model, model.selectedAccount, instrument, undefined, this.deliveryCallback.bind(this));\r\n }\r\n }\r\n\r\n deliveryCallback() {\r\n this.goto('/delivery')\r\n }\r\n\r\n onCloseOrderButtonClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n\r\n let { instrument, model } = this.props;\r\n let isMarketClose = (instrument.status != InstrumentStatus.DayOpen && instrument.status != InstrumentStatus.SessionOpen);\r\n model.placingData.selectedInstrument = instrument;\r\n if (!isMarketClose) {\r\n let openOrders = [];\r\n Object.values(instrument.physicalInventory).forEach((o) => {\r\n o.isSelected = true;\r\n o.checked = true;\r\n o.selectedLot = parseFloat(o.LotBalance);\r\n if (o.LotBalance > 0) openOrders.push(o);\r\n });\r\n\r\n model.buildPlacingData(instrument, openOrders, OrderType.SpotTrade);\r\n\r\n this.goto('/closeorder');\r\n }\r\n\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n let { model, isPad, instrument, columnProps } = this.props;\r\n\r\n let fullPaidOrderViews = [];\r\n let partialPaidOrderViews = [];\r\n // let columnProps = { showInstalmentColumn: false, showRepaymentColumn: false, showDeliveryColumn: false }\r\n\r\n let padView = [];\r\n if (instrument && instrument.physicalInventory) {\r\n let inventories = Object.values(instrument.physicalInventory).sort((a, b) => b.Transaction.ExecuteTime.localeCompare(a.Transaction.ExecuteTime));\r\n inventories.forEach((inventory, index) => {\r\n if (parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess > 0) {\r\n padView.push( { if (canDelivery) this.props.onDeliveryButtonClick(e) }}> {isTitle ? DialogWindow.Physical_Delivery :
}\r\n this.props.onCloseOrderButtonClick(e)}> {isTitle ? MainView.Close :
\r\n {isTitle ? DialogWindow.Physical_Commodity : instrument.Description}
\r\n\r\n {isTitle ? DialogWindow.Account : model.selectedAccount.Name}
\r\n {isTitle ? DialogWindow.Physical_Weight : totalQuantity.toFixed(currency.Decimals)}
\r\n\r\n {isTitle ? DialogWindow.Physical_Unit : instrument.Unit}
\r\n {isTitle ? DialogWindow.Currency : currency.Code}
\r\n\r\n {isTitle ? MainListView.Physical_AveragePrice : averagePrice}
\r\n {isTitle ? DialogWindow.RefPrice : sellPrice}
\r\n {isTitle ? DialogWindow.PhysicalItem_MarketValue : utils.formatNumber(totalMarketValue, currency.Decimals)}
\r\n \r\n this.setState({ itemsVisible: !this.state.itemsVisible })} onDeliveryButtonClick={this.onDeliveryButtonClick.bind(this)} onCloseOrderButtonClick={this.onCloseOrderButtonClick.bind(this)}> \r\n\r\n
: ''\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\nconst inventoryItemView = withRouter(InventoryItemView);\r\nconst inventoryInstrumentView = withRouter(InventoryInstrumentView);\r\nconst inventoryInstrumentTitleViewWithRouter = withRouter(InventoryInstrumentTitleView);\r\n\r\nexport { inventoryItemView as InventoryItemView, inventoryInstrumentView as InventoryInstrumentView, inventoryInstrumentTitleViewWithRouter as InventoryInstrumentTitleView };\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Button, Checkbox, Select, Radio } from 'antd';\r\nimport { CloseOutlined } from '@ant-design/icons';\r\n\r\nimport { PhysicalTradeSide, OrderType, InstrumentStatus, AllowCloseInstalment, AdvancePaymentOption, InstrumentCategory } from '../../common/const';\r\nimport * as utils from '../../common/utils';\r\nimport * as physiclHelper from '../../model/physicalHelper.js';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport { InventoryInstrumentView, InventoryItemView, InventoryInstrumentTitleView } from './inventoryitemview';\r\n\r\nclass InventoryView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { showDeliveryColumn: false, showRepaymentColumn: false, showInstalmentColumn: false };\r\n\r\n }\r\n\r\n componentDidMount() {\r\n // this.setState({ orderGroup : this.props.orderGroup});\r\n let { model, isPad } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let instalmentPolicy = model.instalmentPolicies[tradePolicyDetail.InstalmentPolicyId];\r\n\r\n if (instrument.physicalInventory) {\r\n Object.values(instrument.physicalInventory).forEach((o) => {\r\n o.isSelected = true;\r\n o.checked = false;\r\n o.deliveryLot = 0;\r\n o.deliveryQuantity = 0;\r\n });\r\n }\r\n\r\n this.setState({ instalmentPolicy: instalmentPolicy });\r\n this.refreshButton(true);\r\n }\r\n\r\n refreshGroup() {\r\n }\r\n\r\n onBackgroundPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n onDeliveryButtonClick(e) {\r\n if (e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n let { model } = this.props;\r\n physiclHelper.gotoDelivery(model, model.selectedAccount, model.placingData.selectedInstrument, undefined, () => this.goto('/delivery'));\r\n\r\n // let { model, isPad } = this.props;\r\n // let instrument = model.placingData.selectedInstrument;\r\n // let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n // if ((tradePolicyDetail.AllowedPhysicalTradeSides & PhysicalTradeSide.Delivery) == PhysicalTradeSide.Delivery) {\r\n // let hasDeliveryOrder = false;\r\n // Object.values(instrument.physicalInventory).forEach((inventory, index) => {\r\n // if (physiclHelper.canDelivery(inventory)) {\r\n // hasDeliveryOrder = true;\r\n // }\r\n // });\r\n // if (hasDeliveryOrder) {\r\n // this.props.commService.getDeliveryAddress(tradePolicyDetail.DeliveryPointGroupId, this.deliveryAddressCallback.bind(this));\r\n // }\r\n // }\r\n // this.goto('/delivery');\r\n }\r\n\r\n deliveryAddressCallback(d) {\r\n console.log('deliveryAddressCallback', d);\r\n let data = JSON.parse(d);\r\n\r\n if (data.Result.content_result.DeliveryAddresses) {\r\n this.props.model.placingData.deliveryAddresses = utils.forceToArray(data.Result.content_result.DeliveryAddresses.DeliveryAddress);\r\n\r\n this.goto('/delivery');\r\n }\r\n }\r\n\r\n\r\n onRepaymentButtonClick(e) {\r\n this.goto('/repayment');\r\n }\r\n\r\n onInstalmentButtonClick(e) {\r\n this.goto('/instalmentsum');\r\n }\r\n\r\n onCloseOrderButtonClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n\r\n let { instrument, model } = this.props;\r\n\r\n let isMarketClose = (instrument.status != InstrumentStatus.DayOpen && instrument.status != InstrumentStatus.SessionOpen);\r\n model.placingData.selectedInstrument = instrument;\r\n if (!isMarketClose) {\r\n let openOrders = [];\r\n Object.values(instrument.physicalInventory).forEach((o) => {\r\n o.isSelected = true;\r\n o.checked = true;\r\n o.selectedLot = parseFloat(o.LotBalance);\r\n if (o.LotBalance > 0) openOrders.push(o);\r\n });\r\n\r\n model.buildPlacingData(instrument, openOrders, OrderType.SpotTrade);\r\n\r\n this.goto('/closeorder');\r\n }\r\n\r\n }\r\n\r\n onItemCheckboxChange(inventory, checked) {\r\n this.refreshButton(true);\r\n // this.forceUpdate();\r\n }\r\n\r\n onPartialItemCheckboxChange(inventoryClicked, checked) {\r\n if (checked) {\r\n let instrument = this.props.model.placingData.selectedInstrument;\r\n if (instrument.physicalInventory) {\r\n Object.values(instrument.physicalInventory).forEach((inventory, index) => {\r\n if (parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess > 0) {\r\n if (Math.abs(parseFloat(inventory.PaidPledgeBalance)) == parseFloat(inventory.PhysicalOriginValueBalance)) {\r\n // fullPaidOrderViews.push(\r\n \r\n {padView}\r\n
\r\n \r\n
\r\n }\r\n else {\r\n let instrument = showInOpenPosition ? this.props.instrument : model.placingData.selectedInstrument;\r\n\r\n let columnProps = { showInstalmentColumn: false, showRepaymentColumn: false, showDeliveryColumn: false }\r\n\r\n let fullPaidOrderViews = [];\r\n let partialPaidOrderViews = [];\r\n if (instrument.physicalInventory) {\r\n let inventories = Object.values(instrument.physicalInventory).sort((a, b) => b.Transaction.ExecuteTime.localeCompare(a.Transaction.ExecuteTime));\r\n inventories.forEach((inventory, index) => {\r\n if (parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess > 0) {\r\n if (Math.abs(parseFloat(inventory.PaidPledgeBalance)) == parseFloat(inventory.PhysicalOriginValueBalance)) {\r\n fullPaidOrderViews.push(\r\n
\r\n \r\n {padView}\r\n
\r\n \r\n {showInOpenPosition ? '' :\r\n
\r\n }\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport default withRouter(InventoryView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { CloseOutlined } from '@ant-design/icons';\r\n\r\nimport { DeliveryRequestStatus } from '../../common/const';\r\n\r\nimport BaseView from \"../baseview.js\";\r\n\r\nexport default class DeliveryInProcessView extends BaseView {\r\n\r\n componentDidMount() {\r\n // this.setState({ orderGroup : this.props.orderGroup});\r\n }\r\n\r\n refreshGroup() {\r\n }\r\n\r\n onPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n\r\n let { model, isPad } = this.props;\r\n\r\n let orderViews = [];\r\n // orderViews.push(\r\n DialogWindow.Physical_Inventory \r\n
\r\n }\r\n\r\n \r\n \r\n {fullPaidOrderViews.length == 0 ? '' :
\r\n \r\n DialogWindow.FullyPAD {showInOpenPosition ? '' : DialogWindow.Button_SelectAll
}\r\n\r\n {partialPaidOrderViews.length == 0 ? '' :\r\n \r\n DialogWindow.PartlyPAD \r\n {partialPaidOrderViews}\r\n
\r\n }\r\n\r\n {showInOpenPosition ? '' :\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nclass DeliveryInProcessItemView extends BaseView {\r\n\r\n componentDidMount() {\r\n }\r\n\r\n\r\n getInprocessStatusText(status) {\r\n switch (parseInt(status)) {\r\n\r\n case DeliveryRequestStatus.Stocked: //InventoryInProcessStatus.StockIsAvailable:\r\n return \r\n DialogWindow.Physical_InventoryInProcess \r\n
\r\n \r\n {orderViews}\r\n
\r\n \r\n DialogWindow.OrderCode \r\n DialogWindow.Account \r\n DialogWindow.InstrumentCode \r\n DialogWindow.SubmitTime \r\n DialogWindow.Physical_Weight \r\n DialogWindow.Physical_Unit \r\n DialogWindow.Physical_Status \r\n\r\n DialogWindow.Physical_SettlementTime \r\n
\r\n else\r\n return \r\n
\r\n } else {\r\n if (this.props.isTitle)\r\n return {inventory.Code}
\r\n {account.Name}
\r\n {instrument.Description}
\r\n {inventory.SubmitTime.substring(0, 10)}
\r\n {parseFloat(inventory.RequireQuantity).toFixed(2)}
\r\n {instrument.Unit}
\r\n {this.getInprocessStatusText(inventory.Status)}
\r\n\r\n {inventory.SettlementTime}
\r\n\r\n \r\n DialogWindow.OrderCode \r\n DialogWindow.Physical_Weight \r\n DialogWindow.Physical_Unit \r\n DialogWindow.Physical_Status \r\n DialogWindow.SubmitTime \r\n
\r\n else\r\n return \r\n
\r\n\r\n }\r\n }\r\n\r\n}\r\n\r\n","import { Map } from 'd3-collection';\r\nimport { timeFormat, timeParse } from 'd3-time-format';\r\nimport { ResolutionString } from '../charting_library/datafeed-api';\r\n// export type Int = number & { __int__: void };\r\n\r\nexport type IMap {inventory.Code}
\r\n {parseFloat(inventory.RequireQuantity).toFixed(2)}
\r\n {instrument.Unit}
\r\n {this.getInprocessStatusText(inventory.Status)}
\r\n {inventory.SubmitTime.substring(0, 10)}
\r\n {message}
\r\n \r\n {tooltipLabel}\r\n
\r\n \r\n top:{top}\r\n
\r\n \r\n middle:{middle}\r\n
\r\n \r\n bottom:{bottom}\r\n
\r\n \r\n \r\n {lineDesc}\r\n \r\n \r\n {value}\r\n \r\n
\r\n );\r\n }\r\n )}\r\n \r\n {tooltipLabel}\r\n
\r\n \r\n {sar}\r\n
\r\n \r\n {tooltipLabel}\r\n
\r\n \r\n top:{lower}\r\n
\r\n \r\n bottom:{upper}\r\n
\r\n \r\n {tooltipLabel}\r\n
\r\n \r\n {wws}\r\n
\r\n \r\n \r\n {displayTexts.o}\r\n \r\n \r\n {open}\r\n \r\n \r\n {displayTexts.h}\r\n \r\n \r\n {high}\r\n \r\n \r\n {displayTexts.l}\r\n \r\n \r\n {low}\r\n \r\n \r\n {displayTexts.c}\r\n \r\n \r\n {close}\r\n \r\n \r\n {` ${change}`}\r\n \r\n
\r\n );\r\n } else {\r\n return <>;\r\n }\r\n}\r\n","import React from 'react';\r\nimport { useState } from 'react';\r\nimport { BBTooltip } from './BBTooltip';\r\nimport { IChartIndicatorSettings, IChildRef, timeFormater } from '../../typeDefine';\r\nimport { MATooltip } from './MATooltip';\r\nimport { SARTooltip } from './SARTooltip';\r\nimport { MAETooltip } from './MAETooltip';\r\nimport { WWSTooltip } from './WWSTooltip';\r\nimport { Col, Space } from 'antd';\r\nimport { BaseTooltip } from './BaseTooltip';\r\nimport { window } from 'd3-selection';\r\n\r\ninterface IChartTooltipProps{\r\n readonly indicatorSettings: IChartIndicatorSettings;\r\n readonly myRef: IChildRef;\r\n readonly pricesDisplayFormat: (n: number | { valueOf(): number; }) => string;\r\n}\r\n\r\nexport function ChartTooltip(props: IChartTooltipProps) {\r\n const { indicatorSettings: chartConfig, myRef, pricesDisplayFormat } = props;\r\n let tooltips: any[] = [];\r\n\r\n const [barData, setBarData] = useState\r\n \r\n
\r\n {expanded && {time}
}\r\n \r\n Power by \r\n {props.company}\r\n
) : undefined;\r\n\r\n\r\n const [isModalVisible, setisModalVisible] = useState\r\n \r\n \r\n }\r\n
\r\n {copyright}\r\n\r\n \r\n \r\n {props.dataSource.instrumentDescription()}\r\n
\r\n {!isLoadingData && \r\n
\r\n \r\n\t\t);\r\n\t}\r\n\r\n\tprivate applyTheme(): void {\r\n\t\tconst tvtheme = this._theme === 'black' ? 'Dark' : 'Light';\r\n\t\tthis._tvWidget?.changeTheme(tvtheme);\r\n\t}\r\n\r\n\tprivate applyChartProperty(): void {\r\n\t\tconst properties = getTvChartStyleProperties(this._symbol);\r\n\t\tconst barProperty = properties[this.props.chartIndex];\r\n\t\tif (barProperty) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\ttry {\r\n\t\t\t\t\tthis._tvWidget!.chart().getSeries().setChartStyleProperties(1, barProperty);\r\n\t\t\t\t\tthis._isChartPropertyApplied = true;\r\n\t\t\t\t}\r\n\t\t\t\tcatch (error) {\r\n\t\t\t\t\t// console.warn(\"[chartStyle] setTimeout barProperty\", error, barProperty);\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tthis._tvWidget!.chart().getSeries().setChartStyleProperties(1, barProperty);\r\n\t\t\t\t\t\t\tthis._isChartPropertyApplied = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tcatch (error) {\r\n\t\t\t\t\t\t\t// console.error(\"[chartStyle] inner setTimeout barProperty\", error, barProperty);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}, 1);\t\t\r\n\t\t\t\t}\r\n\t\t\t}, 1);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate createChart(): void {\r\n\t\tthis._isChartPropertyApplied = false;\r\n\t\tthis._dataapi = dataapi(this.props.priceDecimals as number);\r\n\t\tif (this.props.chartDataSource) {\r\n\t\t\tthis._dataapi.setDataSource(this.props.chartDataSource);\r\n\t\t} else {\r\n\t\t\tconsole.error('TvChartContainera: chartDataSource not set!');\r\n\t\t}\r\n\r\n\t\tconst lang = this.props.language ?? 'zh_TW';\r\n\t\tthis._symbol = this.props.chartDataSource?.instrumentCode();\r\n\t\tlet overrides:any = {};\r\n\t\tif (this.props.theme === 'black') {\r\n\t\t\toverrides = this._dark_overrides;\r\n\t\t}\r\n\r\n\t\t// overrides cannot be used because theme used.\r\n\t\t// const properties = getTvChartStyleProperties(this._symbol);\r\n\t\t// const barProperty = properties[this.props.chartIndex];\r\n\t\t// if (barProperty) {\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.upColor\"] = barProperty.upColor;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.downColor\"] = barProperty.downColor;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.drawWick\"] = barProperty.drawWick;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.drawBorder\"] = barProperty.drawBorder;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.borderColor\"] = barProperty.borderColor;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.borderUpColor\"] = barProperty.borderUpColor;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.borderDownColor\"] = barProperty.borderDownColor;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.wickColor\"] = barProperty.wickColor;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.wickUpColor\"] = barProperty.wickUpColor;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.wickDownColor\"] = barProperty.wickDownColor;\r\n\t\t// \toverrides[\"mainSeriesProperties.candleStyle.drawBody\"] = barProperty.drawBody;\r\n\t\t// }\r\n\r\n\t\tconst widgetOptions: ChartingLibraryWidgetOptions = {\r\n\t\t\tdebug: false,\r\n\t\t\tsymbol: this._symbol,\r\n\t\t\tdatafeed: this._dataapi,\r\n\t\t\tinterval: this.props.interval as ChartingLibraryWidgetOptions['interval'],\r\n\t\t\tcontainer: this.props.containerId as string,\r\n\t\t\tlibrary_path: this.props.libraryPath,\r\n\t\t\tlocale: lang as LanguageCode,\r\n\t\t\tdisabled_features: ['use_localstorage_for_settings',\r\n\t\t\t\t'symbol_info',\r\n\t\t\t\t'display_market_status',\r\n\t\t\t\t'timeframes_toolbar',\r\n\t\t\t\t'header_widget',\r\n\t\t\t\t'header_screenshot',\r\n\t\t\t\t'header_symbol_search',\r\n\t\t\t\t'header_undo_redo',\r\n\t\t\t\t'header_compare'],\r\n\t\t\t// enabled_features: ['study_templates'],\r\n\t\t\tcharts_storage_url: this.props.chartsStorageUrl,\r\n\t\t\tcharts_storage_api_version: this.props.chartsStorageApiVersion,\r\n\t\t\tclient_id: this.props.clientId,\r\n\t\t\tuser_id: this.props.userId,\r\n\t\t\tfullscreen: this.props.fullscreen,\r\n\t\t\tautosize: this.props.autosize,\r\n\t\t\tstudies_overrides: this.props.studiesOverrides,\r\n\t\t\ttimezone: 'Asia/Hong_Kong',\r\n\t\t\toverrides: overrides,\r\n\t\t\t// toolbar_bg: '#aaa', // \r\n\t\t\t// overrides: {\r\n\t\t\t// \t// \"mainSeriesProperties.showCountdown\": true,\r\n\t\t\t// \t// 'paneProperties.background': '#131722',\r\n\t\t\t// \t// 'paneProperties.vertGridProperties.color': '#363c4e',\r\n\t\t\t// \t// 'paneProperties.horzGridProperties.color': '#363c4e',\r\n\t\t\t// \t// 'symbolWatermarkProperties.transparency': 90,\r\n\t\t\t// \t// 'scalesProperties.textColor': '#AAA',\r\n\t\t\t// \t// 'mainSeriesProperties.candleStyle.wickUpColor': '#336854',\r\n\t\t\t// \t// 'mainSeriesProperties.candleStyle.wickDownColor': '#7f323f',\r\n\t\t\t// },\r\n\t\t\ttheme: this.props.theme === 'black' ? 'Dark' : 'Light',\r\n\t\t\t// custom_css_url: '../chart.css',\r\n\t\t};\r\n\r\n\t\tthis._theme = this.props.theme;\r\n\t\tconst tvWidget = new widget(widgetOptions);\r\n\t\tthis._tvWidget = tvWidget;\r\n\r\n\t\ttvWidget.onChartReady(() => {\r\n\t\t\tconst configs = getTvChartConfigs(this._symbol);\r\n\t\t\tconst state = configs[this.props.chartIndex];\r\n\t\t\tif (state) {\r\n\t\t\t\ttvWidget.load(state);\r\n\t\t\t}\r\n\t\t\tthis.applyTheme();\r\n\t\t\tthis._isInSwitchSymbol = false;\r\n\t\t\tthis.applyChartProperty();\r\n\r\n\t\t\t// if symbol changed while creating previous sybmol chart\r\n\t\t\tif (this._symbol != this.props.chartDataSource.instrumentCode()) {\r\n\t\t\t\tthis.componentDidUpdate();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.props.commandDispatcher.setResolution = this.setResolution.bind(this);\r\n\t\tthis.props.commandDispatcher.addIndicatorForTv = this.addIndicator.bind(this);\r\n\t\tthis.props.commandDispatcher.showChartProperties = this.showChartProperties.bind(this);\r\n\t\tconsole.info(this.props.containerId, \" ===> created.\");\r\n\t}\r\n}\r\n","import React from \"react\";\r\nimport \"./style/scrollbar.css\";\r\nimport { useState, useRef, useEffect } from \"react\";\r\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons';\r\nimport { useResizeDetector } from \"react-resize-detector\";\r\n\r\ninterface IScrollbarProps{\r\n readonly children: JSX.Element;\r\n readonly theme?: string;\r\n readonly onResized?: (width: number) => void;\r\n readonly sizeCheckCount?: number // change this prop to force scrollCheck\r\n}\r\n\r\nexport default function Scrollbar(props: IScrollbarProps) {\r\n const scrollbar = useRef(null);\r\n // const container = useRef(null);\r\n const [scrollX, setscrollX] = useState(0);\r\n const [rightButtonLeft, setrightButtonLeft] = useState(100);\r\n const [scrolEnd, setscrolEnd] = useState(false);\r\n const [mouseOver, setmouseOver] = useState(false);\r\n const { width, height, ref } = useResizeDetector();\r\n\r\n //Slide click\r\n const slide = (orientation: number) => {\r\n // const target = container.current!;\r\n const target = ref.current!;\r\n // console.log({\r\n // scrollLeft: container.current!.scrollLeft,\r\n // clientWidth: container.current!.clientWidth,\r\n // offsetWidth: container.current!.offsetWidth,\r\n // scrollWidth: container.current!.scrollWidth,\r\n // });\r\n const minScrollSpace = 20;\r\n const totalspace = (target.scrollWidth > target.scrollLeft) ? target.scrollWidth - target.scrollLeft : 0;\r\n const scrollSpace = (target.clientWidth > minScrollSpace) ? (target.clientWidth - minScrollSpace) : target.clientWidth;\r\n const realspace = Math.min(scrollSpace, totalspace);\r\n if (realspace > 0) {\r\n // target.scrollLeft += realspace * orientation;\r\n animate(realspace, target, orientation);\r\n }\r\n };\r\n\r\n const animate = (realspace: number, target: HTMLDivElement, orientation: number) => {\r\n let step = realspace > 30 ? 8 : (realspace > 10 ? 3 : 1);\r\n const repeats = realspace / step;\r\n if (repeats > 10) {\r\n step = realspace / 10;\r\n }\r\n // console.log(`=====> realspace=${realspace}, step=${step}`);\r\n if (realspace > 0) {\r\n const realStep = Math.min(step, realspace);\r\n const adj = realStep * orientation;\r\n // console.log(`=====> target.scrollLeft=${target.scrollLeft}, adj=${adj} ===before`);\r\n target.scrollLeft += adj;\r\n // console.log(`=====> target.scrollLeft=${target.scrollLeft}, adj=${adj} ===end`);\r\n setscrollX(target.scrollLeft);\r\n realspace -= realStep;\r\n } else {\r\n if (Math.floor(target.scrollWidth - target.scrollLeft) <= target.offsetWidth) {\r\n setscrolEnd(true);\r\n } else {\r\n setscrolEnd(false);\r\n }\r\n }\r\n if (realspace > 0) {\r\n setTimeout(()=> {animate(realspace, target, orientation)}, 10);\r\n }\r\n }\r\n\r\n const onMouseOver = () => { \r\n setmouseOver(true);\r\n };\r\n\r\n const onMouseLeave = () => { \r\n setmouseOver(false);\r\n };\r\n\r\n const scrollCheck = () => {\r\n const target = ref.current;\r\n if (target) {\r\n setscrollX(target.scrollLeft);\r\n console.log({ scrollLeft: target.scrollLeft });\r\n\r\n // console.log({ delta: Math.floor(target.scrollWidth - target.scrollLeft), offsetWidth: target.offsetWidth, clientWidth: target.clientWidth });\r\n \r\n const widthAdjust = 5;\r\n if (Math.floor(target.scrollWidth - target.scrollLeft) <= target.offsetWidth + widthAdjust) {\r\n setscrolEnd(true);\r\n } else {\r\n setscrolEnd(false);\r\n }\r\n }\r\n };\r\n // const clientWidth = scrollbar.current ? scrollbar.current.clientWidth : 0;\r\n\r\n useEffect(() => {\r\n const buttonWidth = 23;\r\n setrightButtonLeft(scrollbar.current!.clientWidth - buttonWidth);\r\n scrollCheck();\r\n\r\n if (props.onResized && width) {\r\n props.onResized(width);\r\n }\r\n }, [width, props.sizeCheckCount]);\r\n \r\n const theme = props.theme ?? 'black';\r\n let bottonClass = 'float-button float-button-';\r\n bottonClass += theme === 'black' ? 'black' : 'white';\r\n\r\n // console.log({width, height});\r\n\r\n return (\r\n {\r\n\r\n private readonly t_m = \"M\";\r\n private readonly t_h = \"H\";\r\n private readonly t_d = \"D\";\r\n\r\n private readonly minutes = [\"1\", \"5\", \"15\", \"30\"];\r\n private readonly hours = [\"1\", \"2\", \"4\", \"8\"];\r\n private readonly days = [\"Daily\", \"Weekly\", \"Monthly\"];\r\n private readonly activeColor = \"#40a9ff\";\r\n private readonly baseStype = { cursor: \"pointer\", paddingLeft: 10, paddingRight: 10 };\r\n // private readonly baseStype = { cursor: \"pointer\", \"width\": 60};\r\n private normalStyle: any;\r\n private activeStyle: any;\r\n private prevSubIndexes: IMap;\r\n\r\n public constructor(props: IHeaderBarProps) {\r\n super(props);\r\n\r\n this.prevSubIndexes = d3Map();\r\n this.prevSubIndexes.set(this.t_d, 0);\r\n this.prevSubIndexes.set(this.t_h, 0);\r\n this.prevSubIndexes.set(this.t_m, 0);\r\n\r\n const { type, subIndex: idx } = this.ChartTypeToUIPeriodArgs(props.dataSource.chartType());\r\n this.prevSubIndexes.set(type, idx);\r\n\r\n const unit = this.getPeriodUnitage(type, idx);\r\n const ranges = this.getDataRanges(type, unit, 0);\r\n \r\n //this.state = { periodtype: type, subIndex: idx, isZoomInChecked: false, dataRanges: ranges, dataRange: DataRangeType.Unlimited };\r\n this.state = { isZoomInChecked: false, spacingWidth: 0 , sizeCheckCount: 0};\r\n this.normalStyle = this.baseStype;\r\n this.activeStyle = { ...this.baseStype, color: this.activeColor };\r\n\r\n props.eventBus?.on(\"cmd.zoomin_finish\", this.zoomin_finish);\r\n }\r\n\r\n private readonly zoomin_finish = () => {\r\n this.setState({ isZoomInChecked: false });\r\n }\r\n\r\n private ChartTypeToUIPeriodArgs = (chartType: ChartType) => {\r\n const typeName = ChartType[chartType];\r\n let type: TPeriodType = this.t_d;\r\n let subIndex = 0;\r\n \r\n if (chartType === ChartType.Weekly) subIndex = 1;\r\n else if (chartType === ChartType.Monthly) subIndex = 2;\r\n else if (typeName[0] === this.t_m) {\r\n type = this.t_m;\r\n subIndex = this.minutes.indexOf(typeName.substr(6));\r\n }\r\n else if (typeName[0] === this.t_h) {\r\n type = this.t_h;\r\n subIndex = this.hours.indexOf(typeName.substr(4));\r\n }\r\n return { type, subIndex };\r\n }\r\n\r\n private getPeriods = (periodtype: TPeriodType) => {\r\n // const { periodtype } = this.state;\r\n const periods = periodtype === this.t_m ? this.minutes : (periodtype === this.t_h) ? this.hours : this.days;\r\n return periods;\r\n }\r\n\r\n private onDataRangeChanged = (dataRange: number) => {\r\n console.log({ dataRange });\r\n // this.setState({ dataRange: dataRange });\r\n this.props.dataSource.dataRange(dataRange).OnPeriodRangeChanged(dataRange);\r\n this.forceUpdate();\r\n // this.props.dataSource.OnPeriodRangeChanged(dataRange);\r\n }\r\n\r\n private onPeriodTypeClick = (type: TPeriodType) => {\r\n //const { periodtype: oldType, subIndex } = this.state;\r\n const { type: oldType, subIndex } = this.ChartTypeToUIPeriodArgs(this.props.dataSource.chartType());\r\n this.prevSubIndexes.set(oldType, subIndex);\r\n const index = this.prevSubIndexes.get(type) as number;\r\n //this.setState({ periodtype: type, subIndex: index }, this.notifyPeriodChanged);\r\n this.notifyPeriodChanged(type, index);\r\n }\r\n\r\n private onChangePeriod = (tag: string, checked: boolean) => {\r\n const { type } = this.ChartTypeToUIPeriodArgs(this.props.dataSource.chartType());\r\n const periods = this.getPeriods(type);\r\n const newIndex = periods.indexOf(tag);\r\n //this.setState({ subIndex: newIndex }, this.notifyPeriodChanged);\r\n this.notifyPeriodChanged(type, newIndex);\r\n }\r\n\r\n private notifyPeriodChanged = (periodtype: TPeriodType, subIndex: number) => {\r\n // const { periodtype, subIndex } = this.state;\r\n let type: any;\r\n let unit: number = this.getPeriodUnitage(periodtype, subIndex);\r\n if (periodtype === this.t_m) {\r\n type = unit;\r\n }\r\n else if (periodtype === this.t_h) {\r\n type = 60 * unit;\r\n }\r\n else if(subIndex === 0) {\r\n type = ChartType.Daily;\r\n }\r\n else if(subIndex === 1) {\r\n type = ChartType.Weekly;\r\n }\r\n else if(subIndex === 2) {\r\n type = ChartType.Monthly;\r\n }\r\n this.props.dataSource.chartType(type);\r\n this.props.dataSource.dataRange(DataRangeType.Unlimited);\r\n\r\n // save old instrument's chartType\r\n const instrumentId = this.props.dataSource.instrumentId();\r\n if (ChartConfigs.has(instrumentId)) {\r\n const cfgs = ChartConfigs.get(instrumentId) as IChartConfig[];\r\n cfgs[this.props.chartIndex].chartType = type;\r\n }\r\n\r\n\r\n this.forceUpdate();\r\n\r\n // const resolution = ChartTypeToResolution(type);\r\n // this.props.setResolution(resolution);\r\n }\r\n\r\n private getPeriodUnitage = (periodtype: string, subIndex: number) => {\r\n let unitage: number = 1\r\n if (periodtype === this.t_m) {\r\n unitage = +this.minutes[subIndex];\r\n }\r\n else if (periodtype === this.t_h) {\r\n unitage = +this.hours[subIndex];\r\n }\r\n return unitage;\r\n }\r\n\r\n private getDataRanges = (type: TPeriodType, unit: number, subIndex: number) => {\r\n let ranges: any[] = [{ rangeText: \"Unlimited\", dataRange: DataRangeType.Unlimited }];\r\n if (type === this.t_m) {\r\n if (unit === 1) {\r\n ranges.push({ rangeText: \"Today\", dataRange: DataRangeType.Today });\r\n ranges.push({ rangeText: \"ThisWeek\", dataRange: DataRangeType.ThisWeek });\r\n ranges.push({ rangeText: \"ThisMonth\", dataRange: DataRangeType.ThisMonth });\r\n ranges.push({ rangeText: \"Day2\", dataRange: DataRangeType.Day2 });\r\n ranges.push({ rangeText: \"Day3\", dataRange: DataRangeType.Day3 });\r\n ranges.push({ rangeText: \"Day4\", dataRange: DataRangeType.Day4 });\r\n ranges.push({ rangeText: \"Day5\", dataRange: DataRangeType.Day5 });\r\n ranges.push({ rangeText: \"Day10\", dataRange: DataRangeType.Day10 });\r\n ranges.push({ rangeText: \"Day15\", dataRange: DataRangeType.Day15 });\r\n ranges.push({ rangeText: \"Day30\", dataRange: DataRangeType.Day30 });\r\n // ranges.push({ rangeText: \"Day45\", dataRange: DataRangeType.Day45 });\r\n }\r\n else if (unit === 5) {\r\n ranges.push({ rangeText: \"Today\", dataRange: DataRangeType.Today });\r\n ranges.push({ rangeText: \"ThisWeek\", dataRange: DataRangeType.ThisWeek });\r\n ranges.push({ rangeText: \"ThisMonth\", dataRange: DataRangeType.ThisMonth });\r\n ranges.push({ rangeText: \"ThisQuarter\", dataRange: DataRangeType.ThisQuarter });\r\n ranges.push({ rangeText: \"Day5\", dataRange: DataRangeType.Day5 });\r\n ranges.push({ rangeText: \"Day10\", dataRange: DataRangeType.Day10 });\r\n ranges.push({ rangeText: \"Day15\", dataRange: DataRangeType.Day15 });\r\n ranges.push({ rangeText: \"Day30\", dataRange: DataRangeType.Day30 });\r\n ranges.push({ rangeText: \"Day45\", dataRange: DataRangeType.Day45 });\r\n ranges.push({ rangeText: \"Day60\", dataRange: DataRangeType.Day60 });\r\n ranges.push({ rangeText: \"Day90\", dataRange: DataRangeType.Day90 });\r\n ranges.push({ rangeText: \"Day120\", dataRange: DataRangeType.Day120 });\r\n ranges.push({ rangeText: \"Day180\", dataRange: DataRangeType.Day180 });\r\n }\r\n else if (unit === 15) {\r\n ranges.push({ rangeText: \"ThisWeek\", dataRange: DataRangeType.ThisWeek });\r\n ranges.push({ rangeText: \"ThisMonth\", dataRange: DataRangeType.ThisMonth });\r\n ranges.push({ rangeText: \"ThisQuarter\", dataRange: DataRangeType.ThisQuarter });\r\n ranges.push({ rangeText: \"Day15\", dataRange: DataRangeType.Day15 });\r\n ranges.push({ rangeText: \"Day30\", dataRange: DataRangeType.Day30 });\r\n ranges.push({ rangeText: \"Day45\", dataRange: DataRangeType.Day45 });\r\n ranges.push({ rangeText: \"Month2\", dataRange: DataRangeType.Month2 });\r\n ranges.push({ rangeText: \"Month3\", dataRange: DataRangeType.Month3 });\r\n ranges.push({ rangeText: \"Month6\", dataRange: DataRangeType.Month6 });\r\n ranges.push({ rangeText: \"Year1\", dataRange: DataRangeType.Year1 });\r\n ranges.push({ rangeText: \"Year2\", dataRange: DataRangeType.Year2 });\r\n }\r\n else if (unit === 30) {\r\n ranges.push({ rangeText: \"ThisWeek\", dataRange: DataRangeType.ThisWeek });\r\n ranges.push({ rangeText: \"ThisMonth\", dataRange: DataRangeType.ThisMonth });\r\n ranges.push({ rangeText: \"ThisQuarter\", dataRange: DataRangeType.ThisQuarter });\r\n ranges.push({ rangeText: \"Day30\", dataRange: DataRangeType.Day30 });\r\n ranges.push({ rangeText: \"Day60\", dataRange: DataRangeType.Day60 });\r\n ranges.push({ rangeText: \"Day90\", dataRange: DataRangeType.Day90 });\r\n ranges.push({ rangeText: \"Month6\", dataRange: DataRangeType.Month6 });\r\n ranges.push({ rangeText: \"Year1\", dataRange: DataRangeType.Year1 });\r\n ranges.push({ rangeText: \"Year2\", dataRange: DataRangeType.Year2 });\r\n ranges.push({ rangeText: \"Year3\", dataRange: DataRangeType.Year3 });\r\n }\r\n }\r\n else if (type === this.t_h) {\r\n if (unit === 1) {\r\n ranges.push({ rangeText: \"ThisMonth\", dataRange: DataRangeType.ThisMonth });\r\n ranges.push({ rangeText: \"ThisQuarter\", dataRange: DataRangeType.ThisQuarter });\r\n ranges.push({ rangeText: \"Day30\", dataRange: DataRangeType.Day30 });\r\n ranges.push({ rangeText: \"Day60\", dataRange: DataRangeType.Day60 });\r\n ranges.push({ rangeText: \"Day90\", dataRange: DataRangeType.Day90 });\r\n ranges.push({ rangeText: \"Month6\", dataRange: DataRangeType.Month6 });\r\n ranges.push({ rangeText: \"Year1\", dataRange: DataRangeType.Year1 });\r\n ranges.push({ rangeText: \"Year2\", dataRange: DataRangeType.Year2 });\r\n ranges.push({ rangeText: \"Year3\", dataRange: DataRangeType.Year3 });\r\n ranges.push({ rangeText: \"Year5\", dataRange: DataRangeType.Year5 });\r\n }\r\n else {\r\n ranges.push({ rangeText: \"ThisMonth\", dataRange: DataRangeType.ThisMonth });\r\n ranges.push({ rangeText: \"ThisQuarter\", dataRange: DataRangeType.ThisQuarter });\r\n ranges.push({ rangeText: \"ThisYear\", dataRange: DataRangeType.ThisYear });\r\n ranges.push({ rangeText: \"Month6\", dataRange: DataRangeType.Month6 });\r\n ranges.push({ rangeText: \"Year1\", dataRange: DataRangeType.Year1 });\r\n ranges.push({ rangeText: \"Year2\", dataRange: DataRangeType.Year2 });\r\n ranges.push({ rangeText: \"Year3\", dataRange: DataRangeType.Year3 });\r\n ranges.push({ rangeText: \"Year5\", dataRange: DataRangeType.Year5 });\r\n ranges.push({ rangeText: \"Year10\", dataRange: DataRangeType.Year10 });\r\n }\r\n }\r\n else {\r\n if (type === this.t_d && subIndex === 0) {\r\n ranges.push({ rangeText: \"ThisQuarter\", dataRange: DataRangeType.ThisQuarter });\r\n }\r\n ranges.push({ rangeText: \"ThisYear\", dataRange: DataRangeType.ThisYear });\r\n ranges.push({ rangeText: \"Month6\", dataRange: DataRangeType.Month6 });\r\n ranges.push({ rangeText: \"Year1\", dataRange: DataRangeType.Year1 });\r\n ranges.push({ rangeText: \"Year2\", dataRange: DataRangeType.Year2 });\r\n ranges.push({ rangeText: \"Year3\", dataRange: DataRangeType.Year3 });\r\n ranges.push({ rangeText: \"Year4\", dataRange: DataRangeType.Year4 });\r\n ranges.push({ rangeText: \"Year5\", dataRange: DataRangeType.Year5 });\r\n ranges.push({ rangeText: \"Year10\", dataRange: DataRangeType.Year10 });\r\n ranges.push({ rangeText: \"Year20\", dataRange: DataRangeType.Year20 });\r\n }\r\n return ranges;\r\n }\r\n\r\n private getStyle = (isselected: boolean) => {\r\n let style = {...(isselected ? this.activeStyle : this.normalStyle)};\r\n // if (getI18n().language === \"en\") {\r\n // style.paddingLeft = style.paddingRight = 5;\r\n // } else {\r\n style.paddingLeft = style.paddingRight = 10;\r\n // }\r\n if (!isselected) {\r\n style.color = this.getForeColor();\r\n }\r\n return style;\r\n }\r\n\r\n private onFullScreen = () => {\r\n this.props.onFullSceen();\r\n }\r\n\r\n private OnZoomOut = () => {\r\n this.props.eventBus?.emit(\"cmd.zoom_out\");\r\n }\r\n private OnZoomInTagClicked = (ischecked: boolean) => {\r\n this.setState({ isZoomInChecked: ischecked });\r\n this.props.eventBus?.emit(ischecked ? \"cmd.begin_zoomin\" : \"cmd.stop_zoomin\");\r\n }\r\n\r\n private getPalletPos = (periodtype: string) => {\r\n let pos = 3;\r\n if (getI18n().language === \"en\") {\r\n if (periodtype === this.t_m) pos = 10;\r\n else if (periodtype === this.t_h) pos = 60;\r\n else if (periodtype === this.t_d) pos = 100;\r\n }\r\n else {\r\n const palletLen = 33;\r\n if (periodtype === this.t_h) pos += palletLen;\r\n if (periodtype === this.t_d) pos += 2 * palletLen;\r\n }\r\n return pos;\r\n }\r\n\r\n private getForeColor() {\r\n const theme = this.props.theme ?? \"white\";\r\n return getForeColor(theme);\r\n }\r\n\r\n private changeViewType(vt: ViewType) {\r\n if (this.props.viewType !== vt) {\r\n this.props.setViewType(vt);\r\n }\r\n const sizeCheckCount = this.state.sizeCheckCount + 1;\r\n this.setState({ sizeCheckCount });\r\n }\r\n\r\n private notifyChartCount(key: string) {\r\n if (this.props.setChartCount)\r\n this.props.setChartCount(+key[5]);\r\n }\r\n\r\n private onResized = (width: number) => {\r\n // if (this.props.viewType === ViewType.original) {\r\n // this.setState({ spacingWidth: width });\r\n // } else {\r\n // this.setState({ spacingWidth: width });\r\n // }\r\n\r\n this.setState({ spacingWidth: width }); // 设置应该超宽，可能Antd Row 自动进行了缩减，因此不需要区分ViewType.\r\n }\r\n\r\n public render() {\r\n const { type: periodtype, subIndex } = this.ChartTypeToUIPeriodArgs(this.props.dataSource.chartType());\r\n const periods = this.getPeriods(periodtype);\r\n const theme = this.props.theme ?? \"white\";\r\n const foreColor = getForeColor(theme);\r\n const toolbarbackColor = getToolbarbackColor(theme);\r\n\r\n let options: JSX.Element[];\r\n const unit = this.getPeriodUnitage(periodtype, subIndex);\r\n const ranges = this.getDataRanges(periodtype, unit, 0);\r\n options = ranges.map((range, index) => ());\r\n\r\n const dataRange = this.props.dataSource.dataRange();\r\n\r\n const istv = this.props.viewType === ViewType.tradingview\r\n\r\n const cbBaseStyle = {padding: '4px 8px'};\r\n const orgButtonStyle = !istv ? cbBaseStyle : { color: 'gray', ...cbBaseStyle };\r\n const tvButtonStyle = istv ? cbBaseStyle : { color: 'gray', ...cbBaseStyle };\r\n\r\n const threewin = ;\r\n\r\n const onewin = ;\r\n\r\n const twowin = ;\r\n\r\n const multiChartMenu = ;\r\n\r\n const { isZoomInChecked, spacingWidth, sizeCheckCount } = this.state;\r\n return (\r\n \r\n \r\n \r\n Chart.M \r\n this.onPeriodTypeClick(this.t_h)}>Chart.H \r\n this.onPeriodTypeClick(this.t_d)}>Chart.D \r\n {/* */}\r\n \r\n this.onChangePeriod(tag, ischecked)}\r\n style={{ color: foreColor, margin: 3 }}\r\n >\r\n {periodtype === this.t_d ? {'Chart.' + tag} : tag}\r\n \r\n ))\r\n }\r\n \r\n {!istv && <>\r\n \r\n \r\n {options}\r\n \r\n \r\n }\r\n {this.props.showMultiChartMemu && <>\r\n \r\n {threewin}\r\n \r\n \r\n }\r\n
\r\n \r\n \r\n\r\n {this.props.showTV && \r\n this.changeViewType(ViewType.original)}\r\n >\r\n Chart.Original \r\n \r\n \r\n this.changeViewType(ViewType.tradingview)}\r\n >\r\n Chart.TradingView \r\n \r\n \r\n
\r\n }\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react'\r\nimport { getI18n } from 'react-i18next';\r\nimport ChartView, { IChartProps } from './ChartView';\r\nimport { TvChartContainer } from './tvchart/TvChartContainer';\r\nimport { ViewType } from './typeDefine';\r\nimport { HeaderBar } from './HeaderBar';\r\nimport mitt from 'mitt';\r\nimport { FrameContext } from './chartContext';\r\n\r\ninterface IChartFrameState {\r\n viewType: ViewType;\r\n}\r\n\r\nexport interface IChartFrameProps extends Omit {\r\n readonly viewType?: ViewType;\r\n readonly showMultiChartMemu?: boolean;\r\n readonly setChartCount?: (count: number) => void;\r\n readonly issplitterdragging?: boolean;\r\n}\r\n\r\nfunction getLanguageForTV() {\r\n const lang = getI18n().language;\r\n if (lang === 'zh_cn')\r\n return 'zh';\r\n else if (lang === 'zh_tw')\r\n return 'zh_TW'\r\n else\r\n return 'en';\r\n}\r\n\r\nclass ChartFrame extends React.PureComponent {\r\n\r\n private commandDispatcher: any = {};\r\n private eventBus = mitt();\r\n private _isShowTv: boolean = true;\r\n \r\n constructor(props: IChartFrameProps) {\r\n super(props);\r\n let viewType = props.viewType ?? (props.isPad ? ViewType.original : ViewType.tradingview);\r\n const isShowTv = props.dataSource.model().config.showTradingView;\r\n let defaultViewType = parseInt(props.dataSource.model().config.defaultViewType);\r\n if (isNaN(defaultViewType)) {\r\n defaultViewType = ViewType.original;\r\n }\r\n this._isShowTv = isShowTv ? isShowTv.toLowerCase() === \"true\" : true;\r\n if (this._isShowTv) {\r\n viewType = defaultViewType;\r\n } else {\r\n viewType = ViewType.original;\r\n }\r\n this.state = { viewType };\r\n }\r\n\r\n private setViewType = (viewType: ViewType) => {\r\n if (this._isShowTv) {\r\n this.setState({ viewType });\r\n }\r\n }\r\n\r\n private onFullSceen = () => {\r\n \r\n }\r\n private addIndicator = () => {\r\n if (this.state.viewType === ViewType.tradingview) {\r\n this.commandDispatcher.addIndicatorForTv();\r\n } else {\r\n this.commandDispatcher.addIndicator();\r\n }\r\n }\r\n private showChartProperties = () => {\r\n this.commandDispatcher.showChartProperties();\r\n }\r\n\t// private setResolution = (resolution: string) => {\r\n\t// \tthis.commandDispatcher.setResolution(resolution);\r\n\t// }\r\n\r\n private setChartCount = (count: number) => {\r\n if (this.props.setChartCount) {\r\n this.props.setChartCount(count);\r\n }\r\n }\r\n\r\n public render() {\r\n const win: any = window;\r\n const company = win.company;\r\n const { chartConfig, dataSource, priceDecimals, theme, isPad, showMultiChartMemu, chartIndex, issplitterdragging } = this.props;\r\n const { viewType } = this.state;\r\n const showmcMenu = showMultiChartMemu ?? false;\r\n const tvContainerId = 'TvContainer' + chartIndex[0];\r\n const pointerEvents = issplitterdragging ? 'none' : 'auto';\r\n const background = theme === \"white\" ? \"white\" : \"black\";\r\n const chartCount = chartIndex[1];\r\n let paddingProp = {};\r\n if (chartCount > 1) paddingProp = { paddingRight: '2px' }; // paddingRight for splitter work\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\nexport default ChartFrame;\r\n","import React from 'react';\r\nimport PubSub from 'pubsub-js'\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { withTranslation, Trans } from 'react-i18next';\r\nimport { Button } from 'antd';\r\n\r\nimport { PriceTrend, OrderType, InstrumentCategory } from '../../common/const';\r\n\r\nimport * as utils from '../../common/utils.js';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport PlacingDqView from './placingdqview';\r\nimport PlacingPendingView from './placingpendingview';\r\nimport WorkingListView from './workinglistview';\r\nimport PendingListView from './pendinglistview';\r\nimport InventoryView from '../physical/inventoryview';\r\nimport DeliveryInProcessView from '../physical/deliveryinprocessview';\r\n\r\nimport dataSource from '../../chart/data/dataSource';\r\nimport ChartFrame from '../../chart/ChartFrame';\r\nimport { ChartType } from '../../chart/typeDefine';\r\nimport { ChartConfigs, getChartConfigs } from '../../chart/chartHelper';\r\n\r\nconst PlacePanelType = { None: 0, WorkingList: 1, PendingList: 2, SpotTrade: 3, PendingOrder: 4, Inventory: 5, InventoryInProcess: 6 };\r\nconst PlacingDqViewComponent = withTranslation()(PlacingDqView);\r\n\r\nclass PlaceView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n console.log('PlaceView.ctor');\r\n\r\n this.state = {\r\n showPlacePanel: props.model && props.model.placingData && props.model.placingData.placePanelType ? props.model.placingData.placePanelType : PlacePanelType.None,\r\n orderType: props.model && props.model.placingData ? props.model.placingData.orderType : OrderType.SpotTrade\r\n }\r\n\r\n if (!props.isPad) {\r\n this.createChartElement.call(this);\r\n }\r\n\r\n // console.log(\"createChartDataSource in ctor: \" + (this.chartDataSource === void 0 ? \"not created.\" : \"created.\"));\r\n }\r\n\r\n getchartConfig(instrumentId) {\r\n const configs = getChartConfigs(instrumentId);\r\n return configs[0];\r\n }\r\n\r\n createChartElement() {\r\n if (utils.getQueryString('test').startsWith('true')) return;\r\n\r\n const { model, commService } = this.props;\r\n if (model && model.placingData) {\r\n const { Id, Code, Description } = model.placingData.selectedInstrument;\r\n const decimals = model.placingData.selectedInstrument.Denominator.length - 1;\r\n const quotePolicyId = model.placingData.selectedInstrument.lastQuotation.QuotePolicyId;\r\n const configs = ChartConfigs.get(Id);\r\n const chartType = configs ? configs[0].chartType : ChartType.Minute1;\r\n this.chartDataSource = dataSource()\r\n .instrumentId(Id)\r\n .instrumentCode(Code)\r\n .instrumentDescription(Description)\r\n .quotePolicyId(quotePolicyId)\r\n .chartType(chartType)\r\n .commService(commService)\r\n .model(model);\r\n\r\n this.chartElement = (\r\n { }}\r\n onChartExitFullScreen={() => { }}\r\n isPad={false}\r\n theme={this.getTheme()}\r\n chartIndex={[0, 1]}\r\n />\r\n );\r\n this.subTopic = `q.${Id}`;\r\n PubSub.subscribe(this.subTopic, this.notifyRealTimeQuotation.bind(this));\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.subTopic) {\r\n PubSub.unsubscribe(this.subTopic);\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n notifyRealTimeQuotation(quotation) {\r\n if (utils.getQueryString('test').startsWith('true')) return;\r\n\r\n\r\n if (quotation.Bid && quotation.Ask) {\r\n const shouldNofityChart = !this.lastQuotation || (this.lastQuotation.Ask != quotation.Ask || this.lastQuotation.Bid != quotation.Bid);\r\n if (shouldNofityChart) {\r\n this.chartDataSource.OnRealPrice(+quotation.Bid, +quotation.Ask, quotation.Timestamp);\r\n }\r\n this.lastQuotation = { Timestamp: quotation.Timestamp, Bid: quotation.Bid, Ask: quotation.Ask };\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n onPlaceMaskClick(e) {\r\n this.setState({ showPlacePanel: PlacePanelType.None });\r\n\r\n const { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n if (instrument.physicalInventory) {\r\n Object.values(instrument.physicalInventory).forEach((inventory, index) => {\r\n if (parseFloat(inventory.LotBalance) > 0) {\r\n inventory.deliveryLot = 0;\r\n inventory.checked = false;\r\n }\r\n });\r\n }\r\n }\r\n\r\n onBuySellButtonClick(isBuy) {\r\n const { model } = this.props;\r\n model.placingData.isBuy = isBuy;\r\n let instrument = this.props.model.placingData.selectedInstrument;\r\n if (model.canPlaceOrder(model.selectedAccount, instrument, OrderType.SpotTrade) || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Market)) {\r\n this.setState({ orderType: OrderType.SpotTrade, showPlacePanel: PlacePanelType.SpotTrade });\r\n this.props.model.placingData.placePanelType = PlacePanelType.SpotTrade;\r\n\r\n model.orderingNotify(utils.uuid(), model.customer.Code, model.placingData.selectedInstrument.Code, isBuy.toString(), 'true', '1', (d) => { });\r\n\r\n } else {\r\n this.setState({ orderType: OrderType.Limit, showPlacePanel: PlacePanelType.PendingOrder });\r\n this.props.model.placingData.placePanelType = PlacePanelType.PendingOrder;\r\n }\r\n\r\n }\r\n\r\n onOrderTypeChange(orderType) {\r\n this.props.model.placingData.orderType = orderType;\r\n let placePanelType = orderType === OrderType.Limit ? PlacePanelType.PendingOrder : PlacePanelType.SpotTrade;\r\n this.setState({ orderType: orderType, showPlacePanel: placePanelType });\r\n this.props.model.placingData.placePanelType = placePanelType;\r\n }\r\n\r\n onWorkListButtonClick(placePanelType) {\r\n this.setState({ showPlacePanel: placePanelType });\r\n this.props.model.placingData.placePanelType = placePanelType; // PlacePanelType.None;\r\n }\r\n\r\n onCloseOrderClick() {\r\n // let instrument = this.props.model.placingData.selectedInstrument;\r\n if (this.props.model.placingData.selectedInstrument.openPositions) {\r\n // let openPositions = Object.values(instrument.openPositions);\r\n // openPositions.forEach((order, index) => {\r\n // //if(Boolean.parseBoolean(order.IsBuy) === !this.props.isBuy ){\r\n // order.selectedLot = parseFloat(order.LotBalance);\r\n // //}\r\n // });\r\n\r\n // let orderTypes = instrument.getAvailableOrderTypes();\r\n // let isMarket = orderTypes.indexOf(OrderType.Market) >= 0;\r\n // let orderType = this.state.orderType;\r\n // if (isMarket && orderType === OrderType.SpotTrade) {\r\n // orderType = OrderType.Market;\r\n // }\r\n\r\n // this.props.model.placingData.orderType = orderType;\r\n this.props.history.push('/closeorder');\r\n }\r\n }\r\n\r\n onConfirmClosed(isConfirmed, placePanelType) {\r\n this.setState({ showPlacePanel: isConfirmed ? PlacePanelType.None : placePanelType });\r\n // this.setState({ showPlacePanel: PlacePanelType.None });\r\n }\r\n\r\n onBackgroundPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n render() {\r\n let { model, isPad } = this.props;\r\n if (!model || !model.placingData) {\r\n this.goto('/');\r\n return '';\r\n }\r\n\r\n let moduleCss = this.getModuleCss('placeview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let account = model.selectedAccount;\r\n let accountQuotePolicyId = (account.UseQuotePolicyId ? account.UseQuotePolicyId : account.PublicQuotePolicyId);\r\n let quotation = (instrument.quotations ? instrument.quotations[accountQuotePolicyId] : undefined);\r\n if (!quotation) {\r\n quotation = instrument.quotation ? instrument.quotation : {};\r\n }\r\n // let canPlaceOrder = model.canPlaceOrder(model.selectedAccount, instrument, OrderType.SpotTrade) \r\n // || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Market) \r\n // || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Limit);\r\n let isLogedin = (model && model.isLogedin());\r\n let canPlaceOrder = isLogedin && (model.canPlaceOrder(model.selectedAccount, instrument, OrderType.SpotTrade)\r\n || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Market)\r\n || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Limit));\r\n\r\n let isPhysical = (parseInt(instrument.Category) === InstrumentCategory.Physical);\r\n if (!this.props.isPad && quotation && quotation.Bid) {\r\n this.notifyRealTimeQuotation(quotation);\r\n }\r\n\r\n let bottomView = null;\r\n if (this.state.showPlacePanel === PlacePanelType.SpotTrade) {\r\n bottomView = this.onConfirmClosed(isConfirmed, PlacePanelType.SpotTrade)} onClosePaneClick={() => this.setState({ showPlacePanel: PlacePanelType.None })} onRoutePathChange={this.props.onRoutePathChange} onSwitchFullScreen={(value) => this.setState({ subViewFullScreen: value })} />;\r\n } else if (this.state.showPlacePanel === PlacePanelType.PendingOrder) {\r\n bottomView = this.onConfirmClosed(isConfirmed, PlacePanelType.PendingOrder)} onClosePaneClick={() => this.setState({ showPlacePanel: PlacePanelType.None })} onSwitchFullScreen={(value) => this.setState({ subViewFullScreen: value })} />;\r\n } else if (this.state.showPlacePanel === PlacePanelType.WorkingList) {\r\n bottomView = this.onWorkListButtonClick(PlacePanelType.None)} />;\r\n } else if (this.state.showPlacePanel === PlacePanelType.PendingList) {\r\n bottomView = this.onWorkListButtonClick(PlacePanelType.None)} />;\r\n } else if (this.state.showPlacePanel === PlacePanelType.Inventory) {\r\n bottomView = this.onWorkListButtonClick(PlacePanelType.None)} />;\r\n } else if (this.state.showPlacePanel === PlacePanelType.InventoryInProcess) {\r\n bottomView = this.onWorkListButtonClick(PlacePanelType.None)} />;\r\n }\r\n\r\n\r\n let quotationRiseColor = model.config.getValue('quotationRiseColor', '#32cd32');\r\n let quotationRiseForeColor = model.config.getValue('quotationRiseForeColor', this.getTheme() == 'white' ? '#000000' : '#ffffff');\r\n let quotationFallColor = model.config.getValue('quotationFallColor', \"#ff0000\");\r\n let quotationFallForeColor = model.config.getValue('quotationFallForeColor', this.getTheme() == 'white' ? '#000000' : '#ffffff');\r\n\r\n let colorStyle = { borderWidth: '1px', borderStyle: 'solid', borderRadius: '5px' };\r\n if (instrument.priceTrend === PriceTrend.Rise) {\r\n colorStyle.backgroundColor = quotationRiseColor;\r\n colorStyle.color = quotationRiseForeColor;\r\n } else if (instrument.priceTrend === PriceTrend.Fall) {\r\n colorStyle.backgroundColor = quotationFallColor;\r\n colorStyle.color = quotationFallForeColor;\r\n } else {\r\n colorStyle.borderWidth = '0px';\r\n colorStyle.margin = '1px';\r\n }\r\n let mobileBottomStyle = isPad ? {} : { position: 'fixed', bottom: '0em', width: '100%' };\r\n\r\n return {address.Address} );\r\n });\r\n\r\n }\r\n\r\n let deliveryCharge = utils.isEmpty(tradePolicyDetail.DeliveryChargeId) ? {} : model.deliveryCharges[tradePolicyDetail.DeliveryChargeId];\r\n let chargeBasis = parseInt(deliveryCharge.ChargeBasis);\r\n\r\n let specificationItems = [];\r\n let specifications = [];\r\n let deliverySpecificationDetails = model.deliverySpecificationDetails[instrument.DeliverySpecificationId] ? Object.values(model.deliverySpecificationDetails[instrument.DeliverySpecificationId]) : undefined;\r\n\r\n if (deliverySpecificationDetails) {\r\n deliverySpecificationDetails.sort(this.sortSpecification);\r\n\r\n specificationItems.push( );\r\n\r\n Object.values(instrument.physicalInventory).forEach((inventory, index) => {\r\n if (physiclHelper.canDelivery(inventory)) {\r\n inventories.push(inventory);\r\n orderViews.push( this.setState(this.initDeliveryLot(this.props))} />);\r\n\r\n if (inventory.deliveryLot) {\r\n deliveryLot += inventory.deliveryLot;\r\n deliveryQuantity += (inventory.deliveryLot * parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight));\r\n }\r\n let lotBalance = parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess;\r\n avialabeQuantity += lotBalance * parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight);\r\n }\r\n\r\n });\r\n this.recalcSpecificationCharge();\r\n return { inventories: inventories.sort((a, b) => a.Transaction.ExecuteTime.localeCompare(b.Transaction.ExecuteTime)), openOrderView: orderViews, deliveryLot: parseFloat(deliveryLot.toFixed(6)), deliveryQuantity: parseFloat(deliveryQuantity.toFixed(6)), avialabeQuantity: parseFloat(avialabeQuantity.toFixed(6)) };\r\n\r\n }\r\n\r\n recalculateSpecification(deliverySpecification) {\r\n console.log('recalculateSpecification');\r\n let { model } = this.props;\r\n let specifications = this.state.specifications;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n if (tradePolicyDetail.DeliveryMode == DeliveryMode.ShowDetails) {\r\n\r\n //decimal remainderQuantity = inventory.RequireQuantity; \r\n let remainderQuantity = this.state.deliveryQuantity; // this.state.avialabeQuantity;\r\n if (remainderQuantity == 0) {\r\n // deliverySpecification.checked = false;\r\n }\r\n else {\r\n if (deliverySpecification.checked) {\r\n // inventory.IsSelectDeliverySpecification = true;\r\n for (var i = 0; i < specifications.length; i++) {\r\n let item = specifications[i];\r\n item.quantity = (item.quantity === undefined ? 0 : item.quantity);\r\n if (item.checked && item.Size != deliverySpecification.Size) {\r\n remainderQuantity = remainderQuantity - (parseFloat(item.quantity) * (parseFloat(item.Size) + parseFloat(item.Premium)));\r\n }\r\n }\r\n deliverySpecification.quantity = parseInt((remainderQuantity / (parseFloat(deliverySpecification.Size) + parseFloat(deliverySpecification.Premium))).toFixed(6));\r\n }\r\n else {\r\n // bool isSelectDeliverySpecification = false;\r\n for (var i = 0; i < specifications.length; i++) {\r\n let item = specifications[i];\r\n item.quantity = (item.quantity === undefined ? 0 : item.quantity);\r\n if (item.checked && parseFloat(item.Size) != parseFloat(deliverySpecification.Size)) {\r\n // isSelectDeliverySpecification = true;\r\n }\r\n }\r\n deliverySpecification.quantity = 0;\r\n // inventory.IsSelectDeliverySpecification = isSelectDeliverySpecification;\r\n }\r\n }\r\n } else {\r\n let totalSpecifiedQuantity = 0;\r\n let totalSpecifiedQuantityWithoutSender = 0;\r\n let selectedCount = 0;\r\n let remainsQuantity = 0, avialabeQuantity = 0;\r\n let instrument = model.placingData.selectedInstrument;\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n this.state.inventories.forEach((inventory) => {\r\n if (physiclHelper.canDelivery(inventory)) {\r\n let lotBalance = parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess;\r\n avialabeQuantity += parseFloat(inventory.Transaction.ContractSize) * lotBalance * parseFloat(instrumentUnit.Weight);\r\n }\r\n });\r\n avialabeQuantity = parseFloat(avialabeQuantity.toFixed(6));\r\n remainsQuantity = avialabeQuantity;\r\n\r\n for (let i = 0; i < specifications.length; i++) {\r\n let specification = specifications[i];\r\n if (specification.checked && specification.quantity > 0) {\r\n remainsQuantity -= (specification.quantity * (parseFloat(specification.Size) + parseFloat(specification.Premium)));\r\n }\r\n }\r\n\r\n // foreach (DeliverySpecification specification in this.DeliverySpecificationList)\r\n for (let i = 0; i < specifications.length; i++) {\r\n\r\n let specification = specifications[i];\r\n if (specification.checked) {\r\n if (specification == deliverySpecification && (specification.quantity == 0 || specification.quantity == undefined) && specification.checked) {\r\n specification.quantity = parseInt((remainsQuantity) / (parseFloat(specification.Size) + parseFloat(specification.Premium)));\r\n }\r\n\r\n selectedCount++;\r\n // this.Inventory.IsSelectDeliverySpecification = true;\r\n totalSpecifiedQuantity += ((parseFloat(specification.Size) + parseFloat(specification.Premium)) * specification.quantity); // specification.quantity; // \r\n // if (specification != sender) {\r\n // totalSpecifiedQuantityWithoutSender += ((specification.Size + specification.Premium) * specification.Quantity);\r\n // }\r\n }\r\n else {\r\n specification.quantity = 0;\r\n }\r\n }\r\n\r\n totalSpecifiedQuantity = parseFloat(totalSpecifiedQuantity.toFixed(6));\r\n remainsQuantity = totalSpecifiedQuantity\r\n let inventories = Object.values(this.state.inventories);\r\n inventories.forEach((inventory) => {\r\n // inventory.checked = false;\r\n if (remainsQuantity > 0 && physiclHelper.canDelivery(inventory)) {\r\n let lotBalance = parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess;\r\n let deliveryLot = parseFloat(lotBalance.toFixed(6)); // (inventory.LotBalance - inventory.UnfilledLot);\r\n // inventory.checked = true;\r\n if (deliveryLot * parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight) <= remainsQuantity) {\r\n inventory.deliveryLot = deliveryLot;\r\n }\r\n else {\r\n inventory.deliveryLot = parseFloat(remainsQuantity / (parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight))).toFixed(6);\r\n }\r\n\r\n remainsQuantity -= inventory.deliveryQuantity;\r\n }\r\n });\r\n\r\n this.setState({ avialabeQuantity: avialabeQuantity, totalSpecifiedQuantity: totalSpecifiedQuantity });\r\n }\r\n\r\n let deliveryLotResult = this.getDeliveryLotResult();\r\n this.setState({ deliveryLot: deliveryLotResult.deliveryLot, deliveryQuantity: deliveryLotResult.deliveryQuantity });\r\n this.recalcSpecificationCharge();\r\n }\r\n\r\n recalcSpecificationCharge() {\r\n let { model } = this.props;\r\n let charge = 0;\r\n let instrument = this.props.model.placingData.selectedInstrument;\r\n let isNormal = utils.parseBoolean(instrument.IsNormal);\r\n let account = model.selectedAccount;\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let quotation = instrument.lastQuotation;\r\n\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : { Weight: 1 });\r\n\r\n\r\n if (!utils.isEmpty(tradePolicyDetail.DeliveryChargeId)) {\r\n let deliveryCharge = model.deliveryCharges[tradePolicyDetail.DeliveryChargeId];\r\n let chargeBasis = parseInt(deliveryCharge.ChargeBasis);\r\n let price = parseFloat(isNormal ? quotation.Bid : quotation.Ask);\r\n if (chargeBasis === PhysicalChargeBasis.DayOpenPrice) {\r\n price = parseFloat(isNormal ? quotation.Open : quotation.AskOpen);\r\n }\r\n if (chargeBasis === PhysicalChargeBasis.OnSpecification) {\r\n if (this.state && this.state.specifications) {\r\n this.state.specifications.forEach((specification) => {\r\n if (specification.checked && specification.quantity > 0) {\r\n charge += (specification.quantity * parseFloat(specification.DeliveryCharge));\r\n }\r\n });\r\n }\r\n } else {\r\n\r\n Object.values(instrument.physicalInventory).forEach((inventory) => {\r\n if (physiclHelper.canDelivery(inventory) && (tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized || inventory.checked)) {\r\n if (chargeBasis === PhysicalChargeBasis.UnitFixAmount) {\r\n let lotBalance = inventory.deliveryLot; // - inventory.deliveryLotInProcess;\r\n charge += lotBalance * deliveryCharge.ChargeRate;\r\n } else if (chargeBasis === PhysicalChargeBasis.MkTPrice || chargeBasis === PhysicalChargeBasis.DayOpenPrice) {\r\n let lotBalance = inventory.deliveryLot; // - inventory.deliveryLotInProcess;\r\n charge += price * parseFloat(inventory.Transaction.ContractSize) * lotBalance * parseFloat(instrumentUnit.Weight);\r\n }\r\n }\r\n });\r\n }\r\n charge = Math.max(parseFloat(deliveryCharge.MinCharge), charge);\r\n }\r\n\r\n if (!utils.parseBoolean(account.IsMultiCurrency)) {\r\n charge = model.exchangeRate(charge, instrument.CurrencyId, account.CurrencyID);\r\n }\r\n let currency = model.currencies[utils.parseBoolean(account.IsMultiCurrency) ? instrument.CurrencyId : account.CurrencyID];\r\n if (charge != 0) {\r\n this.setState({ deliveryCharge: parseFloat(charge.toFixed(parseInt(currency.Decimals))) });\r\n }\r\n return charge;\r\n }\r\n\r\n onSpecificationQuantityChange(sender) {\r\n let deliveryLotResult = this.getDeliveryLotResult();\r\n this.setState({ deliveryLot: deliveryLotResult.deliveryLot, deliveryQuantity: deliveryLotResult.deliveryQuantity });\r\n this.recalcSpecificationCharge();\r\n }\r\n\r\n beforeSpecificationQuantityChange(sender, newQuantity) {\r\n console.log('beforeSpecificationQuantityChange', newQuantity);\r\n let { model } = this.props;\r\n let specifications = this.state.specifications;\r\n\r\n let avialabeQuantity = 0;\r\n let instrument = model.placingData.selectedInstrument;\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n this.state.inventories.forEach((inventory) => {\r\n if (physiclHelper.canDelivery(inventory) && (tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized || inventory.checked)) {\r\n let lotBalance = parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess;\r\n avialabeQuantity += parseFloat(inventory.Transaction.ContractSize) * lotBalance * parseFloat(instrumentUnit.Weight);\r\n }\r\n });\r\n\r\n\r\n let totalSpecifiedQuantityWithoutSender = 0;\r\n\r\n specifications.forEach((specification) => {\r\n if (specification != sender && specification.checked && specification.quantity > 0) {\r\n totalSpecifiedQuantityWithoutSender += (specification.quantity * (parseFloat(specification.Size) + parseFloat(specification.Premium)));\r\n }\r\n });\r\n\r\n if ((totalSpecifiedQuantityWithoutSender + (newQuantity * (parseFloat(sender.Size) + parseFloat(sender.Premium)))) > avialabeQuantity) {\r\n sender.quantity = parseInt((avialabeQuantity - totalSpecifiedQuantityWithoutSender) / (parseFloat(sender.Size) + parseFloat(sender.Premium)));\r\n newQuantity = sender.quantity;\r\n }\r\n\r\n let totalSpecifiedQuantity = totalSpecifiedQuantityWithoutSender + (newQuantity * (parseFloat(sender.Size) + parseFloat(sender.Premium)));\r\n\r\n // let remainsQuantity = totalSpecifiedQuantity;\r\n let inventories = Object.values(this.state.inventories).sort((a, b) => a.Transaction.ExecuteTime.localeCompare(b.Transaction.ExecuteTime));\r\n inventories.forEach((inventory) => {\r\n if (totalSpecifiedQuantity > 0 && physiclHelper.canDelivery(inventory) && (tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized)) {\r\n let lotBalance = parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess;\r\n let deliveryLot = parseFloat(lotBalance.toFixed(6)); // (inventory.LotBalance - inventory.UnfilledLot);\r\n // inventory.checked = true;\r\n if (deliveryLot * parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight) <= totalSpecifiedQuantity) {\r\n inventory.deliveryLot = deliveryLot;\r\n }\r\n else {\r\n inventory.deliveryLot = parseFloat((totalSpecifiedQuantity / (parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight))).toFixed(6));\r\n }\r\n\r\n totalSpecifiedQuantity -= inventory.deliveryQuantity;\r\n } else {\r\n // inventory.checked = false;\r\n // inventory.deliveryLot = 0;\r\n }\r\n });\r\n\r\n totalSpecifiedQuantity = 0;\r\n specifications.forEach((specification) => {\r\n let quantity = (specification == sender ? newQuantity : specification.quantity);\r\n if (specification.checked && quantity > 0) {\r\n totalSpecifiedQuantity += (quantity * (parseFloat(specification.Size) + parseFloat(specification.Premium)));\r\n }\r\n });\r\n // this.recalcSpecificationCharge();\r\n this.setState({ deliveryQuantity: totalSpecifiedQuantity, avialabeQuantity: parseFloat(avialabeQuantity.toFixed(6)) });\r\n\r\n return newQuantity;\r\n }\r\n\r\n onBackgroundPaneClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n\r\n\r\n businessDayAdd = function (momentDate, days) {\r\n var d = momentDate.clone().add('d', Math.floor(days / 5) * 7);\r\n var remaining = days % 5;\r\n while (remaining) {\r\n d.add('d', 1);\r\n if (d.day() !== 0 && d.day() !== 6)\r\n remaining--;\r\n }\r\n console.log('businessDayAdd', momentDate.format(\"YYYY-MM-DD HH:mm:ss\"), days, d.format(\"YYYY-MM-DD HH:mm:ss\"));\r\n return d;\r\n }\r\n\r\n\r\n onAddressChange(value, option) {\r\n this.setState({ selectedAddressId: value });\r\n }\r\n\r\n onOpenOrderCheckboxChange(inventory, checked) {\r\n // this.forceUpdate();\r\n\r\n let { model, t, isPad } = this.props;\r\n let account = model.selectedAccount;\r\n let instrument = model.placingData.selectedInstrument;\r\n\r\n let deliverySpecificationDetails = model.deliverySpecificationDetails[instrument.DeliverySpecificationId] ? Object.values(model.deliverySpecificationDetails[instrument.DeliverySpecificationId]) : undefined;\r\n\r\n if (deliverySpecificationDetails) {\r\n deliverySpecificationDetails.forEach((deliverySpecification, index) => {\r\n let specification = deliverySpecification; // Object.assign({}, deliverySpecification);\r\n specification.checked = false;\r\n specification.quantity = 0;\r\n });\r\n }\r\n\r\n // let tradePolicyDetail = account.TradePolicyDetails[instrument.Id];\r\n // if (tradePolicyDetail.DeliveryMode == DeliveryMode.ShowDetails) {\r\n // let specifications = this.state.specifications;\r\n // for (let i = 0; i < specifications.length; i++) {\r\n // let specification = specifications[i];\r\n // specification.checked = false;\r\n // // specification.quantity =0;\r\n // } \r\n // }\r\n this.forceUpdate();\r\n this.setState(this.initDeliveryLot(this.props));\r\n }\r\n\r\n checkRequireLot(requireLot, tradePolicyDetail) {\r\n if (requireLot == 0 || requireLot < tradePolicyDetail.PhysicalMinDeliveryQuantity) {\r\n return false;\r\n } else if (tradePolicyDetail.PhysicalDeliveryIncremental != 0) {\r\n let quantity = parseFloat((requireLot / tradePolicyDetail.PhysicalDeliveryIncremental).toFixed(6));\r\n if (requireLot > tradePolicyDetail.PhysicalMinDeliveryQuantity && quantity != parseInt(quantity)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n //get and recalculate delivery lot\r\n getDeliveryLotResult() {\r\n let { model, t, isPad } = this.props;\r\n let account = model.selectedAccount;\r\n let instrument = model.placingData.selectedInstrument;\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n let specifications = [];\r\n //let charge = 0;\r\n //check DeliveryRequestSpecification\r\n let specificationQuantity = 0, remainsQuantity = 0;\r\n this.state.specifications.forEach((specification, index) => {\r\n if (specification.checked && specification.quantity > 0) {\r\n // charge = charge + parseFloat(specification.DeliveryCharge);\r\n specifications.push({ DeliveryRequestSpecification: { Quantity: specification.quantity, Size: specification.Size, Premium: specification.Premium, UnitId: instrument.UnitId, productName: specification.productName } })\r\n\r\n specificationQuantity += specification.quantity * (parseFloat(specification.Size) + parseFloat(specification.Premium));\r\n }\r\n });\r\n\r\n remainsQuantity = specificationQuantity;\r\n let totalDeliveryLot = 0, totalQuantity = 0;\r\n let inventories = Object.values(this.state.inventories).sort((a, b) => a.Transaction.ExecuteTime.localeCompare(b.Transaction.ExecuteTime));\r\n inventories.forEach((inventory, index) => {\r\n // let physicalOriginValueBalance = parseFloat(inventory.PhysicalOriginValueBalance);\r\n // let paidPledgeBalance = parseFloat(inventory.PaidPledgeBalance);\r\n if (physiclHelper.canDelivery(inventory)) {\r\n let lotBalance = parseFloat(inventory.LotBalance) - inventory.deliveryLotInProcess;\r\n let deliveryLot = parseFloat(lotBalance.toFixed(6)); // (inventory.LotBalance - inventory.UnfilledLot);\r\n\r\n if (tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized) {\r\n if (deliveryLot * parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight) <= remainsQuantity) {\r\n inventory.deliveryLot = deliveryLot;\r\n }\r\n else {\r\n inventory.deliveryLot = parseFloat((remainsQuantity / (parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight))).toFixed(6));\r\n }\r\n\r\n } else if (tradePolicyDetail.DeliveryMode == DeliveryMode.ShowDetails) {\r\n // inventory.deliveryLot = inventory.checked ? deliveryLot : 0;\r\n }\r\n inventory.deliveryQuantity = inventory.deliveryLot * (parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight));\r\n remainsQuantity -= inventory.deliveryQuantity;\r\n\r\n totalDeliveryLot += inventory.deliveryLot;\r\n totalQuantity += inventory.deliveryQuantity;\r\n }\r\n });\r\n\r\n return { deliveryLot: parseFloat(totalDeliveryLot.toFixed(6)), deliveryQuantity: parseFloat(totalQuantity.toFixed(6)), remainsQuantity: remainsQuantity, specifications: specifications, specificationQuantity: specificationQuantity };\r\n }\r\n\r\n onSubmitButtonClick() {\r\n let { model, t, isPad } = this.props;\r\n let account = model.selectedAccount;\r\n let instrument = model.placingData.selectedInstrument;\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n if (!this.checkRequireLot(this.state.deliveryLot, tradePolicyDetail)) {\r\n utils.logError(DialogWindow.Physical_LotIsNotValid );\r\n return;\r\n }\r\n\r\n let lotResult = this.getDeliveryLotResult();\r\n if (this.state.specifications.length > 0 && lotResult.specificationQuantity != lotResult.deliveryQuantity) {\r\n utils.logError(DialogWindow.Physical_SpecificationIsIncorrect )\r\n return;\r\n }\r\n\r\n let orderRelations = [];\r\n let deliveryRequestId = utils.uuid();\r\n Object.values(instrument.physicalInventory).forEach((inventory, index) => {\r\n if (physiclHelper.canDelivery(inventory) && inventory.deliveryLot > 0) {\r\n let orderRelation = {\r\n DeliveryRequestId: deliveryRequestId,\r\n OpenOrderId: inventory.ID,\r\n DeliveryQuantity: inventory.deliveryLot * parseFloat(inventory.Transaction.ContractSize) * parseFloat(instrumentUnit.Weight),\r\n DeliveryLot: inventory.deliveryLot\r\n };\r\n orderRelations.push(orderRelation);\r\n }\r\n });\r\n\r\n let data = {\r\n Id: deliveryRequestId,\r\n AccountID: account.Id,\r\n InstrumentID: instrument.Id,\r\n RequireLot: lotResult.deliveryLot,\r\n RequireQuantity: lotResult.deliveryQuantity,\r\n Charge: this.recalcSpecificationCharge(),\r\n ChargeCurrencyId: (Boolean.parseBoolean(account.IsMultiCurrency) ? instrument.CurrencyId : account.CurrencyId),\r\n DeliveryTime: this.state.deliveryDate.format('YYYY-MM-DD'),\r\n SubmitorId: model.loginResult.UserId,\r\n SubmitTime: model.getServerTime().format(\"YYYY-MM-DD HH:mm:ss\"),\r\n Ask: instrument.lastQuotation.Ask,\r\n Bid: instrument.lastQuotation.Bid,\r\n Status: \"0\",\r\n DeliveryAddressId: this.state.selectedAddressId,\r\n DeliveryRequestOrderRelation: orderRelations,\r\n DeliveryRequestSpecifications: lotResult.specifications\r\n };\r\n\r\n\r\n this.props.commService.applyDelivery(data, (d) => {\r\n debugger;\r\n let data = JSON.parse(d);\r\n if (data.Result.content_result.transactionError === 'OK') {\r\n if (tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized) {\r\n let specifactionDescription = this.getSubmitSpecifactionDescription(lotResult.specifications);\r\n antMessage.info(utils.format2(t('DialogWindow.RunLog_DeliverySummarizedSuccess'), instrument.Description, this.state.deliveryQuantity.toString(), instrument.Unit, utils.format2(t('DialogWindow.DeliverProduct'), specifactionDescription)));\r\n } else {\r\n antMessage.info(utils.format2(t('DialogWindow.RunLog_DeliverySuccess'), instrument.Description, this.state.deliveryQuantity.toString() + instrument.Unit, this.state.deliveryLot));\r\n }\r\n } else {\r\n if (tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized) {\r\n let specifactionDescription = this.getSubmitSpecifactionDescription(lotResult.specifications);\r\n antMessage.info(utils.format2(t('DialogWindow.RunLog_DeliverySummarizedFailed'), instrument.Description, this.state.deliveryQuantity.toString(), instrument.Unit, utils.format2(t('DialogWindow.DeliverProduct'), specifactionDescription)), data.Result.content_result.transactionError);\r\n } else {\r\n let error = utils.format2(t('DialogWindow.RunLog_DeliveryFailed'), instrument.Description, this.state.deliveryQuantity.toString() + instrument.Unit, this.state.deliveryLot, data.Result.content_result.transactionError);\r\n utils.logError(error);\r\n }\r\n }\r\n if (isPad) {\r\n this.props.onCancel();\r\n } else {\r\n this.goBack();\r\n }\r\n });\r\n }\r\n\r\n getSubmitSpecifactionDescription(specifications) {\r\n let specifactionDescription = '';\r\n specifications.forEach((specification) => {\r\n if (!utils.isEmpty(specifactionDescription)) {\r\n specifactionDescription += ','\r\n }\r\n specifactionDescription += (specification.DeliveryRequestSpecification.productName + '*' + specification.DeliveryRequestSpecification.Quantity)\r\n });\r\n return specifactionDescription;\r\n }\r\n\r\n onDeliveryDateClick() {\r\n this.setState({ modalVisible: true });\r\n }\r\n\r\n onModalOk(e) {\r\n this.setState({ modalVisible: false, deliveryDate: this.state.modalDate });\r\n }\r\n\r\n onModalCancel(e) {\r\n this.setState({ modalVisible: false });\r\n }\r\n\r\n getDeliveryDisabledDate(current) {\r\n\r\n let result = current < this.state.deliveryBeginDate || current > this.state.deliveryEndDate || current.isoWeekday() > 5;\r\n return result;\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('deliveryview', 'common');\r\n\r\n let { model, isPad } = this.props;\r\n // let instrument = model.placingData.selectedInstrument;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let account = model.selectedAccount;\r\n let currencyId = (utils.parseBoolean(account.IsMultiCurrency) ? instrument.CurrencyId : account.CurrencyID);\r\n let currency = (!model.currencies ? '' : model.currencies[currencyId]);\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n let specificationWeight = 0;\r\n let specificationQuantity = 0;\r\n // if (tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized) {\r\n let specifications = this.state.specifications;\r\n for (let i = 0; i < specifications.length; i++) {\r\n let specification = specifications[i];\r\n if (specification.checked && specification.quantity > 0) {\r\n specificationQuantity += specification.quantity;\r\n specificationWeight += (specification.quantity * (parseFloat(specification.Size) + parseFloat(specification.Premium)));\r\n }\r\n }\r\n // }\r\n let specificationItems = [];\r\n let deliverySpecificationDetails = model.deliverySpecificationDetails[instrument.DeliverySpecificationId] ? Object.values(model.deliverySpecificationDetails[instrument.DeliverySpecificationId]) : undefined;\r\n let deliveryCharge = utils.isEmpty(tradePolicyDetail.DeliveryChargeId) ? {} : model.deliveryCharges[tradePolicyDetail.DeliveryChargeId];\r\n let chargeBasis = parseInt(deliveryCharge.ChargeBasis);\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n \r\n if (deliverySpecificationDetails) {\r\n deliverySpecificationDetails.sort(this.sortSpecification);\r\n specificationItems.push(DialogWindow.Physical_RepaymentSuccess );\r\n if (this.props.onClose) {\r\n this.props.onClose();\r\n }\r\n this.goto('/');\r\n } else {\r\n antMessage.info({\"DialogWindow.TransactionError_\" + data.Result.transactionError} );\r\n }\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.model === undefined || this.props.model.placingData === undefined || this.props.model.placingData.selectedInventory === undefined) {\r\n this.goto('/');\r\n return ;\r\n }\r\n\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n\r\n let { model } = this.props;\r\n let instrumentCode = '';\r\n let inventory = this.props.model.placingData.selectedInventory;\r\n let account = !inventory ? '' : model.accounts[inventory.Transaction.AccountID];\r\n let instrument = !inventory ? '' : model.instruments[inventory.Transaction.InstrumentID];\r\n let currency = undefined;\r\n if (inventory) {\r\n if (Boolean.parseBoolean(account.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n }\r\n else {\r\n currency = model.currencies[account.CurrencyId];\r\n }\r\n }\r\n let unPaid = !inventory ? '' : utils.formatNumber(parseFloat(inventory.PhysicalOriginValueBalance) - Math.abs(parseFloat(inventory.PaidPledgeBalance)), currency.Decimals);\r\n return DialogWindow.Physical_Period , DialogWindow.Physical_RepaymentDueDate , DialogWindow.Currency , DialogWindow.Physical_PrincipalInstalment , DialogWindow.Physical_InterestInstalment , DialogWindow.Physical_InstalmentAmount ,\r\n DialogWindow.Physical_DateOfActualRepayment , DialogWindow.Physical_PenaltyInterest , DialogWindow.Physical_Status ));\r\n utils.forceToArray(inventory.InstalmentDetails.InstalmentDetail).forEach((item, index) => {\r\n let status = utils.isEmpty(item.PaidDateTime) ? DialogWindow.Physical_UnPayment : DialogWindow.Physical_Payment ;\r\n result.push(this.getRow(parseInt(item.Period), item.PaymentDateTimeOnPlan, currency.Name, utils.formatNumber(item.Principal, currency.Decimals), utils.formatNumber(item.Interest, currency.Decimals), parseFloat(item.Principal) + parseFloat(item.Interest), item.PaidDateTime, utils.formatNumber(item.DebitInterest, currency.Decimals), status));\r\n });\r\n return result;\r\n }\r\n\r\n getRow(period, dueDate, currency, principal, interest, amount, paidDate, penaltyInterest, status) {\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n\r\n return ;\r\n }\r\n return {\r\n\r\n private subTopic: string | undefined = void 0;\r\n private chartDataSources: IChartDataSource[] = [];\r\n // private charts: any[] = [];\r\n private lastQuotation: any | undefined = void 0;\r\n\r\n constructor(props: IMultiChartViewProps) {\r\n super(props);\r\n\r\n this.state = { chartcount: 1, issplitterdragging: props.issplitterdragging };\r\n\r\n this.unsubscribeQuotation = this.unsubscribeQuotation.bind(this);\r\n }\r\n\r\n // public componentDidMount() {\r\n // }\r\n\r\n private getInstrumentId(): string | undefined {\r\n return this.chartDataSources.length > 0 ? this.chartDataSources[0].instrumentId() : void 0;\r\n }\r\n\r\n private getChartConfig(chartIndex: number) : IChartConfig {\r\n\r\n const configs = getChartConfigs(this.getInstrumentId() as string) as IChartConfig[];\r\n\r\n // const instrumnetId = this.getInstrumentId() as string;\r\n // console.log(`configDebug: chartIndex=${chartIndex} -----------------------------------------`);\r\n // configs.forEach((config, index) => {\r\n // const cfg = config.indictorsSettings;\r\n // console.log(`configDebug: configId=${cfg.configId},\r\n // instrumentId=${instrumnetId},\r\n // index=${index},\r\n // auxIndicator=${cfg.auxIndicatorSettings?.indicatorName},\r\n // mainIndictorsSettings.size=${cfg.mainIndictorsSettings.size()}`);\r\n // });\r\n // console.log(`configDebug: chartIndex=${chartIndex} ==========================================`);\r\n // console.log(`configDebug: private getChartConfig chartType=${configs[chartIndex].chartType}`);\r\n \r\n // return configs[chartIndex].indictorsSettings;\r\n return configs[chartIndex];\r\n }\r\n\r\n private setChartCount = (count: number) => {\r\n this.setState({ chartcount: count });\r\n }\r\n\r\n private createChartDataSource() {\r\n const { commService, model } = this.props;\r\n const { id:instrumentId, code, description, quotePolicyId } = this.props.instrumentInfo;\r\n\r\n const oldInstrumentId = this.getInstrumentId();\r\n if (oldInstrumentId != instrumentId) {\r\n // create new configs for new instrument\r\n // this.createDefaultChartConfigs(instrumentId);\r\n // clear old dataSources\r\n this.chartDataSources = [];\r\n }\r\n\r\n const configs = getChartConfigs(instrumentId) as IChartConfig[];\r\n for (let index = this.chartDataSources.length; index < this.state.chartcount; index++) {\r\n const chartType = configs[index].chartType;\r\n console.log(`configDebug: index=${index} chartType=${chartType}`);\r\n const chartDataSource = dataSource()\r\n .instrumentId(instrumentId)\r\n .instrumentCode(code)\r\n .instrumentDescription(description)\r\n .quotePolicyId(quotePolicyId)\r\n .chartType(chartType)\r\n .dataRange(DataRangeType.Unlimited)\r\n .commService(commService)\r\n .model(model);\r\n this.chartDataSources.push(chartDataSource);\r\n }\r\n\r\n const newTopic = `q.${instrumentId}`;\r\n if (this.subTopic !== newTopic) {\r\n this.unsubscribeQuotation();\r\n this.subTopic = newTopic\r\n PubSub.subscribe(this.subTopic, this.notifyRealTimeQuotation.bind(this));\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.unsubscribeQuotation();\r\n }\r\n\r\n unsubscribeQuotation() {\r\n if (this.subTopic) {\r\n PubSub.unsubscribe(this.subTopic);\r\n }\r\n }\r\n\r\n notifyRealTimeQuotation(msg: string, quotation: IQuotation) {\r\n // console.log(timeFormaterWithMs(new Date()), \"real time quotation received.\");\r\n if (quotation.Bid && quotation.Ask) {\r\n const shouldNofityChart = !this.lastQuotation || (this.lastQuotation.Ask != quotation.Ask || this.lastQuotation.Bid != quotation.Bid);\r\n if (shouldNofityChart) {\r\n this.chartDataSources.forEach((ds) => {\r\n ds.OnRealPrice(+quotation.Bid, +quotation.Ask, quotation.Timestamp);\r\n });\r\n }\r\n this.lastQuotation = { Timestamp: quotation.Timestamp, Bid: quotation.Bid, Ask: quotation.Ask };\r\n }\r\n }\r\n\r\n private splitHooks: SplitPaneHooks = {\r\n onDragStarted: () => {\r\n // console.log(\"splitHooks onDragStarted\");\r\n this.setState({ issplitterdragging: true });\r\n },\r\n // onChange: (sizes: number[]) => {\r\n // console.log(\"splitHooks onChange\", sizes);\r\n // },\r\n onSaveSizes: (sizes: number[]) => {\r\n // console.log(\"splitHooks onSaveSizes\", sizes);\r\n this.setState({ issplitterdragging: false });\r\n }\r\n }\r\n\r\n render() {\r\n this.createChartDataSource();\r\n const { chartcount } = this.state;\r\n const { theme } = this.props;\r\n const issplitterdragging = this.state.issplitterdragging || this.props.issplitterdragging;\r\n if (chartcount === 1) {\r\n return { }}\r\n onChartExitFullScreen={() => { }}\r\n isPad={true}\r\n theme={theme}\r\n showMultiChartMemu={true}\r\n chartIndex={[0, chartcount]}\r\n setChartCount={this.setChartCount}\r\n issplitterdragging={issplitterdragging}\r\n />;\r\n } else if (chartcount === 2) {\r\n return \r\n { }}\r\n onChartExitFullScreen={() => { }}\r\n isPad={true}\r\n theme={theme}\r\n showMultiChartMemu={true}\r\n chartIndex={[0, chartcount]}\r\n setChartCount={this.setChartCount}\r\n issplitterdragging={issplitterdragging}\r\n />\r\n { }}\r\n onChartExitFullScreen={() => { }}\r\n isPad={true}\r\n theme={theme}\r\n showMultiChartMemu={true}\r\n chartIndex={[1, chartcount]}\r\n setChartCount={this.setChartCount}\r\n issplitterdragging={issplitterdragging}\r\n />\r\n ;\r\n } else {\r\n return \r\n { }}\r\n onChartExitFullScreen={() => { }}\r\n isPad={true}\r\n theme={theme}\r\n showMultiChartMemu={true}\r\n chartIndex={[0, chartcount]}\r\n setChartCount={this.setChartCount}\r\n issplitterdragging={issplitterdragging}\r\n />\r\n \r\n { }}\r\n onChartExitFullScreen={() => { }}\r\n isPad={true}\r\n theme={theme}\r\n showMultiChartMemu={true}\r\n chartIndex={[1, chartcount]}\r\n setChartCount={this.setChartCount}\r\n issplitterdragging={issplitterdragging}\r\n />\r\n { }}\r\n onChartExitFullScreen={() => { }}\r\n isPad={true}\r\n theme={theme}\r\n showMultiChartMemu={true}\r\n chartIndex={[2, chartcount]}\r\n setChartCount={this.setChartCount}\r\n issplitterdragging={issplitterdragging}\r\n />\r\n \r\n ;\r\n }\r\n }\r\n}\r\n\r\n","import React from 'react';\r\nimport BaseView from \"../baseview.js\";\r\nimport { OrderType } from '../../common/const';\r\nimport { IInstrumentInfo } from '../../chart/typeDefine';\r\nimport { MultiChartView } from '../../chart/multichartview';\r\n\r\nconst PlacePanelType = { None: 0, WorkingList: 1, PendingList: 2, SpotTrade: 3, PendingOrder: 4 };\r\n\r\ninterface IMultiChartViewProps{\r\n readonly isPad: boolean;\r\n readonly model: any;\r\n readonly onSubComponentLoad: (name: string, comp: any) => void;\r\n readonly commService: any;\r\n readonly issplitterdragging: boolean;\r\n}\r\n\r\nexport class PadChartView extends BaseView {\r\n\r\n constructor(props: IMultiChartViewProps) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(\"padPlaceView\", this);\r\n }\r\n }\r\n\r\n // resetInput(props, isConstructor) {\r\n public resetInput() {\r\n let instrument = this.props.model.placingData.selectedInstrument;\r\n let orderType = this.props.model.placingData.orderType;\r\n let placingType = (orderType === OrderType.Limit ? PlacePanelType.PendingOrder : PlacePanelType.None);\r\n\r\n if (instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions) as any[];\r\n openPositions.forEach((order, index) => { \r\n order.selectedLot = order.allowedCloseLot = this.props.model.getMaxCloseLot(instrument, order); //parseFloat(order.LotBalance);\r\n order.isSelected = false;\r\n });\r\n } else {\r\n placingType = PlacePanelType.None;\r\n }\r\n }\r\n\r\n render() {\r\n const { model, commService, issplitterdragging } = this.props;\r\n if (this.props.isPad && model && model.isTradingDataLoaded && model.placingData && model.placingData.selectedInstrument) {\r\n // if (!model.placingData) {\r\n // const instrument = model.orderedInstruments[0];\r\n // model.buildPlacingData(instrument);\r\n // }\r\n } else {\r\n return <>;\r\n }\r\n\r\n const { Id, Code, Description } = model.placingData.selectedInstrument;\r\n const quotePolicyId = model.placingData.selectedInstrument.lastQuotation.QuotePolicyId;\r\n const iinfo: IInstrumentInfo = {\r\n id: Id,\r\n code: Code,\r\n description: Description,\r\n quotePolicyId\r\n };\r\n\r\n return \r\n ;\r\n\r\n let buySellButtonClass = Boolean.parseBoolean(order.IsBuy) ? `${moduleCss.orderSelectionBuySell} ${moduleCss.orderSelectionPaneItemCommon}` : `${moduleCss.orderSelectionBuySell} ${moduleCss.orderSelectionPaneItemCommon} ${this.state.defaultCss.negativeNumber}`;\r\n let lotBalance = parseFloat(order.LotBalance) - order.deliveryLotInProcess;\r\n let tradePLFloat = (parseFloat(order.TradePLFloat) / lotBalance) * order.selectedLot;\r\n let tradePLFloatClass = `${moduleCss.orderSelectionTradePLFloat} ${moduleCss.orderSelectionPaneItemCommon} ${tradePLFloat < 0 ? this.state.defaultCss.negativeNumber : ''}`;\r\n\r\n let paymentTitle = undefined;\r\n if (instrument.Category == InstrumentCategory.Physical && order.PhysicalTradeSide == PhysicalTradeSide.Buy) {\r\n if (utils.isEmpty(order.Period) || parseInt(order.Period) < 1) {\r\n paymentTitle = (DialogWindow.Physical_FullPayment );\r\n }\r\n else if (parseInt(order.Period) >= 1) {\r\n paymentTitle = parseInt(order.Period) === 1 ? (DialogWindow.Physical_AdvancePayment ) : (DialogWindow.Physical_Instalment );\r\n }\r\n }\r\n\r\n return \r\n }\r\n }\r\n\r\n}\r\n\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { message as antMessage, Button, Select, Checkbox } from 'antd';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { TransactionType, OrderType, LimitOrStop, BuySell, PriceTrend, BSStatus } from '../../common/const';\r\nimport { getPendingPriceSetting } from '../../model/placingpricesetting';\r\nimport { getLotSettings, getMovePipsSettings } from '../../model/placinglotsetting';\r\nimport { isAcceptedNewLimitPosition, isAcceptedNewStopPosition } from '../../model/orderHelper';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport ExpireSelectView from '../placing/expireselectview';\r\nimport CloseOrderItemView from './closeorderitemview';\r\nimport PlaceConfirmView from '../placing/placeconfirmview';\r\nimport InputNumberComponent from '../inputnumbercomponent';\r\nimport TitleBarView from '../titlebarview';\r\n\r\n// const BottomBarComponent = withTranslation()(BottomBar);\r\n\r\nconst SavePipsCookey = 'SpotTradePips';\r\n\r\nclass CloseOrderView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n let { model, isPad } = props;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let savedPips = parseFloat(utils.loadCookie(model.customer.Id + instrument.Id + SavePipsCookey));\r\n if (savedPips) {\r\n model.placingData.pips = savedPips;\r\n }\r\n\r\n \r\n let expireTypes = model.getExpireTypes(instrument);\r\n this.state = {\r\n confirmDialogVisible: false,\r\n selectedBuyLot: 0,\r\n selectedSellLot: 0,\r\n pips: savedPips ? savedPips : 0,\r\n expireTypes: expireTypes,\r\n expireType: expireTypes && expireTypes.length > 0 ? expireTypes[0] : 0\r\n };\r\n\r\n }\r\n\r\n componentDidMount() {\r\n // console.log('CloseOrderView.componentDidMount');\r\n let { model } = this.props;\r\n\r\n if (model !== undefined) {\r\n if (model.placingData) {\r\n delete model.placingData.useLimitPrice;\r\n delete model.placingData.useStopPrice;\r\n }\r\n this.refreshOpenOrderLot(this.props);\r\n }\r\n\r\n if (model.placingData && model.placingData.quoteCallback) {\r\n delete model.placingData.quoteCallback;\r\n delete model.placingData.quoteAnswer;\r\n delete model.placingData.isQuoteTimeout;\r\n window.clearTimeout(model.placingData.quoteTimeoutId);\r\n }\r\n\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(\"closeOrderView\", this);\r\n }\r\n }\r\n\r\n\r\n onOrderSelectChanged(orderChanged) {\r\n console.log('onOrderSelectChanged');\r\n if (orderChanged.isSelected) {\r\n this.unSelectSimultaneousBuySellClose(!utils.parseBoolean(orderChanged.IsBuy));\r\n }\r\n this.refreshOpenOrderLot(this.props);\r\n }\r\n\r\n refreshOpenOrderLot(props, isReset) {\r\n let { model } = props ? props : this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n model.closeLot = 0;\r\n model.refreshAllowedCloseLot(instrument);\r\n if (instrument.openPositions) {\r\n let totalBuyPrice = 0;\r\n let totalSellPrice = 0;\r\n\r\n let buyLot = 0;\r\n let sellLot = 0;\r\n let buyLotCanSelect = 0;\r\n let sellLotCanSelect = 0;\r\n let openPositions = Object.values(instrument.openPositions);\r\n\r\n openPositions.forEach((order, index) => {\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n if (isReset) {\r\n order.isSelected = false;\r\n } else {\r\n if (model.placingData.orderType === OrderType.SpotTrade || model.placingData.orderType === OrderType.Market || isBuy == !model.placingData.isBuy) {\r\n if (isBuy) {\r\n\r\n buyLotCanSelect += parseFloat(order.selectedLot);\r\n if (order.isSelected) {\r\n buyLot += parseFloat(order.selectedLot);\r\n totalBuyPrice += (parseFloat(order.ExecutePrice) * parseFloat(order.selectedLot));\r\n }\r\n } else {\r\n sellLotCanSelect += parseFloat(order.selectedLot);\r\n if (order.isSelected) {\r\n sellLot += parseFloat(order.selectedLot);\r\n totalSellPrice += (parseFloat(order.ExecutePrice) * parseFloat(order.selectedLot));\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (!order.isSelected) {\r\n order.selectedLot = order.allowedCloseLot;\r\n }\r\n });\r\n buyLot = Math.round2(buyLot, 4);\r\n sellLot = Math.round2(sellLot, 4);\r\n this.setState({\r\n selectedBuyLot: buyLot,\r\n selectedSellLot: sellLot,\r\n buyLotCanSelect: Math.round2(buyLotCanSelect, 4),\r\n sellLotCanSelect: Math.round2(sellLotCanSelect, 4),\r\n averageBuyPrice: buyLot > 0 ? totalBuyPrice / buyLot : 0,\r\n averageSellPrice: sellLot > 0 ? totalSellPrice / sellLot : 0\r\n });\r\n\r\n if (model.placingData.orderType === OrderType.SpotTrade || model.placingData.orderType === OrderType.Market) {\r\n model.placingData.closeBuyLot = buyLot;\r\n model.placingData.closeSellLot = sellLot;\r\n model.closeLot = sellLot + buyLot;\r\n\r\n\r\n if (buyLot > 0 && (this.state.lastBuyLot != buyLot || sellLot == 0)) {\r\n let orderingNotifyId = this.state.buyOrderingNotifyId;\r\n if (orderingNotifyId === undefined) {\r\n orderingNotifyId = utils.uuid();\r\n this.setState({ buyOrderingNotifyId: orderingNotifyId });\r\n }\r\n\r\n model.orderingNotify(orderingNotifyId, model.customer.Code, model.placingData.selectedInstrument.Code, 'false', 'false', buyLot.toString(), (d) => { });\r\n }\r\n if (sellLot > 0 && (this.state.lastSellLot != sellLot || buyLot == 0)) {\r\n let orderingNotifyId = this.state.sellOrderingNotifyId;\r\n if (orderingNotifyId === undefined) {\r\n orderingNotifyId = utils.uuid();\r\n this.setState({ sellOrderingNotifyId: orderingNotifyId });\r\n }\r\n\r\n model.orderingNotify(orderingNotifyId, model.customer.Code, model.placingData.selectedInstrument.Code, 'true', 'false', sellLot.toString(), (d) => { });\r\n\r\n }\r\n this.setState({ lastSellLot: sellLot, lastBuyLot: buyLot });\r\n } else {\r\n model.closeLot = (model.placingData.isBuy ? sellLot : buyLot);\r\n }\r\n if (this.props.onOrderSelectChanged) {\r\n //this.props.onOrderSelectChanged(buyLot > sellLot ? buyLot : sellLot);\r\n this.props.onOrderSelectChanged(model.closeLot);\r\n }\r\n\r\n\r\n }\r\n }\r\n\r\n onSelectAllCheckboxChange(checked, buySell) {\r\n console.log('CloseOrderView.onSelectAllCheckboxChange');\r\n let { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n if (checked) {\r\n this.unSelectSimultaneousBuySellClose(buySell == BuySell.Sell);\r\n }\r\n this.setState({ orderingNotifyId: undefined });\r\n if (instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions);\r\n openPositions.forEach((order, index) => {\r\n if (this.canSelectOrder(order) && (Boolean.parseBoolean(order.IsBuy) === (buySell === BuySell.Buy))) {\r\n order.isSelected = checked;\r\n }\r\n });\r\n\r\n this.refreshOpenOrderLot(this.props);\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n unSelectSimultaneousBuySellClose(isBuy) {\r\n let { model } = this.props;\r\n if (model.placingData.orderType !== OrderType.Limit) {\r\n let instrument = model.placingData.selectedInstrument;\r\n let dealingPolicy = instrument.dealingPolicyDetail;\r\n let isSimultaneousBuySellClose = utils.parseBoolean(utils.isEmpty(dealingPolicy) ? instrument.IsSimultaneousBuySellClose : dealingPolicy.IsSimultaneousBuySellClose);\r\n\r\n if (!isSimultaneousBuySellClose && instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions);\r\n openPositions.forEach((order, index) => {\r\n if (this.canSelectOrder(order) && (Boolean.parseBoolean(order.IsBuy) === isBuy)) {\r\n order.isSelected = false;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n onConfirmCancel(e, urlGoBack) {\r\n let { model } = this.props;\r\n // model.closeLot = 0;\r\n this.refreshOpenOrderLot(this.props);\r\n if (!this.props.isPad && urlGoBack) {\r\n this.goBack();\r\n }\r\n this.setState({ confirmDialogVisible: false });\r\n }\r\n\r\n onConfirmOk(e) {\r\n // this.setState({confirmDialogVisible : false});\r\n this.refreshOpenOrderLot(this.props);\r\n this.setState({ isConfirmOkClicked: true });\r\n\r\n this.placeTransaction();\r\n\r\n if (this.props.onConfirmClosed) {\r\n this.props.onConfirmClosed(true);\r\n }\r\n }\r\n\r\n placeTransaction() {\r\n let { model, commService } = this.props;\r\n //let tran = { OrderType: 2, OpenOrderID: \"a89feb41-fd7b-446d-bb6d-9084f8ea82a0\", Order : [{TradeOption : \"0\", DQMaxMove: 1}, {TradeOption : \"2\", DQMaxMove: 3, OrderRelation : [] } ] };\r\n\r\n this.props.model.placingData.transactions.forEach((tran, index) => {\r\n let xmlDoc = utils.convertToXml(tran, 'Transaction');\r\n commService.place(tran);\r\n });\r\n\r\n let instrument = model.placingData.selectedInstrument;\r\n model.closeLot = 0;\r\n if (instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions);\r\n openPositions.forEach((order, index) => {\r\n order.selectedLot = order.allowedCloseLot = model.getMaxCloseLot(instrument, order);\r\n });\r\n }\r\n this.refreshOpenOrderLot(this.props, true);\r\n }\r\n\r\n adjustLotByQuote() {\r\n\r\n }\r\n\r\n startSpotTradedPromptUIKeepSeconds(orderType) {\r\n let model = this.props.model;\r\n if (orderType === OrderType.SpotTrade) {\r\n let spotTradedPromptUIKeepSeconds = parseInt(model.settingData.SystemParameter.SpotTradedPromptUIKeepSeconds);\r\n if (spotTradedPromptUIKeepSeconds > 0) {\r\n setTimeout(() => this.setState({ confirmDialogVisible: false }), spotTradedPromptUIKeepSeconds * 1000);\r\n }\r\n }\r\n }\r\n\r\n onSubmitClick(limitPrice, stopPrice) {\r\n let { model, t } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n\r\n this.setState({ orderingNotifyId: undefined });\r\n\r\n let lotSettings = getLotSettings(model.selectedAccount, instrument, model.placingData.orderType !== OrderType.Limit, false);\r\n if (model.closeLot > lotSettings.max || model.closeLot < lotSettings.min) {\r\n model.showModalDialog(utils.format2(t('DialogWindow.PlacingOrder_SumLotGreaterThanMaxLotOrLessThanMinLot'), model.closeLot, lotSettings.max, lotSettings.min));\r\n return;\r\n }\r\n\r\n if (model.placingData.orderType != OrderType.Limit && instrument.needQuote(model.closeLot)) {\r\n if (model.placingData && model.placingData.quoteCallback) {\r\n delete model.placingData.quoteCallback;\r\n delete model.placingData.quoteAnswer;\r\n delete model.placingData.isQuoteTimeout;\r\n window.clearTimeout(model.placingData.quoteTimeoutId);\r\n }\r\n\r\n model.placingData.quoteCallback = (answer) => {\r\n console.log('answer callback', answer);\r\n if (answer.InstrumentId == instrument.Id && answer.QuoteLot == model.closeLot) {\r\n delete model.placingData.quoteCallback;\r\n debugger;\r\n if (answer.QuoteLot != answer.AnswerLot) {\r\n this.adjustLotTo(parseFloat(answer.AnswerLot));\r\n }\r\n this.submit();\r\n }\r\n };\r\n this.setState({ transactions: undefined, confirmDialogVisible: true });\r\n this.startSpotTradedPromptUIKeepSeconds(model.placingData.orderType);\r\n model.placingData.quoteTimeoutId = setTimeout(() => model.placingData.isQuoteTimeout = true,\r\n parseFloat(model.settingData.SystemParameter.EnquiryOutTime) * 1000);\r\n\r\n model.commService.quote(instrument.Id, model.closeLot, BSStatus.Both, model.placingData.pips, (e) => console.log(e));\r\n } else {\r\n this.submit(limitPrice, stopPrice);\r\n }\r\n }\r\n\r\n adjustLotTo(newLot) {\r\n let { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n\r\n let openOrders = [];\r\n for (let orderId in instrument.openPositions) {\r\n let order = instrument.openPositions[orderId];\r\n if (order.isSelected && order.selectedLot) {\r\n openOrders.push(instrument.openPositions[orderId]);\r\n }\r\n }\r\n openOrders.sort((a, b) => a.Transaction.ExecuteTime.localeCompare(b.Transaction.ExecuteTime));\r\n\r\n // List < ClosingContract > contracts = new List < ClosingContract > (this.ClosingContracts);\r\n // contracts.Sort(ClosingContract.AdjustLotComparer);\r\n let remainLot = newLot;\r\n openOrders.forEach((contract) => {\r\n if (contract.selectedLot > 0 && remainLot < contract.selectedLot) {\r\n if (remainLot <= 0) {\r\n remainLot = 0;\r\n contract.isSelected = false;\r\n }\r\n contract.selectedLot = remainLot;\r\n }\r\n remainLot -= (contract.selectedLot ? contract.selectedLot : 0);\r\n });\r\n }\r\n\r\n submit(limitPrice, stopPrice) {\r\n let { model, t, isPad } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n\r\n let lotSettings = getLotSettings(model.selectedAccount, instrument, model.placingData.orderType !== OrderType.Limit, false);\r\n if (model.closeLot > lotSettings.max || model.closeLot < lotSettings.min) {\r\n model.showModalDialog(utils.format2(t('DialogWindow.PlacingOrder_SumLotGreaterThanMaxLotOrLessThanMinLot'), model.closeLot, lotSettings.max, lotSettings.min));\r\n return;\r\n }\r\n let quotation = model.placingData.quoteAnswer && model.placingData.quoteAnswer.Ask ? model.placingData.quoteAnswer : instrument.quotation;\r\n let buyPrice = (isNormal ? quotation.Ask : quotation.Bid);\r\n let sellPrice = (isNormal ? quotation.Bid : quotation.Ask);\r\n let dqPrices = { buyPrice: buyPrice, sellPrice: sellPrice };\r\n\r\n let openOrders = [];\r\n let isOcoChecked = isPad ? model.placingData.isOcoChecked : this.state.isOcoChecked;\r\n for (let orderId in instrument.openPositions) {\r\n let order = instrument.openPositions[orderId];\r\n if (order.isSelected && order.selectedLot) {\r\n openOrders.push(instrument.openPositions[orderId]);\r\n }\r\n }\r\n if (openOrders.length === 0) {\r\n model.showModalDialog(DialogWindow.OpenOrderPageTitle );\r\n } else {\r\n\r\n let trans = null;\r\n let isBuy = !Boolean.parseBoolean(openOrders[0].IsBuy);\r\n // trans = model.buildTransactions(instrument, TransactionType.Single, model.placingData.orderType, isBuy, 0, openOrders, dqPrices);\r\n if (model.placingData.orderType === OrderType.SpotTrade || model.placingData.orderType === OrderType.Market) {\r\n trans = model.buildTransactions(instrument, TransactionType.Single, model.placingData.orderType, isBuy, 0, openOrders, dqPrices);\r\n } else {\r\n\r\n if (limitPrice === undefined) limitPrice = this.state.limitPrice;\r\n if (stopPrice === undefined) stopPrice = this.state.stopPrice;\r\n\r\n if (utils.isEmpty(limitPrice) && utils.isEmpty(stopPrice)) {\r\n model.showModalDialog(DialogWindow.PleaseEnterPrice );\r\n return;\r\n }\r\n let transactionType = (this.isOcoEnabled(limitPrice, stopPrice) && isOcoChecked ? TransactionType.OneCancelOther : TransactionType.Single);\r\n let orderType = (this.isOcoEnabled(limitPrice, stopPrice) && isOcoChecked ? OrderType.OneCancelOther : OrderType.Limit);\r\n let expireType = isPad ? model.placingData.expireType : this.state.expireType;\r\n let expireTime = isPad ? model.placingData.expireTime : this.state.expireTime;\r\n trans = model.buildTransactions(instrument, transactionType, orderType, isBuy, 0, openOrders, undefined, { setPrice: limitPrice }, { setPrice: stopPrice }, expireType, expireTime);\r\n }\r\n model.placingData.transactions = undefined;\r\n if (instrument.fastTradeChecked) {\r\n model.placingData.transactions = trans;\r\n this.setState({ transactions: trans, confirmDialogVisible: true });\r\n this.startSpotTradedPromptUIKeepSeconds(model.placingData.orderType);\r\n this.placeTransaction();\r\n } else {\r\n if (isPad) model.startDqPriceCountDown(instrument, () => { if (!this.state.isConfirmOkClicked) this.setState({ confirmDialogVisible: false }) });\r\n this.setState({ isConfirmOkClicked: false, transactions: trans, confirmDialogVisible: true });\r\n this.startSpotTradedPromptUIKeepSeconds(model.placingData.orderType);\r\n }\r\n }\r\n }\r\n\r\n setStateProp(propName, propValue) {\r\n let { model } = this.props;\r\n let prop = {};\r\n prop[propName] = propValue;\r\n this.setState(prop);\r\n\r\n if (propName === 'isOcoChecked') {\r\n model.placingData.isOcoChecked = propValue;\r\n }\r\n\r\n if (propName === \"pips\") {\r\n this.props.model.placingData.pips = propValue;\r\n }\r\n\r\n if (propName === \"limitPrice\") {\r\n model.placingData.useLimitPrice = !utils.isEmpty(propValue);\r\n model.refreshAllowedCloseLot(model.placingData.selectedInstrument);\r\n this.refreshOpenOrderLot();\r\n // this.onCloseOrderClick();\r\n if (this.props.forceUpdate) this.props.forceUpdate();\r\n } else if (propName === \"stopPrice\") {\r\n model.placingData.useStopPrice = !utils.isEmpty(propValue);\r\n model.refreshAllowedCloseLot(model.placingData.selectedInstrument);\r\n this.refreshOpenOrderLot();\r\n //this.onCloseOrderClick();\r\n if (this.props.forceUpdate) this.props.forceUpdate();\r\n }\r\n }\r\n\r\n onInputChange(propName, value) {\r\n if (value >= 0) {\r\n this.setStateProp(propName, value);\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n isOcoEnabled(limitPrice, stopPrice) {\r\n let { model } = this.props;\r\n let instrument = model.placingData.selectedInstrument;\r\n let canPlaceOcoOrder = model.canPlaceOcoOrder(instrument, false);\r\n if (limitPrice === undefined) limitPrice = this.state.limitPrice;\r\n if (stopPrice === undefined) stopPrice = this.state.stopPrice;\r\n return !utils.isEmpty(limitPrice) && !utils.isEmpty(stopPrice) && canPlaceOcoOrder;\r\n }\r\n\r\n canSelectOrder(order) {\r\n let { model, isPad } = this.props;\r\n //return (order.allowedCloseLot > 0 && (Boolean.parseBoolean(order.IsBuy) === !model.placingData.isBuy || (!isPad && model.placingData.orderType !== OrderType.Limit)));\r\n return (order.allowedCloseLot > 0 && (Boolean.parseBoolean(order.IsBuy) === !model.placingData.isBuy || model.placingData.orderType !== OrderType.Limit));\r\n }\r\n\r\n\r\n onExpireSelectViewChange(e) {\r\n this.setState({ expireType: e.expireType, expireTime: e.date });\r\n }\r\n\r\n render() {\r\n let { t, model, isPad } = this.props;\r\n\r\n if (this.props.model === undefined || this.props.model.placingData === undefined) {\r\n this.goto('/');\r\n return ;\r\n }\r\n let moduleCss = this.getModuleCss('CloseOrderView', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let instrument = model.placingData.selectedInstrument;\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let currency = undefined;\r\n if (Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n // this.Decimals = currency.Decimals;\r\n }\r\n else {\r\n currency = model.currencies[model.selectedAccount.CurrencyId];\r\n }\r\n\r\n let isBuy = model.placingData.isBuy;\r\n\r\n let buyOrderItemViews = [];\r\n let sellOrderItemViews = [];\r\n let totalFloating = 0;\r\n if (instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions).sort((a, b) => a.Transaction.ExecuteTime.localeCompare(b.Transaction.ExecuteTime));\r\n\r\n openPositions.forEach((order, index) => {\r\n if (this.canSelectOrder(order)) {\r\n if (Boolean.parseBoolean(order.IsBuy)) {\r\n buyOrderItemViews.push( )\r\n } else {\r\n sellOrderItemViews.push( )\r\n }\r\n if (order.isSelected && order.selectedLot > 0) {\r\n let lotBalance = parseFloat(order.LotBalance) - order.deliveryLotInProcess;\r\n totalFloating += parseFloat(order.TradePLFloat) * (parseFloat(order.selectedLot) / lotBalance);\r\n }\r\n }\r\n });\r\n }\r\n\r\n let quotationRiseColor = model.config.getValue('quotationRiseColor', '#32cd32');\r\n let quotationRiseForeColor = model.config.getValue('quotationRiseForeColor', this.getTheme() == 'white' ? '#000000' : '#ffffff');\r\n let quotationFallColor = model.config.getValue('quotationFallColor', \"#ff0000\");\r\n let quotationFallForeColor = model.config.getValue('quotationFallForeColor', this.getTheme() == 'white' ? '#000000' : '#ffffff');\r\n let colorStyle = undefined;\r\n if (instrument.priceTrend === PriceTrend.Rise) {\r\n colorStyle = { backgroundColor: quotationRiseColor, color: quotationRiseForeColor };\r\n } else if (instrument.priceTrend === PriceTrend.Fall) {\r\n colorStyle = { backgroundColor: quotationFallColor, color: quotationFallForeColor };\r\n } else {\r\n colorStyle = {}\r\n }\r\n\r\n let askBidPrice = (instrument.quotation ? instrument.quotation.Bid + '/' + instrument.quotation.Ask : '');\r\n let pendingOptionsVisibleStyle = { display: (model.placingData.orderType === OrderType.Limit ? 'block' : 'none') };\r\n let dqOptionsVisibleStyle = { display: (model.placingData.orderType !== OrderType.Limit ? 'block' : 'none') };\r\n\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let pipsSettings = getMovePipsSettings(model.selectedAccount, instrument);\r\n let pips = (this.state.pips ? this.state.pips : (pipsSettings ? pipsSettings.default : 0));\r\n\r\n let basePrice = (isBuy === isNormal ? instrument.quotation.Ask : instrument.quotation.Bid);\r\n let limitPriceSetting = getPendingPriceSetting(model, instrument, basePrice, 0, LimitOrStop.Limit, isBuy ? BuySell.Buy : BuySell.Sell, false);\r\n let stopPriceSetting = getPendingPriceSetting(model, instrument, basePrice, 0, LimitOrStop.Stop, isBuy ? BuySell.Buy : BuySell.Sell, false);\r\n\r\n let selectAllSummaryBuy = this.state.selectedBuyLot == 0 ? \"\" : utils.format2(t('DialogWindow.SelectAllSummaryBuy'), this.state.selectedBuyLot);\r\n let selectAllSummarySell = this.state.selectedSellLot == 0 ? \"\" : utils.format2(t('DialogWindow.SelectAllSummarySell'), ',', this.state.selectedSellLot);\r\n let selectAllSummaryBuySell = (this.state.selectedBuyLot == 0 && this.state.selectedSellLot == 0) ? \"\" : utils.format2(t('DialogWindow.SelectAllSummaryBuySell'), selectAllSummaryBuy, selectAllSummarySell);\r\n\r\n let expireTypeOptions = [];\r\n\r\n let mainPaneClass = `${defaultCss.defaultColor} ${isPad ? moduleCss.closeOrderPane : moduleCss.closeOrderPane}`;\r\n // let buyOrderPane = buyOrderItemViews.length === 0 ? undefined : this.onSelectAllCheckboxChange.bind(this)(e.target.checked, BuySell.Buy)}> MainView.Buy {this.state.selectedBuyLot ? @ {utils.formatPrice(this.state.averageBuyPrice, instrument.Denominator)} : ''} ;\r\n let checkAllSellPane = this.onSelectAllCheckboxChange.bind(this)(e.target.checked, BuySell.Sell)}> MainView.Sell {this.state.selectedSellLot ? @ {utils.formatPrice(this.state.averageSellPrice, instrument.Denominator)} : ''} ;\r\n let tradePLFloatClass = `${defaultCss.defaultColor} ${totalFloating < 0 ? defaultCss.negativeNumber : ''}`;\r\n let instrumentTradePLFloatClass = `${defaultCss.defaultColor} ${totalFloating < 0 ? defaultCss.negativeNumber : ''}`;\r\n let floatPaneStyle = isPad ? { textAlign: 'right', float: 'right' } : { textAlign: 'right', width: '10%', display: 'inline-block' };\r\n\r\n\r\n let canPlaceLimit = model.placingData.orderType != OrderType.Limit ? false : isAcceptedNewLimitPosition(model.selectedAccount, instrument, false, isBuy, model.closeLot);\r\n // if (canPlaceLimit && !utils.isEmpty(this.state.stopPrice)) {\r\n // canPlaceLimit = Boolean.parseBoolean(tradePolicyDetail.AllowNewLimitStopSameTime);\r\n // }\r\n\r\n let canPlaceStop = model.placingData.orderType != OrderType.Limit ? false : isAcceptedNewStopPosition(model.selectedAccount, instrument, false, isBuy, model.closeLot);\r\n // if (canPlaceStop && !utils.isEmpty(this.state.limitPrice)) {\r\n // canPlaceStop = Boolean.parseBoolean(tradePolicyDetail.AllowNewLimitStopSameTime);\r\n // }\r\n let lotSum = parseFloat(this.state.selectedBuyLot + this.state.selectedSellLot);\r\n let floatPane = {!totalFloating ? '' : utils.formatNumber(totalFloating, currency.Decimals)};\r\n let padSumPane = );\r\n }\r\n let openLotBuy = 0, openLotSell = 0, tradePLFloat = 0;\r\n let openPositions = undefined;\r\n if (!isTitle) {\r\n openPositions = Object.values(instrument.openPositions).sort((a, b) => {\r\n return a.Transaction.ExecuteTime.localeCompare(b.Transaction.ExecuteTime);\r\n }\r\n );\r\n\r\n openPositions.forEach((order, index) => {\r\n if (parseFloat(order.LotBalance) > 0) {\r\n if (!isPad || instrument.Category == InstrumentCategory.Forex) {\r\n orderViews.push( )\r\n }\r\n tradePLFloat += parseFloat(order.TradePLFloat);\r\n if (Boolean.parseBoolean(order.IsBuy)) {\r\n openLotBuy += parseFloat(order.LotBalance);\r\n }\r\n else {\r\n openLotSell += parseFloat(order.LotBalance);\r\n }\r\n }\r\n });\r\n }\r\n\r\n let quotationRiseColor = model.config.getValue('quotationRiseColor', '#32cd32');\r\n let quotationRiseForeColor = model.config.getValue('quotationRiseForeColor', this.getTheme() == 'white' ? '#000000' : '#ffffff');\r\n let quotationFallColor = model.config.getValue('quotationFallColor', \"#ff0000\");\r\n let quotationFallForeColor = model.config.getValue('quotationFallForeColor', this.getTheme() == 'white' ? '#000000' : '#ffffff');\r\n let priceColorStyle = undefined;\r\n if (instrument.priceTrend === PriceTrend.Rise) {\r\n priceColorStyle = { backgroundColor: quotationRiseColor, color: quotationRiseForeColor };\r\n } else if (instrument.priceTrend === PriceTrend.Fall) {\r\n priceColorStyle = { backgroundColor: quotationFallColor, color: quotationFallForeColor };\r\n } else {\r\n priceColorStyle = {}\r\n }\r\n let askBidPrice = (instrument.quotation ? instrument.quotation.Bid + '/' + instrument.quotation.Ask : '');\r\n let defaultCss = this.getModuleCss('default');\r\n let floatClass = `${moduleCss.instrumentRightValue} ${tradePLFloat < 0 ? defaultCss.negativeNumber : ''}`;\r\n\r\n let netPosition = parseFloat((instrument.totalBuyLot - instrument.totalSellLot).toFixed(4));\r\n let buyClass = `${moduleCss.positionSumLot} ${defaultCss.buyColor}`;\r\n let sellClass = `${moduleCss.positionSumLot} ${defaultCss.sellColor}`;\r\n let netClass = netPosition >= 0 ? buyClass : sellClass;\r\n let isUniqueClient = utils.parseBoolean(model.settingData.SystemParameter.IsUniqueClient);\r\n if (isPad) {\r\n if (isPositionSum) {\r\n if (isTitle) {\r\n let titleStyle = (model && model.config) ? { backgroundColor: model.config.getValue('titleBackgroundColor'), color: model.config.getValue('titleColor') } : {};\r\n\r\n return );\r\n\r\n // openPositions.forEach((order, index) => {\r\n // order.isSelected = false;\r\n // order.selectedLot = parseFloat(order.LotBalance);\r\n // });\r\n }\r\n }\r\n });\r\n\r\n\r\n // console.info(orderGroups);\r\n\r\n return );\r\n\r\n // openPositions.forEach((order, index) => {\r\n // order.isSelected = false;\r\n // order.selectedLot = parseFloat(order.LotBalance);\r\n // });\r\n }\r\n }\r\n }\r\n\r\n\r\n\r\n // console.info(orderGroups);\r\n\r\n return );\r\n } else if (tabType === \"InventoryInProcessView\") {\r\n result.push(DialogWindow.PriceAlert_SettingIsDuplicated );\r\n return;\r\n }\r\n\r\n if (!originAlert && count >= parseInt(model.settingData.SystemParameter.MaxAlertPricePerInstrument)) {\r\n model.showModalDialog(utils.format2(t('DialogWindow.PriceAlert_MaxAlertPricePerInstrument'), model.settingData.SystemParameter.MaxAlertPricePerInstrument));\r\n return;\r\n }\r\n\r\n let alerts = { PriceAlert: newPriceAlert };\r\n\r\n commService.updatePriceAlerts(utils.convertToXml(alerts, \"PriceAlerts\").toString(), (d) => {\r\n let data = JSON.parse(d);\r\n if (data.Result && data.Result.content_result && data.Result.content_result === 'true') {\r\n model.priceAlerts[alerts.PriceAlert.ID] = alerts.PriceAlert;\r\n if (isPad) {\r\n this.props.onClose();\r\n } else {\r\n this.goBack();\r\n }\r\n } else {\r\n antMessage.info(d);\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n onDeleteClick() {\r\n let { model, commService, isPad } = this.props;\r\n let originAlert = model.selectedPriceAlert;\r\n if (originAlert) {\r\n\r\n let alerts = {\r\n PriceAlert: {\r\n ModifyFlag: \"2\",\r\n ID: originAlert.Id,\r\n UserID: model.loginResult.UserId\r\n }\r\n };\r\n\r\n commService.updatePriceAlerts(utils.convertToXml(alerts, \"PriceAlerts\").toString(), (d) => {\r\n let data = JSON.parse(d);\r\n if (data.Result && data.Result.content_result && data.Result.content_result === 'true') {\r\n delete model.priceAlerts[alerts.PriceAlert.ID];\r\n\r\n if (isPad) {\r\n this.props.onClose();\r\n } else {\r\n this.goBack();\r\n }\r\n\r\n } else {\r\n antMessage.info(d);\r\n }\r\n });\r\n }\r\n }\r\n\r\n getDisabledDate(current) {\r\n return current <= this.props.model.getServerTime();\r\n }\r\n\r\n render() {\r\n let { model, isPad } = this.props;\r\n if (!model || !model.systemSetting) {\r\n this.goto('/');\r\n return '';\r\n }\r\n\r\n let moduleCss = this.getModuleCss('pricealert', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n let originPriceAlert = model.selectedPriceAlert;\r\n let inputClass = isPad ? `${moduleCss.editRowInput}` : `${defaultCss.defaultColor} ${defaultCss.defaultBorderColor} ${moduleCss.editRowInput}`;\r\n let mainPainClass = isPad ? moduleCss.mainPane : `${moduleCss.mainPane} ${defaultCss.defaultColor}`;\r\n let canSave = (this.state.isChanged && this.state.selectedInstrumentId && this.state.date && this.state.color && this.state.price && this.state.condition !== undefined);\r\n\r\n let saveButtonClass = (canSave ? `${moduleCss.addButton} ${defaultCss.defaultButtonColor}` : `${moduleCss.addButton} ${defaultCss.disabledColor}`);\r\n return DialogWindow.Bid <;\r\n break;\r\n case 1:\r\n condition = DialogWindow.Bid >;\r\n break;\r\n case 2:\r\n condition = DialogWindow.Ask <;\r\n break;\r\n case 3:\r\n condition = DialogWindow.Ask >;\r\n break;\r\n default:\r\n }\r\n }\r\n\r\n return this.onEditClick.bind(this)(priceAlert)} priceAlert={priceAlert} />);\r\n });\r\n }\r\n\r\n let moduleCss = this.getModuleCss('pricealert', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n let mainPaneClass = isPad ? moduleCss.mainPane : `${moduleCss.mainPane} ${defaultCss.highlightColor}`;\r\n\r\n let itemTableStyle = isPad ? { borderRightWidth: '1px', borderRightStyle: 'solid', display: 'inline-block', height: 'calc(100% - 6px)', width: 'calc(100% - 15em)', overflow: \"auto\" } : { height: \"calc(100% - 7em)\", overflow: \"auto\" };\r\n let addButtonStyle = isPad ? { display: 'inline-block', height: 'calc(100% - 6px)', width: '15em', textAlign: 'center' } : { textAlign: 'center' };\r\n return );\r\n // result.push( { }} />);\r\n // result.push( { }} />);\r\n // result.push( );\r\n } else if (bottomTabType === \"OrderQueryResultView\") {\r\n result.push( );\r\n } else if (bottomTabType === \"PadStockView\") {\r\n result.push( );\r\n } else if (bottomTabType === OrderType.SpotTrade.toString() || bottomTabType === OrderType.Market.toString() || bottomTabType === OrderType.Limit.toString()) {\r\n let tradingView = null;\r\n if (bottomTabType === OrderType.SpotTrade.toString() || bottomTabType === OrderType.Market.toString()) {\r\n\r\n tradingView = { this.changeViewType.bind(this)(this.state.prevBottomTabType == OrderType.SpotTrade.toString() ? 'OpenPositionView' : this.state.prevBottomTabType) }} onConfirmClosed={(isConfirmed) => this.onConfirmClosed(isConfirmed, OrderType.SpotTrade.toString())} onRoutePathChange={this.props.onRoutePathChange} />;\r\n }\r\n else if (bottomTabType === OrderType.Limit.toString()) {\r\n tradingView = { if (this.state.closeOrderView) this.state.closeOrderView.refreshOpenOrderLot(); this.props.forceUpdate() }} model={this.props.model} commService={this.props.commService} closeLot={this.state.closeLot} onSubComponentLoad={this.onSubComponentLoad.bind(this)} isBuy={this.props.model.placingData.isBuy} onCloseOrderClick={this.onCloseOrderClick.bind(this)} onOrderTypeChange={this.onOrderTypeChange.bind(this)} onSubmit={this.onPlacingPendingViewCloseSubmit.bind(this)} onClosePaneClick={() => { this.changeViewType.bind(this)(this.state.prevBottomTabType == OrderType.Limit.toString() ? 'OpenPositionView' : this.state.prevBottomTabType) }} onConfirmClosed={(isConfirmed) => this.onConfirmClosed(isConfirmed, OrderType.Limit.toString())} onRoutePathChange={this.props.onRoutePathChange} />;\r\n }\r\n let closeOrderView = this.onConfirmClosed(isConfirmed, OrderType.Limit.toString())} onClosePaneClick={() => { this.isBuy = undefined; this.changeViewType.bind(this)(this.state.prevBottomTabType == OrderType.SpotTrade.toString() ? 'OpenPositionView' : this.state.prevBottomTabType) }} > ;\r\n //let style = { width: \"calc(50% - 2px)\", display: \"inline-block\", height: \"100%\", overflow: \"auto\" }; \r\n result.push( );\r\n } else if (bottomTabType === \"MessageView\") {\r\n result.push( );\r\n } else if (bottomTabType === \"LogView\") {\r\n result.push( );\r\n } else if (bottomTabType === \"PriceAlertView\") {\r\n result.push( );\r\n } else {\r\n console.log(\"getBottomWorkingTab error\");\r\n }\r\n\r\n return result;\r\n }\r\n\r\n onOrderSelectChanged(lot) {\r\n // this.setState({ closeLot: lot });\r\n this.props.model.closeLot = lot;\r\n this.forceUpdate();\r\n }\r\n\r\n changeViewType(viewType) {\r\n if (this.props.isPad && viewType.toLowerCase() == 'pendingorderview') {\r\n this.props.onRoutePathChange('pendingorderview');\r\n } else if (this.state.bottomTabType != viewType) {\r\n // window.setTimeout(() => this.setState({ bottomTabType: viewType }), 10000);\r\n console.log('padBottomTabView.changeViewType', viewType);\r\n let prevBottomTabType = this.state.bottomTabType;\r\n this.setState({ bottomTabType: viewType, tab: this.getBottomWorkingTab(viewType), prevBottomTabType: viewType });\r\n }\r\n }\r\n\r\n getItemClass(bottomTabType) {\r\n let moduleCss = this.getModuleCss('app');\r\n let defaultCss = this.getModuleCss('default');\r\n if (bottomTabType == this.state.bottomTabType) {\r\n return `${moduleCss.padBottomTabTitleItem} ${defaultCss.defaultBorderColor} ${defaultCss.bottomActiveItem} `;\r\n } else {\r\n return `${moduleCss.padBottomTabTitleItem} ${defaultCss.defaultBorderColor}`;\r\n }\r\n\r\n }\r\n\r\n render() {\r\n // console.log('PadBottomTabView.render()');\r\n\r\n let moduleCss = this.getModuleCss('app');\r\n let defaultCss = this.getModuleCss('default');\r\n let { model } = this.props;\r\n\r\n let instrument = (model && model.placingData ? model.placingData.selectedInstrument : undefined);\r\n if (!instrument) return '';\r\n let quotation = (instrument.quotation ? instrument.quotation : {});\r\n let dealingPolicy = instrument.dealingPolicyDetail;\r\n let maxDqLot = parseFloat(utils.isEmpty(dealingPolicy) ? instrument.MaxDQLot : dealingPolicy.MaxDQLot);\r\n let maxOtherLot = parseFloat(utils.isEmpty(dealingPolicy) ? instrument.MaxOtherLot : dealingPolicy.MaxOtherLot);\r\n\r\n let isTradingDataLoaded = (model && model.isTradingDataLoaded);\r\n let isPlacingView = this.state.bottomTabType === OrderType.Market.toString() || this.state.bottomTabType === OrderType.SpotTrade.toString() || this.state.bottomTabType === OrderType.Limit.toString();\r\n\r\n let tabTitle = null;\r\n let closeButton = null;\r\n let showLog = (!model.settingData ? false : Boolean.parseBoolean(model.customer.ShowLog));\r\n let isNoShowAccountStatus = utils.parseBoolean(this.props.model.customer.IsNoShowAccountStatus);\r\n let titleStyle = { borderLeftWidth: '1px', borderLeftStyle: 'solid' };\r\n if (model && model.config) {\r\n titleStyle.backgroundColor = model.config.getValue('titleBackgroundColor');\r\n titleStyle.color = model.config.getValue('titleColor');\r\n }\r\n\r\n let hasPhysicalInstruments = model.hasPhysicalInstruments();\r\n let hasForexInstruments = model.hasForexInstruments();\r\n // let itemClass = `${moduleCss.padBottomTabTitleItem} ${defaultCss.defaultBorderColor}`;\r\n if (!isPlacingView) {\r\n tabTitle = this.changeViewType.bind(this)(this.state.prevBottomTabType)} />;\r\n }\r\n\r\n let canPlaceOrder = model.canPlaceOrder(model.selectedAccount, instrument, OrderType.SpotTrade)\r\n || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Market)\r\n || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Limit);\r\n\r\n let buyButtonColor = (canPlaceOrder && (model.placingData && model.placingData.isBuy === true)) ? moduleCss.buyColor : defaultCss.defaultColor;\r\n let sellButtonColor = (canPlaceOrder && (model.placingData && model.placingData.isBuy !== true)) ? moduleCss.sellColor : defaultCss.defaultColor;\r\n let buyTextStyle = { width: '4em', textAlign: 'left', paddingTop: '0', paddingLeft: '1em' };\r\n let priceStyle = { textAlign: 'center', paddingTop: '0', fontSize: \"1.8em\", fontFamily: \"auto\" };\r\n let subContainerStyle = isPlacingView ? { height: 'calc(100% - 4.5em)' } : {};\r\n\r\n return Login.Login name can not empty! );\r\n return;\r\n } else if (utils.isEmpty(this.state.password)) {\r\n antMessage.destroy();\r\n antMessage.info(Login.Password can not empty! );\r\n return;\r\n }\r\n // if (this.state.userName && this.state.password) \r\n else {\r\n // this.props.commService.initHub(()=> { \r\n if (model) model.isTradingDataLoaded = false;\r\n this.props.commService.login(this.state.userName, this.state.password, model.config.getValue('demoPath'), this.getLoginLanguage(), false);\r\n // );\r\n }\r\n\r\n utils.saveCookie(CooKey.LoginName, this.state.userName);\r\n if (this.state.savePassword) {\r\n utils.saveCookie(CooKey.LoginPassword, this.state.password);\r\n } else {\r\n utils.removeCookie(CooKey.LoginPassword);\r\n }\r\n }\r\n }\r\n\r\n onLoginSuccess() {\r\n this.goto('/');\r\n }\r\n\r\n gotoFrameWindow(url, title) {\r\n // this.props.model.iframeUrl = url;\r\n // this.props.model.iframeTitle = title;\r\n // this.props.onRoutePathChange('framewindow');\r\n this.props.gotoFrameWindow(url, title);\r\n }\r\n\r\n onIAgreeClick() {\r\n let { model, t, commService } = this.props;\r\n console.log('onIAgreeClick');\r\n\r\n // this.props.model.iframeUrl = \"https://cn.bing.com\";\r\n // this.props.model.iframeTitle = \"test\";\r\n // this.props.onRoutePathChange('framewindow');\r\n let url = './locale/Agreement.{1}.html';\r\n\r\n if (model && model.config) {\r\n url = model.config.getValue('agreementUrl', url);\r\n }\r\n\r\n url = utils.format(url, window.location.origin, this.getLoginLanguage());\r\n\r\n let options = {\r\n contentType: 'url',\r\n hideCancelButton: false,\r\n modelDialogWidth: 800,\r\n contentStyle: { height: '70vh' },\r\n //closable: false,\r\n okText: DialogWindow.Agree ,\r\n cancelText: DialogWindow.Reject ,\r\n cancelCallback: () => this.setState({ iAgreeChecked: false })\r\n };\r\n\r\n model.showModalDialog(url, () => this.setState({ iAgreeChecked: true }), options);\r\n\r\n\r\n // let options = {\r\n // contentType: 'html',\r\n // hideCancelButton: false,\r\n // //closable: false,\r\n // okText: DialogWindow.Agree ,\r\n // cancelText: DialogWindow.Reject ,\r\n // cancelCallback: () => this.setState({ iAgreeChecked: false })\r\n // };\r\n\r\n // model.showModalDialog(t('Login.Statements'), () => this.setState({ iAgreeChecked: true }), options);\r\n }\r\n\r\n render() {\r\n if (!this.props.commService) {\r\n this.goto('/');\r\n return '';\r\n }\r\n\r\n let moduleCss = this.getModuleCss('login', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n const { t, hideTitle, isPad, commService, model } = this.props;\r\n let config = model && model.config ? model.config : commService.state.config;\r\n \r\n let registerAccountUrl = config ? config.getValue('registerAccountUrl') : '';\r\n if (!utils.isEmpty(registerAccountUrl)) {\r\n registerAccountUrl += (\"&culture=\" + this.getRegistAccountLanguage());\r\n }\r\n let forgotPasswordUrl = config ? config.getValue('forgotPasswordUrl') : '';\r\n if (!utils.isEmpty(forgotPasswordUrl)) {\r\n forgotPasswordUrl += (\"&language=\" + this.getLoginLanguage().toUpperCase());\r\n }\r\n\r\n let addToHomeScreenUrl = config ? config.getValue('addToHomeScreen') : '';\r\n if (!utils.isEmpty(addToHomeScreenUrl)) {\r\n addToHomeScreenUrl += (\"?culture=\" + this.getRegistAccountLanguage());\r\n }\r\n\r\n let frameLinkButtonStyle = { display: 'inline-block', textDecoration: \"underline\" };\r\n\r\n let isHideAgreement = config ? utils.parseBoolean(config.getValue('isHideAgreement', 'false')) : 'false';\r\n let loginButtonClass = `${moduleCss.loginButton} ${defaultCss.defaultButtonColor} ${defaultCss.defaultBorderColor}`;\r\n if (!isHideAgreement && !this.state.iAgreeChecked) {\r\n loginButtonClass = `${moduleCss.loginButton} ${defaultCss.disabledColor} ${defaultCss.defaultBorderColor}`;\r\n }\r\n\r\n\r\n return
\r\n {scrollX !== 0 && mouseOver && (\r\n slide(-1)}\r\n onMouseEnter={onMouseOver}\r\n onMouseLeave={onMouseLeave}\r\n />\r\n )}\r\n slide(1)}\r\n onMouseEnter={onMouseOver}\r\n onMouseLeave={onMouseLeave}\r\n width={50}\r\n height={50}\r\n />\r\n )}\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { map as d3Map } from 'd3-collection'\r\nimport { Tag, Row, Col, Button, Dropdown, Menu } from 'antd';\r\nimport { /*FullscreenOutlined,*/ ZoomInOutlined, ZoomOutOutlined, FundViewOutlined, SettingOutlined} from '@ant-design/icons';\r\nimport { ChartType, DataRangeType, IChartConfig, IChartIndicatorSettings, IMap, ViewType } from './typeDefine';\r\nimport { IChartDataSource } from './data/dataSource';\r\nimport { getForeColor, getToolbarbackColor } from './theme';\r\nimport { Select } from 'antd';\r\nimport { Trans, getI18n } from 'react-i18next';\r\nimport { TEventBus } from './chartContext';\r\nimport Scrollbar from './Scrollbar';\r\nimport { ChartConfigs } from './chartHelper';\r\n\r\nconst { Option } = Select;\r\nconst { CheckableTag } = Tag;\r\n//const { t } = useTranslation(); hook function, can not used in Component.\r\n\r\ntype TPeriodType = \"M\" | \"H\" | \"D\";\r\n\r\ninterface IHeaderBarProps{\r\n readonly dataSource: IChartDataSource;\r\n readonly indicatorSettings?: IChartIndicatorSettings;\r\n readonly onFullSceen: () => void;\r\n readonly theme?: string;\r\n readonly viewType: ViewType;\r\n readonly setViewType: (viewtype: ViewType) => void;\r\n readonly addIndicator: () => void;\r\n readonly showChartProperties: () => void;\r\n // readonly setResolution: (resolution: string) => void;\r\n readonly showMultiChartMemu: boolean;\r\n readonly setChartCount?: (count: number) => void;\r\n readonly eventBus: TEventBus;\r\n readonly showTV: boolean;\r\n // readonly chartType: ChartType;\r\n readonly chartIndex: number;\r\n}\r\ninterface IHeaderBarState{\r\n // periodtype: TPeriodType;\r\n // subIndex: number;\r\n readonly isZoomInChecked: boolean;\r\n // dataRanges: any[];\r\n // dataRange: DataRangeType;\r\n // isModalVisible: boolean;\r\n readonly spacingWidth: number;\r\n readonly sizeCheckCount: number;\r\n}\r\n\r\nexport class HeaderBar extends React.Component\r\n {props.children}\r\n
\r\n {!scrolEnd && mouseOver && (\r\n \r\n { }}\r\n onChartExitFullScreen={() => { }}\r\n priceDecimals={priceDecimals}\r\n isPad={isPad}\r\n theme={theme}\r\n company={company}\r\n visible={this.state.viewType === ViewType.original}\r\n commandDispatcher={this.commandDispatcher}\r\n chartIndex={chartIndex}\r\n />\r\n
\r\n \r\n
\r\n }\r\n\r\n}\r\n\r\nlet placeView = withRouter(PlaceView);\r\nexport { placeView as PlaceView };\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { message as antMessage, Button, Checkbox, Select, Radio, Calendar, Modal } from 'antd';\r\nimport moment from 'moment';\r\nimport { CaretDownFilled } from '@ant-design/icons';\r\n\r\nimport { DeliveryMode, PhysicalChargeBasis } from '../../common/const';\r\nimport * as utils from '../../common/utils';\r\nimport * as physiclHelper from '../../model/physicalHelper.js';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport { InventoryItemView } from './inventoryitemview';\r\n\r\n\r\nconst { Option } = Select;\r\n\r\n\r\nlet specificStyleProduct = {\r\n background: 'inherit',\r\n display: 'table-cell'\r\n}\r\n\r\nclass SpecificationItem extends BaseView {\r\n\r\n onCheckBoxChange(e) {\r\n console.log('SpecificationItem.onCheckBoxChange');\r\n this.props.specificationDetail.checked = e.target.checked;\r\n if (this.props.onCheckBoxChange) {\r\n this.props.onCheckBoxChange(this.props.specificationDetail);\r\n }\r\n this.forceUpdate();\r\n }\r\n\r\n onQuantityChange(e, v) {\r\n console.log('onQuantityChange');\r\n let newQuantity = parseInt(e.target.value);\r\n let { specificationDetail, beforeQuantityChange, onQuantityChange } = this.props;\r\n if (isNaN(newQuantity)) {\r\n specificationDetail.quantity = 0;\r\n } else {\r\n if (beforeQuantityChange) {\r\n specificationDetail.quantity = beforeQuantityChange(specificationDetail, newQuantity);\r\n // return;\r\n } else {\r\n specificationDetail.quantity = newQuantity;\r\n }\r\n }\r\n if (onQuantityChange) {\r\n onQuantityChange(specificationDetail);\r\n }\r\n this.forceUpdate();\r\n }\r\n\r\n render() {\r\n let css = this.getModuleCss('deliveryview', 'common');\r\n let { model, tradePolicyDetail, isTitle, chargeBasis } = this.props;\r\n let showCharge = (chargeBasis == parseInt(PhysicalChargeBasis.OnSpecification));\r\n let specificationTitle = \"DialogWindow.Physical_Specification\"; // (tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized ? \"DialogWindow.Physical_Specification\" : \"DialogWindow.Physical_DeliverySpecification\");\r\n if (isTitle) {\r\n return \r\n {this.props.isPad || this.state.subViewFullScreen ? null :
\r\n\r\n \r\n
}\r\n\r\n {utils.getTimeString(quotation.Timestamp)}
\r\n {instrument.Description}
\r\n {quotation.Bid}/{quotation.Ask}
\r\n \r\n DialogWindow.Open {instrument.formatRearPrice(quotation.Open, quotation.AskOpen)}\r\n DialogWindow.High {instrument.formatRearPrice(quotation.High, quotation.AskHigh)}\r\n
\r\n \r\n DialogWindow.PrevClose {instrument.formatRearPrice(quotation.PrevBid, quotation.PrevAsk)}\r\n DialogWindow.Low {instrument.formatRearPrice(quotation.Low, quotation.AskLow)}\r\n
\r\n\r\n \r\n
\r\n\r\n this.onWorkListButtonClick(PlacePanelType.WorkingList)}>DialogWindow.OnlineTrading
\r\n this.onWorkListButtonClick(PlacePanelType.PendingList)}>DialogWindow.UnPendingOrder
\r\n\r\n {!isPhysical ? null : this.onWorkListButtonClick(PlacePanelType.Inventory)}>DialogWindow.Physical_Inventory
}\r\n {!isPhysical ? null : this.onWorkListButtonClick(PlacePanelType.InventoryInProcess)}>DialogWindow.Physical_InventoryInProcess
}\r\n {this.chartElement}
\r\n\r\n {this.state.showPlacePanel !== PlacePanelType.None ? '' : \r\n \r\n \r\n
}\r\n this.onPlaceMaskClick(e)} >\r\n \r\n
\r\n\r\n {bottomView}
\r\n \r\n \r\n {specificationTitle} \r\n DialogWindow.Physical_Unit DialogWindow.Physical_Weight \r\n DialogWindow.Physical_DeliverySpecificationQuantity \r\n
\r\n } else {\r\n let specificationDetail = this.props.specificationDetail;\r\n let productName = specificationDetail.ENG;\r\n\r\n switch (this.props.commService.state.loginParam.language) {\r\n case \"cht\":\r\n productName = specificationDetail.CHT;\r\n break;\r\n case \"chs\":\r\n productName = specificationDetail.CHS;\r\n break;\r\n default:\r\n productName = specificationDetail.ENG;\r\n }\r\n specificationDetail.productName = productName;\r\n return {showCharge ? DialogWindow.Physical_DeliveryCharge : ''}
\r\n \r\n
\r\n }\r\n }\r\n}\r\n\r\nclass DeliveryView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n // this.state = { addressOptions: [], selectedAddressId: undefined };\r\n this.init(props);\r\n }\r\n\r\n componentDidMount() {\r\n // this.setState({ orderGroup : this.props.orderGroup});\r\n\r\n }\r\n\r\n sortSpecification(a, b) {\r\n if (a.Size == b.Size)\r\n return 0;\r\n else\r\n return parseFloat(a.Size) < parseFloat(b.Size) ? 1 : -1;\r\n\r\n // if(a.Unit === b.Unit) return parseFloat(a.Size) < parseFloat(b.Size);\r\n // else return parseFloat(a.Unit) < parseFloat(b.Unit);\r\n }\r\n\r\n init(props) {\r\n let { model, commService } = props;\r\n let instrument = (model.placingData ? model.placingData.selectedInstrument : {});\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let addressOptions = [];\r\n if (model.placingData.deliveryAddresses) {\r\n model.placingData.deliveryAddresses.forEach((address, index) => {\r\n addressOptions.push( {productName}
\r\n {showCharge ? specificationDetail.DeliveryCharge : ''}
\r\n {parseFloat(specificationDetail.Size) + parseFloat(specificationDetail.Premium)}{this.props.instrument.Unit}
\r\n \r\n \r\n {isPad ? '' : DialogWindow.Physical_Delivery} />}\r\n document.body.style.overflow = \"auto\"}\r\n visible={this.state.modalVisible} onCancel={this.onModalCancel.bind(this)} onOk={this.onModalOk.bind(this)}>\r\n\r\n\r\n\r\n \r\n
\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nlet deliveryView = withRouter(DeliveryView);\r\nexport { deliveryView as DeliveryView };","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Button } from 'antd';\r\n\r\n\r\nimport * as utils from '../../common/utils';\r\nimport * as physicalHelper from '../../model/physicalHelper.js';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport { OrderType, PaymentForm, InstrumentStatus, AllowCloseInstalment, AdvancePaymentOption, PhysicalTradeSide } from '../../common/const';\r\nimport TitleBarView from '../titlebarview';\r\n\r\n\r\nclass InventoryDetailView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { instalmentPolicy: {} };\r\n }\r\n\r\n componentDidMount() {\r\n console.log(\"InventoryDetailView\", \"componentDidMount\");\r\n let model = this.props.model;\r\n if (model !== undefined) {\r\n let selectOrder = model.placingData.selectedInventory;\r\n\r\n if (!selectOrder && model.placingData.selectedOrders !== undefined && model.placingData.selectedOrders.length > 0) {\r\n selectOrder = model.placingData.selectedOrders[0];\r\n }\r\n\r\n let instrument = model.instruments[selectOrder.Transaction.InstrumentID];\r\n let openPositions = Object.values(instrument.openPositions);\r\n openPositions.forEach((order, index) => {\r\n order.isSelected = false;\r\n });\r\n selectOrder.isSelected = true;\r\n\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let instalmentPolicy = model.instalmentPolicies[tradePolicyDetail.InstalmentPolicyId];\r\n this.setState({ instalmentPolicy: instalmentPolicy });\r\n }\r\n // this.state = { order: props.selectedOrder };\r\n }\r\n\r\n onDeliveryButtonClick(e) {\r\n if (e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n }\r\n\r\n let { model, isPad } = this.props;\r\n physicalHelper.gotoDelivery(model, model.selectedAccount, model.placingData.selectedInstrument, this.props.model.placingData.selectedInventory, () => this.goto('/delivery'));\r\n // let instrument = model.placingData.selectedInstrument;\r\n // let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n // this.props.commService.getDeliveryAddress(tradePolicyDetail.DeliveryPointGroupId, this.deliveryAddressCallback.bind(this));\r\n // this.goto('/delivery');\r\n }\r\n\r\n // deliveryAddressCallback(d) {\r\n // console.log('deliveryAddressCallback', d);\r\n // let data = JSON.parse(d);\r\n\r\n // if (data.Result.content_result.DeliveryAddresses) {\r\n // this.props.model.placingData.deliveryAddresses = utils.forceToArray(data.Result.content_result.DeliveryAddresses.DeliveryAddress);\r\n\r\n // this.goto('/delivery');\r\n // }\r\n // }\r\n\r\n onRepaymentButtonClick(e) {\r\n this.goto('/repayment');\r\n }\r\n\r\n onInstalmentButtonClick(e) {\r\n this.goto('/instalmentsum');\r\n }\r\n\r\n onPlacingButtonClick(orderType) {\r\n // this.props.model.placingData.selectedOrders[0];\r\n let { model } = this.props;\r\n let inventory = model.placingData.selectedInventory;\r\n let instrument = model.instruments[inventory.Transaction.InstrumentID];\r\n model.buildPlacingData(instrument, [inventory], orderType);\r\n inventory.isSelected = true;\r\n // model.placingData.orderType = orderType;\r\n // this.props.history.push('/closeorder');\r\n this.goto('/closeorder');\r\n }\r\n\r\n render() {\r\n let { model } = this.props;\r\n if (model === undefined || model.placingData === undefined || model.placingData.selectedOrders === undefined) {\r\n this.goto('/');\r\n return ;\r\n }\r\n\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n let account = model.selectedAccount;\r\n // let currency = model.currencies[account.CurrencyID] \r\n\r\n let inventory = model.placingData.selectedInventory;\r\n let instrument = model.instruments[inventory.Transaction.InstrumentID];\r\n let currency = undefined;\r\n if (Boolean.parseBoolean(account.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n }\r\n else {\r\n currency = model.currencies[account.CurrencyId];\r\n }\r\n\r\n\r\n let paymentForm = PaymentForm.FullPayment;\r\n let canRepayment = true;\r\n let title = \"DialogWindow.Physical_FullPayment\";\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let canDelivery = ((tradePolicyDetail.AllowedPhysicalTradeSides & PhysicalTradeSide.Delivery) == PhysicalTradeSide.Delivery);\r\n if (canDelivery) canDelivery = physicalHelper.canDelivery(inventory);\r\n let buttonPane = ;\r\n\r\n if (parseInt(inventory.Period) >= 1) {\r\n title = (parseInt(inventory.Period) === 1 ? \"DialogWindow.Physical_AdvancePayment\" : \"DialogWindow.Physical_Instalment\");\r\n }\r\n\r\n if (Math.abs(parseFloat(inventory.PaidPledgeBalance)) !== parseFloat(inventory.PhysicalOriginValueBalance)) {\r\n paymentForm = (parseInt(inventory.Period) === 1 ? PaymentForm.AdvancePayment : PaymentForm.Instalment);\r\n }\r\n\r\n\r\n let canPlaceDqOrder = false;\r\n let canPlaceLimitOrder = false;\r\n let isMarket = false; // orderTypes.indexOf(OrderType.Market) >= 0;\r\n\r\n if (instrument.status == InstrumentStatus.DayOpen || instrument.status == InstrumentStatus.SessionOpen) {\r\n if (model.canPlaceOrder(model.selectedAccount, instrument, OrderType.SpotTrade) || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Market)) {\r\n canPlaceDqOrder = true;\r\n }\r\n }\r\n\r\n model.getMaxCloseLot(instrument, inventory, OrderType.Limit);\r\n if (model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Limit)) {\r\n canPlaceLimitOrder = true;\r\n if (inventory.allowedCloseLot_LimitOrStop == 0) {\r\n canPlaceLimitOrder = false;\r\n }\r\n }\r\n if (paymentForm == PaymentForm.FullPayment) {\r\n canRepayment = false;\r\n\r\n // let orderTypes = instrument.getAvailableOrderTypes();\r\n // isMarket = orderTypes.indexOf(OrderType.Market) >= 0;\r\n\r\n } else {\r\n let allowClose = parseInt(this.state.instalmentPolicy.AllowClose);\r\n let advancePayment = parseInt(this.state.instalmentPolicy.AdvancePayment);\r\n\r\n if (paymentForm == PaymentForm.AdvancePayment) {\r\n if (canPlaceDqOrder) canPlaceDqOrder = (allowClose != AllowCloseInstalment.DisAllow);\r\n if (canPlaceLimitOrder) canPlaceLimitOrder = (allowClose != AllowCloseInstalment.DisAllow);\r\n canRepayment = (advancePayment == AdvancePaymentOption.AllowPrepayment || advancePayment == AdvancePaymentOption.AllowAll);\r\n } else if (paymentForm == PaymentForm.Instalment) {\r\n if (canPlaceDqOrder) canPlaceDqOrder = (allowClose == AllowCloseInstalment.AllowWhenNoOutstandingInstalment || allowClose == AllowCloseInstalment.AllowAll);\r\n if (canPlaceLimitOrder) canPlaceLimitOrder = (allowClose == AllowCloseInstalment.AllowWhenNoOutstandingInstalment || allowClose == AllowCloseInstalment.AllowAll);\r\n\r\n canRepayment = (advancePayment == AdvancePaymentOption.AllowInstalment || advancePayment == AdvancePaymentOption.AllowAll);\r\n }\r\n\r\n buttonPane = [,\r\n ]\r\n\r\n }\r\n\r\n\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let weight = instrumentUnit ? parseFloat(instrumentUnit.Weight) : 1;\r\n return \r\n
\r\n\r\n\r\n\r\n {tradePolicyDetail.DeliveryMode == DeliveryMode.Summarized ? '' : \r\n DialogWindow.Physical_ProductName \r\n
\r\n\r\n {instrument.Description}
\r\n \r\n DialogWindow.Physical_DeliveryTime \r\n
\r\n\r\n {this.state.deliveryDate.format('YYYY-MM-DD')}
\r\n \r\n DialogWindow.Physical_DeliveryAddress \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n DialogWindow.Physical_DeliveryQuantity \r\n
\r\n\r\n {this.state.avialabeQuantity} {instrument.Unit}
\r\n {this.state.openOrderView}
}\r\n\r\n \r\n {specificationItems}\r\n
\r\n \r\n DialogWindow.Physical_Summary \r\n {!this.state.deliveryCharge ? '' :
\r\n \r\n\r\n {currency.Code} {this.state.deliveryCharge}
}\r\n {!this.state.deliveryQuantity ? '' : {this.state.deliveryQuantity}{instrument.Unit}
}\r\n\r\n {!specificationQuantity ? '' : {specificationQuantity}
}\r\n\r\n \r\n this.setState({ modalDate: d })} disabledDate={this.getDeliveryDisabledDate.bind(this)} />\r\n
\r\n\r\n \r\n {!this.props.isPad ? (DialogWindow.OrderCode {inventory.Code}\r\n DialogWindow.ExecuteTime {inventory.Transaction.ExecuteTime}\r\n\r\n DialogWindow.Physical_Weight {(parseFloat(inventory.LotBalance) * parseFloat(inventory.Transaction.ContractSize) * weight).toFixed(currency.Decimals)}\r\n DialogWindow.ExecutePrice {inventory.ExecutePrice}\r\n\r\n DialogWindow.RefPrice { }\r\n DialogWindow.PhysicalItem_MarketValue {utils.formatNumber(inventory.PhysicalOriginValueBalance, currency.Decimals)}\r\n\r\n DialogWindow.TradePLFloat {inventory.TradePLFloat + inventory.InterestPLFloat + inventory.StoragePLFloat}\r\n DialogWindow.PhysicalItem_PedgeValue {utils.formatNumber(inventory.ValueAsMargin, currency.Decimals)}\r\n\r\n { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(InventoryDetailView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { message as antMessage, Button } from 'antd';\r\n\r\nimport * as utils from '../../common/utils';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport { ContractTerminateType } from '../../common/const';\r\nimport TitleBarView from '../titlebarview';\r\n\r\n\r\nclass RepaymentView extends BaseView {\r\n\r\n componentDidMount() { }\r\n\r\n onSubmitButtonClick(e) {\r\n let { model, isPad } = this.props;\r\n let account = model.selectedAccount;\r\n let instrument = model.placingData.selectedInstrument;\r\n let inventory = model.placingData.selectedInventory;\r\n let tradePolicyDetail = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n let instalmentPolicyDetail = model.getInstalmentPolicyDetail(tradePolicyDetail.InstalmentPolicyId, inventory.Period, inventory.Frequence);\r\n\r\n let currency = model.currencies[Boolean.parseBoolean(account.IsMultiCurrency) ? instrument.CurrencyId : account.CurrencyId];\r\n\r\n let paidPledgeBalance = (inventory.PaidPledgeBalance ? inventory.PaidPledgeBalance : 0);\r\n let paymentAmount = parseFloat(inventory.PhysicalOriginValueBalance) - Math.abs(paidPledgeBalance);\r\n let terminateFee = 0;\r\n let feeFactor = parseFloat(instalmentPolicyDetail.ContractTerminateFee)\r\n switch (parseInt(instalmentPolicyDetail.ContractTerminateType)) {\r\n case ContractTerminateType.RepaymentRatio:\r\n terminateFee = Math.round2(feeFactor * paymentAmount, currency.Decimals);\r\n break;\r\n case ContractTerminateType.FixedAmount:\r\n terminateFee = Math.round2(parseFloat(inventory.LotBalance) * feeFactor, currency.Decimals);\r\n break;\r\n case ContractTerminateType.LumpSum:\r\n terminateFee = Math.round2(feeFactor, currency.Decimals);\r\n break;\r\n default:\r\n }\r\n let terminateXml = utils.format('\r\n {buttonPane}\r\n {window.globalData.prevLocation.endsWith('/placeview') ? '' :\r\n [,\r\n ]}\r\n\r\n
\r\n\r\n {/* \r\n {!this.props.isPad ? (DialogWindow.OrderCode {inventory.Code}\r\n DialogWindow.PhysicalBalanceOfCost_BalanceAmount {unPaid}\r\n\r\n DialogWindow.PhysicalBalanceOfCost_DeliveryCharge 0\r\n DialogWindow.PhysicalBalanceOfCost_TotalPayable { }\r\n\r\n\r\n { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(RepaymentView);\r\n","import React from 'react';\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Select } from 'antd';\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport * as utils from '../../common/utils.js';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\n\r\n\r\nconst { Option } = Select;\r\nclass InstalmentPeriodView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(\"instalmentPeriodView\", this);\r\n }\r\n console.log('InstalmentPeriodView.componentDidMount');\r\n }\r\n\r\n\r\n\r\n getRows() {\r\n let { model } = this.props;\r\n let inventory = model.placingData.selectedInventory;\r\n\r\n let account = model.accounts[inventory.Transaction.AccountID];\r\n let instrument = model.instruments[inventory.Transaction.InstrumentID];\r\n let currency = undefined;\r\n if (Boolean.parseBoolean(account.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n }\r\n else {\r\n currency = model.currencies[account.CurrencyId];\r\n }\r\n\r\n let result = [];\r\n result.push(this.getRow(\r\n \r\n
\r\n\r\n {/* \r\n
\r\n }\r\n\r\n\r\n render() {\r\n console.log('InstalmentPeriodView.render');\r\n\r\n let { model, isPad } = this.props;\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n\r\n return {period}
\r\n {typeof (dueDate) === \"string\" ? dueDate.substring(0, 10) : dueDate}
\r\n {currency}
\r\n {principal}
\r\n {interest}
\r\n {typeof (amount) !== \"object\" ? utils.formatNumber(amount, currency.Decimals) : amount}
\r\n {typeof (paidDate) === \"string\" ? paidDate.substring(0, 10) : paidDate}
\r\n {penaltyInterest}
\r\n {status}
\r\n \r\n {isPad ? '' : DialogWindow.Physical_Instalment} />}\r\n {this.getRows()}\r\n\r\n \r\n
\r\n }\r\n\r\n}\r\nlet instalmentPeriodView = withRouter(InstalmentPeriodView);\r\nexport { instalmentPeriodView as InstalmentPeriodView };\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Button } from 'antd';\r\nimport moment from 'moment';\r\n\r\nimport * as utils from '../../common/utils';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport { PaymentForm, getEnumLangaugeKey } from '../../common/const';\r\nimport TitleBarView from '../titlebarview';\r\nimport { InstalmentPeriodView } from './instalmentperiodview';\r\n\r\n\r\nclass InstalmentSumView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n }\r\n\r\n componentDidMount() {\r\n console.log('InstalmentSumView.componentDidMount');\r\n let model = this.props.model;\r\n if (model !== undefined && model.placingData.selectedOrders !== undefined && model.placingData.selectedOrders.length > 0) {\r\n let instruments = model.instruments;\r\n let selectOrder = model.placingData.selectedOrders[0];\r\n let instrument = instruments[selectOrder.Transaction.InstrumentID];\r\n let openPositions = Object.values(instrument.openPositions);\r\n openPositions.forEach((order, index) => {\r\n order.isSelected = false;\r\n });\r\n selectOrder.isSelected = true;\r\n }\r\n\r\n // this.state = { order: props.selectedOrder };\r\n }\r\n\r\n onNextButtonClick(e) {\r\n\r\n //this.props.commService.getOrderInstalment(this.props.model.placingData.selectedInventory.ID, this.getOrderInstalmentCallback.bind(this));\r\n // this.goto('/delivery');\r\n this.goto('/instalmentperiod');\r\n }\r\n\r\n\r\n render() {\r\n\r\n if (this.props.model === undefined || this.props.model.placingData === undefined || this.props.model.placingData.selectedInventory === undefined) {\r\n this.goto('/');\r\n return ;\r\n }\r\n\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n\r\n let { model, isPad, commService } = this.props;\r\n let instrumentCode = '';\r\n let inventory = model.placingData.selectedInventory;\r\n let details = utils.forceToArray(inventory.InstalmentDetails.InstalmentDetail);\r\n let period = 0, paidPeriod = 0, paidPrincipal = 0, unpaidPrincipal = 0, paidInterest = 0, unpaidInterest = 0, debitInterest = 0;\r\n let overDueNotPaid = 0, overDuePaid = 0;\r\n\r\n let account = model.accounts[inventory.Transaction.AccountID];\r\n let instrument = model.instruments[inventory.Transaction.InstrumentID];\r\n let isMultiCurrency = Boolean.parseBoolean(account.IsMultiCurrency);\r\n let currency = model.currencies[isMultiCurrency ? instrument.CurrencyId : account.CurrencyId];\r\n\r\n details.forEach((d) => {\r\n debitInterest += parseFloat(d.DebitInterest);\r\n period++;\r\n if (utils.isEmpty(d.PaidDateTime)) {\r\n if (moment(d.PaymentDateTimeOnPlan) < model.getServerTime()) {\r\n overDueNotPaid++;\r\n }\r\n unpaidPrincipal += parseFloat(d.Principal);\r\n unpaidInterest += parseFloat(d.Interest);\r\n } else { // d.PaidDateTime is not empty\r\n paidPeriod++;\r\n paidPrincipal += parseFloat(d.Principal);\r\n paidInterest += parseFloat(d.Interest);\r\n if (moment(d.PaymentDateTimeOnPlan) < moment(d.PaidDateTime)) {\r\n overDuePaid++;\r\n }\r\n }\r\n\r\n\r\n\r\n });\r\n\r\n let detailPane = '';\r\n if (isPad) {\r\n detailPane = \r\n { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n\r\n}\r\n\r\nlet instalmentSumView = withRouter(InstalmentSumView);\r\nexport { instalmentSumView as InstalmentSumView };\r\n","import React from 'react';\r\nimport PubSub from 'pubsub-js'\r\nimport dataSource, { IChartDataSource } from './data/dataSource';\r\nimport ChartFrame from './ChartFrame';\r\nimport { DataRangeType, IChartConfig, IInstrumentInfo, IQuotation } from './typeDefine';\r\nimport { SplitPane, SplitPaneHooks } from 'react-collapse-pane';\r\n// import { Console } from 'console';\r\nimport { getChartConfigs } from './chartHelper';\r\n\r\ninterface IMultiChartViewProps{\r\n // readonly isPad: boolean;\r\n readonly model: any;\r\n // readonly onSubComponentLoad: (name: string, comp: any) => void;\r\n readonly commService: any;\r\n readonly instrumentInfo: IInstrumentInfo;\r\n readonly priceDecimals: number;\r\n readonly theme: string;\r\n readonly issplitterdragging: boolean;\r\n}\r\n\r\ninterface IMultiChartViewState{\r\n readonly chartcount: number;\r\n readonly issplitterdragging: boolean;\r\n}\r\n\r\nexport class MultiChartView extends React.PureComponent\r\n {!isPad ? (DialogWindow.Physical_Frequency {{getEnumLangaugeKey(\"InstalmentFrequence\", parseInt(inventory.Frequence))} }\r\n DialogWindow.Physical_NoOfInstalment {inventory.Period - 1}\r\n\r\n DialogWindow.Physical_PaidInstalment {paidPeriod}\r\n DialogWindow.Physical_UnpaidInstalment {parseInt(period) - paidPeriod}\r\n\r\n DialogWindow.Physical_NoOfLateInstalment {utils.formatNumber(overDueNotPaid, currency.Decimals)}\r\n DialogWindow.Physical_NoOfPaidLateInstalment {utils.formatNumber(overDuePaid, currency.Decimals)}\r\n\r\n DialogWindow.Physical_PaidPrincipal {utils.formatNumber(paidPrincipal, currency.Decimals)}\r\n DialogWindow.Physical_UnpaidPrincipalBalance {utils.formatNumber(unpaidPrincipal, currency.Decimals)}\r\n\r\n DialogWindow.Physical_PaidInterest {utils.formatNumber(paidInterest, currency.Decimals)}\r\n DialogWindow.Physical_UnpaidInterest {utils.formatNumber(unpaidInterest, currency.Decimals)}\r\n DialogWindow.Physical_PenaltyInterest {utils.formatNumber(debitInterest, currency.Decimals)}\r\n\r\n {isPad ? '' :
\r\n {detailPane}\r\n {/* \r\n \r\n
}\r\n \r\n DialogWindow.CloseLot : null}\r\n
\r\n } else {\r\n\r\n let instrument = model.placingData.selectedInstrument;\r\n let isMultiCurrency = Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency);\r\n let currencyId = (isMultiCurrency ? instrument.CurrencyId : model.selectedAccount.CurrencyID);\r\n let currency = model.currencies[currencyId];\r\n\r\n let order = this.state.order;\r\n let lotSettings = getLotSettings(model.selectedAccount, instrument, model.placingData.OrderType !== OrderType.Limit, false);\r\n\r\n if (lotSettings.min > parseFloat(order.allowedCloseLot)) {\r\n lotSettings.min = parseFloat(order.allowedCloseLot);\r\n }\r\n lotSettings.max = parseFloat(order.allowedCloseLot);\r\n let inputCompnent = \r\n \r\n\r\n MainView.Select \r\n MainView.BuySell \r\n\r\n MainView.TradePrice \r\n MainView.TradeDay \r\n MainView.TradePLFloat \r\n
\r\n {isPad ? \r\n {Boolean.parseBoolean(order.IsBuy) ? \"MainView.Buy\" : \"MainView.Sell\"} \r\n {order.ExecutePrice}{paymentTitle}\r\n {order.Transaction.ExecuteTime.substring(0, 10)}\r\n {isNaN(tradePLFloat) || tradePLFloat == 0 ? 'NA' : utils.formatNumber(tradePLFloat, currency.Decimals)}\r\n {isPad ? null : inputCompnent}\r\n
\r\n {isPad ? inputCompnent : null}\r\n\r\n {buyOrderItemViews}
;\r\n // let sellOrderPane = sellOrderItemViews.length === 0 ? undefined : {sellOrderItemViews}
;\r\n\r\n let orderPane = \r\n {buyOrderItemViews}\r\n {sellOrderItemViews}\r\n
;\r\n\r\n let checkAllBuyPane = \r\n
;\r\n\r\n let isValidInput = this.state.selectedBuyLot || this.state.selectedSellLot;\r\n if (isValidInput && model.placingData.orderType == OrderType.Limit && utils.isEmpty(this.state.stopPrice) && utils.isEmpty(this.state.limitPrice)) {\r\n isValidInput = false;\r\n }\r\n\r\n let enableFastTrade = utils.parseBoolean(model.customer.EnableFastTrade);\r\n let submitButtonClass = `${moduleCss.limitRowButton} ${!isValidInput ? '' : defaultCss.defaultButtonColor}`;\r\n return \r\n {this.state.buyLotCanSelect === 0 ? '' :
\r\n {!isPad || (this.state.selectedBuyLot === 0 && this.state.selectedSellLot === 0) ? ''\r\n : {floatPane} }\r\n {!isPad ? '' : {checkAllBuyPane}
}\r\n {this.state.sellLotCanSelect === 0 ? '' : {checkAllSellPane}
}\r\n {lotSum ? lotSum : ''}
\r\n this.props.onClosePaneClick()}>DialogWindow.Cancel
}\r\n \r\n {!isPad ? ( \r\n
\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(CloseOrderView);","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { CaretDownFilled, CaretRightOutlined, ClockCircleOutlined, PoweroffOutlined } from '@ant-design/icons';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport InventoryView from '../physical/inventoryview.js';\r\nimport * as utils from '../../common/utils.js';\r\nimport { PriceTrend, OrderType, InstrumentStatus, InstrumentCategory, PhysicalTradeSide } from '../../common/const';\r\n\r\nclass OpenPositionOrderView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n console.log('OpenPositionOrderView.ctor');\r\n }\r\n onOrderClick() {\r\n let { order, isPad } = this.props;\r\n if (!isPad) {\r\n order.isSelected = true;\r\n\r\n this.props.model.buildPlacingData(this.props.instrument, [order]);\r\n this.goto('/opencontract');\r\n }\r\n }\r\n\r\n\r\n onPlacingButtonClick(e, orderType) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n\r\n let { order, model, isTitle } = this.props;\r\n if (!isTitle) {\r\n let instrument = model.instruments[order.Transaction.InstrumentID];\r\n let isMarketClose = (instrument.status != InstrumentStatus.DayOpen && instrument.status != InstrumentStatus.SessionOpen);\r\n if (!isMarketClose) {\r\n model.buildPlacingData(this.props.instrument, [order], orderType);\r\n order.isSelected = true;\r\n // model.placingData.selectedOrders = [order];\r\n //model.placingData.orderType = orderType;\r\n this.goto('/closeorder');\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n let { model, order, isPad, isTitle } = this.props;\r\n let moduleCss = this.getModuleCss('openpositionview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n let showTime = Boolean.parseBoolean(model.settingData.SystemParameter.OpenPositionShowTime);\r\n let instrument = isTitle ? undefined : model.instruments[order.Transaction.InstrumentID];\r\n let enableRebate = utils.parseBoolean(model.config.getValue('enableRebate', \"false\"));\r\n let enableInterest = utils.parseBoolean(model.config.getValue('enableInterest', \"true\"));\r\n if (isTitle) {\r\n if (isPad) {\r\n let titleStyle = (model && model.config) ? { backgroundColor: model.config.getValue('titleBackgroundColor'), color: model.config.getValue('titleColor') } : {};\r\n\r\n return \r\n
}\r\n\r\n {!isPad ? padSumPane : ''}\r\n {askBidPrice}
\r\n \r\n {!totalFloating ? '' :
\r\n\r\n \r\n DialogWindow.PositionProfitAndLoss \r\n {utils.formatNumber(totalFloating, currency.Decimals)} \r\n
}\r\n \r\n {orderPane}\r\n {/* {buyOrderPane}\r\n {sellOrderPane} */}\r\n\r\n
\r\n {isPad ? padSumPane : ''}\r\n {isPad ? \"\" : }\r\n\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n \r\n {pipsSettings ?\r\n (
\r\n\r\n\r\n \r\n DialogWindow.MovePips \r\n
) : ''}\r\n\r\n \r\n this.onInputChange('pips', value)} > \r\n
\r\n \r\n {!enableFastTrade ? '' : { instrument.fastTradeChecked = e.target.checked; this.forceUpdate() }} >DialogWindow.FastTradeNoConfirm }\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n DialogWindow.PlacingOrder_LimitPrice \r\n
\r\n\r\n \r\n this.onInputChange('limitPrice', value)} placeHolder={DialogWindow.Price } > \r\n
\r\n \r\n this.setStateProp('isOcoChecked', e.target.checked)}> DialogWindow.OCO \r\n
\r\n \r\n DialogWindow.PlacingOrder_StopPrice \r\n
\r\n\r\n\r\n \r\n this.onInputChange('stopPrice', value)} placeHolder={DialogWindow.Price } > \r\n
\r\n \r\n DialogWindow.TimeExpired \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n DialogWindow.LimitOrStop \r\n DialogWindow.Liquidation \r\n DialogWindow.OrderCode \r\n DialogWindow.Account \r\n DialogWindow.Item \r\n\r\n DialogWindow.ExecuteTime \r\n DialogWindow.Lot \r\n MainView.BuySell \r\n DialogWindow.ExecutePrice \r\n {/* \r\n */}\r\n DialogWindow.RefPrice \r\n DialogWindow.TradePLFloat \r\n {!enableInterest ? '' : DialogWindow.InterestPL }\r\n {!enableInterest ? '' : DialogWindow.InterestRate }\r\n\r\n {/* DialogWindow.StoragePL */}\r\n {!this.props.showCommission ? '' : MainListView.CommissionSum }\r\n {!enableRebate ? '' : DialogWindow.Rebate }\r\n\r\n {/* DialogWindow.InterestRate \r\n MainView.CurrencyRate */}\r\n
\r\n }\r\n return \r\n MainView.BuySell \r\n MainView.TradePrice \r\n MainView.TradeDay \r\n MainView.Position \r\n MainView.TradePLFloat \r\n
\r\n }\r\n else {\r\n let account = model.accounts[order.Transaction.AccountID];\r\n let tradePolicy = model.selectedAccount.TradePolicyDetails[instrument.Id];\r\n\r\n let currency = undefined;\r\n if (Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n // this.Decimals = currency.Decimals;\r\n }\r\n else {\r\n currency = model.currencies[model.selectedAccount.CurrencyId];\r\n }\r\n\r\n let isBuy = (order && utils.parseBoolean(order.IsBuy));\r\n let buySellClass = `${moduleCss.orderItemBuySell} ${!isBuy ? defaultCss.sellColor : ''}`;\r\n let refPrice = utils.parseBoolean(instrument.IsNormal) == isBuy ? instrument.lastQuotation.Bid : instrument.lastQuotation.Ask;\r\n let tradePLFloatClass = `${isPad ? moduleCss.padOrderTradePLFloat : moduleCss.orderItemFloat} ${order && order.TradePLFloat < 0 ? defaultCss.negativeNumber : ''}`;\r\n\r\n let orderTypes = instrument.getAvailableOrderTypes();\r\n let isMarket = orderTypes.indexOf(OrderType.Market) >= 0;\r\n let isMultiCurrency = utils.parseBoolean(account.IsMultiCurrency);\r\n let isMarketClose = (instrument.status != InstrumentStatus.DayOpen && instrument.status != InstrumentStatus.SessionOpen) || utils.isEmpty(refPrice);\r\n let disableClass = isMarketClose ? defaultCss.disabledColor : '';\r\n\r\n if (isPad) {\r\n\r\n let tradePolicyDetail = account.TradePolicyDetails[instrument.Id];\r\n let interestRatePolicy = model.interestRates[tradePolicyDetail.InterestRateId];\r\n let interestRate = isBuy ? interestRatePolicy.Buy : interestRatePolicy.Sell;\r\n let interestRateClass = `${moduleCss.padOrderInterestRate} ${order && interestRate < 0 ? defaultCss.negativeNumber : ''}`;\r\n\r\n let currencyRate = model.currencyRates[instrument.CurrencyId + \"_\" + account.CurrencyId];\r\n\r\n let rebate = utils.formatNumber(Math.abs((order.Commission < 0 ? order.Commission : 0) + (order.Levy < 0 ? order.Levy : 0)), currency.Decimals);\r\n return this.onOrderClick()} >\r\n\r\n \r\n */}\r\n
\r\n } else {\r\n return this.onPlacingButtonClick.bind(this)(e, OrderType.Limit)} >
\r\n this.onPlacingButtonClick.bind(this)(e, isMarket ? OrderType.Market : OrderType.SpotTrade)} >
\r\n {order.Code}
\r\n {account.Code}
\r\n {instrument.Description}
\r\n\r\n\r\n {showTime ? order.Transaction.ExecuteTime : order.Transaction.ExecuteTime.substring(0, 10)}
\r\n {parseFloat(order.LotBalance)}
\r\n {isBuy ? MainView.Buy : MainView.Sell }
\r\n {order.ExecutePrice}
\r\n {/* {refPrice}
\r\n {!order.TradePLFloat ? '' : utils.formatNumber(order.TradePLFloat, currency.Decimals)}
\r\n {!enableInterest ? '' : {order.InterestPLFloat}
}\r\n {!enableInterest ? '' : {interestRate}
}\r\n {/* {order.StoragePLFloat}
*/}\r\n {!this.props.showCommission ? '' : {utils.formatNumber(parseFloat(order.EstimateCloseCommission), currency.Decimals)}
}\r\n {enableRebate ? {rebate}
: ''}\r\n\r\n {/* {interestRate}
\r\n {parseFloat(currencyRate.RateIn)}
*/}\r\n this.onOrderClick()} >\r\n {isBuy ? 'MainView.Buy' : 'MainView.Sell'} \r\n
\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\nlet OpenPositionOrderRouteView = withRouter(OpenPositionOrderView);\r\nclass OpenPositionGroupView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n collapsed: true,\r\n displayStyle: { display: props.isPad ? 'block' : 'none' }\r\n };\r\n }\r\n\r\n onBuySellButtonClick(e, isBuy) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n\r\n let { model, isTitle, instrument } = this.props;\r\n if (isTitle || !instrument || (instrument.totalBuyLot == 0 && isBuy) || instrument.totalSellLot == 0 && !isBuy) {\r\n return;\r\n }\r\n\r\n if (instrument.openPositions) {\r\n let isMarketClose = (instrument.status != InstrumentStatus.DayOpen && instrument.status != InstrumentStatus.SessionOpen);\r\n if (!isMarketClose) {\r\n let openPositions = Object.values(instrument.openPositions).sort((a, b) => {\r\n return a.Transaction.ExecuteTime.localeCompare(b.Transaction.ExecuteTime);\r\n }).filter((o) => utils.parseBoolean(o.IsBuy) == isBuy);\r\n\r\n openPositions.forEach((order) => { order.isSelected = true });\r\n\r\n model.buildPlacingData(this.props.instrument, openPositions, OrderType.SpotTrade);\r\n\r\n // model.placingData.selectedOrders = [order];\r\n //model.placingData.orderType = orderType;\r\n this.goto('/closeorder');\r\n openPositions.forEach((order) => { order.isSelected = true });\r\n }\r\n }\r\n }\r\n render() {\r\n let moduleCss = this.getModuleCss('openpositionview', 'common');\r\n\r\n let { model, instrument, isPad, isPositionSum, isTitle } = this.props;\r\n //let currency = model.currencies[instrument.CurrencyId];\r\n let currency = undefined;\r\n if (Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n // this.Decimals = currency.Decimals;\r\n }\r\n else {\r\n currency = model.currencies[model.selectedAccount.CurrencyId];\r\n }\r\n\r\n\r\n let orderViews = [];\r\n if (!isPad) {\r\n orderViews.push( {order.ExecutePrice}
\r\n {showTime ? order.Transaction.ExecuteTime : order.Transaction.ExecuteTime.substring(0, 10)}
\r\n {parseFloat(order.LotBalance)}
\r\n {!order.TradePLFloat ? '' : utils.formatNumber(parseFloat(order.TradePLFloat), currency.Decimals)}
\r\n \r\n DialogWindow.InstrumentCode \r\n MainView.Buy \r\n Common.AverageBuyPrice \r\n MainView.Sell \r\n Common.AverageSellPrice \r\n {isUniqueClient ? '' : Common.NetPosition }\r\n DialogWindow.TradePLFloat {currency ? \"(\" + currency.Name + \")\" : ''}\r\n
;\r\n } else {\r\n return \r\n
;\r\n }\r\n } else {\r\n return {instrument.Description}
\r\n this.onBuySellButtonClick(e, true)}> {parseFloat(instrument.totalBuyLot.toFixed(4))}
\r\n {instrument.averageBuyPrice}
\r\n this.onBuySellButtonClick(e, false)}> {parseFloat(instrument.totalSellLot.toFixed(4))}
\r\n {instrument.averageSellPrice}
\r\n {isUniqueClient ? '' : {Math.abs(netPosition)}
}\r\n {!instrument.TradePLFloat ? '' : utils.formatNumber(instrument.TradePLFloat, currency.Decimals)}
\r\n \r\n
\r\n }\r\n } else {\r\n if (parseInt(instrument.Category) == InstrumentCategory.Physical && instrument.physicalInventory) {\r\n let physicalInventories = Object.values(instrument.physicalInventory).filter((inventory) => parseFloat(inventory.LotBalance) > 0);\r\n if (physicalInventories && physicalInventories.length > 0) {\r\n let inventory = physicalInventories[0];\r\n if (inventory.PhysicalTradeSide != PhysicalTradeSide.ShortSell) {\r\n // console.log(instrument.Description);\r\n orderViews = \r\n {orderViews}\r\n
\r\n \r\n
\r\n }\r\n }\r\n\r\n handleInstrumentClick() {\r\n let collapsed = !this.state.collapsed;\r\n this.setState({\r\n displayStyle: { display: collapsed ? 'none' : 'block' },\r\n collapsed: collapsed\r\n });\r\n }\r\n\r\n}\r\n\r\n\r\n// export default withRouter(OrderInstrumentGroupView);\r\nlet openPositionGroupView = withRouter(OpenPositionGroupView);\r\n\r\n\r\nexport { openPositionGroupView as OpenPositionGroupView, OpenPositionOrderView };\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { CaretLeftFilled } from '@ant-design/icons';\r\n\r\nimport { InstrumentCategory } from '../../common/const';\r\nimport BaseView from \"../baseview.js\";\r\nimport { OpenPositionGroupView, OpenPositionOrderView } from './openpositiongroupview';\r\nimport TitleBarView from '../titlebarview';\r\n\r\nclass OpenPositionView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n console.log('OpenPositionView.ctor');\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.model && this.props.model.isTradingDataLoaded) {\r\n this.props.model.resetInput();\r\n }\r\n }\r\n\r\n render() {\r\n // console.log('OpenPositionView.render');\r\n if (this.props.model === undefined || this.props.model.instruments === undefined) {\r\n this.goto('/');\r\n return ;\r\n }\r\n\r\n let { model, isPad } = this.props;\r\n let moduleCss = this.getModuleCss('openpositionview', 'common');\r\n\r\n let orderGroups = [];\r\n let instruments = Object.values(model.instruments).sort((a, b) => a.Code.localeCompare(b.Code));\r\n\r\n let showRebate = false;\r\n let showCommission = false;\r\n\r\n\r\n instruments.forEach((instrument)=>{\r\n if (instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions);\r\n if (openPositions.length > 0) {\r\n openPositions.forEach((order) => {\r\n if (parseFloat(order.EstimateCloseCommission) != 0) showCommission = true;\r\n // if (parseFloat(order.EstimateCloseLevy) < 0) showRebate = true;\r\n });\r\n }\r\n }\r\n });\r\n\r\n instruments.forEach((instrument)=>{\r\n if (instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions);\r\n if (openPositions.length > 0) {\r\n let currency = this.props.model.currencies[instrument.CurrencyId];\r\n orderGroups.push(\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {this.state.collapsed ?
{instrument.Description} {askBidPrice}
\r\n \r\n DialogWindow.PositionProfitAndLoss {!instrument.TradePLFloat ? '' : utils.formatNumber(instrument.TradePLFloat, currency.Decimals)} \r\n MainView.Buy {parseFloat(openLotBuy.toFixed(4))} \r\n MainView.Sell {parseFloat(openLotSell.toFixed(4))} \r\n\r\n
\r\n \r\n {orderViews}\r\n
\r\n\r\n \r\n {!isPad ? (
\r\n }\r\n\r\n handleGoBack() {\r\n this.props.history.goBack();\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n\r\nclass OpenPositionSumView extends BaseView {\r\n\r\n componentDidMount() {\r\n if (this.props.model && this.props.model.isTradingDataLoaded) {\r\n this.props.model.resetInput();\r\n }\r\n }\r\n\r\n render() {\r\n // console.log('OpenPositionView.render');\r\n if (this.props.model === undefined || this.props.model.instruments === undefined) {\r\n this.goto('/');\r\n return ;\r\n }\r\n\r\n let { model, isPad } = this.props;\r\n let moduleCss = this.getModuleCss('openpositionview', 'common');\r\n\r\n let orderGroups = [];\r\n let instruments = this.props.model.instruments;\r\n\r\n let showRebate = false;\r\n let showCommission = false;\r\n\r\n\r\n for (let instrumentId in instruments) {\r\n let instrument = instruments[instrumentId];\r\n if (instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions);\r\n if (openPositions.length > 0) {\r\n openPositions.forEach((order) => {\r\n if (parseFloat(order.EstimateCloseCommission) > 0) showCommission = true;\r\n if (parseFloat(order.EstimateCloseCommission) < 0) showRebate = true;\r\n });\r\n }\r\n }\r\n }\r\n\r\n for (let instrumentId in instruments) {\r\n let instrument = instruments[instrumentId];\r\n if (parseInt(instrument.Category) !== InstrumentCategory.Physical && instrument.openPositions) {\r\n let openPositions = Object.values(instrument.openPositions);\r\n if (openPositions.length > 0) {\r\n let currency = this.props.model.currencies[instrument.CurrencyId];\r\n orderGroups.push(\r\n \r\n
: ''}\r\n\r\n \r\n {orderGroups}\r\n
\r\n\r\n\r\n \r\n
\r\n }\r\n\r\n handleGoBack() {\r\n this.props.history.goBack();\r\n }\r\n\r\n\r\n}\r\n\r\nlet openPositionView = withRouter(OpenPositionView);\r\nexport { openPositionView as OpenPositionView, OpenPositionSumView };\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { message as antMessage, Select } from 'antd';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport * as utils from '../../common/utils.js';\r\n// import BottomBar from './bottombar';\r\n\r\n\r\n\r\nconst { Option } = Select;\r\n\r\nclass OrderQueryView extends BaseView {\r\n\r\n constructor(props) {\r\n console.log('OrderQueryView.ctor');\r\n super(props);\r\n this.state = { queryType: '0', instrument: '', days: \"1\" };\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n\r\n\r\n onQueryClick(e) {\r\n let { model } = this.props;\r\n if (this.state.queryType === \"4\") {\r\n if (this.props.isPad) {\r\n this.props.onQueryClick('PendingOrderView');\r\n } else {\r\n this.goto('/pendingorder');\r\n }\r\n } else {\r\n model.showLoadingSpin(true);\r\n model.orderQueryParam = { queryType: this.state.queryType, instrument: this.state.instrument, days: this.state.days };\r\n\r\n if (model && model.orderQueryParam) {\r\n let param = this.props.model.orderQueryParam;\r\n this.props.commService.queryOrder(model.selectedAccount.Id, param.instrument, param.days, param.queryType, this.queryCallback.bind(this));\r\n }\r\n\r\n // this.goto('/orderqueryresult');\r\n }\r\n }\r\n\r\n\r\n queryCallback(jsonMessage) {\r\n let { model } = this.props;\r\n let data = JSON.parse(jsonMessage);\r\n let viewData_OrderQueryResultView = {};\r\n if (data.Result.error) {\r\n utils.logError(data.Result.error);\r\n }\r\n else if (data.Result.content_result.OrderQueryResults != null) {\r\n let orders = utils.forceToArray(data.Result.content_result.OrderQueryResults.OrderQueryResult);\r\n orders.forEach((order, index) => {\r\n let group = viewData_OrderQueryResultView[order.InstrumentCode];\r\n if (!group) {\r\n group = [];\r\n group.tradePLSum = 0;\r\n group.openLotSum = 0;\r\n group.closeLotSum = 0;\r\n viewData_OrderQueryResultView[order.InstrumentCode] = group;\r\n }\r\n\r\n if (Boolean.parseBoolean(order.IsOpen)) {\r\n group.openLotSum += parseFloat(order.Lot);\r\n } else {\r\n group.closeLotSum += parseFloat(order.Lot);\r\n }\r\n if (!utils.isEmpty(order.TradePL)) {\r\n group.tradePLSum += parseFloat(order.TradePL);\r\n }\r\n group.push(order);\r\n });\r\n }\r\n\r\n this.props.model.viewData_OrderQueryResultView = viewData_OrderQueryResultView;\r\n model.showLoadingSpin(false);\r\n this.goto('/orderqueryresult');\r\n }\r\n\r\n render() {\r\n if (!this.props.model) {\r\n this.goto('/');\r\n return '';\r\n }\r\n\r\n let { model } = this.props;\r\n let moduleCss = this.getModuleCss('OrderQueryView', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let instrumentSelect = [];\r\n model.orderedInstruments.forEach((instrument) => {\r\n instrumentSelect.push()\r\n });\r\n\r\n let daySelect = [];\r\n for (let i = 1; i <= 7; i++) {\r\n daySelect.push()\r\n }\r\n\r\n return \r\n \r\n
\r\n \r\n {orderGroups}\r\n
\r\n\r\n\r\n \r\n {!this.props.isPad ? ( { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(OrderQueryView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Spin, message as antMessage } from 'antd';\r\n\r\n// import moduleCss from \"../../style/todayexecute.module.css\";\r\n\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { OrderType, TransactionType, TradeOption } from '../../common/const.js';\r\n\r\n\r\n\r\nclass OrderQueryResultView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { ordersGroupedByInstrument: {} };\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n componentWillUnmount() {\r\n if (this.props.model !== undefined && this.props.model.viewData_OrderQueryResultView !== undefined) {\r\n this.props.model.viewData_OrderQueryResultView = undefined;\r\n }\r\n }\r\n\r\n getOrderTypeLanguageKey(orderType, tradeOption) {\r\n if (orderType == OrderType.SpotTrade) {\r\n return \"MainView.OrderType_Spot\";\r\n } else if (orderType == OrderType.Market) {\r\n return \"MainView.OrderType_Market\";\r\n }\r\n // else if (order.Transaction.Type == TransactionType.OneCancelOther) {\r\n // return (order.TradeOption == TradeOption.Better ? \"MainView.LimitOfOCO\" : \"MainView.StopOfOCO\");\r\n // } \r\n else {\r\n return tradeOption == TradeOption.Better ? \"MainView.OrderType_Limit\" : \"MainView.OrderType_Stop\";\r\n };\r\n\r\n }\r\n\r\n render() {\r\n if (!this.props.model || !this.props.model.selectedAccount || !this.props.model.orderQueryParam) {\r\n this.goto('/');\r\n return ;\r\n }\r\n\r\n console.info('orderqueryresultview.render');\r\n let { model } = this.props;\r\n\r\n let orderGroups = [];\r\n let viewData_OrderQueryResultView = this.props.model.viewData_OrderQueryResultView;\r\n let moduleCss = this.getModuleCss('orderqueryresult', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n if (viewData_OrderQueryResultView) {\r\n let instrumentCodes = Object.keys(viewData_OrderQueryResultView).sort((a, b) => b.localeCompare(a));\r\n if (instrumentCodes && instrumentCodes.length > 0) {\r\n instrumentCodes.forEach((instrumentCode, i1) => {\r\n let todayOrders = viewData_OrderQueryResultView[instrumentCode];\r\n orderGroups.push(\r\n DialogWindow.Type \r\n \r\n DialogWindow.Item \r\n \r\n DialogWindow.LastDays \r\n \r\n\r\n
\r\n\r\n {this.props.children}\r\n {/* \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n {instrumentCode}\r\n DialogWindow.OpenCloseOrder :{parseFloat(todayOrders.openLotSum.toFixed(4))}/{parseFloat(todayOrders.closeLotSum.toFixed(4))}\r\n {todayOrders.tradePLSum ? parseFloat(todayOrders.tradePLSum.toFixed(6)) : ''}\r\n
);\r\n todayOrders.forEach((order, index) => {\r\n\r\n orderGroups.push(\r\n {utils.getPhaseLanguageKey(order.Phase)} \r\n {this.getOrderTypeLanguageKey(order.OrderType, order.TradeOption)} \r\n\r\n\r\n {Boolean.parseBoolean(order.IsBuy) ? 'MainView.Buy' : 'MainView.Sell'} {parseFloat(order.Lot)} \r\n
);\r\n });\r\n\r\n });\r\n }\r\n }\r\n\r\n return {order.ExecuteTime ? order.ExecuteTime.substring(5, 16) : ''}
\r\n {order.Price}
\r\n\r\n {order.TradePL != 0 ? order.TradePL : ''}
\r\n\r\n \r\n {!this.props.isPad ? (\r\n
\r\n }\r\n\r\n handleGoBack() {\r\n this.props.history.goBack();\r\n }\r\n\r\n\r\n}\r\n\r\nexport default withRouter(OrderQueryResultView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nimport { CaretDownFilled, PoweroffOutlined } from '@ant-design/icons';\r\n\r\nimport { PhysicalTradeSide, InstrumentStatus, OrderType } from '../../common/const';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport { InventoryItemView } from './inventoryitemview';\r\nimport * as utils from '../../common/utils';\r\n\r\nexport default class ShortSellView extends BaseView {\r\n\r\n componentDidMount() {\r\n // this.setState({ orderGroup : this.props.orderGroup});\r\n }\r\n\r\n refreshGroup() {\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n\r\n let { model, isPad } = this.props;\r\n\r\n let orderViews = [];\r\n\r\n Object.values(model.instruments).forEach((instrument, index) => {\r\n if (instrument.physicalShortSell && (isPad || instrument.Id === model.placingData.selectedInstrument.Id)) {\r\n Object.values(instrument.physicalShortSell).forEach((inventory, index) => {\r\n if (parseFloat(inventory.LotBalance) > 0) {\r\n orderViews.push(\r\n\r\n MainView.Phase \r\n DialogWindow.ExecuteTradeDay \r\n DialogWindow.OrderType \r\n DialogWindow.Quantity \r\n DialogWindow.Price \r\n\r\n MainView.TradePL \r\n\r\n
\r\n\r\n \r\n {orderGroups}\r\n {\r\n orderGroups.length === 0 ? Common.NoData : ''\r\n }\r\n {this.props.children}\r\n
\r\n\r\n\r\n \r\n
\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nclass ShortSellItemView extends BaseView {\r\n\r\n componentDidMount() {\r\n console.log('ShortSellItemView.componentDidMount');\r\n }\r\n\r\n\r\n onCloseButtonClick(e) {\r\n e.stopPropagation();\r\n e.cancelBubble = true;\r\n let { inventory, instrument, model, isTitle } = this.props;\r\n if (!isTitle) {\r\n // let instrument = model.instruments[order.Transaction.InstrumentID];\r\n let isMarketClose = (instrument.status != InstrumentStatus.DayOpen && instrument.status != InstrumentStatus.SessionOpen);\r\n if (!isMarketClose) {\r\n model.buildPlacingData(this.props.instrument, [inventory], OrderType.SpotTrade);\r\n inventory.isSelected = true;\r\n // model.placingData.selectedOrders = [order];\r\n //model.placingData.orderType = orderType;\r\n this.goto('/closeorder');\r\n }\r\n }\r\n }\r\n\r\n\r\n render() {\r\n let { model, inventory, instrument, isPad, isTitle } = this.props;\r\n let moduleCss = this.getModuleCss('inventoryview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n // let instrument = model.instruments[inventory.Transaction.InstrumentID];\r\n let account = !inventory ? '' : model.accounts[inventory.Transaction.AccountID];\r\n\r\n let currency = undefined;\r\n if (inventory) {\r\n if (Boolean.parseBoolean(account.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n }\r\n else {\r\n currency = model.currencies[account.CurrencyId];\r\n }\r\n }\r\n let unPaid = !inventory ? '' : utils.formatNumber(parseFloat(inventory.PhysicalOriginValueBalance) - Math.abs(parseFloat(inventory.PaidPledgeBalance)), currency.Decimals);\r\n let rowStyle = { marginLeft: 0 };\r\n if (isTitle && model && model.config) {\r\n rowStyle.backgroundColor = model.config.getValue('titleBackgroundColor');\r\n rowStyle.color = model.config.getValue('titleColor');\r\n }\r\n\r\n let buyPrice = '', sellPrice = '', quotation = {};\r\n if (instrument) {\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n quotation = instrument.quotations[account.UseQuotePolicyId];\r\n if (!quotation) {\r\n quotation = instrument.quotations[account.PublicQuotePolicyId];\r\n }\r\n buyPrice = (isNormal ? quotation.Ask : quotation.Bid);\r\n //sellPrice = (isNormal ? quotation.Bid : quotation.Ask);\r\n }\r\n if (isPad) {\r\n if (this.props.isTitle) {\r\n return \r\n \r\n
\r\n\r\n \r\n {orderViews}\r\n
\r\n \r\n MainView.Close \r\n\r\n DialogWindow.Account \r\n MainView.Instrument \r\n MainView.Date \r\n DialogWindow.Physical_Weight \r\n DialogWindow.Physical_Unit \r\n DialogWindow.Currency \r\n\r\n DialogWindow.ExecutePrice \r\n DialogWindow.RefPrice \r\n\r\n DialogWindow.TradePLFloat \r\n DialogWindow.PhysicalItem_PaidPledge \r\n\r\n\r\n
\r\n } else {\r\n let instrumentUnit = (instrument.UnitId ? model.instrumentUnits[instrument.UnitId] : {});\r\n let weight = instrumentUnit ? parseFloat(instrumentUnit.Weight) : 1;\r\n\r\n return \r\n
\r\n }\r\n } else {\r\n if (this.props.isTitle)\r\n return {account.Name}
\r\n {instrument.Description}
\r\n {inventory.Transaction.ExecuteTime}
\r\n {(parseFloat(inventory.Transaction.ContractSize) * parseFloat(inventory.LotBalance) * weight).toFixed(currency.Decimals)}
\r\n {instrument.Unit}
\r\n {currency.Code}
\r\n\r\n {inventory.ExecutePrice}
\r\n {buyPrice}
\r\n\r\n {utils.formatNumber(inventory.TradePLFloat, currency.Decimals)}
\r\n {utils.formatNumber(Math.abs(inventory.PaidPledgeBalance), currency.Decimals)}
\r\n \r\n \r\n DialogWindow.ExecuteTime \r\n DialogWindow.Physical_Weight \r\n DialogWindow.Physical_Unit \r\n DialogWindow.ExecutePrice \r\n DialogWindow.PhysicalItem_MarketValue \r\n
\r\n else\r\n return this.onInventoryClick()} >\r\n \r\n
\r\n\r\n }\r\n }\r\n\r\n}\r\n\r\n// export {ShortSellView, ShortSellItemView}","import React from 'react';\r\n// import { Board } from './board';\r\nimport { Breakpoint } from 'react-socks';\r\nimport { HashRouter as Router, Switch, Route } from \"react-router-dom\";\r\nimport { withTranslation, Trans } from 'react-i18next';\r\nimport { message as antMessage, Spin, Radio, Button } from 'antd';\r\nimport { CloseOutlined } from '@ant-design/icons';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { OrderType } from '../../common/const';\r\n\r\nimport BaseView from \"../baseview.js\";\r\n\r\nimport InventoryView from './inventoryview';\r\nimport DeliveryInProcessView from './deliveryinprocessview';\r\nimport ShortSellView from './shortsellview';\r\n\r\n\r\nexport default class PadStockView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { tabType: \"InventoryView\" };\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n onOrderTypeChange(orderType) {\r\n this.props.model.placingData.orderType = orderType;\r\n // this.setState({ orderType: orderType, showPlacePanel: orderType === OrderType.Limit ? PlacePanelType.PendingOrder : PlacePanelType.SpotTrade }); \r\n this.setState({ tabType: orderType.toString() });\r\n }\r\n\r\n getStockTab(tabType) {\r\n let { model } = this.props;\r\n if (!model || !model.isTradingDataLoaded) {\r\n return null;\r\n }\r\n\r\n if (!tabType) {\r\n tabType = this.state.tabType;\r\n }\r\n console.log(\"getStockTab\");\r\n\r\n let result = [];\r\n\r\n\r\n // console.log('getBottomWorkingTab');\r\n if (tabType === \"InventoryView\") {\r\n result.push( {inventory.Transaction.ExecuteTime.substring(0, 10)}
\r\n {(parseFloat(inventory.Transaction.ContractSize) * parseFloat(inventory.LotBalance)).toFixed(4)}
\r\n {instrument.Unit}
\r\n {inventory.ExecutePrice}
\r\n {(parseFloat(inventory.ExecutePrice) * parseFloat(inventory.LotBalance)).toFixed(4)}
\r\n \r\n { this.changeViewType(e.target.value); }}>\r\n MainListView.Physical_Inventory MainListView.Physical_InventoryInProcess MainListView.Physical_InventoryDeficit \r\n\r\n
;\r\n // }\r\n\r\n return \r\n {tabTitle}\r\n
;\r\n }\r\n\r\n\r\n}\r\n\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Spin } from 'antd';\r\n\r\n// import moduleCss from \"../../style/todayexecute.module.css\";\r\n\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\n\r\nimport * as utils from '../../common/utils.js';\r\n// import BottomBar from './bottombar';\r\n\r\n\r\n\r\nclass TodayExecuteView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { ordersGroupedByInstrument: {} };\r\n }\r\n\r\n componentDidMount() {\r\n // debugger;\r\n // this.setState( {orderGroupByInstrument : this.props.orderGroupByInstrument });\r\n let model = this.props.model;\r\n if (model && model.selectedAccount) {\r\n this.props.commService.queryOrder(model.selectedAccount.Id, '', \"1\", \"3\", this.queryCallback.bind(this));\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.model !== undefined && this.props.model.viewData_TodayExecuteView !== undefined) {\r\n this.props.model.viewData_TodayExecuteView = undefined;\r\n }\r\n }\r\n\r\n queryCallback(jsonMessage) {\r\n let data = JSON.parse(jsonMessage);\r\n let viewData_TodayExecuteView = {};\r\n if (data.Result.content_result.OrderQueryResults != null) {\r\n let orders = utils.forceToArray(data.Result.content_result.OrderQueryResults.OrderQueryResult);\r\n orders.forEach((order, index) => {\r\n let group = viewData_TodayExecuteView[order.InstrumentCode];\r\n if (!group) {\r\n group = [];\r\n viewData_TodayExecuteView[order.InstrumentCode] = group;\r\n }\r\n group.push(order);\r\n });\r\n }\r\n // this.setState({viewData_TodayExecuteView: viewData_TodayExecuteView});\r\n this.props.model.viewData_TodayExecuteView = viewData_TodayExecuteView;\r\n this.forceUpdate();\r\n }\r\n\r\n\r\n render() {\r\n // console.info('openpositionView.render'); \r\n if (!this.props.model) {\r\n this.goto('/');\r\n return '';\r\n }\r\n let { model } = this.props;\r\n let orderGroups = [];\r\n let viewData_TodayExecuteView = this.props.model.viewData_TodayExecuteView;\r\n let moduleCss = this.getModuleCss('todayexecute', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n\r\n if (viewData_TodayExecuteView) {\r\n let instrumentCodes = Object.keys(viewData_TodayExecuteView).sort((a, b) => b.localeCompare(a)).reverse();\r\n if (instrumentCodes && instrumentCodes.length > 0) {\r\n instrumentCodes.forEach((instrumentCode, i1) => {\r\n let todayOrders = viewData_TodayExecuteView[instrumentCode].sort((a, b) => b.ExecuteTime.localeCompare(a.ExecuteTime)).reverse();\r\n orderGroups.push(\r\n {this.getStockTab()}\r\n
\r\n {instrumentCode}
);\r\n\r\n todayOrders.forEach((order, index) => {\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n let buySellClass = `${moduleCss.orderItemBuySell} ${!isBuy ? defaultCss.sellColor : ''}`;\r\n\r\n orderGroups.push(\r\n {isBuy ? 'MainView.Buy' : 'MainView.Sell'} \r\n {Boolean.parseBoolean(order.IsOpen) ? 'DialogWindow.OpenPosition' : 'DialogWindow.ClosePosition'} \r\n {utils.getPhaseLanguageKey(order.Phase)} \r\n
);\r\n });\r\n\r\n });\r\n }\r\n }\r\n\r\n return {order.ExecuteTime.substring(11, 19)}
\r\n {parseFloat(order.Lot)}
\r\n {order.Price}
\r\n\r\n \r\n {!this.props.isPad ? (\r\n { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n\r\n handleGoBack() {\r\n this.props.history.goBack();\r\n }\r\n\r\n\r\n}\r\n\r\nexport default withRouter(TodayExecuteView);\r\n","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport * as utils from '../../common/utils.js';\r\n\r\nclass MessageItemView extends BaseView {\r\n render() {\r\n let moduleCss = this.getModuleCss('messagelognews', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n let { model, message, isTitle, isPad } = this.props;\r\n let isRead = (message && message.IsRead !== undefined && utils.parseBoolean(message.IsRead));\r\n let timeStyle = (isRead || isPad ? {} : { fontWeight: \"bolder\" });\r\n\r\n // let rowStyle = (isTitle ? { fontWeight: \"bolder\" } : {});\r\n let rowStyle = { lineHeight: \"2.5em\" };\r\n if (isPad) rowStyle.minHeight = \"2.5em\";\r\n if (isTitle && model && model.config) {\r\n rowStyle.backgroundColor = model.config.getValue('titleBackgroundColor');\r\n rowStyle.color = model.config.getValue('titleColor');\r\n }\r\n\r\n let rowClassName = isPad ? `${moduleCss.padMessageItemMainPane} ${defaultCss.defaultBorderColor}` : `${moduleCss.messageItemMainPane} ${defaultCss.defaultColor}`;\r\n let timeClassName = `${isPad ? moduleCss.padMessageItemTime : moduleCss.messageItemTime} ${isRead ? defaultCss.secondaryTextColor : ''}`;\r\n let titleClassName = `${isPad ? moduleCss.padMessageItemTitle : moduleCss.messageItemTitle} ${isRead || !isPad ? defaultCss.secondaryTextColor : ''}`;\r\n\r\n return \r\n \r\n DialogWindow.SubmitTime \r\n DialogWindow.Quantity \r\n DialogWindow.Price \r\n\r\n DialogWindow.OpenCloseOrder \r\n MainView.Phase \r\n
\r\n \r\n {viewData_TodayExecuteView ? '' :
\r\n {/* { this.props.onClick(message) }} className={rowClassName} style={rowStyle}>\r\n
\r\n }\r\n\r\n}\r\n\r\nclass MessageDetailView extends BaseView {\r\n onDeleteButtonClick() {\r\n let { model } = this.props;\r\n model.showLoadingSpin(true);\r\n let message = model.selectedMessage;\r\n this.props.commService.deleteMessage(message.Id, (d) => {\r\n let data = JSON.parse(d);\r\n model.showLoadingSpin(false);\r\n if (data.Result.content_result == 1) {\r\n delete model.messages[message.Id];\r\n this.goBack();\r\n } else {\r\n console.error('deleteMessage failed.');\r\n }\r\n });\r\n }\r\n\r\n onNextButtonClick(revers) {\r\n let { model } = this.props;\r\n let message = model.selectedMessage;\r\n let arr = Object.values(model.messages);\r\n let index = revers ? arr.length - 1 : 0;\r\n for (; revers ? index >= 0 : index <= arr.length - 1; revers ? index-- : index++) {\r\n if (arr[index].Id === message.Id) {\r\n break;\r\n }\r\n }\r\n\r\n index += (revers ? -1 : 1);\r\n\r\n if (arr.length == 0) {\r\n this.goBack();\r\n return;\r\n } else if (index >= arr.length || index < 0) {\r\n index = 0;\r\n }\r\n model.selectedMessage = arr[index];\r\n this.forceUpdate();\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('messagelognews', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let { model, isPad } = this.props;\r\n let message = model.selectedMessage;\r\n let isRead = (message.IsRead !== undefined && Boolean.parseBoolean(message.IsRead));\r\n if (!isRead) {\r\n this.props.commService.updateMessageState(message.Id, (d) => {\r\n let data = JSON.parse(d);\r\n if (data.Result.content_result == 1) {\r\n message.IsRead = \"True\";\r\n } else {\r\n console.error('updateMessageState failed.');\r\n }\r\n });\r\n }\r\n\r\n let arr = Object.values(model.messages);\r\n let index = 0;\r\n for (; index <= arr.length - 1; index++) {\r\n if (arr[index].Id === message.Id) {\r\n break;\r\n }\r\n }\r\n let nextDisabled = false;\r\n let prevDisabled = false;\r\n\r\n if (index <= 0) prevDisabled = true;\r\n if (index >= arr.length - 1) nextDisabled = true;\r\n\r\n return {isTitle ? MainListView.PublishTime : message.PublishTime}
\r\n {isTitle ? MainListView.Title : message.Title}
\r\n \r\n {!this.props.isPad ? (
\r\n }\r\n}\r\n\r\nclass MessageView extends BaseView {\r\n\r\n componentDidMount() { }\r\n\r\n onItemClick(message) {\r\n this.props.model.selectedMessage = message;\r\n this.goto('/messagedetail');\r\n }\r\n\r\n render() {\r\n let { model, isPad } = this.props;\r\n if (!model || !model.systemSetting) {\r\n this.goto('/');\r\n return '';\r\n }\r\n\r\n let items = []; \r\n Object.values(model.messages).sort((a, b) => (b.PublishTime).localeCompare(a.PublishTime)).forEach((message) => {\r\n items.push(\r\n
\r\n {message.PublishTime}
\r\n {message.Title}
\r\n {message.Content}\r\n\r\n \r\n DialogWindow.Delete \r\n
\r\n\r\n\r\n nextDisabled ? false : this.onNextButtonClick.bind(this)(false)}>DialogWindow.Message_Next
\r\n prevDisabled ? false : this.onNextButtonClick.bind(this)(true)}>DialogWindow.Message_Previous
\r\n this.goBack()}>DialogWindow.Exit
\r\n \r\n {!this.props.isPad ? (
\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nlet messageView = withRouter(MessageView);\r\nlet messageDetailView = withRouter(MessageDetailView);\r\n\r\nexport { messageView as MessageView, messageDetailView as MessageDetailView };\r\n","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport * as utils from '../../common/utils.js';\r\n\r\nclass LogItemView extends BaseView {\r\n render() {\r\n let moduleCss = this.getModuleCss('messagelognews', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n\r\n // return \r\n {items}\r\n
\r\n\r\n {!isPad ? : ''}\r\n\r\n {this.props.children}\r\n \r\n //
\r\n\r\n\r\n let { model, log, isTitle, isPad } = this.props;\r\n let rowStyle = { lineHeight: \"2.5em\" };\r\n if (isPad) rowStyle.minHeight = \"2.5em\";\r\n if (isTitle && model && model.config) {\r\n rowStyle.backgroundColor = model.config.getValue('titleBackgroundColor');\r\n rowStyle.color = model.config.getValue('titleColor');\r\n }\r\n let rowClassName = isPad ? `${moduleCss.padMessageItemMainPane} ${defaultCss.defaultBorderColor}` : `${moduleCss.messageItemMainPane} ${defaultCss.defaultColor}`;\r\n let timeClassName = isPad ? moduleCss.padMessageItemTime : moduleCss.messageItemTime;\r\n let titleClassName = isPad ? moduleCss.padMessageItemTitle : moduleCss.messageItemTitle;\r\n let titleNotify = log && log.titleNotify ? log.titleNotify : '';\r\n if (isPad) {\r\n return {log.title}
\r\n // {log.content}
\r\n // \r\n
\r\n } else {\r\n return {isTitle ? MainListView.Time : log.Time}
\r\n {isTitle ? MainListView.Action : log.title + ' ' + titleNotify + ' ' + log.content}
\r\n \r\n {log.titleNotify ?
\r\n }\r\n }\r\n}\r\n\r\nclass LogView extends BaseView {\r\n\r\n componentDidMount() { }\r\n\r\n render() {\r\n let { model, isPad } = this.props;\r\n if (!model || !model.systemSetting) {\r\n this.goto('/');\r\n return '';\r\n }\r\n\r\n let items = [];\r\n\r\n if (model.logs) {\r\n let logs = model.logs; //.sort((a, b) => b.Time.localeCompare(a.Time));\r\n logs.forEach((log) => {\r\n items.push({log.titleNotify}
: ''}\r\n {log.Time} {log.Time == log.title ? '' : log.title}
\r\n {log.content}
\r\n \r\n {!this.props.isPad ? (
\r\n }\r\n\r\n}\r\n\r\n\r\nlet logView = withRouter(LogView);\r\nexport { logView as LogView, LogItemView };\r\n","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\nimport { Input, message as antMessage, Select, DatePicker } from 'antd';\r\n\r\nimport * as utils from '../../common/utils';\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\n\r\nimport colors from './colorpicker.json';\r\n\r\nconst { Option } = Select;\r\n\r\nclass ColorPickerView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n\r\n let items = [];\r\n if (props.value) {\r\n items.push()\r\n }\r\n colors.forEach((item) => {\r\n items.push()\r\n });\r\n\r\n\r\n this.state = { items: items, value: props.value };\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n setProp(propName, value) {\r\n let prop = {};\r\n prop[propName] = value;\r\n this.setState(prop);\r\n }\r\n\r\n\r\n render() {\r\n let borderWidth = this.props.borderWidth ? this.props.borderWidth : \"1px\";\r\n let borderStyle = { width: '100%', borderWidth, borderStyle: \"solid\" };\r\n // let borderStyle={width:'100%'};\r\n\r\n return \r\n {items}\r\n
\r\n\r\n {!isPad ? : ''}\r\n\r\n {this.props.children}\r\n \r\n \r\n
\r\n }\r\n}\r\n\r\nexport { ColorPickerView };\r\n","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans, withTranslation } from 'react-i18next';\r\n\r\nimport moment from 'moment';\r\nimport { Input, message as antMessage, Select, DatePicker } from 'antd';\r\nimport { FormOutlined } from '@ant-design/icons';\r\n\r\nimport * as utils from '../../common/utils';\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport { ColorPickerView } from './colorpickerview';\r\nimport { PriceAlertCondition } from '../../common/const.js';\r\n\r\nconst { Option } = Select;\r\n\r\nclass PriceAlertEditView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n let { model, isPad } = props;\r\n let alert = props.model.selectedPriceAlert;\r\n\r\n let instrumentSelect = [];\r\n let selectedInstrumentId = undefined;\r\n let price = '';\r\n let condition = alert ? alert.Condition : \"0\";\r\n Object.values(model.instruments).forEach((instrument) => {\r\n if (!selectedInstrumentId && instrument.lastQuotation && instrument.lastQuotation.Bid) {\r\n selectedInstrumentId = instrument.Id;\r\n price = this.getDefaultPrice(instrument, condition);\r\n }\r\n instrumentSelect.push()\r\n });\r\n\r\n this.state = {\r\n instrumentSelect: instrumentSelect,\r\n selectedInstrumentId: (alert ? alert.InstrumentId : selectedInstrumentId),\r\n condition: condition,\r\n price: (alert ? alert.Price : price),\r\n date: (alert ? moment(alert.ExpirationTime, \"YYYY-MM-DD HH:mm:ss\") : model.getServerTime().add(1, 'days')),\r\n color: (alert ? alert.Color : \"red\"),\r\n isChanged: alert ? false : true\r\n };\r\n }\r\n\r\n componentDidMount() { }\r\n\r\n setProp(propName, value) {\r\n if (propName == 'date' && value == null) return;\r\n \r\n let prop = { isChanged: true };\r\n prop[propName] = value;\r\n if (propName === \"selectedInstrumentId\" || propName === 'condition') {\r\n let instrument = this.props.model.instruments[propName === \"selectedInstrumentId\" ? value : this.state.selectedInstrumentId];\r\n if (instrument.lastQuotation) {\r\n // prop[\"price\"] = (this.state.condition <= 1 ? instrument.lastQuotation.Ask : instrument.lastQuotation.Bid);\r\n prop[\"price\"] = this.getDefaultPrice(instrument, propName === 'condition' ? value : this.state.condition);\r\n }\r\n }\r\n this.setState(prop);\r\n }\r\n\r\n getDefaultPrice(instrument, condition) {\r\n let lastPrice = ((condition == PriceAlertCondition.AskGreaterThan || condition == PriceAlertCondition.AskLessthan) ? instrument.lastQuotation.Ask : instrument.lastQuotation.Bid);\r\n let dealingPolicy = instrument.dealingPolicyDetail;\r\n let point = (dealingPolicy == null ? instrument.AcceptLmtVariation : dealingPolicy.AcceptLmtVariation);\r\n if (condition == PriceAlertCondition.AskLessthan || condition == PriceAlertCondition.BidLessThan) {\r\n point = -point;\r\n }\r\n\r\n return utils.formatPrice(parseFloat(lastPrice) + parseFloat(point) / parseFloat(instrument.Denominator), instrument.Denominator);\r\n }\r\n\r\n\r\n onSaveClick() {\r\n let { model, commService, isPad, t } = this.props;\r\n let account = model.selectedAccount;\r\n let quotePolicyId = (account.UseQuotePolicyId ? account.UseQuotePolicyId : account.PublicQuotePolicyId);\r\n let originAlert = model.selectedPriceAlert;\r\n let id = originAlert ? (originAlert.ID ? originAlert.ID : originAlert.Id) : utils.uuid();\r\n let instrument = model.instruments[this.state.selectedInstrumentId];\r\n let newPriceAlert = {\r\n ModifyFlag: originAlert ? \"1\" : \"0\",\r\n ID: id,\r\n Id: id,\r\n UserID: model.loginResult.UserId,\r\n UserId: model.loginResult.UserId,\r\n InstrumentID: this.state.selectedInstrumentId,\r\n InstrumentId: this.state.selectedInstrumentId,\r\n QuotePolicyID: quotePolicyId,\r\n QuotePolicyId: quotePolicyId,\r\n Price: utils.formatPrice(this.state.price, instrument.Denominator),\r\n Condition: this.state.condition,\r\n ExpirationTime: this.state.date.format(\"yyyy-MM-DD\"),\r\n Action: \"0\",\r\n Color: this.state.color,\r\n State: \"0\",\r\n }\r\n\r\n let count = 0;\r\n let hasSamePrice = false;\r\n if (model.priceAlerts) {\r\n Object.values(model.priceAlerts).forEach((priceAlert) => {\r\n if (priceAlert.InstrumentId == this.state.selectedInstrumentId || priceAlert.InstrumentID == this.state.selectedInstrumentId) {\r\n count++;\r\n let existedId = (priceAlert.ID ? priceAlert.ID : priceAlert.Id);\r\n if (existedId != newPriceAlert.Id && priceAlert.Condition == this.state.condition && parseFloat(priceAlert.Price) == parseFloat(this.state.price)) {\r\n hasSamePrice = true;\r\n }\r\n }\r\n });\r\n }\r\n if (hasSamePrice) {\r\n model.showModalDialog(\r\n {!this.props.isPad ? (
\r\n }\r\n}\r\n\r\n\r\nclass PriceAlertItemView extends BaseView {\r\n render() {\r\n let moduleCss = this.getModuleCss('pricealert', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let { model, priceAlert, isTitle, isPad } = this.props;\r\n //let rowStyle = (isTitle ? { fontWeight: \"bolder\" } : {});\r\n let rowStyle = { height: \"2.5em\", lineHeight: \"2.5em\" };\r\n if (isTitle && model && model.config) {\r\n rowStyle.backgroundColor = model.config.getValue('titleBackgroundColor');\r\n rowStyle.color = model.config.getValue('titleColor');\r\n }\r\n let rowClassName = isPad ? `${moduleCss.priceAlertRow} ${defaultCss.defaultBorderColor}` : `${moduleCss.priceAlertRow} ${defaultCss.defaultColor}`;\r\n\r\n let instrument = {}\r\n let condition = '';\r\n if (!isTitle) {\r\n instrument = model.instruments[priceAlert.InstrumentId];\r\n switch (parseInt(priceAlert.Condition)) {\r\n case 0:\r\n condition = \r\n
\r\n\r\n \r\n MainView.Instrument \r\n \r\n
\r\n\r\n \r\n DialogWindow.Condition \r\n \r\n
\r\n\r\n \r\n DialogWindow.Price \r\n this.setProp('price', e.target.value)} />\r\n
\r\n\r\n\r\n \r\n DialogWindow.ExpirationTime \r\n
\r\n\r\n\r\n \r\n this.setProp('date', date)} />\r\n
\r\n \r\n DialogWindow.Color \r\n this.setProp(\"color\", value)} />\r\n\r\n
\r\n\r\n \r\n \r\n {!originPriceAlert ? '' : }\r\n
\r\n {this.props.children}\r\n { if (!isPad && !isTitle) this.props.onEditClick() }}>\r\n {isPad ?
\r\n\r\n }\r\n}\r\n\r\nclass PriceAlertView extends BaseView {\r\n\r\n componentDidMount() { }\r\n\r\n onAddClick() {\r\n debugger;\r\n this.props.model.selectedPriceAlert = undefined;\r\n this.goto('/pricealertedit');\r\n }\r\n\r\n onEditClick(priceAlert) {\r\n this.props.model.selectedPriceAlert = priceAlert;\r\n this.goto('/pricealertedit');\r\n }\r\n\r\n render() {\r\n let { model, isPad } = this.props;\r\n if (!model || !model.systemSetting) {\r\n this.goto('/');\r\n return '';\r\n }\r\n\r\n let items = [];\r\n // items.push( { if (isPad) this.props.onEditClick() }}>{isTitle ? DialogWindow.Modify :
: ''}\r\n {isTitle ? MainView.Instrument : instrument.Description}
\r\n {isTitle ? DialogWindow.Condition : condition}
\r\n {isTitle ? DialogWindow.Price : priceAlert.Price}
\r\n {isTitle ? DialogWindow.ExpirationTime : priceAlert.ExpirationTime.substring(0, 10)}
\r\n {isTitle ? DialogWindow.Color : \"\"}
\r\n \r\n {!this.props.isPad ? (DialogWindow.Add \r\n
\r\n }\r\n\r\n}\r\n\r\nlet priceAlertView = withRouter(PriceAlertView);\r\nlet priceAlertEditView = withTranslation()(withRouter(PriceAlertEditView));\r\n\r\nexport { priceAlertView as PriceAlertView, priceAlertEditView as PriceAlertEditView };\r\n","import React from 'react';\r\n// import { Board } from './board';\r\nimport { Breakpoint } from 'react-socks';\r\nimport { HashRouter as Router, Switch, Route } from \"react-router-dom\";\r\nimport { withTranslation, Trans } from 'react-i18next';\r\nimport { message as antMessage, Spin, Radio, Button } from 'antd';\r\nimport { CloseOutlined } from '@ant-design/icons';\r\n\r\nimport * as utils from '../common/utils.js';\r\nimport { OrderType } from '../common/const';\r\n\r\nimport BaseView from \"./baseview.js\";\r\n\r\nimport PlacingDqView from './placing/placingdqview';\r\nimport PlacingPendingView from './placing/placingpendingview';\r\nimport CloseOrderView from './openposition/closeorderview.js';\r\n\r\nimport { OpenPositionView, OpenPositionSumView } from './openposition/openpositionview';\r\n\r\nimport WorkingListView from './placing/workinglistview';\r\n\r\nimport OrderQueryView from './orderquery/orderqueryview.js';\r\nimport OrderQueryResultView from './orderquery/orderqueryresultview.js';\r\nimport PadStockView from './physical/padstockview';\r\nimport TodayExecuteView from './orderquery/todayexecuteview.js';\r\nimport { MessageView } from './messagelognews/messageview';\r\nimport { LogView } from './messagelognews/logview';\r\nimport { PriceAlertView, PriceAlertEditView } from '../view/setting/pricealertview';\r\n\r\nconst PlacePanelType = { None: 0, WorkingList: 1, PendingList: 2, SpotTrade: 3, PendingOrder: 4 };\r\nconst CloseOrderViewComponent = withTranslation()(CloseOrderView);\r\nconst PlacingDqViewComponent = withTranslation()(PlacingDqView);\r\n\r\nclass PadBottomTabView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { bottomTabType: \"OpenPositionView\", prevBottomTabType: \"OpenPositionView\" };\r\n //this.state = {};\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(\"padBottomTabView\", this);\r\n }\r\n let { model } = this.props;\r\n // this.setState({ hasPhysicalInstruments: model.hasPhysicalInstruments(), hasForexInstruments: model.hasForexInstruments() });\r\n console.log('PadBottomTabView.componentDidMount');\r\n delete this.isBuy;\r\n delete this.instrumentId;\r\n }\r\n\r\n onSubComponentLoad(name, comp) {\r\n let prop = {};\r\n prop[name] = comp;\r\n this.setState(prop);\r\n if (this.props.onSubComponentLoad) {\r\n this.props.onSubComponentLoad(name, comp);\r\n }\r\n }\r\n\r\n onCloseOrderClick() {\r\n // let instrument = this.props.model.placingData.selectedInstrument;\r\n // if (instrument.openPositions) {\r\n // let openPositions = Object.values(instrument.openPositions);\r\n // openPositions.forEach((order, index) => {\r\n // //if(Boolean.parseBoolean(order.IsBuy) === !this.props.isBuy ){\r\n // order.selectedLot = parseFloat(order.LotBalance);\r\n // //}\r\n // });\r\n\r\n // let orderTypes = instrument.getAvailableOrderTypes();\r\n // let isMarket = orderTypes.indexOf(OrderType.Market) >= 0;\r\n // let orderType = this.state.orderType;\r\n // if (isMarket && orderType === OrderType.SpotTrade) {\r\n // orderType = OrderType.Market;\r\n // }\r\n\r\n // this.props.model.placingData.orderType = orderType;\r\n // this.props.history.push('/closeorder');\r\n // }\r\n }\r\n\r\n onBuySellButtonClick(isBuy) {\r\n let { model, commService } = this.props;\r\n if (isBuy != this.isBuy || this.instrumentId != model.placingData.selectedInstrument.Id) {\r\n\r\n if (!model.placingData.selectedOrders || model.placingData.selectedOrders.length <= 0) {\r\n model.placingData.orderingNotifyId = utils.uuid();\r\n model.orderingNotify(model.placingData.orderingNotifyId, model.customer.Code, model.placingData.selectedInstrument.Code, isBuy.toString(), true, '1', (d) => {\r\n debugger;\r\n });\r\n }\r\n }\r\n this.isBuy = isBuy;\r\n this.instrumentId = model.placingData.selectedInstrument.Id;\r\n\r\n\r\n // if (model.placingData.isBuy === isBuy) return;\r\n\r\n this.props.model.placingData.isBuy = isBuy;\r\n let instrument = model.placingData.selectedInstrument;\r\n\r\n let canPlaceOrderSpot = model.canPlaceOrder(model.selectedAccount, instrument, OrderType.SpotTrade);\r\n let canPlaceOrderMarket = model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Market);\r\n let canPlaceOrderLimit = model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Limit);\r\n let canPlaceOrder = canPlaceOrderSpot || canPlaceOrderMarket || canPlaceOrderLimit;\r\n\r\n if (canPlaceOrder) {\r\n\r\n let orderType = this.props.model.placingData.orderType === undefined ? OrderType.SpotTrade : this.props.model.placingData.orderType;\r\n // let orderType = canPlaceOrderSpot ? OrderType.SpotTrade : (canPlaceOrderMarket ? OrderType.Market : OrderType.Limit);\r\n\r\n this.resetInput();\r\n // this.changeViewType(orderType);\r\n this.onOrderTypeChange(orderType); // not reset ui\r\n }\r\n this.forceUpdate();\r\n }\r\n\r\n onPlacingDqViewCloseSubmit() {\r\n this.state.closeOrderView.onSubmitClick();\r\n }\r\n\r\n onPlacingPendingViewCloseSubmit(limitPrice, stopPrice) {\r\n this.state.closeOrderView.onSubmitClick(limitPrice, stopPrice);\r\n }\r\n\r\n resetInput(props, isConstructor) {\r\n console.log(\"PadBottomTabView.resetInput\");\r\n let { model } = this.props;\r\n if (model.instruments) {\r\n Object.values(model.instruments).forEach((instrument) => {\r\n if (instrument.orders) {\r\n Object.values(instrument.orders).forEach((order) => {\r\n order.isSelected = false;\r\n order.selectedLot = order.allowedCloseLot = model.getMaxCloseLot(instrument, order); //parseFloat(order.LotBalance);\r\n });\r\n }\r\n });\r\n }\r\n\r\n model.closeLot = 0;\r\n\r\n if (this.state.placingDqView) {\r\n this.state.placingDqView.resetInput();\r\n }\r\n\r\n if (this.state.placingPendingView) {\r\n this.state.placingPendingView.resetInput();\r\n }\r\n\r\n if (this.state.closeOrderView) {\r\n this.state.closeOrderView.refreshOpenOrderLot();\r\n }\r\n // delete this.props.model.placingData.isBuy;\r\n }\r\n\r\n onOrderTypeChange(orderType) {\r\n let { model } = this.props;\r\n\r\n model.placingData.orderType = orderType;\r\n this.resetInput();\r\n // this.setState({ orderType: orderType, showPlacePanel: orderType === OrderType.Limit ? PlacePanelType.PendingOrder : PlacePanelType.SpotTrade }); \r\n this.setState({ bottomTabType: orderType.toString() });\r\n if (this.state.closeOrderView) {\r\n this.state.closeOrderView.refreshOpenOrderLot(undefined, false);\r\n }\r\n this.forceUpdate();\r\n }\r\n\r\n onConfirmClosed(isConfirmed, orderType) {\r\n // this.setState({ showPlacePanel: isConfirmed ? PlacePanelType.None : placePanelType });\r\n console.log('PadBottomTabView.onConfirmClosed', isConfirmed, orderType);\r\n if (isConfirmed) {\r\n // this.resetInput();\r\n // let orderType = this.props.model.placingData.orderType === undefined ? OrderType.SpotTrade : this.props.model.placingData.orderType;\r\n // let orderType = canPlaceOrderSpot ? OrderType.SpotTrade : (canPlaceOrderMarket ? OrderType.Market : OrderType.Limit);\r\n\r\n // this.resetInput();\r\n // this.changeViewType(orderType);\r\n // this.onOrderTypeChange(orderType); // not reset ui\r\n\r\n // this.onBuySellButtonClick(!this.props.model.placingData.isBuy);\r\n this.onBuySellButtonClick(this.props.model.placingData.isBuy);\r\n }\r\n }\r\n\r\n getBottomWorkingTab(bottomTabType) {\r\n let { model, commService } = this.props;\r\n\r\n if (!model || !model.isTradingDataLoaded) {\r\n return null;\r\n }\r\n\r\n if (!bottomTabType) {\r\n bottomTabType = this.state.bottomTabType;\r\n }\r\n\r\n let result = [];\r\n let moduleCss = this.getModuleCss('app');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n if (bottomTabType === \"OpenPositionView\") {\r\n result.push(\r\n
\r\n\r\n\r\n \r\n {items}\r\n
\r\n {tradingView}
{closeOrderView}
\r\n {/* { this.changeViewType(e.target.value); }}>\r\n {isNoShowAccountStatus ? '' : MainView.OpenOrderTitle PageWindow.WorkingOrderTitle PageWindow.PhysicalTitle MainView.OrderQueryTitle MainView.LogMenuName MainView.MessageMenuName DialogWindow.PriceAlert */}\r\n\r\n {isNoShowAccountStatus || !hasForexInstruments ? '' :
;\r\n }\r\n\r\n if (this.state.bottomTabType === OrderType.Market.toString() || this.state.bottomTabType === OrderType.SpotTrade.toString() || this.state.bottomTabType === OrderType.Limit.toString()) {\r\n closeButton = this.changeViewType('OpenPositionView')} > MainView.OpenOrderTitle
}\r\n {isNoShowAccountStatus ? '' : this.changeViewType('WorkingListView')} > PageWindow.WorkingOrderTitle
}\r\n {isNoShowAccountStatus || !hasForexInstruments ? '' : this.changeViewType('OpenPositionSumView')} > PageWindow.PositionTitle
}\r\n {!hasPhysicalInstruments ? '' : this.changeViewType('PadStockView')}> PageWindow.PhysicalTitle
}\r\n {isNoShowAccountStatus ? '' : this.changeViewType('OrderQueryView')} > MainView.OrderQueryTitle
}\r\n {!showLog ? '' : this.changeViewType('LogView')} > MainView.LogMenuName
}\r\n this.changeViewType('MessageView')} > MainView.MessageMenuName
\r\n this.changeViewType('PriceAlertView')} > DialogWindow.PriceAlert
\r\n\r\n \r\n\r\n
;\r\n }\r\n\r\n\r\n}\r\n\r\nexport { PadBottomTabView };","import React from 'react';\r\n\r\n// import ReactDOM from 'react-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport i18n from 'i18next';\r\nimport { Translation, Trans } from 'react-i18next';\r\n\r\nimport { Button, message as antMessage, Checkbox } from 'antd';\r\n\r\nimport { CaretDownFilled, CaretRightOutlined } from '@ant-design/icons';\r\n\r\nimport BaseView from \"./baseview.js\";\r\nimport TitleBarView from './titlebarview';\r\n\r\nimport languageName from '../locale/mutilanguagesconfig.json';\r\nimport * as utils from '../common/utils.js';\r\nimport { CooKey } from \"../common/const.js\";\r\n\r\nclass LoginView extends BaseView {\r\n\r\n constructor(props) {\r\n console.log('LoginView.ctor');\r\n super(props);\r\n let userName = utils.loadCookie(CooKey.LoginName);\r\n let password = utils.loadCookie(CooKey.LoginPassword);\r\n let savePassword = !utils.isEmpty(password);\r\n this.state = {\r\n userName: userName,\r\n savePassword: savePassword,\r\n password: password\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { onRef } = this.props;\r\n if (onRef) {\r\n onRef(this);\r\n }\r\n\r\n let password = utils.loadCookie(CooKey.LoginPassword);\r\n this.setState({ password: password });\r\n }\r\n\r\n switchLanguage() {\r\n switch (i18n.language) {\r\n case 'en':\r\n return 'zh_cn';\r\n case 'zh_cn':\r\n return 'zh_tw'\r\n default:\r\n return 'en';\r\n }\r\n\r\n }\r\n\r\n getLanguageName() {\r\n switch (i18n.language) {\r\n case 'zh_tw':\r\n return languageName.zh_tw;\r\n case 'zh_cn':\r\n return languageName.zh_cn;\r\n default:\r\n return languageName.en;\r\n }\r\n }\r\n\r\n getLoginLanguage() {\r\n switch (i18n.language) {\r\n case 'zh_tw':\r\n return 'cht';\r\n case 'zh_cn':\r\n return 'chs';\r\n default:\r\n return 'eng';\r\n }\r\n }\r\n\r\n getRegistAccountLanguage() {\r\n switch (i18n.language) {\r\n case 'zh_tw':\r\n return 'zh-CHT';\r\n case 'zh_cn':\r\n return 'zh-CHS';\r\n default:\r\n return 'en';\r\n }\r\n }\r\n\r\n onUserNameChanged(e) {\r\n if (this.props.isPad) {\r\n this.setState({ userName: e.target.value, password: '' });\r\n } else {\r\n this.setState({ userName: e.target.value });\r\n }\r\n }\r\n\r\n onPasswordChanged(e) {\r\n this.setState({ password: e.target.value });\r\n }\r\n\r\n onLoginButtonClick() {\r\n // this.props.commService.sendMessage('SendMessage', '', 'quotation', 'dd');\r\n // debugger;\r\n let { model } = this.props;\r\n let isHideAgreement = utils.parseBoolean(model.config.getValue('isHideAgreement', 'false'));\r\n if (isHideAgreement || this.state.iAgreeChecked) {\r\n\r\n if (utils.isEmpty(this.state.userName)) {\r\n antMessage.destroy();\r\n antMessage.info(\r\n {/*
\r\n \r\n {closeButton} \r\n
*/}\r\n\r\n\r\n { model.placingData.selectedOrders = undefined; this.onBuySellButtonClick.bind(this)(false) }} >
\r\n | {quotation.Bid} |
{ model.placingData.selectedOrders = undefined; this.onBuySellButtonClick.bind(this)(true) }} >
\r\n\r\n\r\n | {quotation.Ask} |
\r\n {this.getBottomWorkingTab()}\r\n
\r\n\r\n {tabTitle}\r\n\r\n \r\n {hideTitle ? '' : MainView.Necessary : MainView.PartialPaymentPhysicalNecessary ;\r\n let fundComponent =\r\n DialogWindow.MaxPasswordReserve );\r\n }\r\n else if (model.loginResult.loginParam.password == this.state.oldPassword && this.state.newPassword == this.state.confirmPassword) {\r\n model.commService.updatePassword2(model.loginResult.loginParam.loginID, this.state.newPassword, model.systemSetting.MaxPasswordReserveCount, (d) => {\r\n let result = JSON.parse(d).Result.content_result;\r\n\r\n if (utils.parseBoolean(result.isSucceed)) {\r\n let isActiveAccount = Boolean.parseBoolean(model.loginResult.IsActivateAccount);\r\n let isUniqueClient = utils.parseBoolean(model.settingData.SystemParameter.IsUniqueClient);\r\n\r\n utils.removeCookie(CooKey.Login, true);\r\n utils.removeCookie(CooKey.Login, false);\r\n if (isActiveAccount || !isUniqueClient) {\r\n antMessage.info(DialogWindow.RecoverPassword_Success );\r\n model.loginResult.IsActivateAccount = \"False\";\r\n model.loginResult.loginParam.password = this.state.newPassword;\r\n utils.saveCookie(CooKey.Login, JSON.stringify(model.loginResult.loginParam), true);\r\n utils.saveCookie(CooKey.Login, JSON.stringify(model.loginResult.loginParam), false);\r\n\r\n if (isPad) {\r\n this.props.onClose();\r\n } else {\r\n this.goBack();\r\n }\r\n } else {\r\n model.showModalDialog(Common.ChangePassword_Success , () => {\r\n model.commService.logout(() => window.location.reload());\r\n }, { hideCancelButton: true, closable: false });\r\n\r\n }\r\n } else if (result.errorCode == '1') {\r\n antMessage.info(DialogWindow.MaxPasswordReserve );\r\n } else {\r\n // utils.removeCookie(CooKey.Login, true);\r\n window.location.reload();\r\n }\r\n });\r\n }\r\n }\r\n\r\n isInputValid() {\r\n let { model, isPad } = this.props;\r\n return !utils.isEmpty(this.state.oldPassword)\r\n && !utils.isEmpty(this.state.newPassword)\r\n && !utils.isEmpty(this.state.confirmPassword)\r\n && model.loginResult.loginParam.password == this.state.oldPassword\r\n && this.state.newPassword == this.state.confirmPassword;\r\n }\r\n\r\n render() {\r\n if (!this.props.model) {\r\n this.goto('/');\r\n return '';\r\n }\r\n\r\n let { model } = this.props;\r\n let moduleCss = this.getModuleCss('settingview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let oldErrorClass = !utils.isEmpty(this.state.oldPassword) && model.loginResult.loginParam.password !== this.state.oldPassword ? defaultCss.errorColor : '';\r\n let newErrorClass = !utils.isEmpty(this.state.newPassword) && this.state.confirmPassword !== this.state.newPassword ? defaultCss.errorColor : '';\r\n\r\n let isActiveAccount = Boolean.parseBoolean(model.loginResult.IsActivateAccount);\r\n let isPasswordExpired = (model && model.loginResult && Boolean.parseBoolean(model.loginResult.IsPasswordExpired));\r\n let title = (isActiveAccount ? \"DialogWindow.AccountActivation\" : \"DialogWindow.ChangePassword\");\r\n let isInputValid = this.isInputValid();\r\n let inputStyle = { background: 'inherit', width: 'calc(38% - 1em)' };\r\n return DialogWindow.TransactionError_{transactionError} );\r\n }\r\n } catch (e) {\r\n utils.logError(e);\r\n }\r\n this.goBack();\r\n });\r\n }\r\n\r\n onWorkingListClearClick() {\r\n if (this.canClearWorkingList()) {\r\n try {\r\n let { model } = this.props;\r\n let order = model.placingData.selectedOrders[0];\r\n let instrument = model.instruments[order.Transaction.InstrumentID];\r\n\r\n delete instrument.workingList[order.ID];\r\n } catch (e) {\r\n utils.logError(e);\r\n }\r\n this.goBack();\r\n }\r\n }\r\n\r\n canClearWorkingList() {\r\n let o = this.props.model.placingData.selectedOrders[0];\r\n if (o.Phase != Phase.Placing && o.Phase != Phase.Placed) {\r\n return true;\r\n }\r\n }\r\n\r\n getToolbar(moduleCss, modifyVisible, modifyDisabled, cancelVisible) {\r\n let isWorkingList = this.props.model.placingData.orderDetailViewType == OrderDetailViewType.WorkingList;\r\n return DialogWindow.Price (MainView.OrderType_Limit ){ocoOrder.SetPrice});\r\n } else {\r\n priceRows.push(DialogWindow.Price (MainView.OrderType_Stop ){ocoOrder.SetPrice});\r\n }\r\n }\r\n });\r\n }\r\n } else {\r\n if (model.placingData.orderDetailViewType == OrderDetailViewType.Modify) {\r\n let price = (order.Phase == Phase.Executed || order.Phase == Phase.Completed) ? order.ExecutePrice : order.SetPrice;\r\n priceRows.push(DialogWindow.Price {price});\r\n } else {\r\n priceRows.push(DialogWindow.Price {order.SetPrice});\r\n priceRows.push(DialogWindow.ExecutePrice {order.ExecutePrice});\r\n }\r\n\r\n }\r\n\r\n let priceDoneLimit = undefined;\r\n let priceDoneStop = undefined;\r\n if (instrument.workingList) {\r\n Object.values(instrument.workingList).forEach((doneOrder) => {\r\n if (doneOrder.Transaction.AssigningOrderID == order.ID && (doneOrder.Phase == Phase.Placed || doneOrder.Phase == Phase.Placing)) {\r\n if (doneOrder.TradeOption == TradeOption.Better) {\r\n priceDoneLimit = doneOrder.SetPrice;\r\n } else if (doneOrder.TradeOption == TradeOption.Stop) {\r\n priceDoneStop = doneOrder.SetPrice;\r\n }\r\n }\r\n });\r\n }\r\n\r\n let openOrderInfo = [];\r\n if (order.OrderRelations && order.OrderRelations.OrderRelation) {\r\n Object.values(utils.forceToArray(order.OrderRelations.OrderRelation)).forEach((relation, index) => {\r\n if (!utils.isEmpty(relation.OpenOrderExecutePrice)) {\r\n openOrderInfo.push(DialogWindow.Physical_InstalmentType {order.PhysicalInstalmentType == PhysicalInstalmentType.EqualInstalment ? \"DialogWindow.Physical_EqualInstalment\" : \"DialogWindow.Physical_EqualPrincipal\"} ,\r\n DialogWindow.Physical_Frequency {getEnumLangaugeKey(\"InstalmentFrequence\", parseInt(order.Frequence))} ,\r\n DialogWindow.Physical_InterestRecalculationRateType {getEnumLangaugeKey(\"RecalculateRateType\", parseInt(order.RecalculateRateType))} ,\r\n DialogWindow.Physical_Period {order.Period},\r\n DialogWindow.Physical_DownPayment {parseFloat(order.DownPayment)},\r\n ]\r\n\r\n }\r\n\r\n let enableRebate = utils.parseBoolean(model.config.getValue('enableRebate', \"false\"));\r\n let commission = utils.formatNumber((order.Commission > 0 ? order.Commission : 0), currency.Decimals);\r\n let levy = utils.formatNumber((order.Levy > 0 ? order.Levy : 0), currency.Decimals);\r\n let rebate = utils.formatNumber(Math.abs((order.Commission < 0 ? order.Commission : 0) + (order.Levy < 0 ? order.Levy : 0)), currency.Decimals);\r\n\r\n return this.setStateProp(stateProp, value)}> ;\r\n\r\n let order = model.placingData.selectedOrders[0];\r\n let instrument = model.instruments[order.Transaction.InstrumentID];\r\n let isOpen = Boolean.parseBoolean(order.IsOpen);\r\n let checkboxDisabled = false;\r\n let canPlaceOcoOrder = model.canPlaceOcoOrder(instrument, isOpen);\r\n if ((stateProp == \"oco\" && !this.state.ocoChecked && !canPlaceOcoOrder)\r\n || (stateProp.indexOf('PriceDone') > 0 && !this.state.ifDoneChecked)) {\r\n checkboxDisabled = true;\r\n }\r\n\r\n if (stateProp == \"oco\") { // && order.Transaction.Type == TransactionType.OneCancelOther){\r\n checkboxDisabled = true;\r\n }\r\n\r\n // if (!this.state.ocoChecked) {\r\n // if ((stateProp == 'limitPrice' && !utils.isEmpty(this.state.stopPrice))\r\n // || (stateProp == 'stopPrice' && !utils.isEmpty(this.state.limitPrice))) {\r\n // checkboxDisabled = true;\r\n // }\r\n // }\r\n let defaultCss = this.getModuleCss('default');\r\n // let rowClass = `${moduleCss.modifyRowContent} ${(checkboxDisabled ? defaultCss.disabledColor : '')}`;\r\n let rowClass = moduleCss.modifyRowContent;\r\n return \r\n { { return stateProp == \"oco\" && !canPlaceOcoOrder ? false : this.setStateProp(stateProp + 'Checked', e.target.checked) }}>{checkBoxContent} }\r\n {inputRow}\r\n \r\n\r\n // return { this.setStateProp(stateProp, e.target.checked) }}>{content} ;\r\n }\r\n\r\n onSubmitButtonClick() {\r\n let { model, commService } = this.props;\r\n let order = model.placingData.selectedOrders[0];\r\n let instrument = model.instruments[order.Transaction.InstrumentID];\r\n\r\n let phase = parseInt(order.Transaction.Phase);\r\n let modifyDisabled = (phase !== Phase.Placed && phase !== Phase.Placing);\r\n if ((!this.state.limitPriceChecked && !this.state.stopPriceChecked) || modifyDisabled) {\r\n return false;\r\n }\r\n\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n let isOpen = Boolean.parseBoolean(order.IsOpen);\r\n\r\n let state = this.state;\r\n let limitPrices = { setPrice: state.limitPriceChecked ? state.limitPrice : state.limitPriceOfOrder, doneLimitPrice: state.limitPriceDoneLimitChecked ? state.limitPriceDoneLimit : state.limitPriceDoneLimitOfOrder, doneStopPrice: state.limitPriceDoneStopChecked ? state.limitPriceDoneStop : state.limitPriceDoneStopOfOrder };\r\n let stopPrices = { setPrice: state.stopPriceChecked ? state.stopPrice : state.stopPriceOfOrder, doneLimitPrice: state.stopPriceDoneLimitChecked ? state.stopPriceDoneLimit : state.stopPriceDoneLimitOfOrder, doneStopPrice: state.stopPriceDoneStopChecked ? state.stopPriceDoneStop : state.stopPriceDoneStopOfOrder };\r\n\r\n let transactionType = (this.state.ocoChecked ? TransactionType.OneCancelOther : TransactionType.Single);\r\n let orderType = (this.state.ocoChecked ? OrderType.OneCancelOther : OrderType.Limit);\r\n let openOrders = isOpen ? undefined : [];\r\n if (!isOpen) {\r\n utils.forceToArray(order.OrderRelations.OrderRelation).forEach((relation) => {\r\n let openOrder = instrument.orders[relation.OpenOrderID];\r\n openOrder.selectedLot = relation.ClosedLot;\r\n openOrders.push(openOrder);\r\n });\r\n }\r\n let trans = model.buildTransactions(instrument, transactionType, orderType, isBuy, order.Lot, openOrders, undefined, limitPrices, stopPrices, order.Transaction.ExpireType, order.Transaction.EndTime);\r\n\r\n trans.forEach((tran, index) => {\r\n tran.SubType = TransactionSubType.Amend;\r\n tran.AssigningOrderID = order.ID;\r\n tran.EndTime = order.Transaction.EndTime;\r\n let xmlDoc = utils.convertToXml(tran, 'Transaction');\r\n\r\n console.log(xmlDoc.toString());\r\n commService.place(tran);\r\n });\r\n\r\n if (this.props.onClose) {\r\n this.props.onClose();\r\n } else {\r\n this.goBack(-2);\r\n }\r\n }\r\n\r\n render() {\r\n let { model } = this.props;\r\n window.scrollTo(0, 0);\r\n // if (model === undefined || model.placingData === undefined || model.placingData.selectedOrders === undefined) {\r\n // this.goto('/');\r\n // return ;\r\n // }\r\n\r\n let moduleCss = this.getModuleCss('pendingorderview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let order = model.placingData.selectedOrders[0];\r\n let instrument = model.instruments[order.Transaction.InstrumentID];\r\n let account = model.accounts[order.Transaction.AccountID];\r\n\r\n let instrumentCode = instrument.Description;\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n let basePrice = (isBuy === isNormal ? instrument.quotation.Ask : instrument.quotation.Bid);\r\n let isOpen = Boolean.parseBoolean(order.IsOpen);\r\n let currency = model.currencies[Boolean.parseBoolean(account.IsMultiCurrency) ? instrument.CurrencyId : account.CurrencyId];\r\n let phase = parseInt(order.Transaction.Phase);\r\n let modifyDisabled = (phase !== Phase.Placed && phase !== Phase.Placing);\r\n let buttonClass = `${moduleCss.modifyRowButton} ${(this.state.limitPriceChecked || this.state.stopPriceChecked) && !modifyDisabled ? '' : defaultCss.disabledColor}`;\r\n\r\n let limitPriceSetting = getPendingPriceSetting(model, instrument, basePrice, 0, LimitOrStop.Limit, isBuy ? BuySell.Buy : BuySell.Sell, false);\r\n let limitPriceDoneLimitSetting = getPendingPriceSetting(model, instrument, this.state.limitPrice, 0, LimitOrStop.Limit, !isBuy ? BuySell.Buy : BuySell.Sell, true);\r\n let limitPriceDoneStopSetting = getPendingPriceSetting(model, instrument, this.state.limitPrice, 0, LimitOrStop.Stop, !isBuy ? BuySell.Buy : BuySell.Sell, true);\r\n\r\n\r\n let stopPriceSetting = getPendingPriceSetting(model, instrument, basePrice, 0, LimitOrStop.Stop, isBuy ? BuySell.Buy : BuySell.Sell, false);\r\n let stopPriceDoneLimitSetting = getPendingPriceSetting(model, instrument, this.state.stopPrice, 0, LimitOrStop.Limit, !isBuy ? BuySell.Buy : BuySell.Sell, true);\r\n let stopPriceDoneStopSetting = getPendingPriceSetting(model, instrument, this.state.stopPrice, 0, LimitOrStop.Stop, !isBuy ? BuySell.Buy : BuySell.Sell, true);\r\n let canPlaceIfDoneOrder = isOpen && model.canPlaceIfDoneOrder(instrument, false);\r\n let orderTypeText = getOrderTypeLanguageKey(order);\r\n return MainView.ReportTitle ;\r\n this.goto('/framewindow');\r\n }\r\n\r\n\r\n }).catch((error) => {\r\n console.error(error);\r\n model.showLoadingSpin(false);\r\n });\r\n\r\n\r\n }\r\n\r\n isSubmitEnable() {\r\n let disableDeliveryReport = this.state.reportType == 'physicaldelivery' && this.state.deliveryRequestId == undefined;\r\n return !disableDeliveryReport;\r\n }\r\n\r\n render() {\r\n if (!this.props.model) return '';\r\n\r\n let { model } = this.props;\r\n let moduleCss = this.getModuleCss('report', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let showEmployeeReport = Boolean.parseBoolean(model.customer.IsEmployee);\r\n let hasPhysicalInstruments = model.hasPhysicalInstruments();\r\n let submitButtonClass = `${moduleCss.queryButton} ${defaultCss.defaultButtonColor} ${this.isSubmitEnable() ? '' : defaultCss.disabledColor}`;\r\n return
\r\n\r\n \r\n\r\n
\r\n {isHideAgreement ? '' : this.setState({ iAgreeChecked: e.target.checked })} > }\r\n\r\n
\r\n\r\n\r\n
\r\n }\r\n\r\n}\r\n\r\n\r\nexport default withRouter(LoginView);\r\n","import React from 'react';\r\nimport i18n from 'i18next';\r\nimport { Trans } from 'react-i18next';\r\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport BaseView from \"../baseview.js\";\r\n\r\nexport default class BalanceView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n componentDidMount() {\r\n console.log(\"BalanceView.componentDidMount\");\r\n }\r\n\r\n\r\n isLoggedIn() {\r\n let { model } = this.props;\r\n return model && model.loginResult; // && model.loginResult.isLogedin;\r\n }\r\n\r\n getFundRows(type) {\r\n if (utils.parseBoolean(this.props.model.customer.IsNoShowAccountStatus)) {\r\n if (type != 'balance')\r\n return '';\r\n }\r\n\r\n let { model, isPad } = this.props;\r\n let result = [];\r\n // let moduleCss = this.state.moduleCss; // getModuleCss('accountbriefview', 'common');\r\n let moduleCss = this.getModuleCss('accountbriefview', 'common');\r\n // let defaultCss = this.getModuleCss('default');\r\n\r\n let account = model.selectedAccount;\r\n if (Boolean.parseBoolean(account.IsMultiCurrency)) {\r\n Object.values(account.funds).forEach((item, index) => {\r\n let currency = model.currencies[item.CurrencyID];\r\n\r\n let currencyName = currency.Name;\r\n if (!utils.isEmpty(currency.Alias) && (i18n.language === 'zh_tw' || i18n.language === 'zh_cn')) {\r\n currencyName = currency.Alias;\r\n }\r\n currencyName = (utils.isEmpty(currencyName) ? currency.Code : currencyName);\r\n\r\n if (type === 'balance' && this.state.balanceVisible) {\r\n let balance = parseFloat(item.Balance);\r\n if (balance) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(balance, currency.Decimals)));\r\n }\r\n } else if (type === 'necessary' && this.state.necessaryVisible) {\r\n if (item.Necessary) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(parseFloat(item.Necessary), currency.Decimals)));\r\n }\r\n\r\n } else if (type === 'floating' && this.state.floatingVisible) {\r\n let floating = parseFloat(item.TradePLFloat + item.InterestPLFloat + item.StoragePLFloat);\r\n if (floating) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(floating, currency.Decimals)));\r\n }\r\n\r\n } else if (type === 'notvalueinterest' && this.state.notvalueinterestVisible) {\r\n let notvalued = parseFloat(item.InterestPLNotValued) + parseFloat(item.StoragePLNotValued);\r\n if (notvalued) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(notvalued, currency.Decimals)));\r\n }\r\n\r\n } else if (type === 'equity' && this.state.equityVisible) {\r\n if (item.Equity) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(item.Equity, currency.Decimals)));\r\n }\r\n } else if (type === 'netAsset' && this.state.netAssetVisible) {\r\n if (item.NetAsset) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(item.NetAsset, currency.Decimals)));\r\n }\r\n } else if (type === 'usable' && this.state.usableVisible) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(item.Usable, currency.Decimals)));\r\n\r\n } else if (type === 'pedge' && this.state.pedgeVisible) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(item.PedgeAmount, currency.Decimals)));\r\n\r\n } else if (type === 'paidAmount' && this.state.paidAmountVisible) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(Math.abs(item.PaidPledgeBalance), currency.Decimals)));\r\n } else if (type === 'unpaidAmount' && this.state.unPaidAmountVisible) {\r\n result.push(this.getFundRow(moduleCss, undefined, '', currencyName, utils.formatNumber(item.UnpaidAmount, currency.Decimals)));\r\n }\r\n\r\n });\r\n }\r\n return result;\r\n }\r\n\r\n getFundRow(moduleCss, togglePropName, title, currencyCode, amount, rightArrow) {\r\n if (utils.parseBoolean(this.props.model.customer.IsNoShowAccountStatus)) {\r\n if (togglePropName != 'accountName' && togglePropName != 'balanceVisible')\r\n return '';\r\n }\r\n if (amount == 0 && togglePropName != 'floatingVisible') {\r\n return '';\r\n }\r\n\r\n // let moduleCss = this.getModuleCss('accountbriefview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n let amountClass = (parseFloat(amount) < 0 ? `${moduleCss.fundContent} ${defaultCss.negativeNumber}` : `${moduleCss.fundContent}`);\r\n return \r\n \r\n {t => }\r\n \r\n
\r\n \r\n \r\n \r\n this.setState({ savePassword: e.target.checked })}>{this.state.savePassword ? 'Login.SavePassworded' : 'Login.SavePassword'} \r\n
\r\n\r\n \r\n {isHideAgreement ? '' :
{ this.setState({ iAgreeChecked: !this.state.iAgreeChecked }); this.onIAgreeClick.bind(this)() }} dangerouslySetInnerHTML={{ __html: t('Login.Agreed') }} />
{t('MainView.LoginOrAccountOpening')}
\r\n\r\n \r\n\r\n
\r\n {utils.isEmpty(registerAccountUrl) ? '' : }\r\n {utils.isEmpty(forgotPasswordUrl) ? '' : }\r\n {utils.isEmpty(addToHomeScreenUrl) ? '' : }\r\n\r\n
\r\n\r\n {this.props.children}\r\n togglePropName ? this.toggleProp(togglePropName) : false}>\r\n {title} {currencyCode} {amount}\r\n {rightArrow ? rightArrow : ''}\r\n
\r\n }\r\n\r\n toggleProp(propName) {\r\n let prop = {};\r\n prop[propName] = !this.state[propName];\r\n\r\n this.setState(prop);\r\n }\r\n\r\n getAlertLevelPropmpt() {\r\n switch (this.props.model.selectedAccount.AlertLevel) {\r\n case \"1\": return \"MainView.AlertLevel1Prompt\";\r\n case \"2\": return \"MainView.AlertLevel2Prompt\";\r\n case \"3\": return \"MainView.AlertLevel3Prompt\";\r\n default: return \"MainView.AlertLevel0Prompt\";\r\n }\r\n }\r\n\r\n hasNonePhysicalInstruments() {\r\n let result = false;\r\n if (this.instruments) {\r\n Object.values(this.instruments).forEach((instrument) => {\r\n if (utils.parseBoolean(instrument.IsActive) && !instrument.isPhysical()) {\r\n result = true;\r\n }\r\n });\r\n }\r\n return result;\r\n }\r\n\r\n render() {\r\n let { model, isPad } = this.props;\r\n\r\n if (!model || !model.isTradingDataLoaded) {\r\n return \"\";\r\n }\r\n let moduleCss = this.getModuleCss('accountbriefview', 'common');\r\n let account = model.selectedAccount;\r\n let currency = model.currencies[account.CurrencyID];\r\n let currencyName = currency.Name;\r\n\r\n if (!utils.isEmpty(currency.Alias) && (i18n.language === 'zh_tw' || i18n.language === 'zh_cn')) {\r\n currencyName = currency.Alias;\r\n }\r\n currencyName = (utils.isEmpty(currencyName) ? currency.Code : currencyName);\r\n\r\n let isMultiCurrency = Boolean.parseBoolean(account.IsMultiCurrency);\r\n let rightArrow = (isMultiCurrency ? \r\n {isPad ? this.getFundRow(moduleCss, 'accountName', MainView.AccountName , '', this.props.model.selectedAccount.Name) : ''}\r\n\r\n {this.getFundRow(moduleCss, 'balanceVisible', MainView.Balance , currencyName, utils.formatNumber(parseFloat(account.Balance), currency.Decimals), rightArrow)}\r\n {this.getFundRows('balance')}\r\n\r\n {isNoShowAccountStatus || !account.Necessary ? '' : this.getFundRow(moduleCss, 'necessaryVisible', necessaryTitle, currencyName, utils.formatNumber(parseFloat(account.Necessary), currency.Decimals), rightArrow)}\r\n {isNoShowAccountStatus || !account.Necessary ? '' : this.getFundRows('necessary')}\r\n\r\n {/* MainView.TradePLFloat , currencyName, utils.formatNumber(parseFloat(account.TradePLFloat), currency.Decimals), rightArrow)}\r\n {isNoShowAccountStatus ? '' : this.getFundRows('floating')}\r\n\r\n {isNoShowAccountStatus || !hasInterestPLNotValued ? '' : this.getFundRow(moduleCss, 'notvalueinterestVisible', MainView.TotalUnrealisedSwap , currencyName, utils.formatNumber(parseFloat(account.InterestPLNotValued) + parseFloat(account.StoragePLNotValued), currency.Decimals), rightArrow)}\r\n {isNoShowAccountStatus || !hasInterestPLNotValued ? '' : this.getFundRows('notvalueinterest')}\r\n\r\n {isNoShowAccountStatus ? '' : this.getFundRow(moduleCss, 'equityVisible', MainView.Equity , currencyName, utils.formatNumber(account.Equity, currency.Decimals), rightArrow)}\r\n {isNoShowAccountStatus ? '' : this.getFundRows('equity')}\r\n {isNoShowAccountStatus || !enableNetAsset ? '' : this.getFundRow(moduleCss, 'netAssetVisible', MainView.NetAsset , currencyName, utils.formatNumber(account.NetAsset, currency.Decimals), rightArrow)}\r\n {isNoShowAccountStatus || !enableNetAsset ? '' : this.getFundRows('netAsset')}\r\n\r\n {this.getFundRow(moduleCss, 'usableVisible', MainView.Usable , currencyName, utils.formatNumber(account.Usable, currency.Decimals), rightArrow)}\r\n {this.getFundRows('usable')}\r\n\r\n {this.getFundRow(moduleCss, 'creditVisible', MainView.CreditAmount , currencyName, utils.formatNumber(account.CreditAmount, currency.Decimals))}\r\n {!account.Ratio ? '' : this.getFundRow(moduleCss, 'ratioVisible', MainView.Ratio , currencyName, utils.formatNumber(account.Ratio * 100, currency.Decimals) + '%', '')}\r\n {!account.PaidPledgeBalance ? '' : this.getFundRow(moduleCss, 'paidAmountVisible', MainView.TotalPaidAmount , currencyName, utils.formatNumber(Math.abs(account.PaidPledgeBalance), currency.Decimals), rightArrow)}\r\n {!account.PaidPledgeBalance ? '' : this.getFundRows('paidAmount')}\r\n\r\n {!account.UnpaidAmount ? '' : this.getFundRow(moduleCss, 'unpaidAmountVisible', MainView.TotalUnpaidAmount , currencyName, utils.formatNumber(account.UnpaidAmount, currency.Decimals), rightArrow)}\r\n {!account.UnpaidAmount ? '' : this.getFundRows('unpaidAmount')}\r\n\r\n {!account.PedgeAmount ? '' : this.getFundRow(moduleCss, 'pedgeVisible', MainView.PledgeAmount , currencyName, utils.formatNumber(account.PedgeAmount, currency.Decimals), rightArrow)}\r\n {!account.PedgeAmount ? '' : this.getFundRows('pedge')}\r\n\r\n\r\n
;\r\n\r\n return \r\n MainView.Necessary {account.CurrencyCode} {parseFloat(account.Necessary).toFixed(currency.Decimals)}{rightArrow}\r\n
*/}\r\n {isNoShowAccountStatus ? '' : this.getFundRow(moduleCss, 'floatingVisible', \r\n MainView.AlertLevel \r\n {this.getAlertLevelPropmpt()} \r\n
\r\n \r\n\r\n {this.isLoggedIn() ? fundComponent : ''}\r\n\r\n\r\n {this.props.children}\r\n {!isPad ? : ''}\r\n
\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { Trans, withTranslation } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\n// import { Button, InputNumber, Checkbox, Input } from 'antd';\r\nimport { CaretRightOutlined } from '@ant-design/icons';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport BalanceView from './balanceview';\r\nimport { CooKey } from \"../../common/const\"\r\nimport * as utils from '../../common/utils.js';\r\n\r\n// import blackCss from \"../style/black/accountbriefview.module.css\";\r\n// import whiteCss from \"../style/white/accountbriefview.module.css\";\r\n\r\nclass AccountBriefView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n console.log('AccountBriefView.ctor');\r\n }\r\n\r\n componentDidMount() {\r\n let { model } = this.props;\r\n if (!model || !model.loginResult || !model.selectedAccount) {\r\n this.goto('/login');\r\n return ;\r\n } else {\r\n this.setState({ hasPhysicalInstruments: model.hasPhysicalInstruments(), hasForexInstruments: model.hasForexInstruments() });\r\n }\r\n }\r\n\r\n\r\n isLoggedIn() {\r\n let { model } = this.props;\r\n return model && model.isLogedin();\r\n }\r\n\r\n render() {\r\n let { model } = this.props;\r\n if (!model || !model.loginResult || !model.selectedAccount) {\r\n this.goto('/login');\r\n return ;\r\n }\r\n let account = model.selectedAccount;\r\n let moduleCss = this.getModuleCss('accountbriefview', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n\r\n let enableFund = true;\r\n if (Boolean.parseBoolean(model.customer.IsEmployee)) {\r\n enableFund = Boolean.parseBoolean(model.selectedAccount.AllowSalesPayment) || Boolean.parseBoolean(model.selectedAccount.AllowSalesDeposit);\r\n }\r\n // else if (model.customer.Id != model.selectedAccount.CustomerId) {\r\n // enableFund = false;\r\n // }\r\n let loginResult = model.loginResult;\r\n\r\n let userInfoComponent = \r\n \r\n {model.selectedAccount.Code} \r\n {model.selectedAccount.Name} \r\n \r\n
;\r\n\r\n let loginButtonComponent = \r\n \r\n \r\n
;\r\n let currency = model.currencies[account.CurrencyID];\r\n let isNoShowAccountStatus = utils.parseBoolean(this.props.model.customer.IsNoShowAccountStatus);\r\n return \r\n {!this.props.isPad ? (
\r\n }\r\n\r\n onLoginClick() {\r\n utils.removeCookie(CooKey.Login);\r\n this.props.history.push('/login');\r\n }\r\n\r\n onLogoutClick() {\r\n window.history.pushState(null, null, '#/login');\r\n window.history.replaceState(undefined, undefined, '#/login');\r\n this.props.onLogout('/login');\r\n\r\n // window.onpopstate = function () {\r\n // window.history.go(1);\r\n // };\r\n\r\n // try {\r\n // browser.history.deleteAll();\r\n // } catch (ex) {\r\n\r\n // }\r\n // utils.removeCookie(CooKey.Login, true);\r\n // this.props.commService.logout(() => {\r\n // this.goto('/login');\r\n // window.location.reload();\r\n // }); \r\n }\r\n\r\n gotoView(url) {\r\n if (this.isLoggedIn()) {\r\n this.props.history.push(url);\r\n } else {\r\n utils.removeCookie(CooKey.Login);\r\n this.goto('/login');\r\n }\r\n }\r\n\r\n onOpenOrderClick() {\r\n this.gotoView('/openposition');\r\n }\r\n\r\n onTodayExecuteClick() {\r\n let model = this.props.model;\r\n // this.props.commService.queryOrder(model.selectedAccount.Id, '', \"1\", \"0\", this.todayExecuteCallback.bind(this));\r\n this.gotoView('/todayexecute');\r\n }\r\n\r\n todayExecuteCallback(jsonMessage) {\r\n let data = JSON.parse(jsonMessage);\r\n let ordersGroupedByInstrument = {};\r\n if (data.Result.content_result.OrderQueryResults != null) {\r\n let model = this.props.model;\r\n let orders = data.Result.content_result.OrderQueryResults.OrderQueryResult;\r\n let instruments = [];\r\n orders.forEach((order, index) => {\r\n let group = ordersGroupedByInstrument[order.InstrumentCode];\r\n if (!group) {\r\n group = [];\r\n ordersGroupedByInstrument[order.InstrumentCode] = group;\r\n }\r\n group.push(order);\r\n });\r\n\r\n // this.setState({ordersGroupedByInstrument: ordersGroupedByInstrument});\r\n this.props.model.viewData_TodayExecuteView = ordersGroupedByInstrument;\r\n this.gotoView('/todayexecute');\r\n }\r\n }\r\n\r\n\r\n onTodayPendingClick() {\r\n this.gotoView('/pendingorder');\r\n }\r\n\r\n onOrderQueryClick() {\r\n this.gotoView('/orderquery');\r\n }\r\n\r\n onMarginTitleClick() {\r\n this.gotoView('/fund');\r\n }\r\n\r\n onReportTitleClick() {\r\n this.gotoView('/report');\r\n }\r\n\r\n}\r\n\r\n\r\nexport default withRouter(AccountBriefView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { message as antMessage, Button } from 'antd';\r\nimport { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\nimport * as utils from '../../common/utils.js';\r\nimport { CooKey } from '../../common/const';\r\n\r\nclass ChangePasswordView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n console.log('ChangePasswordView.ctor');\r\n this.state = {\r\n oldPassword: '',\r\n oldPasswordMask: true,\r\n newPasswordMask: true,\r\n confirmPasswordMask: true\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n console.log('ChangePasswordView.componentDidMount');\r\n this.setState({ oldPassword: '' });\r\n }\r\n\r\n setProp(name, value) {\r\n // console.log('ChangePasswordView.setProp', name, value);\r\n let data = {};\r\n data[name] = value;\r\n this.setState(data);\r\n }\r\n\r\n onSubmitClick() {\r\n let { model, isPad } = this.props;\r\n if (this.state.oldPassword == this.state.newPassword) {\r\n antMessage.info(\r\n {isNoShowAccountStatus ? '' :
}\r\n\r\n {!this.isLoggedIn() ? '' :\r\n this.onOpenOrderClick()} style={{ display: loginResult && loginResult.UserId ? 'inline-block' : 'none' }} >\r\n \r\n
}\r\n\r\n {MainView.OpenOrderTitle }
\r\n this.onTodayExecuteClick()}>\r\n \r\n
\r\n\r\n {MainView.TodayExecuteTitle }
\r\n this.onTodayPendingClick()}>\r\n \r\n
\r\n\r\n {MainView.TodayPendingTitle }
\r\n this.onOrderQueryClick()}>\r\n \r\n
\r\n\r\n {!enableFund ? '' : {MainView.OrderQueryTitle }
\r\n this.onMarginTitleClick()}>\r\n \r\n
}\r\n\r\n {MainView.MarginTitle }
\r\n this.onReportTitleClick()}>\r\n \r\n
\r\n {MainView.ReportTitle }
\r\n \r\n MainView.FundStatus \r\n \r\n
\r\n }\r\n\r\n\r\n\r\n {this.props.children}\r\n \r\n {!this.props.isPad ? (DialogWindow.ChangePassword_OldPassword \r\n { console.log('textBox change'); this.setProp('oldPassword', e.target.value) }} /> this.setState({ oldPasswordMask: !this.state.oldPasswordMask })}> {this.state.oldPasswordMask ? DialogWindow.ChangePassword_NewPassword this.setProp('newPassword', e.target.value)}> this.setState({ newPasswordMask: !this.state.newPasswordMask })}> {this.state.newPasswordMask ? DialogWindow.ChangePassword_ConfirmPassword this.setProp('confirmPassword', e.target.value)}> this.setState({ confirmPasswordMask: !this.state.confirmPasswordMask })}> {this.state.confirmPasswordMask ? {isPasswordExpired ? \"DialogWindow.ActivateAccount_Header_ByPasswordExpired\" : \"DialogWindow.ActivateAccount_Header\"} : ''}\r\n\r\n \r\n
\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(ChangePasswordView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Button } from 'antd';\r\n\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport { OrderType, InstrumentStatus } from '../../common/const';\r\nimport * as utils from '../../common/utils.js';\r\nimport TitleBarView from '../titlebarview';\r\n\r\n\r\nclass OpenContractView extends BaseView {\r\n\r\n componentDidMount() {\r\n console.log('OpenContractView.componentDidMount');\r\n let model = this.props.model;\r\n if (model !== undefined && model.placingData.selectedOrders !== undefined && model.placingData.selectedOrders.length > 0) {\r\n\r\n if (parseFloat(model.placingData.selectedOrders[0].LotBalance) === 0) {\r\n this.goBack();\r\n }\r\n else {\r\n let instruments = model.instruments;\r\n let selectOrder = model.placingData.selectedOrders[0];\r\n let instrument = instruments[selectOrder.Transaction.InstrumentID];\r\n let openPositions = Object.values(instrument.openPositions);\r\n openPositions.forEach((order, index) => {\r\n order.isSelected = false;\r\n });\r\n selectOrder.isSelected = true;\r\n }\r\n }\r\n\r\n\r\n }\r\n\r\n onPlacingButtonClick(orderType) {\r\n // this.props.model.placingData.selectedOrders[0];\r\n this.props.model.placingData.orderType = orderType;\r\n\r\n // this.props.history.push('/closeorder');\r\n this.goto('/closeorder');\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.model === undefined || this.props.model.placingData === undefined || this.props.model.placingData.selectedOrders === undefined) {\r\n this.goto('/');\r\n return ;\r\n }\r\n\r\n let { model } = this.props;\r\n let moduleCss = this.getModuleCss('openpositionview', 'common');\r\n\r\n let order = undefined;\r\n let instrumentCode = '';\r\n let instruments = this.props.model.instruments;\r\n let interestRate = 0;\r\n let canPlaceDqOrder = false;\r\n let canPlaceLimitOrder = false;\r\n let isMarket = false; // orderTypes.indexOf(OrderType.Market) >= 0;\r\n let currency = undefined;\r\n\r\n if (model.placingData.selectedOrders !== undefined && this.props.model.placingData.selectedOrders.length > 0) {\r\n order = model.placingData.selectedOrders[0];\r\n\r\n let instrument = instruments[order.Transaction.InstrumentID];\r\n let orderTypes = instrument.getAvailableOrderTypes();\r\n isMarket = orderTypes.indexOf(OrderType.Market) >= 0;\r\n\r\n instrumentCode = instrument.Description;\r\n if (instrument.status == InstrumentStatus.DayOpen || instrument.status == InstrumentStatus.SessionOpen) {\r\n if (model.canPlaceOrder(model.selectedAccount, instrument, OrderType.SpotTrade) || model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Market)) {\r\n canPlaceDqOrder = true;\r\n }\r\n }\r\n\r\n model.getMaxCloseLot(instrument, order, OrderType.Limit);\r\n if (model.canPlaceOrder(model.selectedAccount, instrument, OrderType.Limit)) {\r\n canPlaceLimitOrder = true;\r\n if (order.allowedCloseLot_LimitOrStop == 0) {\r\n canPlaceLimitOrder = false;\r\n }\r\n }\r\n\r\n\r\n let account = model.accounts[order.Transaction.AccountID];\r\n let tradePolicyDetail = account.TradePolicyDetails[instrument.Id];\r\n let isBuy = (order && utils.parseBoolean(order.IsBuy));\r\n let interestRatePolicy = model.interestRates[tradePolicyDetail.InterestRateId];\r\n interestRate = isBuy ? interestRatePolicy.Buy : interestRatePolicy.Sell;\r\n\r\n if (Boolean.parseBoolean(model.selectedAccount.IsMultiCurrency)) {\r\n currency = model.currencies[instrument.CurrencyId];\r\n // this.Decimals = currency.Decimals;\r\n }\r\n else {\r\n currency = model.currencies[model.selectedAccount.CurrencyId];\r\n }\r\n }\r\n\r\n let enableRebate = utils.parseBoolean(model.config.getValue('enableRebate', \"false\"));\r\n let commission = (order.Commission > 0 ? order.Commission : 0);\r\n let levy = (order.Levy > 0 ? order.Levy : 0);\r\n let rebate = utils.formatNumber(Math.abs((order.Commission < 0 ? order.Commission : 0) + (order.Levy < 0 ? order.Levy : 0)), currency.Decimals);\r\n let enableInterest = utils.parseBoolean(model.config.getValue('enableInterest', \"true\"));\r\n return \r\n {!this.props.isPad ? (DialogWindow.OrderCode {order === undefined ? '' : order.Code}\r\n DialogWindow.InstrumentCode {instrumentCode}\r\n DialogWindow.BuyOrSell {Boolean.parseBoolean(order.IsBuy) ? (MainView.Buy ) : (MainView.Sell )}\r\n DialogWindow.Quantity {order === undefined ? '' : parseFloat(order.LotBalance)}\r\n DialogWindow.ExecutePrice {order === undefined ? '' : order.ExecutePrice}\r\n DialogWindow.ExecuteTime {order === undefined ? '' : order.Transaction.ExecuteTime}\r\n DialogWindow.ContractSize {order === undefined ? '' : parseFloat(order.Transaction.ContractSize)}\r\n {!enableInterest ? '' : DialogWindow.InterestRate {order === undefined ? '' : interestRate}}\r\n MainListView.CommissionSum {order === undefined ? '' : utils.formatNumber(order.EstimateCloseCommission, currency.Decimals)}\r\n {!enableRebate ? '' : DialogWindow.Rebate {order === undefined ? '' : rebate}}\r\n\r\n {!order.pendingLimitClosedLot ? '' : DialogWindow.Pending (DialogWindow.LMT ){order.pendingLimitClosedLot} X {order.pendingLimitAvgPrice}}\r\n {!order.pendingStopClosedLot ? '' : DialogWindow.Pending (DialogWindow.STP ){order.pendingStopClosedLot} X {order.pendingStopAvgPrice}}\r\n\r\n { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n\r\n\r\n\r\n}\r\n\r\nexport default withRouter(OpenContractView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Spin, message as antMessage } from 'antd';\r\n\r\n// import moduleCss from \"../../style/todayexecute.module.css\";\r\n\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { Phase, TradeOption, OrderDetailViewType } from '../../common/const.js';\r\n// import BottomBar from './bottombar';\r\n\r\n\r\n\r\nclass PendingOrderView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = { ordersGroupedByInstrument: {} };\r\n }\r\n\r\n componentDidMount() {\r\n console.log('PendingOrderView.componentDidMount');\r\n // this.getData();\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.model) {\r\n this.props.model.viewData_PendingOrderView = undefined;\r\n }\r\n }\r\n\r\n getData() {\r\n let viewData_PendingOrderView = {};\r\n if (this.props.model && this.props.model.instruments) {\r\n let instruments = this.props.model.instruments;\r\n for (let instrumentId in instruments) {\r\n let instrument = instruments[instrumentId];\r\n if (instrument.orders) {\r\n Object.values(instrument.orders).forEach((order, index) => {\r\n let phase = parseInt(order.Transaction.Phase);\r\n if (parseInt(order.TradeOption) !== TradeOption.Invalid && (phase === Phase.Placed || phase === Phase.Placing)) {\r\n let orderDate = order.Transaction.SubmitTime.substring(0, 10);\r\n let key = instrument.Code + orderDate;\r\n let group = viewData_PendingOrderView[key];\r\n if (!group) {\r\n group = [];\r\n group['instrumentCode'] = instrument.Description;\r\n group['date'] = orderDate;\r\n viewData_PendingOrderView[key] = group;\r\n }\r\n group.push(order);\r\n }\r\n });\r\n }\r\n } // end of for instrument\r\n // this.props.model.viewData_PendingOrderView = viewData_PendingOrderView;\r\n // this.forceUpdate();\r\n return viewData_PendingOrderView;\r\n }\r\n\r\n }\r\n\r\n\r\n render() {\r\n if (this.props.model === undefined) {\r\n this.goto('/');\r\n return ;\r\n }\r\n\r\n // console.info('openpositionView.render'); \r\n let { model } = this.props;\r\n\r\n let orderGroups = [];\r\n let viewData_PendingOrderView = this.getData(); // this.props.model.viewData_PendingOrderView;\r\n let moduleCss = this.getModuleCss('PendingOrderView', 'common');\r\n let defaultCss = this.getModuleCss('default');\r\n if (viewData_PendingOrderView) {\r\n let instrumentCodes = Object.keys(viewData_PendingOrderView).sort((a, b) => b.localeCompare(a)).reverse();\r\n if (instrumentCodes && instrumentCodes.length > 0) {\r\n instrumentCodes.forEach((key, i1) => {\r\n let todayOrders = viewData_PendingOrderView[key].reverse();\r\n orderGroups.push(\r\n \r\n \r\n
\r\n\r\n {/* {todayOrders['instrumentCode']} {todayOrders['date']}
);\r\n\r\n todayOrders.forEach((order, index) => {\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n let isOpen = Boolean.parseBoolean(order.IsOpen);\r\n orderGroups.push( this.onPendingOrderClick(order)}>\r\n\r\n {isBuy ? 'MainView.Buy' : 'MainView.Sell'} \r\n {isOpen ? \"DialogWindow.OpenOrder\" : \"DialogWindow.CloseOrder\"} \r\n {utils.getPhaseLanguageKey(order.Phase)} \r\n\r\n
);\r\n });\r\n\r\n });\r\n }\r\n }\r\n\r\n return {parseFloat(order.Lot)}
\r\n {order.SetPrice}
\r\n {order.Transaction.SubmitTime.substring(11, 19)}
\r\n \r\n {!this.props.isPad ? ( { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n\r\n onPendingOrderClick(order) {\r\n let { model, isPad } = this.props;\r\n model.placingData.selectedOrders = [order];\r\n model.placingData.orderDetailViewType = OrderDetailViewType.Modify;\r\n if (isPad) {\r\n this.props.onRoutePathChange('pendingorderdetail');\r\n } else {\r\n \r\n this.goto('/pendingorderdetail');\r\n }\r\n }\r\n\r\n handleGoBack() {\r\n this.props.history.goBack();\r\n }\r\n\r\n\r\n}\r\n\r\nexport default withRouter(PendingOrderView);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { message as antMessage, Button, Checkbox, Modal } from 'antd';\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport InputNumberComponent from '../inputnumbercomponent';\r\nimport { TransactionType, TransactionSubType, OrderType, TradeOption, LimitOrStop, BuySell, InstrumentCategory, Phase, OrderDetailViewType, PhysicalTradeSide, PhysicalInstalmentType, RecalculateRateType, getEnumLangaugeKey } from '../../common/const';\r\nimport { getOrderTypeLanguageKey } from '../../model/orderHelper.js';\r\nimport { getCancelReasonLanguageKey } from '../../model/cancelReasonHelper.js';\r\nimport TitleBarView from '../titlebarview';\r\n\r\nimport * as utils from '../../common/utils.js';\r\nimport { getPendingPriceSetting } from '../../model/placingpricesetting';\r\n\r\nclass PendingOrderDetailView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n this.state = { modalVisible: false };\r\n }\r\n\r\n componentDidMount() {\r\n console.log('PendingOrderDetailView.componentDidMount');\r\n }\r\n\r\n\r\n onModifyOrderClick() {\r\n this.goto('/pendingordermodify');\r\n }\r\n\r\n onCancelOrderClick() {\r\n let { model } = this.props;\r\n let order = model.placingData.selectedOrders[0];\r\n\r\n model.commService.cancel(order.Transaction.ID, order.Transaction.AccountID, (e) => {\r\n console.log(e);\r\n try {\r\n let transactionError = JSON.parse(e).Result.content_result.transactionError;\r\n if (transactionError != 'OK') {\r\n utils.logError(\r\n DialogWindow.BuyOrSell \r\n DialogWindow.OpenCloseOrder \r\n DialogWindow.Quantity \r\n DialogWindow.Price \r\n DialogWindow.SubmitTime \r\n MainView.Phase \r\n
\r\n \r\n {viewData_PendingOrderView ? '' :
\r\n {/* \r\n {!modifyVisible || isWorkingList ? '' : }\r\n {!cancelVisible || isWorkingList ? '' : }\r\n {!this.canClearWorkingList() ? '' : }\r\n
;\r\n }\r\n\r\n render() {\r\n let { model, isPad } = this.props;\r\n\r\n // if (model === undefined || model.placingData === undefined || model.placingData.selectedOrders === undefined) {\r\n // this.goto('/');\r\n // return ;\r\n // }\r\n\r\n let moduleCss = this.getModuleCss('openpositionview', 'common');\r\n\r\n let order = model.placingData.selectedOrders[0];\r\n let instrument = model.instruments[order.Transaction.InstrumentID];\r\n let account = model.accounts[order.Transaction.AccountID];\r\n let tradePolicy = account.TradePolicyDetails[instrument.Id];\r\n\r\n let instrumentCode = instrument.Description;\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n let isOpen = Boolean.parseBoolean(order.IsOpen);\r\n let currency = model.currencies[Boolean.parseBoolean(account.IsMultiCurrency) ? instrument.CurrencyId : account.CurrencyId];\r\n let phase = parseInt(order.Transaction.Phase);\r\n let isTradingAllowed = model.allowTrading(account); // Boolean.parseBoolean(account.IsTradingAllowed) && !Boolean.parseBoolean(model.customer.DisallowTrade);\r\n let modifyDisabled = (phase !== Phase.Placed && phase !== Phase.Placing && !isTradingAllowed);\r\n let canPlaceOrder = model.canPlaceOrder(account, instrument, order.Transaction.OrderType);\r\n if (canPlaceOrder && (order.Transaction.Type == TransactionType.OneCancelOther)) {\r\n canPlaceOrder = model.canPlaceOcoOrder(instrument, isOpen);\r\n }\r\n let modifyVisible = canPlaceOrder && (phase === Phase.Placed && isTradingAllowed && Boolean.parseBoolean(tradePolicy.ChangePlacedOrderAllowed));\r\n let cancelVisible = isTradingAllowed && (phase === Phase.Placed || phase === Phase.Placing);\r\n\r\n let priceRows = [];\r\n let orderTypeText = getOrderTypeLanguageKey(order); // (order.TradeOption == TradeOption.Better ? \"MainView.OrderType_Limit\" : \"MainView.OrderType_Stop\");\r\n if (order.Transaction.Type == TransactionType.OneCancelOther) {\r\n // orderTypeText = (order.TradeOption == TradeOption.Better ? \"MainView.LimitOfOCO\" : \"MainView.StopOfOCO\");\r\n if (instrument.workingList) {\r\n Object.values(instrument.workingList).forEach((ocoOrder) => {\r\n if (ocoOrder.Transaction.ID == order.Transaction.ID && (ocoOrder.Phase == Phase.Placed || ocoOrder.Phase == Phase.Placing)) {\r\n if (parseInt(ocoOrder.TradeOption) === TradeOption.Better) {\r\n priceRows.push({utils.format(\"{0}x{1}x{2}\", relation.OpenOrderExecuteTime.substring(0, 10), relation.ClosedLot, relation.OpenOrderExecutePrice)}
);\r\n } else {\r\n let openOrder = instrument.orders[relation.OpenOrderID];\r\n if (openOrder) {\r\n let time = (utils.isEmpty(openOrder.Transaction.ExecuteTime) ? openOrder.Transaction.SubmitTime : openOrder.Transaction.ExecuteTime);\r\n let price = (utils.isEmpty(openOrder.ExecutePrice) ? openOrder.SetPrice : openOrder.ExecutePrice);\r\n openOrderInfo.push({utils.format(\"{0}x{1}x{2}\", time.substring(0, 10), relation.ClosedLot, price)}
);\r\n } else {\r\n openOrderInfo.push(); // done order price is empty\r\n }\r\n }\r\n });\r\n }\r\n let remark = '';\r\n if (order.Phase == Phase.Canceled) {\r\n remark = getCancelReasonLanguageKey(order.CancelReason);\r\n }\r\n\r\n let physicalRows = [];\r\n if (parseInt(instrument.Category) === InstrumentCategory.Physical && instrument.physicalInventory) {\r\n physicalRows = [\r\n {!this.props.isPad ? (DialogWindow.OrderCode {order.Code}\r\n DialogWindow.InstrumentCode {instrumentCode}\r\n DialogWindow.BuyOrSell {isBuy ? \"MainView.Buy\" : \"MainView.Sell\"} \r\n DialogWindow.Quantity {order.Lot}\r\n DialogWindow.OpenCloseOrder {isOpen ? \"DialogWindow.OpenOrder\" : \"DialogWindow.CloseOrder\"} \r\n\r\n {/* DialogWindow.Price {order.SetPrice} */}\r\n {priceRows}\r\n\r\n {(model.placingData.orderDetailViewType == OrderDetailViewType.Modify) ? \"DialogWindow.TimeStamp\" : \"DialogWindow.SubmitTime\"} {order.Transaction.SubmitTime}\r\n DialogWindow.EndTime {order.Transaction.EndTime}\r\n DialogWindow.OrderType {orderTypeText} \r\n DialogWindow.Currency {currency.Code}\r\n DialogWindow.Commission {commission}\r\n {!enableRebate ? '' : DialogWindow.Rebate {rebate} }\r\n DialogWindow.Levy {levy}\r\n\r\n {!priceDoneLimit ? '' : DialogWindow.IfDone (DialogWindow.Limit ){priceDoneLimit}}\r\n {!priceDoneStop ? '' : DialogWindow.IfDone (DialogWindow.Stop ){priceDoneStop}}\r\n {openOrderInfo.length === 0 ? '' : DialogWindow.OpenPositions {openOrderInfo}}\r\n\r\n {physicalRows}\r\n DialogWindow.Remarks {utils.isInteger(remark) ? '[' + remark.toString() + ']' : {remark} } \r\n\r\n {this.getToolbar(moduleCss, modifyVisible, modifyDisabled, cancelVisible)}\r\n\r\n {/* {this.props.model.placingData.hideToolbarOnOrderDetail ? '' : { this.bottomBarComponent = ref;}} /> */}\r\n\r\n this.setState({ modalVisible: false })} afterClose={() => document.body.style.overflow = \"auto\"} footer={null}>\r\n\r\n \r\n
\r\n }\r\n\r\n\r\n}\r\n\r\nclass PendingOrderModifyView extends BaseView {\r\n constructor(props) {\r\n super(props);\r\n console.log(\"PendingOrderModifyView.ctor\");\r\n\r\n let { model } = props;\r\n if (!model || !model.placingData) return;\r\n\r\n let order = model.placingData.selectedOrders[0];\r\n let instrument = model.instruments[order.Transaction.InstrumentID];\r\n\r\n let state = {\r\n order: order,\r\n instrument: instrument\r\n };\r\n\r\n if (order.Transaction.Type == TransactionType.OneCancelOther) {\r\n state.ocoChecked = true;\r\n utils.forceToArray(order.Transaction.Orders.Order).forEach((o) => {\r\n this.setStatePrice(o, state);\r\n if (instrument.workingList) {\r\n Object.values(instrument.workingList).forEach((doneOrder) => {\r\n if (doneOrder.Transaction.AssigningOrderID == o.ID && (doneOrder.Phase == Phase.Placed || doneOrder.Phase == Phase.Placing)) {\r\n this.setStateDonePrice(o, doneOrder, state);\r\n state.ifDoneChecked = true;\r\n }\r\n });\r\n }\r\n\r\n });\r\n } else {\r\n this.setStatePrice(order, state);\r\n if (instrument.workingList) {\r\n Object.values(instrument.workingList).forEach((doneOrder) => {\r\n if (doneOrder.Transaction.AssigningOrderID == order.ID && (doneOrder.Phase == Phase.Placed || doneOrder.Phase == Phase.Placing)) {\r\n this.setStateDonePrice(order, doneOrder, state);\r\n state.ifDoneChecked = true;\r\n }\r\n });\r\n }\r\n }\r\n state.limitPriceOfOrder = state.limitPrice; // limitPrice will changed between order.setPrice and instrument ask/bid on checkbox checked\r\n state.limitPriceDoneLimitOfOrder = state.limitPriceDoneLimit;\r\n state.limitPriceDoneStopOfOrder = state.limitPriceDoneStop;\r\n\r\n state.stopPriceOfOrder = state.stopPrice;\r\n state.stopPriceDoneLimitOfOrder = state.stopPriceDoneLimit;\r\n state.stopPriceDoneStopOfOrder = state.stopPriceDoneStop;\r\n\r\n this.state = state;\r\n }\r\n\r\n setStatePrice(order, state) {\r\n if (order.TradeOption == TradeOption.Better) {\r\n state.limitPrice = order.SetPrice;\r\n } else if (order.TradeOption == TradeOption.Stop) {\r\n state.stopPrice = order.SetPrice;\r\n }\r\n }\r\n\r\n setStateDonePrice(ifOrder, order, state) {\r\n let prefix = (ifOrder.TradeOption == TradeOption.Better ? 'limitPrice' : 'stopPrice');\r\n if (order.TradeOption == TradeOption.Better) {\r\n state[prefix + 'DoneLimit'] = order.SetPrice;\r\n } else if (order.TradeOption == TradeOption.Stop) {\r\n state[prefix + 'DoneStop'] = order.SetPrice;\r\n }\r\n }\r\n\r\n\r\n setStateProp(propName, propValue) {\r\n if (propName.endsWith('Price') && propValue == '') { // price input cleared\r\n return;\r\n }\r\n let { model } = this.props;\r\n let prop = {};\r\n prop[propName] = propValue;\r\n\r\n if (propName == \"ifDoneChecked\" && !propValue) {\r\n prop[\"limitPriceDoneLimitChecked\"] = false;\r\n prop[\"limitPriceDoneStopChecked\"] = false;\r\n prop[\"stopPriceDoneLimitChecked\"] = false;\r\n prop[\"stopPriceDoneStopChecked\"] = false;\r\n\r\n delete this.state.limitPriceDoneLimit;\r\n delete this.state.limitPriceDoneStop;\r\n\r\n delete this.state.stopPriceDoneLimit;\r\n delete this.state.stopPriceDoneStop;\r\n }\r\n\r\n let order = this.state.order;\r\n let instrument = this.state.instrument;\r\n let isBuy = Boolean.parseBoolean(order.IsBuy);\r\n let isNormal = Boolean.parseBoolean(instrument.IsNormal);\r\n // let basePrice = (isBuy === isNormal ? instrument.quotation.Ask : instrument.quotation.Bid);\r\n let isOpen = Boolean.parseBoolean(order.IsOpen);\r\n let canPlaceOcoOrder = model.canPlaceOcoOrder(instrument, isOpen);\r\n if (canPlaceOcoOrder) {\r\n if ((propName == \"limitPriceChecked\" && !utils.isEmpty(this.state.stopPrice))\r\n || (propName == \"stopPriceChecked\" && !utils.isEmpty(this.state.limitPrice))) {\r\n this.state.ocoChecked = propValue;\r\n }\r\n } else {\r\n this.state.ocoChecked = false;\r\n if ((propName == \"limitPriceChecked\" && utils.isEmpty(this.state.limitPrice))\r\n || (propName == \"stopPriceChecked\" && utils.isEmpty(this.state.stopPrice))) {\r\n return;\r\n }\r\n }\r\n\r\n if (propName == \"limitPriceChecked\") {\r\n this.setLimitStopPriceProp(prop, instrument, isBuy, isNormal, LimitOrStop.Limit, propValue);\r\n }\r\n if (propName == \"limitPriceDoneLimitChecked\") {\r\n this.setDonePriceProp(prop, instrument, isBuy, LimitOrStop.Limit, LimitOrStop.Limit, propValue);\r\n }\r\n if (propName == \"limitPriceDoneStopChecked\") {\r\n this.setDonePriceProp(prop, instrument, isBuy, LimitOrStop.Limit, LimitOrStop.Stop, propValue);\r\n }\r\n\r\n if (propName == \"stopPriceChecked\") {\r\n this.setLimitStopPriceProp(prop, instrument, isBuy, isNormal, LimitOrStop.Stop, propValue);\r\n }\r\n if (propName == \"stopPriceDoneLimitChecked\") {\r\n this.setDonePriceProp(prop, instrument, isBuy, LimitOrStop.Stop, LimitOrStop.Limit, propValue);\r\n }\r\n if (propName == \"stopPriceDoneStopChecked\") {\r\n this.setDonePriceProp(prop, instrument, isBuy, LimitOrStop.Stop, LimitOrStop.Stop, propValue);\r\n }\r\n\r\n this.setState(prop);\r\n\r\n console.log(propName, propValue);\r\n return true;\r\n }\r\n\r\n setLimitStopPriceProp(prop, instrument, isBuy, isNormal, limitOrStop, checked) {\r\n //if (propName == \"limitPriceChecked\") {\r\n let basePrice = (isBuy === isNormal ? instrument.quotation.Ask : instrument.quotation.Bid);\r\n let priceSetting = getPendingPriceSetting(this.props.model, instrument, basePrice, 0, limitOrStop, isBuy ? BuySell.Buy : BuySell.Sell, false);\r\n let pricePropName = (limitOrStop == LimitOrStop.Limit ? \"limitPrice\" : \"stopPrice\");\r\n prop[pricePropName] = checked ? priceSetting.default : this.state[pricePropName + \"OfOrder\"];\r\n if (!checked) {\r\n prop[pricePropName + \"DoneLimitChecked\"] = false;\r\n prop[pricePropName + \"DoneStopChecked\"] = false;\r\n }\r\n\r\n let doneLimitPricePropName = pricePropName + \"DoneLimit\";\r\n let doneStopPricePropName = pricePropName + \"DoneStop\";\r\n prop[doneLimitPricePropName] = !this.state[doneLimitPricePropName + 'Checked'] ? this.state[doneLimitPricePropName + 'OfOrder'] : getPendingPriceSetting(this.props.model, instrument, prop[pricePropName] ? prop[pricePropName] : this.state[pricePropName], 0, LimitOrStop.Limit, !isBuy ? BuySell.Buy : BuySell.Sell, true).default;\r\n prop[doneStopPricePropName] = !this.state[doneStopPricePropName + 'Checked'] ? this.state[doneStopPricePropName + 'OfOrder'] : getPendingPriceSetting(this.props.model, instrument, prop[pricePropName] ? prop[pricePropName] : this.state[pricePropName], 0, LimitOrStop.Stop, !isBuy ? BuySell.Buy : BuySell.Sell, true).default;\r\n //}\r\n }\r\n\r\n setDonePriceProp(prop, instrument, isBuy, ifOrderLimitOrStop, doneOrderLimitOrStop, checked) {\r\n let ifPricePropName = (ifOrderLimitOrStop == LimitOrStop.Limit ? \"limitPrice\" : \"stopPrice\");\r\n let donePricePropName = ifPricePropName + 'Done' + (doneOrderLimitOrStop == LimitOrStop.Limit ? \"Limit\" : \"Stop\"); // limitPriceDoneLimit\r\n //if (propName == \"limitPriceDoneLimitChecked\") {\r\n prop[donePricePropName + 'Checked'] = (this.state[ifPricePropName + 'Checked'] ? checked : false);\r\n prop[donePricePropName] = !checked ? this.state[donePricePropName + 'OfOrder'] : getPendingPriceSetting(this.props.model, instrument, prop[ifPricePropName] ? prop[ifPricePropName] : this.state[ifPricePropName], 0, doneOrderLimitOrStop, !isBuy ? BuySell.Buy : BuySell.Sell, true).default;\r\n //}\r\n\r\n // if (propName == \"limitPriceDoneStopChecked\") {\r\n // prop[propName] = (this.state.limitPriceChecked ? propValue : false);\r\n // prop[\"limitPriceDoneStop\"] = !propValue ? this.state.limitPriceDoneStopOfOrder : getPendingPriceSetting(this.props.model, instrument, prop[\"limitPrice\"] ? prop[\"limitPrice\"] : this.state.limitPrice, 0, LimitOrStop.Stop, !isBuy ? BuySell.Buy : BuySell.Sell, true).default;\r\n // }\r\n }\r\n\r\n getRowComponent(moduleCss, stateProp, checkBoxContent, priceSetting) {\r\n let { model } = this.props;\r\n let inputRow = !priceSetting ? '' : \r\n {!modifyVisible ? '' : }\r\n \r\n
} */}\r\n\r\n {/* \r\n
\r\n\r\n \r\n DialogWindow.ConfirmCancelOrder \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n {!this.props.isPad ? ( { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n}\r\n\r\nlet pendingOrderDetailView = withRouter(PendingOrderDetailView)\r\nlet pendingOrderModifyView = withRouter(PendingOrderModifyView)\r\nexport { pendingOrderDetailView as PendingOrderDetailView, pendingOrderModifyView as PendingOrderModifyView };\r\n","import { CancelReason } from '../common/const.js';\r\n// import * as utils from '../common/utils.js';\r\n\r\nexport function getCancelReasonLanguageKey(cancelReason) {\r\n cancelReason = parseInt(cancelReason);\r\n console.log('getCancelReasonLanguageKey()');\r\n let message = \"\";\r\n if (cancelReason == CancelReason.ExceedOpenLotBalance) {\r\n message = \"DialogWindow.TransactionError_ExceedOpenLotBalance\";\r\n }\r\n else if (cancelReason == CancelReason.InvalidPrice) {\r\n message = \"DialogWindow.TransactionError_InvalidPrice\";\r\n }\r\n else if (cancelReason == CancelReason.AccountIsNotTrading) {\r\n message = \"DialogWindow.TransactionError_AccountIsNotTrading\";\r\n }\r\n else if (cancelReason == CancelReason.AccountResetFailed) {\r\n message = \"DialogWindow.TransactionError_AccountResetFailed\";\r\n }\r\n else if (cancelReason == CancelReason.InstrumentIsNotAccepting) {\r\n message = \"DialogWindow.TransactionError_InstrumentIsNotAccepting\";\r\n }\r\n else if (cancelReason == CancelReason.TimingIsNotAcceptable) {\r\n message = \"DialogWindow.TransactionError_TimingIsNotAcceptable\";\r\n }\r\n else if (cancelReason == CancelReason.OrderTypeIsNotAcceptable) {\r\n message = \"DialogWindow.TransactionError_OrderTypeIsNotAcceptable\";\r\n }\r\n else if (cancelReason == CancelReason.HasNoAccountsLocked) {\r\n message = \"DialogWindow.TransactionError_HasNoAccountsLocked\";\r\n }\r\n else if (cancelReason == CancelReason.IsLockedByAgent) {\r\n message = \"DialogWindow.TransactionError_IsLockedByAgent\";\r\n }\r\n else if (cancelReason == CancelReason.LossExecutedOrderInOco) {\r\n message = \"DialogWindow.TransactionError_LossExecutedOrderInOco\";\r\n }\r\n else if (cancelReason == CancelReason.NecessaryIsNotWithinThreshold) {\r\n message = \"DialogWindow.TransactionError_NecessaryIsNotWithinThreshold\";\r\n }\r\n else if (cancelReason == CancelReason.MarginIsNotEnough) {\r\n message = \"DialogWindow.TransactionError_MarginIsNotEnough\";\r\n }\r\n\r\n else if (cancelReason == CancelReason.AccountIsInAlerting) {\r\n message = \"DialogWindow.TransactionError_AccountIsInAlerting\";\r\n }\r\n else if (cancelReason == CancelReason.LimitStopAddPositionNotAllowed) {\r\n message = \"DialogWindow.TransactionError_StopAddPositionNotAllowed\";\r\n }\r\n else if (cancelReason == CancelReason.MooMocNewPositionNotAllowed) {\r\n message = \"DialogWindow.TransactionError_LmtMooMocNewPositionNotAllowed\";\r\n }\r\n else if (cancelReason == CancelReason.TransactionCannotBeBooked) {\r\n message = \"DialogWindow.TransactionError_TransactionCannotBeBooked\";\r\n }\r\n else if (cancelReason == CancelReason.OnlySptMktIsAllowedForPreCheck) {\r\n message = \"DialogWindow.TransactionError_OnlySptMktIsAllowedForPreCheck\";\r\n }\r\n else if (cancelReason == CancelReason.InvalidTransactionPhase) {\r\n message = \"DialogWindow.TransactionError_InvalidTransactionPhase\";\r\n }\r\n else if (cancelReason == CancelReason.TransactionExpired) {\r\n message = \"DialogWindow.TransactionError_TransactionExpired\";\r\n }\r\n else if (cancelReason == CancelReason.RiskMonitorDelete) {\r\n message = \"DialogWindow.TransactionError_RiskMonitorDelete\";\r\n }\r\n else if (cancelReason == CancelReason.DealerCanceled) {\r\n message = \"DialogWindow.TransactionError_DealerCanceled\";\r\n }\r\n else if (cancelReason == CancelReason.OneCancelOther) {\r\n message = \"DialogWindow.TransactionError_OneCancelOtherPrompt\";\r\n }\r\n else if (cancelReason == CancelReason.CustomerCanceled) {\r\n message = \"DialogWindow.TransactionError_CustomerCanceled\";\r\n }\r\n else if (cancelReason == CancelReason.PriceChanged) {\r\n message = \"DialogWindow.CancelReason_PriceChanged\";\r\n }\r\n else if (cancelReason == CancelReason.MarketPausedOrClosed) {\r\n message = \"DialogWindow.CancelReason_MarketPausedOrClosed\";\r\n }\r\n else if (cancelReason == CancelReason.PriceMustBeGreaterThanZero) {\r\n message = \"DialogWindow.CancelReason_PriceMustBeGreaterThanZero\";\r\n }\r\n else if (cancelReason == CancelReason.MarketPriceOrdersNotSupportedByOppositeLimit) {\r\n message = \"DialogWindow.CancelReason_MarketPriceOrdersNotSupportedByOppositeLimit\";\r\n }\r\n else if (cancelReason == CancelReason.SellOrderStopPriceMustBeBelowLastTradePrice) {\r\n message = \"DialogWindow.CancelReason_SellOrderStopPriceMustBeBelowLastTradePrice\";\r\n }\r\n else if (cancelReason == CancelReason.BuyOrderStopPriceMustBeAboveLastTradePrice) {\r\n message = \"DialogWindow.CancelReason_BuyOrderStopPriceMustBeAboveLastTradePrice\";\r\n }\r\n else if (cancelReason == CancelReason.OrderTypeNotPermittedInPreOpen) {\r\n message = \"DialogWindow.CancelReason_OrderTypeNotPermittedInPreOpen\";\r\n }\r\n else if (cancelReason == CancelReason.OrderPriceOutsideTheLimits) {\r\n message = \"DialogWindow.CancelReason_OrderPriceOutsideTheLimits\";\r\n }\r\n else if (cancelReason == CancelReason.OrderPriceOutsideBands) {\r\n message = \"DialogWindow.CancelReason_OrderPriceOutsideBands\";\r\n }\r\n else if (cancelReason == CancelReason.OrderTypeNotPermittedForGroup) {\r\n message = \"DialogWindow.CancelReason_OrderTypeNotPermittedForGroup\";\r\n }\r\n else if (cancelReason == CancelReason.OrderCannotBeModifiedInNoCancel) {\r\n message = \"DialogWindow.CancelReason_OrderCannotBeModifiedInNoCancel\";\r\n }\r\n else if (cancelReason == CancelReason.OpenOrderIsClosed) {\r\n message = \"DialogWindow.CancelReason_OpenOrderIsClosed\";\r\n }\r\n else if (cancelReason == CancelReason.ReplacedWithMaxLot) {\r\n message = \"DialogWindow.TransactionError_ReplacedWithMaxLot\";\r\n }\r\n else if (cancelReason == CancelReason.ShortSellNotAllowed) {\r\n message = \"DialogWindow.TransactionError_ShortSellNotAllowed\";\r\n }\r\n else if (cancelReason == CancelReason.ExceedMaxPhysicalValue) {\r\n message = \"DialogWindow.TransactionError_ExceedMaxPhysicalValue\";\r\n }\r\n else if (cancelReason == CancelReason.BalanceOrEquityIsShort) {\r\n message = \"DialogWindow.TransactionError_BalanceOrEquityIsShort\";\r\n }\r\n else if (cancelReason == CancelReason.ExistPendingLimitCloseOrder) {\r\n message = \"DialogWindow.TransactionError_ExistPendingLimitCloseOrder\";\r\n }\r\n else if (cancelReason == CancelReason.InvalidInstalmentTrade) {\r\n message = \"DialogWindow.TransactionError_InvalidInstalmentTrade\";\r\n }\r\n else if (cancelReason == CancelReason.HitIsReseted) {\r\n message = \"DialogWindow.TransactionError_HitIsReseted\";\r\n }\r\n else if (cancelReason == CancelReason.SplittedForHasShortSell) {\r\n message = \"DialogWindow.TransactionError_SplittedForHasShortSell\";\r\n }\r\n else if (cancelReason == CancelReason.ExceedHighLowPrice) {\r\n message = \"DialogWindow.TransactionError_ExceedHighLowPrice\";\r\n }\r\n else if (cancelReason == CancelReason.ExceedDQVariation) {\r\n message = \"DialogWindow.TransactionError_ExceedDQVariation\";\r\n }\r\n else if (cancelReason == CancelReason.NotPaidoffInstalmentOrderCanNotBeClosed) {\r\n message = \"DialogWindow.TransactionError_NotPaidoffInstalmentOrderCanNotBeClosed\";\r\n }\r\n else if (cancelReason == CancelReason.OrderBatchExecuteFailed) {\r\n message = \"DialogWindow.TransactionError_OrderBatchExecuteFailed\";\r\n }\r\n else {\r\n message = cancelReason;\r\n }\r\n return message;\r\n // return utils.format(\"{0}[{1}]\", message, cancelReason);\r\n}","import React from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Trans } from 'react-i18next';\r\n\r\n// import moduleCss from \"../style/bottombar.module.css\";\r\n\r\nimport BaseView from \"./baseview.js\";\r\n\r\n\r\nclass BottomBar extends BaseView {\r\n\r\n componentDidMount() {\r\n const { onRef } = this.props;\r\n if (onRef) {\r\n onRef(this);\r\n }\r\n }\r\n\r\n getClass(location) {\r\n let moduleCss = this.getModuleCss('bottombar', 'common');\r\n let defaultCss = this.getModuleCss('default'); \r\n return `${moduleCss.menuItem} ${window.location.hash.endsWith(location) ? defaultCss.bottomActiveItem : ''}`;\r\n }\r\n\r\n render() {\r\n let moduleCss = this.getModuleCss('bottombar', 'common'); \r\n let defaultCss = this.getModuleCss('default');\r\n //const { t } = this.props;\r\n if (this.props.ishidden) {\r\n return '';\r\n }\r\n\r\n else {\r\n let showLog = (!this.props.model.settingData ? false : Boolean.parseBoolean(this.props.model.customer.ShowLog));\r\n\r\n return \r\n DialogWindow.LimitReference \r\n {this.getRowComponent(moduleCss, \"limitPrice\", undefined, limitPriceSetting)}\r\n
\r\n\r\n {!canPlaceIfDoneOrder ? '' : \r\n DialogWindow.PlacingOrder_LimitPrice \r\n {this.getRowComponent(moduleCss, \"limitPriceDoneLimit\", undefined, limitPriceDoneLimitSetting)}\r\n
}\r\n\r\n {!canPlaceIfDoneOrder ? '' : \r\n DialogWindow.PlacingOrder_StopPrice \r\n {this.getRowComponent(moduleCss, \"limitPriceDoneStop\", undefined, limitPriceDoneStopSetting)}\r\n
}\r\n\r\n \r\n DialogWindow.StopReference \r\n {this.getRowComponent(moduleCss, \"stopPrice\", undefined, stopPriceSetting)}\r\n
\r\n\r\n\r\n {!canPlaceIfDoneOrder ? '' : \r\n DialogWindow.PlacingOrder_LimitPrice \r\n {this.getRowComponent(moduleCss, \"stopPriceDoneLimit\", undefined, stopPriceDoneLimitSetting)}\r\n
}\r\n\r\n {!canPlaceIfDoneOrder ? '' : \r\n DialogWindow.PlacingOrder_StopPrice \r\n {this.getRowComponent(moduleCss, \"stopPriceDoneStop\", undefined, stopPriceDoneStopSetting)}\r\n
}\r\n\r\n\r\n\r\n\r\n \r\n {this.getRowComponent(moduleCss, \"oco\", DialogWindow.OCO )} \r\n {canPlaceIfDoneOrder ? {this.getRowComponent(moduleCss, \"ifDone\", DialogWindow.IfDone )} : ''}\r\n
\r\n\r\n \r\n DialogWindow.TimeExpired \r\n {order.Transaction.EndTime}\r\n
\r\n\r\n \r\n DialogWindow.Submit \r\n
\r\n\r\n {/* \r\n \r\n
\r\n }\r\n }\r\n\r\n // goto(path) {\r\n // console.info('BottomBar.goto')\r\n // this.goto(path);\r\n // }\r\n\r\n}\r\n\r\nexport default withRouter(BottomBar);","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport moment from 'moment';\r\n\r\nimport { Select, DatePicker, Switch, message as antMessage } from 'antd';\r\nimport axios from 'axios';\r\n\r\nimport * as utils from \"../../common/utils\";\r\nimport { DeliveryRequestStatus } from \"../../common/const\";\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\n\r\nconst { Option } = Select;\r\n\r\nclass ReportView extends BaseView {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n console.log('ReportView.ctor');\r\n\r\n if (props.model && props.model.isTradingDataLoaded) {\r\n let deliveryRequestOptions = [];\r\n let deliveryRequestId = undefined;\r\n if (props.model.selectedAccount.DeliveryRequests && props.model.selectedAccount.DeliveryRequests.DeliveryRequest) {\r\n let deliveryRequests = utils.forceToArray(props.model.selectedAccount.DeliveryRequests.DeliveryRequest).sort((a, b) => a.Code.localeCompare(b.Code));\r\n deliveryRequests.forEach((item) => {\r\n if (item.AccountId == props.model.selectedAccount.Id && parseInt(item.Status) == DeliveryRequestStatus.Approved) {\r\n if (!deliveryRequestId) {\r\n deliveryRequestId = item.Id;\r\n }\r\n deliveryRequestOptions.push();\r\n }\r\n });\r\n }\r\n this.state = {\r\n viewAsPdf: true,\r\n reportType: \"statement\",\r\n dayType: 'day',\r\n // now: props.model.getServerTime(),\r\n currentTradeDay: moment(props.model.tradeDay.CurrentDay),\r\n tradeDayBegin: moment(props.model.tradeDay.CurrentDay), //props.model.getServerTime()\r\n tradeDayEnd: moment(props.model.tradeDay.CurrentDay),\r\n reportGroupDetail: {},\r\n deliveryRequestOptions: deliveryRequestOptions,\r\n deliveryRequestId: deliveryRequestId\r\n };\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n // debugger;\r\n // this.setState( {orderGroupByInstrument : this.props.orderGroupByInstrument });\r\n let { model } = this.props;\r\n let reportGroupDetail = {};\r\n if (model && model.settingData && model.settingData.ReportGroupDetails && model.settingData.ReportGroupDetails.ReportGroupDetail) {\r\n utils.forceToArray(model.settingData.ReportGroupDetails.ReportGroupDetail).forEach((detail) => {\r\n reportGroupDetail[detail.Name] = detail.Name;\r\n });\r\n }\r\n this.setState({ reportGroupDetail: reportGroupDetail });\r\n }\r\n\r\n onCalendarChange(date, propName) {\r\n if (date != null) {\r\n let p = {};\r\n\r\n if (propName == \"tradeDayBegin\") {\r\n p[\"tradeDayEnd\"] = this.getMaxTradeDayEnd(this.state.dayType, date);\r\n } else if (propName == \"tradeDayEnd\") {\r\n let maxTradeDayEnd = this.getMaxTradeDayEnd(this.state.dayType, this.state.tradeDayBegin);\r\n if (date > maxTradeDayEnd) {\r\n date = maxTradeDayEnd;\r\n }\r\n }\r\n p[propName] = date; //.format('YYYY-MM-DD');\r\n\r\n this.setState(p);\r\n }\r\n }\r\n\r\n getBeginDisabledDate(current) {\r\n let { model } = this.props;\r\n let serverTime = model.getServerTime().clone();\r\n let isTraderReportDeadline = Boolean.parseBoolean(model.settingData.SystemParameter.IsTraderReportDeadline);\r\n if (isTraderReportDeadline && current <= serverTime) {\r\n if (this.state.reportType == 'ledger' || this.state.reportType == 'statement' || this.state.reportType == 'accountsummary') {\r\n let monthStart = serverTime.clone().subtract(1, 'months').startOf('month');\r\n // if (this.state.dayType === 'week') {\r\n // monthStart = serverTime.clone().startOf('month');\r\n // }\r\n return current < monthStart;\r\n }\r\n }\r\n\r\n return current >= serverTime;\r\n }\r\n\r\n getEndDisabledDate(current) {\r\n return current >= this.props.model.getServerTime() || current < this.state.tradeDayBegin;\r\n }\r\n\r\n getMaxTradeDayEnd(dayType, tradeDayBegin) {\r\n let result = tradeDayBegin.clone();\r\n\r\n if (dayType === 'day') {\r\n result = tradeDayBegin;\r\n } else if (dayType === 'week') {\r\n result = result.day(7);\r\n if (result.month() != tradeDayBegin.month()) {\r\n result = tradeDayBegin.clone().endOf('month');\r\n }\r\n\r\n } else if (dayType === 'month') {\r\n result = result.endOf('month');\r\n }\r\n return (result > this.state.currentTradeDay ? this.state.currentTradeDay : result);\r\n }\r\n\r\n setStateProp(name, value) {\r\n let prop = {};\r\n prop[name] = value;\r\n\r\n if (name == 'dayType') {\r\n prop[\"tradeDayEnd\"] = this.getMaxTradeDayEnd(value, this.state.tradeDayBegin);\r\n }\r\n this.setState(prop);\r\n }\r\n\r\n getDayTypeClassName(dayType) {\r\n let defaultCss = this.getModuleCss('default');\r\n let moduleCss = this.getModuleCss('report', 'common');\r\n return `${moduleCss.paramDatePeriod} ${(this.state.dayType === dayType ? defaultCss.bottomActiveItem : '')}`;\r\n }\r\n\r\n onQueryClick(e) {\r\n let { model, commService } = this.props;\r\n model.showLoadingSpin(true);\r\n // let timeZone = model.getServerTime().toDate().getTimezoneOffset();\r\n model.reportParameter = {\r\n reportParameter: {\r\n CompanyName: model.loginResult.PathName, //commService.state.loginParam.validPathName,\r\n Language: commService.state.loginParam.language.toUpperCase(),\r\n ReportType: this.state.reportType,\r\n TradeDayBeginString: this.state.tradeDayBegin.format('yyyy-MM-DD'),\r\n TradeDayEndString: this.state.tradeDayEnd.format('yyyy-MM-DD'),\r\n AccountIds: [model.selectedAccount.Id],\r\n UserId: model.loginResult.UserId\r\n }\r\n };\r\n if (this.state.deliveryRequestId) {\r\n model.reportParameter.reportParameter.DeliveryRequestId = this.state.deliveryRequestId;\r\n }\r\n\r\n let url = utils.format(this.props.commService.state.config.getValue('traderReport'), window.location.origin).toLowerCase().replace(\"reportviewer.aspx\", \"reportserviceajax.svc/SetReportParameter\");\r\n // console.log(JSON.stringify(this.props.model.reportParameter)); \r\n axios.post(url, this.props.model.reportParameter, { headers: { 'content-type': 'application/json' } })\r\n .then(res => {\r\n console.log(res.data)\r\n\r\n //this.setState({ parameterId: res.data.SetReportParameterResult })\r\n model.reportParameterId = res.data.SetReportParameterResult;\r\n model.reportViewAsPdf = this.state.viewAsPdf;\r\n model.showLoadingSpin(false);\r\n\r\n let formatParam = this.state.viewAsPdf ? \"isUsePdf=true&viewAsPage=true\" : \"isUseHtml=true\";\r\n url = utils.format(this.props.commService.state.config.getValue('traderReport'), window.location.origin) + \"?runModel=1&\" + formatParam + \"¶meterId=\" + model.reportParameterId;\r\n if (this.state.openInNewWindow) {\r\n window.open(url);\r\n } else {\r\n // let formatParam = model.reportViewAsPdf ? \"isUsePdf=true&viewAsPage=true\" : \"isUseHtml=true\";\r\n // url = utils.format(this.props.commService.state.config.getValue('traderReport'), window.location.origin) + \"?runModel=1&\" + formatParam + \"¶meterId=\" + model.reportParameterId;\r\n model.iframeUrl = url;\r\n model.iframeTitle = \r\n
\r\n \r\n this.goto('/messageview')}> MainView.NewsMenuName */}\r\n\r\n\r\n {!showLog ? '' :
\r\n this.goto('/')}> MainView.QuotationMenuName
\r\n this.goto('/accountbrief')}> MainView.TradingMenuName
\r\n\r\n {/* this.goto('/log')}> MainView.LogMenuName
}\r\n this.goto('/message')}> MainView.MessageMenuName
\r\n this.goto('/setting')}> MainView.SettingMenuName
\r\n \r\n {!this.props.isPad ? ( { this.bottomBarComponent = ref;}} /> */}\r\n\r\n\r\n
\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(ReportView);\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Trans } from 'react-i18next';\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\n// import axios from 'axios'\r\nimport { Spin } from 'antd';\r\n\r\nimport * as utils from \"../../common/utils\";\r\n\r\nimport BaseView from \"../baseview.js\";\r\nimport TitleBarView from '../titlebarview';\r\n// import BottomBar from './bottombar';\r\n\r\n\r\n\r\n// const BottomBarComponent = withTranslation()(BottomBar);\r\n\r\nclass FrameView extends BaseView {\r\n\r\n constructor(props) {\r\n console.log('iFrameView.ctor');\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n componentWillUnmount() {\r\n delete this.props.model.iframeUrl;\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ iframeUrl: this.props.model.iframeUrl });\r\n }\r\n\r\n render() {\r\n if (!this.props.model) return '';\r\n\r\n let { model, isPad } = this.props;\r\n let moduleCss = this.getModuleCss('report', 'common');\r\n // let formatParam = model.reportViewAsPdf ? \"isUsePdf=true&viewAsPage=true\" : \"isUseHtml=true\";\r\n // let url = utils.format(this.props.commService.state.config.getValue('traderReport'), window.location.origin) + \"?runModel=1&\" + formatParam + \"¶meterId=\" + model.reportParameterId;\r\n\r\n //let titleKey = model.reportParameter.reportParameter.ReportType == \"ledger\" ? \"MainView.Report_Ledger\" : \"MainView.Report_Statement\";\r\n return \r\n MainView.ReportType \r\n \r\n MainView.From \r\n\r\n this.onCalendarChange.bind(this)(d, \"tradeDayBegin\")} />\r\n\r\n \r\n MainView.To \r\n this.onCalendarChange.bind(this)(d, \"tradeDayEnd\")} />\r\n \r\n\r\n {this.state.reportType != 'physicaldelivery' ? '' :\r\n DialogWindow.Physical_Delivery \r\n }\r\n\r\n
\r\n\r\n {this.props.children}\r\n {/* \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Common.ReportOpenInNewWindow \r\n this.setStateProp('openInNewWindow', checked)} />\r\n
\r\n\r\n \r\n Common.ViewAsPdf \r\n this.setStateProp('viewAsPdf', checked)} />\r\n
\r\n\r\n \r\n
\r\n\r\n this.setStateProp('dayType', 'day')}>MainView.Day
\r\n this.setStateProp('dayType', 'week')}>MainView.Week
\r\n this.setStateProp('dayType', 'month')}>MainView.Month
\r\n {this.state.openInNewWindow ? Common.ReportNeedNewWindowTip : ''}
\r\n\r\n \r\n \r\n {!this.props.isPad ? (