esphinx-rails-ui 1.0.0

data/lib/assets/javascripts/esphinx/ui/selectors/select.js

@@ -0,0 +1,238 @@
+var
+    esPhinx;
+
+
+(function($, $module) {
+    "use strict";
+
+    var
+        CSS_CLASS = "esphinx ui",
+        CSS_CLASS_QUERY = "." + CSS_CLASS.replace(/ +/g, ".");
+
+
+    $module.extend({
+        selectors: {Select: {}}
+    });
+
+    $.Extender.extend($module.selectors.Select, true, {
+        new: function(select, options) {
+            var
+                ConstructorReference = $module.selectors.Select.new,
+                wrapper = $("<div></div>"),
+                caption = $("<div></div>"),
+                optionsPanel = $("<div></div>"),
+                searchTextBox = $("<input></input>"),
+                abstractSelect = $("<ul></ul>"),
+                abstractOptions = [],
+                captionText = $("<div></div>"),
+                selectElement = $(select),
+                optionElements = selectElement.find("option"),
+
+                resolveArguments = function(options) {
+                    if(!options) {
+                        options = {};
+                    }
+
+                    if(!options.developmentMode ||
+                       typeof options.developmentMode != "boolean") {
+                        options.developmentMode = false;
+                    }
+                },
+
+                selected = function(select) {
+                    return $(select).find("option:checked");
+                },
+
+                toggleCaptionClass = function(caption) {
+                    caption.toggleClass("expanded-arrow", "retracted-arrow");
+                },
+
+                reattachFoundListEventListener = function(abstractOptions) {
+                    var
+                        callback = function(abstractOption) {
+                            $(abstractOption.element()).off("click");
+                            $(abstractOption.element()).on("click", function() {
+                                abstractOption.select();
+                            });
+                        };
+
+                    abstractOptions.forEach(callback);
+                },
+
+                composeOptions = function(optionElements) {
+                    var
+                        callback = function(option) {
+                            option = Option.new({
+                                option: option,
+                                select: selectElement,
+                                caption: caption,
+                                captionText: captionText,
+                                optionsPanel: optionsPanel,
+                                abstractSelect: abstractSelect
+                            });
+
+                            abstractOptions.push(option);
+                        };
+
+                    $(optionElements).each(callback);
+
+                    reattachFoundListEventListener(abstractOptions);
+                    abstractOptions = [];
+                },
+
+                compose = function() {
+                    if (!options.developmentMode) {
+                        selectElement.hide();
+                    }
+
+                    wrapper.insertAfter(selectElement);
+                    captionText.text(selected(selectElement).text());
+                    caption.append(captionText);
+                    wrapper.prepend(caption);
+                    wrapper.append(optionsPanel);
+                    optionsPanel.append(abstractSelect);
+
+                    var
+
+                        composeSearchTextBox = function() {
+                            searchTextBox.attribute("type", "text");
+                            optionsPanel.prepend(searchTextBox);
+
+                            $.ui.panels.autocomplete.new(searchTextBox,
+                                                         abstractSelect,
+                                                         options.autocomplete,
+                                function(found) {
+                                    composeOptions(found);
+                                }
+                            );
+                        };
+
+                    wrapper.addClass(CSS_CLASS + " select");
+                    caption.addClass("caption retracted-arrow");
+                    optionsPanel.addClass("options-panel");
+                    captionText.addClass("text");
+
+                    // toggle on click on caption
+                    caption.on("click", function() {
+                        optionsPanel.toggle();
+                        toggleCaptionClass($(this));
+                    });
+
+                    if (typeof options.searchTextBox == "boolean" &&
+                        options.searchTextBox) {
+                        composeSearchTextBox();
+                    }
+
+                    composeOptions(optionElements);
+                },
+
+                attachClickFromOutsideEventListener = function() {
+                    var
+                        wrapper = $(CSS_CLASS_QUERY + ".select"),
+                        optionsPanels = wrapper.find(".options-panel"),
+                        captions = wrapper.find(".caption");
+
+                    $(window.document).on("click", function(e) {
+
+                        if (!$(e.target).parent(CSS_CLASS_QUERY + ".select")
+                            .some()) {
+                            if (optionsPanels.visible()) {
+                                optionsPanels.hide();
+                                captions.removeClass("expanded-arrow");
+                                captions.addClass("retracted-arrow");
+                            }
+                        }
+                    });
+                },
+
+                addOptions = function(select, optionElements) {
+                    var
+                        callback = function(optionElement) {
+                            select.append(optionElement);
+                        };
+
+                    $(optionElements).each(callback);
+                },
+
+                replaceSelectOptions = function(select, optionElements) {
+                    select.clean();
+                    addOptions(select, $(optionElements));
+                },
+
+                Option = {
+                    new: function(data) {
+                        var
+                            option,
+                            abstractOption,
+                            ConstructorReference = Option.new,
+                            select = $(data.select),
+
+                            buildAbstractOption = function(li, option) {
+                                li = $(li);
+                                option = $(option);
+                                li.text(option.text());
+                                li.attribute("data-value", option
+                                             .attribute("value"));
+                            },
+
+                            append = function(abstractOption) {
+                                if (abstractOption.tagName() != "option") {
+                                    data.abstractSelect.append(abstractOption);
+                                }
+                            };
+
+                        if (!(this instanceof ConstructorReference)) {
+                            return new ConstructorReference(data);
+                        }
+
+                        if ($(data.option).tagName() == "option") {
+                            option = $(data.option);
+                            abstractOption = $("<li></li>");
+                            buildAbstractOption(abstractOption, option);
+                            append(abstractOption);
+                        } else {
+                            abstractOption = $(data.option);
+                            option = select.find("option[value='" +
+                                      abstractOption.data("value") + "']");
+                        }
+
+                        this.select = function() {
+                            $(data.captionText).text($(abstractOption)
+                                                     .textContent());
+                            select.find("option:checked").unselect();
+                            option.select();
+                            $(data.optionsPanel).hide();
+                            toggleCaptionClass(data.caption);
+                        };
+
+                        this.element = function() {
+                            return abstractOption;
+                        };
+                    }
+                };
+
+            if (!(this instanceof ConstructorReference)) {
+                return new ConstructorReference(select, options);
+            }
+
+            resolveArguments(options);
+            select = $(select);
+            compose();
+            attachClickFromOutsideEventListener();
+
+            this.addOptions = function(optionElements) {
+                addOptions(select, optionElements);
+                composeOptions(optionElements);
+            };
+
+            this.replaceOptions = function(optionElements) {
+                abstractSelect.clean();
+                replaceSelectOptions(select, optionElements);
+                composeOptions(optionElements);
+            };
+
+            return this;
+        }
+    });
+
+}(esPhinx, esPhinx.ui));

