scratch – Diff between revs 71 and 72
?pathlinks?
Rev 71 | Rev 72 | |||
---|---|---|---|---|
Line 83... | Line 83... | |||
83 | <div class="input-group"> |
83 | <div class="input-group"> |
|
84 | <input id="URL" type="text" class="form-control" readonly> |
84 | <input id="URL" type="text" class="form-control" readonly> |
|
85 | <span class="input-group-btn"> |
85 | <span class="input-group-btn"> |
|
86 | <button id="btn-clipboard" class="btn btn-default" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
86 | <button id="btn-clipboard" class="btn btn-default" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
|
87 | </span> |
87 | </span> |
|
- | 88 | <span class="input-group-btn"> |
||
- | 89 | <button id="btn-mailto" class="btn btn-default" type="button"><i class="glyphicon glyphicon-envelope"></i></button> |
||
- | 90 | </span> |
||
88 | </div> |
91 | </div> |
|
89 | <strong class="error text-danger" data-dz-errormessage></strong> |
92 | <strong class="error text-danger" data-dz-errormessage></strong> |
|
90 | </div> |
93 | </div> |
|
91 | <div> |
94 | <div> |
|
92 | <p class="size" data-dz-size></p> |
95 | <p class="size" data-dz-size></p> |
|
Line 189... | Line 192... | |||
189 | document.querySelector("#total-progress") |
192 | document.querySelector("#total-progress") |
|
190 | .style |
193 | .style |
|
191 | .opacity = "0"; |
194 | .opacity = "0"; |
|
192 | }).on("success", (file, data) => { |
195 | }).on("success", (file, data) => { |
|
Line 193... | Line 196... | |||
193 | |
196 | |
|
194 | var boxURLID = '_' + Math |
197 | const boxURLID = '_' + Math |
|
195 | .random() |
198 | .random() |
|
196 | .toString(36) |
199 | .toString(36) |
|
197 | .substr(2, 9); |
200 | .substr(2, 9); |
|
198 | file |
201 | file |
|
Line 204... | Line 207... | |||
204 | .previewElement |
207 | .previewElement |
|
205 | .querySelector("#URL") |
208 | .querySelector("#URL") |
|
206 | .setAttribute('id', boxURLID) |
209 | .setAttribute('id', boxURLID) |
|
Line 207... | Line 210... | |||
207 | |
210 | |
|
208 | // Clipboard button. |
211 | // Clipboard button. |
|
209 | clipButtonID = '_' + Math |
212 | const clipButtonID = '_' + Math |
|
210 | .random() |
213 | .random() |
|
211 | .toString(36) |
214 | .toString(36) |
|
212 | .substr(2, 9); |
215 | .substr(2, 9); |
|
213 | file |
216 | file |
|
Line 217... | Line 220... | |||
217 | |
220 | |
|
218 | file |
221 | file |
|
219 | .previewElement |
222 | .previewElement |
|
220 | .querySelector("#btn-clipboard") |
223 | .querySelector("#btn-clipboard") |
|
- | 224 | .setAttribute('id', clipButtonID); |
||
- | 225 | |
||
- | 226 | // Mailto button. |
||
- | 227 | const mailToButtonID = '_' + Math |
||
- | 228 | .random() |
||
- | 229 | .toString(36) |
||
- | 230 | .substr(2, 9); |
||
- | 231 | |
||
- | 232 | file |
||
- | 233 | .previewElement |
||
- | 234 | .querySelector("#btn-mailto") |
||
Line 221... | Line 235... | |||
221 | .setAttribute('id', clipButtonID); |
235 | .setAttribute('id', mailToButtonID); |
|
222 | |
236 | |
|
223 | file |
237 | file |
|
224 | .previewElement |
238 | .previewElement |
|
Line 228... | Line 242... | |||
228 | .previewElement |
242 | .previewElement |
|
229 | .querySelector(".cancel") |
243 | .querySelector(".cancel") |
|
230 | .setAttribute("disabled", "disabled"); |
244 | .setAttribute("disabled", "disabled"); |
|
Line 231... | Line 245... | |||
231 | |
245 | |
|
- | 246 | new Clipboard('#' + clipButtonID); |
||
- | 247 | |
||
- | 248 | $('#' + mailToButtonID).on('click', () => { |
||
- | 249 | window.location.href = "mailto:user@domain.tld?subject="+ |
||
- | 250 | encodeURIComponent('Check this out!') + "&body=" + |
||
- | 251 | encodeURIComponent($('#' + boxURLID).val()); |
||
232 | new Clipboard('#' + clipButtonID); |
252 | }); |
|
Line 233... | Line 253... | |||
233 | }); |
253 | }); |
|
234 | |
254 | |
|
235 | document.querySelector("#actions .start").onclick = () => { |
255 | document.querySelector("#actions .start").onclick = () => { |