pg_rails 7.1.11 → 7.1.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0f6553a59df0df7aeb2906baac1974c3f2ef6f5b17bd83f4df1b4fbf3f7f2819
-  data.tar.gz: 20e9aa024c6aebb771ebea3c3b852a2e47a6d7583d043bcbc750d3ec2642e336
+  metadata.gz: 4a90a7a62e376e482f5e3c072c38f859478a7a333d606de01c8d5481cefd8fb5
+  data.tar.gz: ec85008cd9234bb9c7435ca6838af3ca380c2f34c43fb80bd30e9d2608d2dfc6
 SHA512:
-  metadata.gz: b5b1ff627eeff7269b53d81a2b8d39184118741001cb4d36d89eba76801910315551ef563d55216f5a2e5b372b7afd3ff66ef7a4bae8428f94b20a28004c727b
-  data.tar.gz: c7af654f04ac7fba7d48e9c220f9396bb5ab24508350035447c792f0fd0afe213ccb529ed5360db4e1baa4f27cd5cbf387d6f3b4a71877edccf10395359fc8a6
+  metadata.gz: 9039afd99e6a910e4e1a47c125e8285992360d1979836a0d7df1c1f9f4b0837ee4bf8b5d266384998cabcc765dfe8bd4b0fa96143ba9baa58946b4697e97addd
+  data.tar.gz: c2b42d1565fc804d2ef3015c197820abc54a8425d66d27f6b57f21a768779ceab9ade935dfefb85db8016bcce98988f3378b9bb1cf99a4dfc0f223a335b0a046

data/pg_associable/app/javascript/modal_controller.js

