API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 25th, 2019
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.27 KB | None | 0 0
raw download clone embed print report
  1. <div class="row">
  2. <div class="col-xl-6">
  3. <div *ngIf="investment" class="card-box">
  4. <div class="row mb-1">
  5. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  6. <h4 class="mt-0 mb-1 pt-1">{{ investment.code }}</h4>
  7. </div>
  8. </div>
  9. <div class="row mb-1">
  10. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  11. <p class="text-muted font-13 mb-0">
  12. <strong>Název investice :</strong>
  13. </p>
  14. </div>
  15. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  16. <form
  17. #f="ngForm"
  18. *ngIf="showSimpleEditForm"
  19. class="form-inline float-left"
  20. (ngSubmit)="editInvestmentSimple(f.value)"
  21. >
  22. <input
  23. type="text"
  24. hidden
  25. [(ngModel)]="investmentID"
  26. name="investment_ID"
  27. />
  28. <input type="text" hidden ngModel="subject" name="field" />
  29. <input
  30. type="text"
  31. class="form-control float-left"
  32. [(ngModel)]="investment.subject"
  33. name="subject"
  34. />
  35.  
  36. <button
  37. *ngIf="showSimpleEditForm"
  38. type="submit"
  39. class="btn btn-link"
  40. >
  41. <i class="fe-check"></i>
  42. </button>
  43. </form>
  44. <span class="float-left" *ngIf="!showSimpleEditForm">{{
  45. investment.subject
  46. }}</span>
  47.  
  48. <button
  49. (click)="toggleSimpleEditForm()"
  50. type="button"
  51. class="btn btn-link"
  52. >
  53. <i class="fe-edit"></i>
  54. </button>
  55. </div>
  56. </div>
  57. <div class="row mb-1">
  58. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  59. <p class="text-muted mb-0 font-13">
  60. <strong>{{ "investment.product" | translate }} :</strong>
  61. </p>
  62. </div>
  63. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  64. Obchodní koš
  65. </div>
  66. </div>
  67. <div class="row mb-1">
  68. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  69. <p class="text-muted mb-2 font-13">
  70. <strong>{{ "investment.started_at" | translate }} :</strong>
  71. </p>
  72. </div>
  73. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  74. <form
  75. #activateForm="ngForm"
  76. (ngSubmit)="activateInvestment(activateForm.value)"
  77. >
  78. <div *ngIf="investment.started_at === null" class="form-group">
  79. <div class="input-group">
  80. <div class="input-group-prepend">
  81. <span class="input-group-text" id="basic-addon1"
  82. ><i class="mdi mdi-calendar"></i
  83. ></span>
  84. </div>
  85. <input
  86. name="date"
  87. class="form-control"
  88. mwlFlatpickr
  89. type="text"
  90. [dateFormat]="'Y-m-d'"
  91. [altInput]="true"
  92. [altFormat]="'d.M.Y'"
  93. ngModel
  94. />
  95. <div class="input-group-append">
  96. <button class="btn btn-primary">Aktivovat</button>
  97. </div>
  98. </div>
  99. </div>
  100. <div *ngIf="investment.started_at !== null">
  101. <span>{{ investment.started_at_formated }}</span>
  102. </div>
  103. </form>
  104. </div>
  105. </div>
  106. <div class="row mb-1">
  107. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  108. <p class="text-muted font-13 mb-0">
  109. <strong>{{ "investment.activated_at" | translate }} :</strong>
  110. </p>
  111. </div>
  112. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  113. <span>{{ investment.activated_at_formated }}</span>
  114. </div>
  115. </div>
  116. <div class="row mb-1">
  117. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  118. <p class="text-muted font-13 mb-0">
  119. <strong>{{ "investment.deadline" | translate }} :</strong>
  120. </p>
  121. </div>
  122. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  123. <div *ngIf="investment.done_at === null">
  124. <button
  125. *ngIf="investment.activated_at"
  126. (click)="endInvestment()"
  127. class="btn btn-secondary btn-xs"
  128. >
  129. {{ "investment.action_end_investment_button" }}
  130. </button>
  131. </div>
  132. <div *ngIf="investment.done_at !== null">
  133. <span>{{ investment.done_at_formated }}</span>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="row mb-1">
  138. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  139. <p class="text-muted font-13 mb-0"><strong>Klient :</strong></p>
  140. </div>
  141. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  142. <span>{{ investment.customer.fullname}}</span>
  143. </div>
  144. </div>
  145. <div class="row mb-1">
  146. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  147. <p class="text-muted font-13 mb-0"><strong>Přidáno :</strong></p>
  148. </div>
  149. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  150. <span>{{ investment.created_at_formated}}</span>
  151. </div>
  152. </div>
  153. <div class="row mb-1">
  154. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  155. <p class="text-muted font-13 mb-0">
  156. <strong>Aktualizováno :</strong>
  157. </p>
  158. </div>
  159. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  160. <span>{{investment.updated_at_formated}}</span>
  161. </div>
  162. </div>
  163. <div class="row mb-1">
  164. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  165. <p class="text-muted font-13 mb-0">
  166. <strong>{{ "customer.beneficiary" | translate }} :</strong>
  167. </p>
  168. </div>
  169. <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
  170. <form
  171. #ff="ngForm"
  172. *ngIf="showSimpleEditFormBeneficiary"
  173. class="form-inline float-left"
  174. (ngSubmit)="editInvestmentSimple(ff.value)"
  175. >
  176. <input
  177. type="text"
  178. hidden
  179. [(ngModel)]="investmentID"
  180. name="investment_ID"
  181. />
  182. <input type="text" hidden ngModel="beneficiary_ID" name="field" />
  183. <select
  184. [(ngModel)]="investment.beneficiary.customer_ID"
  185. name="beneficiary_ID"
  186. class="form-control"
  187. >
  188. <option value="">{{ "global.none" | translate }}</option>
  189. <option
  190. value="{{ b.customer_ID }}"
  191. *ngFor="let b of investment.customer[0].beneficiary"
  192. >{{ b.name + " " + b.surname }}</option
  193. >
  194. </select>
  195. <button
  196. *ngIf="showSimpleEditFormBeneficiary"
  197. type="submit"
  198. class="btn btn-link"
  199. >
  200. <i class="fe-check"></i>
  201. </button>
  202. </form>
  203. <a *ngIf="!showSimpleEditFormBeneficiary">{{
  204. investment.beneficiary.name !== null
  205. ? investment.beneficiary?.name +
  206. " " +
  207. investment.beneficiary?.surname
  208. : "Žádná"
  209. }}</a>
  210. <button
  211. type="button"
  212. (click)="toggleSimpleEditFormBeneficiary()"
  213. class="btn btn-link"
  214. >
  215. <i class="fe-edit"></i>
  216. </button>
  217. </div>
  218. </div>
  219. <div class="text-right">
  220. <button
  221. type="button"
  222. class="btn btn-secondary"
  223. (click)="requestInvestmentDocument()"
  224. >
  225. {{ "investment.action_generate_document_button" | translate }}
  226. </button>
  227. <button
  228. type="button"
  229. class="btn btn-danger ml-2"
  230. (click)="deleteInvestment()"
  231. >
  232. {{ "investment.action_remove_investment_button" | translate }}
  233. </button>
  234. </div>
  235. </div>
  236. <app-withdraw-request
  237. [investmentID]="investmentID"
  238. (refresh)="refreshRequests()"
  239. [requests]="investmentRequest"
  240. ></app-withdraw-request>
  241. </div>
  242. <div class="col-xl-6">
  243. <div class="row">
  244. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
  245. <app-counterup
  246. [title]="'Aktuální stav'"
  247. [amount]="5000"
  248. ></app-counterup>
  249. </div>
  250. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
  251. <app-counterup [title]="'Zisk'" [amount]="10000"></app-counterup>
  252. </div>
  253. </div>
  254. <div class="row">
  255. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
  256. <app-counterup [title]="'Vklady'" [amount]="15000"></app-counterup>
  257. </div>
  258. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
  259. <app-counterup [title]="'Výběry'" [amount]="17000"></app-counterup>
  260. </div>
  261. </div>
  262. <div class="row">
  263. <div class="col-12">
  264. <app-documents [documents]="investment?.document"></app-documents>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <div class="row">
  270. <div class="col-lg-6">
  271. <div class="card-box">
  272. <div class="card-body">
  273. <h4 class="header-title">Vývoj investice</h4>
  274. <div class="row mt-4 text-center">
  275. <div class="col-4">
  276. <p class="text-muted font-15 mb-1 text-truncate">Cíl</p>
  277. <h4>
  278. <i class="fe-arrow-down text-danger mr-1"></i>
  279. CZK 7.8k
  280. </h4>
  281. </div>
  282. <div class="col-4">
  283. <p class="text-muted font-15 mb-1 text-truncate">Minulé období</p>
  284. <h4>
  285. <i class="fe-arrow-up text-success mr-1"></i>
  286. CZK 1.4k
  287. </h4>
  288. </div>
  289. <div class="col-4">
  290. <p class="text-muted font-15 mb-1 text-truncate">Aktuální období</p>
  291. <h4>
  292. <i class="fe-arrow-down text-danger mr-1"></i>
  293. CZK 15k
  294. </h4>
  295. </div>
  296. </div>
  297. <apx-chart
  298. [series]="series"
  299. [chart]="chart"
  300. [theme]="theme"
  301. [tooltip]="tooltip"
  302. [grid]="grid"
  303. [yaxis]="yaxis"
  304. ></apx-chart>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="col-lg-6">
  309. <div class="card-box">
  310. <div class="card-body">
  311. <h4 class="header-title">Měsíční přípisy investice</h4>
  312. <div class="row mt-4 text-center">
  313. <div class="col-4">
  314. <p class="text-muted font-15 mb-1 text-truncate">Cíl</p>
  315. <h4>
  316. <i class="fe-arrow-down text-danger mr-1"></i>
  317. CZK 7.8k
  318. </h4>
  319. </div>
  320. <div class="col-4">
  321. <p class="text-muted font-15 mb-1 text-truncate">Minulé období</p>
  322. <h4>
  323. <i class="fe-arrow-up text-success mr-1"></i>
  324. CZK 1.4k
  325. </h4>
  326. </div>
  327. <div class="col-4">
  328. <p class="text-muted font-15 mb-1 text-truncate">Aktuální období</p>
  329. <h4>
  330. <i class="fe-arrow-down text-danger mr-1"></i>
  331. CZK 15k
  332. </h4>
  333. </div>
  334. </div>
  335. <apx-chart
  336. [series]="series"
  337. [chart]="chartBar"
  338. [theme]="themeBar"
  339. [tooltip]="tooltip"
  340. [grid]="grid"
  341. ></apx-chart>
  342. </div>
  343. </div>
  344. </div>
  345. </div>
  346. <div class="row">
  347. <div class="col-12">
  348. <div class="card-box">
  349. <div class="card-header">
  350. <div class="row">
  351. <div class="col-sm-4">
  352. <h4 class="header-title">
  353. {{ "investment.withdraws_and_deposits" | translate }}
  354. </h4>
  355. </div>
  356. <div class="col-sm-8">
  357. <div class="text-sm-right">
  358. <button type="button" class="btn btn-secondary mb-2 mr-1">
  359. <i class="mdi mdi-settings"></i>
  360. </button>
  361. <button type="button" class="btn btn-secondary mb-2 mr-1">
  362. Import
  363. </button>
  364. <button type="button" class="btn btn-secondary mb-2">
  365. Export
  366. </button>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. <div class="card-body pt-0">
  372. <div class="table-responsive">
  373. <table
  374. datatable
  375. [dtOptions]="dtOptions"
  376. [dtTrigger]="dtTrigger"
  377. class="table table-centered"
  378. >
  379. <thead>
  380. <tr>
  381. <th>ID</th>
  382. <th>First name</th>
  383. <th>Last name</th>
  384. </tr>
  385. </thead>
  386. <tbody>
  387. <tr *ngFor="let person of persons">
  388. <td>{{ person.id }}</td>
  389. <td>{{ person.firstName }}</td>
  390. <td>{{ person.lastName }}</td>
  391. </tr>
  392. </tbody>
  393. </table>
  394. </div>
  395. </div>
  396. </div>
  397. </div>
  398. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!