Dev schedule config and styling

config/core.entity_view_display.node.session.teaser.yml

@@ -26,14 +26,14 @@ content:
   body:
     label: hidden
     type: text_summary_or_trimmed
-    weight: 0
+    weight: 2
     settings:
-      trim_length: 600
+      trim_length: 400
     third_party_settings: {  }
     region: content
   field_category:
     type: entity_reference_label
-    weight: 3
+    weight: 1
     region: content
     label: hidden
     settings:
@@ -41,7 +41,7 @@ content:
     third_party_settings: {  }
   field_level:
     type: entity_reference_label
-    weight: 2
+    weight: 0
     region: content
     label: hidden
     settings:
@@ -49,25 +49,18 @@ content:
     third_party_settings: {  }
   field_speaker_s_:
     type: entity_reference_entity_view
-    weight: 1
+    weight: 3
     region: content
     label: hidden
     settings:
       view_mode: speaker_profile_schedule
       link: false
     third_party_settings: {  }
-  field_venue_location:
-    type: entity_reference_label
-    weight: 4
-    region: content
-    label: hidden
-    settings:
-      link: false
-    third_party_settings: {  }
 hidden:
   field_keynote: true
   field_length: true
   field_session_type: true
   field_slides: true
   field_time_slot: true
+  field_venue_location: true
   links: true

config/views.view.schedule.yml

@@ -5,6 +5,7 @@ dependencies:
   config:
     - core.entity_view_mode.node.teaser
     - field.storage.node.field_time_slot
+    - field.storage.node.field_venue_location
     - node.type.session
   module:
     - datetime_range
@@ -59,14 +60,14 @@ display:
         type: default
         options:
           grouping:
-            -
-              field: field_session_type
-              rendered: true
-              rendered_strip: false
             -
               field: field_time_slot
               rendered: true
               rendered_strip: false
+            -
+              field: field_venue_location
+              rendered: true
+              rendered_strip: true
           row_class: ''
           default_row_class: true
           uses_fields: true
@@ -296,3 +297,294 @@ display:
         - user.permissions
       tags:
         - 'config:field.storage.node.field_time_slot'
+  page_2:
+    display_plugin: page
+    id: page_2
+    display_title: 'Dev day'
+    position: 2
+    display_options:
+      display_extenders: {  }
+      display_description: ''
+      title: 'Developers'' Day Schedule'
+      defaults:
+        title: false
+        fields: false
+        filters: false
+        filter_groups: false
+        sorts: false
+      path: schedule-dev
+      fields:
+        title:
+          id: title
+          table: node_field_data
+          field: title
+          entity_type: node
+          entity_field: title
+          label: ''
+          alter:
+            alter_text: false
+            make_link: false
+            absolute: false
+            trim: false
+            word_boundary: false
+            ellipsis: false
+            strip_tags: false
+            html: false
+          hide_empty: false
+          empty_zero: false
+          settings:
+            link_to_entity: true
+          plugin_id: field
+          relationship: none
+          group_type: group
+          admin_label: ''
+          exclude: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: true
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_time_slot:
+          id: field_time_slot
+          table: node__field_time_slot
+          field: field_time_slot
+          relationship: none
+          group_type: group
+          admin_label: ''
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: daterange_default
+          settings:
+            timezone_override: ''
+            format_type: time_only
+            separator: to
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+          plugin_id: field
+        field_venue_location:
+          id: field_venue_location
+          table: node__field_venue_location
+          field: field_venue_location
+          relationship: none
+          group_type: group
+          admin_label: ''
+          label: ''
+          exclude: true
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: entity_reference_label
+          settings:
+            link: false
+          group_column: target_id
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+          plugin_id: field
+      filters:
+        status:
+          value: '1'
+          table: node_field_data
+          field: status
+          plugin_id: boolean
+          entity_type: node
+          entity_field: status
+          id: status
+          expose:
+            operator: ''
+          group: 1
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          value:
+            session: session
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+        field_session_type_value:
+          id: field_session_type_value
+          table: node__field_session_type
+          field: field_session_type_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          operator: or
+          value:
+            Saturday: Saturday
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+          reduce_duplicates: false
+          plugin_id: list_field
+      filter_groups:
+        operator: AND
+        groups:
+          1: AND
+      sorts:
+        field_time_slot_value:
+          id: field_time_slot_value
+          table: node__field_time_slot
+          field: field_time_slot_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          order: ASC
+          exposed: false
+          expose:
+            label: ''
+          plugin_id: standard
+        field_venue_location_target_id:
+          id: field_venue_location_target_id
+          table: node__field_venue_location
+          field: field_venue_location_target_id
+          relationship: none
+          group_type: group
+          admin_label: ''
+          order: ASC
+          exposed: false
+          expose:
+            label: ''
+          plugin_id: standard
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - 'user.node_grants:view'
+        - user.permissions
+      tags:
+        - 'config:field.storage.node.field_time_slot'
+        - 'config:field.storage.node.field_venue_location'

