semantic_ui_views_generator 0.0.4 → 0.0.5

data/lib/generators/semantic/templates/devise/erb/shared/_error_messages.html.erb

@@ -0,0 +1,12 @@
+<% if resource.errors.any? %>
+  <div id="error_explanation">
+    <h2>
+      <%= I18n.t("errors.messages.not_saved", count: resource.errors.count, resource: resource.class.model_name.human.downcase) %>
+    </h2>
+    <ul>
+      <% resource.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/lib/generators/semantic/templates/devise/erb/shared/_links.html.erb

@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+  <div class="item"><%= link_to "Log in", new_session_path(resource_name) %></div>
+<% end -%>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <div class="item"><%= link_to "Sign up", new_registration_path(resource_name) %></div>
+<% end -%>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+  <div class="item"><%= link_to "Forgot your password?", new_password_path(resource_name) %></div>
+<% end -%>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <div class="item"><%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %></div>
+<% end -%>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <div class="item"><%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %></div>
+<% end -%>
+
+<%- if devise_mapping.omniauthable? %>
+  <%- resource_class.omniauth_providers.each do |provider| %>
+    <div class="item"><%= link_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider) %></div>
+  <% end -%>
+<% end -%>

data/lib/generators/semantic/templates/devise/erb/unlocks/new.html.erb.tt

@@ -0,0 +1,32 @@
+<style type="text/css">
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }
+</style>
+<div class="ui middle aligned center aligned grid">
+  <div class="column">
+    <%- if options[:metatags] %>
+    <h2 class="ui center aligned dividing header teal"><i class="lock icon"></i><%% = title('Resend unlock instructions') %></h2>
+    <% else -%>
+    <h2 class="ui center aligned dividing header teal"><i class="lock icon"></i>Resend unlock instructions</h2>
+    <%- end %>
+    <div class="ui form large <%%= "error" if resource.errors.any? %>">
+      <%%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+        <%%= render 'devise/shared/error_messages', resource: resource %>
+        <div class="field">
+          <%%= f.label :email %><br />
+          <%%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+        </div>
+        <div class="actions">
+          <%%= f.submit "Resend unlock instructions", class: "ui submit button fluid teal" %>
+        </div>
+      <%% end %>
+      <div class="ui horizontal divider">or</div>
+      <div class="ui horizontal list">
+        <%%= render "devise/shared/links" %>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/semantic/templates/devise/haml/confirmations/new.html.haml.tt

@@ -0,0 +1,28 @@
+.ui.middle.aligned.center.aligned.grid.grey
+  .column
+    %h2.ui.center.aligned.dividing.header.teal
+      %i.signup.icon
+      <%- if options[:metatags] %>
+      = title('Sign up')
+      <% else -%>
+      | Sign up
+      <%- end %>
+    %div{class: "ui large form #{"error" if resource.errors.any?}"}
+      = form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
+        .ui.error.message
+          = render 'devise/shared/error_messages'
+        .field
+          = f.label :email
+          %br
+          = f.email_field :email, autofocus: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) ,placeholder: "Enter your email"
+        .actions
+          = f.submit 'Resend confirmation instructions', class: 'ui submit button teal fluid'
+      .ui.horizontal.divider or
+      .ui.horizontal.list
+        = render 'devise/shared/links'
+:css
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }

data/lib/generators/semantic/templates/devise/haml/mailer/confirmation_instructions.html.haml

@@ -0,0 +1,4 @@
+%p
+  Welcome #{@email}!
+%p You can confirm your account email through the link below:
+%p= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token)

data/lib/generators/semantic/templates/devise/haml/mailer/email_changed.html.haml

@@ -0,0 +1,8 @@
+%p
+  Hello #{@email}!
+- if @resource.try(:unconfirmed_email?)
+  %p
+    We're contacting you to notify you that your email is being changed to #{@resource.unconfirmed_email}.
+- else
+  %p
+    We're contacting you to notify you that your email has been changed to #{@resource.email}.

data/lib/generators/semantic/templates/devise/haml/mailer/password_change.html.haml

