integral 1.0.1 → 1.5.0

data/app/assets/javascripts/integral/support/lib/materialize-tags.js

@@ -1,3 +1,4 @@
+/* Modified Version of - https://github.com/henrychavez/materialize-tags/blob/1.0.0/src/materialize-tags.js */
 (function ($)
 {
     "use strict";
@@ -440,50 +441,50 @@
 
                 switch (event.which)
                 {
-                    // BACKSPACE
-                    case 8:
-                        if (doGetCaretPosition($input[0]) === 0)
-                        {
-                            var prev = $inputWrapper.prev();
-                            if (prev)
-                            {
-                                self.remove(prev.data('item'));
-                            }
-                        }
-                        break;
-
-                    // DELETE
-                    case 46:
-                        if (doGetCaretPosition($input[0]) === 0)
-                        {
-                            var next = $inputWrapper.next();
-                            if (next)
-                            {
-                                self.remove(next.data('item'));
-                            }
-                        }
-                        break;
-
-                    // LEFT ARROW
-                    case 37:
-                        // Try to move the input before the previous tag
-                        var $prevTag = $inputWrapper.prev();
-                        if ($input.val().length === 0 && $prevTag[0])
-                        {
-                            $prevTag.before($inputWrapper);
-                            $input.focus();
-                        }
-                        break;
-                    // RIGHT ARROW
-                    case 39:
-                        // Try to move the input after the next tag
-                        var $nextTag = $inputWrapper.next();
-                        if ($input.val().length === 0 && $nextTag[0])
-                        {
-                            $nextTag.after($inputWrapper);
-                            $input.focus();
-                        }
-                        break;
+                    // // BACKSPACE
+                    // case 8:
+                    //     if (doGetCaretPosition($input[0]) === 0)
+                    //     {
+                    //         var prev = $inputWrapper.prev();
+                    //         if (prev)
+                    //         {
+                    //             self.remove(prev.data('item'));
+                    //         }
+                    //     }
+                    //     break;
+                    //
+                    // // DELETE
+                    // case 46:
+                    //     if (doGetCaretPosition($input[0]) === 0)
+                    //     {
+                    //         var next = $inputWrapper.next();
+                    //         if (next)
+                    //         {
+                    //             self.remove(next.data('item'));
+                    //         }
+                    //     }
+                    //     break;
+                    //
+                    // // LEFT ARROW
+                    // case 37:
+                    //     // Try to move the input before the previous tag
+                    //     var $prevTag = $inputWrapper.prev();
+                    //     if ($input.val().length === 0 && $prevTag[0])
+                    //     {
+                    //         $prevTag.before($inputWrapper);
+                    //         $input.focus();
+                    //     }
+                    //     break;
+                    // // RIGHT ARROW
+                    // case 39:
+                    //     // Try to move the input after the next tag
+                    //     var $nextTag = $inputWrapper.next();
+                    //     if ($input.val().length === 0 && $nextTag[0])
+                    //     {
+                    //         $nextTag.after($inputWrapper);
+                    //         $input.focus();
+                    //     }
+                    //     break;
                     default:
                     // ignore
                 }
@@ -515,6 +516,10 @@
                     event.preventDefault();
                 }
 
+                if (!self.options.freeInput && keyCombinationInList(event, self.options.confirmKeys)) {
+                  event.preventDefault();
+                }
+
                 // Reset internal input's size
                 var textLength = $input.val().length,
                     wordSpace  = Math.ceil(textLength / 5),

data/app/assets/javascripts/integral/support/list.coffee

@@ -64,6 +64,7 @@ class this.List
     # Initialize new ListItem
     list_item = new ListItem(@, new_item)
     modal.foundation()
+    modal.find('input, textarea').characterCounter()
 
     @_initializeSortable()
     @_calculateListItemPriorities()

data/app/assets/javascripts/integral/support/ls.instagram.js

@@ -0,0 +1,57 @@
+/* LazySizes Plugin for Instagram created from the Twitter plugin */
+(function(window, factory) {
+	if(!window) {return;}
+	var globalInstall = function(){
+		factory(window.lazySizes);
+		window.removeEventListener('lazyunveilread', globalInstall, true);
+	};
+
+	factory = factory.bind(null, window, window.document);
+
+	if(typeof module == 'object' && module.exports){
+		factory(require('lazysizes'));
+	} else if(window.lazySizes) {
+		globalInstall();
+	} else {
+		window.addEventListener('lazyunveilread', globalInstall, true);
+	}
+}(typeof window != 'undefined' ?
+	window : 0, function(window, document, lazySizes) {
+	/*
+	 @example
+	 <blockquote class="lazyload" data-instagram="instagram" data-lang="en"><p lang="en" dir="ltr">Nothing Twitter is doing is working <a href="https://t.co/s0FppnacwK">https://t.co/s0FppnacwK</a> <a href="https://t.co/GK9MRfQkYO">pic.twitter.com/GK9MRfQkYO</a></p>&mdash; The Verge (@verge) <a href="https://twitter.com/verge/status/725096763972001794">April 26, 2016</a></blockquote>
+	 */
+	'use strict';
+	var instagramScriptAdded;
+
+	function loadExecuteInstagram(){
+		// if(window.twttr && twttr.widgets){
+		// 	twttr.widgets.load();
+		// 	return;
+		// }
+
+		if(instagramScriptAdded){
+			return;
+		}
+
+		var elem = document.createElement('script');
+		var insertElem = document.getElementsByTagName('script')[0];
+
+		elem.src = '//www.instagram.com/embed.js';
+
+		instagramScriptAdded = true;
+		insertElem.parentNode.insertBefore(elem, insertElem);
+	}
+
+	document.addEventListener('lazybeforeunveil', function(e){
+		if(e.detail.instance != lazySizes){return;}
+
+		var twttrWidget = e.target.getAttribute('data-instagram');
+
+		if(twttrWidget){
+			lazySizes.aC(e.target, twttrWidget);
+			loadExecuteInstagram();
+		}
+	});
+
+}));

data/app/assets/javascripts/integral/support/ls.twitter.js

@@ -0,0 +1,66 @@
+/* 5.2.0 - https://github.com/aFarkas/lazysizes */
+(function(window, factory) {
+	if(!window) {return;}
+	var globalInstall = function(){
+		factory(window.lazySizes);
+		window.removeEventListener('lazyunveilread', globalInstall, true);
+	};
+
+	factory = factory.bind(null, window, window.document);
+
+	if(typeof module == 'object' && module.exports){
+		factory(require('lazysizes'));
+	} else if(window.lazySizes) {
+		globalInstall();
+	} else {
+		window.addEventListener('lazyunveilread', globalInstall, true);
+	}
+}(typeof window != 'undefined' ?
+	window : 0, function(window, document, lazySizes) {
+	/*
+	 @example
+	 <blockquote class="lazyload" data-twitter="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Nothing Twitter is doing is working <a href="https://t.co/s0FppnacwK">https://t.co/s0FppnacwK</a> <a href="https://t.co/GK9MRfQkYO">pic.twitter.com/GK9MRfQkYO</a></p>&mdash; The Verge (@verge) <a href="https://twitter.com/verge/status/725096763972001794">April 26, 2016</a></blockquote>
+
+	 <a class="lazyload"
+	 data-twitter="twitter-timeline"
+	 data-widget-id="600720083413962752"
+	 href="https://twitter.com/TwitterDev"
+	 width="300"
+	 height="300">
+	 Tweets by @TwitterDev
+	 </a>
+	 */
+	'use strict';
+	var scriptadded;
+
+	function loadExecuteTwitter(){
+		if(window.twttr && twttr.widgets){
+			twttr.widgets.load();
+			return;
+		}
+
+		if(scriptadded){
+			return;
+		}
+
+		var elem = document.createElement('script');
+		var insertElem = document.getElementsByTagName('script')[0];
+
+		elem.src = '//platform.twitter.com/widgets.js';
+
+		scriptadded = true;
+		insertElem.parentNode.insertBefore(elem, insertElem);
+	}
+
+	document.addEventListener('lazybeforeunveil', function(e){
+		if(e.detail.instance != lazySizes){return;}
+
+		var twttrWidget = e.target.getAttribute('data-twitter');
+
+		if(twttrWidget){
+			lazySizes.aC(e.target, twttrWidget);
+			loadExecuteTwitter();
+		}
+	});
+
+}));

data/app/assets/javascripts/integral/support/record_selector.coffee

@@ -81,6 +81,7 @@ class this.RecordSelector
         new_item.find('.subtitle').text(record.subtitle)
         new_item.find('.title').text(record.title)
         new_item.find('.record').trigger('click')
+        @recordsContainer.find('.no-records').hide()
 
     # handle click on record
     @recordsContainer.on 'click', '.record', (e) =>
@@ -99,6 +100,7 @@ class this.RecordSelector
     @recordsContainer.on 'click', '.pagination a', (ev) =>
       ev.preventDefault()
       pageNumber = @getUrlVars(ev.target.href)['page']
+      pageNumber = 1 unless pageNumber?
       @pageField.val(pageNumber)
       @form.submit()
 
@@ -121,7 +123,7 @@ class this.RecordSelector
 
   # Update details sidebar panel
   _updateDetails: ->
-    @container.find('.sidebar img').attr('src', @selectedData.image)
+    @container.find('.sidebar img').attr('src', @selectedData.image || '')
     @container.find('.sidebar .title').text(@selectedData.title)
     @container.find('.sidebar .description').text(@selectedData.description)
 

data/app/assets/javascripts/integral/support/remote_form.coffee

@@ -6,26 +6,26 @@ class this.RemoteForm
   constructor: (forms, opts={}) ->
     # 'forms' refers to one or more jquery objects whose target is a 'form' tag
     @forms = forms
-    # @opts = @_mergeDefaultOpts(opts)
+    @opts = @_mergeDefaultOpts(opts)
     @_setupEvents()
 
   # Create listeners and handlers for form events
   _setupEvents: =>
     # Handle form start
-    @forms.on "ajax:beforeSend", (event, data, status, xhr) =>
-      @_handleBeforeSend(event, data)
+    @forms.on "ajax:beforeSend", (xhr, opts) =>
+      @opts.handleBeforeSend(xhr, opts)
 
     # Handle form success
     @forms.on "ajax:success", (event, data, status, xhr) =>
-      @_handleSuccess(event, data)
+      @opts.handleSuccess(event, data)
 
     # Handle form error
     @forms.on "ajax:error", (event, data, status, xhr) =>
-      @_handleError(event, data)
+      @opts.handleError(event, data)
 
     # Handle form complete
     @forms.on "ajax:complete", (event, data, status, xhr) =>
-      @_handleComplete(event, data)
+      @opts.handleComplete(event, data)
 
   # What happens before AJAX request is sent
   _handleBeforeSend: (event, data) =>
@@ -52,8 +52,10 @@ class this.RemoteForm
 
     @broadcastEvent(target)
 
-    # Reset form
-    target[0].reset()
+    # Reset form if configured
+    resetOnSuccess = target.data('remote-form-reset-on-success')
+    resetOnSuccess = @opts.resetOnSuccess if resetOnSuccess == undefined
+    target[0].reset() if resetOnSuccess == true
 
     return Turbolinks.visit(data.redirect_url) if data.redirect_url
     return @successMessage(data.message) if data.message
@@ -81,7 +83,12 @@ class this.RemoteForm
       window.dataLayer.push
         'event' : event
 
+  _mergeDefaultOpts: (opts) =>
+    default_opts =
+      handleBeforeSend: @_handleBeforeSend
+      handleSuccess: @_handleSuccess
+      handleError: @_handleError
+      handleComplete: @_handleComplete
+      resetOnSuccess: true
 
-  # _mergeDefaultOpts: (opts) =>
-  #   # Some fancy reverse merge goes here
-  #   options =
+    $.extend({}, default_opts, opts)

data/app/assets/javascripts/integral/support/slug_generator.coffee

@@ -39,6 +39,7 @@ class this.SlugGenerator
     @inputField.change =>
       if @outputField.val() == ''
         @setSlug(@inputField.val())
+        @outputField.change().blur()
 
     @outputField.change =>
       @setSlug(@outputField.val())

data/app/assets/stylesheets/integral/backend.sass

@@ -4,6 +4,9 @@
 @import 'integral/backend/foundation_and_overrides'
 @import "integral/support/media-query-indicator"
 @import "integral/backend/materialize-tags"
+@import "integral/backend/modules/timeline"
+@import "integral/backend/modules/dropdown_pane_notifications"
+@import "integral/backend/modules/dropdown_pane_profile"
 @import 'integral/backend/shared'
 @import 'integral/backend/notifications'
 @import 'integral/backend/dashboard-layout'
@@ -22,6 +25,20 @@
       &.ins
         background-color: transparentize($success-color, 0.7)
 
+hr
+  border: solid 0.5px #f4f7fb
+  &.dark
+    border-color: #d4dfef
+    margin: 0.5em 0
+
+.data-unavailable
+  margin: 0 auto
+  display: flex
+  align-items: center
+  //color: #17212b;
+  span
+    margin-right: 2rem
+
 .card
   font-size: 0.9em
   .description
@@ -30,37 +47,32 @@
   .subtitle
     margin: -0.5em 0 -0.25em 0
     color: scale-color($body-font-color, $lightness: 20%)
-  .data-unavailable
-    float: right
-  > .card-section > .actions
+  > .actions
     a
       display: block
       margin-bottom: 1em
       margin-right: 1em
   i
-    width: 2em
+    width: 1.5rem
     text-align: center
 
-  hr
-    border: solid 0.5px #f4f7fb
-    &.dark
-      border-color: #d4dfef
-      margin: 0.5em 0
-  &.object
-    .info-item
-      border-top: solid 0.5px #d4dfef
-      font-size: 0.8em
-      padding: 0.5em 0
-      .attr
-        color: scale-color($body-font-color, $lightness: 10%)
+.card-unpadded.object
+  .info-item
+    border-top: solid 0.5px #d4dfef
+    font-size: 0.8em
+    padding: 0.5em 0
+    .attr
+      color: scale-color($body-font-color, $lightness: 10%)
 
-      .val
-        float: right
-        &.thumb img
-          max-width: 1rem
-          max-height: 1rem
+    .val
+      float: right
+      &.thumb img
+        max-width: 1rem
+        max-height: 1rem
 
-    .button
-      border-radius: 0px 0px 5px
-      font-size: 1em
+  .button
+    border-radius: 0px 0px 5px
+    font-size: 1em
 
+.flex-auto
+  flex: auto

data/app/assets/stylesheets/integral/backend/_foundation_settings.scss

@@ -81,7 +81,6 @@ $dark-gray: #8a8a8a;
 $black: #0a0a0a;
 $white: #fefefe;
 $twitter: #59A2DA;
-$google-plus: #E61610;
 $pink: #ef86ae;
 $body-background: #f7f7f7;
 $body-font-color: #17212b;
@@ -111,11 +110,11 @@ $breakpoints: (
   small: 0,
   medium: 640px,
   large: 1024px,
-  xlarge: 1200px,
+  xlarge: 1281px,
   xxlarge: 1440px,
 );
 $print-breakpoint: large;
-$breakpoint-classes: (small medium large);
+$breakpoint-classes: (small medium large xlarge xxlarge);
 
 // 3. The Grid
 // -----------
@@ -829,12 +828,12 @@ $titlebar-icon-spacing: 0.25rem;
 // -----------
 
 $has-tip-cursor: help;
-$has-tip-font-weight: $global-weight-bold;
-$has-tip-border-bottom: dotted 1px $dark-gray;
+$has-tip-font-weight: initial;
+$has-tip-border-bottom: none;
 $tooltip-background-color: $black;
 $tooltip-color: $white;
 $tooltip-padding: 0.75rem;
-$tooltip-max-width: 10rem;
+$tooltip-max-width: 12rem;
 $tooltip-font-size: $small-font-size;
 $tooltip-pip-width: 0.75rem;
 $tooltip-pip-height: $tooltip-pip-width * 0.866;