forked from pviswanathan/ChromeAutoTextExpander
-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
99 lines (89 loc) · 4.09 KB
/
options.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
<html>
<head>
<title>Auto Text Expander : Options</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/options.css" />
</head>
<body>
<div id="content">
<h1><img src="images/icon48.png" alt="" /> Auto Text Expander
<span>
<a id="feedback" href="https://chrome.google.com/webstore/detail/auto-text-expander-for-go/iibninhmiggehlcdolcilmhacighjamp/reviews?hl=en-US" target="_blank" title="Feedback on the Chrome Webstore"><strong>Feedback</strong></a>
<a id="request" href="https://chrome.google.com/webstore/support/iibninhmiggehlcdolcilmhacighjamp?hl=en-US&gl=US#feature" target="_blank" title="Feature Requests on the Chrome Webstore"><strong>Feature Requests</strong></a>
</span>
</h1>
<p>
Edit your database of shortcuts and expansions here!
<strong><a id="tipsLink" class="error" href="#" title="Show usage tips">Important notes</a>.</strong>
</p>
<ul id="tipsList">
<li>
<strong>Shortcuts are case sensitive!</strong> Add or edit
your shortcuts on the fly through the <strong>(txt)</strong>
icon that shows up in the url bar.
</li>
<li>
<strong>Clipboard paste macro now supported!</strong>
Just use the <strong>%clip%</strong> tag to indicate where to insert
the contents of the clipboard at that point in time.
</li>
<li>
<strong>Date/time macros are supported!</strong>
Wrap your date format with <strong>%d(</strong>dateFormat<strong>)</strong>.
Please see <strong><a href="http://momentjs.com/docs/#/displaying/format/" target="_blank" title="Date Formatting Documentation">this</a></strong>
for how to format dates in your expanded text. Example: <strong>%d(MMMM Do YYYY)</strong>,
and would expand to something like: <strong>September 4rd 2013</strong>.
</li>
<li>
Add a space to the end of your shortcut if you want
it to trigger after typing a space. <strong>Line breaks are supported
in expanded text now!</strong> HTML can also be inserted
into content-editable divs like Gmail.
</li>
<li>
Saving should sync across all Chrome browsers you login and sync with.
First-time user? Here's a few examples! Refresh your pages to use them.
</li>
<li>
A few special keywords can't be used due to the structure of the JS
objects used to store the shortcuts. Namely words like
"<strong>constructor</strong>" or "<strong>class</strong>".
</li>
<li>
The new HTML5 input[type=email] field and a few others don't allow for
detection and setting of the cursor. Instead the extension will have to
assume your cursor is at the end of the text and replace from there.
</li>
</ul>
<section>
<form>
<fieldset>
<div class="restoreLabel">Last local backup was<br /><a id="restore" href="#" title="Restore Backup Shortcuts"></a></div>
<button type="button" id="backup">Backup</button>
<button type="button" id="port">Import / Export</button>
<br />
<button type="button" class="refreshButton"><img src="images/reload.png" alt="Reload" /> Refresh</button>
<button type="button" class="addButton">Add</button>
<button type="button" class="saveButton">Save</button>
</fieldset>
<table id="edit" border="0" cellpadding="0" cellspacing="0">
<tr id="input">
<td><a href="#" class="remove" title="Remove Shortcut"><img src="images/remove.png" alt="x" /></a></td>
<td><input type="text" class="shortcut" value="Shortcut" /></td>
<td><input type="text" class="autotext" value="Expanded Text" /></td>
</tr>
</table>
<fieldset>
<button type="button" class="refreshButton"><img src="images/reload.png" alt="Reload" /> Refresh</button>
<button type="button" class="addButton append">Add</button>
<button type="button" class="saveButton">Save</button>
</fieldset>
<p><a class="backToTop" href="#">Back to Top</a></p>
</form>
</section>
</div>
</body>
<script src="js/jquery-2.1.0.min.js"></script>
<script src="js/jquery.autosize.min.js"></script>
<script src="js/options.js"></script>
</html>