keppler 2.0.2 → 2.0.3

data/installer/core/app/views/admin/users/_form.html.haml

@@ -3,28 +3,28 @@
 
     .row
       .col-xs-12
-        = link_to admin_users_path, class: "", "data-position" => "bottom", "data-tooltip" => t("keppler.actions.back") do
+        = link_to admin_users_path, 'data-position' => 'bottom', 'data-tooltip' => t('keppler.actions.back') do
           .arrow-back.btn.btn-default
             %i.fa.fa-angle-left
             = t('keppler.actions.back')
     .row
-      .col-md-4.col-sm-5
+      .col-md-4
         .box.slice-box
+          .box-header.with-border
+            %h3.box-title Avatar
+            - unless @user.avatar.blank?
+              .pull-right
+                = link_to admin_user_delete_avatar_path(@user), remote: true do
+                  %i.icon-trash
           .box-body.box-profile
-            .upload-image
-              .files.form-group.trigger{ class: "#{'files-absolute' unless @user.avatar.blank?}" }
-                #icon-file
-                  +
-                = f.file_field :avatar, class: 'photo_upload'
-              %center#image
-                = image_tag "#{@user.avatar.blank? ? 'avatar.png' : @user.avatar}", class: "#{'hidden' if @user.avatar.blank?} image_to_upload"
+            = f.input :avatar, as: :keppler_file, label: false
 
 
 
-      .col-md-8.col-sm-7
+      .col-md-8
         .box.slice-box
           .box-header.with-border
-            %h3.box-title User
+            %h3.box-title= @user.name || 'User'
 
 
           .box-body
@@ -33,27 +33,20 @@
                 .form-padding
                   .row
                     .col-lg-6
-                      = f.input :name, label: false, placeholder: "Name", input_html: {class: "form-control"}, required: true
-
+                      = f.input :name, label: t('simple_form.labels.defaults.name'), placeholder: 'Name', input_html: {class: 'form-control'}, required: true
                     .col-lg-6
-                      = f.input :email, label: false, placeholder: "Email", input_html: {class: "form-control"}, required: true
+                      = f.input :email, label: t('simple_form.labels.defaults.email'), placeholder: 'Email', input_html: {class: 'form-control'}, required: true
                   .row
                     .col-xs-12
-                      -# = f.input :role_ids, label: false, collection: @roles, include_blank: t("keppler.actions.select_rol"), input_html: { class: "form-control" }, required: true
-                      .form-group
-                        %select#user_role_ids.form-control.select.required.form-control{"aria-required" => "true", :name => "user[role_ids]", :required => "required"}
-                          %option{:value => ""} Seleccionar rol
-                          - @roles.each do |role|
-                            %option{ value: role.last }= role.first
-
+                      = f.input :role_ids, collection: @roles, label: false, include_blank: "Selecione un rol"
                   .row
                     .col-lg-6
-                      = f.input :password, label: false, placeholder: "Password", input_html: {class: "form-control"}, required: true
+                      = f.input :password, label: t('simple_form.labels.defaults.password'), placeholder: 'Password', input_html: {class: 'form-control'}, required: true
                     .col-lg-6
-                      = f.input :password_confirmation, label: false, placeholder: "Password Confirmation", input_html: {class: "form-control"}, required: true
+                      = f.input :password_confirmation, label: t('simple_form.labels.defaults.password_confirmation'), placeholder: 'Password Confirmation', input_html: {class: 'form-control'}, required: true
 
                   .row
                     .col-lg-12
                       .pull-right
-                        = f.button :submit, t("keppler.actions.save"), name: "_save", class: "btn-primary"
-                        = f.button :submit, t("keppler.actions.save_and_add_another"), name: "_add_other"
+                        = f.button :submit, t('keppler.actions.save'), name: '_save', class: 'btn-primary'
+                        = f.button :submit, t('keppler.actions.save_and_add_another'), name: '_add_other'

data/installer/core/app/views/admin/users/_index_show.html.haml

@@ -1,6 +1,6 @@
 .tab-content
   %h6.actions
-    - if Pundit.policy(current_user, User).update?
+    - if can?(User).update?
       = link_to edit_admin_user_path(@user), title: t("keppler.actions.edit"), class: 'pull-left' do
         %i.icon-pencil
         %span= t('keppler.actions.edit')
@@ -10,7 +10,7 @@
     %i.icon-user
     %b= "#{@user.name}"
     %small= "(#{@user.rol.humanize})"
