cm-admin 0.1.0 → 0.2.0

data/lib/generators/cm_admin/templates/layouts/_navbar.html.slim

@@ -1,9 +1,8 @@
-.heading-container
-  .row.container-header
-    .col-md-8
-    	= yield :bread_crumb
-	.dropdown-icon  
-		.dropbtn
-			p.text-light AM
-		.dropdown-content
+.main-nav
+  .main-nav__lhs
+    = yield :bread_crumb
+  .main-nav__rhs
+	.profile-avatar
+		span CM
+		.auth-popup
 			p = link_to  "Log out", '/sign-out', method: :delete 

data/lib/generators/cm_admin/templates/layouts/_side_navbar.html.slim

@@ -1,16 +1,12 @@
-.side-navbar
+.sidebar-menu
 
-    .logo-section
-      .tw-logo = image_tag('same-logo.png', alt: 'logo image', width: '24px', height: '24px')
+    .sidebar-menu__logo-header
+      = image_tag('cm.png', alt: 'logo image')
 
 
-    .nav-tabs-section
-      = link_to '/', class: 'nav-link'
-        .nav-item class="#{(controller_name == 'users') ? 'active' : ''}"
-            span.p-4.nav-heading.f14 Users
+    .sidebar-menu__tabs-wrapper
 
 
-    .sidenav-footer-section
-      = link_to '/sign-out', method: :delete, class: 'nav-link'
-        .nav-item
-            span.p-4.nav-heading.f14 Logout
+    .sidebar-menu__footer
+      = link_to '/sign-out', method: :delete, class: 'auth-link'
+          span.p-4.f14 Logout

data/lib/generators/cm_admin/templates/layouts/application.html.slim

@@ -2,7 +2,7 @@ doctype html
 html
   head
     title
-      | TishWish
+      | CM Admin panel
     = csrf_meta_tags
     = csp_meta_tag
     = stylesheet_link_tag   'application', media: 'all', 'data-turbolinks-track': 'reload'
@@ -10,16 +10,11 @@ html
 
   body
     - unless controller_path.include?('devise')
-      .layout-container
+      .admin-panel
         = render 'layouts/side_navbar'
         .main
           .main-container
             = render 'layouts/navbar'
             = yield
     - else
-      .main
-        .heading
-          h3
-           span TishWish Admin Panel
-        .devise-form-container
-          = yield
+       = yield

data/lib/generators/cm_admin/templates/views/_form.erb

@@ -1,38 +1,67 @@
-.form-container
-  = simple_form_for(@template,:url => admin_product_templates_path(@product), html: { class: "new product_template-form", autocomplete: "off"  }) do |f|
+.cm-admin-form
+  = simple_form_for([:admin, @<%= name.singularize %>]) do |f|
     = f.error_notification
     .custom-validations.error-color
     <% options[:column_names].each do |column_name| %>
       <% column_name_arr = column_name.split(':') %>
