-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (143 loc) · 5.95 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' data:; script-src 'self'">
<meta http-equiv="X-Content-Security-Policy" content="default-src 'self' 'unsafe-inline' data:; script-src 'self'">
<link rel="stylesheet" href="./node_modules/typeface-lato/index.css">
<link rel="stylesheet" href="./node_modules/semantic-ui-css/semantic.css">
<link rel="stylesheet" href="style.css">
<title>Illustrator Script Installer</title>
</head>
<body>
<div class="ui equal width aligned padded grid">
<div class="row">
<div class="purple column">
<span data-i18="illustratorLocation"></span> <i id="illustrator-location"></i>
<br>
Node.js <span id="node-version"></span>,
Chromium <span id="chrome-version"></span>,
and Electron <span id="electron-version"></span>.
<br>
<button id="refresh-illustrator-scripts" class="ui inverted button">
<span data-i18="refresh">Refresh</span>
</button>
</div>
<div class="pink column">
<button id="search-illustrator-dir" class="ui inverted button">
<span data-i18="searchIllustratorPath">Search Illustrator directory:</span>
</button>
<button id="select-illustrator-dir" class="ui purple button">
<span data-i18="selectIllustratorLoaction"></span>
</button>
<button id="remove-illustrator-dir" class="ui red button">
<span data-i18="removeDirectory"></span>
</button>
</div>
</div>
</div>
<div id="illustrator-dir-not-found-message" class="ui negative message">
<i id="illustrator-dir-not-found-close" class="close icon"></i>
<div class="header">
<span data-i18="illustratorDirectoryNotFound">Illustrator directory not found</span>
</div>
<p>
<span data-i18="weCanTFindThePathToYourLocalIllustratorInstallation">We can't find the path to your local
Illustrator installation.</span>
</p>
</div>
<div class="five column ui grid dont-shrink dont-grow">
<div class="column grey"></div>
<div class="column grey"><b data-i18="name"></b></div>
<div class="column grey"><b data-i18="fileSize"></b></div>
<div class="column grey"><b data-i18="lastModified"></b></div>
<div class="column grey"><b data-i18="createdAt"></b></div>
</div>
<div class="row one column" style="padding: 0; flex-grow: 1; overflow-y: auto;">
<div class="column ui grid" id="scripts-rows-tbody">
</div>
</div>
<div class="five column dont-shrink dont-grow ui grid">
<div class="grey sixteen wide column">
<div id="add-script" class="ui right floated small pink labeled icon button">
<i class="file alternate outline icon"></i> <span data-i18="addScript"></span>
</div>
<div id="open-temp-folder" class="ui black deny button">
<span data-i18="openTempFolder"></span>
</div>
</div>
</div>
<div class="ui modal" id="add-script-modal">
<i class="close icon"></i>
<div class="header">
<span data-i18="addScript"></span>
</div>
<div class="content">
<div class="description">
<div class="ui header"><span data-i18="chooseMethod"></span></div>
<div class="ui top attached tabular menu">
<a data-tab-controls="select-file-tab" href="#" class="selectable active item"><span
data-i18="selectFile"></span></a>
<a data-tab-controls="select-text-tab" href="#" class="selectable item"><span
data-i18="insertText"></span></a>
<a data-tab-controls="select-library-tab" href="#" class="selectable item"><span
data-i18="browseLibrary"></span></a>
</div>
<div id="select-file-tab" class="ui bottom attached active tab segment">
<div class="ui left action input">
<button id="add-script-file-button" class="ui purple labeled icon button">
<i class="file alternate outline icon"></i>
<span data-i18="addScript"></span>
</button>
<input id="add-script-file-input" accept=".js,.jsx" type="file" required>
</div>
</div>
<div id="select-text-tab" class="ui bottom attached tab segment">
<div class="ui form">
<div class="field">
<label data-i18="name"></label>
<small>Must end with .jsx</small>
<div class="ui input focus">
<input id="add-script-plain-text-filename" type="text">
</div>
</div>
<div class="field">
<label data-i18="insertText"></label>
<textarea id="add-script-plain-text-textarea" rows="10"></textarea>
</div>
<button id="add-script-plain-text-button" class="ui labeled purple icon button">
<i class="file alternate outline icon"></i>
<span data-i18="addScript"></span>
</button>
</div>
</div>
<div id="select-library-tab" class="ui bottom attached tab segment">
<div class="ui grid">
<div class="four wide column">
<div id="library-modules" class="ui middle aligned selection list">
</div>
</div>
<div class="twelve wide column">
<div id="library-module-content">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="actions">
<!-- <div id="open-temp-folder" class="ui black deny button">
<span data-i18="openTempFolder"></span>
</div> -->
<!-- <div class="ui positive right labeled icon button">
Yep, that's me
<i class="checkmark icon"></i>
</div> -->
</div>
</div>
<!-- You can also require other files to run in this process -->
<script src="./jquery.js"></script>
<script src="./node_modules/semantic-ui-css/semantic.js"></script>
<script src="./renderer.js"></script>
</body>
</html>