semantic_ui_views_generator 0.0.4 → 0.0.5

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

@@ -0,0 +1,30 @@
+<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('Forgot your password?') %></h2>
+    <% else -%>
+    <h2 class="ui center aligned dividing header teal">Forgot your password?</h2>
+    <%- end %>
+    <%%= simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
+      <%%= f.error_notification %>
+      <div class="field">
+        <%%= f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" } %>
+      </div>
+      <div class="actions">
+        <%%= f.button :submit, 'Send me reset password instructions', class: 'btn btn-primary btn-block btn-lg' %>
+      </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/registrations/edit.html.erb.tt

@@ -0,0 +1,39 @@
+<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("Edit #{resource_name.to_s.humanize}") %></h2>
+    <% else -%>
+    <h2 class="ui center aligned dividing header teal"><i class="lock icon"></i>Edit <%%= resource_name.to_s.humanize %></h2>
+    <%- end %>
+    <div class="ui form large <%%= "error" if resource.errors.any? %>">
+    <%%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
+      <%%= f.error_notification %>
+      <div class="field">
+        <%%= f.input :email, required: true, autofocus: true %>
+        <%% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+          <p>Currently waiting confirmation for: <%%= resource.unconfirmed_email %></p>
+        <%% end %>
+        <%%= f.input :password, hint: "Leave it blank if you don't want to change it", required: false, input_html: { autocomplete: 'new-password' } %>
+        <%%= f.input :password_confirmation, required: false, input_html: { autocomplete: 'new-password' } %>
+        <%%= f.input :current_password, hint: 'We need your current password to confirm your changes', required: true, input_html: { autocomplete: 'current-password' } %>
+      </div>
+      <div class="actions">
+        <%%= f.button :submit %>
+      </div>
+    <%% end %>
+        <div class="ui horizontal divider">or</div>
+        <h4 class="ui light grey header">Cancel my account</h4>
+        <p>Unhappy? <%%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?" }, method: :delete ,class: "ui submit button red tiny "%></p>
+        <div class="ui horizontal list ">
+          <div class="item"><%%= link_to "Back", :back %></div>
+        </div>
+    </div>
+  </div>
+</div>

data/lib/generators/semantic/templates/devise/simple_form/erb/registrations/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">
+  <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: registration_path(resource_name)) do |f| %>
+      <%%= f.error_notification %>
+      <div class="field">
+        <%%= f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" }%>
+        <%%= f.input :password, required: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: "new-password" } %>
+        <%%= f.input :password_confirmation, required: true, input_html: { autocomplete: "new-password" } %>
+      </div>
+      <div class="actions">
+        <%%= f.button :submit, 'Sign up' %>
+      </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/sessions/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="sign in icon"></i><%%= title('Log in') %></h2>
+    <% else -%>
+    <h2 class="ui center aligned dividing header teal"><i class="sign in icon"></i>Log in</h2>
+    <%- end %>
+    <div class="ui large form ">
+    <%%= simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+      <div class="field">
+        <%%= f.input :email, required: false, autofocus: true, input_html: { autocomplete: 'email' } %>
+        <%%= f.input :password, required: false, input_html: { autocomplete: 'current-password' } %>
+        <%%= f.input :remember_me, as: :boolean if devise_mapping.rememberable? %>
+      </div>
+      <div class="actions">
+        <%%= f.button :submit, 'Log in' %>
+      </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/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? %>">
+      <%%= simple_form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+        <%%= f.error_notification %>
+        <%%= f.full_error :unlock_token %>
+        <div class="field">
+          <%%= f.input :email, required: true, autofocus: true, input_html: { autocomplete: 'email' } %>
+        </div>
+        <div class="actions">
+          <%%= f.button :submit, 'Resend unlock 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/haml/confirmations/new.html.haml.tt

@@ -0,0 +1,26 @@
+.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?}"}
+      = simple_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.input :email, required: true, autofocus: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), input_html: { autocomplete: "email" }
+        .actions
+          = f.button :submit, 'Resend confirmation instructions'
+      .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/haml/passwords/edit.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('Change your password')
+      <% else -%>
+      | Change your password
+      <%- 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
+      .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' }
+      .actions
+        = f.button :submit, 'Change my password'
+    .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/haml/passwords/new.html.haml.tt

