-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (169 loc) · 12.2 KB
/
index.html
File metadata and controls
177 lines (169 loc) · 12.2 KB
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Crontabs | Timely management for your Chrome Tabs</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" media="all">
<link rel="stylesheet" href="css/crontabs.css" media="all">
<link rel="icon" type="image/png" href="favicon.png" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-3828042-10', 'crontabs.org');
ga('send', 'pageview');
</script>
</head>
<body>
<header class="navbar navbar-static-top navbar-default" role="banner">
<div class="container">
<div class="navbar-header">
<a href="index.html" class="navbar-brand">Crontabs</a>
</div>
<nav class="collapse navbar-collapse ct-navbar-collapse" role="navigation">
<ul class="nav navbar-nav" ="NavigationCtrl">
<li>
<a href="#time-management">Time management</a>
</li>
<li>
<a href="#advanced">Advanced</a>
</li>
<li>
<a href="http://github.com/dave-elkan/crontabs">Source on github</a>
</li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div class="jumbotron">
<div class="row">
<div class="col-md-9">
<h1>Crontabs</h1>
<p>Easy time management and tab scheduling for Chrome</p>
</div>
<div class="col-md-3 logo">
<img src="images/crontabs.svg" width="150" height="150" alt="crontabs logo" />
</div>
</div>
</div>
<h2>Installation</h2>
<p>You can install Crontabs <a href="https://chrome.google.com/webstore/detail/crontabs/abhmbcedbojnghofcfmnageegmkmpkac?hl=en">from the Chrome webstore</a></p>
<h2><a name="time-management"></a>Time management</h2>
<p>Using Crontabs time management is an easy way to manage the regular tasks you want to perform throughout the week.</p>
<h5>Example: Open crontabs.org at 9:00am and close it again at 9:30am every Monday and Tuesday.</h5>
<fieldset class="tab ">
<div class="form-group">
<label for="url-007" class="">Tab URL</label>
<input class="form-control " id="url-007" type="text" name="url" value="http://www.crontabs.org" ="tab.url">
</div>
<div class="form-group">
<div class="row">
<div class="col-md-6">
<label for="open-007" class="">Open at</label>
<input class="form-control " type="time" id="open-007" value="09:00" title="time to open tab" ="tab.open">
</div>
<div class="col-md-6">
<label for="close-007" class="">Close at</label>
<input class="form-control " type="time" id="close-007" value="09:30" title="time to close tab" ="tab.close">
</div>
</div>
</div>
<label class="">Days of the week</label>
<div class="form-group">
<label class="checkbox-inline "><input class="checkbox " type="checkbox" checked name="MON" id="MON-007" checklist-value="day.num" ="checked">Monday</label><label class="checkbox-inline "><input class="checkbox " checked type="checkbox" name="TUE" id="TUE-007" checklist-value="day.num" ="checked">Tuesday</label><label class="checkbox-inline "><input class="checkbox " type="checkbox" name="WED" id="WED-007" checklist-value="day.num" ="checked">Wednesday</label><label class="checkbox-inline "><input class="checkbox " type="checkbox" name="THU" id="THU-007" checklist-value="day.num" ="checked">Thursday</label><label class="checkbox-inline "><input class="checkbox " type="checkbox" name="FRI" id="FRI-007" checklist-value="day.num" ="checked">Friday</label><label class="checkbox-inline "><input class="checkbox " type="checkbox" name="SAT" id="SAT-007" checklist-value="day.num" ="checked">Saturday</label><label class="checkbox-inline "><input class="checkbox " type="checkbox" name="SUN" id="SUN-007" checklist-value="day.num" ="checked">Sunday</label>
</div>
</fieldset>
<h2><a name="advanced"></a>Advanced scheduling with cron expressions</h2>
<p>For those familiar with cron can schedule a tab to open, close or reload with a cron expression.</p>
<h5>Example: Open a tab at 8.00am on weekdays</h5>
<fieldset class="tab ng-scope removable">
<div class="form-group">
<label for="url-00V">Tab URL</label>
<input class="form-control ng-valid ng-dirty" id="url-00V" type="text" name="url" value="http://www.example.org">
</div>
<!-- ngRepeat: cron in tab.crons --><fieldset class="cron ng-scope" ng-repeat="cron in tab.crons">
<div class="row">
<div class="col-md-8">
<label for="expression-00X" class="ng-binding">Cron Expression</label>
<input class="form-control ng-valid ng-dirty" type="text" value="0 0 8 * * MON-FRI" name="expression" id="expression-00X" ng-model="cron.expression">
</div>
<div class="col-md-4">
<label for="operation-00X" class="ng-binding">Action</label>
<select class="operation form-control ng-pristine ng-valid" id="operation-00X"><option value="0" selected="selected">Show</option><option value="1">Reload</option><option value="2">Show & Reload</option><option value="3">Close</option></select>
</div>
</div>
</fieldset><!-- end ngRepeat: cron in tab.crons -->
<div class="buttons">
<button type="button" class="btn btn-default ng-binding"><span class="glyphicon glyphicon-plus" data-type="cron"></span> Add cron operation</button>
<button type="button" class="btn btn-default ng-binding"><span class="glyphicon glyphicon-plus" data-type="text"></span> Add text operation</button>
<button type="button" class="btn btn-default remove remove-tab ng-binding"><span class="glyphicon glyphicon-remove"></span> Remove tab</button>
</div>
</fieldset>
<p>Each tab can have as many operations as you want</p>
<h5>Example: Open a tab at 8.00am, reload it every 30 minutes and close it at 6pm every weekday.</h5>
<fieldset class="tab ng-scope removable" ng-repeat="tab in tabs" ng-class="{'removable': isRemovable($first, tabs.length) }">
<div class="form-group">
<label for="url-00V" class="ng-binding">Tab URL</label>
<input class="form-control ng-valid ng-dirty" id="url-00V" type="text" name="url" value="http://www.example.org" ng-model="tab.url">
</div>
<fieldset class="cron ng-scope" ng-repeat="cron in tab.crons">
<div class="row">
<div class="col-md-8">
<label for="expression-00X" class="ng-binding">Cron Expression</label>
<input class="form-control ng-valid ng-dirty" type="text" value="0 0 8 * * MON-FRI" name="expression" id="expression-00X" ng-model="cron.expression">
</div>
<div class="col-md-4">
<label for="operation-00X" class="ng-binding">Action</label>
<select class="operation form-control ng-pristine ng-valid" ng-model="cron.operation" ng-options="operation.id as operation.name for operation in operations" id="operation-00X"><option value="0" selected="selected">Show</option><option value="1">Reload</option><option value="2">Show & Reload</option><option value="3">Close</option></select>
</div>
</div>
<button type="button" class="btn btn-link remove remove-operation ng-binding" ng-click="removeCron(tab, cron)" ng-show="isRemovable($first, tab.crons.length)">Remove operation</button>
</fieldset>
<fieldset class="cron ng-scope" ng-repeat="cron in tab.crons">
<div class="row">
<div class="col-md-8">
<label for="expression-019" class="ng-binding">Cron Expression</label>
<input class="form-control ng-valid ng-dirty" type="text" value="0 30 8-17 * * MON-FRI" name="expression" id="expression-019" ng-model="cron.expression">
</div>
<div class="col-md-4">
<label for="operation-019" class="ng-binding">Action</label>
<select class="operation form-control ng-valid ng-dirty" ng-model="cron.operation" ng-options="operation.id as operation.name for operation in operations" id="operation-019"><option value="0">Show</option><option value="1" selected>Reload</option><option value="2">Show & Reload</option><option value="3">Close</option></select>
</div>
</div>
<button type="button" class="btn btn-link remove remove-operation ng-binding" ng-click="removeCron(tab, cron)" ng-show="isRemovable($first, tab.crons.length)">Remove operation</button>
</fieldset>
<fieldset class="cron ng-scope" ng-repeat="cron in tab.crons">
<div class="row">
<div class="col-md-8">
<label for="expression-01B" class="ng-binding">Cron Expression</label>
<input class="form-control ng-valid ng-dirty" type="text" value="0 0 18 * * MON-FRI" name="expression" id="expression-01B" ng-model="cron.expression">
</div>
<div class="col-md-4">
<label for="operation-01B" class="ng-binding">Action</label>
<select class="operation form-control ng-valid ng-dirty" ng-model="cron.operation" ng-options="operation.id as operation.name for operation in operations" id="operation-01B"><option value="0">Show</option><option value="1">Reload</option><option value="2">Show & Reload</option><option value="3" selected>Close</option></select>
</div>
</div>
<button type="button" class="btn btn-link remove remove-operation ng-binding" ng-click="removeCron(tab, cron)" ng-show="isRemovable($first, tab.crons.length)">Remove operation</button>
</fieldset>
<div class="buttons">
<button type="button" class="btn btn-default ng-binding" ng-click="addCron(tab)"><span class="glyphicon glyphicon-plus" data-type="cron"></span> Add cron operation</button>
<button type="button" class="btn btn-default ng-binding" ng-click="addTextExpression(tab)"><span class="glyphicon glyphicon-plus" data-type="text"></span> Add text operation</button>
<button type="button" class="btn btn-default remove remove-tab ng-binding" ng-click="removeTab(tab)" ng-show="isRemovable($first, tabs.length)"><span class="glyphicon glyphicon-remove"></span> Remove tab</button>
</div>
</fieldset>
<h2>Supported Operations</h2>
<ul>
<li>Show (Activates or Creates a tab)</li>
<li>Close (Closes a tab if it exists)</li>
<li>Reload (Reloads a tab if it exists)</li>
<li>Show and Reload (Activates a tab which exists and reloads it, else creates and selects it)</li>
</ul>
<h2>Source</h2>
<p>Crontabs is open source. Feel free to check it out at <a href="http://github.com/dave-elkan/crontabs">http://github.com/dave-elkan/crontabs</a>.</p>
<h2>License</h2>
<p>Crontabs is licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0.html">Apache 2.0 License</a>.</p>
</div>
</body>
</html>