-  = image_tag @user.avatar
+  = image_tag @user.avatar.url if @user.avatar.url
   %ul.timeline
     - @user.as_json(only: ["id", "name", "permalink", "email", "created_at", "sign_in_count", "updated_at", "password"]).each do |attribute, value|
       %li.list-row

data/installer/core/app/views/admin/users/_listing.html.haml

@@ -1,6 +1,6 @@
 - objects.each do |user|
   %tr{ id: "row-#{user.id}" }
-    - if Pundit.policy(current_user, User).destroy_multiple?
+    - if can?(User).destroy_multiple?
       %td.item-check{style:"width: 10%"}
         - if user.id.eql?(current_user.id)
         - else
@@ -12,7 +12,7 @@
 
     %td.avatar
       = link_to admin_user_path(user, search: @query), remote: true, class: 'show-row' do
-        = image_tag user.avatar
+        = image_tag user.avatar.url if user.avatar.url
     %td.visible-lg.visible-md
       = link_to admin_user_path(user, search: @query), remote: true, class: 'show-row' do
         %span= user.name
@@ -26,22 +26,22 @@
       %a.action-btn.pull-right{ id: "menu-#{user.id}", 'aria-expanded' => 'false', 'aria-haspopup' => 'true', 'data-toggle' => 'dropdown'}
         %i.icon-options-vertical
       %ul.actions.dropdown-menu{'aria-labelledby' => "menu-#{user.id}"}
-        - if Pundit.policy(current_user, User).show?
+        - if can?(User).show?
           %li
             = link_to admin_user_path(user), class: 'new-menu', title: t('keppler.actions.show') do
               %i.icon-eye
               = t('keppler.actions.show')
-        - if Pundit.policy(current_user, User).update?
+        - if can?(User).update?
           %li
             = link_to edit_admin_user_path(user), class: 'new-menu', title: t('keppler.actions.edit') do
               %i.icon-pencil
               = t('keppler.actions.edit')
-        - if Pundit.policy(current_user, User).clone?
+        - if can?(User).clone?
           %li
             = link_to admin_user_path(user), class: 'new-menu', title: t('keppler.actions.clone') do
               %i.icon-docs
               = t('keppler.actions.clone')
-        - if Pundit.policy(current_user, User).destroy?
+        - if can?(User).destroy?
           - unless user.id.eql?(current_user.id)
             %li
               = link_to admin_user_path(user), class: 'new-menu', title: t('keppler.actions.delete'), method: :delete, data: { confirm: t('keppler.messages.data_confirm') } do

data/installer/core/app/views/admin/users/delete_avatar.js.haml

