72 lines
		
	
	
		
			3.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			72 lines
		
	
	
		
			3.4 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="row justify-content-center">
 | 
						|
            <div class="col-100 medium-60 large-50 xlarge-40 elevation-tablet margin-top-tablet">
 | 
						|
                <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 noselect">
 | 
						|
                    <i class="material-icons material-icons-24px">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>
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
 | 
						|
    <script src="assets/js/toolbox_sharelist.js"></script>
 | 
						|
</div> |