CerealFan/main.html at master · trevoranderson/CerealFan · GitHub

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
<head>
  <title>Cerealjs</title>
</head>

<body>
	<div class="backgroundBuddy"></div>
	<img id="splash" src = "splash.png"/>
	<div class="span5">
    	<div style="float: right">
			{{> loginButtons align="right"}}
    	</div>
	</div>
	<div id="outer">
  {{> reviews}}
  </div>
</body>
<template name="leaderboard">
<div class="leaderboard">
 <input type="button" class="changesort" value="Switch Sort" />
 <input type="button" class="resetVals" value="Reset Scores" />

    {{#each players}}
      {{> player}}
    {{/each}}
  </div>

  {{#if selected_name}}
  <div class="details">
    <div class="name">{{selected_name}}</div>
    <input type="button" class="inc" value="Give 5 points" />
    <input type="button" class="dec" value="Subtract 5" />
    <input type="button" class="del" value="Delete" />
  </div>
  {{else}}
  <div class="none">Click a player to select</div>
  {{/if}}
  </template>

<template name="player">
  <div class="player {{selected}}">
    <span class="name">{{name}}</span>
    <span class="score">{{score}}</span>
  </div>
</template>

<template name="addPlayer">
    <div>
        <div>Add a new scientist:</div>
        <span class="name">Name:</span>
        <input type="text" id="playerName" />
        <input type="button" class="add" value="Add Scientist" />
    </div>
</template>

<template name="reviews">
  {{#each dbreviews}}
    <div class = "review">
		{{> reviewformat}}
	</div>
	{{#if selected_reviews}}
<div class = "inputcategory"></div>
<div class = "ratinginterface">

<form id = "rateForm">
	<input id="category1" class="catinput"  name="catname" type = "textbox"/><p id="cat_text">Category</p>
<fieldset class="weight">
    <input type="radio" id="star5" name="weight" value="5" /><label for="star5" title="Really Important">5 stars</label>
    <input type="radio" id="star4" name="weight" value="4" /><label for="star4" title="Pretty Important">4 stars</label>
    <input type="radio" id="star3" name="weight" value="3" /><label for="star3" title="Not too important">3 stars</label>
    <input type="radio" id="star2" name="weight" value="2" /><label for="star2" title="Pretty insignificant">2 stars</label>
    <input type="radio" id="star1" name="weight" value="1" /><label for="star1" title="Doesn't matter to me">1 star</label>
</fieldset>
<br>
<div id = "smartsearch"></div>

  <fieldset class="isPositive">
		<input type="radio" id="like" name="isPositive" value="1"/> <label for="like" title="Good!"><p id="like2"> Good </p> </label>
		<input type="radio" id="hate" name="isPositive" value="-1"/> <label for="hate" title="Bad."><p id="hate2"> Bad </p> </label>
  </fieldset>
  <input id="done" type="submit" value="Done"/>
  <input id="submit" type="button" class="append"  value="Submit Another"/>
</form>
</div>
   {{/if}}
   {{/each}}
</template>

<template name="reviewformat">
	 <img class="icon" src= {{imgPath}} />
	 <div class="name_frame">
	 <span class="name">{{name}}</span>
	 </div>

	{{#each cats}}
	<div class = "cats">
		{{#if check_weight_plus}}
		{{#if check_good}}
		<div class = "circle_good">
		  <img width="60px" height="60px" src="greenbigarrow.png"/>
    	  <div class="catname">{{catname}}</div>
		 </div>
		{{else}}
		<div class = "circle_terrible">
    	  <img width="60px" height="60px" src="redbigarrow.png"/>
    	  <div class="catname">{{catname}}</div>
    	</div>
		{{/if}}
		{{else}}
		{{#if check_good}}
		<div class = "circle_okay">
    	  <img width="60px" height="60px" src="greensmallarrow.png"/>
    	  <div class="catname">{{catname}}</div>
    	</div>
		{{else}}
   		 <div class = "circle_bad">
	  		<img width="60px" height="60px" src="redsmallarrow.png"/>
      		<div class="catname">{{catname}}</div>
         </div>
		{{/if}}
		{{/if}}
	</div>
	{{/each}}
</template>