0.1.3

.travis.yml

@@ -0,0 +1,8 @@
+sudo: required
+language: node_js
+node_js:
+  - "0.10"
+before_install:
+  - "curl -L http://git.io/ejPSng | /bin/sh"
+env:
+  - TEST_COMMAND=meteor

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 splendido
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,21 @@
+# Bootstrap 5 for Accounts UI
+Bring bootstrap 5 beta for Accounts UI, the package that allows you to style the sign in/up templates in Meteor.
+
+This package depends on [useraccounts:core](https://atmospherejs.com/useraccounts/core), forked from [this package](https://github.com/meteor-useraccounts/bootstrap/).
+
+
+## Note
+Bootstrap is not included in this package, so you can add any version you want (CDN/local/npm/yarn).
+
+##### npm
+```js
+npm install bootstrap@next
+```
+
+#### CDN
+```html
+<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
+```
+
+More download infos [here](https://getbootstrap.com/docs/5.0/getting-started/download/).

lib/at_bootstrap.css

@@ -0,0 +1,125 @@
+.at-form {
+  overflow: auto;
+  margin-bottom: 20px;
+  border-radius: 10px;
+  padding: 15px;
+}
+.at-form p {
+  line-height: 20px;
+}
+.at-title h3 {
+  margin-top: 0px;
+  font-size: 25px;
+  font-weight: 500;
+}
+.at-link.disabled {
+  color: #444;
+}
+button.at-social-btn {
+  display: block;
+  padding: 8px 10px;
+  border-radius: 5px;
+}
+button.at-social-btn i {
+  float: left;
+  width: 40px;
+  font-size: 20px;
+  margin-top: 1px;
+  padding-right: 15px;
+  padding-left: 5px;
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+}
+button.at-social-btn#at-facebook {
+  background: #3B5998;
+}
+button.at-social-btn#at-facebook:hover {
+  background: #2C4780;
+}
+button.at-social-btn#at-linkedin {
+  background: #338AB0;
+}
+button.at-social-btn#at-linkedin:hover {
+  background: #0571A6;
+}
+button.at-social-btn#at-twitter {
+  background: #4099FF;
+}
+button.at-social-btn#at-twitter:hover {
+  background: #3288EB;
+}
+button.at-social-btn#at-google {
+  background: #db5a3c;
+}
+button.at-social-btn#at-google:hover {
+  background: #CA4C2E;
+}
+button.at-social-btn#at-github {
+  background: #666;
+}
+button.at-social-btn#at-github:hover {
+  background: #555;
+}
+.at-sep {
+  position: relative;
+  overflow: hidden;
+  margin-bottom: 15px;
+}
+.at-sep:before, .at-sep:after {
+  display: block;
+  content: " ";
+  border-bottom: 1px solid #ddd;
+  position: absolute;
+  top: 48%;
+}
+.at-sep:before {
+  left: -60%;
+}
+.at-sep:after {
+  right: -60%;
+}
+.at-input.validating * {
+  cursor: progress;
+}
+.at-pwd-form>form label {
+  margin-bottom: 5px;
+  font-weight: 500;
+  font-size: 14px;
+}
+#at-btn {
+  padding: 4px 10px;
+}
+/* compressed */
+.at-form, .at-signin-link, .at-pwd-form>form, .at-signup-link, .at-terms-link {
+  margin-top: 20px;
+}
+.at-title h3, .at-signin-link, .at-error, .at-result, .at-sep, .at-signup-link, .at-terms-link {
+  text-align: center;
+}
+.at-signup-link, .at-signin-link {
+  margin-bottom: 30px;
+}
+.at-terms-link, .button.at-social-btn {
+  font-size: 16px;
+}
+button.at-social-btn#at-facebook, button.at-social-btn#at-linkedin, button.at-social-btn#at-twitter, button.at-social-btn#at-google, button.at-social-btn#at-github {
+  color: #fff;
+}
+button.at-social-btn#at-facebook.disabled, button.at-social-btn#at-linkedin.disabled, button.at-social-btn#at-twitter.disabled, button.at-social-btn#at-google.disabled, button.at-social-btn#at-github.disabled {
+  color: #ddd;
+  background: #666666;
+}
+.at-form, button.at-social-btn {
+  margin: auto;
+}
+button.at-social-btn, .at-sep:before, .at-sep:after {
+  width: 100%;
+}
+.at-title h3, button.at-social-btn {
+  margin-bottom: 10px;
+}
+.at-oauth, #at-btn {
+  margin-top: 10px;
+}
+.at-error, .at-message, .at-result, .at-form p {
+  font-size: 15px;
+}

