Merge branch 'develop' of github.com:modularcode/modular-admin-html into develop

Author: Davidtiger92

src/app/_common/modals/modal-confirm/modal-confirm.hbs

@@ -0,0 +1,19 @@
+<div class="modal fade" id="confirm-modal">
+	<div class="modal-dialog animated flipInX" role="document">
+		<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"><i class="fa fa-warning"></i> Alert</h4>
+			</div>
+			<div class="modal-body">
+				<p>Are you sure want to do this?</p>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-primary" data-dismiss="modal">Yes</button>
+				<button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
+			</div>
+		</div><!-- /.modal-content -->
+	</div><!-- /.modal-dialog -->
+</div><!-- /.modal -->

src/app/_common/modals/modal-media/modal-media.hbs

@@ -1,5 +1,5 @@
 <div class="modal fade" id="modal-media">
-	<div class="modal-dialog modal-lg">
+	<div class="modal-dialog modal-lg animated flipInX">
 		<div class="modal-content">
 			<div class="modal-header">
 				<button type="button" class="close" data-dismiss="modal" aria-label="Close">

src/app/_common/modals/modals.scss

@@ -0,0 +1,11 @@
+.modal {
+
+    .modal-content {
+        border-radius: 0;
+
+        .modal-header {
+            background-color: $color-primary;
+            color: #ffffff;
+        }
+    }
+}

src/app/app-layout.hbs

@@ -52,7 +52,7 @@
 					{{> app/_common/footer/footer}}
 				{{/block}}
 
-				{{!-- {{> app/_common/modals/modals}} --}}
+				{{> app/_common/modals/modals}}
 			</div>
 		</div>	
 		<!-- Reference block for JS -->

src/app/dashboard/tasks/tasks.hbs

@@ -37,7 +37,7 @@
                                     <div class="item-actions-block">
                                         <ul class="item-actions-list">
                                             <li>
-                                                <a class="remove" href="#">
+                                                <a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
                                                     <i class="fa fa-trash-o "></i>
                                                 </a>
                                             </li>

src/app/items/list/items-list-page.hbs

@@ -201,7 +201,7 @@ items:
 									<div class="item-actions-block">
 		                                <ul class="item-actions-list">
 		                                    <li>
-		                                        <a class="remove" href="#">
+		                                        <a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
 		                                            <i class="fa fa-trash-o "></i>
 		                                        </a>
 		                                    </li>