pageflow-internal-links 0.2.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0845761ea65ab16498a70c7d3364b69cc1c3aff6
-  data.tar.gz: 3676084ee081f6d236146aece24c1c92db12cb33
+  metadata.gz: 52df1b9dcf29bb39776058164da43e087bafd77e
+  data.tar.gz: 4a91b9d5b35789efdc5ae81bcd800995296f16b3
 SHA512:
-  metadata.gz: ac0533baa66a611b2ca887a04261b8e9ea5903ebca758853152b72a6b2db907cf111f2b00e960b60339bf8dda4981578e05986d50400a5718c5d7322fe2ad89f
-  data.tar.gz: c11bcc37e3da97991256825f8de1355f6954970b8122922b5ee68326773c6cc74f26a712049c8e30a35b984dab689cf9fb481ba7e71d5ff1b62c4e6743a6ff4c
+  metadata.gz: 8d50464ef1da30024124078851c0ad933e54f1f079f0999e6aa3f115325afc3e0a2ca8fdc9af08109c90d8bd7394a250a56f07306f4c7edc81bb9e0e882148cd
+  data.tar.gz: 0e42e90a826ef4f7e0d24d16df6463223024bb80b71a9de36b22ce420d8239fc92a38c0ea6dd12ba53b8c608d44421eb3231e6eb5f94c2d4eaeff09c334f04c0

data/CHANGELOG.md

@@ -1,18 +1,41 @@
 # CHANGELOG
 
-### Version 0.2.0
+### Version 1.0.0
 
-2016-06-09
+2017-08-11
 
