From 10dd54aed59c6501803dc28762d09b1e0d36f6dc Mon Sep 17 00:00:00 2001
From: Beau Blyth <teknopants@gmail.com>
Date: Fri, 27 Sep 2019 17:04:01 -0700
Subject: [PATCH] can name file and save as name

---
 app/page.ts     | 6 +++++-
 dist/index.html | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/page.ts b/app/page.ts
index d707eb9..42bf5f2 100644
--- a/app/page.ts
+++ b/app/page.ts
@@ -24,6 +24,7 @@ export class Page {
 	private canvasContext: CanvasRenderingContext2DSettings;
 
 	private canvasData: ICanvasData;
+	private filenameInput: HTMLInputElement;
 
 	public Load() {
 		// defining blank slate animation data
@@ -78,6 +79,7 @@ export class Page {
 		this.frameRateInput.value = this.animationData.frameRate.toString();
 		this.loopingInput = document.getElementById('looping') as HTMLInputElement;
 		this.loopingInput.addEventListener('change', this.updateLooping);
+		this.filenameInput = document.getElementById('filename') as HTMLInputElement;
 
 		const dropZone = document.getElementById('dropZone') as HTMLElement;
 
@@ -139,7 +141,9 @@ export class Page {
 
 				case 83: {
 					// s
-					this.download('.anim', JSON.stringify(this.animationData));
+					if (document.activeElement !== this.filenameInput) {
+						this.download(this.filenameInput.value + '.anim', JSON.stringify(this.animationData));
+					}
 					break;
 				}
 			}
diff --git a/dist/index.html b/dist/index.html
index 49a654b..dd578df 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -23,6 +23,7 @@
           </div>
 
           <div id="settings">
+              Name: <input type = "text" id="filename"><br>
               <div id = "originInfo">Click image to set Origin</div>
               Fps: <input type="number" id="framerate" class="numberinput"><br>
               <input type="checkbox" id="looping" > Looping <br>