Add Clinical Meteor packages to Lesion Tracker

2016-01-25 17:14:42 +01:00
1 parent 383b4ff4c0
commit b2fa6ead3b
@@ -0,0 +1,10 @@
+
+
+exports.command = function () {
+  this
+    .execute(function () {
+      return Meteor.logout();
+    }).pause(1000);
+
+  return this;
+};
@@ -0,0 +1,23 @@
+exports.command = function (email, password) {
+
+  this.verify.elementPresent("#entrySignIn");
+
+  if (email) {
+    this
+      .verify.elementPresent("#signInPageEmailInput")
+      .clearValue("#signInPageEmailInput")
+      .setValue("#signInPageEmailInput", email);
+  }
+
+
+  if (password) {
+    this
+      .verify.elementPresent("#signInPagePasswordInput")
+      .clearValue("#signInPagePasswordInput")
+      .setValue("#signInPagePasswordInput", password);
+  }
+
+  this.click("#signInToAppButton").pause(1000);
+
+  return this;
+};
@@ -0,0 +1,22 @@
+exports.command = function (fullname) {
+  this
+    .sectionBreak(".signOut()");
+
+  if (fullname) {
+    this
+      .verify.elementPresent("#usernameLink")
+      .verify.containsText("#usernameLink", fullname);
+  }
+
+  this
+    .verify.elementPresent("#logoutLink")
+    .click("#logoutLink").pause(1000);
+
+  if (fullname) {
+    this
+      .verify.elementPresent("#usernameLink")
+      .verify.containsText("#usernameLink", "Sign In");
+  }
+
+  return this;
+};
@@ -0,0 +1,35 @@
+exports.command = function (email, password, title, message) {
+  this
+    // .verify.element("#entrySignIn").to.be.visible
+    // .verify.element("#signInPageTitle").to.be.visible
+    // .verify.element("#signInPageMessage").to.be.visible
+    // .verify.element("#signInPageEmailInput").to.be.visible
+    // .verify.element("#signInPagePasswordInput").to.be.visible
+    // .verify.element("#signInToAppButton").to.be.visible
+    // .verify.element("#needAnAccountButton").to.be.visible
+    //
+
+    .verify.elementPresent("#entrySignIn")
+    .verify.elementPresent("#signInPageTitle")
+    .verify.elementPresent("#signInPageMessage")
+    .verify.elementPresent("#signInPageEmailInput")
+    .verify.elementPresent("#signInPagePasswordInput")
+    .verify.elementPresent("#signInToAppButton")
+    .verify.elementPresent("#needAnAccountButton");
+
+  if (email) {
+    this.verify.containsText("#signInPageEmailInput", email);
+  }
+  if (password) {
+    this.verify.containsText("#signInPageEmailInput", password);
+  }
+
+  if (title) {
+    this.verify.containsText("#signInPageTitle", title);
+  }
+  if (message) {
+    this.verify.containsText("#signInPageMessage", message);
+  }
+
+  return this;
+};
@@ -0,0 +1,46 @@
+<template name="entrySignIn">
+  <div id="entrySignIn" class="page entryPage" style="{{getOpacityWithCorner}}">
+
+    <div class="content-scrollable">
+      <div class="wrapper-auth">
+        {{#if logoIsDisplayed}}
+          <div id="entryAppLogo" class="entryLogo" style="background-image: url('{{logoUrl}}')"></div>
+        {{/if}}
+
+        {{#if isLoggedIn}}
+          <h1 id="signInPageTitle" class="title-auth">{{fullName}}</h1>
+          <div id="signInPageMessage" class="subtitle-auth">You are currently signed in.</div>
+
+          <button id="logoutButton" class="btn-primary btn-main btn-large" style="{{getButtonColor}}">Logout</button>
+        {{else}}
+          <h1 id="signInPageTitle" class="title-auth">Sign In.</h1>
+          <p id="signInPageMessage" class="subtitle-auth" style="{{getSignInMessageColor}}">{{getSignInMessage}}</p>
+
+          <form>
+            <div class="input-symbol">
+              <input id="signInPageEmailInput" type="text" name="email" placeholder="Your Email" style="{{getEmailValidationStyling}}" />
+              <i class="fa fa-envelope-o" title="Your Email"></i>
+            </div>
+            <br><br>
+
+            <div class="input-symbol">
+              <input id="signInPagePasswordInput" type="password" name="password" placeholder="Password" style={{getPasswordValidationStyling}} />
+              <span class="fa fa-lock" title="Password"></span>
+            </div>
+          </form>
+
+          <br><br>
+          <button id="signInToAppButton" class="btn-primary btn-main btn-large" style="{{getButtonColor}}">{{getButtonText}}</button>
+
+          <br><br>
+          <button id="needAnAccountButton" class="btn-gray btn-main btn-large">Need an account?</button>
+
+          <br><br>
+          <button id="forgotPasswordButton" class="btn-gray btn-main btn-large">Forgot password?</button>
+
+        {{/if}}
+      </div>
+
+    </div>
+  </div>
+</template>
@@ -0,0 +1,131 @@
+
+// REFACTOR:  Move to ActiveRecord object
+Session.set("defaultSignInMessage", "Improve your clinical practice with checklists.");
+
+//==================================================================================================
+// ROUTER
+
+Router.route('/entrySignIn', {
+  template: 'entrySignIn',
+  name: 'entrySignIn'
+});
+Router.route('/sign-in', {
+  template: 'entrySignIn',
+  name: 'signInRoute'
+});
+
+//==================================================================================================
+// COMPONENT OUTPUTS
+
+
+
+
+Template.entrySignIn.helpers({
+  getSignInMessageColor: function (){
+    if (ActiveEntry.errorMessages.get('signInError')) {
+      return "color: #a94442; background-color: #f2dede; border-color: #ebccd1;"
+    } else {
+      return "color: black;"
+    }
+  },
+  getSignInMessage: function (){
+    if (ActiveEntry.errorMessages.get('signInError')) {
+      return ActiveEntry.errorMessages.get('signInError');
+    } else {
+      return Session.get('defaultSignInMessage');
+    }
+  },
+  getButtonText: function () {
+    return "Sign In";
+    // if (ActiveEntry.errorMessages.get('signInError')){
+    //   return ActiveEntry.errorMessages.get('signInError');
+    // } else {
+    //   return "Sign In";
+    // }
+  },
+  getEmailValidationStyling: function () {
+    if (ActiveEntry.errorMessages.equals('email', "Email is required")) {
+      return "border: 1px solid #a94442";
+    } else if (ActiveEntry.errorMessages.equals('email', "Email is poorly formatted")) {
+      return "border: 1px solid #f2dede";
+    } else if (ActiveEntry.errorMessages.equals('email', "Email present")) {
+      return "border: 1px solid green";
+    } else {
+      return "border: 1px solid gray";
+    }
+  },
+  getPasswordValidationStyling: function () {
+    if (ActiveEntry.errorMessages.equals('password', "Password is required")) {
+      return "border: 1px solid #a94442";
+    } else if (ActiveEntry.errorMessages.equals('password', "Password is weak")) {
+      return "border: 1px solid #f2dede";
+    } else if (ActiveEntry.errorMessages.equals('password', "Password present")) {
+      return "border: 1px solid green";
+    } else {
+      return "border: 1px solid gray";
+    }
+  }
+});
+
+
+//==================================================================================================
+// COMPONENT OUTPUTS
+
+Template.entrySignIn.events({
+  'click #logoutButton': function () {
+    Meteor.logout();
+  },
+  'click #forgotPasswordButton': function (event) {
+    event.preventDefault();
+    Router.go('/forgotPassword');
+  },
+  "click #needAnAccountButton": function (event) {
+    event.preventDefault();
+    Router.go('/entrySignUp');
+  },
+  'keyup input[name="email"]': function (event, template) {
+    var email = $('input[name="email"]').val();
+
+    ActiveEntry.verifyEmail(email);
+    ActiveEntry.errorMessages.set('signInError', null);
+  },
+  'change input[name="email"]': function (event, template) {
+    var email = $('input[name="email"]').val();
+
+    ActiveEntry.verifyEmail(email);
+    ActiveEntry.errorMessages.set('signInError', null);
+  },
+  'keyup #signInPagePasswordInput': function (event, template) {
+    var password = $('input[name="password"]').val();
+
+    ActiveEntry.verifyPassword(password);
+    ActiveEntry.errorMessages.set('signInError', null);
+  },
+  'change #signInPagePasswordInput': function (event, template) {
+    var password = $('input[name="password"]').val();
+
+    ActiveEntry.verifyPassword(password);
+    ActiveEntry.errorMessages.set('signInError', null);
+  },
+  // 'submit': function (event, template) {
+  //   event.preventDefault();
+  //   var emailValue = template.$('[name=email]').val();
+  //   var passwordValue = template.$('[name=password]').val();
+  //
+  //   ActiveEntry.signIn(emailValue, passwordValue);
+  // },
+  'click #signInToAppButton': function (event, template){
+    console.log('click #signInToAppButton');
+    // var emailValue = template.$('[name=email]').val();
+    // var passwordValue = template.$('[name=password]').val();
+    var emailValue = template.$('#signInPageEmailInput').val();
+    var passwordValue = template.$('#signInPagePasswordInput').val();
+
+    ActiveEntry.signIn(emailValue, passwordValue);
+    event.preventDefault();
+  }
+});
+
+
+
+//==================================================================================================
@@ -0,0 +1,17 @@
+#entrySignIn{
+  padding: 40px;
+  input{
+    padding-left: 40px;
+    color: #333333 !important;
+  }
+  #errorMessages{
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    font-size: 14px;
+    box-sizing: border-box;
+    width: 100.5%;
+    margin-bottom: 15px;
+    color: red;
+    font-weight: bold;
+  }
+}