@@ -0,0 +1,3 @@
+%p
+  Hello #{@resource.email}!
+%p We're contacting you to notify you that your password has been changed.

data/lib/generators/semantic/templates/devise/haml/mailer/reset_password_instructions.html.haml

@@ -0,0 +1,6 @@
+%p
+  Hello #{@resource.email}!
+%p Someone has requested a link to change your password. You can do this through the link below.
+%p= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token)
+%p If you didn't request this, please ignore this email.
+%p Your password won't change until you access the link above and create a new one.

data/lib/generators/semantic/templates/devise/haml/mailer/unlock_instructions.html.haml

@@ -0,0 +1,5 @@
+%p
+  Hello #{@resource.email}!
+%p Your account has been locked due to an excessive number of unsuccessful sign in attempts.
+%p Click the link below to unlock your account:
+%p= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token)

data/lib/generators/semantic/templates/devise/haml/passwords/edit.html.haml.tt

@@ -0,0 +1,35 @@
+.ui.middle.aligned.center.aligned.grid
+  .column
+    %h2.ui.center.aligned.dividing.header.teal
+      %i.lock.icon
+      <%- if options[:metatags] %>
+      = title('Change your password')
+      <% else -%>
+      | Change your password
+      <%- end %>
+    %div{class: "ui form large #{"error" if resource.errors.any?}"}
+      = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
+        .ui.error.message
+          = render 'devise/shared/error_messages'
+        = f.hidden_field :reset_password_token
+        .field
+          = f.label :password, "New password"
+          - if @minimum_password_length
+            .ui.pointing.below.label
+              = @minimum_password_length
+              characters minimum
+          = f.password_field :password, autofocus: true, autocomplete: "off" , placeholder: "Enter new password"
+        .field
+          = f.label :password_confirmation, "Confirm new password"
+          = f.password_field :password_confirmation, autocomplete: "off" , placeholder: "Confirm new password"
+        .actions
+          = f.submit "Change my password",class: "ui submit button teal fluid"
+      .ui.horizontal.divider or
+      .ui.horizontal.list
+        = render "devise/shared/links"
+:css
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }

data/lib/generators/semantic/templates/devise/haml/passwords/new.html.haml.tt

@@ -0,0 +1,28 @@
+.ui.middle.aligned.center.aligned.grid
+  .column
+    %h2.ui.center.aligned.dividing.header.teal
+      %i.lock.icon
+      <%- if options[:metatags] %>
+      = title('Forgot your password?')
+      <% else -%>
+      | Forgot your password?
+      <%- end %>
+    %div{class: "ui form large #{"error" if resource.errors.any?}"}
+      = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+        .ui.error.message
+          = render 'devise/shared/error_messages'
+        .field
+          = f.label :email
+          = f.email_field :email, autofocus: true ,placeholder: "Enter your registered email"
+        %br
+        .actions
+          = f.submit "Send me reset password instructions",class: "ui submit button teal fluid"
+      .ui.horizontal.divider or
+      .ui.horizontal.list
+        = render "devise/shared/links"
+:css
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }

data/lib/generators/semantic/templates/devise/haml/registrations/edit.html.haml.tt

@@ -0,0 +1,45 @@
+.ui.middle.aligned.center.aligned.grid
+  .column
+    %h2.ui.center.aligned.dividing.header.teal
+      %i.lock.icon
+      <%- if options[:metatags] %>
+      = title("Edit #{resource_name.to_s.humanize}")
+      <% else -%>
+      = "Edit #{resource_name.to_s.humanize}"
+      <%- end %>
+    %div{class: "ui form large #{"error" if resource.errors.any?}"}
+      = form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f|
+        = render 'devise/shared/error_messages'
+        .field
+          = f.label :email
+          = f.email_field :email, autofocus: true
+        - if devise_mapping.confirmable? && resource.pending_reconfirmation?
+          %div
+            Currently waiting confirmation for: #{resource.unconfirmed_email}
+        .field
+          = f.label :password
+          - if @minimum_password_length
+            .ui.pointing.below.label
+              = @minimum_password_length
+              characters minimum
+          = f.password_field :password, autocomplete: "off", placeholder: "Enter new password (leave blank if you don't want to change it)"
+        .field
+          = f.label :password_confirmation
+          = f.password_field :password_confirmation, autocomplete: "off" ,placeholder: "Confirm new password"
+        .field
+          = f.label :current_password
+          = f.password_field :current_password, autocomplete: "off",placeholder: "(we need your current password to confirm your changes)"
+        .actions
+          = f.submit "Update", class: "ui submit button fluid teal"
+      .ui.horizontal.divider or
+      %h4.ui.light.grey.header Cancel my account
+      %p
+        Unhappy? #{button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?" }, method: :delete ,class: "ui submit button red tiny "}
+      .ui.horizontal.list
+        .item= link_to "Back", :back
+:css
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }

