Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🌱 viewer: display scorecard version, API results URL #597

Merged
merged 14 commits into from
Mar 27, 2024
Merged

🌱 viewer: display scorecard version, API results URL #597

Changes from 12 commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
fb7fbf4
include api link
raghavkaul Mar 25, 2024
2785d24
display scorecard version
raghavkaul Mar 25, 2024
c8545fc
update url
raghavkaul Mar 25, 2024
d8395c2
update
raghavkaul Mar 25, 2024
15e9f67
update: styling
raghavkaul Mar 25, 2024
dd058ac
update
raghavkaul Mar 25, 2024
58b816e
update
raghavkaul Mar 25, 2024
a03deec
update
raghavkaul Mar 25, 2024
4504c50
update
raghavkaul Mar 25, 2024
01b59b5
update
raghavkaul Mar 25, 2024
cd32199
update
raghavkaul Mar 25, 2024
c47d95d
update
raghavkaul Mar 25, 2024
a10cce1
update
raghavkaul Mar 27, 2024
c430488
Merge branch 'main' into viewer-show-scorecard-version
raghavkaul Mar 27, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 32 additions & 5 deletions scorecards-site/static/viewer/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -573,7 +573,17 @@
color: inherit;
}

.btn-link:hover {
.btn-muted-link {
text-decoration: none;
font-size: 0.75rem;
color: var(--muted)
}

.btn-muted-link:visited {
color: var(--muted)
}

.btn-link:hover .btn-muted-link:hover {
text-decoration: underline;
}

Expand Down Expand Up @@ -850,6 +860,15 @@
</a>
</div>
</div>
<div class="content"><small class="fw-semibold">API URL:</small>
{{#if apiURL}}
<a class="btn-muted-link" href="{{apiURL}}" target="_blank" rel="noopener noreferrer">
https://api.scorecard.dev/{{data.repo.name}}
</a>
{{else}}
<span class="text-muted">-</span>
{{/if}}
</div>
<div class="content text-truncate"><small class="fw-semibold">COMMIT:</small>
{{#if data.repo.commit}}
<span class="d-none d-sm-inline-block text-muted">{{data.repo.commit}}</span>
Expand All @@ -865,6 +884,13 @@
<span class="text-muted">-</span>
{{/if}}
</div>
<div class="content"><small class="fw-semibold">SCORECARD VERSION:</small>
{{#if data.scorecard.version}}
<span class="text-muted">{{data.scorecard.version}}</span>
{{else}}
<span class="text-muted">-</span>
{{/if}}
</div>
</div>
<div class="d-none d-md-inline-block select-wrapper">
<div class="d-flex flex-row align-items-center">
Expand Down Expand Up @@ -1126,7 +1152,7 @@
document.getElementsByClassName('table-wrapper')[0].classList.add('embedded');
}

let platform, org, repo;
let platform, org, repo, apiURL;

if (params.uri) {
[platform, org, repo] = params.uri.split('/');
Expand Down Expand Up @@ -1295,7 +1321,8 @@
}

async function apiFetch(platform, org, repo, commit) {
const response = await fetch(`https://api.securityscorecards.dev/projects/${platform}/${org}/${repo}${commit ? `?commit=${commit}` : ''}`);
apiURL =`https://api.scorecard.dev/projects/${platform}/${org}/${repo}${commit ? `?commit=${commit}` : ''}`
const response = await fetch(apiURL);
if (response.ok) {
const data = await response.json();
return data;
Expand All @@ -1317,12 +1344,12 @@

if (platform && org && repo) {
// Load placeholder
renderDataTemplate({ data: {...PLACEHOLDER, checks: sortChecks(PLACEHOLDER.checks), repo: {name: `${platform}/${org}/${repo}`, commit: ""}}, isPlaceholder: true, sortBy: sortBy, sortDirection: sortDirection });
renderDataTemplate({ data: {...PLACEHOLDER, checks: sortChecks(PLACEHOLDER.checks), apiURL: apiURL, repo: {name: `${platform}/${org}/${repo}`, commit: ""}}, isPlaceholder: true, sortBy: sortBy, sortDirection: sortDirection });

apiFetch(platform, org, repo, params.commit)
.then((data) => {
scoreData = data;
renderDataTemplate({ data: {...data, checks: sortChecks(data.checks)}, isPlaceholder: false, sortBy: sortBy, sortDirection: sortDirection });
renderDataTemplate({ data: {...data, checks: sortChecks(data.checks)}, apiURL: apiURL, isPlaceholder: false, sortBy: sortBy, sortDirection: sortDirection });
})
.catch((error) => {
const template = Handlebars.compile(errorTmpl);
Expand Down
Loading