Skip to content

Commit

Permalink
Facebook twatt feed
Browse files Browse the repository at this point in the history
  • Loading branch information
Septian Ahmad Fujianto committed Nov 20, 2017
1 parent 82e5946 commit e48fe6f
Show file tree
Hide file tree
Showing 19 changed files with 1,426 additions and 1,003 deletions.
118 changes: 59 additions & 59 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,59 +1,59 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage

# nyc test coverage
.nyc_output

# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/

# Typescript v1 declaration files
typings/

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage

# nyc test coverage
.nyc_output

# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/

# Typescript v1 declaration files
typings/

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env

26 changes: 13 additions & 13 deletions client/css/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
/* Custom Stylesheet */
/**
* Use this file to override Materialize files so you can update
* the core Materialize files in the future
*
* Made By MaterializeCSS.com
*/

.icon-block {
padding: 0 15px;
}
.icon-block .material-icons {
font-size: inherit;
/* Custom Stylesheet */
/**
* Use this file to override Materialize files so you can update
* the core Materialize files in the future
*
* Made By MaterializeCSS.com
*/

.icon-block {
padding: 0 15px;
}
.icon-block .material-icons {
font-size: inherit;
}
77 changes: 77 additions & 0 deletions client/fbtwatt.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Timeline</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link rel="stylesheet" href="style.css" />
<script src="js/fbauth.js"></script>
</head>
<body>
<div class="fblogin-area">
<div class="fblogin-wrap">
<!--
Below we include the Login Button social plugin. This button uses
the JavaScript SDK to present a graphical Login button that triggers
the FB.login() function when clicked.
-->

<fb:login-button scope="public_profile,email,user_posts" onlogin="checkLoginState();">
</fb:login-button>

<div id="status"></div>

<p>Refresh page after login</p>
</div><!-- /.fblogin-wrap -->
</div><!-- /.fblogin-area -->

<main class="app-container">
<div class="wrap">
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo"><i class="material-icons">tablet_android</i>Facebook App</a>
<ul class="right hide-on-med-and-down">
<li>
<div class="search-area">
<form action="javascript:void(0)">
<input type="text" placeholder="Search Facebook" name="searchQuery" id="searchQuery"/>
</form>
</div>
</li>
<li><a href="javascript:void(0)" class="nav-icon home"><i class="material-icons">home</i></a></li>
<li><a href="javascript:void(0)" class="nav-icon user"><i class="material-icons">accessibility</i></a></li>
<!-- <li><a href="#"><i class="material-icons">more_vert</i></a></li> -->
</ul>
</div>
</nav>

<div class="tweet-area">
<form action="javascript:void(0)">
<div class="input-field">
<textarea name="status" class="materialize-textarea" id="status" placeholder="Post your Status"></textarea>
</div><!-- /.input-field -->
</form>
</div><!-- /.tweet-area -->

<div class="content" id="content-area">
</div><!-- /.content -->

<div id="loading" class="u-full-width">
<img src="images/loading.gif" alt="loading" />
</div><!-- /#loading -->

<a id="btnLoadmore" class="waves-effect waves-light btn u-full-width">Load More</a>
</div><!-- /.wrap -->

</main><!-- /.app-container -->

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script src="js/fbauth.js"></script>
<script src="js/facebook.js"></script>
</body>
</html>
118 changes: 59 additions & 59 deletions client/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,60 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Timeline</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>

<link rel="stylesheet" href="style.css" />
</head>
<body>

<main class="app-container">
<div class="wrap">
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo"><i class="material-icons">tablet_android</i>Twatt App</a>
<ul class="right hide-on-med-and-down">
<li>
<div class="search-area">
<form action="javascript:void(0)">
<input type="text" placeholder="Search Twatt" name="searchQuery" id="searchQuery"/>
</form>
</div>
</li>
<li><a href="javascript:void(0)" class="nav-icon home"><i class="material-icons">home</i></a></li>
<li><a href="javascript:void(0)" class="nav-icon user"><i class="material-icons">accessibility</i></a></li>
<li><a href="#"><i class="material-icons">more_vert</i></a></li>
</ul>
</div>
</nav>

<div class="tweet-area">
<form action="javascript:void(0)">
<div class="input-field">
<textarea name="status" class="materialize-textarea" id="status" placeholder="Post your Tweet"></textarea>
</div><!-- /.input-field -->
</form>
</div><!-- /.tweet-area -->

<div id="loading" class="u-full-width">
<img src="images/loading.gif" alt="loading" />
</div><!-- /#loading -->

<div class="content" id="content-area">
</div><!-- /.content -->

<a id="btnLoadmore" data-current-endpoint="" data-endpoint-url="" data-max-id="" data-since-id="" class="waves-effect waves-light btn u-full-width">Load More</a>
</div><!-- /.wrap -->

</main><!-- /.app-container -->

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script src="scripts.js"></script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Timeline</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>

<link rel="stylesheet" href="style.css" />
</head>
<body>

<main class="app-container">
<div class="wrap">
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo"><i class="material-icons">tablet_android</i>Twatt App</a>
<ul class="right hide-on-med-and-down">
<li>
<div class="search-area">
<form action="javascript:void(0)">
<input type="text" placeholder="Search Twatt" name="searchQuery" id="searchQuery"/>
</form>
</div>
</li>
<li><a href="javascript:void(0)" class="nav-icon home"><i class="material-icons">home</i></a></li>
<li><a href="javascript:void(0)" class="nav-icon user"><i class="material-icons">accessibility</i></a></li>
<!-- <li><a href="#"><i class="material-icons">more_vert</i></a></li> -->
</ul>
</div>
</nav>

<div class="tweet-area">
<form action="javascript:void(0)">
<div class="input-field">
<textarea name="status" class="materialize-textarea" id="status" placeholder="Post your Tweet"></textarea>
</div><!-- /.input-field -->
</form>
</div><!-- /.tweet-area -->

<div class="content" id="content-area">
</div><!-- /.content -->

<div id="loading" class="u-full-width">
<img src="images/loading.gif" alt="loading" />
</div><!-- /#loading -->
<a id="btnLoadmore" data-current-endpoint="" data-endpoint-url="" data-max-id="" data-since-id="" class="waves-effect waves-light btn u-full-width">Load More</a>
</div><!-- /.wrap -->

</main><!-- /.app-container -->

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script src="js/twitter.js"></script>
</body>
</html>
Loading

0 comments on commit e48fe6f

Please sign in to comment.