-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (67 loc) · 3 KB
/
index.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
<!DOCTYPE html>
<html ng-app="surveyApp">
<head>
<title>Skillset Survey App</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
</head>
<body ng-controller="surveyCtrl">
<!-- Navigation -->
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Skillset Survey</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Survey<span class="sr-only">(current)</span></a></li>
<li><a href="/info">Brief Info</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div id="userName">
<label for="user">Name:</labelfor> <input name="user" id="user" type="text" placeholder="Last, First Name">
</div> <!-- div for Developer's Name -->
<div id="surveyInput">
<ol>
<li ng-repeat="list in lists">
<p>{{list.category}} | {{list.skill}} rating: {{list.rate}}</p>
</li>
</ol>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<form name="frm" ng-submit="addToList()">
<div class="bot-left">
<!-- Category -->
<label for="category">Category</label>
<input type="text" id="category" placeholder="Frontend/Backend/DataBase/etc." ng-model="newCat" required/>
<!-- Skill Name -->
<label for="skill">Skill Name</label>
<input type="text" id="skill" placeholder="AngularJS/C#/Java/SQL/etc." ng-model="newSkill" required/>
<!-- Rating -->
<label for="rate">Skill Name</label>
<select type="text" id="rate" placeholder="AngularJS/C#/Java/SQL/etc." ng-model="newRate" required>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<!-- Submit to List -->
<button ng-disabled="frm.$invalid">Add Skill Rating</button>
</div>
</form>
<div class="bot-right">
<a class="navbar-brand" href="#/">Add to dropdowns</a>
</div>
</div>
</nav>
<script src="js/app.js"></script>
</body>
</html>