-
Notifications
You must be signed in to change notification settings - Fork 1
/
popup.html
87 lines (85 loc) · 5.36 KB
/
popup.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
<!doctype html>
<meta charset=utf-8>
<!-- hRecipeHelper, a Chrome extention for building microformat compatable. Copyright (c) 2012 Lee Clarke LICENSE: GNU v2 -->
<link type="text/css" href="css/le-frog-cust2/jquery-ui-1.8.22.custom.css" rel="Stylesheet" />
<link type="text/css" href="css/form-style.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.url.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollto.min.js"></script>
<script type="text/javascript" src="js/formData.js"></script>
<script type="text/javascript" src="js/hRecipeHelper.js"></script>
<html>
<head>
</head>
<body>
<form class="cmxform" id="recipeForm" method="get" action="">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Edit Recipe</a></li>
<li><a href="#tabs-2">hRecipe Results</a></li>
<li><a href="#tabs-3">About</a></li>
</ul>
<div align="right" style"min-width:465px"><input type="button" id="previewBtn" value="Preview"><input type="button" id="optionsBtn" value="Options"><input type="button" id="clear" value="Clear" ><input type="button" id="done" value="Close"></div>
<div id="tabs-1">
<table>
<tr><th><label for="recName">Title</label></th><td><input type="text" id="recName" name="recName" class="large-field"/></td></tr>
<tr><th><label for="author">Author</label></th><td><input type="text" id="author" name="author" class="large-field"/></div></td></tr>
<tr><th><label for="published">Published</label></th><td><input type="text" id="published" name="published"/></td></tr>
<tr><th><label for="yield">Yield</label></th><td><input type="text" id="yield" name="yield"/></td></tr>
<tr><th><label for="summary">Summary</label></th><td><textarea id="summary" name="summary" rows="3" cols="30"></textarea></td></tr>
<tr><th><label for="ingredient">Ingredients </label></th><td><a href="#" id="addIng">add</a></td><tr>
<tr><td colspan=2>
<ul id='ingredientList'>
<li><input type="text" id="ingredient0" name="ingredient0" class="xlarge-field"/></li>
</ul>
</td></tr>
<tr><th colspan=2><label for="instructions">Instructions </label></th><td><a href="#" id="addInst" >add a step</a></th>
<!--<tr><td colspan=2><textarea id="instructions" name="instructions" rows="6" cols="43"></textarea></td></tr>-->
<tr><td colspan=2>
<ol id='instructionList'>
<li><textarea type="text" id="instruction0" name="instruction0" rows="2" cols="43" class="midItem xlarge-field"></textarea></li>
</ol>
</td></tr>
<tr><th><label for="preptime">Prep Time</label></th><td><input type="text" id="preptime" name="preptime" class="large-field"/></td></tr>
<tr><th><label for="cooktime">Cook Time</label></th><td><input type="text" id="cooktime" name="cooktime" class="large-field"/></td></tr>
<tr><th><label for="photo">Photo</label></th><td><input type="text" id="photo" name="photo" class="large-field"/></td></tr>
<tr><th><label for="nutrition">Nutrition </label></th><td><a href="#" id="addNutri" alt="Add another">add</a></td></tr>
<tr><td colspan=2>
<ul id='nutritionList'>
<li><input type="text" id="nutrition" name="nutrition0" class="nutrition0"/> <select id="nutritionType" class="nutritionType"></select></li>
</ul>
</td></tr>
<tr><th><label for="tag">Tags</label></th><td><input type="text" id="tag" name="tag" class="large-field"/></td></tr>
</table>
</form>
<img src="clearpixel.gif" width=465px height=1px>
</div>
<div id="tabs-2">
<div id="results-label"><label for="results">Results</label><div><small>(Copy and paste below into the HTML edit area on your blog.)</small></div><textarea id="results" name="results" rows="20" cols="40"></textarea></div>
<div class="preview" id="preview">preview</div>
<div class="options" id="options">
<div>Options<br>Allows you to to change the way the results are rendered. Simply toggle the values to change the display then click the Preview Button.</div>
<br>
<div id="options_form">
<input type="checkbox" id="blt_ingrediants" checked><label>Bulleted Ingrediants</label><br>
<input type="checkbox" id="blt_nutrition" checked><label>Bulleted Nutrition</label><br>
<input type="checkbox" id="nbr_instr" checked><label>Number Instructions</label><br>
<br>
<input type="button" id="save_options" value="Save">
</div>
</div>
<img src="clearpixel.gif" width=465px height=1px>
</div>
<div id="tabs-3">
<div>
<p style="text-align: center;"><a href="#" id="wiki" alt="help">Need help? Check the wiki!</a><br>Bugs or feedback? Let me know! lees2bytes at gmail</p>
<p><b>hRecipeHelper</b> makes it easy to include microformatted <a href="#" id="microformat">hRecipes</a> in your blogs and webpages ensuring that Google, Pintrest or any other Recipe related tool can easily read the Information. Version 1.3 supports hRecipe 0.22 Format and is compatable with Google search and Pintrest Rich Pins.</p>
<p><small><b>hRecipeHelper</b> is Free Software and distributed under a GNUv2 license, <a href="#" id="gnu" style="color:#285c00;text-decoration: none;font-weight: bold;">click</a> here if ya really want to know more!<br><br>
Copyright © 2012-2014 <b>Lee Clarke</b></small></p>
</div>
<img src="clearpixel.gif" width=465px height=1px>
</div>
</body>
</html>