sinatra-hexacta 0.0.2 → 0.1.0

data/lib/sinatra/views/charts/gauge.slim

@@ -0,0 +1,30 @@
+.ct-chart id="#{id}"
+
+.table-responsive.chart-table
+  table.table.table-striped
+    tbody
+      tr
+        th Serie
+        -for label in labels
+          th #{label}
+      -for serie in series
+        tr
+          th #{names[series.index(serie)]}
+          -for element in serie
+            td #{element}
+
+
+javascript:
+  var labels = #{{labels}};
+  var series = #{{series}};
+
+  new Chartist.Pie('.ct-chart', {
+    series: series
+  }, {
+    donut: true,
+    donutWidth: 60,
+    donutSolid: true,
+    startAngle: 270,
+    total: 200,
+    showLabel: true
+  });

data/lib/sinatra/views/charts/{simple_line.slim → line.slim}

@@ -1,4 +1,4 @@
-.ct-chart id="#{id}"
+.ct-chart.line-chart id="#{id}"
 
 .table-responsive.chart-table
   table.table.table-striped
@@ -26,11 +26,10 @@ javascript:
         right: 40
       },
       height: '300px',
-      showLabel: true
+      plugins: [
+        Chartist.plugins.legend({
+          legendNames: #{{names}}
+        })
+      ]
     }
-  );
-
-css:
-  .chart-table table {
-    font-size: 11px;
-  }
+  );

data/lib/sinatra/views/charts/pie.slim

@@ -0,0 +1,34 @@
+.ct-chart.pie id="#{id}"
+
+.table-responsive.chart-table
+  table.table.table-striped
+    tbody
+      tr
+        -for label in labels
+          th #{label}
+      tr
+        -for element in serie
+          td #{element}
+
+javascript:
+  var labels = #{{labels}};
+  var serie = #{{serie}};
+
+  new Chartist.Pie("##{id}", {
+      labels: labels,
+      series: serie
+    }, {
+      fullWidth: true,
+      showLabel: false,
+      height: '300px',
+      plugins: [
+        Chartist.plugins.legend()
+      ]
+    }
+    );
+
+css:
+  .pie .ct-legend.ct-legend-inside {
+    position: absolute;
+    top: 60px;
+  }

data/lib/sinatra/views/charts/stacked_bar.slim

@@ -0,0 +1,36 @@
+.ct-chart id="#{id}"
+
+.table-responsive.chart-table
+  table.table.table-striped
+    tbody
+      tr
+        th Serie
+        -for label in labels
+          th #{label}
+      -for serie in series
+        tr
+          th #{names[series.index(serie)]}
+          -for element in serie
+            td #{element}
+
+javascript:
+  var labels = #{{labels}};
+  var series = #{{series}};
+
+  new Chartist.Bar("##{id}", {
+      labels: labels,
+      series: series
+  }, {
+    stackBars: true,
+    axisY: {
+      labelInterpolationFnc: function(value) {
+        return value;
+      }
+    }
+  }).on('draw', function(data) {
+    if(data.type === 'bar') {
+      data.element.attr({
+        style: 'stroke-width: 30px'
+      });
+    }
+  });

data/lib/sinatra/views/inputs/multiple_select.slim

@@ -4,8 +4,12 @@
   - id = "#{name}_#{rand(1000)}"
 - unless defined? placeholder
   - placeholder = "Selecciona..."
+
 - unless defined? selected_elements
   - selected_elements = []
+- if selected_elements.nil?
+  - selected_elements = []
+- selected_elements = selected_elements.collect { |element| element.to_s }
 
 -if required
   .form-group.has-success

data/lib/sinatra/views/inputs/select.slim

@@ -4,6 +4,9 @@
   - id = "#{name}_#{rand(1000)}"
 - unless defined? placeholder
   - placeholder = "Selecciona..."
+- unless defined? chosen
+  - chosen = nil
+
 
 -if required
   .form-group.has-success

data/lib/sinatra/views/libraries/include_js_after.slim

@@ -27,27 +27,3 @@ script src="/sinatra-hexacta/vendors/bootstrap-validator/validator.js"
 
 /check
 /script src="/vendors/sparklines/jquery.sparkline.min.js"
