modalist 1.0.0 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1cbf3abd0b4787f3ab6afb23b2846b05a0dd92a4de370e388ce249242e29f0f3
-  data.tar.gz: 38dfacf7c7d68db70b7444e7e8e7bd03a775773287ca35adf36b7b94c175fa1b
+  metadata.gz: 7b782323baccf5b9c81bd18326c8e18b4060ce55af8c7a11091f68343b9f1f43
+  data.tar.gz: ac6a9e9915dbb8542ecea9af8cc2f92f1d64814c764707656091d7105c831339
 SHA512:
-  metadata.gz: 47caee6ccf5fb50518790a4ae534448110b4836262651f284b729471c14fa8132bb1dc1c91f0ed3a050479a8bb8a091b591203c6fb793d85bd243dad614f07ca
-  data.tar.gz: dc75cd91513f0e666c01914e2bb3b6c6467c22f3077d9d0f8371c110bef7b1c5b2a8f2d35b23f2c167ca1d3cf2a21d2db442e12c50e1c6eb6a173ac44b698a81
+  metadata.gz: 78fd5ce85e533ff2f812c803c5886bdaacabd68ff265a1d8fcaaa09cce75421d669091d0654965032f25a752904ff090b4d70942b92c9c27c5054eaddf03d067
+  data.tar.gz: 809b847ce174a8fd66f46d69e8caef10dd51776ff86e9f9de5f41a6ac3c411d076ebb8fe6acf4f9d666894edc80004947d968ae0c9c930abe1e971d7b6c27c85

data/CHANGELOG.md

@@ -4,6 +4,11 @@
 
 * nothing yet
 
-### 1.0.0 - 2018-01-06
+### 1.0.1 - 2018/01/06
+
+* bugfixes
+    * fixed Modalist::ModalHelper render methods
+
+### 1.0.0 - 2018/01/06
 
 * initial release

data/README.md

@@ -8,7 +8,7 @@ Modalist is a powerful ajaxified modal solution for Rails. Here is how it works:
 2) Modalist fetches the modal contents from your specific modal-controller-action with AJAX
 3) The modal opens
 
