Numerous fixes and improvements

_config/controller.yml

@@ -32,6 +32,7 @@ SilverStripe\CMS\Controllers\ContentController:
   load_css: true
   load_themed_js: true
   load_themed_css: false
+  load_custom_css: true
   load_component_requirements: true
   disable_cache: true
 
@@ -48,5 +49,6 @@ SilverStripe\CMS\Controllers\ContentController:
   load_css: false
   load_themed_js: true
   load_themed_css: true
+  load_custom_css: true
   load_component_requirements: false
   disable_cache: false

_config/model.yml

@@ -25,11 +25,19 @@ SilverWare\Dev\FixtureFactory:
 
 SilverWare\Dev\FixtureBlueprint:
   default_parents:
-    SilverWare\Model\Template: `\SilverWare\Folders\TemplateFolder::find()->ID`
-    SilverWare\Model\Layout: `\SilverWare\Folders\LayoutFolder::find()->ID`
-    SilverWare\Model\Panel: `\SilverWare\Folders\PanelFolder::find()->ID`
+    SilverWare\Model\Template:
+      class: SilverWare\Folders\TemplateFolder
+      method: find
+    SilverWare\Model\Layout:
+      class: SilverWare\Folders\LayoutFolder
+      method: find
+    SilverWare\Model\Panel:
+      class: SilverWare\Folders\PanelFolder
+      method: find
   default_relations:
-    SilverStripe\SiteConfig\SiteConfig: `\SilverStripe\SiteConfig\SiteConfig::current_site_config()->ID`
+    SilverStripe\SiteConfig\SiteConfig:
+      class: SilverStripe\SiteConfig\SiteConfig
+      method: current_site_config
   default_identifiers:
     SilverWare\Model\PageType: PageClass
   verbose: false

_config/styles.yml

@@ -5,6 +5,11 @@ Name: silverware-styles
 # Bootstrap Styles:
 
 SilverWare\Grid\Frameworks\Bootstrap\Framework:
+  breakpoints:
+    small: 576px
+    medium: 768px
+    large: 992px
+    huge: 1200px
   style_mappings:
     align:
       left: left

admin/client/src/styles/forms/ViewportsField.scss

@@ -3,8 +3,13 @@
 
 .field {
 
-  &.viewports .dropdown {
-    min-width: 140px;
+  &.viewports {
+
+    .text, .dropdown {
+      min-width: 140px;
+      max-width: 140px;
+    }
+
   }
 
 }

client/src/styles/components/ListComponent.scss

@@ -91,6 +91,7 @@
         }
 
         > section.content {
+          flex: 1;
           order: 2;
           margin-left: $spacer;
         }
@@ -105,6 +106,7 @@
         }
 
         > section.content {
+          flex: 1;
           order: 1;
           margin-right: $spacer;
         }

composer.json

