summaryrefslogtreecommitdiff
path: root/views/controls/blueprint/scaler.ejs
blob: 972b82a7557dfd6c31e6b03c908facf739ed3518 (plain)
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
<div class="mediaDrawer fixed animate active blueprintScaler">
  <div class="box">

    <div class="blueprintUpload">
      <h2>Upload your Blueprint</h2>
      <p>
        Upload an image which you will trace to make a floor plan.
        Images should be at least 1000x1000.
      </p>
      <input type="hidden" name="_csrf" value="[[- token ]]">
      <input type="text" class="url" placeholder="Enter an image URL or...">
      <div class="wallpaperUpload toolButton">
        <form>
          <span class="ion-ios-upload-outline upload-icon"></span>
          <label>Upload a File</label>
          <input type="file" accept="image/*" multiple>
        </form>
      </div>
      <div class="blueprints">
        <h5>Your uploaded blueprints</h5>
      </div>
    </div>
    
    <div class="blueprintInfo vvbox">
      Please tell us the scale of your blueprint.
      Click two corners of a wall, and then enter how long the wall is.
      <br><br>
      You can also <span class="uploadNewBlueprint">upload another blueprint</span>.
      <br><br>

      <form>
        <div class="setting number">
          <label for="blueprint-dimensions">length</label>
          <input type="text" class="units" name="blueprint-dimensions" id="blueprint-dimensions">
          <select id="blueprint-units" name="blueprint-units">
            <option value="ft">feet</option>
            <option value="m">meters</option>
          </select>
        </div>
        <button id="saveBlueprint">Save</button>
      </form>
    </div>

    <div id="blueprintMap">
    </div>
    
  </div>
</div>