Class: UltimateTurboModal::Flavors::Vanilla

Inherits:

Base

Object
Phlex::HTML
Base
UltimateTurboModal::Flavors::Vanilla

show all

Defined in:: lib/generators/ultimate_turbo_modal/templates/flavors/vanilla.rb

Constant Summary collapse

DIV_MODAL_CONTAINER_CLASSES =

"modal-container"

DIV_OVERLAY_CLASSES = Include enter-start classes so initial paint is hidden and transitions can animate smoothly

"modal-overlay modal-transition-overlay-enter-start"

DIV_DIALOG_CLASSES =

"modal-outer modal-transition-dialog-enter-start"

DIV_INNER_CLASSES =

"modal-inner"

DIV_CONTENT_CLASSES =

"modal-content"

DIV_MAIN_CLASSES =

"modal-main"

DIV_HEADER_CLASSES =

"modal-header"

DIV_TITLE_CLASSES =

"modal-title"

DIV_TITLE_H_CLASSES =

"modal-title-h"

DIV_FOOTER_CLASSES =

"modal-footer"

BUTTON_CLOSE_CLASSES =

"modal-close"

BUTTON_CLOSE_SR_ONLY_CLASSES =

"sr-only"

CLOSE_BUTTON_TAG_CLASSES =

"modal-close-button"

ICON_CLOSE_CLASSES =

"modal-close-icon"

TRANSITIONS =

{
  overlay: {
    enter: {
      animation: "modal-transition-overlay-enter-animation",
      start: "modal-transition-overlay-enter-start",
      end: "modal-transition-overlay-enter-end"
    },
    leave: {
      animation: "modal-transition-overlay-leave-animation",
      start: "modal-transition-overlay-leave-start",
      end: "modal-transition-overlay-leave-end"
    }
  },
  dialog: {
    enter: {
      animation: "modal-transition-dialog-enter-animation",
      start: "modal-transition-dialog-enter-start",
      end: "modal-transition-dialog-enter-end"
    },
    leave: {
      animation: "modal-transition-dialog-leave-animation",
      start: "modal-transition-dialog-leave-start",
      end: "modal-transition-dialog-leave-end"
    }
  }
}

Method Summary

Methods inherited from Base

#footer, #initialize, #title, #view_template

Methods included from Phlex::DeferredRenderWithMainContent

#view_template

Constructor Details

This class inherits a constructor from UltimateTurboModal::Base