tranzito_utils 1.0.3 → 1.1.0

data/app/assets/stylesheets/tranzito_utils/_admin_header.scss

@@ -0,0 +1,73 @@
+.admin-header {
+  @extend .clearfix;
+  margin-bottom: 1rem;
+  padding-bottom: 1.5rem;
+  border-bottom: 1px solid #bdbdbd;
+
+  .btn {
+    @extend .header-sublink;
+  }
+
+  h1 {
+    font-size: 2rem;
+    @include media-breakpoint-up(md) {
+      .btn {
+        line-height: 2; // align floating buttons with the h1 tag
+      }
+    }
+  }
+  h1,
+  h2,
+  h3 {
+    @include media-breakpoint-down(sm) {
+      font-size: 1.5rem;
+    }
+  }
+  ul {
+    @extend .nav;
+    @extend .nav-pills;
+    @extend .justify-content-end;
+
+    // On small screens, make nav links align left
+    @include media-breakpoint-down(sm) {
+      justify-content: normal !important;
+    }
+  }
+  .nav-item {
+    @extend .small;
+    margin-left: 0.25rem;
+    a,
+    .button_to .btn {
+      padding: 0.25rem 0.5rem;
+    }
+  }
+  .subtitle {
+    @extend .mt-4;
+    @extend .col-12;
+  }
+}
+
+.header-link {
+  color: $text-color;
+  text-decoration: underline;
+}
+
+// Because we want it to break on small screens
+.header-sublink {
+  @extend .float-md-right !optional;
+}
+
+// Because otherwise they overflow the right side of the screen
+.right-dropdown-overflown {
+  .dropdown-menu.show {
+    left: -75% !important;
+  }
+}
+
+.right-dropdown-overflown-lg {
+  @include media-breakpoint-up(lg) {
+    .dropdown-menu.show {
+      left: -75%;
+    }
+  }
+}

data/app/assets/stylesheets/tranzito_utils/_alerts.scss

@@ -0,0 +1,42 @@
+// Bootstrap alerts for flash message types
+.alert-error {
+  @extend .alert-danger;
+}
+.alert-alert {
+  @extend .alert-warning;
+}
+.alert-notice {
+  @extend .alert-info;
+}
+
+.flash-alert-container {
+  position: fixed;
+  z-index: 1049; // Modal z-index minus 1
+  width: 90%;
+  max-width: 500px;
+  top: 48px;
+  right: 48px;
+  .alert {
+    box-shadow: 1px 1px 2px rgba(black, 0.1);
+    margin-bottom: 0;
+    margin-top: 10px;
+    &:first-of-type {
+      margin-top: 0;
+    }
+  }
+  // When extra small, 48px over is too far!
+  @include media-breakpoint-down(xs) {
+    right: 3%;
+  }
+}
+
+.valet-interface .flash-alert-container {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  top: 0;
+  left: 0;
+  .alert {
+    margin-bottom: 0.5rem;
+  }
+}

data/app/assets/stylesheets/tranzito_utils/_pagination.scss

@@ -0,0 +1,36 @@
+.pagination-flex {
+  display: flex;
+  flex-wrap: wrap;
+  opacity: 0.65; // Make it a little less prominent, it isn't the most important thing on the page
+  .pagination {
+    margin: 0.5rem 0.5rem 0 0;
+  }
+  &.pagination-sm a.page-link {
+    padding: 0.25rem 0.5rem;
+    font-size: 0.875rem;
+  }
+  .pagination-number,
+  .per-page {
+    display: flex;
+    flex-basis: 0;
+    flex-grow: 1;
+    margin-top: 0.5rem;
+  }
+  .per-page {
+    min-width: 9rem;
+    max-width: 9rem;
+  }
+  .pagination-number {
+    margin-left: 0.5rem;
+  }
+
+  .per-page-select {
+    margin-top: 0.5rem; // Align with the pagination part
+    width: 8rem;
+    display: inline-block;
+  }
+}
+
+.pagination-number {
+  margin: 1rem 0 0;
+}

data/app/assets/stylesheets/tranzito_utils/_table_extensions.scss

