aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/item-dataset/item-dataset.component.html
blob: 11ff61c313e7f4a9f4d096da3ef85c650f7e5aba (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
<div class="card" style="min-width: 12rem;">
<div class="card-header d-flex mb-2 justify-content-" style="padding: 0;margin: 0;">
    
        <div class=" p-2 float-left "><b   style="color: gray;">Naziv</b></div> 
        <div class=" p-2 float-left"><b>{{dataset.name}}</b></div>
</div>
<div class="card-body overflow-hidden">
    <b style="color: gray;">Opis</b>
     <hr style="width: 20%;"> <p> {{dataset.description}}</p>
    <hr>
    <div class="d-flex justify-content-center">
        <div  class=" p-2" >
            <h4><span class="badge bg-secondary">{{dataset.extension}}</span></h4>
        </div> 
        <div class="p-2">
            <span class="material-icons">{{visibleicon}}</span>
        </div>
        <div class="p-2">
            <span class="material-icons">{{accessibleicon}}</span>
        </div>
    </div>
    <hr>
    <div class="col text-center">
<button (click)=toggleDisplayDiv() class="btn btn-primary btn-sm active " mat-raised-button color="primary" style="margin: 0.5rem;">Kolone</button>
        <div [hidden]="isShowDiv" style="overflow: scroll; overflow-y: hidden;">
            <table class="table table-bordered table-md" >
                <thead>
                    <th scope="col" *ngFor="let column of dataset.columnInfo" >{{column.columnName}}</th> 
                </thead>
            </table>
        </div>
</div>
    <table>
        <tr><td><span class="material-icons">calendar_today</span></td><td><span style="color: grey;">   <b> Kreirano</b></span></td><td>{{dataset.dateCreated |date}}</td></tr>
        <tr><td><span class="material-icons">edit_calendar</span></td><td><span style="color: grey;">  <b> Poslednja izmena</b></span></td><td>{{dataset.lastUpdated |date}}</td></tr> 
    </table>
    
</div>
<div class="card-footer">	
        
    </div>