data/lib/assets/stylesheets/esphinx/ui/class.sass

@@ -0,0 +1,13 @@
+*
+  &.esphinx.ui
+    .transparent,
+    &.transparent
+      opacity: 0 !important
+
+    .hidden,
+    &.hidden
+      display: none
+
+    .fixed,
+    &.fixed
+      position: fixed

data/lib/assets/stylesheets/esphinx/ui/index.sass

@@ -0,0 +1 @@
+//= require_directory .

data/lib/assets/stylesheets/esphinx/ui/mixins.sass

@@ -0,0 +1 @@
+@import basicss/mixins

data/lib/assets/stylesheets/esphinx/ui/modal.sass

@@ -0,0 +1,61 @@
+@import mixins
+
+.esphinx.ui
+
+  &.modal
+    position: absolute
+    top: 0
+    bottom: 0
+    left: 0
+    right: 0
+
+    .mask
+      top: 0
+      bottom: 0
+      left: 0
+      right: 0
+      background-color: black
+      opacity: 0.3
+
+    section
+      +shadow(gray, 3px, 3px, 2px)
+      background: white
+      height: initial
+      width: initial
+      position: fixed !important
+      //alterou a centralização da imagem oO
+      //z-index: 1
+
+      header
+        padding: 5px 10px
+
+        .actions
+
+          display: inline-block
+
+          a
+            color: #ccc
+            font-weight: bold
+            font-size: 20px
+            text-decoration: none
+
+            &.close-button
+
+              &:before
+                content: "×"
+
+            &.hide-button
+              margin-left: 5px
+
+              &:before
+                content: "−"
+
+            &.close-button,
+            &.hide-button
+              &:hover
+                cursor: pointer
+                color: #999
+
+      .main
+        margin: 0
+        text-align: left

data/lib/assets/stylesheets/esphinx/ui/selects.sass

@@ -0,0 +1,69 @@
+.esphinx.ui
+  &.select
+    display: inline-block
+
+    .caption
+      border: 1px solid
+      padding: 5px
+      display: inline-block
+
+      cursor: pointer
+
+      .text
+        white-space: nowrap
+        overflow-x: hidden
+        text-overflow: ellipsis
+
+        display: inline-block
+        margin-right: 6px
+
+      &::after
+        vertical-align: top
+        display: inline-block
+        margin-right: -4px
+        text-align: center
+
+      &.retracted-arrow
+        &::after
+          content: '▼'
+
+      &.expanded-arrow
+        &::after
+          content: '▲'
+
+    .options-panel
+      display: none
+      border: 1px solid
+      margin-top: -1px
+      padding: 10px
+
+      position: absolute
+      background: white
+
+      ol, ul
+        overflow-y: auto
+
+        background: white
+
+        list-style: none
+        margin: 0
+
+        li
+          cursor: pointer
+
+          white-space: nowrap
+          overflow-x: hidden
+          text-overflow: ellipsis
+
+          padding: 3px 0
+
+        &.list-built-found
+          li
+            &:first-of-type
+              padding-top: 9px
+
+  &.list-built-found
+    background: white
+
+    li
+      cursor: default

data/lib/assets/stylesheets/esphinx/ui/tabs.sass

@@ -0,0 +1,14 @@
+.esphinx.ui
+  &.tabs
+    ul
+      list-style-type: none
+
+      &.navs
+        li
+          text-align: center
+
+          &:first-child
+            margin-left: initial
+
+          a
+            display: block

data/lib/assets/stylesheets/esphinx/ui/tooltips.sass

@@ -0,0 +1,17 @@
+.esphinx
+  &.ui
+    .tooltip
+      position: absolute
+      z-index: -1
+      opacity: 0
+
+      &.transition-in
+        opacity: 1
+        z-index: 1
+
+      .arrow
+        position: absolute
+        transform: rotate(45deg)
+        width: 12px
+        height: 12px
+        z-index: 1

data/lib/esphinx-rails-ui.rb

@@ -0,0 +1 @@
+require "esphinx/rails/ui/engine"

data/lib/esphinx/rails/ui/engine.rb

@@ -0,0 +1,9 @@
+module ESphinx
+  module Rails
+    module UI
+      class Engine < ::Rails::Engine
+
+      end
+    end
+  end
+end

data/lib/esphinx/rails/ui/version.rb

@@ -0,0 +1,7 @@
+module ESphinx
+  module Rails
+    module UI
+      VERSION = "1.0.0"
+    end
+  end
+end