@fintatech/fintachart 3.1.10 → 3.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +79 -0
- package/css/FintaChart.min.css +1 -1
- package/d.ts/FintaChart.d.ts +460 -17
- package/htmldialogs/DemoModePopup.html +35 -9
- package/htmldialogs/IndicatorSettingsDialog.html +55 -17
- package/htmldialogs/MainSettings.html +12 -0
- package/htmldialogs/PositionShapeContextMenu.html +1 -1
- package/htmldialogs/ShapePositionSettingsDialog.html +19 -5
- package/htmldialogs/Toolbar.html +126 -24
- package/img/svg-icons/calendar.svg +1 -0
- package/img/svg-icons/open-OHLC-card.svg +1 -0
- package/localization/en.json +69 -2
- package/localization/uk.json +69 -2
- package/multiple-charts.html +2 -2
- package/package.json +1 -1
- package/scripts/FintaChart.min.js +2 -2
- package/scripts/themes/darkTheme.js +3 -3
- package/scripts/themes/defaultTheme.js +3 -3
- package/scripts/themes/fintatechDarkTheme.js +3 -3
- package/scripts/themes/grayTheme.js +3 -3
- package/scripts/themes/oliveTheme.js +3 -3
- package/scripts/themes/orangeTheme.js +3 -3
- package/scripts/themes/purpleTheme.js +3 -3
- package/scripts/themes/skyTheme.js +3 -3
- package/scripts/themes/tealTheme.js +3 -3
|
@@ -3,20 +3,46 @@
|
|
|
3
3
|
<div class="background tcdSVGIcon default-fill" tcdSVGData="demo-popup-bg"></div>
|
|
4
4
|
|
|
5
5
|
<div class="content-wrapper">
|
|
6
|
-
<div class="img-wrapper dark-img default-fill">
|
|
7
|
-
<div class="tcdSVGIcon default-fill banner dark-banner" tcdSVGData="Illustration-License-b"></div>
|
|
8
|
-
<div class="tcdSVGIcon default-fill banner light-banner" tcdSVGData="Illustration-License-w"></div>
|
|
9
|
-
</div>
|
|
10
|
-
|
|
11
6
|
<div class="logo-wrapper tcdSVGIcon default-fill" tcdSVGData="fintatech"></div>
|
|
7
|
+
|
|
12
8
|
<div class="text-wrapper">
|
|
13
9
|
<p>This is a demo version with limited functionality</p>
|
|
14
|
-
<p>
|
|
10
|
+
<p>Fill in the form below to purchase the full version</p>
|
|
15
11
|
</div>
|
|
16
12
|
|
|
17
|
-
<
|
|
18
|
-
<
|
|
19
|
-
|
|
13
|
+
<form class="purchase-form" novalidate>
|
|
14
|
+
<div class="form-row">
|
|
15
|
+
<label for="tcdPurchase_fullName">Name and surname<span class="required-mark">*</span></label>
|
|
16
|
+
<input id="tcdPurchase_fullName" name="fullName" type="text" autocomplete="name" required>
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
<div class="form-row">
|
|
20
|
+
<label for="tcdPurchase_email">Email<span class="required-mark">*</span></label>
|
|
21
|
+
<input id="tcdPurchase_email" name="email" type="email" autocomplete="email" required>
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
<div class="form-row">
|
|
25
|
+
<label for="tcdPurchase_company">Company name<span class="required-mark">*</span></label>
|
|
26
|
+
<input id="tcdPurchase_company" name="company" type="text" autocomplete="organization" required>
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
<div class="form-row">
|
|
30
|
+
<label for="tcdPurchase_mainDomain">Main domain<span class="required-mark">*</span></label>
|
|
31
|
+
<input id="tcdPurchase_mainDomain" name="mainDomain" type="text" placeholder="example.com" required>
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
<div class="form-row">
|
|
35
|
+
<label for="tcdPurchase_secondaryDomain">Secondary domain <span class="optional-mark">(optional)</span></label>
|
|
36
|
+
<input id="tcdPurchase_secondaryDomain" name="secondaryDomain" type="text" placeholder="example.org">
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
<p class="form-error" hidden></p>
|
|
40
|
+
<p class="form-success" hidden>Thank you! Your request has been sent.</p>
|
|
41
|
+
|
|
42
|
+
<div class="btn-wrapper">
|
|
43
|
+
<button type="submit" class="btn purchase-btn">Purchase</button>
|
|
44
|
+
</div>
|
|
45
|
+
</form>
|
|
20
46
|
|
|
21
47
|
<span class="close-btn tcdSVGIcon" tcdSVGData="close-windows"></span>
|
|
22
48
|
</div>
|
|
@@ -1,38 +1,76 @@
|
|
|
1
|
-
<div
|
|
1
|
+
<div
|
|
2
|
+
id="tcdIndicatorDialog"
|
|
3
|
+
class="tcdDialog custom-modal-dialog"
|
|
4
|
+
tabindex="-1"
|
|
5
|
+
>
|
|
2
6
|
<div class="custom-modal-content">
|
|
3
7
|
<div class="custom-modal-body tcdIndicatorDialog_body">
|
|
4
8
|
<ul class="tcdTabs">
|
|
5
|
-
<li
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
<li
|
|
10
|
+
class="tcdTabItem parameters-tab active"
|
|
11
|
+
data-id="tcdIndicatorDialog_tab_parameters"
|
|
12
|
+
data-i18n="indicator.all.dialog.parameters"
|
|
13
|
+
></li>
|
|
14
|
+
<li
|
|
15
|
+
class="tcdTabItem styles-tab"
|
|
16
|
+
data-id="tcdIndicatorDialog_tab_style"
|
|
17
|
+
data-i18n="indicator.all.dialog.style"
|
|
18
|
+
></li>
|
|
19
|
+
<!-- TODO: Hide-->
|
|
20
|
+
<!-- <li class="tcdTabItem visibility-tab" data-id="tcdIndicatorDialog_tab_visibility" data-i18n="indicator.all.dialog.visibility"></li>-->
|
|
9
21
|
</ul>
|
|
10
22
|
<div class="tcdTabsContent">
|
|
11
|
-
<div
|
|
23
|
+
<div
|
|
24
|
+
class="tcdTabPane active"
|
|
25
|
+
data-id="tcdIndicatorDialog_tab_parameters"
|
|
26
|
+
>
|
|
12
27
|
<div id="tcdIndicatorDialog_pane_parameters">
|
|
13
|
-
<div class="tcdDialog-body-content">
|
|
14
|
-
</div>
|
|
28
|
+
<div class="tcdDialog-body-content"></div>
|
|
15
29
|
</div>
|
|
16
30
|
</div>
|
|
17
31
|
<div class="tcdTabPane" data-id="tcdIndicatorDialog_tab_style">
|
|
18
32
|
<div id="tcdIndicatorDialog_pane_figure">
|
|
19
|
-
<div class="tcdDialog-body-content">
|
|
20
|
-
</div>
|
|
33
|
+
<div class="tcdDialog-body-content"></div>
|
|
21
34
|
</div>
|
|
22
35
|
</div>
|
|
23
|
-
<div
|
|
36
|
+
<div
|
|
37
|
+
class="tcdTabPane"
|
|
38
|
+
data-id="tcdIndicatorDialog_tab_visibility"
|
|
39
|
+
>
|
|
24
40
|
<div id="tcdIndicatorDialog_pane_visibility">
|
|
25
|
-
<div class="tcdDialog-body-content">
|
|
26
|
-
</div>
|
|
41
|
+
<div class="tcdDialog-body-content"></div>
|
|
27
42
|
</div>
|
|
28
43
|
</div>
|
|
29
44
|
</div>
|
|
30
45
|
</div>
|
|
31
46
|
<div class="custom-modal-footer tcdIndicatorDialog-footer">
|
|
32
|
-
<
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
47
|
+
<div class="tcdIndicatorDialog-footer-buttons">
|
|
48
|
+
<button
|
|
49
|
+
type="button"
|
|
50
|
+
class="tcdBtn tcdBtn-link defaultBtnColor"
|
|
51
|
+
id="tcdIndicatorDialog_btn_default"
|
|
52
|
+
tcdModal-data="tcdIndicatorDialog"
|
|
53
|
+
data-i18n="dialog.button.defaults"
|
|
54
|
+
>
|
|
55
|
+
Default
|
|
56
|
+
</button>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="tcdIndicatorDialog-footer-buttons">
|
|
59
|
+
<button
|
|
60
|
+
type="button"
|
|
61
|
+
class="tcdBtn tcdBtn-link tcd_modalClose tcdBtn-close"
|
|
62
|
+
tcdModal-data="tcdIndicatorDialog"
|
|
63
|
+
data-dismiss="modal"
|
|
64
|
+
data-i18n="dialog.button.close"
|
|
65
|
+
></button>
|
|
66
|
+
<button
|
|
67
|
+
type="button"
|
|
68
|
+
class="tcdBtn tcdBtn-primary tcd_modalClose"
|
|
69
|
+
id="tcdIndicatorDialog_btn_apply"
|
|
70
|
+
tcdModal-data="tcdIndicatorDialog"
|
|
71
|
+
data-i18n="dialog.button.apply"
|
|
72
|
+
></button>
|
|
73
|
+
</div>
|
|
36
74
|
</div>
|
|
37
75
|
</div>
|
|
38
76
|
</div>
|
|
@@ -238,6 +238,18 @@
|
|
|
238
238
|
</div>
|
|
239
239
|
</div>
|
|
240
240
|
</div>
|
|
241
|
+
<div class="tcdDialog-content-items">
|
|
242
|
+
<div class="tcdDialog-content-item tcdColorWithBorder selector renderQuality width33">
|
|
243
|
+
<div class="selectWrapper w100">
|
|
244
|
+
<label class="settings-label" data-i18n="theme.dialog.renderQuality.title"></label>
|
|
245
|
+
<select class="select-text" id="tcdMainSettings_renderQuality" style="display:block!important;">
|
|
246
|
+
<option value="low" data-i18n="theme.dialog.renderQuality.low"></option>
|
|
247
|
+
<option value="medium" data-i18n="theme.dialog.renderQuality.medium"></option>
|
|
248
|
+
<option value="high" data-i18n="theme.dialog.renderQuality.high"></option>
|
|
249
|
+
</select>
|
|
250
|
+
</div>
|
|
251
|
+
</div>
|
|
252
|
+
</div>
|
|
241
253
|
<!-- @@TODO: Hide-->
|
|
242
254
|
<!-- <div class="tcdDialog-content-items tcdDialog-content-caption">-->
|
|
243
255
|
<!-- <div class="tcdDialog-left-part">-->
|
|
@@ -5,5 +5,5 @@
|
|
|
5
5
|
<li data-id="delete"><a style="cursor: pointer;" data-i18n="shape.all.menu.delete">Delete</a></li>
|
|
6
6
|
<li data-id="clone"><a style="cursor: pointer;" data-i18n="shape.all.menu.clone">Clone</a></li>
|
|
7
7
|
<li class="divider"></li>
|
|
8
|
-
<li data-id="createLimitOrder"><a style="cursor: pointer;" data-i18n="position.menu.createLimitOrder">Create Limit Order</a></li>
|
|
8
|
+
<li data-id="createLimitOrder"><a style="cursor: pointer;" data-i18n="trading.position.menu.createLimitOrder">Create Limit Order</a></li>
|
|
9
9
|
</ul>
|
|
@@ -167,8 +167,8 @@
|
|
|
167
167
|
</div>
|
|
168
168
|
<div class="tcdDialog-right-part">
|
|
169
169
|
<div class="tcdDialog-content-item">
|
|
170
|
-
<input type="number"
|
|
171
|
-
id="tcdShapePositionSettings_input_lotSize"
|
|
170
|
+
<input type="number"
|
|
171
|
+
id="tcdShapePositionSettings_input_lotSize"
|
|
172
172
|
class="tcdNumericField"
|
|
173
173
|
value="1">
|
|
174
174
|
</div>
|
|
@@ -177,12 +177,26 @@
|
|
|
177
177
|
|
|
178
178
|
<div class="tcdDialog-content-items">
|
|
179
179
|
<div class="tcdDialog-left-part">
|
|
180
|
-
<label class="tcdLabel" for="
|
|
180
|
+
<label class="tcdLabel" for="tcdShapePositionSettings_input_leverage" data-i18n="shape.all.dialog.leverage">Leverage</label>
|
|
181
181
|
</div>
|
|
182
182
|
<div class="tcdDialog-right-part">
|
|
183
183
|
<div class="tcdDialog-content-item">
|
|
184
|
-
<input type="number"
|
|
185
|
-
id="
|
|
184
|
+
<input type="number"
|
|
185
|
+
id="tcdShapePositionSettings_input_leverage"
|
|
186
|
+
class="tcdNumericField"
|
|
187
|
+
value="1">
|
|
188
|
+
</div>
|
|
189
|
+
</div>
|
|
190
|
+
</div>
|
|
191
|
+
|
|
192
|
+
<div class="tcdDialog-content-items">
|
|
193
|
+
<div class="tcdDialog-left-part">
|
|
194
|
+
<label class="tcdLabel" for="tcdShapePositionSettings_input_riskPercentage" data-i18n="shape.all.dialog.riskPercentage">Risk %</label>
|
|
195
|
+
</div>
|
|
196
|
+
<div class="tcdDialog-right-part">
|
|
197
|
+
<div class="tcdDialog-content-item">
|
|
198
|
+
<input type="number"
|
|
199
|
+
id="tcdShapePositionSettings_input_riskPercentage"
|
|
186
200
|
class="tcdNumericField"
|
|
187
201
|
value="25">
|
|
188
202
|
</div>
|
package/htmldialogs/Toolbar.html
CHANGED
|
@@ -129,8 +129,8 @@
|
|
|
129
129
|
</li>
|
|
130
130
|
<li class="tcdToolbarDivider"></li>
|
|
131
131
|
|
|
132
|
-
<li class="
|
|
133
|
-
data-type="
|
|
132
|
+
<li class="fintaToolbarChartType tcdToolbarButton tcdToolbarButtonWithDropdown toolbar-title drop"
|
|
133
|
+
data-type="fintaToolbarChartType"
|
|
134
134
|
data-i18n="[title]toolbar.title.ChartType">
|
|
135
135
|
<div class="tcdToolbarButton-buttonWrapper">
|
|
136
136
|
<button class="tcdToolbarButton-activateBtn">
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
<a>
|
|
178
178
|
<span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
|
|
179
179
|
tcdSVGData="chartType-bars"></span>
|
|
180
|
-
<span class="tcdToolbarButton-dropdownElement-text
|
|
180
|
+
<span class="tcdToolbarButton-dropdownElement-text"
|
|
181
181
|
data-i18n="ChartType.bars.name"></span>
|
|
182
182
|
</a>
|
|
183
183
|
</li>
|
|
@@ -190,7 +190,6 @@
|
|
|
190
190
|
data-i18n="ChartType.coloredBars.name"></span>
|
|
191
191
|
</a>
|
|
192
192
|
</li>
|
|
193
|
-
|
|
194
193
|
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="rangeBar"
|
|
195
194
|
data-i18n="[title]ChartType.range.name">
|
|
196
195
|
<a>
|
|
@@ -199,7 +198,6 @@
|
|
|
199
198
|
<span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.range.name"></span>
|
|
200
199
|
</a>
|
|
201
200
|
</li>
|
|
202
|
-
|
|
203
201
|
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="candle"
|
|
204
202
|
data-i18n="[title]ChartType.candles.name">
|
|
205
203
|
<a>
|
|
@@ -218,7 +216,7 @@
|
|
|
218
216
|
data-i18n="ChartType.hollowCandles.name"></span>
|
|
219
217
|
</a>
|
|
220
218
|
</li>
|
|
221
|
-
<li class="tcdToolbarButton-dropdownElement
|
|
219
|
+
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="heikinAshi"
|
|
222
220
|
data-i18n="[title]ChartType.heikinAshi.name">
|
|
223
221
|
<a>
|
|
224
222
|
<span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
|
|
@@ -279,7 +277,6 @@
|
|
|
279
277
|
data-i18n="ChartType.equiVolumeShadow.name"></span>
|
|
280
278
|
</a>
|
|
281
279
|
</li>
|
|
282
|
-
|
|
283
280
|
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="line"
|
|
284
281
|
data-i18n="[title]ChartType.line.name">
|
|
285
282
|
<a>
|
|
@@ -288,7 +285,6 @@
|
|
|
288
285
|
<span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.line.name"></span>
|
|
289
286
|
</a>
|
|
290
287
|
</li>
|
|
291
|
-
|
|
292
288
|
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="area"
|
|
293
289
|
data-i18n="[title]ChartType.area.name">
|
|
294
290
|
<a>
|
|
@@ -297,7 +293,6 @@
|
|
|
297
293
|
<span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.area.name"></span>
|
|
298
294
|
</a>
|
|
299
295
|
</li>
|
|
300
|
-
|
|
301
296
|
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="pointAndFigure"
|
|
302
297
|
data-i18n="[title]ChartType.pointAndFigure.name">
|
|
303
298
|
<a>
|
|
@@ -445,6 +440,52 @@
|
|
|
445
440
|
</div>
|
|
446
441
|
</li>
|
|
447
442
|
|
|
443
|
+
<li class="fintaToolbarOHLCCard tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbar-btn-OHLCCard toolbar-title drop"
|
|
444
|
+
data-type="fintaToolbarOHLCCard"
|
|
445
|
+
data-i18n="[title]toolbar.title.ohlcCard">
|
|
446
|
+
<div class="tcdToolbarButton-buttonWrapper">
|
|
447
|
+
<button class="tcdToolbarButton-activateBtn">
|
|
448
|
+
<span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
|
|
449
|
+
tcdSVGData="open-OHLC-card"></span>
|
|
450
|
+
</button>
|
|
451
|
+
<button class="tcdToolbarButton-toggleDropdownBtn">
|
|
452
|
+
<span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
|
|
453
|
+
</button>
|
|
454
|
+
</div>
|
|
455
|
+
<ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
|
|
456
|
+
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="compact">
|
|
457
|
+
<a>
|
|
458
|
+
<span class="tcdToolbarButton-dropdownElement-text"
|
|
459
|
+
data-i18n="pane.ohlcCard.variants.compact"></span>
|
|
460
|
+
</a>
|
|
461
|
+
</li>
|
|
462
|
+
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="outline">
|
|
463
|
+
<a>
|
|
464
|
+
<span class="tcdToolbarButton-dropdownElement-text"
|
|
465
|
+
data-i18n="pane.ohlcCard.variants.outline"></span>
|
|
466
|
+
</a>
|
|
467
|
+
</li>
|
|
468
|
+
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="compactRow">
|
|
469
|
+
<a>
|
|
470
|
+
<span class="tcdToolbarButton-dropdownElement-text"
|
|
471
|
+
data-i18n="pane.ohlcCard.variants.compactRow"></span>
|
|
472
|
+
</a>
|
|
473
|
+
</li>
|
|
474
|
+
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="kite">
|
|
475
|
+
<a>
|
|
476
|
+
<span class="tcdToolbarButton-dropdownElement-text"
|
|
477
|
+
data-i18n="pane.ohlcCard.variants.kite"></span>
|
|
478
|
+
</a>
|
|
479
|
+
</li>
|
|
480
|
+
<li class="tcdToolbarButton-dropdownElement" data-tcdValue="bars">
|
|
481
|
+
<a>
|
|
482
|
+
<span class="tcdToolbarButton-dropdownElement-text"
|
|
483
|
+
data-i18n="pane.ohlcCard.variants.bars"></span>
|
|
484
|
+
</a>
|
|
485
|
+
</li>
|
|
486
|
+
</ul>
|
|
487
|
+
</li>
|
|
488
|
+
|
|
448
489
|
<li class="tcdToolbarDivider"></li>
|
|
449
490
|
|
|
450
491
|
<li class="tcdReplayMode tcdToolbarReplayMode tcdToolbar-btn toolbar-title tcdToolbar-btn-Replay activateDraggable"
|
|
@@ -552,20 +593,23 @@
|
|
|
552
593
|
<li class="tcdShapeElement tcdToolbarButton-dropdownElement">
|
|
553
594
|
<div class="tradePanel_amount-box">
|
|
554
595
|
<input data-input class="tcdNumeric jqNumericField tradePanel_input"
|
|
555
|
-
id="tradePanel_amount-input" data-i18n="[title]trading.quantity">
|
|
596
|
+
id="tradePanel_amount-input" data-i18n="[title]trading.quantity" autocomplete="off">
|
|
556
597
|
<div class="calc-container" id="tradePanel_calc-container">
|
|
557
598
|
<div class="calculator-icon tcdSVGIcon" tcdSVGData="calculator"></div>
|
|
558
599
|
<ul class="calc-list">
|
|
559
|
-
<li class="calc-btn"
|
|
560
|
-
<li class="calc-btn"
|
|
561
|
-
<li class="calc-btn calc-
|
|
562
|
-
<li class="calc-btn calc-value-btn" data-calc-btn-index="
|
|
563
|
-
<li class="calc-btn calc-value-btn" data-calc-btn-index="
|
|
564
|
-
<li class="calc-btn calc-value-btn" data-calc-btn-index="
|
|
565
|
-
<li class="calc-btn calc-value-btn" data-calc-btn-index="
|
|
566
|
-
<li class="calc-btn calc-value-btn" data-calc-btn-index="
|
|
567
|
-
<li class="calc-btn"
|
|
568
|
-
<li class="calc-btn"
|
|
600
|
+
<li class="calc-btn" data-calc-action="dec">-</li>
|
|
601
|
+
<li class="calc-btn" data-calc-action="inc">+</li>
|
|
602
|
+
<li class="calc-btn calc-set-btn" data-calc-action="set">SET</li>
|
|
603
|
+
<li class="calc-btn calc-value-btn" data-calc-btn-index="0"></li>
|
|
604
|
+
<li class="calc-btn calc-value-btn" data-calc-btn-index="1"></li>
|
|
605
|
+
<li class="calc-btn calc-value-btn" data-calc-btn-index="2"></li>
|
|
606
|
+
<li class="calc-btn calc-value-btn" data-calc-btn-index="3"></li>
|
|
607
|
+
<li class="calc-btn calc-value-btn" data-calc-btn-index="4"></li>
|
|
608
|
+
<li class="calc-btn calc-value-btn" data-calc-btn-index="5"></li>
|
|
609
|
+
<li class="calc-btn" data-calc-action="max">Max</li>
|
|
610
|
+
<li class="calc-btn" data-calc-action="min">Min</li>
|
|
611
|
+
<li class="calc-btn" data-calc-action="div2">÷2</li>
|
|
612
|
+
<li class="calc-btn" data-calc-action="mul2">x2</li>
|
|
569
613
|
</ul>
|
|
570
614
|
</div>
|
|
571
615
|
</div>
|
|
@@ -631,15 +675,15 @@
|
|
|
631
675
|
<div class="tradePanel_tif-time-display tradePanel_options-input" id="tradePanel_tif-time-input"></div>
|
|
632
676
|
<div class="tradePanel_tif-time-picker" id="tradePanel_tif-time-picker" style="display:none">
|
|
633
677
|
<div class="tif-time-col">
|
|
634
|
-
<button class="tif-time-arrow tif-time-arrow-
|
|
678
|
+
<button class="tif-time-arrow tif-time-arrow-down" id="tif-hour-down">‹</button>
|
|
635
679
|
<input class="tif-time-val" id="tif-hour-input" type="text" maxlength="2">
|
|
636
|
-
<button class="tif-time-arrow tif-time-arrow-
|
|
680
|
+
<button class="tif-time-arrow tif-time-arrow-up" id="tif-hour-up">›</button>
|
|
637
681
|
</div>
|
|
638
682
|
<span class="tif-time-sep">:</span>
|
|
639
683
|
<div class="tif-time-col">
|
|
640
|
-
<button class="tif-time-arrow tif-time-arrow-
|
|
684
|
+
<button class="tif-time-arrow tif-time-arrow-down" id="tif-min-down">‹</button>
|
|
641
685
|
<input class="tif-time-val" id="tif-min-input" type="text" maxlength="2">
|
|
642
|
-
<button class="tif-time-arrow tif-time-arrow-
|
|
686
|
+
<button class="tif-time-arrow tif-time-arrow-up" id="tif-min-up">›</button>
|
|
643
687
|
</div>
|
|
644
688
|
</div>
|
|
645
689
|
</div>
|
|
@@ -1685,6 +1729,64 @@
|
|
|
1685
1729
|
<!--<div class="tcdToolbar-scroll tcdToolbar-left-bottom"></div>-->
|
|
1686
1730
|
|
|
1687
1731
|
<div class="tcdToolbar-bottom">
|
|
1732
|
+
<div class="tcdToolbar-bottom-left-side">
|
|
1733
|
+
<div class="tcdToolbarDateRange">
|
|
1734
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="1D" data-i18n="[title]dateRange.presets.1D">1D</span>
|
|
1735
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="5D" data-i18n="[title]dateRange.presets.5D">5D</span>
|
|
1736
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="1M" data-i18n="[title]dateRange.presets.1M">1M</span>
|
|
1737
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="3M" data-i18n="[title]dateRange.presets.3M">3M</span>
|
|
1738
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="6M" data-i18n="[title]dateRange.presets.6M">6M</span>
|
|
1739
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="YTD" data-i18n="[title]dateRange.presets.YTD">YTD</span>
|
|
1740
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="1Y" data-i18n="[title]dateRange.presets.1Y">1Y</span>
|
|
1741
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="5Y" data-i18n="[title]dateRange.presets.5Y">5Y</span>
|
|
1742
|
+
<span class="tcdToolbarDateRange-btn" data-tcdrange="All" data-i18n="[title]dateRange.presets.All">All</span>
|
|
1743
|
+
<span class="tcdToolbarDateRange-separator"></span>
|
|
1744
|
+
<span class="tcdToolbarDateRange-btn tcdToolbarDateRange-customBtn" data-i18n="[title]dateRange.custom">
|
|
1745
|
+
<span class="tcdSVGIcon tcdToolbarDateRange-customIcon" tcdSVGData="calendar"></span>
|
|
1746
|
+
</span>
|
|
1747
|
+
</div>
|
|
1748
|
+
<div class="tcdToolbarDateRange-collapsed" style="display: none;">
|
|
1749
|
+
<span class="tcdToolbarDateRange-collapsedBtn">
|
|
1750
|
+
<span class="tcdSVGIcon tcdToolbarDateRange-collapsedIcon" tcdSVGData="calendar"></span>
|
|
1751
|
+
<span class="tcdToolbarDateRange-collapsedLabel" data-i18n="dateRange.label">Date Range</span>
|
|
1752
|
+
<svg viewBox="0 0 10 6" width="10" height="6"><path d="M1 5l4-4 4 4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
1753
|
+
</span>
|
|
1754
|
+
<ul class="tcdToolbarDateRange-menu" style="display: none;">
|
|
1755
|
+
<li data-tcdrange="1D" data-i18n="dateRange.menu.1D">1 day in 5 minutes intervals</li>
|
|
1756
|
+
<li data-tcdrange="5D" data-i18n="dateRange.menu.5D">5 days in 15 minutes intervals</li>
|
|
1757
|
+
<li data-tcdrange="1M" data-i18n="dateRange.menu.1M">1 month in 1 hour intervals</li>
|
|
1758
|
+
<li data-tcdrange="3M" data-i18n="dateRange.menu.3M">3 months in 4 hours intervals</li>
|
|
1759
|
+
<li data-tcdrange="6M" data-i18n="dateRange.menu.6M">6 months in 4 hours intervals</li>
|
|
1760
|
+
<li data-tcdrange="YTD" data-i18n="dateRange.menu.YTD">Year to date in 1 day intervals</li>
|
|
1761
|
+
<li data-tcdrange="1Y" data-i18n="dateRange.menu.1Y">1 year in 1 day intervals</li>
|
|
1762
|
+
<li data-tcdrange="5Y" data-i18n="dateRange.menu.5Y">5 years in 1 week intervals</li>
|
|
1763
|
+
<li data-tcdrange="All" data-i18n="dateRange.menu.All">All data in 1 week intervals</li>
|
|
1764
|
+
<li class="tcdToolbarDateRange-menuSeparator"></li>
|
|
1765
|
+
<li class="tcdToolbarDateRange-menuGoto" data-i18n="dateRange.goto">Go to...</li>
|
|
1766
|
+
</ul>
|
|
1767
|
+
</div>
|
|
1768
|
+
<div class="tcdToolbarDateRange-popup" style="display: none;">
|
|
1769
|
+
<div class="tcdToolbarDateRange-popup-title" data-i18n="dateRange.title">Custom date range</div>
|
|
1770
|
+
<div class="tcdToolbarDateRange-popup-row">
|
|
1771
|
+
<label data-i18n="dateRange.from">From</label>
|
|
1772
|
+
<div class="tcdToolbarDateRange-popup-field" data-tcdrangefield="from">
|
|
1773
|
+
<input type="text" class="tcdToolbarDateRange-popup-from" readonly>
|
|
1774
|
+
<span class="tcdSVGIcon tcdToolbarDateRange-fieldIcon" tcdSVGData="calendar"></span>
|
|
1775
|
+
</div>
|
|
1776
|
+
</div>
|
|
1777
|
+
<div class="tcdToolbarDateRange-popup-row">
|
|
1778
|
+
<label data-i18n="dateRange.to">To</label>
|
|
1779
|
+
<div class="tcdToolbarDateRange-popup-field" data-tcdrangefield="to">
|
|
1780
|
+
<input type="text" class="tcdToolbarDateRange-popup-to" readonly>
|
|
1781
|
+
<span class="tcdSVGIcon tcdToolbarDateRange-fieldIcon" tcdSVGData="calendar"></span>
|
|
1782
|
+
</div>
|
|
1783
|
+
</div>
|
|
1784
|
+
<div class="tcdToolbarDateRange-popup-buttons">
|
|
1785
|
+
<button type="button" class="tcdToolbarDateRange-popup-cancel" data-i18n="dateRange.cancel">Cancel</button>
|
|
1786
|
+
<button type="button" class="tcdToolbarDateRange-popup-apply" data-i18n="dateRange.apply">Apply</button>
|
|
1787
|
+
</div>
|
|
1788
|
+
</div>
|
|
1789
|
+
</div>
|
|
1688
1790
|
<div class="tcdToolbar-bottom-right-side">
|
|
1689
1791
|
<div class="tcdToolbarSession drop-down">
|
|
1690
1792
|
<div class="tcdToolbarSession_selected">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><title>calendar</title><path d="M20,5H18V3.5a.5.5,0,0,0-1,0V5H9V3.5a.5.5,0,0,0-1,0V5H6A2,2,0,0,0,4,7V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V7A2,2,0,0,0,20,5ZM6,6H8V7.5a.5.5,0,0,0,1,0V6h8V7.5a.5.5,0,0,0,1,0V6h2a1,1,0,0,1,1,1V9.5H5V7A1,1,0,0,1,6,6ZM20,21H6a1,1,0,0,1-1-1V10.5H21V20A1,1,0,0,1,20,21ZM9,13.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1,0-1h1A.5.5,0,0,1,9,13.5Zm4.75,0a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1,0-1h1A.5.5,0,0,1,13.75,13.5Zm4.75,0a.5.5,0,0,1-.5.5H17a.5.5,0,0,1,0-1h1A.5.5,0,0,1,18.5,13.5ZM9,17a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1,0-1h1A.5.5,0,0,1,9,17Zm4.75,0a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1,0-1h1A.5.5,0,0,1,13.75,17Zm4.75,0a.5.5,0,0,1-.5.5H17a.5.5,0,0,1,0-1h1A.5.5,0,0,1,18.5,17Z" fill="#323232"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><title>open-OHLC-card</title><text x="13" y="9.5" font-family="Rubik, Arial, sans-serif" font-size="7.5" font-weight="700" text-anchor="middle" fill="#323232">OHLC</text><path d="M4.5,12.5h17A1.5,1.5,0,0,1,23,14v7.5A1.5,1.5,0,0,1,21.5,23H4.5A1.5,1.5,0,0,1,3,21.5V14A1.5,1.5,0,0,1,4.5,12.5Zm0,1.5V16H21.5V14ZM3,17.5V21.5A1.5,1.5,0,0,0,4.5,23h17A1.5,1.5,0,0,0,23,21.5V17.5ZM5.5,20h5a.75.75,0,0,0,0-1.5h-5a.75.75,0,0,0,0,1.5Zm10,0h4a.75.75,0,0,0,0-1.5h-4a.75.75,0,0,0,0,1.5Z" fill="#323232"/></svg>
|
package/localization/en.json
CHANGED
|
@@ -12,6 +12,21 @@
|
|
|
12
12
|
"low": "L:",
|
|
13
13
|
"close": "C:"
|
|
14
14
|
},
|
|
15
|
+
"ohlcCard": {
|
|
16
|
+
"open": "O",
|
|
17
|
+
"high": "H",
|
|
18
|
+
"low": "L",
|
|
19
|
+
"close": "C",
|
|
20
|
+
"volume": "Vol",
|
|
21
|
+
"change": "Chg",
|
|
22
|
+
"variants": {
|
|
23
|
+
"compact": "Compact",
|
|
24
|
+
"outline": "Outline",
|
|
25
|
+
"compactRow": "Compact Row",
|
|
26
|
+
"kite": "Bluetab",
|
|
27
|
+
"bars": "Progress Bars"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
15
30
|
"options": {
|
|
16
31
|
"moveUp": "Up",
|
|
17
32
|
"moveDown": "Down",
|
|
@@ -127,6 +142,7 @@
|
|
|
127
142
|
"alwaysShowStats": "Always show stats",
|
|
128
143
|
"accountSize": "Account size",
|
|
129
144
|
"lotSize": "Lot size",
|
|
145
|
+
"leverage": "Leverage",
|
|
130
146
|
"riskPercentage": "Risk percentage",
|
|
131
147
|
"entryPrice": "Entry Price",
|
|
132
148
|
"coordinates": {
|
|
@@ -447,6 +463,42 @@
|
|
|
447
463
|
"adjustAll": "Adjust All",
|
|
448
464
|
"adjustOHLC": "Adjust OHLC"
|
|
449
465
|
},
|
|
466
|
+
"dateRange": {
|
|
467
|
+
"title": "Custom date range",
|
|
468
|
+
"custom": "Custom date range",
|
|
469
|
+
"label": "Date Range",
|
|
470
|
+
"goto": "Go to...",
|
|
471
|
+
"from": "From",
|
|
472
|
+
"to": "To",
|
|
473
|
+
"apply": "Apply",
|
|
474
|
+
"cancel": "Cancel",
|
|
475
|
+
"clear": "Clear",
|
|
476
|
+
"today": "Today",
|
|
477
|
+
"menu": {
|
|
478
|
+
"1D": "1 day in 5 minutes intervals",
|
|
479
|
+
"5D": "5 days in 15 minutes intervals",
|
|
480
|
+
"1M": "1 month in 1 hour intervals",
|
|
481
|
+
"3M": "3 months in 4 hours intervals",
|
|
482
|
+
"6M": "6 months in 4 hours intervals",
|
|
483
|
+
"YTD": "Year to date in 1 day intervals",
|
|
484
|
+
"1Y": "1 year in 1 day intervals",
|
|
485
|
+
"5Y": "5 years in 1 week intervals",
|
|
486
|
+
"All": "All data in 1 week intervals"
|
|
487
|
+
},
|
|
488
|
+
"months": "January, February, March, April, May, June, July, August, September, October, November, December",
|
|
489
|
+
"weekdaysShort": "Mo, Tu, We, Th, Fr, Sa, Su",
|
|
490
|
+
"presets": {
|
|
491
|
+
"1D": "1 day",
|
|
492
|
+
"5D": "5 days",
|
|
493
|
+
"1M": "1 month",
|
|
494
|
+
"3M": "3 months",
|
|
495
|
+
"6M": "6 months",
|
|
496
|
+
"YTD": "Year to date",
|
|
497
|
+
"1Y": "1 year",
|
|
498
|
+
"5Y": "5 years",
|
|
499
|
+
"All": "All history"
|
|
500
|
+
}
|
|
501
|
+
},
|
|
450
502
|
"viewMode": {
|
|
451
503
|
"fullWindow": "Full Window",
|
|
452
504
|
"fullScreen": "Full Screen",
|
|
@@ -600,7 +652,13 @@
|
|
|
600
652
|
"afterMarket": "After Market",
|
|
601
653
|
"closeMarket": "Close Market",
|
|
602
654
|
"executionLabels": "Execution Labels",
|
|
603
|
-
"executions": "Executions"
|
|
655
|
+
"executions": "Executions",
|
|
656
|
+
"renderQuality": {
|
|
657
|
+
"title": "Render Quality",
|
|
658
|
+
"low": "Low",
|
|
659
|
+
"medium": "Medium",
|
|
660
|
+
"high": "High"
|
|
661
|
+
}
|
|
604
662
|
},
|
|
605
663
|
"notification": {
|
|
606
664
|
"msg": {
|
|
@@ -680,6 +738,7 @@
|
|
|
680
738
|
"timeFrame": "Timeframes",
|
|
681
739
|
"compare": "Compare",
|
|
682
740
|
"addIndicators": "Indicators",
|
|
741
|
+
"ohlcCard": "OHLC Cards",
|
|
683
742
|
"themeSettings": "Options",
|
|
684
743
|
"ChartType": "Candles",
|
|
685
744
|
"cursorType": "Cursor options",
|
|
@@ -714,7 +773,10 @@
|
|
|
714
773
|
"saveImage": "Save Image",
|
|
715
774
|
"copyImage": "Copy Image",
|
|
716
775
|
"copyLink": "Copy Link",
|
|
717
|
-
"tweetImage": "Tweet Image"
|
|
776
|
+
"tweetImage": "Tweet Image",
|
|
777
|
+
"copyImageSuccess": "Image copied",
|
|
778
|
+
"copyImageDownloaded": "Couldn't copy to clipboard — image downloaded instead",
|
|
779
|
+
"copyImageFailed": "Couldn't copy or save the image"
|
|
718
780
|
},
|
|
719
781
|
"delete": {
|
|
720
782
|
"deleteAllShapes": "Remove All Shapes",
|
|
@@ -774,6 +836,9 @@
|
|
|
774
836
|
"name": {
|
|
775
837
|
"short": "Short",
|
|
776
838
|
"long": "Long"
|
|
839
|
+
},
|
|
840
|
+
"menu": {
|
|
841
|
+
"createLimitOrder": "Create Limit Order"
|
|
777
842
|
}
|
|
778
843
|
},
|
|
779
844
|
"contextMenu": {
|
|
@@ -944,6 +1009,8 @@
|
|
|
944
1009
|
"volatilityPeriod": "Volatility Period",
|
|
945
1010
|
"displacement": "Displacement",
|
|
946
1011
|
"offsetMultiplier": "Offset Multiplier",
|
|
1012
|
+
"multiplier": "Multiplier",
|
|
1013
|
+
"boxRatioSmoothing": "Box Ratio Smoothing",
|
|
947
1014
|
"timeFrame": "Time Frame",
|
|
948
1015
|
"timeFrameTitle": {
|
|
949
1016
|
"1m": "1 Min",
|