lightspeed-api/Sidebar.html at master · Marshallsbest/lightspeed-api · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!--
 * Copyright 2014 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 -->

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <!-- Use a templated HTML printing scriptlet to import common stylesheet -->
    <?!= HtmlService.createHtmlOutputFromFile('Stylesheet').getContent(); ?>
  </head>
  <body>
    <!-- Below is the HTML code that defines the sidebar element structure. -->
    <cursor></cursor><div class="sidebar branding-below">
    <div class="block form-group" id="sidebar-value-block">
   <!-- <label for="sidebar-value">Sidebar value:</label>
    <input id="sidebar-value" value="1">  -->
      <label for="sidebar-info-select">
        Select the info to get:
      </label>
      <select class="width-100" id="sidebar-info-select">
        <option value="Order">Orders</option>
        <option value="Sale">Sales</option>
        <option value="Customer">Customer</option>
        <option value="Shop">Shop</option>
        <option value="Employee">Employee</option>
        <option value="Salelines">Sales Line</option>
        <option value="OrderLines">Order Line</option>
        </select>
        <div class="spacer">
          <br/>
        </div>
        <label for="sidebar-shop-select">
        Select the shop to view:
        </label>
      <select class="width-100" id="sidebar-shop-select">
        <option value='5'>Brampton</option>
        <option value='1'>Georgetown</option>
        <option value='6'>Dixie 401</option>
        <option value='2'>Milton</option>
        <option value='3'>5 and 10</option>
        <option value='4'>Fergus</option>
        <option value='7'>Hamilton</option>
      </select>
       <br/>
    <div class="block" id="sidebar-button-bar">
      <button id="sidebar-info-button">Call Info</button>
      <button id="sidebar-shop-button">Set Shop</button>
    </div>
    <div id="sidebar-status"></div>
    </div>
    </div>
    <!-- Enter sidebar bottom-branding below. -->
    <div class="sidebar bottom">
    <img alt="Add-on logo" class="logo" width="25"
    src="https://www.google.com/intl/en_US/sheets/about/images/sheets-2x/addons.png">
    <span class="gray branding-text">Spreadsheet Add-on Template by Google</span>
    </div>

    <!-- Use a templated HTML printing scriptlet to import JavaScript. -->
    <?!= HtmlService.createHtmlOutputFromFile('SidebarJavaScript').getContent(); ?>
    </body>
    </html>