software-card/public/curation/index.html at 4f66a078befcc93a1df25fc19cfac40390adf2c3 · softwarepub/software-card · GitHub

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
<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="../style.css">
    <title>Software CaRD</title>
    <link rel="icon" href="../pictures/Logo.png" type="image/icon type">

</head>
<body>
    <div id="header">
    <h1><a href="../">Software CaRD</a>
    </h1>
    <canvas onclick="location.href = '../reporting/';" id="radar" width="80" height="80">
    </canvas>
    </div>
    <div class="navigation">
        <div>
            <a class="notes">&#x270D;   <!-- Or &#x1F4AC; -->
            <p class="notes-desc">Start to gather curation notes</p>
            </a>
        </div>
        <div>
            <a class="notes">&#x1F4C3;   <!-- Or &#x1F3AB; -->
            <p class="notes-desc">Send Issue Report to GitLab/GitHub</p>
            </a>
        </div>
        <div id="user-login">
            <a class="notes" href="../gitlab-setup/"> &#x1F464; <!-- Or &#x1F4AC; -->
                <p class="notes-desc">Authentificate to GitLab/GitHub</p>
            <a>
        </div>

    </div>

    <p id="project-name"><b>Metadata</b></p>
    <div class="operators">


    <div class="dropdown">
        <button onclick="showFilter()" class="btn btn-primary dropbtn">Filter</button>
        <div id="filterDropdown" class="dropdown-content">
            <input type="text" placeholder="Search.." id="myInput" onkeyup="filterFunction()">
            <a>&#10004; Select all</a>
            <div class="policy-header"><div class="policy-color" style="background-color: red;"></div><a>&#10004; Conflicts</a></div>
            <template id="filter">
            <div class="policy-header"><div class="policy-color" id="filter-id"></div><a id="filter-name">&#10004; Policy 1</a></div>
            </template>
        </div>
    </div>
        <div class="form-check form-switch">
    <input class="form-check-input"  type="checkbox" id="extended" name="extended" role="switch" value=1 checked>
    <label class="form-check-label"  for="extended">Extended view</label><br>
        </div>
    </div>

    <div id="content">
        <div id="hermes">
                <table class="table table-striped">
                    <colgroup>
                        <col id="col0">
                        <col id="col1">
                        <col id="col2">
                    </colgroup>
                    <tbody id="metadata">
                        <template id="metadate">
                        <tr>
                            <td id="key"></td>
                            <td id="value">
                                <div class="single-line-comment">+
                                    <p class="hover-text">Comment on this row</p>
                                </div>
                            </td>
                            <td id="tag"></td>
                        </tr>
                    </template>

                    </tbody>
                </table>

        </div>
        <div id="sw-policies">
        <h3 id="header-policies">Policy Report</h3>
        <template id="policy">
            <div class="policy-header">
            <div class="policy-color" id="color"></div>
            <b id="policy-name"></b>
            </div>
            <p id="policy-conforms"></p>
            <table>
                <tbody>
                    <template id="policy-report">
                        <tr id="tr">
                            <td id="pkey"></td>
                            <td id="pvalue"></td>
                        </tr>
                    </template>
                </tbody>
            </table>
        </template>
        </div>
    </div>


    <script type="module" src="./script.js"></script>
    <script src="./click.js"></script>

</body>
</html>