diff --git a/admin/index.html b/admin/index.html
index 05a8065c7caa8a996386dd185af5e5052873a8b2..c98b5a9528af06d04e1bbf7b2b9433ec7935f380 100644
--- a/admin/index.html
+++ b/admin/index.html
@@ -47,6 +47,23 @@
 		<div class="col-sm-4"></div>
 	</div>
 
+	<!-- Modal -->
+	<div class="modal fade modalCont" tabindex="-1" role="dialog">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+					<h4 class="modal-title"></h4>
+				</div>
+				<div class="modal-body"></div>
+				<div class="modal-footer">
+					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+					<button type="button" class="btn btn-primary">Save changes</button>
+				</div>
+			</div>
+		</div>
+	</div>
+
 	<!-- Log Container -->
 	<div class="alertCont"></div>
 
diff --git a/admin/lib/cust/main.js b/admin/lib/cust/main.js
index 8a98bf1a8d9df6e417909615da2ce7d4b57b0c98..62ecc9edc78515252358d2ac63a7e8876be52c52 100644
--- a/admin/lib/cust/main.js
+++ b/admin/lib/cust/main.js
@@ -21,6 +21,19 @@ var tools = {
         console.log(msg);
     },
 
+    // Modal function
+    modalStatus: 0,
+    modal: function(attr) {
+        attr = attr || {};
+        $('.modalCont .modal-title').html(attr.head);
+        $('.modalCont .modal-body').html(attr.body);
+        $('.modalCont .modal-footer .btn-primary').html(attr.button).click(function() {
+            $('.modalCont').off('hide.bs.modal').modal('hide');
+            attr.success();
+        });
+        $('.modalCont').modal('show').on('hide.bs.modal', attr.cancel);
+    },
+
     // Ajax loading gunction and getting the tools
     curTool: '',
     getTool: function(tool) {