-
-javascript:
-  $(function() { //shorthand document.ready function
-    $('form').on('submit', function(e) { //use on if jQuery 1.7+
-      $(this).find(':input[required]').each(function() {
-        if ($(this).val() == "" || $(this).val() == null) {
-          $(this).parent().removeClass("success");
-          $(this).parent().addClass("error");
-        } else {
-          $(this).parent().removeClass("error");
-          $(this).parent().addClass("success");
-        }
-      })
-    });
-    $('.chosen').on('change', function(change, deselected) { //selected OR deselected
-      if ($(this).val() == "" || $(this).val() == null) {
-        $(this).parent().removeClass("success");
-        $(this).parent().addClass("error");
-      } else {
-        $(this).parent().removeClass("error");
-        $(this).parent().addClass("success");
-      }
-    });
-  });

data/lib/sinatra/views/libraries/include_js_before.slim

@@ -3,5 +3,6 @@ script src="/sinatra-hexacta/vendors/bootstrap/bootstrap.min.js"
 script src="/sinatra-hexacta/vendors/typeahead.js/handlebars.js"
 script src="/sinatra-hexacta/vendors/typeahead.js/typeahead.bundle.min.js"
 script src="/sinatra-hexacta/vendors/chartist/chartist.min.js"
+script src="/sinatra-hexacta/vendors/chartist/chartist-plugin-legend.js"
 
 script src="/sinatra-hexacta/js/app.js?ver=#{settings.version}" type='text/javascript'

data/lib/sinatra/views/notifications.slim

@@ -1,39 +1,45 @@
--pages = (total.to_f / filters["limit"].to_f).ceil
+-pages = (total.to_f / filters[:limit].to_f).ceil
 .block-header
   h2 
     | Notificaciones
     .pull-right #{total} notificaciones en #{pages} páginas
 
