fb-exporter/controller.html at master · jansepar/fb-exporter · GitHub

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>Facebook doesn't like it when we visit our friends alot. And if visit
        a couple of friends, lets say ~60 profiles an hour, then Facebook purposely
        removes the textual email from our friends profile! Even if they want us to
        see it! </p>
        <p>But they will allow us enjoy to enjoy seeing our friends email address
        in 30 minutes, when they are done messing around. We wil be taking a break
        since we do not want Facebook to be mad at us since we love our friends.</p>
        <p>Feel free to export your friends now! Don't worry, you can resume fetching
        in an hour, and everything is cached, so it will start where you left off :)</p>
      </div>
      <ul id="friendlist"/>
      </div>
  </div>
  <img id="ajax-loader" src="/img/ajax-loader.gif"/>
</body>
</html>