mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/izyim-api.git
synced 2026-08-19 04:24:01 +00:00
Mouhamed Lamine
1426 lines
75 KiB
HTML
1426 lines
75 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>AzureUI - HOMEPAGE</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
|
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Company Profile Main Content Start Here -->
|
|
<div class="AznavC-menuC">
|
|
<AznavC class="menuC">
|
|
<!-- Header area start -->
|
|
<menuC class="AznavC-header">
|
|
<a class="go-back-linkC">
|
|
<i class="fa fa-arrow-left"></i>
|
|
</a>
|
|
<h1 class="page-title" style="color: #000">Company Profile</h1>
|
|
</menuC>
|
|
<!-- Header area end -->
|
|
<!-- Main Content Start Here -->
|
|
<div class="AznavC-container">
|
|
<main class="fix-top-menu">
|
|
<section class="container">
|
|
<form>
|
|
<div class="form-row txt-center">
|
|
<div class="profile-image">
|
|
<div class="profile-image-com">
|
|
<img id="CompanyProfile" class="avatar-img" src="images/CIEF.png" width="80" height="80" />
|
|
<label class="update-btn fix">
|
|
<input id="CompanyUpload" type="file" style="display:none" />
|
|
<i class="fa fa-camera"></i>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-label-divider">
|
|
<span class="label-span">Company Information</span>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row txt-center">
|
|
<a href="#" style="width:50%; margin-left:25%;" class="button block green">Edit</a>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row-group">
|
|
<div class="form-row no-padding">
|
|
<input id="company-name" type="text" class="form-element" placeholder="Company Name" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="registration-no" type="text" class="form-element" placeholder="Registration No" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="tax-no" type="text" class="form-element" placeholder="Tax No" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="tel-no" type="text" class="form-element" placeholder="Tel No" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="fax" type="text" class="form-element" placeholder="Fax" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="address" type="text" class="form-element" placeholder="Address" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="city" type="text" class="form-element" placeholder="City" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="postcode" type="text" class="form-element" placeholder="Postcode" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="state" type="text" class="form-element" placeholder="State" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="country" type="text" class="form-element" placeholder="Country" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="contact-person" type="text" class="form-element" placeholder="Contact Person" required />
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<input id="contact-person-no" type="text" class="form-element" placeholder="Contact Person No" required />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
|
|
</form>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
<!-- Main Content End Here -->
|
|
</AznavC>
|
|
</div>
|
|
<!-- Company Profile Main Content End Here -->
|
|
<!-- Branch Profile Main Content Start Here -->
|
|
<div class="AznavB-menuB">
|
|
<AznavB class="menuB">
|
|
<!-- Header area start -->
|
|
<menuB class="AznavB-header">
|
|
<a class="go-back-linkB">
|
|
<i class="fa fa-arrow-left"></i>
|
|
</a>
|
|
<h1 class="page-title" style="color: #000">Branch Profile</h1>
|
|
</menuB>
|
|
<!-- Header area end -->
|
|
<!-- Main Content Start Here -->
|
|
<div class="AznavB-container">
|
|
<!-- Page Content Start Here -->
|
|
<main>
|
|
<!-- SEARCH START -->
|
|
<div class="list-box-non">
|
|
<a class="list-item" data-popup="formPopup">
|
|
<i class="fa fa-home"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title">Add New Branch</span>
|
|
</a>
|
|
<!-- Content List Spawner Start Here -->
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="list-box-emp">
|
|
<a href="#" class="list-item" data-popup="formPopup2">
|
|
<i class="fa fa-home"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title"> Branch 1</span>
|
|
</a>
|
|
</div>
|
|
<div class="list-box-emp">
|
|
<a href="#s" class="list-item" data-popup="formPopup2">
|
|
<i class="fa fa-home"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title"> Branch 2</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Content List Spawner End Here -->
|
|
</div>
|
|
<!-- SEARCH END -->
|
|
</main>
|
|
<!-- Page Content End Here -->
|
|
</div>
|
|
<!-- Main Content End Here -->
|
|
</AznavB>
|
|
</div>
|
|
<!-- Branch Profile Main Content End Here -->
|
|
<!-- Delivery Profile Main Content Start Here -->
|
|
<div class="AznavD-menuD">
|
|
<AznavD class="menuD">
|
|
<!-- Header area start -->
|
|
<menuD class="AznavD-header">
|
|
<a class="go-back-linkD">
|
|
<i class="fa fa-arrow-left"></i>
|
|
</a>
|
|
<h1 class="page-title" style="color: #000">Delivery Profile</h1>
|
|
</menuD>
|
|
<!-- Header area end -->
|
|
<!-- Main Content Start Here -->
|
|
<div class="AznavD-container">
|
|
<!-- Page Content Start Here -->
|
|
<main>
|
|
<!-- SEARCH START -->
|
|
<div class="list-box-non" id="deliveryList">
|
|
<a class="list-item" data-popup="formPopup3">
|
|
<i class="fa fa-truck"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title">Add New Delivery</span>
|
|
</a>
|
|
<!-- Content List Spawner Start Here -->
|
|
<div class="form-divider"></div>
|
|
|
|
<!--Delivery 1,2,3 list items to be appended here-->
|
|
|
|
<!-- Content List Spawner End Here -->
|
|
</div>
|
|
|
|
<!-- SEARCH END -->
|
|
</main>
|
|
<!-- Page Content End Here -->
|
|
</div>
|
|
<!-- Main Content End Here -->
|
|
</AznavD>
|
|
</div>
|
|
<!-- Delivery Profile Main Content End Here -->
|
|
<!-- Staff Profile Main Content Start Here -->
|
|
<div class="AznavS-menuS">
|
|
<AznavS class="menuS">
|
|
<!-- Header area start -->
|
|
<menuS class="AznavS-header">
|
|
<a class="go-back-linkS">
|
|
<i class="fa fa-arrow-left"></i>
|
|
</a>
|
|
<h1 class="page-title" style="color: #000">Staff Profile</h1>
|
|
</menuS>
|
|
<!-- Header area end -->
|
|
<!-- Main Content Start Here -->
|
|
<div class="AznavS-container">
|
|
<!-- Page Content Start Here -->
|
|
<main>
|
|
<!-- SEARCH START -->
|
|
<div class="list-box-non">
|
|
<a class="list-item" data-popup="formPopup5">
|
|
<i class="fa fa-user-plus"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title">Add New Staff</span>
|
|
</a>
|
|
</div>
|
|
<!-- SEARCH END -->
|
|
|
|
</main>
|
|
<!-- Page Content End Here -->
|
|
</div>
|
|
<!-- Main Content End Here -->
|
|
</AznavS>
|
|
</div>
|
|
<!-- Staff Profile Main Content End Here -->
|
|
<!-- Personal Profile Main Content Start Here -->
|
|
<div class="AznavP-menuP">
|
|
<AznavP class="menuP">
|
|
<!-- Header area start -->
|
|
<menuP class="AznavP-header">
|
|
<a class="go-back-linkP">
|
|
<i class="fa fa-arrow-left"></i>
|
|
</a>
|
|
<h1 class="page-title" style="color: #000">Personal Profile</h1>
|
|
</menuP>
|
|
<!-- Header area end -->
|
|
<!-- Main Content Start Here -->
|
|
<div class="AznavP-container">
|
|
<!-- Page content start -->
|
|
<main class="fix-top-menu">
|
|
<section class="container">
|
|
<form>
|
|
<div class="form-row txt-center">
|
|
<div class="profile-image">
|
|
<div class="profile-image-img">
|
|
<img id="PersonalProfile" class="avatar-img" src="images/14716092_703584339794469_3153603074671561050_n.jpg" width="80" height="80"
|
|
/>
|
|
<label class="update-btn fix">
|
|
<input id="PersonalUpload" type="file" style="display:none" />
|
|
<i class="fa fa-camera"></i>
|
|
</label>
|
|
</div>
|
|
|
|
<p class="fix-name fix">Asif Ferdous</p>
|
|
<p class="fix-role">Importer</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-label-divider">
|
|
<span class="label-span">Personal Information</span>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row txt-center" data-popup="formPopup23">
|
|
<a href="#" style="width:50%; margin-left:25%;" class="button block green">Edit</a>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row-group">
|
|
|
|
<div class="form-row no-padding">
|
|
<label id="user-name" type="text" class="form-element">Asif ferdous</label>
|
|
</div>
|
|
<div class="form-row no-padding">
|
|
<label id="user-phone" type="text" class="form-element">ferdous.asif2012@gmail.com</label>
|
|
</div>
|
|
|
|
</form>
|
|
</section>
|
|
</main>
|
|
<!-- Page content end -->
|
|
</div>
|
|
<!-- Main Content End Here -->
|
|
</AznavP>
|
|
</div>
|
|
<!-- Personal Profile Main Content End Here -->
|
|
<!-- Nav Menu Main Content Start Here -->
|
|
<div class="nav-menu">
|
|
<nav class="menu">
|
|
<!-- profile logo start -->
|
|
<div class="nav-header">
|
|
<a href="#">
|
|
<img src="images/CIEF.png" width="160">
|
|
</a>
|
|
</div>
|
|
<!-- profile logo end -->
|
|
<!-- Menu navigation start -->
|
|
<div class="nav-container">
|
|
<ul class="main-menu">
|
|
<li>
|
|
<a href="home.html">
|
|
<i class="fa fa-home"></i> Home</a>
|
|
</li>
|
|
<!--<li>-->
|
|
<!--<a href="#"><i class="fa fa-bell"></i>piyal</a>-->
|
|
<!--</li>-->
|
|
<li>
|
|
<a href="javascript:void(0);">
|
|
<i class="fa fa-briefcase"></i> Arrangement
|
|
<span class="fa fa-angle-down"></span>
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a href="arrangements-warehouse_receive_note1.html" data-loader="show">
|
|
<i class="fa fa-industry"></i> Warehouse Receive Note</a>
|
|
</li>
|
|
<li>
|
|
<a href="arrangements-shipment_arrangements1.html" data-loader="show">
|
|
<i class="fa fa-ship"></i> Shipment Arrangement</a>
|
|
</li>
|
|
<li>
|
|
<a href="arrangements-delivery_arrangements1.html" data-loader="show">
|
|
<i class="fa fa-truck"></i> Delivery Arrangement</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);">
|
|
<i class="fa fa-shopping-cart"></i> Orders
|
|
<span class="fa fa-angle-down"></span>
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a href="shipping-order.html" data-loader="show">
|
|
<i class="fa fa-truck"></i> Shipping Order</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<!--<li>-->
|
|
<!--<a href="#"><i class="fa fa-comments"></i> Messenger</a>-->
|
|
<!--</li>-->
|
|
<li>
|
|
<a href="javascript:void(0);">
|
|
<i class="fa fa-shopping-cart"></i> Track Order</a>
|
|
</li>
|
|
<!--<li>-->
|
|
<!--<a href="example-element.html"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>-->
|
|
<!--<ul>-->
|
|
<!--<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>-->
|
|
<!--<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>-->
|
|
<!--<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>-->
|
|
<!--<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>-->
|
|
<!--</ul>-->
|
|
<!--</li>-->
|
|
</ul>
|
|
</div>
|
|
<!-- Menu navigation end -->
|
|
</nav>
|
|
</div>
|
|
<!-- Nav Menu Main Content End Here -->
|
|
|
|
<div class="wrapper">
|
|
<div class="wrapper-inline">
|
|
<!-- Header area start -->
|
|
<header style="background-color: #FFF">
|
|
<a class="go-back-link" href="javascript:history.back();">
|
|
<i class="fa fa-arrow-left"></i>
|
|
</a>
|
|
<h1 id="HT" class="page-title" style="color: #000">Home</h1>
|
|
<div class="navi-menu-button">
|
|
<em></em>
|
|
<em></em>
|
|
<em></em>
|
|
</div>
|
|
</header>
|
|
<!-- Header area end -->
|
|
<!-- Page content start -->
|
|
<main class="fix-top-menu">
|
|
|
|
<!-- TAB CONTROL START -->
|
|
<div class="tab-item fixed-bottom">
|
|
<div class="tab-menu fix-width only-icons">
|
|
<a id="home" class="active menu-item" href="javascript:void(0);" data-content="content1">
|
|
<i class="fa fa-home"></i>
|
|
Home
|
|
</a>
|
|
<a id="contact" class="menu-item" href="javascript:void(0);" data-content="content2">
|
|
<i class="fa fa-comment"></i>
|
|
Contact
|
|
</a>
|
|
<a id="profile" class="menu-item" href="javascript:void(0);" data-content="content3">
|
|
<i class="fa fa-user"></i>
|
|
Profile
|
|
</a>
|
|
</div>
|
|
|
|
<div class="tab-content">
|
|
<div class="content-item active" id="content1">
|
|
|
|
<div class="list-box">
|
|
<a href="javascript:void(0);" class="list-item">
|
|
<i class="fa fa-home"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title">General Status</span>
|
|
</a>
|
|
|
|
<!-- Content List Spawner Start Here-->
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row txt-center">
|
|
Home is empty, do you want to add new shipping order?
|
|
</div>
|
|
|
|
<div class="form-row txt-center">
|
|
<a href="create-shipping-order-S1.html" style="width:50%; margin-left:25%;" class="button block blue">New Shipping Order</a>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
|
|
<a href="#" class="list-item" data-popup="AzPopActionStatus">
|
|
<i class="fa fa-shopping-cart"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Steam-001/112</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: rgb(3, 123, 184)">Warehouse Rejected</span>
|
|
<span class="list-item-title-role" style="margin-top:-22px">ETA</span>
|
|
<br />
|
|
<span class="list-item-title-role" style="margin-top:-22px; color: #069">dd/mm/yyyy</span>
|
|
</a>
|
|
<a href="#" class="list-item" data-popup="AzPopActionStatus">
|
|
<i class="fa fa-shopping-cart"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Steam-001/112</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: rgb(3, 123, 184)">Warehouse Received</span>
|
|
<span class="list-item-title-role" style="margin-top:-22px">ETA</span>
|
|
<br />
|
|
<span class="list-item-title-role" style="margin-top:-22px; color: #069">dd/mm/yyyy</span>
|
|
</a>
|
|
<a href="#" class="list-item" data-popup="AzPopActionStatus">
|
|
<i class="fa fa-shopping-cart"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Steam-003/112</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: rgb(3, 123, 184)">Decision Requested</span>
|
|
<span class="list-item-title-role" style="margin-top:-22px">ETA</span>
|
|
<br />
|
|
<span class="list-item-title-role" style="margin-top:-22px; color: #069">dd/mm/yyyy</span>
|
|
</a>
|
|
<a href="#" class="list-item" data-popup="AzPopActionStatus">
|
|
<i class="fa fa-shopping-cart"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Steam-003/112</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: rgb(3, 123, 184)">Decision Declined</span>
|
|
<span class="list-item-title-role" style="margin-top:-22px">ETA</span>
|
|
<br />
|
|
<span class="list-item-title-role" style="margin-top:-22px; color: #069">dd/mm/yyyy</span>
|
|
</a>
|
|
<!-- Content List Spawner End Here-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="content-item" id="content2">
|
|
|
|
<div class="list-box">
|
|
<a href="search-contact.html" class="list-item">
|
|
<i class="fa fa-user-plus"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title">Add Contact</span>
|
|
</a>
|
|
|
|
<!-- Content List Spawner Start Here-->
|
|
<div class="form-divider"></div>
|
|
|
|
<div id="content">
|
|
<a>Favourite/Company</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item">
|
|
<i class="fa fa-users"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title">CIEF</span>
|
|
<span class="list-item-title-role">Importer</span>
|
|
</a>
|
|
<a href="#" class="list-item">
|
|
<i class="fa fa-users"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title">FedEx</span>
|
|
<span class="list-item-title-role">Forwarder</span>
|
|
</a>
|
|
<a>Request send</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item">
|
|
<i class="fa fa-user"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Casey</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: #069">Resquest sent</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Importer</span>
|
|
</a>
|
|
<a>Waiting for approval</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item" data-popup="formPopup6">
|
|
<i class="fa fa-user" style="color: red"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Alexander</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: #069">Waiting for appproval</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
|
|
</a>
|
|
<a>Online</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item" data-popup="formPopup7">
|
|
<i class="fa fa-user" style="color: green"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Bryan</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
|
|
</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item" data-popup="formPopup7">
|
|
<i class="fa fa-user" style="color: green"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Edmund</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Importer</span>
|
|
</a>
|
|
<a>Offline</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item" data-popup="formPopup7">
|
|
<i class="fa fa-user" style="color: green"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Dylan</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: red">Offline</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
|
|
</a>
|
|
<div class="form-divider"></div>
|
|
<a>A</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item" data-popup="formPopup6">
|
|
<i class="fa fa-user" style="color: red"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Alexander</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: #069">Waiting for appproval</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
|
|
</a>
|
|
<a>B</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item" data-popup="formPopup7">
|
|
<i class="fa fa-user" style="color: green"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Bryan</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
|
|
</a>
|
|
<a>C</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item">
|
|
<i class="fa fa-user"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Casey</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: #069">Resquest sent</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Importer</span>
|
|
</a>
|
|
<a>D</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item" data-popup="formPopup7">
|
|
<i class="fa fa-user" style="color: green"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Dylan</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: red">Offline</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Forwarder</span>
|
|
</a>
|
|
<a>E</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="list-item" data-popup="formPopup7">
|
|
<i class="fa fa-user" style="color: green"></i>
|
|
<em class="seperate-contact"></em>
|
|
<span class="list-item-title-contact">Edmund</span>
|
|
<br />
|
|
<span class="list-item-title-contact" style="margin-top:-13px; color: #029900">Online</span>
|
|
<span class="list-item-title-role" style="margin-top:-13px">Importer</span>
|
|
</a>
|
|
</div>
|
|
<div class="form-divider"></div>
|
|
<div class="form-divider"></div>
|
|
<!-- Content List Spawner End Here-->
|
|
|
|
</div>
|
|
|
|
<div class="form-fixed"></div>
|
|
|
|
</div>
|
|
<div class="content-item" id="content3">
|
|
|
|
<div class="form-row txt-center">
|
|
<div class="profile-image">
|
|
<div class="profile-image-img">
|
|
<img id="PersonalProfile" class="avatar-img" src="images/14716092_703584339794469_3153603074671561050_n.jpg" width="80" height="80"
|
|
/>
|
|
<label class="update-btn fix">
|
|
<input id="PersonalUpload" type="file" style="display:none" />
|
|
<i class="fa fa-camera"></i>
|
|
</label>
|
|
</div>
|
|
|
|
<p class="fix-name fix">Asif ferdous</p>
|
|
<p class="fix-role">Importer</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-label-divider">
|
|
<span class="label-span">Profile Menu</span>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
|
|
<!-- Company Profile Start Here -->
|
|
<div class="form-row txt-center">
|
|
<div class="profile-menu">
|
|
<div class="profile-menu-company">
|
|
<a href="#">
|
|
<img class="avatar-img" src="images/Azure-Company-Icon.png" width="80" height="80" />
|
|
<div>
|
|
Company Information
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!--<div class="profile-menu-branch">-->
|
|
<!--<a href="#">-->
|
|
<!--<img class="avatar-img" src="images/Azure-Branch-Icon.png" width="80" height="80" />-->
|
|
<!--<div>-->
|
|
<!--Branch Information-->
|
|
<!--</div>-->
|
|
<!--</a>-->
|
|
<!--</div>-->
|
|
<div class="profile-menu-xAxisP">
|
|
<a href="#">
|
|
<img class="avatar-img" src="images/Azure-DeliveryIcon.png" width="80" height="80" />
|
|
<div>
|
|
Delivery Information
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="profile-menu-personal">
|
|
<a href="#">
|
|
<img class="avatar-img" src="images/Azure-Personal-Icon.png" width="80" height="80" />
|
|
<div>
|
|
Personal Information
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Company Profile End Here -->
|
|
|
|
<div class="form-divider"></div>
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row txt-center">
|
|
<div class="profile-menu">
|
|
|
|
<!-- Deliver Profile Start Here -->
|
|
<!--<div class="profile-menu-xAxisP">-->
|
|
<!--<a href="#">-->
|
|
<!--<img class="avatar-img" src="images/Azure-DeliveryIcon.png" width="80" height="80" />-->
|
|
<!--<div>-->
|
|
<!--Delivery Information-->
|
|
<!--</div>-->
|
|
<!--</a>-->
|
|
<!--</div>-->
|
|
<!-- Delivery Profile End Here-->
|
|
|
|
<!--<div class="profile-menu-divider"></div>-->
|
|
|
|
<!--<!– Branch Profile Start Herer –>-->
|
|
<!--<div class="profile-menu-xAxisM">-->
|
|
<!--<a href="#">-->
|
|
<!--<img class="avatar-img" src="images/Azure-Staff-Icon.png" width="80" height="80" />-->
|
|
<!--<div>-->
|
|
<!--Staff<br />Information-->
|
|
<!--</div>-->
|
|
<!--</a>-->
|
|
<!--</div>-->
|
|
<!-- Branch Profile End Here -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
|
|
<!-- Staff Profile Start Here -->
|
|
<div class="form-row txt-center">
|
|
<div class="profile-menu">
|
|
<!--<div class="profile-menu-personal">-->
|
|
<!--<a href="#">-->
|
|
<!--<img class="avatar-img" src="images/Azure-Personal-Icon.png" width="80" height="80" />-->
|
|
<!--<div>-->
|
|
<!--Personal Information-->
|
|
<!--</div>-->
|
|
<!--</a>-->
|
|
<!--</div>-->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-divider"></div>
|
|
<!-- Staff Profile End Here -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- TAB CONTROL END -->
|
|
</main>
|
|
<!-- Page content end -->
|
|
</div>
|
|
</div>
|
|
|
|
<!--POPUP HTML CONTENT START -->
|
|
|
|
<div class="popup-overlay" id="formPopup23">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h3 class="popup-title">Personal Information</h3>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
|
|
<div class="form-row-group with-icons-no-padding">
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Full Name</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Asif Ferdous" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Email</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="ferdous.asif2012@gmail.com" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Website</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="http://ferdous.com" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Position</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="CEO" required />
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="popup-footer">
|
|
<button class="button blue" data-dismiss="true">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--personal popup -->
|
|
<div class="popup-overlay" id="formPopup">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h3 class="popup-title">Add Branch</h3>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
|
|
<div class="form-row-group with-icons-no-padding">
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch Name</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="FedEx" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch Address</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Jalan Persiaran Apec" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch City</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Cyberjaya" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch Postcode</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="63000" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch State</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Selangor" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch Country</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Malaysia" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Contact Person</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Fedrick Darel" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Contact Person No</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="019-7951905" required />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="popup-footer">
|
|
<button class="button blue" data-dismiss="true">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
<!--POPUP HTML CONTENT START -->
|
|
<div class="popup-overlay" id="formPopup2">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h3 class="popup-title">Edit Branch</h3>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
|
|
<div class="form-row-group with-icons-no-padding">
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch Name</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="FedEx" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch Address</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Jalan Persiaran Apec" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch City</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Cyberjaya" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch Postcode</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="63000" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch State</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Selangor" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch Country</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Malaysia" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Contact Person</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="Fedrick Darel" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Contact Person No</label>
|
|
</div>
|
|
<input type="text" class="form-element" placeholder="019-7951905" required />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="popup-footer">
|
|
<button class="button blue" data-dismiss="true">Edit Branch</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
<!--POPUP HTML CONTENT START -->
|
|
<div class="popup-overlay" id="formPopup3">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h3 class="popup-title">Add Delivery Information</h3>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
<form id="PopUp3Form" action="#" method="POST">
|
|
<div class="form-row-group with-icons-no-padding">
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Delivery Information Name</label>
|
|
</div>
|
|
<input type="text" id="deli_info" class="form-element" placeholder="FedEx" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Address</label>
|
|
</div>
|
|
<input type="text" id="deli_address" class="form-element" placeholder="Jalan Persiaran Apec" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">City</label>
|
|
</div>
|
|
<input type="text" id="deli_city" class="form-element" placeholder="Cyberjaya" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Postcode</label>
|
|
</div>
|
|
<input type="text" id="deli_postcode" class="form-element" placeholder="63000" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">State</label>
|
|
</div>
|
|
<input type="text" id="deli_state" class="form-element" placeholder="Selangor" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Country</label>
|
|
</div>
|
|
<input type="text" id="deli_country" class="form-element" placeholder="Malaysia" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Contact Person</label>
|
|
</div>
|
|
<input type="text" id="deli_contact_person" class="form-element" placeholder="Fedrick Darel" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Contact Person No</label>
|
|
</div>
|
|
<input type="text" id="deli_contact_person_no" class="form-element" placeholder="019-7951905" required />
|
|
</div>
|
|
</div>
|
|
<div class="popup-footer">
|
|
<button type="submit" class="button blue" data-dismiss="true">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
<!--POPUP HTML CONTENT START -->
|
|
<div class="popup-overlay" id="formPopup4">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h3 class="popup-title">Edit Delivery</h3>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
|
|
<div class="form-row-group with-icons-no-padding">
|
|
<div class="form-row no-padding">
|
|
<input type="hidden" id="deliv_id">
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Delivery Info</label>
|
|
</div>
|
|
<input type="text" class="form-element" value="" id="deliv_info" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Delivery Address</label>
|
|
</div>
|
|
<input type="text" class="form-element" value="" id="deliv_address" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">City</label>
|
|
</div>
|
|
<input type="text" class="form-element" value="" id="deliv_city" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Postcode</label>
|
|
</div>
|
|
<input type="text" class="form-element" value="" id="deliv_postcode" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">State</label>
|
|
</div>
|
|
<input type="text" class="form-element" value="" id="deliv_state" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Country</label>
|
|
</div>
|
|
<input type="text" class="form-element" value="" id="deliv_country" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Contact Person</label>
|
|
</div>
|
|
<input type="text" class="form-element" value="" id="deliv_contact_person" required />
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Contact Person No</label>
|
|
</div>
|
|
<input type="text" class="form-element" value="" id="deliv_contact_person_no" required />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="popup-footer">
|
|
<button onclick="updateDelivery()" class="button blue" data-dismiss="true">Edit Delivery</button>
|
|
<button onclick="deleteDelivery()" class="button blue" data-dismiss="true">Delete Delivery</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
<!--POPUP HTML CONTENT START -->
|
|
<div class="popup-overlay" id="formPopup5">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h3 class="popup-title">Add Staff</h3>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
|
|
<div class="form-row-group with-icons-no-padding">
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Staff Name</label>
|
|
</div>
|
|
<select class="form-element">
|
|
<option value="">Select Your Staff</option>
|
|
<option value="1">Amir</option>
|
|
<option value="2">Jack</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Position</label>
|
|
</div>
|
|
<select class="form-element">
|
|
<option value="">Select Your Staff Accesss Right</option>
|
|
<option value="1">Admin</option>
|
|
<option value="2">Admin Branch</option>
|
|
<option value="3">Staff</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Branch</label>
|
|
</div>
|
|
<select class="form-element">
|
|
<option value="">Select Your Staff Branch</option>
|
|
<option value="1">HQ - Whatever Country</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="popup-footer">
|
|
<button class="button blue" data-dismiss="true">Add Staff</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
<!--POPUP HTML CONTENT START -->
|
|
<div class="popup-overlay" id="formPopup6">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h1></h1>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
|
|
<div class="form-row txt-center">
|
|
<div class="profile-image" style="height:75px">
|
|
<div class="profile-image-com">
|
|
<img id="CompanyProfile" class="avatar-img" src="images/Screenshot (9).png" width="80" height="80" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h1 style="color: #333; text-align: center; margin-bottom: -10px">Alexander</h1>
|
|
<p style="color: #069; text-align: center;">Forwarder</p>
|
|
<div class="popup-footer">
|
|
<div class="txt-center">
|
|
<a data-dismiss="true" class="button blue">Confirm request</a>
|
|
<a data-dismiss="true" class="button red">Cancel request</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
<!--POPUP HTML CONTENT START -->
|
|
<div class="popup-overlay" id="formPopup7">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h1></h1>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
|
|
<div class="form-row txt-center">
|
|
<div class="profile-image" style="height:75px">
|
|
<div class="profile-image-com">
|
|
<img id="CompanyProfile" class="avatar-img" src="images/Screenshot (9).png" width="80" height="80" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h1 style="color: #333; text-align: center; margin-bottom: -10px">Bryan</h1>
|
|
<p style="color: #069; text-align: center;">Forwarder</p>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Phone No</label>
|
|
</div>
|
|
<label id="phone-no" type="text" class="form-element">011-2334788</label>
|
|
|
|
<div class="form-element-title">
|
|
<label style="color: #000">E-Mail</label>
|
|
</div>
|
|
<label id="phone-no" type="text" class="form-element">bryan@yahoo.com</label>
|
|
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Occupation</label>
|
|
</div>
|
|
<label id="phone-no" type="text" class="form-element">Freight Forwarder</label>
|
|
|
|
<div class="form-element-title">
|
|
<label style="color: #000">Company Name</label>
|
|
</div>
|
|
<label id="phone-no" type="text" class="form-element">MXH Entertainment</label>
|
|
</div>
|
|
<div class="popup-footer">
|
|
<div class="txt-center">
|
|
<button class="button red" data-dismiss="true">Delete Contact</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
<!--POPUP HTML CONTENT START -->
|
|
<div class="popup-overlay" id="AzPopActionStatus">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h3 class="popup-title">Action</h3>
|
|
<span class="popup-close" data-dismiss="true">
|
|
<i class="fa fa-times"></i>
|
|
</span>
|
|
</div>
|
|
<div class="popup-content">
|
|
<div class="txt-center">
|
|
<a href="#" class="button block blue">Details</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="meter-progress-trackers.html" class="button block blue">Track Order</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="button block blue">Chat</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="button block blue">Preview PL</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="button block blue">Print Marking</a>
|
|
<div class="form-divider-2"></div>
|
|
<a href="#" class="button block blue">Delete</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
<!-- Change Header Title According To The Tab Title Start Here -->
|
|
<script src="js/jquery-3.2.1.min.js"></script>
|
|
<script type="text/javascript">
|
|
document.getElementById("profile").onclick = function () {
|
|
document.getElementById("HT").textContent = "Profile";
|
|
};
|
|
document.getElementById("home").onclick = function () {
|
|
document.getElementById("HT").textContent = "Home";
|
|
};
|
|
document.getElementById("contact").onclick = function () {
|
|
document.getElementById("HT").textContent = "Contact";
|
|
};
|
|
|
|
function updateText(type) {
|
|
var id = type + 'Text';
|
|
document.getElementById("branchText1").value = document.getElementById(type).value.textContent =
|
|
"Populate Warehouse Name";
|
|
document.getElementById("branchText2").value = document.getElementById(type).value.textContent =
|
|
"Populate Warehouse Address";
|
|
document.getElementById("branchText3").value = document.getElementById(type).value.textContent =
|
|
"Populate Warehouse City";
|
|
document.getElementById("branchText4").value = document.getElementById(type).value.textContent =
|
|
"Populate Warehouse Postcode";
|
|
document.getElementById("branchText5").value = document.getElementById(type).value.textContent =
|
|
"Populate Warehouse State";
|
|
document.getElementById("branchText6").value = document.getElementById(type).value.textContent =
|
|
"Populate Warehouse Country";
|
|
document.getElementById("branchText7").value = document.getElementById(type).value.textContent =
|
|
"Populate Contact Person";
|
|
document.getElementById("branchText8").value = document.getElementById(type).value.textContent =
|
|
"Populate Contact Person No";
|
|
}
|
|
function displayDeliveries() {
|
|
console.log("Displayed");
|
|
$.ajax({
|
|
type: "GET",
|
|
url: 'api/deliveryinfo/',
|
|
headers:{"Authorization": "Bearer " + localStorage.getItem('token')},
|
|
dataType: 'json',
|
|
success: function (data) {
|
|
console.log(data);
|
|
data.forEach(element => {
|
|
console.log(element);
|
|
var deliName = element.deli_info;
|
|
var deliId = element.id;
|
|
$("#deliveryList").append('<div class="list-box-emp"><a href="#" class="list-item delivery-list-item" data-popup="formPopup4" onclick="showDelivery('+element.id+')"><i class="fa fa-truck"></i><em class="seperate"></em><span class="list-item-title">'+deliName+'</span></a></div>');
|
|
});
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
jQuery.noConflict();
|
|
jQuery(document).ready(function ($) {
|
|
console.log( "ready!" );
|
|
displayDeliveries();
|
|
var count = 1;
|
|
$('#PopUp3Form').on('submit',function(e){
|
|
e.preventDefault();
|
|
$.ajax({
|
|
type: "POST",
|
|
headers:{"Authorization": "Bearer " + localStorage.getItem('token')},
|
|
url: 'api/deliveryinfo',
|
|
data: {
|
|
deli_info: $('#deli_info').val(),
|
|
address: $('#deli_address').val(),
|
|
city: $('#deli_city').val(),
|
|
postcode: $('#deli_postcode').val(),
|
|
state: $('#deli_state').val(),
|
|
country: $('#deli_country').val(),
|
|
contact_person: $('#deli_contact_person').val(),
|
|
contact_person_no: $('#deli_contact_person_no').val(),
|
|
},
|
|
success: function (data) {
|
|
console.log('Form submitted!');
|
|
var deliveryListItem = '<div class="list-box-emp"><a href="#" class="list-item delivery-list-item" data-popup="formPopup4"><i class="fa fa-truck"></i><em class="seperate"></em><span class="list-item-title">'+count+' New Delivery Added</span></a></div>';
|
|
$("#deliveryList").append(deliveryListItem);
|
|
count++;
|
|
}
|
|
});
|
|
});
|
|
});
|
|
function showDelivery(id) {
|
|
console.log("delivery has been clicked");
|
|
$.ajax({
|
|
type: "GET",
|
|
url: 'api/deliveryinfo/'+id,
|
|
headers:{"Authorization": "Bearer " + localStorage.getItem('token')},
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
console.log(response);
|
|
//$("#deliv_info").attr("value",response.deli_info);
|
|
$("#deliv_id").val(response.id);
|
|
$("#deliv_info").val(response.deli_info);
|
|
$('#deliv_address').val(response.address);
|
|
$('#deliv_city').val(response.city);
|
|
$('#deliv_postcode').val(response.postcode);
|
|
$('#deliv_state').val(response.state);
|
|
$('#deliv_country').val(response.country);
|
|
$('#deliv_contact_person').val(response.contact_person);
|
|
$('#deliv_contact_person_no').val(response.contact_person_no);
|
|
}
|
|
});
|
|
}
|
|
function updateDelivery() {
|
|
var id = $("#deliv_id").val();
|
|
console.log('Delivery Update Initiated.');
|
|
$.ajax({
|
|
type: "PUT",
|
|
url: 'api/deliveryinfo/'+id,
|
|
headers:{"Authorization": "Bearer " + localStorage.getItem('token')},
|
|
data: {
|
|
deli_info: $('#deliv_info').val(),
|
|
address: $('#deliv_address').val(),
|
|
city: $('#deliv_city').val(),
|
|
postcode: $('#deliv_postcode').val(),
|
|
state: $('#deliv_state').val(),
|
|
country: $('#deliv_country').val(),
|
|
contact_person: $('#deliv_contact_person').val(),
|
|
contact_person_no: $('#deliv_contact_person_no').val(),
|
|
},
|
|
success: function (data) {
|
|
alert('Delivery Updated!');
|
|
}
|
|
});
|
|
}
|
|
|
|
function deleteDelivery() {
|
|
var id = $("#deliv_id").val();
|
|
console.log('Delivery Update Initiated.');
|
|
$.ajax({
|
|
type: "DELETE",
|
|
url: 'api/deliveryinfo/'+id,
|
|
headers:{"Authorization": "Bearer " + localStorage.getItem('token')},
|
|
data: {
|
|
id: $('#deliv_id').val(),
|
|
},
|
|
success: function (data) {
|
|
console.log('Delivery Deleted!');
|
|
$('.delivery-list-item'+id+'').remove();
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
<!-- Change Header Title Acccording To The Tab Title End Here -->
|
|
<script src="js/global.script.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |