-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (94 loc) · 3.67 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
107
108
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<script type='text/javascript' src='js/knockout-2.2.1.js'></script>
<script src="http://vk.com/js/api/openapi.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/main.css">
<script type='text/javascript' src='js/VKViewModel.js'></script>
<script type='text/javascript' src='js/GirlFriendsModel.js'></script>
</head>
<body>
<div id="openapi_header" data-bind="stopBinding: true">
<div id="openapi_block" style="display: block;">
<!--div id="openapi_userpic">
<a href="/" id="openapi_userlink"><img src="http://vk.com/images/deactivated_100.gif" id="openapi_userphoto"></a>
</div-->
<div id="openapi_profile">
<div id="openapi_greeting">
ID - <span id="openapi_user" data-bind="text: currentUser"></span>
</div>
<div id="openapi_actions">
<div id="login_button" data-bind="visible: !currentUser(), click: doLogin"></div>
<span id="logout_button" data-bind="visible: currentUser, click: doLogout">Logout</span>
</div>
</div>
</div>
<div id="openapi_title">Отображение всех девушек друзей пользователя,
а также друзей друзей =))<p style="margin:3px 0px 0px; font-size: 11px;color:#CDD9E4">Использование <span style="color:#FFF">Open API</span> ВКонтакте</p></div>
<div style="clear:both;"></div>
</div>
<div id="openapi_wrap">
<div data-bind="visible: errors().length > 0, foreach: errors">
<div class="error">
Error code: <span data-bind="text: error_code"></span>
Error message:<span data-bind="text: error_msg"></span>
</div>
</div>
<div class="friends" data-bind="foreach: filteredFriends">
<div class="people_row">
<div class="img">
<a data-bind="attr:{href: 'http://vk.com/id' + uid}" target="_blank">
<img data-bind="attr:{src: photo}" />
</a>
</div>
<div class="info">
<div data-bind="text: first_name"></div>
<div data-bind="text: last_name"></div>
<div data-bind="if: $data.relation && $data.relation != 0">
Сем. положение:
<span data-bind="text: $root.relationText(relation)"></span>
</div>
<!--div data-bind="text: relation"></div-->
Followers: <span data-bind="text: followers_count" style="color: red;"></span>
<!--a data-bind="attr:{href: friendOfUrl()}" target="_blank">
<span data-bind="text: friendOf()"></span>
</a-->
</div>
</div>
</div>
<div class="statistic">
<h3 class="total">
Total friends:
<span class="number" data-bind="text: filteredFriends().length"></span>
</h3>
<h3 class="total">
Total errors:
<span class="number" data-bind="text: errors().length"></span>
</h3>
<h3 class="total">
Total my direct friends:
<span class="number" data-bind="text: totalDirectFriends()"></span>
</h3>
<h3 class="total" data-bind="foreach: friendIds">
Total friends of:
<span data-bind="text: total_friends_of()"></span>
</h3>
<button class="more-friends" data-bind="click: getMoreFriends">Get more friends</button>
<select data-bind="
options: relations,
optionsText: function(item) {
return item.relation;
},
optionsValue: function(item) {
return item.status;
},
value: relationSearch,
optionsCaption: 'All'"></select>
</div>
<div id="show_more" style="position: relative; clear: both;">
<div id="show_more_progress" class="progress" style="display:none;"></div>
</div>
</div>
</body>
</html>