@@ -0,0 +1,24 @@
+.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 %>
+    = simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+      = f.error_notification
+      .field
+        = f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" }
+      .actions
+        = f.button :submit, 'Send me reset password instructions', class: 'btn btn-primary btn-block btn-lg'
+    .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/haml/registrations/edit.html.haml.tt

@@ -0,0 +1,34 @@
+.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?}"}
+      = simple_form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f|
+        = f.error_notification
+        .field
+          = f.input :email, required: true, autofocus: true
+          - if devise_mapping.confirmable? && resource.pending_reconfirmation?
+            %p
+              Currently waiting confirmation for: #{resource.unconfirmed_email}
+          = f.input :password, hint: "Leave it blank if you don't want to change it", required: false, input_html: { autocomplete: 'new-password' }
+          = f.input :password_confirmation, required: false, input_html: { autocomplete: 'new-password' }
+          = f.input :current_password, hint: 'We need your current password to confirm your changes', required: true, input_html: { autocomplete: 'current-password' }
+        .actions
+          = f.button :submit
+      .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/simple_form/haml/registrations/new.html.haml.tt

@@ -0,0 +1,27 @@
+.ui.middle.aligned.center.aligned.grid
+  .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?}"}
+      = simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
+        = f.error_notification
+        .field
+          = f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" }
+          = f.input :password, required: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: "new-password" }
+          = f.input :password_confirmation, required: true, input_html: { autocomplete: "new-password" }
+        .actions
+          = f.button :submit, 'Sign up'
+      .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/haml/sessions/new.html.haml.tt

@@ -0,0 +1,26 @@
+.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
+      = simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
+        .field
+          = f.input :email, required: false, autofocus: true, input_html: { autocomplete: 'email' }
+          = f.input :password, required: false, input_html: { autocomplete: 'current-password' }
+          = f.input :remember_me, as: :boolean if devise_mapping.rememberable?
+        .actions
+          = f.button :submit, 'Log in'
+      .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/haml/unlocks/new.html.haml.tt

@@ -0,0 +1,26 @@
+.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?}"}
+      = simple_form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f|
+        = f.error_notification
+        = f.full_error :unlock_token
+        .field
+          = f.input :email, required: true, autofocus: true, input_html: { autocomplete: 'email' }
+        .actions
+          = f.button :submit, 'Resend unlock instructions'
+      .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/slim/confirmations/new.html.slim.tt

@@ -0,0 +1,26 @@
+.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?}")
+    = simple_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.input :email, required: true, autofocus: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), input_html: { autocomplete: "email" }
+      .actions
+        = f.button :submit, 'Resend confirmation instructions'
+      .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/slim/passwords/edit.html.slim.tt

@@ -0,0 +1,25 @@
+.ui.middle.aligned.center.aligned.grid
+  .column
+    <%- if options[:metatags] %>
+    h2.ui.center.aligned.dividing.header.teal= title('Change your password')
+    <% else -%>
+    h2.ui.center.aligned.dividing.header.teal Change your password
+    <%- 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
+      .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' }
+      .actions
+        = f.button :submit, 'Change my password'
+    .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/slim/passwords/new.html.slim.tt

@@ -0,0 +1,22 @@
+.ui.middle.aligned.center.aligned.grid
+  .column
+    <%- if options[:metatags] %>
+    h2.ui.center.aligned.dividing.header.teal= title('Forgot your password?')
+    <%- else %>
+    h2.ui.center.aligned.dividing.header.teal Forgot your password?
+    <% end %>
+    = simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+      = f.error_notification
+      .field
+        = f.input :email, required: true, autofocus: true, input_html: { autocomplete: "email" }
+      .actions
+        = f.button :submit, 'Send me reset password instructions', class: 'btn btn-primary btn-block btn-lg'
+    .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; }
+  }