data/lib/generators/semantic/templates/devise/haml/registrations/new.html.haml.tt

@@ -0,0 +1,37 @@
+.ui.middle.aligned.center.aligned.grid.grey
+  .column
+    %h2.ui.center.aligned.dividing.header.teal
+      %i.signup.icon
+      <%- if options[:metatags] %>
+      = title("Sign up")
+      <% else -%>
+      = "Sign up"
+      <%- end %>
+    %div{class: "ui large form #{"error" if resource.errors.any?}"}
+      = form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
+        .ui.error.message
+          = render 'devise/shared/error_messages'
+        .field
+          = f.label :email
+          = f.email_field :email, autofocus: true ,placeholder: "mail@example.com"
+        .field
+          = f.label :password
+          - if @minimum_password_length
+            .ui.pointing.below.label
+              = @minimum_password_length
+              characters minimum
+          = f.password_field :password, autocomplete: "off" ,placeholder: "Enter Password", data: { toggle: "tooltip", placement: "left" }
+        .field
+          = f.label :password_confirmation
+          = f.password_field :password_confirmation, autocomplete: "off" ,placeholder: "Confirm Password"
+        .actions
+          = f.submit "Sign up", class: "ui submit button fluid teal"
+      .ui.horizontal.divider or
+      .ui.horizontal.list
+        = render "devise/shared/links"
+:css
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }

data/lib/generators/semantic/templates/devise/haml/sessions/new.html.haml.tt

@@ -0,0 +1,37 @@
+.ui.middle.aligned.center.aligned.grid
+  .column
+    %h2.ui.center.aligned.dividing.header.teal
+      %i.sign.in.icon
+      <%- if options[:metatags] %>
+      = title('Log in')
+      <% else -%>
+      | Log in
+      <%- end %>
+    .ui.large.form
+      = form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
+        .field
+          = f.label :email
+          .ui.left.icon.input
+            = f.email_field :email, autofocus: true ,placeholder:"Email"
+            %i.user.icon
+        .field
+          = f.label :password
+          .ui.left.icon.input
+            = f.password_field :password, autocomplete: "off" ,placeholder:"Password"
+            %i.lock.icon
+        - if devise_mapping.rememberable?
+          .ui.checkbox
+            = f.check_box :remember_me
+            = f.label :remember_me
+            %br
+        .actions
+          = f.submit "Log in", class: "ui submit button fluid teal"
+      .ui.horizontal.divider or
+      .ui.horizontal.list
+        = render "devise/shared/links"
+:css
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }

data/lib/generators/semantic/templates/devise/haml/shared/_error_messages.html.haml

@@ -0,0 +1,7 @@
+- if resource.errors.any?
+  #error_explanation
+    %h2
+      = I18n.t("errors.messages.not_saved", count: resource.errors.count, resource: resource.class.model_name.human.downcase)
+    %ul
+      - resource.errors.full_messages.each do |message|
+        %li= message

data/lib/generators/semantic/templates/devise/haml/shared/_links.html.haml

