Added Modal Feature

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>
 

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) {