2017-02-26 23:38:06 +00:00
|
|
|
var $ = require("jquery");
|
2017-02-27 10:38:33 +00:00
|
|
|
var events = require("./events.js");
|
|
|
|
var diagram = require("./diagram");
|
2017-02-26 23:38:06 +00:00
|
|
|
|
2017-03-10 17:06:50 +00:00
|
|
|
$("#header>a#export").click(function(){ //export button clicked
|
2017-02-26 23:38:06 +00:00
|
|
|
var fileSaver = require("file-saver");
|
|
|
|
var exported = require("./diagram/export.js")();
|
|
|
|
var exportedBlob = new Blob([exported], {type: "text/plain;chartset=utf-8"})
|
|
|
|
fileSaver.saveAs(exportedBlob, diagram.name + ".json");
|
|
|
|
});
|
|
|
|
|
|
|
|
$("#header>a#import").click(function(){
|
2017-03-10 17:06:50 +00:00
|
|
|
$("#header>#importUpload").click(); //on import button click, trigger file open dialog
|
2017-02-26 23:38:06 +00:00
|
|
|
});
|
|
|
|
|
2017-03-10 17:06:50 +00:00
|
|
|
$("#header>#importUpload").change(function(){ //when a file is selected
|
2017-02-26 23:38:06 +00:00
|
|
|
var reader = new FileReader();
|
|
|
|
reader.onload = function(){
|
|
|
|
require("./diagram/import.js")(reader.result);
|
|
|
|
}
|
2017-03-10 17:06:50 +00:00
|
|
|
reader.readAsText(this.files[0]); //read the file as text, this will call the above function when complete
|
2017-02-27 10:38:33 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
$("#header>a#projectName").click(function(){
|
|
|
|
do{
|
|
|
|
diagram.name = prompt("Please enter a name for the diagram", diagram.name);
|
|
|
|
}
|
2017-03-10 17:06:50 +00:00
|
|
|
while(!diagram.name); //keep asking for a new name until a valid one is entered
|
2017-02-27 10:38:33 +00:00
|
|
|
$("#header>a#projectName").html(diagram.name);
|
|
|
|
});
|
|
|
|
|
|
|
|
events.subscribe("diagramImport", function(){
|
2017-03-10 17:06:50 +00:00
|
|
|
//update displayed name when new diagram imported
|
2017-02-27 10:38:33 +00:00
|
|
|
$("#header>a#projectName").html(diagram.name);
|
|
|
|
});
|