@@ -0,0 +1,13 @@
+- if controller_name != 'sessions'
+  .item= link_to "Log in", new_session_path(resource_name)
+- if devise_mapping.registerable? && controller_name != 'registrations'
+  .item= link_to "Sign up", new_registration_path(resource_name)
+- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations'
+  .item= link_to "Forgot your password?", new_password_path(resource_name)
+- if devise_mapping.confirmable? && controller_name != 'confirmations'
+  .item= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name)
+- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks'
+  .item= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name)
+- if devise_mapping.omniauthable?
+  - resource_class.omniauth_providers.each do |provider|
+    .item= link_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider)

data/lib/generators/semantic/templates/devise/haml/unlocks/new.html.haml.tt

@@ -0,0 +1,27 @@
+.ui.middle.aligned.center.aligned.grid
+  .column
+    %h2.ui.center.aligned.dividing.header.teal
+      %i.lock.icon
+      <%- if options[:metatags] %>
+      = title('Resend unlock instructions')
+      <% else -%>
+      | Resend unlock instructions
+      <%- end %>
+    %div{class: "ui form large #{"error" if resource.errors.any?}"}
+      = form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f|
+        = render 'devise/shared/error_messages', resource: resource
+        .field
+          = f.label :email
+          %br
+          = f.email_field :email, autofocus: true, autocomplete: "email"
+        .actions
+          = f.submit "Resend unlock instructions", class: "ui submit button fluid teal"
+      .ui.horizontal.divider or
+      .ui.horizontal.list
+        = render "devise/shared/links"
+:css
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }

data/lib/generators/semantic/templates/devise/simple_form/erb/confirmations/new.html.erb.tt

@@ -0,0 +1,33 @@
+<style type="text/css">
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }
+</style>
+<div class="ui middle aligned center aligned grid grey">
+  <div class="column">
+    <%- if options[:metatags] %>
+    <h2 class="ui center aligned dividing header teal"><i class="signup icon"></i><%%= title('Sign up') %></h2>
+    <% else -%>
+    <h2 class="ui center aligned dividing header teal"><i class="signup icon"></i>Sign up</h2>
+    <%- end %>
+    <div class="ui large form <%%= "error" if resource.errors.any? %>">
+      <%%= simple_form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
+        <div class="ui error message">
+          <%%= render 'devise/shared/error_messages' %>
+        </div>
+        <div class="field">
+          <%%= f.input :email, required: true, autofocus: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), input_html: { autocomplete: "email" } %>
+        </div>
+        <div class="actions">
+          <%%= f.button :submit, 'Resend confirmation instructions' %>
+        </div>
+      <%% end %>
+      <div class="ui horizontal divider">or</div>
+      <div class="ui horizontal list">
+        <%%= render 'devise/shared/links' %>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/semantic/templates/devise/simple_form/erb/passwords/edit.html.erb.tt

@@ -0,0 +1,33 @@
+<style type="text/css">
+  body > .grid { height: 90%; }
+  .column { max-width: 450px; }
+  @media (min-width: 768px){
+    .column { max-width: 600px; }
+  }
+</style>
+<div class="ui middle aligned center aligned grid">
+  <div class="column">
+    <%- if options[:metatags] %>
+    <h2 class="ui center aligned dividing header teal"><%%= title('Change your password') %></h2>
+    <% else -%>
+    <h2 class="ui center aligned dividing header teal">Change your password</h2>
+    <%- end %>
+    <%%= simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f| %>
+      <%%= f.error_notification %>
+      <%%= f.input :reset_password_token, as: :hidden %>
+      <%%= f.full_error :reset_password_token %>
+      <div class="field">
+        <%%= f.input :password, label: 'New password', required: true, autofocus: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: "new-password" } %>
+        <%%= f.input :password_confirmation, label: 'Confirm your new password', required: true, input_html: { autocomplete: 'new-password' } %>
+      </div>
+      <div class="actions">
+        <%%= f.button :submit, 'Change my password' %>
+      </div>
+    <%% end %>
+    <div class="ui horizontal divider">or</div>
+      <div class="ui horizontal list">
+        <%%= render "devise/shared/links" %>
+      </div>
+    </div>
+  </div>
+</div>