widget-google-spreadsheet/settings.html at master · settinghead/widget-google-spreadsheet · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Google Spreadsheet Settings</title>

  <link rel="stylesheet"
        href="//s3.amazonaws.com/rise-common-test/styles/glyphicons/glyphicons.min.css">
  <link rel="stylesheet"
        href="//s3.amazonaws.com/rise-common-test/styles/bootstrap/bootstrap.min.css">
  <link rel="stylesheet"
        href="//s3.amazonaws.com/rise-common-test/styles/rise/css/rise.min.css">

  <style type="text/css">
    /* rise.min.css from rise-common-test is applying a background colour,
       overriding here */
    body,html {
      background-color: transparent;
    }
    .widget-wrapper {
      display: none;
    }
    div.input-link{
      margin-top: 22px;
      margin-left: -15px;
    }
  </style>
</head>
<body>
  <div class="widget-overlay"></div>
  <div class="widget-wrapper container modal-content">
    <div class="modal-header">
      <h2 id="settings-title" data-i18n="[prepend]settings">
        <button id="settings-close" type="button" class="close"
                aria-hidden="true">
          <i class="glyphicons remove_2"></i>
        </button>
      </h2>
      <div class="sticky-wrapper">
        <div class="btn-toolbar sticky-buttons">
          <button id="save" class="btn btn-primary" type="button">
            <span data-i18n="save"></span>
            <i class="glyphicons white ok_2 icon-right"></i>
          </button>
          <button id="cancel" class="btn btn-primary" type="button">
            <span data-i18n="cancel"></span>
            <i class="glyphicons white remove_2 icon-right"></i>
          </button>
          <button id="help" class="btn btn-primary" type="button">
            <span data-i18n="help"></span>
            <i class="glyphicons white circle_question_mark icon-right"></i>
          </button>
        </div>
      </div>
    </div>
    <div id="settings-alert" class="alert alert-danger"></div>
    <form role="form">
      <div class="row">
        <div class="col-xs-8">
          <div class="form-group">
            <label for="url" data-i18n="url"></label>
            <input id="url" name="url" type="text" class="form-control dataURL" />
          </div>
        </div>
        <div class="col-xs-3">
          <div class="form-group">
            <div class="input-link">
              <a id="google-drive" href="#" data-for="url" data-i18n="[prepend]google-drive"> &#8482;</a>
            </div>
          </div>
        </div>
      </div>
      <div class="row url-options">
        <div class="col-md-3">
          <label for="cells" data-i18n="cells.label"></label>
          <div class="radio">
            <label for="cells-sheet" data-i18n="cells.sheet"></label>
            <input id="cells-sheet" type="radio" name="cells" value="sheet">
          </div>
          <div class="radio">
            <label for="cells-range" data-i18n="cells.range"></label>
            <input id="cells-range" type="radio" name="cells" value="range">
          </div>
        </div>
        <div class="col-md-3">
          <div class="form-group">
            <label for="range" data-i18n="range"></label>
            <input id="range" name="range" class="small form-control" type="text" />
          </div>
        </div>
        <div class="col-md-3">
          <div class="form-group">
            <label for="sheet" data-i18n="sheet"></label>
            <select id="sheet" name="sheet" class="form-control"></select>
          </div>
        </div>
        <div class="col-md-3">
          <div class="form-group">
            <label for="headerRows" data-i18n="headerRows"></label>
            <select id="headerRows" name="headerRows" class="form-control">
              <option value="-1">Auto</option>
              <option value="0">0</option>
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
            </select>
          </div>
        </div>
      </div>
    </form>
  </div>

  <script type="text/javascript" src="//apis.google.com/js/client.js"></script>
  <script type="text/javascript" src="//s3.amazonaws.com/rise-common-test/scripts/rise/authorization.js"></script>
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script type="text/javascript" src="//rvashow2.appspot.com/gadgets/gadgets.min.js"></script>

  <script type="text/javascript" src="//s3.amazonaws.com/rise-common-test/scripts/bootstrap/bootstrap.min.js"></script>
  <script type="text/javascript" src="//s3.amazonaws.com/rise-common-test/scripts/i18next/i18next.js"></script>
  <script type="text/javascript" src="//s3.amazonaws.com/rise-common-test/scripts/sticky/jquery.sticky.min.js"></script>
  <script type="text/javascript" src="//s3.amazonaws.com/rise-common-test/scripts/rise/common.js"></script>
  <script type="text/javascript" src="js/settings.js"></script>
</body>
</html>