web/themes/dcb2017/css/style.css

@@ -362,7 +362,7 @@ nav.menu--main {
   padding: 0.5em 1.5em;
   vertical-align: middle; }
 
-.view-schedule h3 {
+.view-schedule .view-grouping-header {
   background: #0fa877;
   color: white;
   font-size: 1.5em;
@@ -378,6 +378,30 @@ nav.menu--main {
 .view-schedule p {
   margin: 0.5em 0; }
 
+.view-schedule .node--type-session {
+  margin-bottom: 3em; }
+
+@media screen and (min-width: 56.25rem) {
+  .view-schedule .group-wrapper {
+    box-sizing: border-box;
+    float: left;
+    padding-right: 2em; }
+    .view-schedule .group-wrapper h2 {
+      font-size: 1.2em;
+      line-height: 1.4; } }
+
+.view-schedule .group-wrapper h3 {
+  color: #666; }
+
+.view-schedule .view-grouping-content {
+  overflow: hidden; }
+  @media screen and (min-width: 56.25rem) {
+    .view-schedule .view-grouping-content.col-2 .group-wrapper {
+      width: 50%; } }
+  @media screen and (min-width: 56.25rem) {
+    .view-schedule .view-grouping-content.col-3 .group-wrapper {
+      width: 33.33%; } }
+
 .node--type-session .field--name-field-category,
 .node--type-session .field--name-field-level,
 .node--type-session .field--name-field-length {

web/themes/dcb2017/sass/components/_schedule.scss

@@ -1,5 +1,5 @@
 .view-schedule {
-  h3 {
+  .view-grouping-header {
     background: $dcb-green;
     color: white;
     font-size: 1.5em;
@@ -18,4 +18,41 @@
   p {
     margin: 0.5em 0;
   }
+
+  .node--type-session {
+    margin-bottom: 3em;
+  }
+
+  .group-wrapper {
+    @include media-large {
+      box-sizing: border-box;
+      float: left;
+      padding-right: 2em;
+
+      h2 {
+        font-size: 1.2em;
+        line-height: 1.4;
+      }
+    }
+
+    h3 {
+      color: $dcb-grey;
+    }
+  }
+
+  .view-grouping-content {
+    overflow: hidden;
+
+    &.col-2 .group-wrapper {
+      @include media-large {
+        width: 50%;
+      }
+    }
+
+    &.col-3 .group-wrapper {
+      @include media-large {
+        width: 33.33%;
+      }
+    }
+  }
 }

web/themes/dcb2017/templates/views/views-view-grouping.html.twig

@@ -0,0 +1,20 @@
+{#
+/**
+ * @file
+ * Theme override to display a single views grouping.
+ *
+ * Available variables:
+ * - view: The view object.
+ * - grouping: The grouping instruction.
+ * - grouping_level: A number indicating the hierarchical level of the grouping.
+ * - title: The group heading.
+ * - content: The content to be grouped.
+ * - rows: The rows returned from the view.
+ *
+ * @see template_preprocess_views_view_grouping()
+ */
+#}
+<div class="view-grouping">
+  <div class="view-grouping-header">{{ title }}</div>
+  <div class="view-grouping-content col-{{ rows|length }}">{{ content }}</div>
+</div>

web/themes/dcb2017/templates/views/views-view-unformatted.html.twig

@@ -0,0 +1,36 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a view of unformatted rows.
+ *
+ * Available variables:
+ * - title: The title of this group of rows. May be empty.
+ * - rows: A list of the view's row items.
+ *   - attributes: The row's HTML attributes.
+ *   - content: The row's content.
+ * - view: The view object.
+ * - default_row_class: A flag indicating whether default classes should be
+ *   used on rows.
+ *
+ * @see template_preprocess_views_view_unformatted()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if title|trim %}
+  <div class="group-wrapper">
+    <h3>{{ title }}</h3>
+{% endif %}
+{% for row in rows %}
+  {%
+    set row_classes = [
+      default_row_class ? 'views-row',
+    ]
+  %}
+  <div{{ row.attributes.addClass(row_classes) }}>
+    {{ row.content }}
+  </div>
+{% endfor %}
+{% if title|trim %}
+  </div>
+{% endif %}