eivers88
diff --git a/‎.eslintrc.json
+3 b/‎.eslintrc.json
+3
diff --git a/‎assets/js/app/texture-packer.js
+6-3 b/‎assets/js/app/texture-packer.js
+6-3
diff --git a/‎assets/js/app/view.js
+37-1 b/‎assets/js/app/view.js
+37-1
diff --git a/‎assets/js/bundle-167107567a.min.js
+1 b/‎assets/js/bundle-167107567a.min.js
+1
diff --git a/‎assets/js/bundle-c882da457c.min.js
-1 b/‎assets/js/bundle-c882da457c.min.js
-1
diff --git a/‎assets/js/bundle.js
+43-4 b/‎assets/js/bundle.js
+43-4
@@ -18,5 +18,8 @@
       "always"
     ],
     "no-console": "warn"
+  },
+  "globals": {
+    "ga": true
   }
 }
@@ -3,6 +3,8 @@ const GITHUB_URL = '/*\nResponsive CSS Sprite created using: ' +
   'https://responsive-css.us/\n' +
   '*/\n\n';
 
+const DEBUG = false;
+
 function findNode(root, w, h) {
   if (root.used) {
     return findNode(root.right, w, h) || findNode(root.down, w, h);
@@ -126,9 +128,10 @@ export default class TexturePacker {
       let texture = this.textures[i];
       if(texture.fit) {
 
-        // turn on for testing
-        // ctx.fillRect(texture.fit.x + pad, texture.fit.y + pad, texture.w, texture.h);
-        // ctx.stroke();
+        if(DEBUG) {
+          ctx.fillRect(texture.fit.x + pad, texture.fit.y + pad, texture.w, texture.h);
+          ctx.stroke();
+        }
 
         ctx.drawImage(texture.img, texture.fit.x + pad, texture.fit.y + pad);
 
 
@@ -1,6 +1,12 @@
 import {qs, $on, debounce} from './helpers';
 let instance = null;
 
+function scrollIntoView(eleID) {
+  var e = qs(eleID).getBoundingClientRect();
+  var h = qs('#header').getBoundingClientRect();
+  window.scrollTo(0, e.top - h.height - 100);
+}
+
 export default class View {
 
   constructor(template) {
@@ -20,11 +26,21 @@ export default class View {
     this.$path = qs('#path');
     this.$canvas = qs('#canvas');
     this.$css = qs('#css');
+    this.$copy = qs('#copy');
     this.$download = qs('#download');
     this.dimensions = qs('#dimensions');
     this.$dropbox = qs('#dropbox');
     this.$fileList.appendChild(this.$listItems);
 
+    $on(this.$copy, 'click', ()=>{
+      scrollIntoView('#css');
+      ga('send', {
+        hitType: 'event',
+        eventCategory: 'Copy CSS',
+        eventAction: 'click'
+      });
+    });
+
   }
 
   bindFileExplorer (handler) {
@@ -34,7 +50,11 @@ export default class View {
         this.$fileInput.click();
       }
       e.preventDefault();
-      // TODO: Analytics
+      ga('send', {
+        hitType: 'event',
+        eventCategory: 'File Explorer',
+        eventAction: 'click'
+      });
     });
 
     $on(this.$fileInput, 'change', function(){
@@ -64,6 +84,12 @@ export default class View {
 
       handler(files);
 
+      ga('send', {
+        hitType: 'event',
+        eventCategory: 'File Drop',
+        eventAction: 'drop'
+      });
+
     });
 
   }
@@ -80,10 +106,20 @@ export default class View {
 
   bindRemoveBtn (handler) {
     $on(this.$fileList, 'click', handler);
+    ga('send', {
+      hitType: 'event',
+      eventCategory: 'Remove Image',
+      eventAction: 'click'
+    });
   }
 
   bindDownloadBtn(handler) {
     $on(this.$download, 'click', handler);
+    ga('send', {
+      hitType: 'event',
+      eventCategory: 'Sprite Download',
+      eventAction: 'click'
+    });
   }
 
   setSettingsValues (settings) {
Original file line number	Diff line number	Diff line change
`@@ -18,5 +18,8 @@`
`18`	`18`	`"always"`
`19`	`19`	`],`
`20`	`20`	`"no-console": "warn"`
	`21`	`+ },`
	`22`	`+ "globals": {`
	`23`	`+ "ga": true`
`21`	`24`	`}`
`22`	`25`	`}`