@@ -12,9 +12,6 @@ export default class extends Controller {
     if (this.element.dataset.removeOnHide) {
       this.element.addEventListener('hidden.bs.modal', (e) => {
         this.element.remove()
-        window.Stimulus.controllers.map((c) => { return c.calendar })
-          .filter((e) => { return e })
-          .forEach((c) => { c.refetchEvents() })
       })
     }
     this.modalPuntero.show()
@@ -35,6 +32,7 @@ export default class extends Controller {
 
   disconnect (e) {
     this.modalPuntero.hide()
+    this.element.dispatchEvent(new Event('hidden.bs.modal'))
     this.modalPuntero.dispose()
   }
 }

data/pg_engine/app/components/notification_component.rb

@@ -7,7 +7,7 @@ class NotificationComponent < BaseComponent
   erb_template <<~ERB
     <div class="notification d-flex flex-column flex-sm-row justify-content-between <%= 'unseen' if @notification.unseen? %>"
          id="<%= dom_id(@notification) %>" data-id="<%= @notification.id %>">
-      <div class="pe-3">
+      <div class="pe-3 trix-content">
         <%= @notification.message.html_safe %>
       </div>
       <div class="notification--time d-flex flex-column justify-content-end text-body-tertiary text-end">

data/pg_engine/app/decorators/pg_engine/base_record_decorator.rb

@@ -61,8 +61,7 @@ module PgEngine
       return unless Pundit.policy!(Current.user, object).edit?
 
       helpers.content_tag :span, rel: :tooltip, title: 'Modificar' do
-        helpers.link_to edit_object_url, data: { turbo_frame: :main },
-                                         class: "btn btn-sm #{klass}" do
+        helpers.link_to edit_object_url, class: "btn btn-sm #{klass}" do
           helpers.content_tag(:span, nil, class: clase_icono('pencil')) + text
         end
       end
@@ -72,8 +71,7 @@ module PgEngine
       return unless Pundit.policy!(Current.user, object).show?
 
       helpers.content_tag :span, rel: :tooltip, title: 'Ver' do
-        helpers.link_to object_url, data: { turbo_frame: :main },
-                                    class: "btn btn-sm #{klass}" do
+        helpers.link_to object_url, class: "btn btn-sm #{klass}" do
           helpers.content_tag(:span, nil, class: clase_icono('eye-fill')) + text
         end
       end

data/pg_engine/app/lib/pg_engine/filtros_builder.rb

@@ -91,8 +91,6 @@ module PgEngine
           # real sino filtro booleano por presencia de discarded_at
           return :boolean if campo.to_s == 'discarded'
 
-          pg_warn("no existe el campo: #{nombre_campo}")
-
           return
         end
         columna.type

data/pg_engine/spec/components/previews/alert_component_preview/colours.html.slim

@@ -1,3 +1,36 @@
-- %w[danger warning info success].each do |status|
-  h1 class="text-#{status}" = status
-  h1 class="text-#{status}-emphasis" = "#{status} emphasis"
+.row
+  .col
+    - %w[danger warning info success].each do |status|
+      h1 class="text-#{status}" = status
+      h1 class="text-#{status}-emphasis" = "#{status} emphasis"
+
+  .col
+    - %w[danger warning info success].each do |status|
+      .alert class="alert-#{status}"
+        = "Alert #{status}"
+
+.row
+  .col
+    div class="p-3 mb-2 bg-primary text-white" .bg-primary
+    div class="p-3 mb-2 bg-primary-subtle text-primary-emphasis" .bg-primary-subtle
+    div class="p-3 mb-2 bg-secondary text-white" .bg-secondary
+    div class="p-3 mb-2 bg-secondary-subtle text-secondary-emphasis" .bg-secondary-subtle
+    div class="p-3 mb-2 bg-success text-white" .bg-success
+    div class="p-3 mb-2 bg-success-subtle text-success-emphasis" .bg-success-subtle
+    div class="p-3 mb-2 bg-danger text-white" .bg-danger
+    div class="p-3 mb-2 bg-danger-subtle text-danger-emphasis" .bg-danger-subtle
+    div class="p-3 mb-2 bg-warning text-dark" .bg-warning
+    div class="p-3 mb-2 bg-warning-subtle text-warning-emphasis" .bg-warning-subtle
+    div class="p-3 mb-2 bg-info text-dark" .bg-info
+  .col
+    div class="p-3 mb-2 bg-info-subtle text-info-emphasis" .bg-info-subtle
+    div class="p-3 mb-2 bg-light text-dark" .bg-light
+    div class="p-3 mb-2 bg-light-subtle text-light-emphasis" .bg-light-subtle
+    div class="p-3 mb-2 bg-dark-subtle text-dark-emphasis" .bg-dark-subtle
+    div class="p-3 mb-2 bg-body-secondary" .bg-body-secondary
+    div class="p-3 mb-2 bg-body-tertiary" .bg-body-tertiary
+    div class="p-3 mb-2 bg-dark text-white" .bg-dark
+    div class="p-3 mb-2 bg-body text-body" .bg-body
+    div class="p-3 mb-2 bg-black text-white" .bg-black
+    div class="p-3 mb-2 bg-white text-dark" .bg-white
+    div class="p-3 mb-2 bg-transparent text-body" .bg-transparent

data/pg_layout/app/assets/stylesheets/sidebar.scss

@@ -4,6 +4,7 @@ html, body {
 
 /* Style & Colors */
 $text-color: $gray-300;
+// TODO: set text-color-dark, y tiene que ir en overrides, no acá
 $text-hover-color: $gray-100;
 $chevron-color: 200,200,200,.5;
 

data/pg_layout/app/javascript/config/tooltips.js

@@ -3,11 +3,21 @@ import * as bootstrap from 'bootstrap'
 document.addEventListener('turbo:load', bindTooltips)
 document.addEventListener('turbo:render', bindTooltips)
 
-function bindTooltips () {
-  const tooltipsQuery = '[data-bs-toggle="tooltip"]'
+const tooltipsQuery = '[data-bs-toggle="tooltip"]'
 
+function bindTooltips () {
   const toastElList = document.querySelectorAll(tooltipsQuery)
   Array.from(toastElList).map(tooltipEl => {
     return new bootstrap.Tooltip(tooltipEl)
   })
 }
+
+document.addEventListener('show.bs.tooltip', (ev) => {
+  const toastElList = document.querySelectorAll(tooltipsQuery)
+  Array.from(toastElList).forEach(tooltipEl => {
+    const tooltip = bootstrap.Tooltip.getInstance(tooltipEl)
+    if (tooltip) {
+      tooltip.hide()
+    }
+  })
+})

data/pg_layout/app/javascript/controllers/index.js

@@ -9,6 +9,7 @@ import SwitcherController from './switcher_controller'
 import FiltrosController from './filtros_controller'
 import NotificationsController from './notifications_controller'
 import SelectizeController from './selectize_controller'
+import ThemeController from './theme_controller'
 
 application.register('navbar', NavbarController)
 application.register('nested', NestedController)
@@ -19,5 +20,6 @@ application.register('switcher', SwitcherController)
 application.register('filtros', FiltrosController)
 application.register('notifications', NotificationsController)
 application.register('selectize', SelectizeController)
+application.register('theme', ThemeController)
 
 // TODO: testear con capybara todo lo que se pueda

data/pg_layout/app/javascript/controllers/theme_controller.js

@@ -0,0 +1,12 @@
+import { Controller } from '@hotwired/stimulus'
+
+// Connects to data-controller="theme"
+export default class extends Controller {
+  dark () {
+    document.documentElement.setAttribute('data-bs-theme', 'dark')
+  }
+
+  light () {
+    document.documentElement.setAttribute('data-bs-theme', 'light')
+  }
+}

data/pg_layout/app/javascript/utils/utils.ts

@@ -81,14 +81,14 @@ export function flashMessage (message, flashType = 'warning', toast = false) {
 }
 
 export function fadeOut (e) {
-  if (window.getComputedStyle(e).visibility !== 'hidden') {
+  if (e && window.getComputedStyle(e).visibility !== 'hidden') {
     e.classList.add('fade-out')
     e.addEventListener('animationend', onAnimationEndHide, { once: true })
   }
 }
 
 export function fadeIn (e) {
-  if (window.getComputedStyle(e).visibility !== 'visible') {
+  if (e && window.getComputedStyle(e).visibility !== 'visible') {
     e.classList.add('fade-in')
     e.addEventListener('animationend', onAnimationEndShow, { once: true })
   }

data/pg_layout/app/views/layouts/pg_layout/base.html.slim

@@ -77,6 +77,10 @@ html
           = yield(:filtros)
           = content
           div style="width:100%; height: 10em"
+          .d-flex.gap-1.justify-content-center.opacity-50 data-controller="theme"
+            | (Beta) Tema:
+            = link_to 'Claro', 'javascript:void(0)', 'data-action': 'theme#light'
+            = link_to 'Oscuro', 'javascript:void(0)', 'data-action': 'theme#dark'
           = render partial: 'layouts/footer'
           div style="width:100%; height: 10em"
     = render_turbo_stream_title

data/pg_layout/app/views/pg_layout/_modal_show.html.slim

@@ -7,7 +7,7 @@
           | Ir al #{object.class.nombre_singular.downcase}
         a.btn-close[type="button" data-bs-dismiss="modal" aria-label="Close"]
       .modal-body
-        = turbo_frame_tag :modal_generic, target: :_top do
+        = turbo_frame_tag :modal_generic do
           .float-end
             = object.edit_link
             = object.destroy_link

data/pg_rails/lib/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module PgRails
-  VERSION = '7.1.11'
+  VERSION = '7.1.13'
 end

data/pg_rails/scss/bootstrap_overrides.scss

@@ -8,7 +8,7 @@ $danger-bg-subtle:        tint-color($danger, 98%);
 $warning-border-subtle:   tint-color($warning, 20%);
 // $danger-border-subtle:    tint-color($danger, 60%);
 $secondary-bg-subtle:     tint-color($secondary, 92%);
-$warning-bg-subtle:       tint-color($warning, 40%);
+// $warning-bg-subtle:       tint-color($warning, 40%);
 
 
 $btn-close-focus-shadow: none;

data/pg_rails/scss/pg_rails.scss

@@ -21,6 +21,10 @@ $info:         #87accc;
 $warning-text-emphasis:  $orange;
 $danger-text-emphasis:   #910303;
 
+$tooltip-opacity: 1;
+$tooltip-bg:                     var(--bs-primary) !default;
+$tooltip-color:                        var(--bs-light) !default;
+
 $font-size-base: 0.9rem;
 $enable-validation-icons:       false;
 $focus-ring-width:              .05rem;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pg_rails
 version: !ruby/object:Gem::Version
-  version: 7.1.11
+  version: 7.1.13
 platform: ruby
 authors:
 - Martín Rosso
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-08-03 00:00:00.000000000 Z
+date: 2024-08-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -838,6 +838,7 @@ files:
 - pg_layout/app/javascript/controllers/pg_form_controller.js
 - pg_layout/app/javascript/controllers/selectize_controller.js
 - pg_layout/app/javascript/controllers/switcher_controller.js
+- pg_layout/app/javascript/controllers/theme_controller.js
 - pg_layout/app/javascript/utils/cookies.js
 - pg_layout/app/javascript/utils/utils.ts
 - pg_layout/app/lib/navbar.rb