Merge branch 'master' of https://gitlab.techware.co.in/amal/ForexWeb

src/app/app.module.ts

@@ -24,6 +24,7 @@ import { WebService } from './providers/web.service';
 
 
 
+
 @NgModule({
   declarations: [
     AppComponent

src/app/checker/index/index.component.scss

 .delivery_provider_content{
     width:80%;
     margin:0 auto;
+    position: relative;
   
 }
\ No newline at end of file

src/app/delivery/editprovider/editprovider.component.html

+<!-- <div class="custom_loader_wrapper">
+    <div class="custom_loader_ring"></div>
+</div> -->
+<div class="alert alert-success alert-dismissible">
+    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
+    <strong>Success!</strong> Indicates a successful or positive action.
+  </div>
+  <div class="alert alert-danger alert-dismissible">
+      <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
+      <strong>Success!</strong> Indicates a successful or positive action.
+    </div>
+    <div class="alert alert-info alert-dismissible">
+        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
+        <strong>Success!</strong> Indicates a successful or positive action.
+      </div>
 <header class="provider_header">
     <div class="row">
       <div class="col-md-6">
@@ -68,7 +83,7 @@
               <div class="col">
                   <div class="provider_data_content">
                       <p></p>
-                    <div class="edit_delivery">Edit Delivery Driver</div>
+                    <div class="edit_delivery" data-toggle="modal" data-target="#edit">Edit Delivery Driver</div>
                     </div>
               </div>
             </div>
@@ -84,3 +99,44 @@
       </div>
     </div>
   </section>
+
+
+
+  <div id="edit" class="modal fade" role="dialog">
+    <div class="modal-dialog modal-lg">
+      <div class="modal-content">
+
+        <div class="forex_modal_wrapper">
+          <div class="forex_modal_header">
+              <h5 class="floatLeft">Assign Driver</h5>
+              <button type="button" class="close floatRight" data-dismiss="modal">&times;</button>
+              <div class="clear"></div>
+          </div> 
+          <div class="forex_inner_wrapper">
+            <div class="row">
+              <div class="col-md-12">
+                <p>Date</p>
+                <input class="" placeholder="" type="text">
+              </div>
+            </div>
+            <div class="row">
+                <div class="col-md-12">
+                  <p>User</p>
+                  <input class="" placeholder="" type="text">
+                </div>
+              </div>
+              <div class="row">
+                  <div class="col-md-12">
+                    <p>Amount</p>
+                    <input class="" placeholder="" type="number">
+                  </div>
+              </div>
+          </div>
+          <div class="forex_modal_footer_btn_bay textRight">
+            <button class="okay_btn">Assign</button>
+            <button class="cancel_btn">Cancel</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
\ No newline at end of file

src/app/delivery/editprovider/editprovider.component.ts

 import { Component, OnInit } from '@angular/core';
 import { Router,ActivatedRoute } from '@angular/router';
+
 @Component({
   selector: 'app-editprovider',
   templateUrl: './editprovider.component.html',

src/app/delivery/index/index.component.scss

 .delivery_provider_content{
     width:80%;
     margin:0 auto;
+    position: relative;
   
 }
\ No newline at end of file

src/app/forex/index/index.component.scss

 .delivery_provider_content{
     width:80%;
     margin:0 auto;
+    position: relative;
   
 }
\ No newline at end of file

src/app/start/index/index.component.html

-
-<router-outlet></router-outlet>
+<div class="delivery_provider_content">
+        <router-outlet></router-outlet>
\ No newline at end of file
+</div>

src/app/start/index/index.component.scss

+.delivery_provider_content{
+    width:80%;
+    margin:0 auto;
+    position: relative;
+  
+}
\ No newline at end of file

src/styles.scss

@@ -515,3 +515,121 @@ section.module.parallax {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
   }
+
+
+/* COMMON-MODAL */
+
+.forex_modal_wrapper{
+    background: #fff;
+   
+    .forex_modal_header{
+        background: #1a5c7c;
+        padding: 10px;
+        h5{
+            margin: 0px;
+            color: #fff;
+            
+            font-size:18px;
+            font-weight: 400;
+            
+        }
+        .close{
+            color: #fff;
+            &:focus{
+                outline: none;
+            }
+        }
+    }
+    .forex_inner_wrapper{
+        padding:15px;
+        padding-bottom: 0px;
+        .row{
+            margin-bottom: 10px;
+            p{
+                color: #464646;
+                margin: 0px;
+                padding-bottom: 5px;
+                font-weight: 500;
+            }
+            input{
+                border: 1px solid #b4b4b4;
+                height: 40px;
+                padding-left: 10px;
+                padding-right: 10px;
+                width: 100%;
+            }
+        }
+      
+    }
+
+    .forex_modal_footer_btn_bay{
+        padding:10px;
+        .okay_btn{
+            background: #cd3d3d;
+            color: #fff;
+            border-radius: 20px;
+            height: 35px;
+            border: none;
+            padding-left: 8%;
+            padding-right:8%;
+            margin:5px;
+            &:focus{
+                outline:none;
+            }
+        }
+        .cancel_btn{
+            background: #1a5c7c;
+            color: #fff;
+            border-radius: 20px;
+            height:35px;
+            padding-left: 8%;
+            padding-right: 8%;
+            border: none;
+            margin:3px;
+            &:focus{
+                outline:none;
+            }
+        }
+    }
+}
+
+.custom_loader_wrapper{
+    position: absolute;
+    top:0px;
+    left:0px;
+    right:0px;
+    bottom:0px;
+    background: rgba(273,273,273,0.8);
+    text-align: center;
+    z-index: 99999;
+    text-align: center;
+    align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.custom_loader_ring {
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+  }
+  .custom_loader_ring:after {
+    content: " ";
+    display: block;
+    width: 100px;
+    height: 100px;
+    margin: 1px;
+    border-radius: 50%;
+    border: 10px solid #1a5c7c;
+    border-color: #1a5c7c transparent #1a5c7c transparent;
+    animation: custom_loader_ring 1.2s linear infinite;
+  }
+  @keyframes custom_loader_ring {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+