<div class="c-app-wrapper">
<!-- Sidebar starts -->
<aside class="c-sidebar o-grid__span-col--2">
<div class="c-sidebar__wrapper">
<header class="c-sidebar__header">
<a href="/" class="c-sidebar__logo" title="Home Page">
<!-- Logo starts -->
<svg class="c-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 174.13 181.89">
<defs><style>.cls-1{fill:none;stroke-miterlimit:10;stroke-width:0.5px}.cls-1{stroke:#e6e7e8}.cls-3{fill:#f1f2f2}.cls-4{fill:#e6e7e8}.cls-5{fill:#d1d3d4}.cls-6{fill:#bcbec0}.cls-11{fill:#fff}</style></defs>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_6" data-name="Layer 6">
<path d="M0.62 0.62L81.16 0.62" class="cls-1"/>
<path fill="none" stroke="#a7a9ac" stroke-miterlimit="10" stroke-width="0.5px" d="M80.36 0.62L160.09 80.15"/>
<path d="M0.18 0.18L80.36 80.15" class="cls-1"/>
<path d="M80.36 80.15L80.36 100.03" class="cls-1"/>
<path d="M40.49 40.38L0.62 0.62 40.49 0.62 40.49 40.38z" class="cls-3"/>
<path d="M40.49 0.62L80.36 40.38 40.49 40.38 40.49 0.62z" class="cls-4"/>
<path d="M80.36 40.38L40.49 0.62 80.36 0.62 80.36 40.38z" class="cls-5"/>
<path d="M80.36 0.62L120.22 40.38 80.36 40.38 80.36 0.62z" class="cls-6"/>
<path d="M120.22 40.38L160.09 80.15 120.22 80.15 120.22 40.38z" class="cls-6"/>
<path d="M120.22 80.15L80.36 40.38 120.22 40.38 120.22 80.15z" class="cls-5"/>
<path d="M80.36 40.38L120.22 80.15 80.36 80.15 80.36 40.38z" class="cls-4"/>
<path d="M80.36 80.15L40.49 40.38 80.36 40.38 80.36 80.15z" class="cls-3"/>
<path d="M120.22 119.91L160.09 80.15 120.22 80.15 120.22 119.91z" class="cls-5"/>
<path d="M120.22 80.15L80.36 119.91 120.22 119.91 120.22 80.15z" class="cls-4"/>
<path d="M80.36 119.91L120.22 80.15 80.36 80.15 80.36 119.91z" class="cls-3"/>
<path d="M80.36 139.79L40.49 100.03 80.36 100.03 80.36 139.79z" class="cls-4"/>
<path fill="#a7a9ac" d="M130.38 159.67L90.52 119.91 130.38 119.91 130.38 159.67z"/>
<path fill="#414042" d="M130.38 133.81L156.31 159.67 130.38 159.67 130.38 133.81z"/>
<path fill="#a9abac" d="M120.22 119.91L146.27 93.98 146.27 119.91 120.22 119.91z"/>
<path fill="#DD2A0E" d="M148.21 94.02L174.13 119.88 148.21 119.88 148.21 94.02z"/>
<g class="c-logo__text">
<path d="M51.09,177a4.08,4.08,0,0,0-1.69-3.68A8.43,8.43,0,0,0,45.51,172a4.76,4.76,0,0,1-2.83-1.13,1.59,1.59,0,0,1,0-2c.43-.74,1.4-1.11,2.88-1.11A4.29,4.29,0,0,1,48.8,169l2-2a7.78,7.78,0,0,0-2.24-1.51,9.51,9.51,0,0,0-3.66-.56,6.75,6.75,0,0,0-3.92,1.35,4.06,4.06,0,0,0-1.87,3.5,3.59,3.59,0,0,0,1.62,3.38,9.13,9.13,0,0,0,3.72,1.24c1.64.16,2.65.6,3.08,1.34a2.08,2.08,0,0,1,0,2.22c-.43.75-1.45,1.11-3.11,1.11a6.06,6.06,0,0,1-4-1.51l-2,2A8.63,8.63,0,0,0,41,181.22a10.09,10.09,0,0,0,3.95.68,6.81,6.81,0,0,0,4.31-1.45A4.19,4.19,0,0,0,51.09,177Z" class="cls-11"/>
<path d="M16.78,181.89h3.41l-4.27-7.47.29-.09c2-.66,3-2.15,3-4.56,0-3.2-1.91-4.76-5.83-4.76H6.07v16.89H9v-7.19h3.57ZM9,172v-4.2H14.2c1.91.06,2.34,1.14,2.37,2s-.47,2.14-2.4,2.17H9Z" class="cls-11"/><path d="M21.8 167.75L27.59 167.75 27.59 181.89 30.57 181.89 30.57 167.75 36.37 167.75 36.37 165.01 21.8 165.01 21.8 167.75z" class="cls-11"/><path d="M69.57 181.56L69.57 164.74 68.45 164.74 68.45 172.37 58.27 172.37 58.27 164.74 57.15 164.74 57.15 181.56 58.27 181.56 58.27 173.34 68.45 173.34 68.45 181.56 69.57 181.56z" class="cls-11"/>
<path d="M85.3,177l1.88,4.6h1.27l-7.08-16.82H80l-7.34,16.82h1.14l2-4.6ZM80.63,165.6,84.92,176h-8.7Z" class="cls-11"/>
<path d="M110.32 164.74L106.01 180.07 105.64 180.07 105.53 179.89 101.21 164.74 99.53 164.74 95.15 180.07 94.77 180.07 94.67 179.89 90.42 164.74 89.28 164.74 94.17 181.56 95.78 181.56 100.16 166.15 100.53 166.15 100.63 166.33 104.96 181.56 106.56 181.56 111.46 164.74 110.32 164.74z" class="cls-11"/><path d="M116.23 172.68L124.93 181.56 126.56 181.56 117.55 172.4 126.02 164.74 124.53 164.74 116.14 172.37 115.65 172.37 115.65 164.74 114.54 164.74 114.54 181.56 115.65 181.56 115.65 172.6 116.15 172.6 116.23 172.68z" class="cls-11"/>
<path d="M139.01 173.34L139.01 172.37 130.6 172.37 130.6 165.71 139.57 165.71 139.57 164.74 129.48 164.74 129.48 181.56 139.97 181.56 139.97 180.59 130.6 180.59 130.6 173.34 139.01 173.34z" class="cls-11"/><path d="M153.88 164.74L148.38 173.17 143.01 164.74 141.68 164.74 147.83 174.27 147.83 181.56 148.94 181.56 148.94 174.27 155.09 164.74 153.88 164.74z" class="cls-11"/><path d="M167.56 173.34L167.56 172.37 159.14 172.37 159.14 165.71 168.12 165.71 168.12 164.74 158.03 164.74 158.03 181.56 168.51 181.56 168.51 180.59 159.14 180.59 159.14 173.34 167.56 173.34z" class="cls-11"/>
</g>
</g>
</g>
</svg>
<!-- Logo ends -->
</a>
</header>
<!-- Mobile menu button starts -->
<button class="c-btn c-btn--link c-btn--link--no-underline c-sidebar__nav__trigger js-c-sidebar__nav__trigger" aria-label="Toggle menu">
Menu
</button>
<!-- Mobile menu button ends -->
<!-- Navigation starts -->
<nav class="c-sidebar__nav">
<ul class="c-sidebar__nav__list">
<li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
<span class="c-sidebar__nav__link">Facilities</span>
<ul class="c-sidebar__nav-child">
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Dashboard</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">DBOL</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">IBOL</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">WO</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Transfer</a>
</li>
</ul>
</li>
<li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
<span class="c-sidebar__nav__link">Asset management</span>
<ul class="c-sidebar__nav-child">
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Inventory Viewer</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Order History</a>
</li>
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Inspection report</a>
</li>
</ul>
</li>
<li class="c-sidebar__nav__item">
<a href="#" class="c-sidebar__nav__link">Well analysis</a>
</li>
<li class="c-sidebar__nav__item">
<a href="#" class="c-sidebar__nav__link">CRM</a>
</li>
<li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
<span class="c-sidebar__nav__link">Data Structure</span>
<ul class="c-sidebar__nav-child">
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">People</a>
</li>
<!--
-->
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Companies</a>
</li>
<!--
-->
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Wells</a>
</li>
<!--
-->
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Racks</a>
</li>
<!--
-->
<li class="c-sidebar__nav-child__item">
<a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Facilities</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- Navigation ends -->
<footer class="c-sidebar__footer">
<button class="c-btn c-btn--link c-sidebar__layout-btn">Switch layout</button>
<div class="c-sidebar__username-dropdown">
<h2 class="c-sidebar__username">Haley Schwartz</h2>
<a href="#" class="c-sidebar__nav-link__logout">Sign Out</a>
</div>
</footer>
</div>
</aside>
<!-- Sidebar ends -->
<!-- Content wrapper starts -->
<div class="c-content-wrapper">
<!-- main content starts -->
<main class="o-stack--lg">
<header>
<h2 class="o-display--sm">Inventory viewer</h2>
</header>
<input type="checkbox" id="filter-trigger" class="c-filter-box__trigger-input" />
<label for="filter-trigger" class="c-filter-box__trigger">Toggle filters</label>
<section class="o-stack--xs u-mt-3">
<header class="u-d-flex">
<h3 class="o-heading u-mr-auto">Filters</h3>
<button class="c-btn c-btn--icon c-btn--link c-btn--link--no-underline c-btn--xs u-pl-0">
<svg class="o-icon" aria-hidden="true"><use href="#pdf-file"></use></svg> PDF Inventory
</button>
<button class="c-btn c-btn--icon c-btn--link c-btn--link--no-underline c-btn--xs">
<svg class="o-icon" aria-hidden="true"><use href="#excel-file"></use></svg> XLSX Inventory
</button>
</header>
</section>
<section class="c-filter-box c-filter-box--inventory o-grid u-mt-1">
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<span class="o-label u-d-block">Total items</span>
<strong class="c-inventory__total-items">556,655</strong>
</div>
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<label class="o-label">Type</label>
<div class="c-inventory__type-toggle o-grid o-grid--auto--sm@small o-grid--fix--3@medium">
<!-- outline button starts -->
<button class="c-btn is-active u-p-0 c-btn--outline">Product</button>
<!-- outline button ends -->
<!-- outline button starts -->
<button class="c-btn u-p-0 c-btn--outline">Location</button>
<!-- outline button ends -->
<!-- outline button starts -->
<button class="c-btn u-p-0 c-btn--outline">Rack</button>
<!-- outline button ends -->
</div>
</div>
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<label for="product-name" class="o-label">Product name</label>
<!-- Input starts -->
<input type="text" class="c-input" id="product-name" placeholder="Tubing, Rod, Coupling" value="">
<!-- Input ends -->
</div>
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<label for="facility" class="o-label">Facility</label>
<!-- Input starts -->
<input type="text" class="c-input" id="facility" placeholder="Add facility names" value="">
<!-- Input ends -->
</div>
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<label for="company" class="o-label">Company</label>
<!-- Input starts -->
<input type="text" class="c-input" id="company" placeholder="Add company names" value="">
<!-- Input ends -->
</div>
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<label for="condition" class="o-label">Condition</label>
<!-- Input starts -->
<input type="text" class="c-input" id="condition" placeholder="New, Yellow band, Inspected #1" value="">
<!-- Input ends -->
</div>
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<label for="rack" class="o-label">Rack</label>
<!-- Input starts -->
<input type="text" class="c-input" id="rack" placeholder="A-1, A-11, T-15" value="">
<!-- Input ends -->
</div>
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<label for="size" class="o-label">Size</label>
<!-- Input starts -->
<input type="text" class="c-input" id="size" placeholder="2-3/8”, 2-7/8”, 3/4”, 7/8”" value="">
<!-- Input ends -->
</div>
<div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
<label for="grade" class="o-label">Grade</label>
<!-- Input starts -->
<input type="text" class="c-input" id="grade" placeholder="J-55, L-80, D, KD, HS" value="">
<!-- Input ends -->
</div>
<div class="u-d-flex">
<button class="c-btn c-btn--link c-btn--link--no-underline c-btn--xs u-p-0 u-mr-auto">Reset fields</button>
<button class="c-btn c-btn--link c-btn--link--no-underline c-btn--xs u-p-0 u-text-right js-extra-filters">Show more item filters</button>
</div>
<section class="o-grid o-grid--auto--lg o-grid--fix--4@large c-filter-box__extra-filters">
<div class="o-stack--xs">
<label for="APIgrade" class="o-label">API Grade</label>
<!-- Input starts -->
<input type="text" class="c-input" id="APIgrade" placeholder="Type API Grade" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="coating" class="o-label">Coating</label>
<!-- Input starts -->
<input type="text" class="c-input" id="coating" placeholder="Type coating" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="mill" class="o-label">Mill</label>
<!-- Input starts -->
<input type="text" class="c-input" id="mill" placeholder="Type mill" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="range" class="o-label">Range</label>
<!-- Input starts -->
<input type="text" class="c-input" id="range" placeholder="Type Range" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="seam" class="o-label">Seam</label>
<!-- Input starts -->
<input type="text" class="c-input" id="seam" placeholder="Type seam" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="connection" class="o-label">Connection</label>
<!-- Input starts -->
<input type="text" class="c-input" id="connection" placeholder="Type connection" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="couplingMft" class="o-label">Coupling manufacturer</label>
<!-- Input starts -->
<input type="text" class="c-input" id="couplingMft" placeholder="Type coupling manufacturer" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="guideMft" class="o-label">Guide manufacturer</label>
<!-- Input starts -->
<input type="text" class="c-input" id="guideMft" placeholder="Type guide manufacturer" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="rodMft" class="o-label">Rod manufacturer</label>
<!-- Input starts -->
<input type="text" class="c-input" id="rodMft" placeholder="Type rod manufacturer" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="thread" class="o-label">Thread</label>
<!-- Input starts -->
<input type="text" class="c-input" id="thread" placeholder="Type thread" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="guide" class="o-label">Guide</label>
<!-- Input starts -->
<input type="text" class="c-input" id="guide" placeholder="Type guide" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="guidePer" class="o-label">Guide Per</label>
<!-- Input starts -->
<input type="text" class="c-input" id="guidePer" placeholder="Type guide per" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="guidePolymer" class="o-label">Guide polymer</label>
<!-- Input starts -->
<input type="text" class="c-input" id="guidePolymer" placeholder="Type guide polymer" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="guideSize" class="o-label">Guide size</label>
<!-- Input starts -->
<input type="text" class="c-input" id="guideSize" placeholder="Type guide size" value="">
<!-- Input ends -->
</div>
<div class="o-stack--xs">
<label for="guideType" class="o-label">Guide type</label>
<!-- Input starts -->
<input type="text" class="c-input" id="guideType" placeholder="Type guide type" value="">
<!-- Input ends -->
</div>
</section>
</section>
<ul class="c-list--inventory o-stack--xs u-mt-3">
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
2-1/16" IJ 10rd EUE Tubing
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">4</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 100%;" class="c-inventory-progress__bar c-inventory-progress__bar--100 c-inventory-progress__bar--new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">4</span>
<span class="c-inventory-progress__condition">new</span>
</div>
</div>
</div>
<!-- Table inventory starts -->
<div class="c-table__wrapper">
<button class="c-table--inventory__configure-columns c-btn c-btn--icon c-btn--icon--hidden-text c-btn--icon--right c-btn--link c-btn--link--no-underline">
<span class="c-btn--icon__text">Configure Columns</span>
<svg class="o-icon o-icon--md" aria-hidden="true">
<use href="#gear"></use>
</svg>
</button>
<table class="c-table c-table--inventory">
<thead class="c-table__header">
<tr class="c-table__header__row">
<th class="c-table__header__item">Units</th>
<th class="c-table__header__item">Company</th>
<th class="c-table__header__item">Initial order</th>
<th class="c-table__header__item">Condition</th>
<th class="c-table__header__item">Grade</th>
<th class="c-table__header__item">Thread</th>
<th class="c-table__header__item">Length</th>
<th class="c-table__header__item">Rod Mfr.</th>
<th class="c-table__header__item">Guide</th>
<th class="c-table__header__item">Guide size</th>
<th class="c-table__header__item">Guide per</th>
<th class="c-table__header__item">Guide type</th>
<th class="c-table__header__item">Guide polymer</th>
<th class="c-table__header__item">Guide Mfr.</th>
<th class="c-table__header__item">Tags</th>
</tr>
</thead>
<tbody class="c-table__body">
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
</tbody>
</table>
</div>
<!-- Table inventory ends -->
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
1-1/4" x 6' Fiberglass Pony Rod
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">9</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 78%;" class="c-inventory-progress__bar c-inventory-progress__bar--78 c-inventory-progress__bar--visual--clean--inhibit">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">7</span>
<span class="c-inventory-progress__condition">Visual / Clean / Inhibit</span>
</div>
</div>
<div style="width: 22%;" class="c-inventory-progress__bar c-inventory-progress__bar--22 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">2</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
</div>
<!-- Table inventory starts -->
<div class="c-table__wrapper">
<button class="c-table--inventory__configure-columns c-btn c-btn--icon c-btn--icon--hidden-text c-btn--icon--right c-btn--link c-btn--link--no-underline">
<span class="c-btn--icon__text">Configure Columns</span>
<svg class="o-icon o-icon--md" aria-hidden="true">
<use href="#gear"></use>
</svg>
</button>
<table class="c-table c-table--inventory">
<thead class="c-table__header">
<tr class="c-table__header__row">
<th class="c-table__header__item">Units</th>
<th class="c-table__header__item">Company</th>
<th class="c-table__header__item">Initial order</th>
<th class="c-table__header__item">Condition</th>
<th class="c-table__header__item">Grade</th>
<th class="c-table__header__item">Thread</th>
<th class="c-table__header__item">Length</th>
<th class="c-table__header__item">Rod Mfr.</th>
<th class="c-table__header__item">Guide</th>
<th class="c-table__header__item">Guide size</th>
<th class="c-table__header__item">Guide per</th>
<th class="c-table__header__item">Guide type</th>
<th class="c-table__header__item">Guide polymer</th>
<th class="c-table__header__item">Guide Mfr.</th>
<th class="c-table__header__item">Tags</th>
</tr>
</thead>
<tbody class="c-table__body">
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
</tbody>
</table>
</div>
<!-- Table inventory ends -->
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
3/4" x 8' Pony Rod
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">103</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 2%;" class="c-inventory-progress__bar c-inventory-progress__bar--2 c-inventory-progress__bar--inspected-1">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">2</span>
<span class="c-inventory-progress__condition">Inspected #1</span>
</div>
</div>
<div style="width: 98%;" class="c-inventory-progress__bar c-inventory-progress__bar--98 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">101</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
</div>
<!-- Table inventory starts -->
<div class="c-table__wrapper">
<button class="c-table--inventory__configure-columns c-btn c-btn--icon c-btn--icon--hidden-text c-btn--icon--right c-btn--link c-btn--link--no-underline">
<span class="c-btn--icon__text">Configure Columns</span>
<svg class="o-icon o-icon--md" aria-hidden="true">
<use href="#gear"></use>
</svg>
</button>
<table class="c-table c-table--inventory">
<thead class="c-table__header">
<tr class="c-table__header__row">
<th class="c-table__header__item">Units</th>
<th class="c-table__header__item">Company</th>
<th class="c-table__header__item">Initial order</th>
<th class="c-table__header__item">Condition</th>
<th class="c-table__header__item">Grade</th>
<th class="c-table__header__item">Thread</th>
<th class="c-table__header__item">Length</th>
<th class="c-table__header__item">Rod Mfr.</th>
<th class="c-table__header__item">Guide</th>
<th class="c-table__header__item">Guide size</th>
<th class="c-table__header__item">Guide per</th>
<th class="c-table__header__item">Guide type</th>
<th class="c-table__header__item">Guide polymer</th>
<th class="c-table__header__item">Guide Mfr.</th>
<th class="c-table__header__item">Tags</th>
</tr>
</thead>
<tbody class="c-table__body">
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
<tr class="c-table__body__row">
<td class="c-table__body__item">2</td>
<td class="c-table__body__item">WildHorse Resources</td>
<td class="c-table__body__item">0102-IBOL-0002836</td>
<td class="c-table__body__item">Used Uninspected</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">API</td>
<td class="c-table__body__item">6</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">Slick</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
<td class="c-table__body__item">N/A</td>
</tr>
</tbody>
</table>
</div>
<!-- Table inventory ends -->
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
1-1/2" Integral Joint Tubing
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">593</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 59%;" class="c-inventory-progress__bar c-inventory-progress__bar--59 c-inventory-progress__bar--new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">348</span>
<span class="c-inventory-progress__condition">new</span>
</div>
</div>
<div style="width: 34%;" class="c-inventory-progress__bar c-inventory-progress__bar--34 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">200</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
<div style="width: 8%;" class="c-inventory-progress__bar c-inventory-progress__bar--8 c-inventory-progress__bar--rig-new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">45</span>
<span class="c-inventory-progress__condition">Rig new</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
2-1/16" IJ 10rd EUE Tubing
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">4</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 100%;" class="c-inventory-progress__bar c-inventory-progress__bar--100 c-inventory-progress__bar--new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">4</span>
<span class="c-inventory-progress__condition">new</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
1-1/4" x 6' Fiberglass Pony Rod
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">9</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 78%;" class="c-inventory-progress__bar c-inventory-progress__bar--78 c-inventory-progress__bar--visual--clean--inhibit">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">7</span>
<span class="c-inventory-progress__condition">Visual / Clean / Inhibit</span>
</div>
</div>
<div style="width: 22%;" class="c-inventory-progress__bar c-inventory-progress__bar--22 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">2</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
3/4" x 8' Pony Rod
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">103</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 2%;" class="c-inventory-progress__bar c-inventory-progress__bar--2 c-inventory-progress__bar--inspected-1">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">2</span>
<span class="c-inventory-progress__condition">Inspected #1</span>
</div>
</div>
<div style="width: 98%;" class="c-inventory-progress__bar c-inventory-progress__bar--98 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">101</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
1-1/2" Integral Joint Tubing
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">593</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 59%;" class="c-inventory-progress__bar c-inventory-progress__bar--59 c-inventory-progress__bar--new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">348</span>
<span class="c-inventory-progress__condition">new</span>
</div>
</div>
<div style="width: 34%;" class="c-inventory-progress__bar c-inventory-progress__bar--34 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">200</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
<div style="width: 8%;" class="c-inventory-progress__bar c-inventory-progress__bar--8 c-inventory-progress__bar--rig-new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">45</span>
<span class="c-inventory-progress__condition">Rig new</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
2-1/16" IJ 10rd EUE Tubing
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">4</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 100%;" class="c-inventory-progress__bar c-inventory-progress__bar--100 c-inventory-progress__bar--new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">4</span>
<span class="c-inventory-progress__condition">new</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
1-1/4" x 6' Fiberglass Pony Rod
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">9</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 78%;" class="c-inventory-progress__bar c-inventory-progress__bar--78 c-inventory-progress__bar--visual--clean--inhibit">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">7</span>
<span class="c-inventory-progress__condition">Visual / Clean / Inhibit</span>
</div>
</div>
<div style="width: 22%;" class="c-inventory-progress__bar c-inventory-progress__bar--22 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">2</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
3/4" x 8' Pony Rod
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">103</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 2%;" class="c-inventory-progress__bar c-inventory-progress__bar--2 c-inventory-progress__bar--inspected-1">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">2</span>
<span class="c-inventory-progress__condition">Inspected #1</span>
</div>
</div>
<div style="width: 98%;" class="c-inventory-progress__bar c-inventory-progress__bar--98 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">101</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
1-1/2" Integral Joint Tubing
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">593</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 59%;" class="c-inventory-progress__bar c-inventory-progress__bar--59 c-inventory-progress__bar--new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">348</span>
<span class="c-inventory-progress__condition">new</span>
</div>
</div>
<div style="width: 34%;" class="c-inventory-progress__bar c-inventory-progress__bar--34 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">200</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
<div style="width: 8%;" class="c-inventory-progress__bar c-inventory-progress__bar--8 c-inventory-progress__bar--rig-new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">45</span>
<span class="c-inventory-progress__condition">Rig new</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
2-1/16" IJ 10rd EUE Tubing
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">4</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 100%;" class="c-inventory-progress__bar c-inventory-progress__bar--100 c-inventory-progress__bar--new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">4</span>
<span class="c-inventory-progress__condition">new</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
1-1/4" x 6' Fiberglass Pony Rod
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">9</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 78%;" class="c-inventory-progress__bar c-inventory-progress__bar--78 c-inventory-progress__bar--visual--clean--inhibit">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">7</span>
<span class="c-inventory-progress__condition">Visual / Clean / Inhibit</span>
</div>
</div>
<div style="width: 22%;" class="c-inventory-progress__bar c-inventory-progress__bar--22 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">2</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
3/4" x 8' Pony Rod
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">103</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 2%;" class="c-inventory-progress__bar c-inventory-progress__bar--2 c-inventory-progress__bar--inspected-1">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">2</span>
<span class="c-inventory-progress__condition">Inspected #1</span>
</div>
</div>
<div style="width: 98%;" class="c-inventory-progress__bar c-inventory-progress__bar--98 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">101</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
</div>
</li>
<li class="c-list--inventory__item">
<header class="c-list--inventory__item__header">
<h3 class="c-list--inventory__item__title">
1-1/2" Integral Joint Tubing
</h3>
<div class="c-list--inventory__item__qty">
<strong class="c-list--inventory__item__qty-number">593</strong> Items
</div>
</header>
<div class="c-inventory-progress__container">
<div style="width: 59%;" class="c-inventory-progress__bar c-inventory-progress__bar--59 c-inventory-progress__bar--new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">348</span>
<span class="c-inventory-progress__condition">new</span>
</div>
</div>
<div style="width: 34%;" class="c-inventory-progress__bar c-inventory-progress__bar--34 c-inventory-progress__bar--used-uninspected">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">200</span>
<span class="c-inventory-progress__condition">Used Uninspected</span>
</div>
</div>
<div style="width: 8%;" class="c-inventory-progress__bar c-inventory-progress__bar--8 c-inventory-progress__bar--rig-new">
<div class="c-inventory-progress__info">
<span class="c-inventory-progress__qty">45</span>
<span class="c-inventory-progress__condition">Rig new</span>
</div>
</div>
</div>
</li>
</ul>
</main>
<!-- main content ends -->
</div>
<!-- Content wrapper ends -->
</div>
<div class="c-app-wrapper">
{{> '@sidebar-nav' sidebarClass="o-grid__span-col--2" username="Haley Schwartz" }}
<!-- Content wrapper starts -->
<div class="c-content-wrapper">
<!-- main content starts -->
<main class="o-stack--lg">
<header>
<h2 class="o-display--sm">Inventory viewer</h2>
</header>
<input type="checkbox" id="filter-trigger" class="c-filter-box__trigger-input"/>
<label for="filter-trigger" class="c-filter-box__trigger">Toggle filters</label>
<section class="o-stack--xs u-mt-3">
<header class="u-d-flex">
<h3 class="o-heading u-mr-auto">Filters</h3>
<button class="c-btn c-btn--icon c-btn--link c-btn--link--no-underline c-btn--xs u-pl-0">
<svg class="o-icon" aria-hidden="true"><use href="#pdf-file"></use></svg> PDF Inventory
</button>
<button class="c-btn c-btn--icon c-btn--link c-btn--link--no-underline c-btn--xs">
<svg class="o-icon" aria-hidden="true"><use href="#excel-file"></use></svg> XLSX Inventory
</button>
</header>
</section>
{{> '@filter-box--inventory' extraClasses="u-mt-1"}}
{{> '@list--inventory' listClass="u-mt-3"}}
</main>
<!-- main content ends -->
</div>
<!-- Content wrapper ends -->
</div>
{
"item": [
{
"itemTitle": "2-1/16\" IJ 10rd EUE Tubing",
"qty": 4,
"tableOpen": "yes",
"progressBar": [
{
"itemCondition": "new",
"percentage": 100,
"qty": 4
}
]
},
{
"itemTitle": "1-1/4\" x 6' Fiberglass Pony Rod",
"qty": 9,
"tableOpen": "yes",
"progressBar": [
{
"itemCondition": "Visual / Clean / Inhibit",
"conditionClass": "visual--clean--inhibit",
"qty": 7,
"percentage": 78
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 2,
"percentage": 22
}
]
},
{
"itemTitle": "3/4\" x 8' Pony Rod",
"qty": 103,
"tableOpen": "yes",
"progressBar": [
{
"itemCondition": "Inspected #1",
"conditionClass": "inspected-1",
"qty": 2,
"percentage": 2
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 101,
"percentage": 98
}
]
},
{
"itemTitle": "1-1/2\" Integral Joint Tubing",
"qty": 593,
"progressBar": [
{
"itemCondition": "new",
"qty": 348,
"percentage": 59
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 200,
"percentage": 34
},
{
"itemCondition": "Rig new",
"conditionClass": "rig-new",
"qty": 45,
"percentage": 8
}
]
},
{
"itemTitle": "2-1/16\" IJ 10rd EUE Tubing",
"qty": 4,
"progressBar": [
{
"itemCondition": "new",
"percentage": 100,
"qty": 4
}
]
},
{
"itemTitle": "1-1/4\" x 6' Fiberglass Pony Rod",
"qty": 9,
"progressBar": [
{
"itemCondition": "Visual / Clean / Inhibit",
"conditionClass": "visual--clean--inhibit",
"qty": 7,
"percentage": 78
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 2,
"percentage": 22
}
]
},
{
"itemTitle": "3/4\" x 8' Pony Rod",
"qty": 103,
"progressBar": [
{
"itemCondition": "Inspected #1",
"conditionClass": "inspected-1",
"qty": 2,
"percentage": 2
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 101,
"percentage": 98
}
]
},
{
"itemTitle": "1-1/2\" Integral Joint Tubing",
"qty": 593,
"progressBar": [
{
"itemCondition": "new",
"qty": 348,
"percentage": 59
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 200,
"percentage": 34
},
{
"itemCondition": "Rig new",
"conditionClass": "rig-new",
"qty": 45,
"percentage": 8
}
]
},
{
"itemTitle": "2-1/16\" IJ 10rd EUE Tubing",
"qty": 4,
"progressBar": [
{
"itemCondition": "new",
"percentage": 100,
"qty": 4
}
]
},
{
"itemTitle": "1-1/4\" x 6' Fiberglass Pony Rod",
"qty": 9,
"progressBar": [
{
"itemCondition": "Visual / Clean / Inhibit",
"conditionClass": "visual--clean--inhibit",
"qty": 7,
"percentage": 78
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 2,
"percentage": 22
}
]
},
{
"itemTitle": "3/4\" x 8' Pony Rod",
"qty": 103,
"progressBar": [
{
"itemCondition": "Inspected #1",
"conditionClass": "inspected-1",
"qty": 2,
"percentage": 2
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 101,
"percentage": 98
}
]
},
{
"itemTitle": "1-1/2\" Integral Joint Tubing",
"qty": 593,
"progressBar": [
{
"itemCondition": "new",
"qty": 348,
"percentage": 59
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 200,
"percentage": 34
},
{
"itemCondition": "Rig new",
"conditionClass": "rig-new",
"qty": 45,
"percentage": 8
}
]
},
{
"itemTitle": "2-1/16\" IJ 10rd EUE Tubing",
"qty": 4,
"progressBar": [
{
"itemCondition": "new",
"percentage": 100,
"qty": 4
}
]
},
{
"itemTitle": "1-1/4\" x 6' Fiberglass Pony Rod",
"qty": 9,
"progressBar": [
{
"itemCondition": "Visual / Clean / Inhibit",
"conditionClass": "visual--clean--inhibit",
"qty": 7,
"percentage": 78
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 2,
"percentage": 22
}
]
},
{
"itemTitle": "3/4\" x 8' Pony Rod",
"qty": 103,
"progressBar": [
{
"itemCondition": "Inspected #1",
"conditionClass": "inspected-1",
"qty": 2,
"percentage": 2
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 101,
"percentage": 98
}
]
},
{
"itemTitle": "1-1/2\" Integral Joint Tubing",
"qty": 593,
"progressBar": [
{
"itemCondition": "new",
"qty": 348,
"percentage": 59
},
{
"itemCondition": "Used Uninspected",
"conditionClass": "used-uninspected",
"qty": 200,
"percentage": 34
},
{
"itemCondition": "Rig new",
"conditionClass": "rig-new",
"qty": 45,
"percentage": 8
}
]
}
]
}
There are no notes for this item.