lvllvl/src/html/textMode/exportGifMobile.html at main · tomcss/lvllvl · 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
<div class="panelFill">
    <div style="display: inline-block" id="exportGIFMobileInfo"></div>

    <div style="position: absolute; top: 0; left: 0; right: 0; height: 260px; background-color: #111111; border-bottom: 1px solid #555555; padding: 6px">
      <div style="text-align: center; padding-top: 20px">
        <canvas id="exportGIFMobilePreview" style="border: 1px solid #aaaaaa"></canvas>
      </div>

      <div class="ui-button ui-button-other" id="exportGIFMobileSaveGDrive" style="margin-top: 10px">Save To Google Drive</div>

    </div>

    <div style="position: absolute; top: 272px; left: 0; right: 0; bottom: 0; overflow: auto; padding: 6px">

      <div class="formRow">
        <label class="controlLabel" for="GIFExportMobilePreviewScale">Preview Scale</label>
        <input id="GIFExportMobilePreviewScaleText" class="number" type="text" style="width: 40px" min="1" max="5000" value="100" size="2">
        <div class="rangeHolder">
          <input id="GIFExportMobilePreviewScale" style="width: 100%" type="range" min="20" max="500" value="100" size="3">
        </div>
        <div class="ui-button rangeButton" id="GIFExportPreviewMobileScaleReset">Reset</div>

      </div>


      <div class="formRow">
        <label class="controlLabel" for="exportGIFMobileAs">File name</label>
        <input type="text" class="formControl" size="20" value="" id="exportGIFMobileAs"/>
      </div>

      <div class="formRow">
        <label class="controlLabel" for="exportGIFMobileScale">Scale</label>
        <select  class="formControl" id="exportGIFMobileScale">
          <option value="1">100%</option>
          <option value="2">200%</option>
          <option value="3">300%</option>
          <option value="4">400%</option>
          <option value="5">500%</option>
        </select>
      </div>

      <div class="formRow" style="display: block; padding: 10px 0">
        <div class="formGroup">
          <label class="controlLabel">&nbsp;</label>
          <label class="cb-container"> Include Border
            <input type="checkbox" id="exportGIFMobileIncludeBorder" value="1"/>
            <span class="checkmark"/>
          </label>
        </div>

      </div>


      <!--
      <div>
        <h3>Effects</h3>
      </div>
      <div id="exportImageMobileEffects">
      </div>

    -->
    </div>

  </div>

  <div id="exportGIFMobileProgress" style="display: none; position: absolute; background-color: #222222; left: 5px; right: 5px; top: 5px; bottom: 5px; z-index: 2000; padding: 6px">
  </div>
</div>