This repository has been archived by the owner on Dec 24, 2024. It is now read-only.
forked from fcbeyer/memer-chrome
-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
53 lines (53 loc) · 1.59 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
<!doctype html>
<html ng-app="MemerOptions">
<head>
<title>Memer Options</title>
<script src="/lib/javascript/angular.min.js"></script>
<link rel="stylesheet" href="/lib/stylesheets/options.css"></link>
</head>
<body ng-controller="TrollCtrl">
<div>
<input ng-model="searchTerm" placeHolder="Filter Trolls..." />
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Image</th>
<th></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="troll in trolls | filter:searchTerm">
<td>{{troll.name}}</td>
<td>{{troll.description}}</td>
<td>{{troll.image}}</td>
<td><button ng-click="deleteTroll(troll);">Delete</button></td>
</tr>
</tbody>
</table>
</div>
</br>
</br>
</br>
<div>
<h2>Add a New Troll</h2>
<form ng-submit="createNewTroll()">
Fark Handle: <input ng-model="newTrollName" />
Description: <input ng-model="newTrollDescription" />
Troll Image:
<select id="trollImage" ng-model="newTrollImage">
<option value="Successful_Troll">Successful Troll</option>
<option value="Troll_Face">Trollface</option>
<option value="Obvious_Troll">Obvious Troll</option>
<option value="Troll_Spray">Troll Spray</option>
</select>
<button ng-disabled="!newTrollName">Add</button>
</form>
</div>
<div id="status"></div>
</br>
<button id="save" ng-click="saveTrolls();">Save Trolls</button>
<script src="/lib/javascript/options.js"></script>
</body>
</html>