Wrapped applicationSettings in FORM

src/js/controller/settings/ApplicationSettingsController.js

@@ -38,6 +38,10 @@
     var maxFpsInput = document.querySelector('.max-fps-input');
     maxFpsInput.value = pskl.UserSettings.get(pskl.UserSettings.MAX_FPS);
     this.addEventListener(maxFpsInput, 'change', this.onMaxFpsChange_);
+
+    // Form
+    this.applicationSettingsForm = document.querySelector('[name="application-settings-form"]');
+    this.addEventListener(this.applicationSettingsForm, 'submit', this.onFormSubmit_);
   };
 
   ns.ApplicationSettingsController.prototype.onGridWidthChange_ = function (evt) {
@@ -72,4 +76,9 @@
     }
   };
 
+  ns.ApplicationSettingsController.prototype.onFormSubmit_ = function (evt) {
+    evt.preventDefault();
+    $.publish(Events.CLOSE_SETTINGS_DRAWER);
+  };
+
 })();

src/templates/settings/application.html

@@ -1,3 +1,4 @@
+<form action="" method="POST" name="application-settings-form">
   <div class="settings-section">
     <div class="settings-title">
       General
@@ -47,5 +48,8 @@
       <label for="tiled-preview">Maximum FPS </label>
           <input type="text" class="textfield  textfield-small  max-fps-input" name="max-fps"/>
     </div>
-</div>
+
+    <input type="submit" class="button button-primary" value="Save" />
+  </div>
+</form>