89 lines
1.2 KiB
JavaScript
89 lines
1.2 KiB
JavaScript
var sectionBasicsComponent = {
|
|
template: '#section-basics-template',
|
|
|
|
|
|
|
|
mounted: function()
|
|
{
|
|
var savedData = helpers.getLocalStorage("section.basics");
|
|
|
|
console.log("basics: mounted", savedData);
|
|
if (savedData)
|
|
{
|
|
console.log("set data");
|
|
// Data previously saved.
|
|
this.data = savedData;
|
|
|
|
for (var key in savedData)
|
|
{
|
|
if (savedData.hasOwnProperty(key))
|
|
{
|
|
//console.log(key + " > " + savedData[key]);
|
|
this[key] = savedData[key];
|
|
}
|
|
}
|
|
}
|
|
|
|
//this["name"] = "Doug";
|
|
|
|
console.log("this.data=", this);
|
|
},
|
|
|
|
|
|
|
|
destroyed: function()
|
|
{
|
|
|
|
},
|
|
|
|
|
|
|
|
data: function()
|
|
{
|
|
return {
|
|
name: "",
|
|
label: "",
|
|
picture: "",
|
|
email: "",
|
|
phone: "",
|
|
website: "",
|
|
summary: "",
|
|
location: {
|
|
address: "",
|
|
postalCode: "",
|
|
city: "",
|
|
countryCode: "",
|
|
region: "",
|
|
},
|
|
profiles: [
|
|
{
|
|
network: "",
|
|
username: "",
|
|
url: "",
|
|
}
|
|
]
|
|
};
|
|
},
|
|
|
|
|
|
|
|
watch: {
|
|
/**
|
|
* Watch all data for changes
|
|
*/
|
|
$data: {
|
|
handler: function(val, oldVal)
|
|
{
|
|
// Save the data to localStorage
|
|
//NOTE: I'm initially not concerned about performance here/
|
|
helpers.setLocalStorage("section.basics", val);
|
|
},
|
|
deep: true
|
|
}
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
}
|
|
}; |