-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
81 lines (77 loc) · 3.51 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Canva Button HTML API - Test Page</title>
<link href="https://static.canva.com/static/images/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>Canva Button HTML API - Test Page</h1>
<div>
<form id="button-attrifutes">
<fieldset>
<legend>Common Attributes</legend>
<label>data-SDK-url</label>
<input type="text" id="data-sdk-url"><br><br>
<label>data-SDK-url</label>
<input type="text" id="data-api-key"><br><br>
<label>data-editor-file-type</label>
<input type="text" id="data-editor-file-type"><br><br>
<label>data-editor-publish-label</label>
<input type="text" id="data-editor-publish-label"><br><br>
<label>data-on-design-publish</label>
<input type="text" id="data-on-design-publish" value="designCallback"><br><br>
<label>data-on-design-publish-input-design-id</label>
<input type="text" id="data-on-design-publish-input-design-id" value="designId"><br><br>
<label>data-on-design-publish-input-export-url</label>
<input type="text" id="data-on-design-publish-input-export-url" value="exportUrl"><br><br>
<label>data-on-design-close</label>
<input type="text" id="data-on-design-close" value="designCloseCallback"><br><br>
</fieldset>
<br><br>
<fieldset>
<legend>Button Attributes</legend>
<label>data-button-theme</label>
<input type="text" id="data-button-theme"><br><br>
<label>data-button-size</label>
<input type="text" id="data-button-size"><br><br>
</fieldset>
<br><br>
<fieldset>
<legend>Create-Mode Attributes</legend>
<label>data-design-type</label>
<input type="text" id="data-design-type" value="Banner"><br><br>
<label>data-design-dimensions-units</label>
<input type="text" id="data-design-dimensions-units"><br><br>
<label>data-design-dimensions-height</label>
<input type="text" id="data-design-dimensions-height"><br><br>
<label>data-design-dimensions-width</label>
<input type="text" id="data-design-dimensions-width"><br><br>
</fieldset>
<br><br>
</form>
<button id="apply-button" type="button">Create Design</button>
<br><br>
<div id="canva-design-button-div"></div>
</div>
<div>
<h2>Output</h2>
<form>
<fieldset>
<legend>Design Details</legend>
<label for="exportUrl">exportUrl:</label>
<input type="url" name="exportUrl" disabled><br><br>
<label for="designId">designId:</label>
<input type="text" id="designId" name="designId" value="undefined"><br><br>
<pre style="background-color: #ddeeff" word-wrap: break-word;><code id="json-container"></code></pre>
<div id=banner></div>
<button id="edit-button" type="button">Edit Design</button>
</fieldset>
<br><br>
</form>
<div id="canva-design-edit-button-div"></div>
</div>
</body>
</html>