PackageHelper/www/pages/toolbox/sharelist.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>