ilia/resume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(templates): Fixed vue for:key directives on all templates

Browse Source
This commit is contained in:
Prashanth 2017-09-24 10:23:45 -07:00
parent 50db4e92fa
commit 126b05d0e7
5 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/resumes/left-right.vue
View File

@ -14,7 +14,7 @@
<div class="left half">
<div class="experience">
<h3>{{ lang.headings.experience }}</h3>
<div class="experience-block" v-for="experience in person.experience">
<div class="experience-block" v-for="experience in person.experience" :key="experience.company">
<span class="company"> {{experience.company}} </span>
<span class="job-title"> {{experience.position}} </span>
<span class="time-period"> {{experience.timeperiod}}</span>
@ -50,14 +50,14 @@
<div class="right half">
<div class="education">
<h3>{{ lang.headings.education }}</h3>
<div class="education-block" v-for="education in person.education">
<div class="education-block" v-for="education in person.education" :key="education.degree">
<span class="degree">{{education.degree}}</span>
<span class="degree-description">{{education.description}}</span>
</div>
</div>
<h3>{{ lang.headings.skills }}</h3>
<div class="skills">
<div class="skill-block" v-for="skill in person.skills">
<div class="skill-block" v-for="skill in person.skills" :key="skill.name">
<span class="skill">{{skill.name}}</span>
<div class="skill-bar">
<div :style="'width: '+skill.level+'%'" class="level"> </div>

6
src/resumes/material-dark.vue
View File

@ -79,7 +79,7 @@
<div class="section-headline">
{{ lang.headings.skills }}
</div>
<div class="skill" v-for="skill in person.skills">
<div class="skill" v-for="skill in person.skills" :key="skill.name">
<div class="right">
<span>{{skill.name}}&nbsp;</span>
<div class="progress">
@ -99,7 +99,7 @@
</div>
<div class="section-headline">{{ lang.headings.experience }}</div>
<div class="block" v-for="experience in person.experience">
<div class="block" v-for="experience in person.experience" :key="experience.company">
<div class="block-helper"></div>
<div class="headline">{{experience.position}} - {{experience.company}}</h3>
<div class="subheadline">{{experience.timeperiod}}</div>
@ -109,7 +109,7 @@
</div>
</div>
<div class="section-headline">{{ lang.headings.education }}</div>
<div class="block" v-for="education in person.education">
<div class="block" v-for="education in person.education" :key="education.degree">
<div class="block-helper"></div>
<div class="headline">{{education.degree}}</div>
<p class="info">

6
src/resumes/oblique.vue
View File

@ -18,7 +18,7 @@
<div class="experience">
<h3>{{ lang.headings.experience }}</h3>
<div class="experience-block" v-for="experience in person.experience">
<div class="experience-block" v-for="experience in person.experience" :key="experience.company">
<div class="row">
<span class="job-title"> {{experience.position}} </span>
<i class="material-icons">details</i>
@ -33,7 +33,7 @@
</div>
<div class="education">
<h3>{{ lang.headings.education }}</h3>
<div class="education-block" v-for="education in person.education">
<div class="education-block" v-for="education in person.education" :key="education.degree">
<div class="row">
<span class="degree">{{education.degree}}</span>
</div>
@ -44,7 +44,7 @@
</div>
<div class="skill-section">
<h3>{{ lang.headings.skills }}</h3>
<div class="skills" v-for="skill in person.skills">
<div class="skills" v-for="skill in person.skills" :key="skill.name">
<div class="skill-block">
<i class="material-icons">details</i>
<span class="skill">{{skill.name}}</span>

16
src/resumes/purple.vue
View File

@ -20,19 +20,23 @@
<div id="experience-container">
<h2 id="experience-title">{{ lang.headings.experience }}</h2>
<div class="spacer"></div>
<div class="experience" v-for="experience in person.experience">
<div class="experience" v-for="experience in person.experience" :key="experience.company">
<h2 class="company">{{experience.company}}</h2>
<p class="job-info"><span class="job-title">{{experience.position}} | </span><span class="experience-timeperiod">{{experience.timeperiod}}</span></p>
<p class="job-description" v-if="experience.description">{{experience.description}}</p>
<ul v-if="experience.list" >
<li v-for="item in experience.list"><span class="list-item-black">{{item}}</span></li>
<li v-for="(item, index) in experience.list" :key="index">
<span class="list-item-black">
{{item}}
</span>
</li>
</ul>
</div>
</div>
<div id="education-container">
<h2 id="education-title">{{ lang.headings.education }}</h2>
<div class="spacer"></div>
<div class="education" v-for="education in person.education">
<div class="education" v-for="education in person.education" :key="education.degree">
<h2 class="education-description">{{education.description}}</h2>
<p><span class="degree">{{education.degree}} | </span><span class="education-timeperiod">{{education.timeperiod}}</span></p>
</div>
@ -42,7 +46,11 @@
<div class="spacer"></div>
<p id="skill-description">{{person.skillDescription}}</p>
<ul id="skill-list">
<li class="skill" v-for="skill in person.skills"><span class="list-item-black">{{skill.name}}</span></li>
<li class="skill" v-for="skill in person.skills" :key="skill.name">
<span class="list-item-black">
{{skill.name}}
</span>
</li>
</ul>
</div>
</div>

6
src/resumes/side-bar.vue
View File

@ -48,7 +48,7 @@
<div class="right-col">
<div class="experience">
<h3>{{ lang.headings.experience }}</h3>
<div class="experience-block" v-for="experience in person.experience">
<div class="experience-block" v-for="experience in person.experience" :key="experience.company">
<div class="row">
<span class="company"> {{experience.company}} -</span>
<span class="job-title"> {{experience.position}} </span>
@ -63,7 +63,7 @@
</div>
<div class="education">
<h3>{{ lang.headings.education }}</h3>
<div class="education-block" v-for="education in person.education">
<div class="education-block" v-for="education in person.education" :key="education.degree">
<div class="row">
<span class="degree">{{education.degree}}</span>
</div>
@ -75,7 +75,7 @@
<div class="skills-block">
<h3>{{ lang.headings.skills }}</h3>
<div class="skills">
<div class="skill" v-for="skill in person.skills">
<div class="skill" v-for="skill in person.skills" :key="skill.name">
<span class="skill-name">{{skill.name}}</span>
</div>
</div>