-Modalist does not reinvent the wheel and uses the best modal-engine [iziModal.js](https://github.com/dolce/iziModal) to backup its code.
+Modalist does not reinvent the wheel and uses todays best modal-engine [iziModal.js](https://github.com/dolce/iziModal) to backup its code.
 
 ---
 
@@ -18,11 +18,8 @@ Modalist does not reinvent the wheel and uses the best modal-engine [iziModal.js
 * [Usage](#usage)
     * [Controllers](#controllers)
     * [Views](#views)
-    * [Trigger a modal](#trigger-a-modal)
-    * [Modalist functions](#modalist-functions)
-    * [Options](#options)
     * [Styles](#styles)
-    * [Events](#events)
+    * [Modalist.js](#modalistjs)
 * [To Do](#to-do)
 * [Contributing](#contributing)
     * [Contributors](#contributors)
@@ -65,7 +62,7 @@ First let's add the necessary assets to your pipeline:
 ```css
 /*
  *= require iziModal
- *= require modalist
+ *= require modalist.min
 */
 ```
 
@@ -79,7 +76,7 @@ Specify where modals should be located in your view:
     %head
         -# ...
     %body
-        = modalist
+        = render_modalist
         = yield
 ```
 
@@ -142,86 +139,6 @@ In your Modalist views are a couple of helper methods available:
 Content ...
 ```
 
-### Trigger a modal
-
-There are numerous ways to trigger/open a modal with Modalist.
-
-One options is to open the modal by calling a JavaScript function - more on that [here](#functions).
-
-#### Links
-
-The most common scenario is using a link to trigger the opening of a modal:
-
-```haml
-= link_to 'Open modal', settings_modalist_url, class: 'modalist--trigger'
-```
-
-You can use [data attributes](#options) to pass options customizing the modal.
-
-#### Forms
-
-When you want to open a modal after submitting a form - this is as simple as it gets:
-
-```haml
-= simple_form_for @setting, settings_modalist_url(id: @setting.id), method: :get do |f|
-    -# ...
-    = f.input :submit, input_html: { class: 'modalist--trigger', data: { modalist_form: true } }
-```
-
-You can use [data attributes](#options) to pass options customizing the modal.
-
-#### Elements
-
-You can also trigger a modal from any other HTML element in your view:
-
-```haml
-.modalist--trigger{ data: { modalist_url: settings_modalist_url } }
-```
-
-You can use [data attributes](#options) to pass options customizing the modal.
-
-### Modalist functions
-
-Modalist's JavaScript component provides a set of functions to handle your modals:
-
-#### Open modals
-
-```js
-Modalist.open({ url: 'http://localhost:3000/settings/modal' });
-```
-
-You can pass [options](#options) to customize the modal:
-
-```js
-Modalist.open({
-    url: 'http://localhost:3000/settings/modal',
-    form: false,
-    fullScreen: false
-});
-```
-
-#### Close modals
-
-```js
-Modalist.close();
-```
-
-### Options
-
-There are two sets of options you can pass to Modalist. Those who get passed on initialization and those who get passed on any subsequent calls of a function.
-
-#### Initialization
-
-**`ìziModal`:** Options hash utilized to initialize [iziModal](https://github.com/dolce/iziModal).
-
-#### Subsequent calls
-
-**`url`:** URL to fetch content of the modal from. Takes a string.
-
-**`form`:** Submit a form and use the response to populate the modal. Takes a string to specify a jQuery selector for the form or `false`.
-
-**`fullScreen`:** Show a full screen modal instead of the default windowed modal. Takes a 'true', `'mobile'` (uses a full screen modal on devices smaller than `800px`) or `false`.
-
 ### Styles
 
 To customize the styles of your modals, require the vendored default styles and then override them with your custom CSS.
@@ -239,21 +156,9 @@ It is often useful to be able to provide view-specific styles. Modalist therefor
 }
 ```
 
-### Events
-
-Modalist emits events that allow you to track the navigation lifecycle and respond to content loading. Modalist fires events on the `$(document)` object.
-
-* `modalist:click` fires when you click a Modal enabled link to trigger a modal opening. The clicked element is the event target. Access the requested location with `event.data.url`.
-
-* `modalist:request-start` fires before Modal issues a network request to fetch the modal content.
-
-* `modalist:request-end` fires after the network request completes.
-
-* `modalist:before-render` fires before rendering the content.
-
-* `modalist:render` fires after Modal renders the content in the modal.
+### Modalist.js
 
-* `modalist:load` fires after Modal completed preparing and opened the modal.
+Continue reading [here](https://github.com/jonhue/modalist.js) to learn how to use modalist.js to open modals and fetch their content vie AJAX.
 
 ---
 

data/app/helpers/modalist/modal_helper.rb

@@ -1,12 +1,12 @@
 module Modalist
     module ModalHelper
 
-        def modalist
-            render 'modalist/modal'
+        def render_modalist
+            render partial: 'modalist/modal'
         end
 
         def modalist_close
-            render 'modalist/close'
+            render partial: 'modalist/close'
         end
 
         def modalist_title title

data/lib/modalist/version.rb

@@ -1,5 +1,5 @@
 module Modalist
 
-    VERSION = '1.0.0'
+    VERSION = '1.0.1'
 
 end

data/vendor/javascripts/modalist.js

@@ -1,3 +1,29 @@
+/**!
+ * @fileOverview modalist.js - A powerful AJAX modal plugin extending iziModal
+ * @version 1.0.0
+ * @license
+ * MIT License
+ *
+ * Copyright (c) 2017 Jonas Hübotter
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
 (function($) {
     var Modalist = new function(options) {
 

data/vendor/javascripts/modalist.min.js

@@ -0,0 +1,27 @@
+/**!
+ * @fileOverview modalist.js - A powerful AJAX modal plugin extending iziModal
+ * @version 1.0.0
+ * @license
+ * MIT License
+ *
+ * Copyright (c) 2017 Jonas Hübotter
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+(function(b){var a=new function(c){var d={iziModal:{}};c=b.extend(d,c);this.modal=b("#modalist");this.iziModal=b(a.modal).iziModal(c.iziModal);b(".modalist--trigger").unbind("click");b(".modalist--trigger").click(function(h){h.preventDefault();var h=jQuery.Event("modalist:click"),e=b(this).data("modalist-url")||b(this).attr("href"),g=b(this).data("modalist-form")||false,f=b(this).data("modalist-full-screen");h.target=b(this);h.data={url:e};b(document).trigger(h);a.reset();a.fullScreen(f);a.load(e,g)});this.open=function(e){var f={url:null,form:false,fullScreen:false};e=b.extend(f,e);a.reset();a.fullScreen(e.fullScreen);a.load(e.url,e.form)};this.close=function(){b(a.modal).iziModal("close")};this.reset=function(){b(a.modal).iziModal("setTransitionIn","comingIn");b(a.modal).iziModal("setTransitionOut","comingOut");b(a.modal).data("full-screen",false);b(a.modal).iziModal("setTop","auto");b(a.modal).iziModal("setBottom","auto")};this.fullScreen=function(e){if(e=="true"||(e=="mobile"&&b(window).width()<=800)){b(a.modal).iziModal("setTransitionIn","fadeInRight");b(a.modal).iziModal("setTransitionOut","fadeOutRight");b(a.modal).data("full-screen",true)}};this.load=function(f,e){var g={form:false};e=b.extend(g,e);b(document).trigger("modalist:request-start");if(e.form){b.ajax({url:b(e.form).attr("action"),type:"GET",data:b(e.form).serialize(),success:function(h){b(document).trigger("modalist:request-end");a.data(h)}})}else{b.get(f,function(h){b(document).trigger("modalist:request-end");a.data(h)})}};this.data=function(e){b(document).trigger("modalist:before-render");b(a.modal).find(".iziModal-content").html(e);b(document).trigger("modal:render");b(a.modal).iziModal("open");if(b(a.modal).height()+60>b(window).height()){b(a.modal).iziModal("setTop",30);b(a.modal).iziModal("setBottom",30)}b(document).trigger("modalist:load")}}})(jQuery);

data/vendor/stylesheets/modailst.min.css

@@ -0,0 +1,27 @@
+/**!
+ * @fileOverview modalist.js - A powerful AJAX modal plugin extending iziModal
+ * @version 1.0.0
+ * @license
+ * MIT License
+ *
+ * Copyright (c) 2017 Jonas Hübotter
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+#modalist.iziModal{box-shadow:0 0.0625em 0.3125em 0 rgba(101,119,134,0.05);border:.0625rem solid #DCE2E7;border-radius:.3125rem !important;max-width:90% !important;width:37.5rem;transition:margin-top .25s ease-out !important}#modalist.iziModal::after{content:none}#modalist.iziModal[data-full-screen="true"]{max-width:100% !important;width:100%;border-radius:0 !important;border:none;height:100vh !important}#modalist.iziModal[data-full-screen="true"].fadeInRight{animation:modalist-fadeInRight .35s ease-out !important}#modalist.iziModal[data-full-screen="true"].fadeOutRight{animation:modalist-fadeOutRight .35s ease-out !important}#modalist.iziModal ::-webkit-scrollbar{width:.3125rem}#modalist.iziModal ::-webkit-scrollbar-track{background:transparent}#modalist.iziModal ::-webkit-scrollbar-thumb{border-radius:.15625rem;background:#DCE2E7}#modalist.iziModal ::-webkit-scrollbar-thumb:hover{background:#bec7cf}#modalist.iziModal>.iziModal-wrap{border-radius:.3125rem;border-bottom:.0625rem solid #DCE2E7}#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header{background:#FCFCFC;border-radius:.3125rem .3125rem 0 0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:.0625rem solid #DCE2E7}#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header h4,#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header p{margin:0}#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header h4{line-height:1.58;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:600;font-size:1.125rem;color:#14171A}@media (min-width: 800px){#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header h4{font-size:1.25rem}}#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header p{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#3d4553;font-weight:normal;letter-spacing:-.003em;font-size:.875rem;line-height:1.75}@media (min-width: 800px){#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header p{font-size:1rem}}#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header .modalist--close{display:flex;align-items:center;justify-content:center;opacity:.85}#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header .modalist--close:hover,#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--header .modalist--close:focus{opacity:1}#modalist.iziModal>.iziModal-wrap>.iziModal-content>.modalist--content{background:white;border-radius:.3125rem;padding:1.25rem}.iziModal-overlay{background:rgba(231,236,240,0.87) !important}#modalist.iziModal,.iziModal-overlay{animation-duration:.5s !important}@keyframes modalist-fadeInRight{from{transform:translateX(100%)}to{transform:none}}@keyframes modalist-fadeOutRight{from{transform:none}to{transform:translateX(100%)}}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: modalist
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.1
 platform: ruby
 authors:
 - Jonas Hübotter
@@ -89,9 +89,10 @@ files:
 - vendor/javascripts/iziModal.js
 - vendor/javascripts/iziModal.min.js
 - vendor/javascripts/modalist.js
+- vendor/javascripts/modalist.min.js
 - vendor/stylesheets/iziModal.css
 - vendor/stylesheets/iziModal.min.css
-- vendor/stylesheets/modalist.sass
+- vendor/stylesheets/modailst.min.css
 homepage: https://github.com/jonhue/modalist
 licenses:
 - MIT

data/vendor/stylesheets/modalist.sass

@@ -1,86 +0,0 @@
-#modalist.iziModal
-    box-shadow: 0 .0625em .3125em 0 rgba(color(text, base, true), .05)
-    border: .0625rem solid #DCE2E7
-    border-radius: .3125rem !important
-    max-width: 90% !important
-    width: 37.5rem
-    // temporarily fixing height resizing
-    transition: margin-top .25s ease-out !important
-    &::after
-        content: none
-    &[data-full-screen="true"]
-        max-width: 100% !important
-        width: 100%
-        border-radius: 0 !important
-        border: none
-        height: 100vh !important
-        &.fadeInRight
-            animation: modalist-fadeInRight .35s ease-out !important
-        &.fadeOutRight
-            animation: modalist-fadeOutRight .35s ease-out !important
-    ::-webkit-scrollbar
-        width: .3125rem
-    ::-webkit-scrollbar-track
-        background: transparent
-    ::-webkit-scrollbar-thumb
-        border-radius: .15625rem
-        background: #DCE2E7
-    ::-webkit-scrollbar-thumb:hover
-        background: #bec7cf
-    & > .iziModal-wrap
-        border-radius: .3125rem
-        border-bottom: .0625rem solid #DCE2E7
-        & > .iziModal-content
-            & > .modalist--header
-                background: #FCFCFC
-                border-radius: .3125rem .3125rem 0 0
-                display: flex
-                align-items: center
-                justify-content: space-between
-                padding: 1.25rem
-                border-bottom: .0625rem solid #DCE2E7
-                h4, p
-                    margin: 0
-                h4
-                    line-height: 1.58
-                    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
-                    font-weight: 600
-                    font-size: 1.125rem
-                    color: #14171A
-                    @media (min-width: 800px)
-                        font-size: 1.25rem
-                p
-                    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
-                    color: #3d4553
-                    font-weight: normal
-                    letter-spacing: -.003em
-                    font-size: .875rem
-                    line-height: 1.75
-                    @media (min-width: 800px)
-                        font-size: 1rem
-                .modalist--close
-                    display: flex
-                    align-items: center
-                    justify-content: center
-                    opacity: .85
-                    &:hover, &:focus
-                        opacity: 1
-            & > .modalist--content
-                background: white
-                border-radius: .3125rem
-                padding: 1.25rem
-.iziModal-overlay
-    background: transparentize(#E7ECF0, 0.13) !important
-#modalist.iziModal, .iziModal-overlay
-    animation-duration: .5s !important
-
-@keyframes modalist-fadeInRight
-    from
-        transform: translateX(100%)
-    to
-        transform: none
-@keyframes modalist-fadeOutRight
-    from
-        transform: none
-    to
-        transform: translateX(100%)