y12studio / y12io

online service evaluation
Apache License 2.0
4 stars 0 forks source link

meteor hello example #20

Closed y12studio closed 10 years ago

y12studio commented 10 years ago

Documentation - Meteor hharnisc/meteor-accounts-admin-ui-bootstrap-3 User management in Meteor is so easy | Unni's space

$ curl https://install.meteor.com | /bin/sh
$ sudo -H npm install -g meteorite
$ meteor add accounts-twitter
$ meteor add accounts-google
$ meteor add accounts-facebook
$ meteor add accounts-base
$ meteor add accounts-password
$ meteor add email
$ meteor add accounts-ui
$ mrt add accounts-password
$ mrt add roles
$ mrt add accounts-ui-bootstrap-3
$ mrt add accounts-admin-ui-bootstrap-3
$ mrt remove autopublish
$ mrt remove insecure
$ cat smart.json
{
  "packages": {
    "roles": {},
    "accounts-ui-bootstrap-3": {},
    "accounts-admin-ui-bootstrap-3": {}
  }
}
$ cat app.js/app.html
$ meteor
y12studio commented 10 years ago

Differential/meteor-boilerplate blog.benmcmahen.com/post/41741539120/building-a-customized-accounts-ui-for-meteor Home | Meteor.js blog written by @elfoslav oortcloud/heroku-buildpack-meteorite Tutorial: Writing your first Meteor application - Sebastian Dahlgren

y12studio commented 10 years ago

matteodem/meteor-boilerplate

$ git clone https://github.com/matteodem/meteor-boilerplate mtrbp && cd mtrbp
$ mrt list
accounts-base              A user account system
accounts-facebook          Login service for Facebook accounts
accounts-github            Login service for Github accounts
accounts-google            Login service for Google accounts
accounts-meetup            Login service for Meetup accounts
accounts-meteor-developer  Login service for Meteor developer accounts
accounts-password          Password support for accounts
accounts-twitter           Login service for Twitter accounts
accounts-ui                Simple templates to add login widgets to an app
accounts-ui-unstyled       Unstyled version of login widgets
accounts-weibo             Login service for Sina Weibo accounts
amplify                    API for Persistent Storage, PubSub and Request
appcache                   Enable the application cache in the browser
audit-argument-checks      Try to detect inadequate input sanitization
autopublish                Publish the entire database to all clients
backbone                   A minimalist client-side MVC framework
blaze-layout               A Blaze powered layout component for dynamic renderin
bootstrap                  Front-end framework from Twitter
browser-policy             Configure security policies enforced by the browser
browser-policy-content     Configure content security policies
browser-policy-framing     Restrict which websites can frame your app
code-prettify              Syntax highlighting of code, from Google
coffeescript               Javascript dialect with fewer braces and semicolons
collection2                Wraps Meteor.Collection to provide support for automa
d3                         Library for manipulating documents based on data
ejson                      Extended and Extensible JSON library
email                      Send email messages
force-ssl                  Require this application to use HTTPS
handlebar-helpers          Handlebar helpers
http                       Make HTTP calls to remote servers
insecure                   Allow all database writes by default
iron-router                Routing specifically designed for Meteor
iron-router-progress       Progressbar for iron-router
jquery                     Manipulate the DOM using CSS selectors
jquery-history             pushState module from the jQuery project
jquery-layout              Easily create arbitrary multicolumn layouts
jquery-waypoints           Run a function when the user scrolls past an element
less                       The dynamic stylesheet language
oauth-encryption           Encrypt account secrets stored in the database
semantic-ui                Semantic UI packaged for meteor
showdown                   Markdown-to-HTML processor
simple-schema              A simple schema validation object with reactivity. Us
spacebars-compiler         Compiler for Spacebars template language
spiderable                 Makes the application crawlable to web spiders
standard-app-packages      Include a standard set of Meteor packages in your app
stylus                     Expressive, dynamic, robust CSS
underscore                 Collection of small helpers: _.map, _.each, ...
$ mrt list --using
standard-app-packages
less
jquery
underscore
handlebar-helpers
iron-router
accounts-password
accounts-ui
iron-router-progress
semantic-ui
collection2
$ cat .meteor/packages
# Meteor packages used by this project, one per line.
#
# 'meteor add' and 'meteor remove' will edit this file for you,
# but you can also edit it by hand.

standard-app-packages
less
jquery
underscore
handlebar-helpers
iron-router
accounts-password
accounts-ui
iron-router-progress
semantic-ui
collection2
$ mrt add accounts-facebook
$ mrt add accounts-google
$ mrt add accounts-github
Ok, everything's ready. Here comes Meteor!
accounts-facebook: Login service for Facebook accounts
$ cat .meteor/packages
# Meteor packages used by this project, one per line.
#
# 'meteor add' and 'meteor remove' will edit this file for you,
# but you can also edit it by hand.

standard-app-packages
less
jquery
underscore
handlebar-helpers
iron-router
accounts-password
accounts-ui
iron-router-progress
semantic-ui
collection2
accounts-facebook
accounts-google
accounts-github

add login html

$ git diff
diff --git a/.meteor/packages b/.meteor/packages
index a8427e5..219a088 100644
--- a/.meteor/packages
+++ b/.meteor/packages
@@ -14,3 +14,6 @@ accounts-ui
 iron-router-progress
 semantic-ui
 collection2
+accounts-facebook
+accounts-google
+accounts-github
diff --git a/client/views/header/header.html b/client/views/header/header.html
index 503f309..83ce338 100644
--- a/client/views/header/header.html
+++ b/client/views/header/header.html
@@ -4,6 +4,7 @@
             Meteor Boilerplate
             <div class="sub header">
                 by <a class="unstyled link" href="http://matteodem.github.io/me
+                               <BR/>{{> loginButtons}}
             </div>
         </h1>
         <button class="basic ui resize icon button"><i class="angle down icon">