@@ -48,7 +48,7 @@
   },
   "extra": {
     "branch-alias": {
-      "dev-master": "0.1.x-dev"
+      "dev-master": "0.2.x-dev"
     },
     "installer-name": "silverware"
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "silverware",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "SilverWare Component Framework.",
   "homepage": "https://github.com/praxisnetau/silverware",
   "keywords": [

src/Components/BaseListComponent.php

@@ -0,0 +1,157 @@
+<?php
+
+/**
+ * This file is part of SilverWare.
+ *
+ * PHP version >=5.6.0
+ *
+ * For full copyright and license information, please view the
+ * LICENSE.md file that was distributed with this source code.
+ *
+ * @package SilverWare\Components
+ * @author Colin Tucker <colin@praxis.net.au>
+ * @copyright 2017 Praxis Interactive
+ * @license https://opensource.org/licenses/BSD-3-Clause BSD-3-Clause
+ * @link https://github.com/praxisnetau/silverware
+ */
+
+namespace SilverWare\Components;
+
+use SilverStripe\Forms\CheckboxField;
+use SilverStripe\Forms\CompositeField;
+use SilverStripe\Forms\DropdownField;
+use SilverWare\Extensions\Lists\ListSourceExtension;
+use SilverWare\Extensions\Model\ImageResizeExtension;
+
+/**
+ * An extension of the base component class for a base list component.
+ *
+ * @package SilverWare\Components
+ * @author Colin Tucker <colin@praxis.net.au>
+ * @copyright 2017 Praxis Interactive
+ * @license https://opensource.org/licenses/BSD-3-Clause BSD-3-Clause
+ * @link https://github.com/praxisnetau/silverware
+ */
+class BaseListComponent extends BaseComponent
+{
+    /**
+     * Define image link constants.
+     */
+    const IMAGE_LINK_ITEM = 'item';
+    const IMAGE_LINK_FILE = 'file';
+
+    /**
+     * Maps field names to field types for this object.
+     *
+     * @var array
+     * @config
+     */
+    private static $db = [
+        'ImageLinksTo' => 'Varchar(8)',
+        'LinkImages' => 'Boolean'
+    ];
+
+    /**
+     * Defines the default values for the fields of this object.
+     *
+     * @var array
+     * @config
+     */
+    private static $defaults = [
+        'ImageLinksTo' => 'item',
+        'LinkImages' => 1
+    ];
+
+    /**
+     * Defines the extension classes to apply to this object.
+     *
+     * @var array
+     * @config
+     */
+    private static $extensions = [
+        ListSourceExtension::class,
+        ImageResizeExtension::class
+    ];
+
+    /**
+     * Answers a list of field objects for the CMS interface.
+     *
+     * @return FieldList
+     */
+    public function getCMSFields()
+    {
+        // Obtain Field Objects (from parent):
+
+        $fields = parent::getCMSFields();
+
+        // Create Options Fields:
+
+        $fields->addFieldsToTab(
+            'Root.Options',
+            [
+                CompositeField::create([
+                    DropdownField::create(
+                        'ImageLinksTo',
+                        $this->fieldLabel('ImageLinksTo'),
+                        $this->getImageLinksToOptions()
+                    ),
+                    CheckboxField::create(
+                        'LinkImages',
+                        $this->fieldLabel('LinkImages')
+                    )
+                ])->setName('ListImageOptions')->setTitle($this->fieldLabel('ListImageOptions'))
+            ]
+        );
+
+        // Answer Field Objects:
+
+        return $fields;
+    }
+
+    /**
+     * Answers the labels for the fields of the receiver.
+     *
+     * @param boolean $includerelations Include labels for relations.
+     *
+     * @return array
+     */
+    public function fieldLabels($includerelations = true)
+    {
+        // Obtain Field Labels (from parent):
+
+        $labels = parent::fieldLabels($includerelations);
+
+        // Define Field Labels:
+
+        $labels['LinkImages'] = _t(__CLASS__ . '.LINKIMAGES', 'Link images');
+        $labels['ImageLinksTo'] = _t(__CLASS__ . '.IMAGELINKSTO', 'Image links to');
+        $labels['ListImageOptions'] = _t(__CLASS__ . '.LISTIMAGES', 'List images');
+
+        // Answer Field Labels:
+
+        return $labels;
+    }
+
+    /**
+     * Answers a message string to be shown when no data is available.
+     *
+     * @return string
+     */
+    public function getNoDataMessage()
+    {
+        return _t(__CLASS__ . '.NODATAAVAILABLE', 'No data available.');
+    }
+
+    /**
+     * Answers an array of options for the image links to field.
+     *
+     * @return array
+     */
+    public function getImageLinksToOptions()
+    {
+        return [
+            self::IMAGE_LINK_ITEM => _t(__CLASS__ . '.ITEM', 'Item'),
+            self::IMAGE_LINK_FILE => _t(__CLASS__ . '.FILE', 'File')
+        ];
+    }
+}