gitadmin
/
profile-studio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More WIPs

This commit is contained in:
Jason Snelders 2019-11-12 19:12:28 +11:00
parent 85bd67acc3
commit add35e788f
3 changed files with 304 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

363
app/app.js
View File

@ -99,7 +99,7 @@ var app = new Vue({
mounted()
{
this.loadFromStorage();
//this.loadFromStorage();
// Set the "current" main navigation item based on the current route.
helpers.selectMenuItemForCurrentUrl();
@ -141,95 +141,6 @@ var app = new Vue({
getDefaultSections: function()
{
return {
basics: {
name: "",
label: "",
picture: "",
email: "",
phone: "",
website: "",
summary: "",
location: {
address: "",
postalCode: "",
city: "",
countryCode: "",
region: "",
},
profiles: [
{
network: "",
username: "",
url: "",
}
]
},
work: [{
company: "",
position: "",
website: "",
startDate: "",
endDate: "",
summary: "",
highlights: [""]
}],
volunteer: [{
organization: "",
position: "",
website: "",
startDate: "",
endDate: "",
summary: "",
highlights: []
}],
education: [{
institution: "",
area: "",
studyType: "",
startDate: "",
endDate: "",
gpa: "",
courses: []
}],
awards: [{
title: "",
date: "",
awarder: "",
summary: ""
}],
publications: [{
name: "",
publisher: "",
releaseDate: "",
website: "",
summary: ""
}],
skills: [{
name: "",
level: "",
keywords: []
}],
languages: [{
language: "",
fluency: ""
}],
interests: [{
name: "",
keywords: [
]
}],
references: [{
name: "",
reference: ""
}]
};
},
loadFromStorage: function()
{
var savedData = helpers.getLocalStorage("sections");
@ -270,7 +181,279 @@ var app = new Vue({
}
return false;
},
getDefaultSections: function()
{
// return {
// basics: {
// name: "",
// label: "",
// picture: "",
// email: "",
// phone: "",
// website: "",
// summary: "",
// location: {
// address: "",
// postalCode: "",
// city: "",
// countryCode: "",
// region: "",
// },
// profiles: [
// {
// network: "",
// username: "",
// url: "",
// }
// ]
// },
// work: [{
// company: "",
// position: "",
// website: "",
// startDate: "",
// endDate: "",
// summary: "",
// highlights: [""]
// }],
// volunteer: [{
// organization: "",
// position: "",
// website: "",
// startDate: "",
// endDate: "",
// summary: "",
// highlights: []
// }],
// education: [{
// institution: "",
// area: "",
// studyType: "",
// startDate: "",
// endDate: "",
// gpa: "",
// courses: []
// }],
// awards: [{
// title: "",
// date: "",
// awarder: "",
// summary: ""
// }],
// publications: [{
// name: "",
// publisher: "",
// releaseDate: "",
// website: "",
// summary: ""
// }],
// skills: [{
// name: "",
// level: "",
// keywords: []
// }],
// languages: [{
// language: "",
// fluency: ""
// }],
// interests: [{
// name: "",
// keywords: [
// ]
// }],
// references: [{
// name: "",
// reference: ""
// }]
// };
var structure = {
basics: {},
work: [],
volunteer: [],
education: [],
awards: [],
publications: [],
skills: [],
languages: [],
interests: [],
references: []
};
structure.basics = this.getDefaultBasic();
structure.work.push(this.getDefaultWork());
structure.volunteer.push(this.getDefaultVolunteer());
structure.education.push(this.getDefaultEducation());
structure.awards.push(this.getDefaultAward());
structure.publications.push(this.getDefaultPublication());
structure.skills.push(this.getDefaultSkill());
structure.languages.push(this.getDefaultLanguage());
structure.interests.push(this.getDefaultInterest());
structure.references.push(this.getDefaultReference());
return structure;
},
getDefaultBasic: function()
{
return {
name: "",
label: "",
picture: "",
email: "",
phone: "",
website: "",
summary: "",
location: {
address: "",
postalCode: "",
city: "",
countryCode: "",
region: "",
},
profiles: [
{
network: "",
username: "",
url: "",
}
]
};
},
getDefaultBasicProfile: function()
{
return {
network: "",
username: "",
url: "",
};
},
getDefaultWork: function()
{
return {
company: "",
position: "",
website: "",
startDate: "",
endDate: "",
summary: "",
highlights: []
};
},
getDefaultWorkHighlight: function()
{
return "";
},
getDefaultVolunteer: function()
{
return {
organization: "",
position: "",
website: "",
startDate: "",
endDate: "",
summary: "",
highlights: []
};
},
getDefaulVolunteerHighlight: function()
{
return "";
},
getDefaultEducation: function()
{
return {
institution: "",
area: "",
studyType: "",
startDate: "",
endDate: "",
gpa: "",
courses: []
};
},
getDefaultEducationCourse: function()
{
return "";
},
getDefaultAward: function()
{
return {
title: "",
date: "",
awarder: "",
summary: ""
};
},
getDefaultPublication: function()
{
return {
name: "",
publisher: "",
releaseDate: "",
website: "",
summary: ""
};
},
getDefaultSkill: function()
{
return {
name: "",
level: "",
keywords: []
};
},
getDefaultSkillKeywoard: function()
{
return "";
},
getDefaultLanguage: function()
{
return {
language: "",
fluency: ""
};
},
getDefaultInterest: function()
{
return {
name: "",
keywords: []
};
},
getDefaultInterestKeywoard: function()
{
return "";
},
getDefaultReference: function()
{
return {
name: "",
reference: ""
};
}
},

4
components/section_basics.js
View File

@ -71,5 +71,9 @@ var sectionBasicsComponent = {
methods: {
addProfile: function()
{
}
}
};

27
index.html
View File

@ -207,24 +207,29 @@
<input id="location.region" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.region">
<small id="regionHelp" class="form-help text-muted">State or region</small>
</p>
</form>
<h5 class="margin-top-32">Social Network Profiles</h5>
<button class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addProfile">+ Add Profile</button>
<form class="w3-container w3-card-4 w3-margin-top">
<div v-for="profile in $root.sections.basics.profiles">
<p>
<label for="profiles[0].network" class="w3-text-blue"><b>Network</b></label>
<input id="profiles[0].network" class="w3-input w3-border" type="text" v-model="$root.sections.basics.profiles[0].network">
<label for="profiles.network" class="w3-text-blue"><b>Network</b></label>
<input id="profiles.network" class="w3-input w3-border" type="text" v-model="profile.network">
<small id="networkHelp" class="form-help text-muted">Name of the network</small>
</p>
<p>
<label for="profiles[0].username" class="w3-text-blue"><b>Username</b></label>
<input id="profiles[0].username" class="w3-input w3-border" type="text" v-model="$root.sections.basics.profiles[0].username">
<label for="profiles.username" class="w3-text-blue"><b>Username</b></label>
<input id="profiles.username" class="w3-input w3-border" type="text" v-model="profile.username">
<small id="usernameHelp" class="form-help text-muted">Your username in the network</small>
</p>
<p>
<label for="profiles[0].url" class="w3-text-blue"><b>URL</b></label>
<input id="profiles[0].url" class="w3-input w3-border" type="text" v-model="$root.sections.basics.profiles[0].url">
<label for="profiles.url" class="w3-text-blue"><b>URL</b></label>
<input id="profiles.url" class="w3-input w3-border" type="text" v-model="profile.url">
<small id="urlHelp" class="form-help text-muted">URL to your profile in the network</small>
</p>
</div>
</form>
</div>
<div class="w3-col m6">
@ -247,9 +252,11 @@
<preview-field label="Region" v-bind:value="$root.sections.basics.location.region"></preview-field>
<h5 class="margin-top-32">Social Network Profiles</h5>
<preview-field label="Network" v-bind:value="$root.sections.basics.profiles[0].network"></preview-field>
<preview-field label="Username" v-bind:value="$root.sections.basics.profiles[0].username"></preview-field>
<preview-field label="URL" v-bind:value="$root.sections.basics.profiles[0].url"></preview-field>
<div v-for="profile in $root.sections.basics.profiles">
<preview-field label="Network" v-bind:value="profile.network"></preview-field>
<preview-field label="Username" v-bind:value="profile.username"></preview-field>
<preview-field label="URL" v-bind:value="profile.url"></preview-field>
</div>
</div>
</div>
</div>