This commit is contained in:
Jason Snelders 2019-11-30 22:37:21 +11:00
parent 55073fc2c5
commit 4affb1ac2e
1 changed files with 8 additions and 7 deletions

View File

@ -942,20 +942,21 @@
<div v-if="$root.sections.skills.length > 0" v-for="(skill, index) in $root.sections.skills"> <div v-if="$root.sections.skills.length > 0" v-for="(skill, index) in $root.sections.skills">
<p>{{skill.name}}</p> <p>{{skill.name}}</p>
<div class="w3-light-grey w3-round-xlarge w3-small"> <div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" v-bind:style="{ width: $root.skillLevelAsPercent(index) + '%' }">{{skill.level}}</div>
</div> </div>
</div> </div>
<br> <br>
<!-- Languages --> <!-- Languages -->
<p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Languages</b></p> <div v-if="$root.sections.languages && $root.sections.languages.length > 0" >
<div v-if="$root.sections.languages.length > 0" v-for="(language, index) in $root.sections.languages"> <p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Languages</b></p>
<p>{{language.language}}</p> <div v-for="(language, index) in $root.sections.languages">
<div class="w3-light-grey w3-round-xlarge"> <p>{{language.language}}</p>
<div class="w3-round-xlarge w3-teal w3-center" v-bind:style="{ height: '24px', width: $root.languageFluencyAsPercent(index) + '%' }">{{language.fluency}}</div> <div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal w3-center" v-bind:style="{ height: '24px', width: $root.languageFluencyAsPercent(index) + '%' }">{{language.fluency}}</div>
</div>
</div> </div>
<br>
</div> </div>
<br>
</div> </div>
</div><br> </div><br>