touch: fix media upload on iDevice

This commit is contained in:
Lukas F. Hartmann
2020-12-18 17:36:44 +01:00
parent 82515e3a8e
commit 352b01569f
2 changed files with 12 additions and 24 deletions

View File

@@ -4,7 +4,7 @@
<div class="dialog-section"> <div class="dialog-section">
<label class="btn btn-xxl btn-transparent btn-icon"> <label class="btn btn-xxl btn-transparent btn-icon">
<span class="icon icon-picture-upload"></span> <span class="icon icon-picture-upload"></span>
<input type="file" accept="*/*" multiple v-on:change="handle_image_file_upload($event)" id="image_file_upload"> <input type="file" multiple v-on:change="handle_image_file_upload($event)" id="image_file_upload">
</label> </label>
<p>Click to Upload<br/> or drag file(s) anywhere.</p> <p>Click to Upload<br/> or drag file(s) anywhere.</p>
</div> </div>

View File

@@ -43,7 +43,8 @@
<div class="dropdown bottom light center"> <div class="dropdown bottom light center">
<div class="btn-collapse in"> <div class="btn-collapse in">
<button class="btn btn-transparent btn-icon-labeled" v-on:click="handle_insert_image_url()" v-on:touchstart="handle_insert_image_url()" title="<%=__("media")%>"> <input type="file" multiple v-on:change="handle_image_file_upload($event)" id="image_file_upload" class="btn btn-transparent btn-icon-labeled" style="position: absolute; z-index: 1; opacity: 0;">
<button class="btn btn-transparent btn-icon-labeled" title="<%=__("media")%>">
<span class="icon icon-upload"></span> <span class="icon icon-upload"></span>
<span class="icon-label" ><%=__("media")%></span> <span class="icon-label" ><%=__("media")%></span>
</button> </button>
@@ -59,19 +60,6 @@
</div> </div>
</div> </div>
<div class="dropdown top left light">
<div class="btn-collapse">
<button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='image'}" v-on:click="open_dialog('image')" title="<%=__("image")%>">
<span class="icon icon-picture"></span>
<span class="icon-label"><%=__("image")%></span>
</button>
</div>
<div class="dialog">
<%- include("./image.html") %>
</div>
</div>
<div class="dropdown top left light" v-bind:class="{open:opened_dialog=='zones'}"> <div class="dropdown top left light" v-bind:class="{open:opened_dialog=='zones'}">
<div class="btn-collapse in"> <div class="btn-collapse in">
<button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='zones'}" v-on:click="open_dialog('zones')" title="<%=__("tool_zones")%>"> <button class="btn btn-transparent btn-icon-labeled" v-bind:class="{open:opened_dialog=='zones'}" v-on:click="open_dialog('zones')" title="<%=__("tool_zones")%>">