Skip to content

Changed atorneyview and added match case #185

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

Open
chetanpilane wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Changed atorneyview and added match case #185

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
20 changes: 19 additions & 1 deletion client/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -460,4 +460,22 @@ section.articles {

.single-attorney .card-footer {
height: 75px;
}
}
.icons a:hover {
color: #007bff;
transition: color 0.3s ease;
}

.case-list li a:hover {
text-decoration: underline;
}

.jumbotron {
background-color: #f8f9fa;
padding: 30px;
border-radius: 10px;
}

.list-inline-item {
margin-right: 10px;
}
111 changes: 26 additions & 85 deletions client/templates/sections/attorney-view.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,89 +1,28 @@
<template name="attorneyView">
{{#if Attorneys}}
{{#each Attorneys}}
<div class="jumbotron">
<div class="jumbotron" style="padding: 30px; background-color: #f8f9fa; border-radius: 10px;">
<div class="container">
<div class="row">
<div class="row align-items-center">
<div class="col-md-4">
{{#if headshot}}
<img src="{{headshot}}" class="thumbnail" width="100%" />
<img src="{{headshot}}" class="thumbnail img-fluid rounded" />
{{else}}
<img src="/images/anon-prosecutor.jpg" class="thumbnail" width="100%" />
<img src="/images/anon-prosecutor.jpg" class="thumbnail img-fluid rounded" />
{{/if}}
</div>
<div class="col-md-8" style="text-align: left;">
<h1>{{name}}</h1>
<h2>{{role}}</h2>
<div class="col-md-8">
<h1 class="display-4">{{name}}</h1>
<h2 class="lead">{{role}}</h2>
<h3><strong>{{state}}</strong> ({{county}})</h3>
<div class="row">
<div class="col-md-6">
<p>
{{office.address.street}}<br />
{{office.address.city}}, {{state}} {{office.address.zipcode}}<br />
</p>
</div>
<div class="col-md-6" style="text-align: right;">
<p>
<strong><a href="tel:{{office.address.phone}}"><i class="fas fa-phone-square"></i> {{office.address.phone}}</a></strong><br />
<strong><a href="mailto:{{office.email}}"> <i class="fas fa-envelope"></i> {{office.email}}</a></strong>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="icons">
{{#if websites.url}}
<li>
<a href="{{websites.url}}" target="_blank">
<i class="fas fa-external-link-alt"></i>
</a>
</li>
{{/if}}
{{#if websites.wiki}}
<li>
<a href="{{websites.wiki}}" target="_blank">
<i class="fab fa-wikipedia-w"></i>
</a>
</li>
{{/if}}
{{#if websites.googleNews}}
<li>
<a href="{{websites.googleNews}}" target="_blank">
<i class="fas fa-newspaper"></i>
</a>
</li>
{{/if}}
{{#if websites.facebook}}
<li>
<a href="{{websites.facebook}}" target="_blank">
<i class="fab fa-facebook-square"></i>
</a>
</li>
{{/if}}
{{#if websites.twitter}}
<li>
<a href="{{websites.twitter}}" target="_blank">
<i class="fab fa-twitter-square"></i>
</a>
</li>
{{/if}}
{{#if websites.instagram}}
<li>
<a href="{{websites.instagram}}" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</li>
{{/if}}
{{#if websites.linkedin}}
<li>
<a href="{{websites.linkedin}}" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
</li>
{{/if}}
</ul>
</div>
</div>
<p>
{{office.address.street}}<br />
{{office.address.city}}, {{state}} {{office.address.zipcode}}<br />
</p>
<p>
<strong><a href="tel:{{office.address.phone}}"><i class="fas fa-phone-square"></i> {{office.address.phone}}</a></strong><br />
<strong><a href="mailto:{{office.email}}"><i class="fas fa-envelope"></i> {{office.email}}</a></strong>
</p>
</div>
</div>
</div>
Expand All @@ -92,44 +31,46 @@ <h3><strong>{{state}}</strong> ({{county}})</h3>
<div class="container">
{{> articleView}}

<!-- Relevant Cases Section -->
<section class="row my-5">
<div class="page-header">
<h2>Relevant Cases</h2>
<ul class="case-list">
<ul class="case-list list-unstyled">
{{#each relevantCases}}
<li>
<li class="mb-4">
<h3>
<a href="{{this.url}}" target="_blank">
<a href="{{this.url}}" target="_blank" class="text-primary">
{{this.title}}
</a>
<p><em>{{this.summary}}</em></p>
</h3>
<p><em>{{this.summary}}</em></p>
</li>
{{/each}}
</ul>
</div>
</section>

<!-- Previous Prosecutors Section -->
<section class="row my-5">
<div class="page-header">
<h2>Previous Prosecutors</h2>
<p>A list of previous prosecutors who occupied this role.</p>
<ul class="case-list">
<ul class="case-list list-unstyled">
{{#each previous}}
<li>
<li class="mb-4">
<h3>
<a href="{{this.url}}" target="_blank">
<a href="{{this.url}}" target="_blank" class="text-primary">
{{this.name}}
</a>
<p><em>From {{formatDate this.appointed}} to {{formatDate this.exited}}</em></p>
</h3>
<p><em>From {{formatDate this.appointed}} to {{formatDate this.exited}}</em></p>
</li>
{{/each}}
</ul>
</div>
</section>

</div>
{{/each}}
{{/if}}
</template>

34 changes: 34 additions & 0 deletions client/templates/sections/current-prosecutors/match case.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<template name="relevantCasesView">
<section class="relevant-cases row my-5">
<div class="col-12 text-center">
<h2 class="mb-4">Relevant Cases</h2>
</div>
{{#each relevantCases}}
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">

{{#if caseImage}}
<img src="{{caseImage}}" class="card-img-top img-fluid" alt="{{title}}">
{{else}}
<img src="/images/default-case.jpg" class="card-img-top img-fluid" alt="Default Case Image">
{{/if}}

<div class="card-body">
<!-- Case Title with link if URL exists -->
{{#if url}}
<h3 class="card-title">
<a href="{{url}}" target="_blank" class="text-primary">{{title}}</a>
</h3>
{{else}}
<h3 class="card-title font-weight-bold">{{title}}</h3>
{{/if}}

<!-- Case Summary -->
<p class="card-text">{{summary}}</p>
</div>
</div>
</div>
{{/each}}
</section>
</template>