cief/IZYIM-mobile-client
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-mobile-client.git synced 2026-08-19 04:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
209f899b32185abb7f5bbf02d34c3ddbc30eb094
IZYIM-mobile-client/home.html
T
Darel 1d7335831b add reset password
2018-03-22 16:46:11 +08:00

1101 lines
53 KiB
HTML
Raw Blame History

<!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">
<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>
<div class="list-box-emp">
<a href="#" class="list-item" data-popup="formPopup4">
<i class="fa fa-truck"></i>
<em class="seperate"></em>
<span class="list-item-title"> Delivery 1</span>
</a>
</div>
<div class="list-box-emp">
<a href="#s" class="list-item" data-popup="formPopup4">
<i class="fa fa-truck"></i>
<em class="seperate"></em>
<span class="list-item-title"> Delivery 2</span>
</a>
</div>
<!-- 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">Fedrick Darel Auditore</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">
<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="company-name" type="text" class="form-element">Fedrick Darel</label>
</div>
<div class="form-row no-padding">
<label id="registration-no" type="text" class="form-element">Auditore</label>
</div>
<div class="form-row no-padding">
<label id="registration-no" type="text" class="form-element">fedrickdarel@gmail.com</label>
</div>
<div class="form-row no-padding">
<label id="registration-no" type="text" class="form-element">http://www.Azure.com</label>
</div>
<div class="form-row no-padding">
<label id="registration-no" type="text" class="form-element">Founder and CEO</label>
</div>
</div>
<div class="form-divider"></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> Notice</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="custom_declaration.html"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</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</a>
</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="shipping-order.html" style="width:50%; margin-left:25%;" class="button block blue">Add New SO</a>
</div>
<div class="form-divider"></div>
<!-- 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 href="#" class="list-item" data-popup="formPopup6">
<i class="fa fa-user" style="color: red"></i>
<em class="seperate"></em>
<span class="list-item-title">Alexander</span>
<span class="list-item-title-role">Forwarder</span>
</a>
<a href="#" class="list-item" data-popup="formPopup7">
<i class="fa fa-user" style="color: green"></i>
<em class="seperate"></em>
<span class="list-item-title">Bryan</span>
<span class="list-item-title-role">Forwarder</span>
</a>
<a href="#" class="list-item">
<i class="fa fa-user"></i>
<em class="seperate"></em>
<span class="list-item-title">Casey</span>
<span class="list-item-title-role" style="margin-top:-10px">Importer</span>
<br />
<span class="list-item-title-role" style="margin-top:-10px; color: #000">Izyim</span>
</a>
<a href="#" class="list-item">
<i class="fa fa-user"></i>
<em class="seperate"></em>
<span class="list-item-title">Dylan</span>
<span class="list-item-title-role">Forwarder</span>
</a>
<a href="#" class="list-item">
<i class="fa fa-user"></i>
<em class="seperate"></em>
<span class="list-item-title">Edmund</span>
<span class="list-item-title-role">Importer</span>
</a>
<a href="#" class="list-item">
<i class="fa fa-user"></i>
<em class="seperate"></em>
<span class="list-item-title">Fedrick Darel</span>
<span class="list-item-title-role">Importer</span>
</a>
<a href="#" class="list-item">
<i class="fa fa-user"></i>
<em class="seperate"></em>
<span class="list-item-title">George</span>
<span class="list-item-title-role">Importer</span>
</a>
<a href="#" class="list-item">
<i class="fa fa-user"></i>
<em class="seperate"></em>
<span class="list-item-title">Harry</span>
<span class="list-item-title-role">Forwarder</span>
</a>
<a href="#" class="list-item">
<i class="fa fa-user"></i>
<em class="seperate"></em>
<span class="list-item-title">Iqbal</span>
<span class="list-item-title-role">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">Fedrick Darel Auditore</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>
</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="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">
<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</label>
</div>
<select class="form-element" id="branch" onchange="updateText('branch')">
<option value="">Please select your warehouse branch</option>
<option value="CIEF">CIEF</option>
</select>
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Delivery Information Name</label>
</div>
<input type="text" value="" id="branchText1" 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" value="" id="branchText2" 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" value="" id="branchText3" 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" value="" id="branchText4" 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" value="" id="branchText5" 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" value="" id="branchText6" 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" value="" id="branchText7" 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" value="" id="branchText8" 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="formPopup4">
<!-- if you dont want overlay add class .no-overlay -->
<div class="popup-container">
<div class="popup-header">
<h3 class="popup-title">Edit Warehouse</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</label>
</div>
<select class="form-element">
<option value="">Please select your warehouse branch</option>
<option value="1">CIEF</option>
</select>
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Warehouse 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">Warehouse 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">Warehouse 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">Warehouse 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">Warehouse 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">Warehouse 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 class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Warehouse Notice</label>
</div>
<input type="text" class="form-element" required />
</div>
</div>
</div>
<div class="popup-footer">
<button class="button blue" data-dismiss="true">Edit Warehouse</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="form-row txt-center">
<a style="width:50%; margin-left:25%;" class="button block blue" data-dismiss="true">Confirm Request</a>
</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>
</div>
</div>
<!--POPUP HTML CONTENT END -->
<!-- Change Header Title According To The Tab Title Start Here -->
<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";
};
document.getElementById("cf").onselect = function () {
document.getElementById("WN").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";
}
</script>
<!-- Change Header Title Acccording To The Tab Title End Here -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/global.script.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink