SHARE
TWEET

Untitled

a guest Jun 25th, 2019 76 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top