68 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			68 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!-- This Source Code Form is subject to the terms of the Mozilla Public
 | |
|    - License, v. 2.0. If a copy of the MPL was not distributed with this
 | |
|    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 | |
| 
 | |
| <div class="page" data-name="sharelist">
 | |
| 
 | |
|     <div class="navbar">
 | |
|         <div class="navbar-bg"></div>
 | |
|         <div class="navbar-inner">
 | |
|             <div class="left">
 | |
|                 <a href="#" class="link icon-only back">
 | |
|                     <i class="icon icon-back"></i>
 | |
|                 </a>
 | |
|             </div>
 | |
|             <div class="title">Share Item List</div>
 | |
|         </div>
 | |
|     </div>
 | |
| 
 | |
|     <div class="page-content">
 | |
|         <div class="list media-list no-hairlines tablet-inset no-margin-top">
 | |
|             <ul>
 | |
|                 <li class="item-divider">Send List</li>
 | |
|                 <li>
 | |
|                     <div class="item-content">
 | |
|                         <a class="button button-fill" id="sendlistbtn" onclick="uploadList();"><i class="fas fa-upload"></i> Upload List</a>
 | |
|                     </div>
 | |
|                 </li>
 | |
|                 <li style="display: none;" id="listidbarcodeli">
 | |
|                     <div class="item-content" style="background-color: white; display: flex; justify-content: center; padding-left: 1rem; padding-right: 1rem;">
 | |
|                         <svg class="barcode" id="listidbarcode"></svg>
 | |
|                     </div>
 | |
|                 </li>
 | |
| 
 | |
| 
 | |
|                 <li class="item-divider">Receive List</li>
 | |
|                 <li>
 | |
|                     <div class="item-content">
 | |
|                         <div class="item-inner">
 | |
|                             <div class="item-title item-label">List ID</div>
 | |
|                             <div class="item-input-wrap">
 | |
|                                 <input type="text" id="getlistidbox" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" />
 | |
|                                 <span class="input-clear-button"></span>
 | |
|                             </div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                 </li>
 | |
|                 <li class="item-content">
 | |
|                     <a class="button button-fill" onclick="downloadItemList();"><i class="fas fa-download"></i> Download List</a>
 | |
|                 </li>
 | |
|                 <li>
 | |
|                     <div class="item-content">
 | |
|                         <a class="button button-fill" id="scanlistbarcodebtn" onclick="scanListIDBarcode();"><i class="fas fa-barcode"></i> Scan List Barcode</a>
 | |
|                     </div>
 | |
|                 </li>
 | |
|             </ul>
 | |
|         </div>
 | |
| 
 | |
|         <div class="block text-align-center">
 | |
|             <i class="material-icons">info</i>
 | |
|             <br />
 | |
|             Share your delivery list to another device. The sender uploads the list,
 | |
|             and the receiver(s) either scan the barcode on the sender's device, or
 | |
|             type in the code beneath the barcode.
 | |
|         </div>
 | |
|     </div>
 | |
| 
 | |
|     <script src="assets/js/toolbox_sharelist.js"></script>
 | |
| </div> |