lib/at_error.html

@@ -0,0 +1,7 @@
+<template name="atError">
+  <div class="at-error alert alert-danger" role="alert">
+    {{#each error}}
+    <p class="mb-0">{{errorText}}</p>
+    {{/each}}
+  </div>
+</template>

lib/at_error.js

@@ -0,0 +1,2 @@
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atError.helpers(AccountsTemplates.atErrorHelpers);

lib/at_form.html

@@ -0,0 +1,39 @@
+<template name="atForm">
+  {{#unless hide}}
+    <div class="at-form">
+      {{#if showTitle}}
+        {{> atTitle}}
+      {{/if}}
+      {{#if showOauthServices}}
+        {{> atOauth}}
+      {{/if}}
+      {{#if showServicesSeparator}}
+        {{> atSep}}
+      {{/if}}
+      {{#if showError}}
+        {{> atError}}
+      {{/if}}
+      {{#if showResult}}
+        {{> atResult}}
+      {{/if}}
+      {{#if showMessage}}
+        {{> atMessage}}
+      {{/if}}
+      {{#if showPwdForm}}
+        {{> atPwdForm}}
+      {{/if}}
+      {{#if showTermsLink}}
+        {{> atTermsLink}}
+      {{/if}}
+      {{#if showSignInLink}}
+        {{> atSigninLink}}
+      {{/if}}
+      {{#if showSignUpLink}}
+        {{> atSignupLink}}
+      {{/if}}
+      {{#if showResendVerificationEmailLink}}
+        {{> atResendVerificationEmailLink}}
+      {{/if}}
+    </div>
+  {{/unless}}
+</template>

lib/at_form.js

@@ -0,0 +1,2 @@
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atForm.helpers(AccountsTemplates.atFormHelpers);

lib/at_input.html

@@ -0,0 +1,56 @@
+<template name="atInput">
+  {{> Template.dynamic template=templateName}}
+</template>
+
+<template name="atTextInput">
+  <div
+    class="mb-2 at-input form-group {{#if isValidating}}validating{{/if}} {{#if hasError}}has-error{{/if}} {{#if hasSuccess}}has-success{{/if}} {{#if feedback}}has-feedback{{/if}}">
+    <label class="form-label {{#unless showLabels}}sr-only{{/unless}}" for="at-field-{{_id}}">
+      {{displayName}} {{#unless required}}{{optionalText}}{{/unless}}
+    </label>
+    <input type="{{type}}" class="form-control" id="at-field-{{_id}}" name="at-field-{{_id}}"
+      placeholder="{{placeholder}}" autocapitalize="none" autocorrect="off">
+    {{#if hasIcon}}
+    <span class="{{iconClass}} form-control-feedback"></span>
+    {{/if}}
+    <span class="help-block {{#unless hasError}}hide{{/unless}}">{{errorText}}</span>
+  </div>
+</template>
+
+<template name="atCheckboxInput">
+  <div class="form-check at-input checkbox">
+    <input class="form-check-input" type="{{type}}" name="at-field-{{_id}}" id="at-field-{{_id}}" {{disabled}}>
+    <label class="form-check-label" for="at-field-{{_id}}">
+      {{displayName}}
+    </label>
+  </div>
+</template>
+
+<template name="atSelectInput">
+  <div class="at-input field">
+    <label>{{displayName}}</label>
+    <select class="form-control" id="at-field-{{_id}}" name="at-field-{{_id}}">
+      {{#each values}}
+      <option value="{{value}}">{{text}}</option>
+      {{/each}}
+    </select>
+  </div>
+</template>
+
+<template name="atRadioInput">
+  <div class="at-input form-group">
+    <label>{{displayName}}</label>
+    {{#each values}}
+    <div class="at-input radio">
+      <label for="at-field-{{id}}-choice-{{value}}">
+        <input id="at-field-{{id}}-choice-{{value}}" type="radio" name="at-field-{{id}}" value={{value}}>
+        {{text}}
+      </label>
+    </div>
+    {{/each}}
+  </div>
+</template>
+
+<template name="atHiddenInput">
+  <input type="hidden" id="at-field-{{_id}}" name="at-field-{{_id}}">
+</template>

lib/at_input.js

@@ -0,0 +1,37 @@
+_.each(AccountsTemplates.atInputRendered, function(callback){
+  Template.atInput.onRendered(callback);
+  Template.atHiddenInput.onRendered(callback);
+});
+
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atInput.helpers(AccountsTemplates.atInputHelpers);
+
+// Simply 'inherites' events from AccountsTemplates
+Template.atInput.events(AccountsTemplates.atInputEvents);
+
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atTextInput.helpers(AccountsTemplates.atInputHelpers);
+
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atCheckboxInput.helpers(AccountsTemplates.atInputHelpers);
+
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atSelectInput.helpers(AccountsTemplates.atInputHelpers);
+
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atRadioInput.helpers(AccountsTemplates.atInputHelpers);
+
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atHiddenInput.helpers(AccountsTemplates.atInputHelpers);
+
+
+// Sets up default Bootstrap icon classes for social button icons
+AccountsTemplates.configure({
+    texts: {
+        inputIcons: {
+            isValidating: "glyphicon glyphicon-refresh",
+            hasError: "glyphicon glyphicon-remove",
+            hasSuccess: "glyphicon glyphicon-ok",
+        }
+    },
+});

lib/at_message.html

@@ -0,0 +1,5 @@
+<template name="atMessage">
+  <div class="at-message alert alert-info" role="alert">
+    {{message}}
+  </div>
+</template>

lib/at_message.js

@@ -0,0 +1,2 @@
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atMessage.helpers(AccountsTemplates.atMessageHelpers);

lib/at_nav_button.html

@@ -0,0 +1,3 @@
+<template name="atNavButton">
+  <button type="button" id="at-nav-button" class="btn btn-primary navbar-btn">{{text}}</button>
+</template>

lib/at_nav_button.js

@@ -0,0 +1,5 @@
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atNavButton.helpers(AccountsTemplates.atNavButtonHelpers);
+
+// Simply 'inherites' events from AccountsTemplates
+Template.atNavButton.events(AccountsTemplates.atNavButtonEvents);

lib/at_oauth.html

@@ -0,0 +1,7 @@
+<template name="atOauth">
+  <div class="at-oauth">
+    {{#each oauthService}}
+      {{> atSocial}}
+    {{/each}}
+  </div>
+</template>

lib/at_oauth.js

@@ -0,0 +1,2 @@
+// Simply 'inherites' helpers from AccountsTemplates
+Template.atOauth.helpers(AccountsTemplates.atOauthHelpers);

lib/at_pwd_form.html

@@ -0,0 +1,18 @@
+<template name="atPwdForm">
+  <div class="at-pwd-form">
+    <form role="form" id="at-pwd-form" novalidate action="#" method="POST">
+      <fieldset {{disabled}}>
+        {{#each fields}}
+          {{> atInput}}
+        {{/each}}
+        {{#if showReCaptcha}}
+          {{> atReCaptcha}}
+        {{/if}}
+        {{#if showForgotPasswordLink}}
+          {{> atPwdLink}}
+        {{/if}}
+        {{> atPwdFormBtn}}
+      </fieldset>
+    </form>
+  </div>
+</template>

lib/at_pwd_form.js

@@ -0,0 +1,5 @@
+// Simply 'inherits' helpers from AccountsTemplates
+Template.atPwdForm.helpers(AccountsTemplates.atPwdFormHelpers);
+
+// Simply 'inherits' events from AccountsTemplates
+Template.atPwdForm.events(AccountsTemplates.atPwdFormEvents);