@@ -0,0 +1,3 @@
+alert(#{'asdasdasdasda'})
+
+$('#spinner').fadeOut(500)

data/installer/core/app/views/admin/users/filter_by_role.js.erb

@@ -0,0 +1,9 @@
+$('#objects-container').html('<%= j render "listing", objects: @users %>')
+
+$('.action-btn').click(function(e) {
+  var elem = $(`ul[aria-labelledby='${this.id}']`)[0];
+  var top = $(this).position().top;
+  $(elem).css("top",(top) + "px")
+});
+
+<%= puts params[:role] %>

data/installer/core/app/views/admin/users/index.html.haml

@@ -1,4 +1,4 @@
-#index-container{ :controller => 'users' }
+#index-container{ controller: 'users' }
   .container
     .row
       .listing.col-lg-12.col-xs-12
@@ -7,13 +7,14 @@
             = t("keppler.modules.#{controller_path.underscore}")
           = entries(@total, @objects)
           .toolbar
+            - if can?(User).download?
+              .toolbar-item
+                = link_to admin_users_path(:format => :xls), class: 'tool-btn', title: t('keppler.actions.download_records') do
+                  %i.icon-cloud-download
             .toolbar-item
-              = link_to admin_users_path(:format => :xls), class: "tool-btn", title: t('keppler.actions.download_records') do
-                %i.icon-cloud-download
-            .toolbar-item
-              = link_to reload_admin_users_path, class: "tool-btn", remote: true do
+              = link_to reload_admin_users_path, class: 'tool-btn', remote: true do
                 %i.icon-reload
-            - if Pundit.policy(current_user, User).destroy_multiple?
+            - if can?(User).destroy_multiple?
               .toolbar-item
                 .checkbox
                   %label{ for: 'checkbox-all' }
@@ -21,13 +22,22 @@
                     %span.cr
                       %i.cr-icon.glyphicon.glyphicon-ok
             .toolbar-item
-              %a.tool-btn{"data-confirm" => "¿Estás seguro?", "data-method" => "delete", "v-bind:href" => "link", :rel => "nofollow", ":class" => "{disabled: !checks}" }
+              %a.tool-btn{'data-confirm' => '¿Estás seguro?', 'data-method' => 'delete', 'v-bind:href' => 'link', rel: 'nofollow', ':class' => '{disabled: !checks}' }
                 %i.icon-trash
           %ol.breadcrumb
             %li
               %a{ href: '#' }
                 %i.icon-directions
                 = t("keppler.modules.#{action_name.underscore}")
+
+        .form-group
+          %label.control-label.string.required{ for: 'user_name' }
+            Filtrar usuarios por rol
+          = simple_form_for Role.last, url: filter_by_role_path, method: :post, remote: true do |f|
+            %select#filter_by_role.form-control.form-control{ name: 'role', onchange: '$(this).parent().submit()' }
+              %option{ name: 'role', value: 'all' } Todos
+              - @roles.each do |role|
+                %option{ name: 'role', value: role.first.downcase }= role.first
         .box.slice-box
           .box-body.no-padding
             %table.table.table-striped
@@ -43,30 +53,20 @@
                     %th.visible-lg.visible-md= t('activerecord.attributes.name')
                     %th= t('activerecord.attributes.email')
                     %th.visible-lg.visible-md= t('activerecord.attributes.role')
-                    %th.center{ style: 'padding-right: 30px' }
-                      Actions
+                    %th
               %tbody#objects-container
                 = render 'admin/layouts/listing_preloader'
-                = render 'listing', objects: @objects
+                = render 'listing', objects: @users
         %center#paginator-module
           = paginate @objects, window: 1
 
   .listing-show.hidden-xs
     = render 'description'
   %aside#index-show.control-sidebar
-  - if Pundit.policy(current_user, User).create?
+  - if can?(User).create?
     .mixed-btn
       = link_to new_admin_user_path, class: 'btn-float' do
         +
-:javascript
-  $(document).ready(function(){
-    $('#user').click(function() {
-      $('#import_file_user').click()
-      $('#import_file_user').change(function() {
-        $('.waiting').css('display', 'block')
-        $('#import_form_user').submit()
-      })
-    });
 
-    renderImg();
-  });
+:javascript
+  $('#role-1').fadeOut()

data/installer/core/app/views/admin/users/show.html.haml

@@ -1,7 +1,7 @@
 .container
   .row
     .col-lg-2
-      = link_to admin_users_path, class: "", "data-position" => "bottom", "data-tooltip" => t("keppler.actions.back") do
+      = link_to admin_users_path, 'data-position' => 'bottom', 'data-tooltip' => t('keppler.actions.back') do
         .arrow-back.btn.btn-default
           %i.fa.fa-angle-left
           = t('keppler.actions.back')
@@ -10,27 +10,25 @@
       .col-lg-3
         .box.slice-box
           .box-body.box-profile
-            .profile-user-img.img-responsive.bg-profile{style: "background-image: url(#{@user.avatar? ? @user.avatar : 'https://thumbs.dreamstime.com/t/profile-icon-male-avatar-portrait-casual-person-silhouette-face-flat-design-vector-46846326.jpg'})"}
+            = image_tag (@user.avatar.url || 'admin/avatar_keppler.svg'), class: 'profile-user-img img-circle img-responsive', alt: @user.name
             %h3.profile-username.text-center= @user.name
             %p.text-muted.text-center= @user.rol.humanize
       .col-lg-9
         .box.slice-box
           .box-header.with-border
-            %h3.box-title Users
+            %h3.box-title= @user.name || 'User'
             .box-tools.pull-right
-              - if Pundit.policy(current_user, User).update?
-                = link_to edit_admin_user_path(@user), class: "btn btn-box-tool", title: "#{t('keppler.actions.edit') }" do
+              - if can?(User).update?
+                = link_to edit_admin_user_path(@user), class: 'btn btn-box-tool', title: "#{t('keppler.actions.edit') }" do
                   %i.icon-pencil
-              - if Pundit.policy(current_user, User).destroy?
+              - if can?(User).destroy?
                 - unless current_user == @user
-                  = link_to admin_user_path(@user), class: "btn btn-box-tool", title: "#{t('keppler.actions.delete')}", method: :delete, data: { confirm: t("keppler.messages.data_confirm") } do
+                  = link_to admin_user_path(@user), class: 'btn btn-box-tool', title: "#{t('keppler.actions.delete')}", method: :delete, data: { confirm: t("keppler.messages.data_confirm") } do
                     %i.icon-trash
-
-          / /.box-header
           .box-body.box-body-no-padding
             %table.table.table-striped
               %tbody
-                - @user.as_json(only: ["id", "name", "permalink", "email", "created_at", "sign_in_count", "updated_at", "password"], methods: [:rol]).each do |attribute, value|
+                - @user.as_json(except: %i[username deleted_at], methods: [:rol]).each do |attribute, value|
                   %tr.list-row
-                    %th.display-label= t("activerecord.attributes.user.#{attribute}")
-                    %td.display-value.fs-body-1.tc-black-2= value.to_s.humanize
+                    %th.display-label= t("activerecord.attributes.#{attribute}")
+                    %td.display-value.fs-body-1.tc-black-2= value

data/installer/core/app/views/app/front/index.html.haml

@@ -14,17 +14,17 @@
         .front-social
           %ul
             %li
-              =	link_to "https://twitter.com/slicegroupxyz", target: '_blank' do
-                -# = icon 'twitter'
+              =  link_to "https://twitter.com/slicegroupxyz", target: '_blank' do
+                = icon 'fab', 'twitter'
             %li
-              =	link_to "https://www.facebook.com/slicegroupxyz/", target: '_blank' do
-                -# = icon 'facebook'
+              =  link_to "https://www.facebook.com/slicegroupxyz/", target: '_blank' do
+                = icon 'fab', 'facebook'
             %li
-              =	link_to "https://www.instagram.com/slicegroupxyz/", target: '_blank' do
-                -# = icon 'instagram'
+              =  link_to "https://www.instagram.com/slicegroupxyz/", target: '_blank' do
+                = icon 'fab', 'instagram'
             %li
-              =	link_to "https://github.com/SliceDevelopers", target: '_blank' do
-                -# = icon 'github'
+              =  link_to "https://github.com/SliceDevelopers", target: '_blank' do
+                = icon 'fab', 'github'
         .mouse-scroll
           .mouse
             .scroll
@@ -36,15 +36,16 @@
         %h3 KEPPLER ADMIN
 
         %p
-          KEPPLER ADMIN es una entorno de desarrollo que cuenta con una base de
-          gemas ya integradas, de tal forma que acelerará el desarrollo de
-          aplicaciones de vanguardia bajo la plataforma de Ruby on Rails.
+          KEPPLER ADMIN es un CMS con un entorno de desarrollo que cuenta con
+          una base de gemas ya integradas, de tal forma que acelerará el
+          desarrollo de aplicaciones de vanguardia bajo la plataforma de Ruby
+          on Rails.
 
         %h3 Características
 
         %ul
           %li
-            Base de datos por defecto MySQL
+            Base de datos por defecto PostreSQL
           %li
             Integración para autenticación de usuarios con
             = link_to 'Devise', 'https://github.com/plataformatec/devise', target: '_blank'
@@ -53,7 +54,7 @@
             = link_to 'Rolify', 'https://github.com/RolifyCommunity/rolify', target: '_blank'
           %li
             Integración para autorizaciones con
-            = link_to 'CanCanCan', 'https://github.com/CanCanCommunity/cancancan', target: '_blank'
+            = link_to 'Pundit', 'https://github.com/varvet/pundit', target: '_blank'
           %li
             Inegración para el manejo de de paginación con
             = link_to 'Kaminari', 'https://github.com/amatsuda/kaminari', target: '_blank'
@@ -65,116 +66,165 @@
             = link_to 'Ransack', 'https://github.com/activerecord-hackery/ransack', target: '_blank'
           %li
             Integración con framework fronte-end para el administrativo con
-            = link_to 'Materialize', 'http://materializecss.com/', target: '_blank'
+            = link_to 'AdminLTE', 'https://adminlte.io', target: '_blank'
           %li
             Integración con framework javascript
-            = link_to 'AngularJs', 'https://angularjs.org/', target: '_blank'
+            = link_to 'VueJS', 'https://vuejs.org/', target: '_blank'
           %li
             Integración sitemap dinamicos con
-            = link_to 'sitemap_generator', 'https://github.com/kjvarga/sitemap_generator', target: '_blank'
+            = link_to 'Sitemap Generator', 'https://github.com/kjvarga/sitemap_generator', target: '_blank'
 
-        %h3 Instalación
+        %h3 Gema de Keppler
 
-        %pre
-          %code.shell
-            git clone git@github.com:SliceDevelopers/keppler_admin.git
-            bundle install
+        %h4 Instalación
 
-        %p
-          Luego debe configurar el archivo
-          %pre
-            %code.ruby
-              config/secrets.yml
-          = link_to '[ver archivo]', 'https://github.com/inyxtech/Keppler-CMS/blob/master/config/secrets.yml.example'
-          de esta manera puede añadir los parámetros de configuración de su base de datos y poder realizar migraciones.
+        %p Una de las novedades de Keppler Admin v2.0 es el lanzamiento de una gema que nos
+        permite el fácil y rápido manejo de las funcionalidades del CMS. Para instalarlo
+        necesitamos ejecutar el siguiente comando desde la consola:
 
         %pre
-          %code.shell
-            rake db:create
-            rake db:migrate
-            rake db:seed
+          %code.ruby
+            gem install keppler`
 
-        %h3 SimpleForm con Materialize
+        %h4 Lista de comandos
 
-        %p
-          Se ofrece una integración por defecto entre SimpleForm y Materialize, usted tiene la posibilidad de cambiar su funcionalidad en
-          %pre
-            %code.ruby
-              config/initializers/simple_form_materialize.rb
+        %p Para verificar que está instalada la gema correctamente y ver una lista de los posibles comandos
+        que podemos utilizar, ejecutamos:
 
+        %pre
+          %code.ruby
+            keppler
 
-        %p Aquí algunos ejemplos para la creación de inputs:
+        %h4 Nuevo Proyecto
+
+        %p Para crear un nuevo proyecto en Ruby on Rails con Keppler Admin, podemos ejecutar:
 
         %pre
-          %code.haml
-            :preserve
-              # inputs de tipo text
-              = f.input :name
+          %code.ruby
+            keppler new NuevoProyecto
 
-              # inputs de tipo boolean
-              = f.input :public, as: :checkbox_material
+        %h4 Creación del archivo secrets.yml
 
-              # inputs de tipo textarea
-              = f.input :description, input_html: { class: "materialize-textarea" }
+        %p
+          Si detienes el proceso a la mitad o aún no tienes configurado un archivo secrets.yml con la configuración de
+          la base de datos y otros inicializadores, puedes crear la base de datos ejecutando:
 
-              # inputs de tipo file
-              = f.input :image, :as => :file_material, label: false, wrapper_html: { class: "file-field" }
+        %pre
+          %code.ruby
+            keppler db_conf
 
-              # inputs de tipo select
-              = f.input :role_ids, collection: Role.all, label: false, include_blank: "Selecione un rol"
+        %h4 Instalación de las dependencias
 
-              # inputs de tipo radio buttons
-              = f.collection_radio_buttons :option, [['vegan', 'vegan'] ,['vegetarian', 'vegetarian']],:first, :last
+        %p
+          Antes de poder iniciar con un proyecto nuevo, primero debemos instalar todas las gemas
+          instanciadas en el Gemfile, ubicado en la raíz del proyecto, con el comando:
 
-              # inputs de tipo check_boxes
-              = f.collection_check_boxes :options, [['vegan', 'vegan'] ,['vegetarian', 'vegetarian']],:first, :last
+        %pre
+          %code.ruby
+            keppler dep
 
-              # inputs de tipo date
-              = f.input :date, input_html: {class: "datepicker"}
+        %h3 Keppler Scaffolds
 
-        %strong
-          Nota:
         %p
-          Puede revisar la documentación de
-          = link_to 'Materialize', 'http://materializecss.com/'
-        para agregar nuevas integraciones para sus formularios a través de los
-        = link_to 'Wrappers', 'https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers'
-        de simpleform.
+          Keppler ofrece la posibilidad de realizar tareas de scaffolds totalmente
+          configurados para adaptarse al administrativo. Para crear un nuevo
+          módulo sólo debes llamar al siguiente comando desde la consola:
+
+        %pre
+          %code.ruby
+            keppler add module ModuleName attribute:type
 
+        %p Por ejemplo, crearemos un scaffold de productos con diversos campos y tipos de datos:
 
-        %h3 Keppler scaffolds
+        %pre
+          %code.ruby
+            keppler add module Product title:string description:text quantity:integer price:float arrival_date:date arrival_time:time available:boolean user:references
+
+        %p Luego debemos migrar la tabla a la base de datos con:
+
+        %pre
+          %code.ruby
+            keppler migrate
 
         %p
-          Keppler ofrece la posibilidad de realizar tareas de scaffolds
-          totalmente configurados para adaptarse de una vez al administrativo.
-          Para crear un nuevo modulo solo tienes que llamar al siguiente
-          comando desde la consola:
+          Si luego deseamos borrar, crear, migrar y llenar la base de datos desde cero,
+          podemos realizarlo ejecutando el comando:
 
         %pre
-          %code.shell
-            rails g keppler_scaffold [module_name] [attributes] -f
+          %code.ruby
+            keppler reset
 
-        %p Luego crea la tabla en base de datos.
+        %p
+          Por último, si todo ha sido ejecutado debida y correctamente, podemos iniciar
+          el proyecto ejecutando en la consola:
 
         %pre
-          %code.shell
-            rake db:migrate
+          %code.ruby
+            keppler server
 
-        %h3 Plugins (Módulos)
+        %h3 SimpleForm con Bootstrap
 
         %p
-          La plataforma permite la adaptación de módulos con facil instalación,
-          algunos de los módulos desarrollados son:
+          Se ofrece una integración por defecto entre SimpleForm y Bootstrap, usted tiene la posibilidad de cambiar su funcionalidad en
+        %pre
+          %code.ruby
+            config/initializers/simple_form_bootstrap.rb
 
-        %ul
-          %li
-            = link_to 'Keppler google analytics dashboard', 'https://github.com/SliceDevelopers/keppler_ga_dashboard'
-          %strong ya viene integrado
-          %li
-            = link_to 'Keppler blog', 'https://github.com/SliceDevelopers/keppler_blog'
-          %li
-            = link_to 'Keppler catalogs', 'https://github.com/inyxtech/keppler_catalogs'
-          %li
-            = link_to 'Keppler contact', 'https://github.com/SliceDevelopers/keppler_contact_us'
+
+        %p Aquí algunos ejemplos para la creación de inputs:
+
+        %pre
+          %code.haml
+            :preserve
+               # Inputs de tipo string o textarea
+              = f.input :name
+
+               # Inputs de tipo CKEditor
+              = f.input :description, as: :ckeditor, input_html: { ckeditor: { toolbar: 'mini'} }
+
+               # Inputs de tipo boolean
+              = f.input :public, as: :keppler_boolean
+
+               # Inputs de tipo file
+              = f.input :image, as: :keppler_file
+
+               # Inputs de tipo select
+              = f.input :role_ids, collection: Role.all, label: false, include_blank: "Seleccione un rol"
+
+               # Inputs de tipo radio buttons
+              = f.collection_radio_buttons :option, [['vegan', 'vegan'] ,['vegetarian', 'vegetarian']], :first, :last
+
+               # Inputs de tipo check_boxes
+              = f.collection_check_boxes :options, [['vegan', 'vegan'] ,['vegetarian', 'vegetarian']], :first, :last
+
+               # Inputs de tipo date
+              = f.input :date, input_html: { class: 'datepicker' }
+
+        %strong
+          Nota:
+        %p
+          Puede revisar la documentación de
+          = link_to 'AdminLTE', 'https://adminlte.io'
+          para agregar nuevas integraciones para sus formularios a través de los
+          = link_to 'Wrappers', 'https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers'
+          de SimpleForm.
+
+        -# %h3 Plugins (Módulos)
+        -#
+        -# %p
+        -#   La plataforma permite la adaptación de módulos con facil instalación,
+        -#   algunos de los módulos desarrollados son:
+        -#
+        -# %ul
+        -#   %li
+        -#     = link_to 'Keppler Google Analytics Dashboard', 'https://github.com/slicegroup/keppler_ga_dashboard'
+        -#     -
+        -#     %strong ya viene integrado
+        -#   %li
+        -#     = link_to 'Keppler Blog', 'https://github.com/slicegroup/keppler_blog'
+        -#   %li
+        -#     = link_to 'Keppler Catalogs', 'https://github.com/slicegroup/keppler_catalogs'
+        -#   %li
+        -#     = link_to 'Keppler Contact', 'https://github.com/slicegroup/keppler_contact_us'
 
     %script{ src: '/assets/app/front.js' }