| Vendor Name |
Subscription Name |
Request Type |
Quantity |
Extended Price (USD) |
Billing Type |
Status |
Actions |
| Microsoft |
Mailbox with Outlook |
Add Seats |
5 |
2,014.00 |
Monthly |
Pending Rejected |
|
| Microsoft |
Faxvia Email: Packages |
New |
15 |
3,176.00 |
Monthly |
Pending Rejected |
- 2198406A-74EF-42C6-AAE8-0E5AAD9A03FB
- Minimum Seats(1) ~ Maximum Seats(100)
- jonathantest1.onmicrosoft.com
- a044b16a-1861-4308-8086-a3a3b506fac2
|
| Dropbox |
Dropbox Business |
Remove Seats |
2 |
987.00 |
Yearly |
Pending Rejected |
|
| Google |
Chrome Enterprise License |
New |
5 |
45.00 |
Monthly |
Pending |
|
| Microsoft |
Blackberry |
Add Seats |
5 |
1,250.00 |
Monthly |
Pending |
|
| Vendor Name |
Product Name |
Request Type |
Quantity |
Extended Price (USD) |
Status |
Actions |
| Microsoft |
Surface Keyboard Commer... |
New Purchase |
5 |
2,014.00 |
Pending Rejected |
|
| Cisco |
Catalyst 8500-12X4QC |
One time Purchase |
1 |
1,976.00 |
Pending Rejected |
- 2198406A-74EF-42C6-AAE8-0E5AAD9A03FB
- Minimum Seats(1) ~ Maximum Seats(100)
- jonathantest1.onmicrosoft.com
- a044b16a-1861-4308-8086-a3a3b506fac2
|
| HP SMB Solution |
HP 90W Slim AC Adapter |
One time Purchase |
2 |
2,022.00 |
Pending Rejected |
|
| Dell |
Dell Latitude 3310 13.3" Note... |
New Purchase |
2 |
2,022.00 |
Pending |
|
| Microsoft |
Surface Keyboard Commer... |
New Purchase |
3 |
1,145.00 |
Pending |
|
<!--pending requests-->
<div class="storefront-rightbar pending-requests mt-3">
<div class="row mainTab">
<div class="col-md-12">
<h3>My Pending Request</h3>
<div class="config-tabs mx-auto">
<div class="custom-tab-col">
<div class="overview-tabs m-0 mx-auto action-tabs">
<a href="javascript:void(0);" class="active" data-active ="recurring">Recurring</a>
<a href="javascript:void(0);" class="ml-2" data-active ="one-time">One Time</a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="products-search">
<div class="search-input-col">
<i class="icon-cross" style="display: none;"></i>
<i class="icon-search"></i>
<input type="text" class="form-control form-control-padding search-category" placeholder="Search by product name" autocomplete="off">
</div>
</div>
</div>
<div class="col-md-6">
<div class="right-links-section float-right mt-2">
<a href="javascript:void(0);"><i class="icon-export-arrow mr-2"></i> Export</a>
<div class="custom-control custom-checkbox shwRejected">
<input type="checkbox" class="custom-control-input" id="custtable" name="cust-check">
<label class="custom-control-label" for="custtable"><span>Show Rejected</span></label>
</div>
</div>
</div>
<div class="col-md-12 myPurchases">
<div class="list-view-tile summary-tab-table customers-box selectedTab recurring">
<table class="table custom-table endCustTbl">
<thead class="thead-light">
<tr>
<th scope="col" width="13%">Vendor Name </th>
<th scope="col" width="20%">Subscription Name</th>
<th scope="col" width="15%">Request Type</th>
<th scope="col" width="10%">Quantity</th>
<th scope="col" width="12%" class="text-right">Extended Price <span class="price-denom">(USD)</span></th>
<th scope="col" width="10%">Billing Type </th>
<th scope="col" width="10%">Status </th>
<th scope="col" width="10%">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>Microsoft </td>
<td>Mailbox with Outlook</td>
<td>Add Seats</td>
<td>5</td>
<td class="text-right">2,014.00</td>
<td>Monthly</td>
<td><span class="status-bar suspended">Pending</span> <span class="status-bar cancelled" style="display: none;">Rejected</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Faxvia Email: Packages</td>
<td>New </td>
<td>15</td>
<td class="text-right">3,176.00</td>
<td>Monthly</td>
<td><span class="status-bar suspended">Pending</span> <span class="status-bar cancelled" style="display: none;">Rejected</span></td>
<td>
<div class="table-action-link">
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-link ml-0 openMoreFly"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Activate"></i></a>
<div class="text-more-flyout reactive-info" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<a href="javascript:void(0)" class="reactive-data"><i class="icon-successful-outline"></i> <span class="ml-2">Re-activate Now</span></a>
</div>
</div>
</div>
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-hover openMoreFly"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
<div class="text-more-flyout view-info-flyout" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<ul class="pl-0 mb-0">
<li><label>Subscription ID</label> <span>2198406A-74EF-42C6-AAE8-0E5AAD9A03FB </span><i class="icon-subscriptions copy"><span class="path1"></span><span class="path2"></span></i></li>
<li><label>Changes Allowed</label> <span>Minimum Seats(1) ~ Maximum Seats(100)</span></li>
<li><label>Microsoft Domain ID</label> <span>jonathantest1.onmicrosoft.com</span></li>
<li><label>Manufactute PN</label> <span>a044b16a-1861-4308-8086-a3a3b506fac2</span></li>
</ul>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>Dropbox </td>
<td>Dropbox Business</td>
<td>Remove Seats</td>
<td>2</td>
<td class="text-right">987.00</td>
<td>Yearly</td>
<td><span class="status-bar suspended">Pending</span> <span class="status-bar cancelled" style="display: none;">Rejected</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Google </td>
<td>Chrome Enterprise License</td>
<td>New</td>
<td>5</td>
<td class="text-right">45.00</td>
<td>Monthly</td>
<td><span class="status-bar suspended">Pending</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Blackberry</td>
<td>Add Seats</td>
<td>5</td>
<td class="text-right">1,250.00</td>
<td>Monthly</td>
<td><span class="status-bar suspended">Pending</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<nav aria-label="navigation" class="pagination-col pt-2">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
</div>
<div class="list-view-tile summary-tab-table customers-box selectedTab one-time" style="display: none;">
<table class="table custom-table">
<thead class="thead-light">
<tr>
<th scope="col" width="13%">Vendor Name </th>
<th scope="col" width="19%">Product Name</th>
<th scope="col" width="10%">Request Type </th>
<th scope="col" width="5%">Quantity</th>
<th scope="col" width="10%" class="text-right">Extended Price <span class="price-denom">(USD)</span></th>
<th scope="col" width="8%">Status </th>
<th scope="col" width="13%">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>Microsoft </td>
<td>Surface Keyboard Commer...</td>
<td>New Purchase</td>
<td>5</td>
<td class="text-right">2,014.00</td>
<td><span class="status-bar suspended">Pending</span> <span class="status-bar cancelled" style="display: none;">Rejected</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Cisco </td>
<td>Catalyst 8500-12X4QC</td>
<td>One time Purchase</td>
<td>1</td>
<td class="text-right">1,976.00</td>
<td><span class="status-bar suspended">Pending</span> <span class="status-bar cancelled" style="display: none;">Rejected</span></td>
<td>
<div class="table-action-link">
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-link ml-0 openMoreFly"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Activate"></i></a>
<div class="text-more-flyout reactive-info" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<a href="javascript:void(0)" class="reactive-data"><i class="icon-successful-outline"></i> <span class="ml-2">Re-activate Now</span></a>
</div>
</div>
</div>
<div class="link-text-more moreMainDiv">
<a href="javascript:void(0)" class="circle-hover openMoreFly"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
<div class="text-more-flyout view-info-flyout" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<div class="temp-details p-0">
<ul class="pl-0 mb-0">
<li><label>Subscription ID</label> <span>2198406A-74EF-42C6-AAE8-0E5AAD9A03FB </span><i class="icon-subscriptions copy"><span class="path1"></span><span class="path2"></span></i></li>
<li><label>Changes Allowed</label> <span>Minimum Seats(1) ~ Maximum Seats(100)</span></li>
<li><label>Microsoft Domain ID</label> <span>jonathantest1.onmicrosoft.com</span></li>
<li><label>Manufactute PN</label> <span>a044b16a-1861-4308-8086-a3a3b506fac2</span></li>
</ul>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>HP SMB Solution </td>
<td>HP 90W Slim AC Adapter</td>
<td>One time Purchase</td>
<td>2</td>
<td class="text-right">2,022.00</td>
<td><span class="status-bar suspended">Pending</span> <span class="status-bar cancelled" style="display: none;">Rejected</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Dell </td>
<td>Dell Latitude 3310 13.3" Note...</td>
<td>New Purchase</td>
<td>2</td>
<td class="text-right">2,022.00</td>
<td><span class="status-bar suspended">Pending</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td>Microsoft </td>
<td>Surface Keyboard Commer...</td>
<td>New Purchase</td>
<td>3</td>
<td class="text-right">1,145.00</td>
<td><span class="status-bar suspended">Pending</span></td>
<td>
<div class="table-action-link">
<div class="custom-flyout">
<a href="javascript:void(0)" class="circle-link ml-0 manageService"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="" data-original-title="Manage"></i></a>
<div class="custom-flyout-inner" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="">
<li data-toggle="modal" data-target="#editSubModal"><a href="javascript:void(0);"><i class="icon-manage-seat"></i>
<span>Manage Seats</span></a>
</li>
<li data-toggle="modal" data-target="#addOnsModal"><a href="javascript:void(0);"><i class="icon-add-on"></i>
<span>Add On</span> </a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="circle-hover"><i class="icon-circle-info" data-toggle="tooltip" data-placement="top" title="View Information"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
<nav aria-label="navigation" class="pagination-col pt-2">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!--pending requests-->