var importComponent = {
	template: '#import-template',

	mounted: function()
	{

		
	},

	destroyed: function()
	{
		
	},

	data: function()
	{
		return {
			item: {},
			json: ""
		};
	},

	methods: {
		importJson: function()
		{
			// console.log("import JSON: " + this.json);

			var data = JSON.parse(this.json);

			// Reset first
			this.$root.sections = models.newDefaultSections();

			this.$root.populateSections(data);

			storage.setLocalStorage("sections", this.$root.sections);

			storage.setVersionedLocalStorage(this.$root.sections.meta.version, "sections", this.$root.sections);

			router.push("section/basics");
		},

		validateJson: function(value)
		{

		},

		importVersion: function(version) {
			//console.log(version);
			this.$root.sections = storage.getVersionedLocalStorage(version,"sections");
			storage.setLocalStorage("sections",this.$root.sections);

			// this.loadFromStorage();

			// router.push("section/basics");
		},

		deleteVersion: function(version) {
			var versions = storage.getLocalStorage("versions");
			var index = versions.indexOf(version);
			if (index > -1 && confirm("Are you sure you wish to delete " + version + "?")) {
				versions.splice(index, 1);
				// storage.setVersionedLocalStorage(version,"sections",null)
				storage.setLocalStorage("versions",versions);
				this.$root.versions = versions;
			}
		},

		deleteClicked: function(index)
		{
			console.log(index);
			var response = confirm("Are you sure you want to delete this position? " + index);

			if (response == true)
			{
				this.$root.versions.splice(index, 1);
			}
		},


		moveUpClicked: function(index)
		{
			console.log(index);
			this.$root.moveArrayPosition(this.$root.versions, index, index - 1);
		},


		moveDownClicked: function(index)
		{
			console.log(index);
			this.$root.moveArrayPosition(this.$root.versions, index, index + 1);
		}

	}
};