Add support for configurable Access-Control-Allow-Methods.

background.js

@@ -1,4 +1,5 @@
 var accessControlRequestHeaders;
+var allowedMethods;
 var exposedHeaders;
 
 var requestListener = function(details){
@@ -53,7 +54,7 @@ var responseListener = function(details){
 		details.responseHeaders.push({"name": "Access-Control-Expose-Headers", "value": exposedHeaders});
 	}
 
-	details.responseHeaders.push({"name": "Access-Control-Allow-Methods", "value": "GET, PUT, POST, DELETE, HEAD, OPTIONS"});
+	details.responseHeaders.push({"name": "Access-Control-Allow-Methods", "value": allowedMethods});
 
 	return {responseHeaders: details.responseHeaders};
 
@@ -63,14 +64,16 @@ var responseListener = function(details){
 chrome.runtime.onInstalled.addListener(function(){
 	chrome.storage.local.set({'active': false});
 	chrome.storage.local.set({'urls': ["<all_urls>"]});
+	chrome.storage.local.set({'allowedMethods': 'GET, PUT, POST, DELETE, HEAD, OPTIONS'});
 	chrome.storage.local.set({'exposedHeaders': ''});
 	reload();
 });
 
 /*Reload settings*/
 function reload() {
-	chrome.storage.local.get({'active': false, 'urls': ["<all_urls>"], 'exposedHeaders': ''}, function(result) {
+	chrome.storage.local.get({'active': false, 'urls': ["<all_urls>"], 'allowedMethods': 'GET, PUT, POST, DELETE, HEAD, OPTIONS', 'exposedHeaders': ''}, function(result) {
 
+		allowedMethods = result.allowedMethods;
 		exposedHeaders = result.exposedHeaders;
 
 		/*Remove Listeners*/

popup.css

@@ -1,12 +1,12 @@
 html {
 	width: 400px;
-	min-height: 394px;
+	min-height: 444px;
 }
 
 .has-header {
 	position: relative;
 	top: 44px !important;
-	height: 350px;
+	height: 400px;
 	overflow-x: hidden;
 	overflow-y: auto;
 

popup.html

@@ -14,6 +14,10 @@ <h1 class="title">Settings</h1>
 		<div class="has-header">
 			<div class="list">
 				<ion-toggle ng-model="active" toggle-class="toggle-calm">Enable cross-origin resource sharing</ion-toggle>
+				<div class="item item-divider">
+					Access-Control-Allow-Methods
+				</div>
+				<text-option option="allowedMethods" placeholder="comma-separated list of methods ..."></text-option>
 				<div class="item item-divider">
 					Access-Control-Expose-Headers
 				</div>

popup.js

@@ -7,9 +7,10 @@ app.controller('PopupCtrl', ['$scope', function($scope) {
 	$scope.url = '';
 	$scope.exposedHeaders = '';
 
-	chrome.storage.local.get({'active': false, 'urls': [], 'exposedHeaders': ''}, function(result) {
+	chrome.storage.local.get({'active': false, 'urls': [], 'allowedMethods': 'GET, PUT, POST, DELETE, HEAD, OPTIONS', 'exposedHeaders': ''}, function(result) {
 		$scope.active = result.active;
 		$scope.urls = result.urls;
+		$scope.allowedMethods = result.allowedMethods;
 		$scope.exposedHeaders = result.exposedHeaders;
 		$scope.$apply();
 
@@ -18,6 +19,11 @@ app.controller('PopupCtrl', ['$scope', function($scope) {
 			chrome.extension.getBackgroundPage().reload();
 		});
 
+		$scope.$watch('allowedMethods', function(newValue, oldValue) {
+			chrome.storage.local.set({'allowedMethods': $scope.allowedMethods});
+			chrome.extension.getBackgroundPage().reload();
+		});
+
 		$scope.$watch('exposedHeaders', function(newValue, oldValue) {
 			chrome.storage.local.set({'exposedHeaders': $scope.exposedHeaders});
 			chrome.extension.getBackgroundPage().reload();