aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_pages/predict/predict.component.html
blob: fe17c96df2712fb2a71667bfadeeebda083e800b (plain) (blame)
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
<div id="wrapper">
    <br>
    <div id="container" class="container p-5" style="background-color: white; min-height: 100%;">
        
        <div id="header">
            <h1>Iskoristite prediktor</h1>
        </div>
        
        <br>
        
        <div class="form-group row mt-3 mb-2 d-flex justify-content-left">
            <!--justify-content-center-->
            <h2> Izabrani prediktor: </h2>
            <div class="col-10">
                <label for="output" class="col-sm-5 col-form-label">Naziv prediktora: <b>{{predictor.name}}</b></label>
            </div>
            <div>
                <label for="output" class="col-sm-5 col-form-label">Opis prediktora: <b>{{predictor.description}}</b></label>
            </div>
        </div>

        <br>
        <div >
            <!--input -->
            <h3>Popunite ulazne kolone:</h3>
            <div id="divInputs" class="form-check mt-2">
                <div *ngIf="predictor" class="form-group row mt-3 mb-2 d-flex justify-content-left">
                    <div *ngFor="let input of predictor.inputs; let i = index">
                        <label for="{{input}}" class="col-sm-2 col-form-label"><b>{{input}}</b></label>
                        <input name="{{input}}"  type="text"  [(ngModel)]="inputs[i]" >

                    </div>
                    
                </div>
            </div>
           
            

        </div>
        <div>
            <label for="output" class="col-sm-2 col-form-label">Izlaz: <b>{{predictor.output}}</b></label>
        </div>
        <br>
        <br>
        <br>
        <br>
        <br>

        <div class="col-5 mt-2">
            <label for="type" class="form-check-label">Da li je prediktor javan?</label>
            <input class="mx-3 form-check-input" type="checkbox" [(ngModel)]="predictor.isPublic"
                type="checkbox" value="" >
        </div>
        <div class="col-5 mt-2">
            <label for="type" class="form-check-label">Da li je dostupan za deljenje?</label>
            <input class="mx-3 form-check-input" type="checkbox" [(ngModel)]="predictor.accessibleByLink"
                type="checkbox" value="" >
        </div>
        <br>
        <div class="col-2">
            <label for="dateCreated" class="col-form-label">Datum:</label> 
            <input type="text" class="form-control-plaintext" id="dateCreated" placeholder="--/--/--"
                value="{{predictor.dateCreated | date: 'dd/MM/yyyy'}}" readonly>
        </div>

        
        <br><br>
        <div class="form-group row mt-5 mb-3">
            <div class="col"></div>
            <button class="btn btn-lg col-4" style="background-color:#003459; color:white;"
                (click)="usePredictor();">Iskoristi prediktor</button>
            <div class="col"></div>
            
        </div>

        
        
    </div>
</div>