60 lines
		
	
	
		
			2.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			60 lines
		
	
	
		
			2.6 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="addresscode">
 | |
| 
 | |
|     <div class="navbar">
 | |
|         <div class="navbar-inner">
 | |
|             <div class="left">
 | |
|                 <a class="link back" href="#">
 | |
|                     <i class="icon icon-back"></i>
 | |
|                     <span class="if-not-md">Back</span>
 | |
|                 </a>
 | |
|             </div>
 | |
|             <div class="title">Destination Code</div>
 | |
|         </div>
 | |
|     </div>
 | |
| 
 | |
| 
 | |
|     <div class="page-content">
 | |
|         <div class="block">
 | |
|             Get a faster pickup and a discount by filling in your package's destination address here. We'll scan the code on your screen instead of typing in the address, saving everyone's time and eliminating typos!
 | |
|         </div>
 | |
|         <div class="row justify-content-center">
 | |
|             <div class="col-100 medium-90 xlarge-75 margin-horizontal">
 | |
|                 <div class="card margin">
 | |
|                     <div class="card-content text-align-center padding-vertical">
 | |
|                         <div class="list">
 | |
|                             <ul id="addresscodeform">
 | |
|                                 {{#each fields}}
 | |
|                                 <li class="item-content item-input item-input-outline">
 | |
|                                     <div class="item-inner">
 | |
|                                         <div class="item-title item-floating-label">{{label}}</div>
 | |
|                                         <div class="item-input-wrap">
 | |
|                                             <input type="text" id="{{id}}" />
 | |
|                                             <span class="input-clear-button"></span>
 | |
|                                         </div>
 | |
|                                     </div>
 | |
|                                 </li>
 | |
|                                 {{/each}}
 | |
|                             </ul>
 | |
|                         </div>
 | |
|                         <div class="card-content-padding">
 | |
|                             <div class="button" onclick="getAddressQRCode()"><i class="far fa-qrcode"></i> Show Code</div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|             </div>
 | |
|         </div>
 | |
|     </div>
 | |
| 
 | |
|     <div class="popup" id="addresscode-popup">
 | |
|         <div class="block text-align-center">
 | |
|             <img id="addresscode-barcode" style="max-width: 90%;" />
 | |
|             <p>Present this code to the Helena Express agent.</p>
 | |
|             <p><a class="button popup-close" href="#">Close</a></p>
 | |
|         </div>
 | |
|     </div>
 | |
| 
 | |
| </div> |