Skip to content

Commit

Permalink
revert uneeded style changes
Browse files Browse the repository at this point in the history
  • Loading branch information
pwolanin committed Sep 20, 2023
1 parent 93306dc commit 9175174
Showing 1 changed file with 58 additions and 22 deletions.
80 changes: 58 additions & 22 deletions src/views/ward-leader.vue
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,13 @@
</section>

<section class="section stats-bar is-hidden-mobile">
<stats-bar :party="leader.party" :registered-voters-party="leader.registeredVotersParty"
:turnout-party-percent="turnoutPartyPercent" :division-count="leader.divisionCount"
:vacancy-count="vacancyCount"></stats-bar>
<stats-bar
:party="leader.party"
:registered-voters-party="leader.registeredVotersParty"
:turnout-party-percent="turnoutPartyPercent"
:division-count="leader.divisionCount"
:vacancy-count="vacancyCount"
></stats-bar>
</section>

<section class="section leader-info">
Expand All @@ -29,13 +33,17 @@
<div class="column">
<figure class="image" v-if="leader.photo">
<img :src="leader.photo">
<ask-detail :fullName="leader.fullName" detail="Photo" label="Have a better photo?"
defaultValue="Photo should be:"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Photo"
label="Have a better photo?"></ask-detail>
</figure>
<figure class="image" v-else>
<img src="../assets/photo-placeholder.png">
<ask-detail :fullName="leader.fullName" detail="Photo" label="Have a photo?"
defaultValue="Photo should be:"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Photo"
label="Have a photo?"></ask-detail>
</figure>
</div>
<div class="column">
Expand Down Expand Up @@ -87,35 +95,45 @@
<dd v-if="leader.address">{{ leader.address }}</dd>
<dd v-else>
<span class="unknown">Unknown</span>
<ask-detail :fullName="leader.fullName" detail="Address"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Address"></ask-detail>
</dd>

<dt>Phone</dt>
<dd v-if="leader.phone">{{ leader.phone }}</dd>
<dd v-else>
<span class="unknown">Unknown</span>
<ask-detail :fullName="leader.fullName" detail="Phone"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Phone"></ask-detail>
</dd>

<dt>Age</dt>
<dd v-if="age">{{ age }}</dd>
<dd v-else>
<span class="unknown">Unknown</span>
<ask-detail :fullName="leader.fullName" detail="Age"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Age"></ask-detail>
</dd>

<dt>Gender</dt>
<dd v-if="leader.gender">{{ leader.gender }}</dd>
<dd v-else>
<span class="unknown">Unknown</span>
<ask-detail :fullName="leader.fullName" detail="Gender"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Gender"></ask-detail>
</dd>

<dt>Occupation</dt>
<dd v-if="leader.occupation">{{ leader.occupation }}</dd>
<dd v-else>
<span class="unknown">Unknown</span>
<ask-detail :fullName="leader.fullName" detail="Occupation"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Occupation"></ask-detail>
</dd>
</dl>
</div>
Expand All @@ -127,7 +145,9 @@
</dd>
<dd v-else>
<span class="unknown">Unknown</span>
<ask-detail :fullName="leader.fullName" detail="Email"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Email"></ask-detail>
</dd>

<dt>Social Media</dt>
Expand All @@ -143,14 +163,19 @@
<a :href="leader.twitter">Twitter</a>
</li>
</ul>
<ask-detail :fullName="leader.fullName" detail="Social media" label="Know a link?"></ask-detail>
<ask-detail
:fullName="leader.fullName"
detail="Social media"
label="Know a link?"></ask-detail>
</dd>
<dt v-if="leader.campaignFinanceReports && leader.campaignFinanceReports.length > 0">
Campaign Finance Reports
</dt>
<dd>
<ul>
<li v-for="report in leader.campaignFinanceReports" :key="report.title">
<li
v-for="report in leader.campaignFinanceReports"
:key="report.title">
<a :href="report.url">
{{ report.year }}
</a>
Expand All @@ -163,34 +188,45 @@
</div>
<p class="has-text-centered">
Is this information incorrect?
<ask-detail :fullName="leader.fullName" label="Let us know"></ask-detail>
<ask-detail
:fullName="leader.fullName"
label="Let us know"></ask-detail>
</p>
</div>
</section>

<section class="section">
<ward-map :ward="leader.ward" :boundaries="wardBoundaries" :committeePersons="committeePersons"></ward-map>
<ward-map
:ward="leader.ward"
:boundaries="wardBoundaries"
:committeePersons="committeePersons"></ward-map>
</section>

<section class="section" v-if="committeePersons">
<div class="container">
<h2 class="title is-2">Committee Persons</h2>
<div class="columns is-multiline">
<committee-person v-for="person in committeePersons" :key="person.id" :fullName="person.fullName"
:division="person.division" :address="person.address" :title="person.title"
:email="person.email"></committee-person>
<committee-person
v-for="person in committeePersons"
:key="person.id"
:fullName="person.fullName"
:division="person.division"
:address="person.address"
:title="person.title"
:email="person.email"
></committee-person>
</div>
</div>
</section>

<div class="modal is-active" v-show="modalUrl">
<div class="modal-background" @click="modalUrl = null" />
<div class="modal-background" @click="modalUrl = null"/>
<div class="modal-content">
<p class="image">
<img :src="modalUrl">
</p>
</div>
<button @click="modalUrl = null" class="modal-close is-large" aria-label="close" />
<button @click="modalUrl = null" class="modal-close is-large" aria-label="close"/>
</div>

</div>
Expand Down

0 comments on commit 9175174

Please sign in to comment.