@@ -0,0 +1,175 @@
+// Some tables have skip-user as an option. Because of caching, we always want the same columns
+// So include the user and hide it the class is enabled
+.skip-user .user-cell,
+.skip-parking-location .parking-location-cell {
+  display: none;
+}
+
+// ^ is bikehub unique styles, the following is shared with Bike Index
+
+// Full screen table stuff
+@mixin full-screen-table-overflown {
+  // Enable scrolling and make it edge to edge
+  // separate class so it can be applied via js if applicable
+  overflow-x: scroll;
+  margin-left: -15px;
+  margin-right: -15px;
+}
+
+.full-screen-table-overflown {
+  @include full-screen-table-overflown;
+}
+
+.full-screen-table {
+  @include media-breakpoint-down(sm) {
+    @include full-screen-table-overflown;
+  }
+
+  td ul {
+    padding: 0 0 0 1.5rem;
+    margin: 0.5rem 0 0.5rem;
+  }
+
+  // Dropdown headers
+  .dropdown-toggle {
+    font-weight: normal;
+    &:active,
+    &.active {
+      font-weight: bold;
+      text-decoration: underline;
+    }
+  }
+}
+
+.table-list {
+  @extend .table;
+  @extend .table-striped;
+  @extend .table-bordered;
+  @extend .table-sm;
+  tr td {
+    line-height: 1.5;
+    &:first-child {
+      font-size: 75%;
+      font-style: italic;
+      text-align: right;
+      padding: 9px 4px 4px;
+      line-height: 1.25;
+    }
+    &:first-child.full-width-data {
+      font-size: 100%;
+      font-style: normal;
+      text-align: left;
+    }
+    // use last, rather than first, to enable full width single rows
+    &:last-child {
+      width: 85%; // This is effectively min-width for tables
+    }
+  }
+  tr.active-row {
+    background-color: #ebf5fb !important;
+    a {
+      text-decoration: underline;
+    }
+  }
+  &.wide-definition tr td {
+    &:last-child {
+      width: 70%;
+    }
+  }
+  .inline-images img {
+    display: inline-block;
+    width: 31%;
+    max-width: 150px;
+    margin-right: 3%;
+  }
+}
+
+table thead.sortable {
+  th {
+    font-weight: normal;
+    a.sortable-link {
+      display: block;
+      position: relative;
+      // To give a spot for the sortable direction
+      &.active {
+        padding-right: 1.5rem;
+      }
+      span.sortable-direction {
+        display: block;
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+      &.active {
+        font-weight: strong;
+        text-decoration: underline;
+      }
+    }
+  }
+}
+.code-small {
+  pre {
+    margin-bottom: 0;
+    padding: 0;
+    border: none;
+  }
+  code {
+    position: relative;
+  }
+}
+
+// Random special formatting bits
+table {
+  .table-cell-check {
+    font-family: Courier;
+    text-align: center;
+    font-weight: bold;
+  }
+
+  code {
+    word-break: break-all;
+  }
+
+  .data-cell {
+    pre {
+      padding: 0.25rem 0.5rem;
+      margin: 0 0 0.5rem;
+    }
+    &.only-data {
+      padding: 0;
+      @extend .code-small;
+      pre {
+        background: none;
+      }
+    }
+    &.small {
+      padding: 0;
+      pre {
+        border: none;
+        font-size: 80%;
+        margin: 0;
+      }
+    }
+  }
+
+  .less-strong-hold {
+    position: relative;
+    min-height: 1.25em;
+  }
+
+  .less-strong-right {
+    position: absolute;
+    right: -0.3em;
+    line-height: 1;
+    bottom: -0.2em;
+    font-size: 0.8em;
+    @extend .less-strong;
+  }
+
+  .photo-cell {
+    text-align: center;
+    img {
+      max-width: 150px;
+    }
+  }
+}

data/app/assets/stylesheets/tranzito_utils/_utils.scss

@@ -0,0 +1,83 @@
+// Handy helper classes
+.less-strong {
+  opacity: 0.65;
+  // Couldn't get & + input to work, so manually specifying the applicable element classes
+  a:hover,
+  & + a:hover,
+  .btn:hover,
+  &.btn:hover,
+  .btn:focus,
+  &.btn:focus,
+  .form-control:hover,
+  &.form-control:hover,
+  .form-control:focus,
+  &.form-control:focus {
+    opacity: 1;
+  }
+}
+
+.less-less-strong {
+  @extend .less-strong;
+  opacity: 0.3;
+}
+
+.gray-link {
+  a,
+  & {
+    color: $gray-600 !important;
+    opacity: 0.65;
+    text-decoration: underline;
+  }
+  &:hover,
+  &:active,
+  &.active {
+    opacity: 0.9;
+  }
+}
+
+label,
+input[type="checkbox"],
+input[type="radio"] {
+  cursor: pointer;
+}
+
+.em {
+  font-style: italic;
+}
+
+.hidden-sm-down {
+  @include media-breakpoint-down(sm) {
+    display: none;
+  }
+}
+
+.hidden-xs-down {
+  @include media-breakpoint-down(xs) {
+    display: none;
+  }
+}
+
+.convertedTime {
+  white-space: nowrap;
+}
+
+.text-underline {
+  text-decoration: underline;
+}
+
+.uuid-display {
+  white-space: nowrap;
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.text-color-link {
+  color: $text-color;
+  text-decoration: underline;
+}
+
+.center {
+  text-align: center;
+}

data/app/assets/stylesheets/tranzito_utils/_variables.scss

@@ -0,0 +1,2 @@
+$text-color: #212529;
+

data/app/assets/stylesheets/tranzito_utils.scss

@@ -0,0 +1,13 @@
+@import 'bootstrap/scss/bootstrap';
+
+// Variables
+@import "tranzito_utils/variables";
+
+// Utilities
+@import "tranzito_utils/utils";
+@import "tranzito_utils/pagination";
+@import "tranzito_utils/table_extensions";
+
+// Sections
+@import "tranzito_utils/admin_header";
+@import "tranzito_utils/alerts";

data/lib/tranzito_utils/concerns/set_period.rb

@@ -5,6 +5,14 @@ module TranzitoUtils
     extend ActiveSupport::Concern
     PERIOD_TYPES = %w[hour day month year week all next_week next_month].freeze
 
+    included do
+      helper_method :controller_namespace
+    end
+
+    def controller_namespace
+      @controller_namespace ||= self.class.module_parent.name != "Object" ? self.class.module_parent.name.downcase : nil
+    end
+
     # For setting periods, particularly for graphing
     def set_period
       set_timezone

data/lib/tranzito_utils/gem.rb

@@ -3,6 +3,9 @@ module TranzitoUtils
     initializer "tranzito_utils.config", before: :load_config_initializers do |app|
       # Setting the default timezone for timeparser service from host application configuration
       TranzitoUtils::DEFAULT[:time_zone] = ActiveSupport::TimeZone[Rails.application.config.time_zone]
+
+      # Setting the default application display name
+      TranzitoUtils::DEFAULT[:application_display_name] = Rails.application.class.module_parent.to_s
     end
   end
 end

data/lib/tranzito_utils/helpers/helpers.rb

@@ -0,0 +1,75 @@
+# frozen_string_literal: true
+
+module TranzitoUtils
+  module Helpers
+    include TranzitoUtils::SortableHelper
+    include TranzitoUtils::GraphingHelper
+
+    def in_admin?
+      controller_namespace == "admin"
+    end
+
+    def page_title
+      return @page_title if defined?(@page_title)
+      prefix = (in_admin? ? "🧰" : TranzitoUtils::DEFAULT[:application_display_name])
+      return "#{prefix} #{@prefixed_page_title}" if @prefixed_page_title.present?
+      [
+        prefix,
+        default_action_name_title,
+        controller_title_for_action
+      ].compact.join(" ")
+    end
+
+    def active_link(link_text, link_path, html_options = {})
+      match_controller = html_options.delete(:match_controller)
+      html_options[:class] ||= ""
+      html_options[:class] += " active" if current_page_active?(link_path, match_controller)
+      link_to(raw(link_text), link_path, html_options).html_safe
+    end
+
+    def current_page_active?(link_path, match_controller = false)
+      link_path = Rails.application.routes.recognize_path(link_path)
+      active_path = Rails.application.routes.recognize_path(request.url)
+      matches_controller = active_path[:controller] == link_path[:controller]
+      return true if match_controller && matches_controller
+      current_page?(link_path) || matches_controller && active_path[:action] == link_path[:action]
+    rescue # This mainly fails in testing - but why not rescue always
+      false
+    end
+
+    def current_user_time_preference_script
+      time_preference = current_user&.time_preference || User.time_preferences.first
+      scrpt = ""
+      if %w[single_format_local single_format_event].include?(time_preference)
+        scrpt += "window.timeParserSingleFormat=true;"
+      end
+      if %w[single_format_event variable_format_event].include?(time_preference)
+        scrpt += 'window.localTimezone="America/Los_Angeles";'
+      end
+      scrpt
+    end
+
+    def pretty_print_json(data)
+      require "coderay"
+      CodeRay.scan(JSON.pretty_generate(data), :json).div.html_safe
+    end
+
+    private
+
+    def default_action_name_title
+      if action_name == "show"
+        # Take up less space for admin
+        return in_admin? ? nil : "Display"
+      end
+      action_name == "index" ? nil : action_name.titleize
+    end
+
+    def controller_title_for_action
+      return @controller_display_name if defined?(@controller_display_name)
+      # No need to include parking
+      c_name = controller_name.gsub("parking_location", "location")
+      return c_name.titleize if %(index).include?(action_name)
+      c_name.singularize.titleize
+    end
+  end
+end

data/lib/tranzito_utils/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module TranzitoUtils
-  VERSION = "1.0.3"
+  VERSION = "1.1.0"
 end

data/lib/tranzito_utils.rb

@@ -8,7 +8,8 @@ module TranzitoUtils
     earliest_year: 1900,
     latest_year: (Time.current.year + 100),
     additional_search_keys: [],
-    time_zone: ""
+    time_zone: "",
+    application_display_name: ""
   }
 end
 
@@ -16,6 +17,7 @@ require "tranzito_utils/concerns/set_period"
 require "tranzito_utils/concerns/sortable_table"
 require "tranzito_utils/helpers/graphing_helper"
 require "tranzito_utils/helpers/sortable_helper"
+require "tranzito_utils/helpers/helpers"
 require "tranzito_utils/services/time_parser"
 require "tranzito_utils/services/normalize"
 require "tranzito_utils/gem"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tranzito_utils
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.1.0
 platform: ruby
 authors:
 - willbarrettdev
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-29 00:00:00.000000000 Z
+date: 2022-10-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -26,6 +26,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '6.0'
+- !ruby/object:Gem::Dependency
+  name: coderay
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: Ruby gem contain several modules mainly containing the helpers, concerns
   and services for personal use by Tranzito
 email:
@@ -37,6 +51,14 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- app/assets/builds/tranzito_utils-compiled.css
+- app/assets/stylesheets/tranzito_utils.scss
+- app/assets/stylesheets/tranzito_utils/_admin_header.scss
+- app/assets/stylesheets/tranzito_utils/_alerts.scss
+- app/assets/stylesheets/tranzito_utils/_pagination.scss
+- app/assets/stylesheets/tranzito_utils/_table_extensions.scss
+- app/assets/stylesheets/tranzito_utils/_utils.scss
+- app/assets/stylesheets/tranzito_utils/_variables.scss
 - app/views/tranzito_utils/_period_select.html.haml
 - config/locales/en.yml
 - lib/generators/tranzito_utils/install_generator.rb
@@ -46,6 +68,7 @@ files:
 - lib/tranzito_utils/concerns/sortable_table.rb
 - lib/tranzito_utils/gem.rb
 - lib/tranzito_utils/helpers/graphing_helper.rb
+- lib/tranzito_utils/helpers/helpers.rb
 - lib/tranzito_utils/helpers/sortable_helper.rb
 - lib/tranzito_utils/services/normalize.rb
 - lib/tranzito_utils/services/time_parser.rb