-.row
-  .col-xs-3
-    == slim "sinatra-hexacta/notifications/form".to_sym, locals: { :notifications => notifications, :total => total, :filters => filters, :query => query }
-  .col-xs-9
-    .card
-      .listview
-        .lv-body
-          -for notification in notifications
-            .lv-item style="padding:10px 15px;border-bottom:1px solid #eee;#{notification.pending?? 'background-color: #ECF9FF;' : ''}"
-              .media
-                .pull-left.text-center.p-r-15
-                  img.lv-img-sm alt="" src="#{Configuration::USER_PHOTO_URL}#{notification.creator.hxt_id}" title="#{notification.creator.full_name}"
-                  input type="checkbox" name="notifications[]" value="#{notification.id}" style="position: absolute;left: 5px;bottom: 5px;" 
-                .media-body
-                  small.lv-small
-                    -if notification.label == 'error'
-                      .btn.btn-link.bgm-red.btn-xs style="font-size:6pt" #{notification.label}
-                    -else
-                      .btn.btn-link.bgm-blue.btn-xs style="font-size:6pt" #{notification.label}
-                    .di-block.m-l-5 #{notification.creation_date.display}
-                  .lv-title #{notification.title}
-                  small.lv-small style="white-space: normal;" #{notification.message.truncate(300)}
-              .pull-right
-                ul.lv-actions.actions
-                  li
-                    a role="button" title="Borrar" onclick="rm_object('notifications','#{notification.id}')"
-                      i.zmdi.zmdi-delete
-                  li
-                    a role="button" onclick="#{notification.pending?? "read_notify(#{notification.id},'#{notification.link}');this.onclick=''" : ''}" href="#{notification.pending?? '#' : notification.link}"
-                      i.zmdi.zmdi-open-in-new
+-if notifications.empty?
+  == empty_alert({ :title => "No tienes notificaciones", :message => "Cuando recibas notificaciones podrás verlas en esta pantalla."})
+-else
+  .row
+    .col-xs-3
+      == slim "sinatra-hexacta/notifications/form".to_sym, locals: { :notifications => notifications, :total => total, :filters => filters, :query => query }
+    .col-xs-9
+      .m-b-5
+        a.btn.bgm-blue.m-r-5 role="button" onclick="$('input[type=checkbox]').prop('checked', false);$('input[type=checkbox]').click();"Seleccionar todos
+        a.btn.btn-default.m-r-5 role="button" onclick="$('input[type=checkbox]').prop('checked', true);$('input[type=checkbox]').click();" Deseleccionar todos
+      .card
+        .listview
+          .lv-body
+            -for notification in notifications
+              .lv-item style="padding:10px 15px;border-bottom:1px solid #eee;#{notification.pending?? 'background-color: #ECF9FF;' : ''}"
+                .media
+                  .pull-left.text-center.p-r-15
+                    img.lv-img-sm alt="" src="#{Configuration::USER_PHOTO_URL}#{notification.creator.hxt_id}" title="#{notification.creator.full_name}"
+                    input type="checkbox" name="notifications[]" value="#{notification.id}" style="position: absolute;left: 5px;bottom: 5px;" 
+                  .media-body
+                    small.lv-small
+                      -if notification.label == 'error'
+                        .btn.btn-link.bgm-red.btn-xs style="font-size:6pt" #{notification.label}
+                      -else
+                        .btn.btn-link.bgm-blue.btn-xs style="font-size:6pt" #{notification.label}
+                      .di-block.m-l-5 #{notification.creation_date.display}
+                    .lv-title #{notification.title}
+                    small.lv-small style="white-space: normal;" #{notification.message.truncate(300)}
+                .pull-right
+                  ul.lv-actions.actions
+                    li
+                      a role="button" title="Borrar" onclick="rm_object('notifications','#{notification.id}')"
+                        i.zmdi.zmdi-delete
+                    li
+                      a role="button" onclick="#{notification.pending?? "read_notify(#{notification.id},'#{notification.link}');this.onclick=''" : ''}" href="#{notification.pending?? '#' : notification.link}"
+                        i.zmdi.zmdi-open-in-new
 
 
 -total_pending = Notification.pending.for(authenticated(User)).exclude_message.count

data/lib/sinatra/views/notifications/form.slim

@@ -1,14 +1,14 @@
--offset = filters["offset"].nil? ? 0 : filters["offset"].to_i
--pages = (total.to_f / filters["limit"].to_f).ceil
+-offset = filters[:offset].nil? ? 0 : filters[:offset].to_i
+-pages = (total.to_f / filters[:limit].to_f).ceil
 -position = offset % 5
 
 .card#form.no-print.m-b-10
   .card-body.card-padding
     .row
       .col-sm-12
-        == slim :'forms/multiple_select', locals: { :name => "user_id", :elements => notifications.collect { |notification| { :value => notification.creator.id, :text => notification.creator.full_name } }.uniq, :placeholder => "Empleados", :filters => filters }
+        == multiple_select_input({ :name => "user_id", :elements => notifications.collect { |notification| { :value => notification.creator.id, :text => notification.creator.full_name } }.uniq, :placeholder => "Empleados", :selected_elements => filters[:user_id] })
       .col-md-12
-        == slim :'forms/multiple_select', locals: { :name => "label", :elements => Notification.labels.collect { |notification| { :value => notification.label, :text => notification.label.upcase } }, :placeholder => "Etiquetas", :filters => filters }
+        == multiple_select_input({ :name => "label", :elements => Notification.labels.collect { |notification| { :value => notification.label, :text => notification.label.upcase } }, :placeholder => "Etiquetas", :selected_elements => filters[:label] })
   .pm-body.clearfix
     ul.tab-nav.tn-justified role="tablist"
       li.waves-effect.active role="presentation"

data/lib/sinatra/views/notifications/new.slim

@@ -1,6 +1,6 @@
 .modal.fade id="new-notification" tabindex="-1" role="dialog" aria-labelledby="newNotification"
   .modal-dialog
-    form.modal-content action="/notification" method="POST" onsubmit="submit.disabled = true; return true;"
+    form.modal-content action="/notification" method="POST" 
       .modal-content
         .modal-header
           h4.modal-title Enviar mensaje directo a
@@ -8,13 +8,13 @@
           input.hidden name="label" value="message"
           .row
             .col-sm-12
-              == slim :'forms/multiple_select', locals: { :name => "user_ids", :elements => User.active.all.collect { |user| { :value => user.id, :text => user.full_name } }, :placeholder => "Empleados", :filters => {} }
+              == multiple_select_input({ :name => "user_ids", :elements => User.active.all.collect { |user| { :value => user.id, :text => user.full_name } }, :placeholder => "Empleados", :required => true })
           .row
             .col-xs-12
-              == slim :'forms/input', locals: { :id => "", :type => "text", :name => "title", :value => "", :title => "Título", :required => true }
+              == input({ :type => "text", :name => "title", :value => "", :title => "Título", :required => true })
           .row
             .col-xs-12
-              == slim :'forms/textarea', locals: { :name => "message", :value => nil, :title => "Comentarios", :length => 10000, :rows => 6 }
+              == textarea_input({ :name => "message", :value => nil, :title => "Comentarios", :length => 10000, :rows => 6, :required => true })
 
         .modal-footer
           button.btn.btn-link.waves-effect data-dismiss="modal" type="button"  Cerrar

data/lib/sinatra/views/notifications/widget.slim

@@ -1,9 +1,13 @@
--total = Notification.pending.for(authenticated(User)).exclude_message.count
--notifications = Notification.for(authenticated(User)).exclude_message.order(:read_date,Sequel.desc(:id)).limit(5).all
+-total = Notification.pending.for(authenticated(User)).count
+-notifications = Notification.pending.for(authenticated(User)).order(Sequel.desc(:id)).limit(20).all
+
 li.dropdown.hidden-xs
-  a.notifications-menu data-toggle="dropdown" href="" 
-    i.tm-icon.zmdi.zmdi-notifications
-    -unless total == 0
+  -if total == 0
+    a href="/notifications" title="No tienes notificaciones pendientes"
+      i.tm-icon.zmdi.zmdi-notifications-none
+  -else
+    a.notifications-menu data-toggle="dropdown" href="" 
+      i.tm-icon.zmdi.zmdi-notifications
       i.notification-count.tmn-counts.animated.bounceIn #{total}
   .dropdown-menu.dropdown-menu-lg.pull-right
     .listview

data/lib/sinatra/views/reports/pick_date.slim

@@ -0,0 +1,14 @@
+.modal.fade id="#{report}_date" tabindex="-1" role="dialog" aria-labelledby="pickDate"
+  .modal-dialog.modal-sm
+    form.modal-content action="#{url}" method="GET"
+      .modal-content
+        .modal-header
+          h4.modal-title Selecciona una fecha...
+        .modal-body
+          .row
+            .col-xs-12
+              == date_input({ :name => "date", :value => Date.today.short_display, :title => "Fecha de referencia", :required => true })
+
+        .modal-footer
+          button.btn.btn-link.waves-effect data-dismiss="modal" type="button"  Cerrar
+          button.btn.btn-link.waves-effect#submit Descargar reporte

data/lib/sinatra/views/reports/pick_dates.slim

@@ -0,0 +1,16 @@
+.modal.fade id="#{report}_dates" tabindex="-1" role="dialog" aria-labelledby="pickDate"
+  .modal-dialog.modal-sm
+    form.modal-content action="#{url}" method="GET"
+      .modal-content
+        .modal-header
+          h4.modal-title Selecciona una fecha...
+        .modal-body
+          .row
+            .col-xs-6
+              == date_input({ :name => "from", :value => Date.today.short_display, :title => "Desde", :required => true })
+            .col-xs-6
+              == date_input({ :name => "to", :value => (Date.today + 30).short_display, :title => "Hasta", :required => true })
+
+        .modal-footer
+          button.btn.btn-link.waves-effect data-dismiss="modal" type="button"  Cerrar
+          button.btn.btn-link.waves-effect#submit Descargar reporte

data/lib/sinatra/views/reports/pick_month.slim

@@ -0,0 +1,14 @@
+.modal.fade id="#{report}_month" tabindex="-1" role="dialog" aria-labelledby="pickDate"
+  .modal-dialog.modal-sm
+    form.modal-content action="#{url}" method="GET"
+      .modal-content
+        .modal-header
+          h4.modal-title Selecciona un mes...
+        .modal-body
+          .row
+            .col-xs-12
+              == month_input({ :name => "date", :value => Date.today.short_display, :title => "Mes de referencia", :required => true })
+
+        .modal-footer
+          button.btn.btn-link.waves-effect data-dismiss="modal" type="button"  Cerrar
+          button.btn.btn-link.waves-effect#submit Descargar reporte

data/lib/sinatra/views/reports/pick_year.slim

@@ -0,0 +1,14 @@
+.modal.fade id="#{report}_year" tabindex="-1" role="dialog" aria-labelledby="pickDate"
+  .modal-dialog.modal-sm
+    form.modal-content action="#{url}" method="GET"
+      .modal-content
+        .modal-header
+          h4.modal-title Selecciona un año...
+        .modal-body
+          .row
+            .col-xs-12
+              == year_input({ :name => "date", :value => Date.today.year, :title => "Año de referencia", :required => true })
+
+        .modal-footer
+          button.btn.btn-link.waves-effect data-dismiss="modal" type="button"  Cerrar
+          button.btn.btn-link.waves-effect#submit Descargar reporte

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sinatra-hexacta
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.1.0
 platform: ruby
 authors:
 - Marco Zanger
@@ -10,20 +10,30 @@ bindir: bin
 cert_chain: []
 date: 2020-05-12 00:00:00.000000000 Z
 dependencies: []
-description: A simple hello world gem
+description: A gem to support general functionality accross all apps
 email: mzanger@hexacta.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- lib/sinatra/extensions/antiquity.rb
+- lib/sinatra/extensions/date.rb
+- lib/sinatra/extensions/init.rb
+- lib/sinatra/extensions/notification.rb
 - lib/sinatra/handlers/errors.rb
 - lib/sinatra/handlers/init.rb
 - lib/sinatra/handlers/notifications.rb
+- lib/sinatra/handlers/params.rb
 - lib/sinatra/handlers/reports.rb
+- lib/sinatra/helpers/alerts.rb
+- lib/sinatra/helpers/cas.rb
 - lib/sinatra/helpers/charts.rb
 - lib/sinatra/helpers/init.rb
 - lib/sinatra/helpers/inputs.rb
 - lib/sinatra/helpers/libraries.rb
+- lib/sinatra/helpers/mailer.rb
+- lib/sinatra/helpers/reports.rb
+- lib/sinatra/helpers/schedule.rb
 - lib/sinatra/helpers/subscriptions.rb
 - lib/sinatra/hexacta.rb
 - lib/sinatra/public/css/app.min.1.css
@@ -60,6 +70,7 @@ files:
 - lib/sinatra/public/vendors/animate.css/animate.min.css
 - lib/sinatra/public/vendors/bootstrap-validator/validator.js
 - lib/sinatra/public/vendors/bootstrap/bootstrap.min.js
+- lib/sinatra/public/vendors/chartist/chartist-plugin-legend.js
 - lib/sinatra/public/vendors/chartist/chartist.min.css
 - lib/sinatra/public/vendors/chartist/chartist.min.js
 - lib/sinatra/public/vendors/chosen/chosen-sprite.png
@@ -87,7 +98,15 @@ files:
 - lib/sinatra/public/vendors/typeahead.js/typeahead.bundle.min.js
 - lib/sinatra/public/vendors/waves/waves.min.css
 - lib/sinatra/public/vendors/waves/waves.min.js
-- lib/sinatra/views/charts/simple_line.slim
+- lib/sinatra/views/alerts/empty.slim
+- lib/sinatra/views/alerts/error.slim
+- lib/sinatra/views/alerts/info.slim
+- lib/sinatra/views/alerts/warning.slim
+- lib/sinatra/views/charts/bar.slim
+- lib/sinatra/views/charts/gauge.slim
+- lib/sinatra/views/charts/line.slim
+- lib/sinatra/views/charts/pie.slim
+- lib/sinatra/views/charts/stacked_bar.slim
 - lib/sinatra/views/errors/403.slim
 - lib/sinatra/views/errors/404.slim
 - lib/sinatra/views/errors/500.slim
@@ -110,6 +129,10 @@ files:
 - lib/sinatra/views/notifications/new.slim
 - lib/sinatra/views/notifications/view.slim
 - lib/sinatra/views/notifications/widget.slim
+- lib/sinatra/views/reports/pick_date.slim
+- lib/sinatra/views/reports/pick_dates.slim
+- lib/sinatra/views/reports/pick_month.slim
+- lib/sinatra/views/reports/pick_year.slim
 homepage: https://rubygems.org/gems/sinatra-hexacta
 licenses:
 - MIT