Options alerts.

ispras · Feb 14, 2020 · f7e46c6 · f7e46c6
1 parent d023bef
commit f7e46c6
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/extension/options_page/options.html b/extension/options_page/options.html
@@ -8,6 +8,22 @@
 		<script src="../assets/bootstrap-3.0.0/js/bootstrap.min.js"></script>
 		<script src="../scripts/Config.js"></script>
 		<script src="options_page.js"></script>
+		<style>
+			.alert {
+				padding: 20px;
+				color: white;
+				display: none;
+				margin-bottom: 15px;
+			}
+
+			#error {
+				background-color: #f44336;
+			}
+
+			#success {
+				background-color: #4CAF50;
+			}
+		</style>
 	</head>
 	<body>
 		<div class="container">
@@ -58,6 +74,7 @@ <h1>Web Scraper</h1>
 
 					<div class="form-group">
 						<div class="col-lg-offset-2 col-lg-10">
+							<div class="alert"></div>
 							<button type="submit" class="btn btn-default">Save</button>
 						</div>
 					</div>

diff --git a/extension/options_page/options_page.js b/extension/options_page/options_page.js
@@ -88,7 +88,19 @@ $(function () {
 			newConfig.restUrl = $("#restUrl").val();
 		}
 
-		config.updateConfiguration(newConfig);
+		config.updateConfiguration(newConfig, function(){
+			if (chrome.runtime.lastError){
+				$(".alert")
+					.attr("id", "error")
+					.text( "Failed to save options " + chrome.runtime.lastError.message)
+					.show();
+			} else{
+				$(".alert")
+					.attr("id", "success")
+					.text( "Options successfully updated." )
+					.show();
+			}
+		});
 		return false;
 	});
 });