-
Notifications
You must be signed in to change notification settings - Fork 200
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #13440 from mtruj013/search-results-layout
Search results page, layout and pagination
- Loading branch information
Showing
13 changed files
with
687 additions
and
415 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,80 @@ | ||
{% for cve in cves %} | ||
<div class="row"> | ||
<div class="col-6 col-medium-4"> | ||
<div class="cve-card-header"> | ||
<h2 class="p-heading--5"> | ||
<a href="/security/{{ cve.id }}">{{ cve.id }}</a> | ||
</h2> | ||
<span id="priority-icon"> | ||
{% if cve.priority == 'unknown' %} | ||
<i class="p-icon--placeholder"></i> | ||
{% elif cve.priority == 'negligible' %} | ||
<i class="p-icon--negligible-priority"></i> | ||
{% elif cve.priority == 'low' %} | ||
<i class="p-icon--low-priority"></i> | ||
{% elif cve.priority == 'medium' %} | ||
<i class="p-icon--medium-priority"></i> | ||
{% elif cve.priority == 'high' %} | ||
<i class="p-icon--high-priority"></i> | ||
{% elif cve.priority == 'critical' %} | ||
<i class="p-icon--critical-priority"></i> | ||
{% else %} | ||
<i class="p-icon--placeholder"></i> | ||
{% endif %} | ||
<span>{{ cve.priority.split() | first | capitalize }} priority</span> | ||
</span> | ||
</div> | ||
</div> | ||
<div class="col-3 col-medium-2"> | ||
{% set status = cve.summarized_status %} | ||
{% if status.name == "Some fixed" %} | ||
<p>Some fixes available <span class="u-text--muted">{{ status.fixed_count }} of {{ status.total_count }}</span></p> | ||
{% elif status.name == "Needs evaluation" %} | ||
<p> | ||
<i class="p-icon--help"></i> <span>Needs evaluation</span> | ||
</p> | ||
{% elif status.name == "Fixed" %} | ||
<p> | ||
<i class="p-icon--success"></i> <span>Fixed</span> | ||
</p> | ||
{% elif status.name == "Vulnerable" %} | ||
<p> | ||
<i class="p-icon--warning"></i> <span>Vulnerable</span> | ||
</p> | ||
{% elif status.name == "DNE" %} | ||
<p> | ||
<span>Not in release</span> | ||
</p> | ||
{% else %} | ||
{{status}} | ||
{% endif %} | ||
</div> | ||
</div> | ||
<div class="row p-section--shallow"> | ||
<div class="col-6 col-medium-4"> | ||
<p>{{ cve.description|truncate(235) }}</p> | ||
</div> | ||
<div class="col-3 col-medium-2"> | ||
<p class="p-text--small-caps u-text--muted u-no-margin--top">{{ cve.packages | length}} affected packages</p> | ||
<p class="u-text--muted"> | ||
{% for package in cve.packages %} | ||
{% if cve.packages | length > 6 %} | ||
{% if loop.index < 5 %} | ||
{{ package.name }}, | ||
{% elif loop.index == 5 %} | ||
{{ package.name }}... | ||
{% endif %} | ||
{% else %} | ||
{% if loop.last %} | ||
{{ package.name }} | ||
{% else %} | ||
{{ package.name }}, | ||
{% endif %} | ||
{% endif %} | ||
{% endfor %} | ||
</div> | ||
</div> | ||
{% if loop.index < cves | length %} | ||
<hr class="p-rule" /> | ||
{% endif %} | ||
{% endfor %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,104 @@ | ||
<div class="p-section--shallow"> | ||
<p class="p-text--small-caps">Filters</p> | ||
</div> | ||
<!-- package filter --> | ||
<form id="package-filter"> | ||
<label class="p-form__label p-heading--5 p-section--shallow u-no-margin--bottom" for="package"><i class="p-icon--chevron-down"></i> Affected packages</label> | ||
<input type="text" id="affectedPackages" name="affectedPackages" placeholder="Any package" /> | ||
</form> | ||
<!-- releases filter --> | ||
<div class="p-section--shallow"> | ||
<i class="p-icon--chevron-down"></i><span class="p-heading--5"> Ubuntu releases</span> | ||
<form> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="allMaintainedReleases" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="allMaintainedReleases">All maintained releases</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="22.10" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="22.10">22.10 kinetic</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="22.04" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="22.04">22.04 LTS jammy</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="20.04" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="20.04">20.04 LTS focal</span> | ||
</label> | ||
<p class="p-text--small-caps" style="padding-left: 2rem;">Still maintained with<br/> Ubuntu Pro</p> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="18.04" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="18.04">18.04 LTS bionic</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="16.04" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="16.04">16.04 LTS xenial</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="14.04" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="14.04">14.04 LTS trusty</span> | ||
</label> | ||
</form> | ||
<a>Show unmaintained releases</a> | ||
</div> | ||
<!-- ubuntu priority filter --> | ||
<div class="p-section--shallow"> | ||
<i class="p-icon--chevron-down"></i><span class="p-heading--5"> Ubuntu priority</span> | ||
<form> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="critical" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="critical">Critical</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="high" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="high">High</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="medium" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="medium">Medium</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="low" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="low">Low</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="negligible" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="negligible">Negligible</span> | ||
</label> | ||
</form> | ||
<a>What is Ubuntu priority?</a> | ||
</div> | ||
<!-- status filters--> | ||
<div class="p-section--shallow"> | ||
<i class="p-icon--chevron-down"></i><span class="p-heading--5"> Ubuntu priority</span> | ||
<form> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="fixed" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="fixed">Fixed</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="vulnerable" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="vulnerable">Vulnerable</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="ignored" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="ignored">Ignored</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="notAffected" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="notAffected">Not affected</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="packageNotPresent" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="packageNotPresent">Package not present</span> | ||
</label> | ||
<label class="p-checkbox"> | ||
<input type="checkbox" aria-labelledby="noData" class="p-checkbox__input" /> | ||
<span class="p-checkbox__label" id="noData">No data</span> | ||
</label> | ||
</form> | ||
<a>What do statuses mean?</a> | ||
</div> | ||
|
||
<button class="p-button">Clear all filters</button> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,46 @@ | ||
<section class="p-section"> | ||
<div class="row--25-75 is-split-on-medium"> | ||
<hr class="p-rule"/> | ||
<div class="col"> | ||
<h2>Resources</h2> | ||
</div> | ||
<div class="col"> | ||
<div class="row"> | ||
<div class="col-3"> | ||
<h3 class="p-heading--5">Join the discussion</h3> | ||
</div> | ||
<div class="col-6"> | ||
<ul class="p-list--divided"> | ||
<li class="p-list__item"><a href="https://lists.ubuntu.com/mailman/listinfo/ubuntu-hardened" onclick="dataLayer.push({'event' : 'GAEvent', 'eventCategory' : 'Contextual footer link', 'eventAction' : 'Ubuntu security updates mailing list', 'eventLabel' : 'Join the discussion', 'eventValue' : undefined });">Ubuntu security mailing list</a></li> | ||
<li class="p-list__item"><a href="https://lists.ubuntu.com/mailman/listinfo/ubuntu-security-announce" onclick="dataLayer.push({'event' : 'GAEvent', 'eventCategory' : 'Contextual footer link', 'eventAction' : 'Security announcements mailing list', 'eventLabel' : 'Join the discussion', 'eventValue' : undefined });">Security announcements mailing list</a></li> | ||
</ul> | ||
</div> | ||
</div> | ||
<hr class="p-rule"/> | ||
<div class="row p-section--shallow"> | ||
<div class="col-3"> | ||
<h3 class="p-heading--5">Ubuntu Pro</h3> | ||
</div> | ||
<div class="col-6"> | ||
<p>10-year security coverage for Ubuntu <br aria-hidden="true"> and 23,000 open-source applications and toolchains.</p> | ||
<a class="p-button" href="/pro">Get Ubuntu Pro</a> | ||
</div> | ||
</div> | ||
<hr class="p-rule"/> | ||
<div class="row"> | ||
<div class="col-3"> | ||
<h3 class="p-heading--5">From our blog</h3> | ||
</div> | ||
<div class="col-6"> | ||
<ul class="p-list--divided"> | ||
<li class="p-list__item"><a href="/blog/securing-multiple-ubuntu-instances-while-maximising-uptime">Ubuntu Explained: How to ensure security and stability in cloud instances—part 3</a></li> | ||
<li class="p-list__item"><a href="/blog/ubuntu-updates-best-practices-for-updating-your-instance">Ubuntu Explained: How to ensure security and stability in cloud instances—part 2</a></li> | ||
<li class="p-list__item"><a href="/blog/running-openssl-1-1-1-after-eol-with-ubuntu-pro">Running OpenSSL 1.1.1 after EOL? Stay secure with Ubuntu Pro.</a></li> | ||
<li class="p-list__item"><a href="/blog/ubuntu-23-10-restricted-unprivileged-user-namespaces">Restricted unprivileged user namespaces are coming to Ubuntu 23.10</a></li> | ||
<li class="p-list__item"><a href="/blog/securing-open-source-software-dependencies-in-the-public-cloud">Securing open source software dependencies in the public cloud</a></li> | ||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section> |
Oops, something went wrong.