-
Notifications
You must be signed in to change notification settings - Fork 28
/
controller.html
127 lines (126 loc) · 4.99 KB
/
controller.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<html>
<head>
<title>Facebook Friend Exporter</title>
<link rel="stylesheet" type="text/css" href="/css/controller.css">
<script type="text/javascript" src="/js/lib/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="/js/controller.js"></script>
</head>
<body>
<!--
STEP 1:
Let the user know what he is exactly doing, and that he read the TOS
-->
<div class="bubble" id="step1">
Hi!
<p>Couple of questions for you.</p>
<ol>
<li>Does Facebook own your friends?</li>
<li>Do you think Facebook owns the data about your friends, such as their
email, their website, their IM name, etc. that they made public for you
to see?
</li>
<li>Do you think your Facebook friends would mind if you, oh, we don't know,
decided one day to email them, or visit their website? How about add them
to your address book on your phone?
</li>
</ol>
<p>
If you answered "no" to the above questions, we can help you get your friends'
contact info out of Facebook. We can export the info to your Google Contacts
(GMail), among other things!
</p>
<p>
Finally, this extension is open source. You can fork it now on GitHub!
<a href="https://github.com/mohamedmansour/fb-exporter/">
https://github.com/mohamedmansour/fb-exporter
</a>
</p>
<p>
THIS CHROME EXTENSION IS NOT AFFILIATED WITH GOOGLE OR FACEBOOK. HERE IS A LINK
TO THE FACEBOOK <a href="http://www.facebook.com/terms.php">TERMS OF SERVICE</a>.
</p>
<p>
<input type="checkbox" id="tos">I have read the Terms of Service.</a>
<button class="tos-guarded continue1" disabled="true">Let's get started!</button>
</p>
</div>
<!--
STEP 2:
Let the user fetch all their friend!.
-->
<div class="bubble" id="step2">
<p> Fetching friend list... done. See below.</p>
<p> These are all the frends that will be exported,
<button id="start-crunching">let's start!</button>
<button id="delete-cache">delete cache!</button>
</p>
</div>
<!--
STEP 3:
Start processing all friends by visiting their profile. And taking note
of thier data like their email and phone number that they want to share
with you.
-->
<div class="bubble" id="step3">
<p> Fetching friend details... this could take a while, especially if you're
really popular!</p>
<p> <span class="hilite">IMPORTANT:</span> Please don't touch your Facebook tab
until we're done, thanks! If you really <strong>must</strong> have your
Facebook fix <em>right now</em>, <a target="_blank"
href="http://www.facebook.com">here you go (this will open in a new window)</a>.
</p>
</div>
<!--
STEP 4:
Choose the friends that you want to export to your external contact manager.
-->
<div class="bubble" id="step4">
<p>All done! Please check the list below. Uncheck the friends you want to skip.</p>
<p>Now the fun part! Pick an export button below, and we'll get started
copying your friend data there!</p>
<ul id="export-methods">
<li class="export-method">
<input type="image" src="/img/gmail-logo.jpg" id="export-to-gmail" width="60" />
This will log you into your GMail account, and import your Facebook friend data
into your Contacts. We'll create a group in your GMail contacts called
<span class="hilite">"Imported from Facebook"</span> and we'll avoid
duplicating any existing contacts.
</li>
<li class="export-method">
<input type="image" src="/img/csv-icon.gif" id="export-to-csv" />
This will export your contacts as a CSV file.
</li>
</ul>
</div>
<!--
BASIC LAYOUT
-->
<div class="bubble" id="friendlist">
<div id="controls">
<button id="btnLog">View log</button>
</div>
<textarea id="log"></textarea>
<li class="processed" ><span>Processed</span></li>
<li class="success" style="left:80px"><span>Success</span></li>
<li class="failed" style="left:160px"><span>Failed</span></li>
<li class="cached" style="left:240px"><span>Cached</span></li>
<div>
<div id="remaining-friend-count"></div>
<div id="note">
<h1>NOTICE</h2>
<p>You are logged off the mobile site. The mobile site is where we
check your friends info. Please log back in and restart the process.
The steps to follow are mentioned below:</p>
<ol>
<li>Log into <a href="http://m.facebook.com">http://m.facebook.com</a></li>
<li>Close this window</li>
<li>Visit <a href="http://facebook.com">http://facebook.com</a> </li>
<li>Click on the "Export Friends" and resume the process!</li>
</ol>
</div>
<ul id="friendlist"/>
</div>
</div>
<img id="ajax-loader" src="/img/ajax-loader.gif"/>
</body>
</html>