-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (100 loc) · 3.91 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
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
<!DOCTYPE html>
<html ng-app = "github">
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script type="text/javascript" src="js/github.js"></script>
<script type="text/javascript" src="js/moment.js"></script>
</head>
<body style="background-color:#ADD8E6">
<div class="container" ng-controller="gitController" ng-init="myFunction()">
<nav class="navbar " style="background-color: #2e95bd">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#" style="font-size:21px;color:black">GIT INFO</a>
</div>
</div>
</nav>
<div class="container" >
<div class="form-group">
<div class = "input-group input-group-lg">
<span class = "input-group-addon">USERNAME</span>
<input type = "text" class = "form-control" placeholder = "SEARCH FOR ANY GITHUB USERNAME " ng-model="query">
<span class = "btn input-group-addon" ng-click='setQuery(query)'>Search</span>
</div>
</div>
</div>
<hr>
<div >
<div class="row">
<div class="col-sm-3">
<div class="panel panel-info">
<div class="panel-heading">Personal Info</div>
<div class="panel-body">
<img ng-src={{user_pic}} class="img-responsive center-block" width="200px" height="400px">
<br>
<div style="font-family: Times New Roman, Georgia, Serif">
<h4>Username: {{username}}</h4>
<h4>Name: {{name}}</h4>
<h4>Email: {{email}}</h4>
<h4>Url: {{url}}</h4>
<h4>Repositories: {{repos}}</h4>
<h4>Followers: {{followers}}</h4>
<h4>Following: {{following}}</h4>
<h4>Created at: {{created}}</h4>
</div>
</div>
</div>
<div class="panel panel-info">
<div class="panel-heading">Followers ( {{follower_s.length}} )
</div>
<div class="panel-body">
<table class="table">
<tbody>
<tr ng-repeat="follower in follower_s">
<td><a ng-click="search(follower.login)" href="#" style="text-decoration:none">
<img src={{follower.avatar_url}} height="30px" width="30px">
{{follower.login}}
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-9">
<div class="panel panel-info">
<div class="panel-heading">Repositories</div>
<div class="panel-body">
<table class="table">
<thead>
<th>Repositories</th>
<th>CloneUrl</th>
</thead>
<tbody>
<tr ng-repeat="repo in repositories">
<td>
<h3>
<a href={{repo.html_url}} style="text-decoration:none">{{repo.name}}</h3></a>
<h5>{{repo.description}}</h5>
<h6>Created : {{repo.created_at | getTimeOffset}} | Updated : {{repo.updated_at | getTimeOffset}}</h6>
</td>
<td>
<input type = "text" class = "form-control" value={{repo.clone_url}} readonly>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>