erobit/meteor-accounts-ui-bootstrap-dropdown

Meteor accounts-ui package updated to use twitter/bootstrap dropdown

meteor-accounts-ui-bootstrap-dropdown

Meteor accounts-ui styled with twitter/bootstrap dropdown

Prerequisites

Use the meteorite package manager http://oortcloud.github.com/meteorite/

[sudo] npm install -g meteorite

How to add to your meteor app

mrt add accounts-ui-bootstrap-dropdown

meteor add bootstrap

meteor add accounts-password

How to use

Add {{> loginButtons }} to your template

Add Accounts configuration to your javascript file

i.e.

if (Meteor.isClient) { Accounts.ui.config({ passwordSignupFields: 'USERNAME_AND_OPTIONAL_EMAIL' });

...

meteor-accounts-ui-bootstrap-dropdown's Issues

Missing LICENSE. Is this Open Source? Public Domain? ?

Hi @erobit,

Is this Open Source? Public domain? It's a PITA, but a bunch of people use this code. What license did you intend?

http://softwareengineering.stackexchange.com/questions/148146/open-source-code-with-no-license-can-i-fork-it

I'd recommend the MIT license or BSD, both are simple and let people use your code. It seems like your done with it, but in the end it's up to you.
https://opensource.org/licenses/BSD-3-Clause
https://opensource.org/licenses/MIT

Manga Social forked it and made 133 commits: https://github.com/mangasocial/meteor-accounts-ui-bootstrap-3
Ian Martorell then moved it further: https://github.com/ianmartorell/meteor-accounts-ui-bootstrap-3/

Deprecate in favor of mangasocial's fork?

Not sure if this package is still being maintained. If the author has moved on, maybe it would help to direct users to one of the actively maintained forks, like mangasocial's?

Issues with multiple {{loginButtons}} on page

I use {{loginButtons}} twice in my app, the second call being displayed only if the user is on a mobile device. Doing this causes logging in/signing up to break assumedly because of some of the global DOM calls are using the second (unused) login form as a form source.

My current hack is to remove the invisible {{loginButtons}} from the DOM on page load, but it might be be a good idea to scope the DOM calls in this package to the active form.

Thanks for your work on this package!

reset password form

Hi there!

The package is awesome, though password reset form looks broken. Could you please fix it?
Thanks!

Customizaton

Is it possible to extend the meteor-accounts-ui-bootstrap-dropdown package and ADD some custom functionality there.

For example, if i want to add a button relating to a logged in user. And Clicking on that will perform some actions on the user.

Is it possible to add such a customization ??

can seem to get it right using meteor default app + {{loginButtons}} in the template

hi,

i created a default "helloworld" app with meteor,
installed meteorite, and
added the meteor-accounts-ui-bootstrap-dropdown.

i used the header template from the https://github.com/and-fri/prochatx.git app.

it didnt work, no error was thrown, it simply did not style anything, neither showed the login widget.

eventhough all the bootstrap scripts seem to have been loaded...

what am i missing ?

does this module still work on Meteor 0.6.4 ?

because of some reasons, I am using this module on Meteor 0.6.4.
but the following error occurred:

Exception while bundling application:
TypeError: Object #<Object> has no method 'imply'

and I modify the smart.lock to use earlier version, but it doesn't work,
a new error came out: webapp package not found

Drop down not showing up

Hi,

Any idea why the drop down is not showing up for my application?

I have the following packages added to my project -

standard-app-packages
observatory
font-awesome
HTML5-History-API
observatory-apollo
observatory-galileo
page-js-ie-support
inspector
chartjs
jquery
jquery-ui
npm
mathjax
facebook
oauth
google
ace-embed
autocompletion
wow
email
animate-css
iron-router
bootstrap-3
accounts-password
accounts-twitter
accounts-facebook
accounts-ui-bootstrap-dropdown

I have put the following in client/lib/accounts/Login.js -

Accounts.ui.config({ passwordSignupFields: 'USERNAME_AND_EMAIL' });

Following is my header file -

``

Toggle Navigation

• Home
{{#if currentUser}}
• Posts
• Create Post
• Create Group

        {{/if}}
         {{> contextbtns}}
        {{#if currentUser.profile.admin}}
        <li class=""><a href="/admin"><i class="fa fa-cogs"></i> Admin</a></li>
        {{/if}}
      </ul>        
      <ul class="nav navbar-nav navbar-right">
          {{> loginButtons}}
       </ul>
    </div>
  </div>

``

Update Bootstrap to v3.3.1

The bootstrap version you use, does not support container-fluid and other crucial things. Would be nice to have the current version in the repository. Thx!

Nav-collapse question

I've been having a problem where the log-in dropdown disappears at smaller window widths, as you can see here:

http://meteor-book-chapter14-2.meteor.com/

Is this the intended behavior of the .nav-collapse class? If it is, maybe it should be optional somehow?

Error when updated meteor to 0.8

This is the error message:

While building package accounts-ui-bootstrap-dropdown:
error: no such package: 'spark'
login_buttons.html:89: Only certain elements like BR, HR, IMG, etc. (and foreign elements like SVG) are allowed to self-close
...n-buttons-padding" /> {{/unless}}
^

Usage Guide

How exactly do we go about using this plugin instead of the default Accounts UI plugin? Is it just a drag and drop into the local packages in static_cacheable? Or do I also have to do meteor add meteor-accounts-ui-bootstrap-dropdown?

must be event arg

'click #login-name-link, click #login-sign-in-link': function () {
    event.stopPropagation();

https://github.com/erobit/meteor-accounts-ui-bootstrap-dropdown/blob/master/login_buttons_dropdown.js#L10-L11

_enrollAccountDialog not styled?

Hi,

I'm using this package and it's great for logging in and change password via the drop down in the nav bar (I'm using this with bootstrap but not bootstrap-3).

However, when I click on a link to enrol, I get a dialog that's almost hidden up in the top left corner of the page.

Investigating, I can find the template _enrollAccountDialog in login_buttons_dialogs.html and it uses classes such as accounts-dialog, accounts-centered-dialog, login-button and login-button-form-submit

But I can't find any styling for them--which explains why they don't display properly.

The thing is, where should the styling be coming from? I've searched on Google and can't find anywhere where anyone has defined these styles, but there surely must be something?

Sorry if I've missed something obvious.
Thanks

Accounts.registerLoginHandler no longer works.

When switching from accounts-ui to this, my custom login handler doesn't work anymore. i.e.:

Accounts.registerLoginHandler( function ...) in a server-side file is busted. I assumed that this would be the same as accounts-ui except for styling, but has this functionality changed?

How to configure login services

I downloaded the package and created a file in client/fileName.js and wrote the following code in it:

    Accounts.ui.config({
        passwordSignupFields: 'USERNAME_AND_OPTIONAL_EMAIL'
    });

as it was shown in the example. Now when I run my project, I see

No login services configured

May I know what I am doing wrong here please?

The styling seems to be broken on 0.6.5.1

Thanks for the good work! Can't seem to get the bootstrap styling after updating to 0.6.5.1 and now have trouble reverting back to the previous release. Any chance the package will be updated sometime soon?

Update code to support Bootstrap 3

The latest bootstrap IMHO is a huge leap forward. With mobile first design, reduction in code size and a rewrite of most of their javascript modules, I'm looking forward to moving to support it in the near future.

Dependency on bootstrap core package

Hi Eric,
I'm using you package with non-core bootstrap package (bootstrap-less). But your package depends on the core package. The result is that bundled .css file contains two bootstraps: the core one included via dependency from your package.js and wanted bootstrap-less package. And some browsers are indeed confused (IE specially). Could you please remove this dependency?
Thanks, Milos.

Captcha

As I understand, we should have captcha or something alike for production applications?

Form does not properly respond to forbidClientAccountCreation

According to the docs:

forbidClientAccountCreation Boolean
Calls to createUser from the client will be rejected. In addition, if you are using accounts-ui, the "Create account" link will not be available.

The second part of this doesn't take effect if using the accounts-ui-bootstrap-dropdown package. The Create Account link still appears and the sign-up form is still presented.

Attempts to use the sign-up form fail, as they should. But the button & form should not appear at all if the forbidClientAccountCreation flag is set.

no such package error Meteor 0.8.1.2

Hello.

I'm having an issue when building, I have Meteor 0.8.1.2 and the error is:

While building the application:
error: no such package: 'accounts-ui-bootstrap-dropdown'

I have tried mrt update etc. Cheers.

UPDATE: doing an mrt remove ... then adding it again and the app runs, however I get an error to do with multiple templates having the same name. I'll keep playing.

Please update tag/version to the latest commit

mrt add is referencing the earlier commit that's referenced in tag 0.1.0

Poor styling when collapsed and navbar-inverse

[Using the 'discover meteor' book code with reverse mode navbar]

Login buttons don't appear nicely when the sign-in is collapsed : the "Sign in" and "Create account" buttons appear on the side of the password textarea instead of aligned below. I edited the code of login_buttons_dropdown.html in accounts-ui-bootstrap-dropdown to add a div.

<div>
    <button class="btn btn-primary" id="login-buttons-password" type="button">
      {{#if inSignupFlow}}
      Create
      {{else}}
      Sign in
      {{/if}}
    </button>
    {{#if inLoginFlow}}
    {{#if showCreateAccountLink}}
    <button id="signup-link" class="btn" type="button">Create account</button>
    {{/if}}
</div>

Also, with an inverse navbar, the labels "email" and "password" cannot be read. I fixed that making them bright blue but there is probably a better solution

login-dropdown-list div.dropdown-menu label

{
color: blue;
font-weight: bold;
}

Last, when the sign-in button is expanded, there is an animation slow-down that is not visible on other sites using bootstrap (for instance bootstrap 2.3.2 documentation). The slowdown is due to the {{loginbuttons}} and disappears when the command is removed. But I haven't been able to identify precisely the culprit.

`accounts-urls` package no longer exists in 0.6.5

I think you get it for free with accounts-base.

See:

DiscoverMeteor/book#68

INCOMPATIBLE WITH METEOR 0.9.0 OR LATER

It seems that the new Atmosphere thinks that this package is incompatible.

http://atmospherejs.com/mrt/accounts-ui-bootstrap-dropdown

Meteor 6.5.0 breaks email verification

Turned off 'insecure', now I get the following error in the console, and login won't work. I suspect this is either a dependency or namespace issue. Turning insecure back on doesn't seem to bring it back.

Uncaught TypeError: Cannot call method 'validateEmail' of undefined login_buttons_dropdown.js:357
login login_buttons_dropdown.js:357
loginOrSignup login_buttons_dropdown.js:338
Template._loginButtonsLoggedOutDropdown.events.click #login-buttons-password login_buttons_dropdown.js:66
(anonymous function) deftemplate.js:160
range.handler spark.js:837
(anonymous function) spark.js:734
.each..forEach underscore.js:79
(anonymous function) spark.js:733
(anonymous function) listener.js:108
.each..forEach underscore.js:79
deliver listener.js:102
_.extend.handler

error: no such package: 'accounts-urls'

David Glasser said:

The accounts-url internal package was rolled into accounts-base and
doesn't exist any more.

---

=> Errors while scanning packages:

While building package accounts-ui-bootstrap-dropdown:
error: no such package: 'accounts-urls'
james@eros ~/projects/meteor-skeleton $
james@eros ~/projects/meteor-skeleton $
james@eros ~/projects/meteor-skeleton $ meteor add accounts-urls
=> Errors while scanning packages:

While building package accounts-ui-bootstrap-dropdown:
error: no such package: 'accounts-urls'
james@eros ~/projects/meteor-skeleton $ mrt add accounts-urls

/usr/lib/node_modules/meteorite/lib/project.js:224
throw("Package named " + pkgName + " doesn't exist in your meteor in
^
Package named accounts-urls doesn't exist in your meteor installation, smart.json, or on atmosphere
james@eros ~/projects/meteor-skeleton $

UI is not defined in login_buttons.js :13

I have updated Meteor to 0.80 and found lots compatible problems. I tried to fix them up and end up with mess up my code.

I rolled back to 0.72. Meteor-accounts-ui-bootstrap-dropdown package reported this error. Would you please let me know which package "UI" came from?

Thanks