first fb client commit
This commit is contained in:
BIN
._.bowerrc
Normal file
BIN
._.bowerrc
Normal file
Binary file not shown.
BIN
._.gitignore
Normal file
BIN
._.gitignore
Normal file
Binary file not shown.
BIN
._.jshintrc
Normal file
BIN
._.jshintrc
Normal file
Binary file not shown.
BIN
._.travis.yml
Normal file
BIN
._.travis.yml
Normal file
Binary file not shown.
BIN
._README.md
Normal file
BIN
._README.md
Normal file
Binary file not shown.
BIN
._bower.json
Normal file
BIN
._bower.json
Normal file
Binary file not shown.
BIN
._karma.conf.js
Normal file
BIN
._karma.conf.js
Normal file
Binary file not shown.
BIN
._package.json
Normal file
BIN
._package.json
Normal file
Binary file not shown.
8
.idea/fb_client.iml
generated
Normal file
8
.idea/fb_client.iml
generated
Normal file
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="PYTHON_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
4
.idea/misc.xml
generated
Normal file
4
.idea/misc.xml
generated
Normal file
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectRootManager" version="2" project-jdk-name="Python 3.6" project-jdk-type="Python SDK" />
|
||||
</project>
|
||||
8
.idea/modules.xml
generated
Normal file
8
.idea/modules.xml
generated
Normal file
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/fb_client.iml" filepath="$PROJECT_DIR$/.idea/fb_client.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
13
.jshintrc
Normal file
13
.jshintrc
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"globalstrict": true,
|
||||
"globals": {
|
||||
"angular": false,
|
||||
"describe": false,
|
||||
"it": false,
|
||||
"expect": false,
|
||||
"beforeEach": false,
|
||||
"afterEach": false,
|
||||
"module": false,
|
||||
"inject": false
|
||||
}
|
||||
}
|
||||
14
.travis.yml
Normal file
14
.travis.yml
Normal file
@@ -0,0 +1,14 @@
|
||||
language: node_js
|
||||
node_js:
|
||||
- "0.10"
|
||||
|
||||
before_script:
|
||||
- export DISPLAY=:99.0
|
||||
- sh -e /etc/init.d/xvfb start
|
||||
- npm start > /dev/null &
|
||||
- npm run update-webdriver
|
||||
- sleep 1 # give server time to start
|
||||
|
||||
script:
|
||||
- node_modules/.bin/karma start karma.conf.js --no-auto-watch --single-run --reporters=dots --browsers=Firefox
|
||||
- node_modules/.bin/protractor e2e-tests/protractor.conf.js --browser=firefox
|
||||
297
README.md
Normal file
297
README.md
Normal file
@@ -0,0 +1,297 @@
|
||||
# angular-seed — the seed for AngularJS apps
|
||||
|
||||
This project is an application skeleton for a typical [AngularJS](http://angularjs.org/) web app.
|
||||
You can use it to quickly bootstrap your angular webapp projects and dev environment for these
|
||||
projects.
|
||||
|
||||
The seed contains a sample AngularJS application and is preconfigured to install the Angular
|
||||
framework and a bunch of development and testing tools for instant web development gratification.
|
||||
|
||||
The seed app doesn't do much, just shows how to wire two controllers and views together.
|
||||
|
||||
|
||||
## Getting Started
|
||||
|
||||
To get you started you can simply clone the angular-seed repository and install the dependencies:
|
||||
|
||||
### Prerequisites
|
||||
|
||||
You need git to clone the angular-seed repository. You can get git from
|
||||
[http://git-scm.com/](http://git-scm.com/).
|
||||
|
||||
We also use a number of node.js tools to initialize and test angular-seed. You must have node.js and
|
||||
its package manager (npm) installed. You can get them from [http://nodejs.org/](http://nodejs.org/).
|
||||
|
||||
### Clone angular-seed
|
||||
|
||||
Clone the angular-seed repository using [git][git]:
|
||||
|
||||
```
|
||||
git clone https://github.com/angular/angular-seed.git
|
||||
cd angular-seed
|
||||
```
|
||||
|
||||
If you just want to start a new project without the angular-seed commit history then you can do:
|
||||
|
||||
```bash
|
||||
git clone --depth=1 https://github.com/angular/angular-seed.git <your-project-name>
|
||||
```
|
||||
|
||||
The `depth=1` tells git to only pull down one commit worth of historical data.
|
||||
|
||||
### Install Dependencies
|
||||
|
||||
We have two kinds of dependencies in this project: tools and angular framework code. The tools help
|
||||
us manage and test the application.
|
||||
|
||||
* We get the tools we depend upon via `npm`, the [node package manager][npm].
|
||||
* We get the angular code via `bower`, a [client-side code package manager][bower].
|
||||
|
||||
We have preconfigured `npm` to automatically run `bower` so we can simply do:
|
||||
|
||||
```
|
||||
npm install
|
||||
```
|
||||
|
||||
Behind the scenes this will also call `bower install`. You should find that you have two new
|
||||
folders in your project.
|
||||
|
||||
* `node_modules` - contains the npm packages for the tools we need
|
||||
* `app/bower_components` - contains the angular framework files
|
||||
|
||||
*Note that the `bower_components` folder would normally be installed in the root folder but
|
||||
angular-seed changes this location through the `.bowerrc` file. Putting it in the app folder makes
|
||||
it easier to serve the files by a webserver.*
|
||||
|
||||
### Run the Application
|
||||
|
||||
We have preconfigured the project with a simple development web server. The simplest way to start
|
||||
this server is:
|
||||
|
||||
```
|
||||
npm start
|
||||
```
|
||||
|
||||
Now browse to the app at `http://localhost:8000/app/index.html`.
|
||||
|
||||
|
||||
|
||||
## Directory Layout
|
||||
|
||||
```
|
||||
app/ --> all of the source files for the application
|
||||
app.css --> default stylesheet
|
||||
components/ --> all app specific modules
|
||||
version/ --> version related components
|
||||
version.js --> version module declaration and basic "version" value service
|
||||
version_test.js --> "version" value service tests
|
||||
version-directive.js --> custom directive that returns the current app version
|
||||
version-directive_test.js --> version directive tests
|
||||
interpolate-filter.js --> custom interpolation filter
|
||||
interpolate-filter_test.js --> interpolate filter tests
|
||||
view1/ --> the view1 view template and logic
|
||||
view1.html --> the partial template
|
||||
view1.js --> the controller logic
|
||||
view1_test.js --> tests of the controller
|
||||
view2/ --> the view2 view template and logic
|
||||
view2.html --> the partial template
|
||||
view2.js --> the controller logic
|
||||
view2_test.js --> tests of the controller
|
||||
app.js --> main application module
|
||||
index.html --> app layout file (the main html template file of the app)
|
||||
index-async.html --> just like index.html, but loads js files asynchronously
|
||||
karma.conf.js --> config file for running unit tests with Karma
|
||||
e2e-tests/ --> end-to-end tests
|
||||
protractor-conf.js --> Protractor config file
|
||||
scenarios.js --> end-to-end scenarios to be run by Protractor
|
||||
```
|
||||
|
||||
## Testing
|
||||
|
||||
There are two kinds of tests in the angular-seed application: Unit tests and End to End tests.
|
||||
|
||||
### Running Unit Tests
|
||||
|
||||
The angular-seed app comes preconfigured with unit tests. These are written in
|
||||
[Jasmine][jasmine], which we run with the [Karma Test Runner][karma]. We provide a Karma
|
||||
configuration file to run them.
|
||||
|
||||
* the configuration is found at `karma.conf.js`
|
||||
* the unit tests are found next to the code they are testing and are named as `..._test.js`.
|
||||
|
||||
The easiest way to run the unit tests is to use the supplied npm script:
|
||||
|
||||
```
|
||||
npm test
|
||||
```
|
||||
|
||||
This script will start the Karma test runner to execute the unit tests. Moreover, Karma will sit and
|
||||
watch the source and test files for changes and then re-run the tests whenever any of them change.
|
||||
This is the recommended strategy; if your unit tests are being run every time you save a file then
|
||||
you receive instant feedback on any changes that break the expected code functionality.
|
||||
|
||||
You can also ask Karma to do a single run of the tests and then exit. This is useful if you want to
|
||||
check that a particular version of the code is operating as expected. The project contains a
|
||||
predefined script to do this:
|
||||
|
||||
```
|
||||
npm run test-single-run
|
||||
```
|
||||
|
||||
|
||||
### End to end testing
|
||||
|
||||
The angular-seed app comes with end-to-end tests, again written in [Jasmine][jasmine]. These tests
|
||||
are run with the [Protractor][protractor] End-to-End test runner. It uses native events and has
|
||||
special features for Angular applications.
|
||||
|
||||
* the configuration is found at `e2e-tests/protractor-conf.js`
|
||||
* the end-to-end tests are found in `e2e-tests/scenarios.js`
|
||||
|
||||
Protractor simulates interaction with our web app and verifies that the application responds
|
||||
correctly. Therefore, our web server needs to be serving up the application, so that Protractor
|
||||
can interact with it.
|
||||
|
||||
```
|
||||
npm start
|
||||
```
|
||||
|
||||
In addition, since Protractor is built upon WebDriver we need to install this. The angular-seed
|
||||
project comes with a predefined script to do this:
|
||||
|
||||
```
|
||||
npm run update-webdriver
|
||||
```
|
||||
|
||||
This will download and install the latest version of the stand-alone WebDriver tool.
|
||||
|
||||
Once you have ensured that the development web server hosting our application is up and running
|
||||
and WebDriver is updated, you can run the end-to-end tests using the supplied npm script:
|
||||
|
||||
```
|
||||
npm run protractor
|
||||
```
|
||||
|
||||
This script will execute the end-to-end tests against the application being hosted on the
|
||||
development server.
|
||||
|
||||
|
||||
## Updating Angular
|
||||
|
||||
Previously we recommended that you merge in changes to angular-seed into your own fork of the project.
|
||||
Now that the angular framework library code and tools are acquired through package managers (npm and
|
||||
bower) you can use these tools instead to update the dependencies.
|
||||
|
||||
You can update the tool dependencies by running:
|
||||
|
||||
```
|
||||
npm update
|
||||
```
|
||||
|
||||
This will find the latest versions that match the version ranges specified in the `package.json` file.
|
||||
|
||||
You can update the Angular dependencies by running:
|
||||
|
||||
```
|
||||
bower update
|
||||
```
|
||||
|
||||
This will find the latest versions that match the version ranges specified in the `bower.json` file.
|
||||
|
||||
|
||||
## Loading Angular Asynchronously
|
||||
|
||||
The angular-seed project supports loading the framework and application scripts asynchronously. The
|
||||
special `index-async.html` is designed to support this style of loading. For it to work you must
|
||||
inject a piece of Angular JavaScript into the HTML page. The project has a predefined script to help
|
||||
do this.
|
||||
|
||||
```
|
||||
npm run update-index-async
|
||||
```
|
||||
|
||||
This will copy the contents of the `angular-loader.js` library file into the `index-async.html` page.
|
||||
You can run this every time you update the version of Angular that you are using.
|
||||
|
||||
|
||||
## Serving the Application Files
|
||||
|
||||
While angular is client-side-only technology and it's possible to create angular webapps that
|
||||
don't require a backend server at all, we recommend serving the project files using a local
|
||||
webserver during development to avoid issues with security restrictions (sandbox) in browsers. The
|
||||
sandbox implementation varies between browsers, but quite often prevents things like cookies, xhr,
|
||||
etc to function properly when an html page is opened via `file://` scheme instead of `http://`.
|
||||
|
||||
|
||||
### Running the App during Development
|
||||
|
||||
The angular-seed project comes preconfigured with a local development webserver. It is a node.js
|
||||
tool called [http-server][http-server]. You can start this webserver with `npm start` but you may choose to
|
||||
install the tool globally:
|
||||
|
||||
```
|
||||
sudo npm install -g http-server
|
||||
```
|
||||
|
||||
Then you can start your own development web server to serve static files from a folder by
|
||||
running:
|
||||
|
||||
```
|
||||
http-server -a localhost -p 8000
|
||||
```
|
||||
|
||||
Alternatively, you can choose to configure your own webserver, such as apache or nginx. Just
|
||||
configure your server to serve the files under the `app/` directory.
|
||||
|
||||
|
||||
### Running the App in Production
|
||||
|
||||
This really depends on how complex your app is and the overall infrastructure of your system, but
|
||||
the general rule is that all you need in production are all the files under the `app/` directory.
|
||||
Everything else should be omitted.
|
||||
|
||||
Angular apps are really just a bunch of static html, css and js files that just need to be hosted
|
||||
somewhere they can be accessed by browsers.
|
||||
|
||||
If your Angular app is talking to the backend server via xhr or other means, you need to figure
|
||||
out what is the best way to host the static files to comply with the same origin policy if
|
||||
applicable. Usually this is done by hosting the files by the backend server or through
|
||||
reverse-proxying the backend server(s) and webserver(s).
|
||||
|
||||
|
||||
## Continuous Integration
|
||||
|
||||
### Travis CI
|
||||
|
||||
[Travis CI][travis] is a continuous integration service, which can monitor GitHub for new commits
|
||||
to your repository and execute scripts such as building the app or running tests. The angular-seed
|
||||
project contains a Travis configuration file, `.travis.yml`, which will cause Travis to run your
|
||||
tests when you push to GitHub.
|
||||
|
||||
You will need to enable the integration between Travis and GitHub. See the Travis website for more
|
||||
instruction on how to do this.
|
||||
|
||||
### CloudBees
|
||||
|
||||
CloudBees have provided a CI/deployment setup:
|
||||
|
||||
<a href="https://grandcentral.cloudbees.com/?CB_clickstart=https://raw.github.com/CloudBees-community/angular-js-clickstart/master/clickstart.json">
|
||||
<img src="https://d3ko533tu1ozfq.cloudfront.net/clickstart/deployInstantly.png"/></a>
|
||||
|
||||
If you run this, you will get a cloned version of this repo to start working on in a private git repo,
|
||||
along with a CI service (in Jenkins) hosted that will run unit and end to end tests in both Firefox and Chrome.
|
||||
|
||||
|
||||
## Contact
|
||||
|
||||
For more information on AngularJS please check out http://angularjs.org/
|
||||
|
||||
[git]: http://git-scm.com/
|
||||
[bower]: http://bower.io
|
||||
[npm]: https://www.npmjs.org/
|
||||
[node]: http://nodejs.org
|
||||
[protractor]: https://github.com/angular/protractor
|
||||
[jasmine]: http://jasmine.github.io
|
||||
[karma]: http://karma-runner.github.io
|
||||
[travis]: https://travis-ci.org/
|
||||
[http-server]: https://github.com/nodeapps/http-server
|
||||
BIN
app/._app.css
Normal file
BIN
app/._app.css
Normal file
Binary file not shown.
BIN
app/._app.js
Normal file
BIN
app/._app.js
Normal file
Binary file not shown.
BIN
app/._index-async.html
Normal file
BIN
app/._index-async.html
Normal file
Binary file not shown.
BIN
app/._index.html
Normal file
BIN
app/._index.html
Normal file
Binary file not shown.
70
app/app.css
Normal file
70
app/app.css
Normal file
@@ -0,0 +1,70 @@
|
||||
/* app css stylesheet */
|
||||
|
||||
.menu {
|
||||
list-style: none;
|
||||
border-bottom: 0.1em solid black;
|
||||
margin-bottom: 2em;
|
||||
padding: 0 0 0.5em;
|
||||
}
|
||||
|
||||
.menu:before {
|
||||
content: "[";
|
||||
}
|
||||
|
||||
.menu:after {
|
||||
content: "]";
|
||||
}
|
||||
|
||||
.menu > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.menu > li:before {
|
||||
content: "|";
|
||||
padding-right: 0.3em;
|
||||
}
|
||||
|
||||
.menu > li:nth-child(1):before {
|
||||
content: "";
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.stbody
|
||||
{
|
||||
min-height:70px;
|
||||
|
||||
}
|
||||
.stbody
|
||||
{
|
||||
min-height:70px;
|
||||
margin-bottom:10px;
|
||||
border-bottom:dashed 1px #cc0000;
|
||||
}
|
||||
.stimg
|
||||
{
|
||||
float:left;
|
||||
height:50px;
|
||||
width:50px;
|
||||
border:solid 1px #dedede;
|
||||
padding:5px;
|
||||
}
|
||||
.sttext
|
||||
{
|
||||
margin-left:70px;
|
||||
|
||||
min-height:50px;
|
||||
word-wrap:break-word;
|
||||
overflow:hidden;
|
||||
padding:5px;
|
||||
display:block;
|
||||
font-family:'Georgia', Times New Roman, Times, serif
|
||||
}
|
||||
.sttime
|
||||
{
|
||||
font-size:11px;
|
||||
color:#999;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
margin-top:5px;
|
||||
}
|
||||
10
app/app.js
Normal file
10
app/app.js
Normal file
@@ -0,0 +1,10 @@
|
||||
'use strict';
|
||||
|
||||
// Declare app level module which depends on views, and components
|
||||
angular.module('ngSocial', [
|
||||
'ngRoute',
|
||||
'ngSocial.facebook'
|
||||
]).
|
||||
config(['$routeProvider', function($routeProvider) {
|
||||
$routeProvider.otherwise({redirectTo: '/facebook'});
|
||||
}]);
|
||||
BIN
app/components/version/._interpolate-filter.js
Normal file
BIN
app/components/version/._interpolate-filter.js
Normal file
Binary file not shown.
BIN
app/components/version/._interpolate-filter_test.js
Normal file
BIN
app/components/version/._interpolate-filter_test.js
Normal file
Binary file not shown.
BIN
app/components/version/._version-directive.js
Normal file
BIN
app/components/version/._version-directive.js
Normal file
Binary file not shown.
BIN
app/components/version/._version-directive_test.js
Normal file
BIN
app/components/version/._version-directive_test.js
Normal file
Binary file not shown.
BIN
app/components/version/._version.js
Normal file
BIN
app/components/version/._version.js
Normal file
Binary file not shown.
BIN
app/components/version/._version_test.js
Normal file
BIN
app/components/version/._version_test.js
Normal file
Binary file not shown.
9
app/components/version/interpolate-filter.js
Normal file
9
app/components/version/interpolate-filter.js
Normal file
@@ -0,0 +1,9 @@
|
||||
'use strict';
|
||||
|
||||
angular.module('myApp.version.interpolate-filter', [])
|
||||
|
||||
.filter('interpolate', ['version', function(version) {
|
||||
return function(text) {
|
||||
return String(text).replace(/\%VERSION\%/mg, version);
|
||||
};
|
||||
}]);
|
||||
15
app/components/version/interpolate-filter_test.js
Normal file
15
app/components/version/interpolate-filter_test.js
Normal file
@@ -0,0 +1,15 @@
|
||||
'use strict';
|
||||
|
||||
describe('myApp.version module', function() {
|
||||
beforeEach(module('myApp.version'));
|
||||
|
||||
describe('interpolate filter', function() {
|
||||
beforeEach(module(function($provide) {
|
||||
$provide.value('version', 'TEST_VER');
|
||||
}));
|
||||
|
||||
it('should replace VERSION', inject(function(interpolateFilter) {
|
||||
expect(interpolateFilter('before %VERSION% after')).toEqual('before TEST_VER after');
|
||||
}));
|
||||
});
|
||||
});
|
||||
9
app/components/version/version-directive.js
Normal file
9
app/components/version/version-directive.js
Normal file
@@ -0,0 +1,9 @@
|
||||
'use strict';
|
||||
|
||||
angular.module('myApp.version.version-directive', [])
|
||||
|
||||
.directive('appVersion', ['version', function(version) {
|
||||
return function(scope, elm, attrs) {
|
||||
elm.text(version);
|
||||
};
|
||||
}]);
|
||||
17
app/components/version/version-directive_test.js
Normal file
17
app/components/version/version-directive_test.js
Normal file
@@ -0,0 +1,17 @@
|
||||
'use strict';
|
||||
|
||||
describe('myApp.version module', function() {
|
||||
beforeEach(module('myApp.version'));
|
||||
|
||||
describe('app-version directive', function() {
|
||||
it('should print current version', function() {
|
||||
module(function($provide) {
|
||||
$provide.value('version', 'TEST_VER');
|
||||
});
|
||||
inject(function($compile, $rootScope) {
|
||||
var element = $compile('<span app-version></span>')($rootScope);
|
||||
expect(element.text()).toEqual('TEST_VER');
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
8
app/components/version/version.js
Normal file
8
app/components/version/version.js
Normal file
@@ -0,0 +1,8 @@
|
||||
'use strict';
|
||||
|
||||
angular.module('myApp.version', [
|
||||
'myApp.version.interpolate-filter',
|
||||
'myApp.version.version-directive'
|
||||
])
|
||||
|
||||
.value('version', '0.1');
|
||||
11
app/components/version/version_test.js
Normal file
11
app/components/version/version_test.js
Normal file
@@ -0,0 +1,11 @@
|
||||
'use strict';
|
||||
|
||||
describe('myApp.version module', function() {
|
||||
beforeEach(module('myApp.version'));
|
||||
|
||||
describe('version service', function() {
|
||||
it('should return current version', inject(function(version) {
|
||||
expect(version).toEqual('0.1');
|
||||
}));
|
||||
});
|
||||
});
|
||||
BIN
app/facebook/._facebook.html
Normal file
BIN
app/facebook/._facebook.html
Normal file
Binary file not shown.
BIN
app/facebook/._facebook.js
Normal file
BIN
app/facebook/._facebook.js
Normal file
Binary file not shown.
56
app/facebook/facebook.html
Normal file
56
app/facebook/facebook.html
Normal file
@@ -0,0 +1,56 @@
|
||||
<div class="row" ng-controller="FacebookCtrl">
|
||||
<div class="col-md-4">
|
||||
<h4>{{welcomeMsg}}</h4>
|
||||
<div ng-if="isLoggedIn == true">
|
||||
<a href="{{userInfo.link}}" target="_blank"><img ng-src="{{picture}}"></a>
|
||||
</div>
|
||||
<br>
|
||||
<div ng-if="isLoggedIn == true">
|
||||
<button type="button" class="btn btn-default" ng-click="logout()">Logout</button>
|
||||
</div>
|
||||
<br><br>
|
||||
<div ng-if="isLoggedIn == true" class="well">
|
||||
<h4>User Info</h4>
|
||||
<ul>
|
||||
<li>ID: {{userInfo.id}}</li>
|
||||
<li>First Name: {{userInfo.first_name}}</li>
|
||||
<li>Last Name: {{userInfo.last_name}}</li>
|
||||
<li>Email: {{userInfo.email}}</li>
|
||||
<li>Gender: {{userInfo.gender}}</li>
|
||||
<li>Locale: {{userInfo.locale}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<br>
|
||||
<div class="well" ng-if="isLoggedIn == true">
|
||||
<h4>Permissions</h4>
|
||||
<ul>
|
||||
<li ng-repeat="permission in permissions">{{permission.permission}} - {{permission.status}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>Welcome to Facebook!</h3>
|
||||
<div ng-if="isLoggedIn == true">
|
||||
<form ng-submit="postStatus()">
|
||||
<div class="form-group">
|
||||
<label>Status Update</label>
|
||||
<textarea ng-model="body" class="form-control"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-default">Submit</button>
|
||||
</form>
|
||||
<br><br>
|
||||
<div ng-repeat="post in posts" class="stbody">
|
||||
<div class="stimg">
|
||||
<img ng-src="{{picture}}">
|
||||
</div>
|
||||
<div class="sttext">
|
||||
{{post.message}}
|
||||
<div class="sttime">{{post.updated_time}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div ng-if="isLoggedIn == false">
|
||||
<p>You need to login to post</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
72
app/facebook/facebook.js
Normal file
72
app/facebook/facebook.js
Normal file
@@ -0,0 +1,72 @@
|
||||
'use strict';
|
||||
|
||||
angular.module('ngSocial.facebook', ['ngRoute'])
|
||||
|
||||
.config(['$routeProvider', function($routeProvider) {
|
||||
$routeProvider.when('/facebook', {
|
||||
templateUrl: 'facebook/facebook.html',
|
||||
controller: 'FacebookCtrl'
|
||||
});
|
||||
}])
|
||||
.controller('FacebookCtrl', ['$scope', '$http', function($scope, $http) {
|
||||
$scope.isLoggedIn = false;
|
||||
|
||||
$scope.login = function(){
|
||||
var username = $scope.username
|
||||
var password = $scope.password
|
||||
$http({
|
||||
url: 'http://127.0.0.1:5003/app/authenticate',
|
||||
method: "GET",
|
||||
params: {
|
||||
username: username,
|
||||
password: password
|
||||
}
|
||||
}).then(function(response) {
|
||||
if(response) {
|
||||
$scope.isLoggedIn = true;
|
||||
var _id = JSON.parse(response.data)['_id']
|
||||
$scope.refresh(_id);
|
||||
}
|
||||
}, function(response, status) {
|
||||
$scope.error = response.data.error
|
||||
});
|
||||
}
|
||||
|
||||
$scope.logout = function(){
|
||||
//$facebook.logout().then(function(){
|
||||
$scope.isLoggedIn = false;
|
||||
$scope.refresh();
|
||||
//});
|
||||
}
|
||||
|
||||
$scope.refresh = function(_id){
|
||||
if($scope.isLoggedIn) {
|
||||
$http({
|
||||
url: 'http://127.0.0.1:5003/app/getUserInfo',
|
||||
method: "GET",
|
||||
params: {
|
||||
'_id': _id
|
||||
}
|
||||
}).then(function(response) {
|
||||
if(response) {
|
||||
var responseData = JSON.parse(response.data)
|
||||
$scope.userInfo = responseData
|
||||
}
|
||||
}, function(response) {
|
||||
if(respnose && response.data)
|
||||
$scope.error = response.data.error
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$scope.postStatus = function(){
|
||||
var body = this.body;
|
||||
$facebook.api('/me/feed', 'post', {message: body}).then(function(response){
|
||||
$scope.msg = 'Thanks for Posting';
|
||||
$scope.refresh();
|
||||
});
|
||||
}
|
||||
|
||||
$scope.refresh();
|
||||
}]);
|
||||
58
app/index-async.html
Normal file
58
app/index-async.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css">
|
||||
<link rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css">
|
||||
<style>
|
||||
[ng-cloak] {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
|
||||
<script>
|
||||
// include angular loader, which allows the files to load in any order
|
||||
//@@NG_LOADER_START@@
|
||||
// You need to run `npm run update-index-async` to inject the angular async code here
|
||||
//@@NG_LOADER_END@@
|
||||
|
||||
// include a third-party async loader library
|
||||
/*!
|
||||
* $script.js v1.3
|
||||
* https://github.com/ded/script.js
|
||||
* Copyright: @ded & @fat - Dustin Diaz, Jacob Thornton 2011
|
||||
* Follow our software http://twitter.com/dedfat
|
||||
* License: MIT
|
||||
*/
|
||||
!function(a,b,c){function t(a,c){var e=b.createElement("script"),f=j;e.onload=e.onerror=e[o]=function(){e[m]&&!/^c|loade/.test(e[m])||f||(e.onload=e[o]=null,f=1,c())},e.async=1,e.src=a,d.insertBefore(e,d.firstChild)}function q(a,b){p(a,function(a){return!b(a)})}var d=b.getElementsByTagName("head")[0],e={},f={},g={},h={},i="string",j=!1,k="push",l="DOMContentLoaded",m="readyState",n="addEventListener",o="onreadystatechange",p=function(a,b){for(var c=0,d=a.length;c<d;++c)if(!b(a[c]))return j;return 1};!b[m]&&b[n]&&(b[n](l,function r(){b.removeEventListener(l,r,j),b[m]="complete"},j),b[m]="loading");var s=function(a,b,d){function o(){if(!--m){e[l]=1,j&&j();for(var a in g)p(a.split("|"),n)&&!q(g[a],n)&&(g[a]=[])}}function n(a){return a.call?a():e[a]}a=a[k]?a:[a];var i=b&&b.call,j=i?b:d,l=i?a.join(""):b,m=a.length;c(function(){q(a,function(a){h[a]?(l&&(f[l]=1),o()):(h[a]=1,l&&(f[l]=1),t(s.path?s.path+a+".js":a,o))})},0);return s};s.get=t,s.ready=function(a,b,c){a=a[k]?a:[a];var d=[];!q(a,function(a){e[a]||d[k](a)})&&p(a,function(a){return e[a]})?b():!function(a){g[a]=g[a]||[],g[a][k](b),c&&c(d)}(a.join("|"));return s};var u=a.$script;s.noConflict=function(){a.$script=u;return this},typeof module!="undefined"&&module.exports?module.exports=s:a.$script=s}(this,document,setTimeout)
|
||||
|
||||
// load all of the dependencies asynchronously.
|
||||
$script([
|
||||
'bower_components/angular/angular.js',
|
||||
'bower_components/angular-route/angular-route.js',
|
||||
'app.js',
|
||||
'view1/view1.js',
|
||||
'view2/view2.js',
|
||||
'components/version/version.js',
|
||||
'components/version/version-directive.js',
|
||||
'components/version/interpolate-filter.js'
|
||||
], function() {
|
||||
// when all is done, execute bootstrap angular application
|
||||
angular.bootstrap(document, ['myApp']);
|
||||
});
|
||||
</script>
|
||||
<title>My AngularJS App</title>
|
||||
<link rel="stylesheet" href="app.css">
|
||||
</head>
|
||||
<body ng-cloak>
|
||||
<ul class="menu">
|
||||
<li><a href="#/view1">view1</a></li>
|
||||
<li><a href="#/view2">view2</a></li>
|
||||
</ul>
|
||||
|
||||
<div ng-view></div>
|
||||
|
||||
<div>Angular seed app: v<span app-version></span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
53
app/index.html
Normal file
53
app/index.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html lang="en" ng-app="ngSocial" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html lang="en" ng-app="ngSocial" class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html lang="en" ng-app="ngSocial" class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html lang="en" ng-app="ngSocial" class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>ngSocial App</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="app.css">
|
||||
</head>
|
||||
<body ng-controller="FacebookCtrl">
|
||||
<nav class="navbar navbar-inverse">
|
||||
<div class="col-sm-6 col-md-6 container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">Facebook</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-6 pull-right">
|
||||
<form class="navbar-form pull-right">
|
||||
<input type="text" class="form-control" placeholder="Username" ng-model="username" id="username">
|
||||
<input type="password" class="form-control" placeholder="Password" ng-model="password" id="password">
|
||||
<button class="btn btn-success" type="submit" ng-click="login()">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
<!--[if lt IE 7]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<div class="container">
|
||||
<div ng-view></div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- In production use:
|
||||
<script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
|
||||
-->
|
||||
<script src="bower_components/angular/angular.js"></script>
|
||||
<script src="bower_components/angular-route/angular-route.js"></script>
|
||||
<script src="app.js"></script>
|
||||
<script src="facebook/facebook.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
18
bower.json
Normal file
18
bower.json
Normal file
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"name": "angular-seed",
|
||||
"description": "A starter project for AngularJS",
|
||||
"version": "0.0.0",
|
||||
"homepage": "https://github.com/angular/angular-seed",
|
||||
"license": "MIT",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"angular": "1.4.x",
|
||||
"angular-route": "1.4.x",
|
||||
"angular-loader": "1.4.x",
|
||||
"angular-mocks": "~1.4.x",
|
||||
"html5-boilerplate": "~4.3.0"
|
||||
},
|
||||
"resolutions": {
|
||||
"angular": "1.4.14"
|
||||
}
|
||||
}
|
||||
2
data/db/WiredTiger
Normal file
2
data/db/WiredTiger
Normal file
@@ -0,0 +1,2 @@
|
||||
WiredTiger
|
||||
WiredTiger 3.0.1: (January 8, 2018)
|
||||
0
data/db/WiredTiger.lock
Normal file
0
data/db/WiredTiger.lock
Normal file
6
data/db/WiredTiger.turtle
Normal file
6
data/db/WiredTiger.turtle
Normal file
@@ -0,0 +1,6 @@
|
||||
WiredTiger version string
|
||||
WiredTiger 3.0.1: (January 8, 2018)
|
||||
WiredTiger version
|
||||
major=3,minor=0,patch=1
|
||||
file:WiredTiger.wt
|
||||
access_pattern_hint=none,allocation_size=4KB,app_metadata=,assert=(commit_timestamp=none,read_timestamp=none),block_allocation=best,block_compressor=,cache_resident=false,checkpoint=(WiredTigerCheckpoint.23=(addr="018b81e449905eb98c81e4fc12ecb18f81e45852f494808080e2efc0e22fc0",order=23,time=1525889026,size=24576,write_gen=46)),checkpoint_lsn=(1,68736),checkpoint_timestamp="0",checksum=uncompressed,collator=,columns=,dictionary=0,encryption=(keyid=,name=),format=btree,huffman_key=,huffman_value=,id=0,ignore_in_memory_cache_size=false,internal_item_max=0,internal_key_max=0,internal_key_truncate=true,internal_page_max=4KB,key_format=S,key_gap=10,leaf_item_max=0,leaf_key_max=0,leaf_page_max=32KB,leaf_value_max=0,log=(enabled=true),memory_page_max=5MB,os_cache_dirty_max=0,os_cache_max=0,prefix_compression=false,prefix_compression_min=4,split_deepen_min_child=0,split_deepen_per_child=0,split_pct=90,value_format=S,version=(major=1,minor=1)
|
||||
BIN
data/db/WiredTiger.wt
Normal file
BIN
data/db/WiredTiger.wt
Normal file
Binary file not shown.
BIN
data/db/WiredTigerLAS.wt
Normal file
BIN
data/db/WiredTigerLAS.wt
Normal file
Binary file not shown.
BIN
data/db/_mdb_catalog.wt
Normal file
BIN
data/db/_mdb_catalog.wt
Normal file
Binary file not shown.
BIN
data/db/collection-0--6629984476450706013.wt
Normal file
BIN
data/db/collection-0--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/collection-2--6629984476450706013.wt
Normal file
BIN
data/db/collection-2--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/collection-4--6629984476450706013.wt
Normal file
BIN
data/db/collection-4--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/collection-7--6629984476450706013.wt
Normal file
BIN
data/db/collection-7--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/collection-9--6629984476450706013.wt
Normal file
BIN
data/db/collection-9--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/diagnostic.data/metrics.interim
Normal file
BIN
data/db/diagnostic.data/metrics.interim
Normal file
Binary file not shown.
BIN
data/db/index-1--6629984476450706013.wt
Normal file
BIN
data/db/index-1--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/index-10--6629984476450706013.wt
Normal file
BIN
data/db/index-10--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/index-3--6629984476450706013.wt
Normal file
BIN
data/db/index-3--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/index-5--6629984476450706013.wt
Normal file
BIN
data/db/index-5--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/index-6--6629984476450706013.wt
Normal file
BIN
data/db/index-6--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/index-8--6629984476450706013.wt
Normal file
BIN
data/db/index-8--6629984476450706013.wt
Normal file
Binary file not shown.
BIN
data/db/journal/WiredTigerLog.0000000001
Normal file
BIN
data/db/journal/WiredTigerLog.0000000001
Normal file
Binary file not shown.
BIN
data/db/journal/WiredTigerPreplog.0000000001
Normal file
BIN
data/db/journal/WiredTigerPreplog.0000000001
Normal file
Binary file not shown.
BIN
data/db/journal/WiredTigerPreplog.0000000002
Normal file
BIN
data/db/journal/WiredTigerPreplog.0000000002
Normal file
Binary file not shown.
BIN
data/db/sizeStorer.wt
Normal file
BIN
data/db/sizeStorer.wt
Normal file
Binary file not shown.
BIN
data/db/storage.bson
Normal file
BIN
data/db/storage.bson
Normal file
Binary file not shown.
33
karma.conf.js
Normal file
33
karma.conf.js
Normal file
@@ -0,0 +1,33 @@
|
||||
module.exports = function(config){
|
||||
config.set({
|
||||
|
||||
basePath : './',
|
||||
|
||||
files : [
|
||||
'app/bower_components/angular/angular.js',
|
||||
'app/bower_components/angular-route/angular-route.js',
|
||||
'app/bower_components/angular-mocks/angular-mocks.js',
|
||||
'app/components/**/*.js',
|
||||
'app/view*/**/*.js'
|
||||
],
|
||||
|
||||
autoWatch : true,
|
||||
|
||||
frameworks: ['jasmine'],
|
||||
|
||||
browsers : ['Chrome'],
|
||||
|
||||
plugins : [
|
||||
'karma-chrome-launcher',
|
||||
'karma-firefox-launcher',
|
||||
'karma-jasmine',
|
||||
'karma-junit-reporter'
|
||||
],
|
||||
|
||||
junitReporter : {
|
||||
outputFile: 'test_out/unit.xml',
|
||||
suite: 'unit'
|
||||
}
|
||||
|
||||
});
|
||||
};
|
||||
1094
package-lock.json
generated
Normal file
1094
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
29
package.json
Normal file
29
package.json
Normal file
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"name": "angular-seed",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"description": "A starter project for AngularJS",
|
||||
"repository": "https://github.com/angular/angular-seed",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"bower": "^1.3.1",
|
||||
"http-server": "^0.6.1",
|
||||
"karma": "~0.10",
|
||||
"karma-junit-reporter": "^0.2.2",
|
||||
"protractor": "^1.1.1",
|
||||
"shelljs": "^0.2.6"
|
||||
},
|
||||
"scripts": {
|
||||
"postinstall": "bower install",
|
||||
"prestart": "npm install",
|
||||
"start": "http-server -a localhost -p 8000 -c-1",
|
||||
"pretest": "npm install",
|
||||
"test": "karma start karma.conf.js",
|
||||
"test-single-run": "karma start karma.conf.js --single-run",
|
||||
"preupdate-webdriver": "npm install",
|
||||
"update-webdriver": "webdriver-manager update",
|
||||
"preprotractor": "npm run update-webdriver",
|
||||
"protractor": "protractor e2e-tests/protractor.conf.js",
|
||||
"update-index-async": "node -e \"require('shelljs/global'); sed('-i', /\\/\\/@@NG_LOADER_START@@[\\s\\S]*\\/\\/@@NG_LOADER_END@@/, '//@@NG_LOADER_START@@\\n' + sed(/sourceMappingURL=angular-loader.min.js.map/,'sourceMappingURL=bower_components/angular-loader/angular-loader.min.js.map','app/bower_components/angular-loader/angular-loader.min.js') + '\\n//@@NG_LOADER_END@@', 'app/index-async.html');\""
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user