-[Compare changes](https://github.com/codevise/pageflow-internal-links/compare/v0.1.0...v0.2.0)
+[Compare changes](https://github.com/codevise/pageflow-internal-links/compare/0-x-stable...v1.0.0)
 
-- Use common page link attribute inline help texts
-  ([#5](https://github.com/codevise/pageflow-internal-links/pull/5))
-- Add themeable page type pictograms
-  ([#4](https://github.com/codevise/pageflow-internal-links/pull/4))
+##### Breaking Changes
 
-### Version 0.1.0
+[Compare changes](https://github.com/codevise/pageflow-internal-links/compare/0-2-stable...master)
 
-2015-10-23
+- Grid page type registration is performed by plugin call now.
+  ([#11](https://github.com/codevise/pageflow-internal-links/pull/11))
 
-Initial release.
+  Ensure you register the plugin in your Pageflow initializer:
+
+        config.plugin(Pageflow::InternalLinks.plugin)
+
+  Remove manual registration of page type:
+
+        # Delete the following line
+        config.page_types.register(Pageflow::InternalLinks.grid_page_type)
+
+- Require Pageflow 12
+  ([#10](https://github.com/codevise/pageflow-internal-links/pull/10))
+
+##### Minor Changes
+
+- Allow custom images in list page link items
+  ([#9](https://github.com/codevise/pageflow-internal-links/pull/9))
+- Allow to use background video
+  ([#8](https://github.com/codevise/pageflow-internal-links/pull/8))
+- Rename .css.scss files to just .scss
+  ([#7](https://github.com/codevise/pageflow-internal-links/pull/7))
+- Add no repeat to thumbails background
+  ([#6](https://github.com/codevise/pageflow-internal-links/pull/6))
+
+See
+[0-2-stable branch](https://github.com/codevise/pageflow-internal-links/blob/0-2-stable/CHANGELOG.md)
+for previous changes.

data/Gemfile

@@ -2,9 +2,3 @@ source 'https://rubygems.org'
 
 # Specify your gem's dependencies in chart.gemspec
 gemspec
-
-# Rails 4 compat
-gem 'activeadmin', :git => 'https://github.com/codevise/active_admin.git', :branch => 'rails4'
-gem 'ransack'
-gem 'inherited_resources', '1.4.1'
-gem 'formtastic', '2.3.0.rc2'

data/README.md

@@ -15,7 +15,7 @@ Register the page types:
 
     # config/initializers/pageflow.rb
     Pageflow.configure do |config|
-      config.page_types.register(Pageflow::InternalLinks.grid_page_type)
+      config.plugin(Pageflow::InternalLinks.plugin)
     end
 
 Include javascripts and stylesheets:
@@ -26,15 +26,15 @@ Include javascripts and stylesheets:
     # app/assets/javascripts/pageflow/editor.js
     //= require pageflow/internal_links/editor
 
-    # app/assets/stylesheets/pageflow/application.css.scss
+    # app/assets/stylesheets/pageflow/application.scss
     @import "pageflow/internal_links";
 
-    # app/assets/stylesheets/pageflow/editor.css.scss
+    # app/assets/stylesheets/pageflow/editor.scss
     @import "pageflow/internal_links/editor";
 
 Import the default theme additions:
 
-    # app/assets/stylesheets/pageflow/themes/default.css.scss
+    # app/assets/stylesheets/pageflow/themes/default.scss
 
     @import "pageflow/internal_links/themes/default";
     @import "pageflow/internal_links/themes/default/list_as_multiple_choice";
@@ -51,7 +51,9 @@ Migrate the database:
 
     bundle exec rake db:migrate
 
-Restart the application server.
+Restart the application server. The grid page type is available by
+default. For the list page type enable the corresponding feature in
+the tab *features*.
 
 ## Troubleshooting
 

data/app/assets/javascripts/pageflow/internal_links/editor/config.js

@@ -5,11 +5,6 @@ pageflow.editor.pageTypes.register('internal_links_grid', {
     'nav li': {
       view: pageflow.internalLinks.GridItemEmbeddedView,
       options: {propertyName: 'linked_page_ids'}
-    },
-
-    '.background_image': {
-      view: pageflow.BackgroundImageEmbeddedView,
-      options: {propertyName: 'background_image_id'}
     }
   },
 
@@ -24,11 +19,6 @@ pageflow.editor.pageTypes.register('internal_links_list', {
   embeddedViews: {
     'nav': {
       view: pageflow.internalLinks.ListEmbeddedView
-    },
-
-    '.background_image': {
-      view: pageflow.BackgroundImageEmbeddedView,
-      options: {propertyName: 'background_image_id'}
     }
   },
 

data/app/assets/javascripts/pageflow/internal_links/editor/models/page_link.js

@@ -1,6 +1,8 @@
 pageflow.internalLinks.PageLink = Backbone.Model.extend({
   i18nKey: 'pageflow/internal_links/page_link',
 
+  mixins: [pageflow.transientReferences],
+
   targetPage: function() {
     return pageflow.pages.getByPermaId(this.get('target_page_id'));
   },
@@ -9,6 +11,21 @@ pageflow.internalLinks.PageLink = Backbone.Model.extend({
     return this.get('label');
   },
 
+  thumbnailFile: function() {
+    var thumbnailFile = this.getReference('thumbnail_image_id',
+                                           pageflow.imageFiles);
+
+    if (thumbnailFile) {
+      return thumbnailFile;
+    }
+    else if (this.targetPage()) {
+      return this.targetPage().thumbnailFile();
+    }
+    else {
+      return null
+    }
+  },
+
   editPath: function() {
     return '/internal_links_pages/' + this.getRoutableId() + '/page_links/' + this.id;
   },
@@ -32,4 +49,4 @@ pageflow.internalLinks.PageLink = Backbone.Model.extend({
   remove: function() {
     this.collection.remove(this);
   }
-});
+});

data/app/assets/javascripts/pageflow/internal_links/editor/models/page_link_file_selection_handler.js

@@ -0,0 +1,17 @@
+pageflow.internalLinks.PageLinkFileSelectionHandler = function(options) {
+  var page = pageflow.pages.get(options.id);
+  var pageLink = page.pageLinks().get(options.pageLinkId);
+
+  this.call = function(file) {
+    pageLink.setReference(options.attributeName, file);
+  };
+
+  this.getReferer = function() {
+    return '/internal_links_pages/' + options.id + '/page_links/' + options.pageLinkId;
+  };
+};
+
+pageflow.editor.registerFileSelectionHandler(
+  'internalLinks.pageLink',
+  pageflow.internalLinks.PageLinkFileSelectionHandler
+);

data/app/assets/javascripts/pageflow/internal_links/editor/views/edit_page_link_view.js

@@ -43,6 +43,9 @@ pageflow.internalLinks.EditPageLinkView = Backbone.Marionette.Layout.extend({
   },
 
   configure: function(configurationEditor) {
+    var pageLink = this.model;
+    var page = pageLink.collection.page;
+
     configurationEditor.tab('general', function() {
       this.input('label', pageflow.TextInputView);
       this.input('target_page_id', pageflow.PageLinkInputView);
@@ -52,6 +55,20 @@ pageflow.internalLinks.EditPageLinkView = Backbone.Marionette.Layout.extend({
         blankTranslationKey: 'pageflow.internal_links.editor.views.edit_page_link_view.default_page_transition',
         values: pageflow.pageTransitions.names()
       });
+      this.input('thumbnail_image_id', pageflow.FileInputView, {
+        collection: pageflow.imageFiles,
+        positioning: false,
+
+        fileSelectionHandler: 'internalLinks.pageLink',
+        fileSelectionHandlerOptions: {
+          pageLinkId: pageLink.id,
+        },
+
+        visibleBinding: 'id',
+        visible: function() {
+          return page.get('template') === 'internal_links_list';
+        }
+      });
       this.input('description', pageflow.TextAreaInputView, {
         size: 'short'
       });
@@ -68,4 +85,4 @@ pageflow.internalLinks.EditPageLinkView = Backbone.Marionette.Layout.extend({
   goBack: function() {
     pageflow.editor.navigate('/pages/' + this.options.page.id + '/links', {trigger: true});
   }
-});
+});

data/app/assets/javascripts/pageflow/internal_links/editor/views/grid_configuration_editor_view.js

@@ -5,7 +5,7 @@ pageflow.internalLinks.GridConfigurationEditorView = pageflow.ConfigurationEdito
     });
 
     this.tab('files', function() {
-      this.input('background_image_id', pageflow.FileInputView, {collection: pageflow.imageFiles});
+      this.group('background');
       this.input('thumbnail_image_id', pageflow.FileInputView, {
         collection: pageflow.imageFiles,
         positioning: false

data/app/assets/javascripts/pageflow/internal_links/editor/views/list_configuration_editor_view.js

@@ -5,7 +5,7 @@ pageflow.internalLinks.ListConfigurationEditorView = pageflow.ConfigurationEdito
     });
 
     this.tab('files', function() {
-      this.input('background_image_id', pageflow.FileInputView, {collection: pageflow.imageFiles});
+      this.group('background');
       this.input('thumbnail_image_id', pageflow.FileInputView, {
         collection: pageflow.imageFiles,
         positioning: false

data/app/assets/javascripts/pageflow/internal_links/editor/views/list_item_embedded_view.js

@@ -36,12 +36,17 @@ pageflow.internalLinks.ListItemEmbeddedView = Backbone.Marionette.ItemView.exten
   update: function() {
     var targetPage = this.targetPage();
 
-    if (!('currentTargetPage' in this) || this.currentTargetPage !== targetPage) {
+    if (!('currentTargetPage' in this) ||
+        this.currentTargetPage !== targetPage ||
+        !('currentThumbnailImageId' in this) ||
+        this.currentThumbnailImageId != this.model.get('thumbnail_image_id')) {
+
       if (this.currentTargetPage) {
         this.stopListening(this.currentTargetPage.configuration, 'change:description');
       }
 
       this.currentTargetPage = targetPage;
+      this.currentThumbnailImageId = this.model.get('thumbnail_image_id');
 
       this.ui.link.attr('data-page', targetPage ? targetPage.get('perma_id') : null);
 
@@ -68,7 +73,7 @@ pageflow.internalLinks.ListItemEmbeddedView = Backbone.Marionette.ItemView.exten
       this.ui.description.html(this.model.get('description'));
     }
     else {
-      this.ui.description.html(targetPage ? targetPage.configuration.get('description') : '');
+      this.ui.description.html(targetPage ? (targetPage.configuration.get('description') || '') : '');
     }
   },
 
@@ -80,7 +85,7 @@ pageflow.internalLinks.ListItemEmbeddedView = Backbone.Marionette.ItemView.exten
     }
 
     this.thumbnailView = this.subview(new pageflow.PageThumbnailView({
-      model: targetPage,
+      model: this.model,
       imageUrlPropertyName: 'link_thumbnail_url'
     }));
 
@@ -95,9 +100,13 @@ pageflow.internalLinks.ListItemEmbeddedView = Backbone.Marionette.ItemView.exten
     this.$el.toggleClass('empty', !targetPage && !editable);
     this.$el.toggleClass('unassigned', !targetPage);
     this.$el.toggleClass('highlighted', !!this.model.get('highlighted'));
+    this.ui.link.toggleClass('custom_thumbnail', !!this.model.getReference('thumbnail_image_id', pageflow.imageFiles));
+    this.ui.link.toggleClass('no_custom_thumbnail', !this.model.getReference('thumbnail_image_id', pageflow.imageFiles));
+    this.ui.link.toggleClass('own_description', !!this.model.get('description'));
+    this.ui.link.toggleClass('no_own_description', !this.model.get('description'));
   },
 
   targetPage: function() {
     return this.model.targetPage();
   }
-});
+});

data/app/assets/javascripts/pageflow/internal_links/grid_page_type.js

@@ -1,4 +1,4 @@
-pageflow.pageType.register('internal_links_grid', _.extend({
+pageflow.react.registerPageTypeWithDefaultBackground('internal_links_grid', {
   prepareNextPageTimeout: 0,
 
   enhance: function(pageElement, configuration) {
@@ -10,22 +10,16 @@ pageflow.pageType.register('internal_links_grid', _.extend({
     });
   },
 
-  preload: function(pageElement, configuration) {
-    return pageflow.preload.backgroundImage(pageElement.find('.background_image'));
-  },
-
   update: function(pageElement, configuration) {
     pageElement.find('h2 .tagline').text(configuration.get('tagline') || '');
     pageElement.find('h2 .title').text(configuration.get('title') || '');
     pageElement.find('h2 .subtitle').text(configuration.get('subtitle') || '');
     pageElement.find('p').html(configuration.get('text') || '');
 
-    this.updateCommonPageCssClasses(pageElement, configuration);
-
     pageElement.find('.shadow').css({
       opacity: configuration.get('gradient_opacity') / 100
     });
 
     pageElement.find('nav').attr('data-layout', configuration.get('linked_pages_layout'));
   }
-}, pageflow.commonPageCssClasses));
+});

data/app/assets/javascripts/pageflow/internal_links/list_page_type.js

@@ -1,4 +1,4 @@
-pageflow.pageType.register('internal_links_list', _.extend({
+pageflow.react.registerPageTypeWithDefaultBackground('internal_links_list', {
   prepareNextPageTimeout: 0,
 
   enhance: function(pageElement, configuration) {
@@ -10,8 +10,12 @@ pageflow.pageType.register('internal_links_list', _.extend({
     });
   },
 
-  preload: function(pageElement, configuration) {
-    return pageflow.preload.backgroundImage(pageElement.find('.background_image'));
+  activated: function(pageElement) {
+    this._updateThumbnailHeights(pageElement);
+  },
+
+  resize: function(pageElement) {
+    this._updateThumbnailHeights(pageElement);
   },
 
   update: function(pageElement, configuration) {
@@ -20,10 +24,24 @@ pageflow.pageType.register('internal_links_list', _.extend({
     pageElement.find('h2 .subtitle').text(configuration.get('subtitle') || '');
     pageElement.find('.contentText p').html(configuration.get('text') || '');
 
-    this.updateCommonPageCssClasses(pageElement, configuration);
-
     pageElement.find('.shadow').css({
       opacity: configuration.get('gradient_opacity') / 100
     });
+
+    this._updateThumbnailHeights(pageElement);
+  },
+
+  _updateThumbnailHeights: function(pageElement) {
+    pageElement.find('.page_link.custom_thumbnail').each(function() {
+      var thumbnail = $('.page_thumbnail', this);
+      var details = $('.details', this);
+
+      if ($(this).hasClass('own_description')) {
+        thumbnail.css('bottom', details.outerHeight() + 'px');
+      }
+      else {
+        thumbnail.css('bottom', '0');
+      }
+    });
   }
-}, pageflow.commonPageCssClasses));
+});

data/app/assets/stylesheets/pageflow/internal_links/grid.scss

@@ -124,6 +124,7 @@
       background-position: center;
       background-size: cover;
       position: relative;
+      background-repeat: no-repeat;
 
       div {
         position: absolute;

data/app/assets/stylesheets/pageflow/internal_links/themes/default/list_as_multiple_choice.scss

@@ -2,6 +2,14 @@
   $internal-links-list-main-color: $main-color-dark !default;
   $internal-links-list-item-background-color: rgba(48, 48, 48, 0.8) !default;
 
+  .contentText {
+    margin-bottom: 250px;
+
+    @include mobile {
+      margin-bottom: 0;
+    }
+  }
+
   nav {
     position: absolute;
     bottom: 6.666%;
@@ -46,21 +54,66 @@
       -ms-interpolation-mode: nearest-neighbor;
 
       .details {
-        position: absolute;
-        top: 50%;
-        margin: 0;
-        padding: 10%;
-        width: 100%;
-        box-sizing: border-box;
-        @include transform(translate(0,-50%));
-
         p:last-of-type {
           margin: 0;
         }
       }
 
-      .page_thumbnail {
-        display: none;
+      &.no_custom_thumbnail {
+        .details {
+          position: absolute;
+          top: 50%;
+          margin: 0;
+          padding: 10%;
+          width: 100%;
+          box-sizing: border-box;
+          @include transform(translate(0,-50%));
+
+          p:last-of-type {
+            margin: 0;
+          }
+        }
+
+        .page_thumbnail {
+          display: none;
+        }
+      }
+
+      &.custom_thumbnail {
+        .details {
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          right: 0;
+          padding: 7px 10px;
+          margin: 0;
+          font-size: 15px;
+
+          @media (max-width: 500px) {
+            font-size: 12px;
+          }
+        }
+
+        &.no_own_description {
+          .details {
+            display: none;
+          }
+        }
+
+        .page_thumbnail {
+          display: block;
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 35px;
+          padding: 0;
+        }
+
+        .page_thumbnail,
+        .page_thumbnail div {
+          background-position: 50% 50%;
+        }
       }
     }
     li:hover {
@@ -117,4 +170,4 @@
       }
     }
   }
-}
+}

data/app/helpers/pageflow/internal_links/page_links.rb

@@ -32,13 +32,14 @@ module Pageflow
           PageLink.new(attributes['target_page_id'],
                        attributes['position'].to_i,
                        attributes['page_transition'],
-                       attributes['description'])
+                       attributes['description'],
+                       attributes['thumbnail_image_id'])
         end.sort_by(&:position)
       end
 
       def parse_legacy_hash(hash)
         hash.map do |position, target_page_id|
-          PageLink.new(target_page_id, (position.to_i - 1), nil, nil)
+          PageLink.new(target_page_id, (position.to_i - 1), nil, nil, nil)
         end
       end
     end
@@ -46,7 +47,8 @@ module Pageflow
     class PageLink < Struct.new(:target_page_id,
                                 :position,
                                 :page_transition,
-                                :optional_description)
+                                :optional_description,
+                                :custom_thumbnail_image_id)
 
       attr_accessor :target_page
 
@@ -58,6 +60,19 @@ module Pageflow
         optional_description.presence || target_page_description
       end
 
+      def thumbnail_file
+        custom_thumbnail_file ||
+          (target_page && target_page.thumbnail_file)
+      end
+
+      def css_class
+        [
+          'page_link',
+          custom_thumbnail_file ? 'custom_thumbnail' : 'no_custom_thumbnail',
+          optional_description.present? ? 'own_description' : 'no_own_description'
+        ].compact.join(' ')
+      end
+
       def data_attributes
         {}.tap do |result|
           result[:page] = target_page.perma_id if target_page
@@ -71,6 +86,10 @@ module Pageflow
 
       private
 
+      def custom_thumbnail_file
+        @custom_thumbnail_file = ImageFile.find_by_id(custom_thumbnail_image_id)
+      end
+
       def target_page_description
         target_page ? target_page.configuration['description'] : ''
       end

data/app/views/pageflow/internal_links/grid/page.html.erb

@@ -1,7 +1,7 @@
 <div class="blackLayer"></div>
 <div class="content_and_background internal_links_page">
   <div class="backgroundArea">
-    <%= background_image_div(configuration, 'background_image') %>
+    <%= page_background_asset(configuration) %>
     <%= shadow_div :opacity => configuration['gradient_opacity'] %>
   </div>
   <div class="content scroller">

data/app/views/pageflow/internal_links/list/_page_link.html.erb

@@ -1,10 +1,9 @@
 <li>
-  <%= link_to("#", class: 'page_link', data: page_link.data_attributes) do %>
+  <%= link_to("#", class: page_link.css_class, data: page_link.data_attributes) do %>
     <%= content_tag(:div,
                     '',
                     class: ['page_thumbnail',
-                            page_link.target_page ? page_thumbnail_image_class(page_link.target_page, false) : nil].compact * ' ') %>
-
+                            file_thumbnail_css_class(page_link.thumbnail_file, :link_thumbnail_large)].compact * ' ') %>
     <div class="details">
       <p class="page_description">
         <%= raw(strip_links(page_link.description)) %>

data/app/views/pageflow/internal_links/list/page.html.erb

@@ -1,7 +1,7 @@
 <div class="blackLayer"></div>
 <div class="content_and_background internal_links_list_page">
   <div class="backgroundArea">
-    <%= background_image_div(configuration, 'background_image') %>
+    <%= page_background_asset(configuration) %>
     <%= shadow_div :opacity => configuration['gradient_opacity'] %>
   </div>
   <div class="content scroller">

data/config/locales/de.yml

@@ -1,4 +1,8 @@
 de:
+  activerecord:
+    attributes:
+      pageflow/internal_links/page_link:
+        thumbnail_image_id: Bild
   pageflow:
     internal_links:
       editor:
@@ -25,6 +29,8 @@ de:
               Im Gegensatz zur externen Verweis-Seite, werden hier interne Seiten innerhalb des
               Pageflows verlinkt. Dies bietet sich an, um den User gezielt durch den Pageflow zu leiten.
 
+              Für den Hintergrund kann ein Bild oder Video verwendet werden.
+
               Typische Anwendungsbeispiele: Willkommens-Seite, Kapitel-Startseite
         page_attributes:
           linked_pages_layout:
@@ -46,6 +52,8 @@ de:
 
               Links auf andere Seiten des Pageflows dargestellt als horizontal angeordnete Boxen mit einem kurzen Text.
 
+              Für den Hintergrund kann ein Bild oder Video verwendet werden.
+
               Typische Anwendungsbeispiele: Frage/Antwort-Seite, interaktives Interview, Quiz
         page_type_category_name: Verweise
         page_type_description: Verweise auf andere Seiten als Reihe von Antworten
@@ -56,3 +64,7 @@ de:
           label: Beschreibung
     internal_links_list:
       page_type_feature_name: Multiple Choice Seitentyp
+    ui:
+      inline_help:
+        pageflow/internal_links/page_link:
+          thumbnail_image_id: Ein Bild in der Verweis-Box anzeigen.

data/config/locales/en.yml

@@ -1,4 +1,8 @@
 en:
+  activerecord:
+    attributes:
+      pageflow/internal_links/page_link:
+        thumbnail_image_id: Image
   pageflow:
     internal_links:
       editor:
@@ -18,16 +22,7 @@ en:
         help_entries:
           page_type:
             menu_item: Internal Links Grid
-            text: |-
-              # Internal Links Grid
-
-              References to other pages inside a Pageflow
-
-              In contrast to external link, you can link to pages inside
-              your Pageflow. This page type helps you guide your users
-              through your Pageflow.
-
-              Examples of application: Welcome page, chapter homepage
+            text: "# Internal Links Grid\n\nReferences to other pages inside a Pageflow\n\nIn contrast to external link, you can link to pages inside\nyour Pageflow. This page type helps you guide your users\nthrough your Pageflow. \n\nYou can use an image or video for the background.\n\nExamples of application: Welcome page, chapter homepage"
         page_attributes:
           linked_pages_layout:
             inline_help: Emphasize one of the thumbnails.
@@ -43,13 +38,14 @@ en:
         help_entries:
           page_type:
             menu_item: Multiple Choice
-            text: |+
+            text: |-
               # Multiple Choice
 
               A collection of links to other pages of the Pageflow displayed as a row of boxes with some text.
 
-              Examples of application: Question/answer page, interactive interview, quiz
+              You can use an image or video for the background.
 
+              Examples of application: Question/answer page, interactive interview, quiz
         page_type_category_name: Links
         page_type_description: Links to other pages as collection of answers
         page_type_name: Multiple Choice
@@ -59,3 +55,7 @@ en:
           label: Description
     internal_links_list:
       page_type_feature_name: Multiple Choice Page Type
+    ui:
+      inline_help:
+        pageflow/internal_links/page_link:
+          thumbnail_image_id: Display image inside of page link box.

data/lib/pageflow/internal_links/plugin.rb

@@ -2,6 +2,7 @@ module Pageflow
   module InternalLinks
     class Plugin < Pageflow::Plugin
       def configure(config)
+        config.page_types.register(InternalLinks.grid_page_type)
         config.features.register(PageTypeFeature.new(InternalLinks.list_page_type))
       end
     end

data/lib/pageflow/internal_links/version.rb

@@ -1,5 +1,5 @@
 module Pageflow
   module InternalLinks
-    VERSION = '0.2.0'.freeze
+    VERSION = '1.0.0'.freeze
   end
 end

data/pageflow-internal-links.gemspec

@@ -13,12 +13,16 @@ Gem::Specification.new do |spec|
   spec.license       = 'MIT'
 
   spec.files         = `git ls-files`.split($/)
-  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ['lib']
 
-  spec.add_runtime_dependency('pageflow', '~> 0.10')
+  spec.required_ruby_version = '~> 2.1'
+
+  spec.add_runtime_dependency('pageflow', '~> 12.x')
+
+  spec.add_development_dependency 'bundler', '~> 1.0'
+  spec.add_development_dependency 'rake', '~> 12.0'
 
   # Semantic versioning rake tasks
-  spec.add_development_dependency 'semmy', '~> 0.2'
+  spec.add_development_dependency 'semmy', '~> 1.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pageflow-internal-links
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 1.0.0
 platform: ruby
 authors:
 - Codevise Solutions
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-06-09 00:00:00.000000000 Z
+date: 2017-08-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: pageflow
@@ -16,28 +16,56 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.10'
+        version: 12.x
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.10'
+        version: 12.x
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
 - !ruby/object:Gem::Dependency
   name: semmy
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.2'
+        version: '1.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.2'
+        version: '1.0'
 description: 
 email:
 - info@codevise.de
@@ -71,6 +99,7 @@ files:
 - app/assets/javascripts/pageflow/internal_links/editor/controllers/side_bar_controller.js
 - app/assets/javascripts/pageflow/internal_links/editor/models/page_configuration_mixin.js
 - app/assets/javascripts/pageflow/internal_links/editor/models/page_link.js
+- app/assets/javascripts/pageflow/internal_links/editor/models/page_link_file_selection_handler.js
 - app/assets/javascripts/pageflow/internal_links/editor/routers/side_bar_router.js
 - app/assets/javascripts/pageflow/internal_links/editor/templates/edit_page_link.jst.ejs
 - app/assets/javascripts/pageflow/internal_links/editor/templates/grid_item_embedded.jst.ejs
@@ -85,9 +114,9 @@ files:
 - app/assets/javascripts/pageflow/internal_links/editor/views/page_link_embedded_view.js
 - app/assets/javascripts/pageflow/internal_links/grid_page_type.js
 - app/assets/javascripts/pageflow/internal_links/list_page_type.js
-- app/assets/stylesheets/pageflow/internal_links.css.scss
-- app/assets/stylesheets/pageflow/internal_links/editor.css.scss
-- app/assets/stylesheets/pageflow/internal_links/editor/embedded_grid_item.css.scss
+- app/assets/stylesheets/pageflow/internal_links.scss
+- app/assets/stylesheets/pageflow/internal_links/editor.scss
+- app/assets/stylesheets/pageflow/internal_links/editor/embedded_grid_item.scss
 - app/assets/stylesheets/pageflow/internal_links/editor/embedded_list_item.scss
 - app/assets/stylesheets/pageflow/internal_links/grid.scss
 - app/assets/stylesheets/pageflow/internal_links/list.scss
@@ -121,9 +150,9 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - "~>"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '2.1'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
@@ -131,7 +160,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.5
+rubygems_version: 2.6.8
 signing_key: 
 specification_version: 4
 summary: Pageflow page types for linking to other pages.