-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathROI.txt
221 lines (219 loc) · 7.21 KB
/
ROI.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<link
rel="stylesheet"
href="./ROI calculator_files/font-awesome.min.css"
type="text/css"
/>
<link
rel="stylesheet"
href="./ROI calculator_files/flatpickr.min.css"
type="text/css"
/>
<link
rel="stylesheet"
href="./ROI calculator_files/style.css"
type="text/css"
/>
<link
rel="stylesheet"
href="./ROI calculator_files/responsive.css"
type="text/css"
/>
<script src="./ROI calculator_files/jquery.min.js.download"></script>
<script src="./ROI calculator_files/flatpickr.js.download"></script>
<script src="./ROI calculator_files/roi-calculator.js.download"></script>
<div class="calculator_wrap">
<h1>ROI Calculator</h1>
<div class="currency_wrap">
<div class="calc_field">
<label class="calc_label">Currency</label>
<div class="calc_field_wrap medium_3">
<select class="calc_input" id="currency">
<option value="EUR" selected="selected">EUR</option>
<option value="USD">USD</option>
<option value="GBP">GBP</option>
<option value="AED">AED</option>
</select>
</div>
</div>
</div>
<div class="calc_details_wrap">
<div class="calc_form">
<h2>Basic ROI</h2>
<div class="calc_field">
<label class="calc_label"
>Amount Invested (<span class="calc_currency currency_symbol">€</span
>)</label
>
<div class="calc_field_wrap">
<input
class="calc_input currency_field"
type="text"
value="15.000,00 €"
placeholder="Amount Invested"
id="amount_invested"
data-val="15000"
/>
</div>
</div>
<div class="calc_field">
<label class="calc_label"
>Returned Amount (<span class="calc_currency currency_symbol">€</span
>)</label
>
<div class="calc_field_wrap">
<input
class="calc_input currency_field"
type="text"
value="25.000,00 €"
placeholder="Amount Invested"
id="returned_amount"
data-val="25000"
/>
</div>
</div>
<h2>Annualized ROI</h2>
<h4>Duration of Project</h4>
<div class="calc_toggle_wrap">
<div class="toggle_btn_wrap">
<div class="toggle_btn roi_tab checked" data-type="length">
<span>Use Length</span>
</div>
<div class="toggle_btn roi_tab" data-type="date">
<span>Use Dates</span>
</div>
<input type="hidden" id="duration_type" value="length" />
</div>
<div class="calc_toggle_box roi_tab_content use_length_wrap">
<div class="calc_field">
<div class="calc_field small">
<label class="calc_label">Duration of Project</label>
<div class="calc_field_wrap">
<input
class="calc_input"
type="number"
min="0"
step="1"
id="dop"
/>
</div>
</div>
<div class="calc_field small">
<label class="calc_label black">Time Unit</label>
<div class="calc_field_wrap medium_4">
<select class="calc_input" id="time_unit_length">
<option value="years">Years</option>
<option selected="selected" value="months">Months</option>
<option value="days">Days</option>
</select>
</div>
</div>
</div>
</div>
<div class="calc_toggle_box roi_tab_content use_date_wrap hide">
<div class="calc_field">
<label class="calc_label">Time Unit</label>
<div class="calc_field_wrap medium_5">
<select class="calc_input" id="time_unit_date">
<option value="years">Years</option>
<option value="months">Months</option>
<option value="days">Days</option>
</select>
</div>
</div>
<div class="calc_fields">
<div class="calc_field small">
<label class="calc_label"
>Start Date <span class="calc_description">(d/m/Y)</span></label
>
<div class="calc_field_wrap medium_6">
<input
class="calc_input date-picker flatpickr-input"
type="text"
placeholder="Start Date"
id="start_Date"
readonly="readonly"
/>
</div>
</div>
<div class="calc_field small">
<label class="calc_label"
>End Date <span class="calc_description">(d/m/Y)</span></label
>
<div class="calc_field_wrap medium_6">
<input
class="calc_input date-picker flatpickr-input"
type="text"
placeholder="End Date"
id="end_date"
readonly="readonly"
/>
</div>
</div>
</div>
</div>
</div>
<div class="calc_field">
<label class="calc_label"
>Target Annualized ROI <span class="calc_unit">(%)</span></label
>
<div class="calc_field_wrap">
<input
class="calc_input"
type="number"
value="50"
id="target_annualized_roi"
/>
</div>
</div>
<div class="calc_field submit_wrap">
<button type="submit" class="calc_form_submit" id="calculate_roi">
Calculate
</button>
</div>
</div>
<div class="calc_form result">
<h2>Results</h2>
<div class="calc_field">
<div class="calc_field">
<label class="calc_label"
>Gain or Loss (
<span class="calc_currency currency_symbol">€</span>)</label
>
</div>
<div class="calc_result_value">
<span class="gain_or_loss" id="gain_or_loss">0</span>
</div>
</div>
<div class="calc_field background">
<label class="calc_label">ROI <span class="calc_unit">(%)</span></label>
<div class="calc_result_value">
<span class="roi" id="roi">0 %</span>
</div>
</div>
<div class="calc_field">
<label class="calc_label"
>Annualized ROI <span class="calc_unit">(%)</span></label
>
<div class="calc_result_value">
<span class="annualized_roi" id="annualized_roi">0 %</span>
</div>
</div>
<div class="calc_field border">
<label class="calc_label">Time Needed to Achieve Target ROI</label>
<div class="calc_result_value">
<span class="time_needed" id="time_needed">0</span>
</div>
</div>
<div class="calc_field">
<label class="calc_label black">Time Unit</label>
<div class="calc_field_wrap medium_4">
<select class="calc_input" id="time_needed_unit">
<option value="years">years</option>
<option value="months">months</option>
<option selected="selected" value="days">days</option>
</select>
</div>
</div>
</div>
</div>
</div>