-      <% case 'string'
-        when 'integer' %>
-        = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
-        .<%= column_name_arr[0] %>.error-color.hidden
-            p Please fill height
-      <% when 'string' %>
-        = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
-        .<%= column_name_arr[0] %>.error-color.hidden
-            p Please fill height
-      <% when 'select_multiple' %>
-        = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
-        .<%= column_name_arr[0] %>.error-color.hidden
-            p Please fill height
-      <% when 'select_single' %>
-        = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
-        .<%= column_name_arr[0] %>.error-color.hidden
-            p Please fill height
+      <% case column_name_arr[1]
+      when 'input-integer' %>
+        .form-field
+          .form-label
+            | <%= column_name_arr[0].titleize %>
+          .form-input
+            = f.input :<%= column_name_arr[0] %>, label: false, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
+            .<%= column_name_arr[0] %>.error-color.hidden
+                p Please fill height
+      <% when 'input-string' %>
+        .form-field
+          .form-label
+            | <%= column_name_arr[0].titleize %>
+          .form-input
+            = f.input :<%= column_name_arr[0] %>, label: false, input_html: { data: {class_name: '<%= column_name_arr[0] %>'}, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>' }
+            .<%= column_name_arr[0] %>.error-color.hidden
+                p Please fill height
+      <% when 'single-select' %>
+        .form-field
+          .form-label
+            | <%= column_name_arr[0].titleize %>
+          .form-input
+            = f.input :<%= column_name_arr[0] %>, as: :select, label: false, collection: [], input_html: { class: "select2-single"}, include_blank: "Select <%= column_name_arr[0].gsub('_', ' ').titleize %>"
+            .<%= column_name_arr[0] %>.error-color.hidden
+                p Please fill height
+      <% when 'multi-select' %>
+        .form-field
+          .form-label
+            | <%= column_name_arr[0].titleize %>
+          .form-input
+            = f.input :<%= column_name_arr[0] %>, as: :select, label: false, collection: [], input_html: { class: "select2-single"}, include_blank: "Select <%= column_name_arr[0].gsub('_', ' ').titleize %>", multiple: true
+            .<%= column_name_arr[0] %>.error-color.hidden
+                p Please fill height
       <% when 'checkbox' %>
-        = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
-        .<%= column_name_arr[0] %>.error-color.hidden
-            p Please fill height
-      <% when 'datetime' %>
-        = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, wrapper: :form_string_custom, placeholder: '<%= column_name_arr[0] %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
-        .<%= column_name_arr[0] %>.error-color.hidden
-            p Please fill height
+        .form-field
+          = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
+          label.radio-label for="male"  Male
+      <% when 'radio' %>
+        .form-field
+          = f.input :<%= column_name_arr[0] %>, input_html: { data: {class_name: '<%= column_name_arr[0] %>'} }, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
+          label.radio-label for="male"  Male
+      <% when 'datepicker' %>
+        .form-field
+          .form-label
+            | <%= column_name_arr[0].titleize %>
+          .form-input
+            = f.input :<%= column_name_arr[0] %>, as: :string, label: false, input_html: { data: {class_name: '<%= column_name_arr[0] %>'}, class: 'datepicker', value: @<%= name.singularize %>.<%= column_name_arr[0] %>&.strftime('%d/%m/%Y') }, placeholder: '<%= column_name_arr[0].gsub('_', ' ').titleize %>', required: true, error_message_html: {class: "<%= column_name_arr[0] %>"}
+            .<%= column_name_arr[0] %>.error-color.hidden
+                p Please fill height
       <% when 'file' %>
-        = f.label :file, "Upload .pdf or .ai "
-        = f.file_field :file, input_html: {}
+        .form-field
+          .form-label
+            | Upload file
+          .file-upload
+            = f.file_field :<%= column_name_arr[0] %>, input_html: {}
       <% end %>
     <% end  %>
 
-    = f.button :submit, "Create new Template", class: "float-right", data: {class_name: 'product_template-form',path_name: "admin/products/#{@product.id}/templates", button_name: 'Create new template'}
+    .form-actions
+      = f.button :submit, "Create new <%= name.singularize %>"
+      / # f.button :submit, "Create new <%= name.singularize %>", class: "float-right", data: {class_name: 'product_template-form',path_name: "admin/products/#{@product.id}/templates", button_name: 'Create new template'}

data/lib/generators/cm_admin/templates/views/_table.erb

@@ -1,14 +1,22 @@
-table.table-hover
-  thead
-    tr.border-bottom.border-top
-    <% options[:column_names].each do |column_name| %>
-      th.p-3 <%= column_name.titleize %>
-    <% end %>
-  tbody
-    - @filtered_result.data.each do |<%= name.singularize %>|
-      tr.border-bottom
-      <% options[:column_names].each do |column_name| %>
-        td.p-3 = <%= name.singularize %>.<%= column_name %>
-      <% end %>
+.admin-table
+  .record-found
+    | #{@filtered_result.facets.total_count} <%= name %> found
 
+  table.cm-table
+    thead.cm-table__header
+      tr
+        <% options[:column_names].each do |column_name| %>
+        th <%= column_name.titleize %>
+        <% end %>
+        th
+
+    tbody.cm-table__body
+      - @filtered_result.data.each do |<%= name.singularize %>|
+        tr
+          <% options[:column_names].each do |column_name| %>
+          td = <%= name.singularize %>.<%= column_name %>
+          <% end %>
+          td
+            = link_to edit_admin_<%= name.singularize %>_path(<%= name.singularize %>) do
+              i.fa.fa-pencil.edit-icon
 = cm_paginate(@filtered_result.facets)

data/lib/generators/cm_admin/templates/views/edit.erb

@@ -0,0 +1,10 @@
+.form-wrapper
+  .form-wrapper__top-bar
+    = link_to admin_<%= name.singularize %>_path(@<%= name.singularize %>) do
+      .back-btn
+        span
+          i.fa.fa-arrow-left aria-hidden="true"
+        | Back
+  .form-wrapper__inner
+    .paper
+      == render 'form', <%= name.singularize %>: @<%= name.singularize %>

data/lib/generators/cm_admin/templates/views/index.erb

@@ -4,8 +4,8 @@
     '/
     span.active = link_to  "<%= name.titleize %>", admin_<%= name %>_path
 
-.admin-table
-	== render 'filters'
-
-	.table-container
-		== render 'table'
+.main-body
+  .top-bar
+  	== render 'filters'
+  .table-container.<%= name %>-table
+    == render 'table'

data/lib/generators/cm_admin/templates/views/new.erb

@@ -0,0 +1,10 @@
+.form-wrapper
+  .form-wrapper__top-bar
+    = link_to admin_<%= name %>_path do
+      .back-btn
+        span
+          i.fa.fa-arrow-left aria-hidden="true"
+        | Back
+  .form-wrapper__inner
+    .paper
+      == render 'form', <%= name.singularize %>: @<%= name.singularize %>

data/lib/generators/cm_admin/templates/views/reset_password.erb

@@ -0,0 +1,12 @@
+.auth
+  .auth__form-inner
+    .header-log
+      = image_tag('cm.png', alt: 'logo image')
+    h2.header-title FORGOT YOUR PASSWORD
+    = simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+      .field-100
+        .field-100__item
+        = f.input :email, required: true, autofocus: true,
+                    input_html: { autocomplete: "email" }
+      .field-100
+        = f.button :submit, "Send me reset password instructions", class: 'btn btn-primary get-start-btn'

data/lib/generators/cm_admin/templates/views/show.erb

@@ -1,8 +1,18 @@
-.container
-  h2 Coupon
+.show-wrapper
+  .show-wrapper__tab-bar
+    .tab-menu
+      .tab-item.active OVERVIEW
+      .tab-item COMMUTATUS
 
-  .d-flex.flex-column
-    <% options[:column_names].each do |column_name| %>
-      .attribute.mr-4 <%= name.singularize.titleize %>
-      .value = @<%= name.singularize %>.<%= column_name %>
-    <% end %>
+    = link_to edit_admin_<%= name.singularize %>_path(@<%= name.singularize %>) do
+      .edit-btn
+        i.fa.fa-pencil
+  .show-wrapper__info-inner
+    .paper
+      <% options[:column_names].each do |column_name| %>
+        .info-flex
+          .info-flex__lhs
+            p <%= column_name.titleize %>
+          .info-flex__rhs
+            p = @<%= name.singularize %>.<%= column_name %>
+      <% end %>

data/lib/generators/cm_admin/templates/views/sign_in.erb

@@ -0,0 +1,18 @@
+.auth
+  .auth__form-inner
+    .header-log
+      = image_tag('cm.png', alt: 'logo image')
+    h2.header-title LOG IN
+    = simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
+      .field-100
+        .field-100__item
+          = f.input :email, required: false, autofocus: true, label: false,
+            input_html: { autocomplete: "email", placeholder: 'Email' }
+      .field-100
+        .field-100__item
+          = f.input :password, required: false, label: false,
+            input_html: { autocomplete: "current-password", placeholder: 'Password' }
+      .forgot-password
+        a href="/reset_password"  Forgot your password?
+      .field-100
+        = f.button :submit, "Log in", class: 'btn btn-primary get-start-btn'

data/lib/generators/cm_admin/view_generator.rb

@@ -3,7 +3,19 @@ module CmAdmin
     def copy_index_files
       template "views/index.erb", "app/views/admin/#{name}/index.html.slim"
       template "views/_table.erb", "app/views/admin/#{name}/_table.html.slim"
-      copy_file "views/_filters.html.slim", "app/views/admin/#{name}/_filters.html.slim"
+      inject_into_file 'app/views/layouts/_side_navbar.html.slim', after: ".sidebar-menu__tabs-wrapper" do
+        "\n
+      = link_to '/admin/#{name}', class: 'tab-link'
+        .tab-item class=\"\#{(controller_name == '#{name}' ) ? 'active' : ''}\"
+          span.p-4.tab-name.f14 #{name.titleize}\n"
+      end
+      puts "
+      -------------------------------------------------------------------
+      # Important
+      Run the spotlight filter generator which will generate the filter
+      partial and controller file. Run the following with required filter option.
+      rails g spotlight_search:filter #{name} --filters scope:datatype
+      -------------------------------------------------------------------------"
     end
 
     def copy_show_files
@@ -11,8 +23,15 @@ module CmAdmin
     end
 
     def copy_form_files
+      template "views/new.erb", "app/views/admin/#{name}/new.html.slim"
+      template "views/edit.erb", "app/views/admin/#{name}/edit.html.slim"
       template "views/_form.erb", "app/views/admin/#{name}/_form.html.slim"
     end
+
+    def copy_devise_files
+      template "views/reset_password.erb", "app/views/devise/passwords/new.html.slim"
+      template "views/sign_in.erb", "app/views/devise/sessions/new.html.slim"
+    end
   end
 
   class ViewGenerator < Rails::Generators::NamedBase
@@ -38,7 +57,7 @@ module CmAdmin
 
     argument :page_type, required: true, default: nil,
                          desc: "The scope to copy views to"
-    class_option :column_names, aliases: "-c", type: :array,
+    class_option :column_names, aliases: "-c", type: :array, required: true,
                   desc: "Select specific columns in the files to be be added."
 
     def create_new_file
@@ -48,6 +67,8 @@ module CmAdmin
         copy_form_files
       elsif page_type == 'show'
         copy_show_files
+      elsif page_type == 'devise'
+        copy_devise_files
       else
         puts "Wrong page_type provided. It can be either index or show"
       end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cm-admin
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Anbazhagan Palani
@@ -71,25 +71,29 @@ files:
 - lib/cm_admin/version.rb
 - lib/generators/cm_admin/USAGE
 - lib/generators/cm_admin/install_generator.rb
-- lib/generators/cm_admin/templates/assets/images/same-logo.png
-- lib/generators/cm_admin/templates/assets/stylesheets/_variable.scss
-- lib/generators/cm_admin/templates/assets/stylesheets/alignment.scss
+- lib/generators/cm_admin/templates/assets/images/cm.png
 - lib/generators/cm_admin/templates/assets/stylesheets/application.css.scss
-- lib/generators/cm_admin/templates/assets/stylesheets/devise.scss
-- lib/generators/cm_admin/templates/assets/stylesheets/form.scss
-- lib/generators/cm_admin/templates/assets/stylesheets/products.scss
-- lib/generators/cm_admin/templates/assets/stylesheets/scaffold.scss
-- lib/generators/cm_admin/templates/assets/stylesheets/table.scss
-- lib/generators/cm_admin/templates/assets/stylesheets/user.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/_variable.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/auth.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/form.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/input-styles.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/main-nav.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/scaffold.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/show.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/sidebar.scss
+- lib/generators/cm_admin/templates/assets/stylesheets/base/table.scss
 - lib/generators/cm_admin/templates/layouts/_navbar.html.slim
 - lib/generators/cm_admin/templates/layouts/_side_navbar.html.slim
 - lib/generators/cm_admin/templates/layouts/application.html.slim
 - lib/generators/cm_admin/templates/layouts/initializer.rb
-- lib/generators/cm_admin/templates/views/_filters.html.slim
 - lib/generators/cm_admin/templates/views/_form.erb
 - lib/generators/cm_admin/templates/views/_table.erb
+- lib/generators/cm_admin/templates/views/edit.erb
 - lib/generators/cm_admin/templates/views/index.erb
+- lib/generators/cm_admin/templates/views/new.erb
+- lib/generators/cm_admin/templates/views/reset_password.erb
 - lib/generators/cm_admin/templates/views/show.erb
+- lib/generators/cm_admin/templates/views/sign_in.erb
 - lib/generators/cm_admin/view_generator.rb
 homepage: https://github.com/commutatus/cm-admin
 licenses:

data/lib/generators/cm_admin/templates/assets/stylesheets/alignment.scss

@@ -1,111 +0,0 @@
-@import '_variable.scss';
-
-/*padding css*/
-@for $i from 1 to 39 {
-	.p-#{$i} {
-		padding: #{$i}px !important;
-	}
-	.pb-#{$i} {
-		padding-bottom: #{$i}px !important;
-	}
-	.pt-#{$i} {
-		padding-top: #{$i}px !important;
-	}
-}
-
-
-
-@for $i from 1 to 21 {
-	.pr-#{$i*2} {
-		padding-right: #{$i*2}px !important;
-	}
-	.pl-#{$i*2} {
-		padding-left: #{$i*2}px !important;
-	}
-}
-
-/*margin css*/
-.m-auto {
-	margin: auto;
-}
-
-/*margin css*/
-/*margin top css*/
-.mt-10 {
-	margin-top: 10px;
-}
-.mt-20 {
-	margin-top: 20px;
-}
-.mt-50 {
-	margin-top: 50px;
-}
-
-/*margin css*/
-/*margin bottom css*/
-.mb-10 {
-	margin-bottom: 20px;
-}
-.mb-24 {
-	margin-bottom: 24px;
-}
-
-/*margin css*/
-/*margin right css*/
-.mr-10 {
-	margin-right: 10px;
-}
-.mr-20 {
-	margin-right: 20px;
-}
-
-/*margin css*/
-/*margin left css*/
-.ml-10 {
-	margin-left: 10px;
-}
-.ml-20 {
-	margin-left: 20px;
-}
-.ml-35 {
-	margin-left: 35px;
-}
-
-
-/*alignment css*/
-.align-right {
-	text-align: right;
-}
-.align-center {
-	text-align: center !important;
-}
-.align-left {
-	text-align: left;
-}
-
-/*width css*/
-/*width css in pixel*/
-.w-120 {
-	width: 120px;
-}
-.w-130 {
-	width: 130px;
-}
-.w-160 {
-	width: 160px;
-}
-.w-400 {
-	width: 400px;
-}
-.w-500 {
-	width: 500px;
-}
-.w-600 {
-	width: 600px;
-}
-
-/*width css*/
-/*width css in %*/
-.w100 {
-	width: 100% !important;
-}