+ {{ label }}
+
\ No newline at end of file
diff --git a/patterns/date/_date.scss b/patterns/date/_date.scss
new file mode 100644
index 0000000..1b9da9b
--- /dev/null
+++ b/patterns/date/_date.scss
@@ -0,0 +1,3 @@
+.event-date {
+ font-weight: bold;
+}
diff --git a/patterns/date/date.ui_patterns.yml b/patterns/date/date.ui_patterns.yml
new file mode 100644
index 0000000..faad50a
--- /dev/null
+++ b/patterns/date/date.ui_patterns.yml
@@ -0,0 +1,9 @@
+date:
+ label: Date
+ description: A date with a label.
+ fields:
+ date:
+ type: date
+ label: Date
+ description: Date d/m/Y
+ preview: 2001-05-15T19:00
\ No newline at end of file
diff --git a/patterns/date/pattern-date.html.twig b/patterns/date/pattern-date.html.twig
new file mode 100644
index 0000000..cb4c1c3
--- /dev/null
+++ b/patterns/date/pattern-date.html.twig
@@ -0,0 +1,12 @@
+{#
+/**
+ * @file
+ * Image pattern.
+ */
+#}
+
+{% set day = date|date('d') %}
+{% set month = date|date('m') %}
+{% set year = date|date('Y') %}
+
+
diff --git a/patterns/event_date/_event-date.scss b/patterns/event_date/_event-date.scss
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/patterns/event_date/_event-date.scss
@@ -0,0 +1 @@
+
diff --git a/patterns/event_date/event-date.ui_patterns.yml b/patterns/event_date/event-date.ui_patterns.yml
new file mode 100644
index 0000000..a53a9a5
--- /dev/null
+++ b/patterns/event_date/event-date.ui_patterns.yml
@@ -0,0 +1,14 @@
+event_date:
+ label: Event Date
+ description: Date event info.
+ fields:
+ event_start_date:
+ type: date
+ label: Event start date
+ description: Date d/m/Y
+ preview: 2001-05-15T19:00
+ event_end_date:
+ type: date
+ label: Event end date
+ description: Date d/m/Y
+ preview: 2001-05-15T19:00
\ No newline at end of file
diff --git a/patterns/event_date/pattern-event-date.html.twig b/patterns/event_date/pattern-event-date.html.twig
new file mode 100644
index 0000000..4e2bf79
--- /dev/null
+++ b/patterns/event_date/pattern-event-date.html.twig
@@ -0,0 +1,20 @@
+{#
+/**
+ * @file
+ * Image pattern.
+ * {{kint(_context)}}
+ * {{ kint(_context|keys) }}
+ * {{ kint(content|keys) }}
+ */
+#}
+
+
+
diff --git a/patterns/image/image.ui_patterns.yml b/patterns/image/image.ui_patterns.yml
new file mode 100644
index 0000000..600c744
--- /dev/null
+++ b/patterns/image/image.ui_patterns.yml
@@ -0,0 +1,16 @@
+image:
+ label: Image
+ description: A simple image with caption.
+ fields:
+ image:
+ type: image
+ label: Image
+ description: The actual image.
+ preview:
+ theme: image
+ uri: 'http://lorempixel.com/350/250/nature/1'
+ caption:
+ type: text
+ label: Caption
+ description: The image caption.
+ preview: © 2017 John Smith photography
\ No newline at end of file
diff --git a/patterns/image/pattern-image.html.twig b/patterns/image/pattern-image.html.twig
new file mode 100644
index 0000000..536ff9a
--- /dev/null
+++ b/patterns/image/pattern-image.html.twig
@@ -0,0 +1,10 @@
+{#
+/**
+ * @file
+ * Image pattern.
+ */
+#}
+Date
+
+ {% if event_end_date.0 is empty %}
+ {{ event_start_date }}
+ {% else %}
+ {% trans %} From {% endtrans %} {{ event_start_date }} {% trans %} to {% endtrans %} {{ event_end_date }}
+ {% endif %}
+
+
+
\ No newline at end of file
diff --git a/patterns/list/pattern-list.html.twig b/patterns/list/pattern-list.html.twig
new file mode 100644
index 0000000..0e1a81b
--- /dev/null
+++ b/patterns/list/pattern-list.html.twig
@@ -0,0 +1,16 @@
+{% if items is not empty %}
+{{ caption }}
+ {{ image }}
+
+{% if label is not empty %}
+
+{% endif %}
diff --git a/patterns/profile-shortinfo/_profile-shortinfo.scss b/patterns/profile-shortinfo/_profile-shortinfo.scss
new file mode 100644
index 0000000..e69de29
diff --git a/patterns/profile-shortinfo/pattern-profile-shortinfo.html.twig b/patterns/profile-shortinfo/pattern-profile-shortinfo.html.twig
new file mode 100644
index 0000000..4268031
--- /dev/null
+++ b/patterns/profile-shortinfo/pattern-profile-shortinfo.html.twig
@@ -0,0 +1,55 @@
+{#
+/**
+* @file
+* post info pattern.
+*/
+#}
+{{ label }}
+{% endif %} +-
+ {% for item in items %}
+
- + + {{ item.title }} + + + {% endfor %} +
+ {% if image_url %}
+
diff --git a/patterns/profile-shortinfo/profile-shortinfo.ui_patterns.yml b/patterns/profile-shortinfo/profile-shortinfo.ui_patterns.yml
new file mode 100644
index 0000000..571d9dd
--- /dev/null
+++ b/patterns/profile-shortinfo/profile-shortinfo.ui_patterns.yml
@@ -0,0 +1,44 @@
+postinfo:
+ label: Post-info
+ description: Block with author information and group information.
+ fields:
+ author_pic_uri:
+ type: url
+ label: Author picture url
+ description: Author picture
+ preview: http://www.attractivepartners.co.uk/create-perfect-profile-picture/
+ profile_name:
+ type: text
+ label: Author name
+ description: The name of the author
+ preview: Peter Neyens
+ profile_uri:
+ type: url
+ label: Profile url
+ description: Url to the author profile
+ preview: https://en.wikipedia.org/wiki/User_profile
+ group_logo:
+ type: image
+ label: Group logo
+ description: Url to the author profile
+ preview: https://commons.wikimedia.org/wiki/File:Logo_TV_2015.png
+ group_url:
+ type: url
+ label: Group url
+ description: Url to the group
+ preview: https://www.google.com
+ group_name:
+ type: text
+ label: Group name
+ description: Group name
+ preview: The best group ever
+ login_check:
+ type: number
+ label: Logged in
+ description: Logged in gives a value of 1
+ preview: 1
+ creation_date:
+ type: date
+ label: Creation date
+ description: Creation date 'time ago'
+ preview: Tue, 05/08/2018 - 13:42
diff --git a/patterns/profile_actions/pattern-profile-actions.html.twig b/patterns/profile_actions/pattern-profile-actions.html.twig
new file mode 100644
index 0000000..0ef2944
--- /dev/null
+++ b/patterns/profile_actions/pattern-profile-actions.html.twig
@@ -0,0 +1,21 @@
+{#
+/**
+ * @file
+ * profile actions pattern.
+ */
+#}
+
+
+ {% if url %}
+
+ {% endif %}
+
+ 
+
+ {% if url %}
+
+ {% endif %}
+ {{ subpic }}
+
+ {% endif %}
+
+
+
++ {% if url %} + + {{ title }} + + {% else %} + {{ title }} + {% endif %} +
+ {% if context_text %} + + {% endif %} + {% if (vote_content or follow_content or save_content or report_content) and logged_in %} +
+ {% if vote_content %}
+ {{ vote_content }}
+ {% endif %}
+ {% if follow_content %}
+ {{ follow_content }}
+ {% endif %}
+ {% if save_content %}
+ {{ save_content }}
+ {% endif %}
+ {% if report_content %}
+ {{ report_content }}
+ {% endif %}
+
+ {% endif %}
+ -
+ {% if action_contact %}
+
- {{ action_contact }} + {% endif %} + {% if action_join %} +
- {{ action_join }} + {% endif %} + {% if action_leave %} +
- {{ action_leave }} + {% endif %} + {% if action_follow %} +
- {{ action_follow }} + {% endif %} +
{{ profile_title }}
+{% endif %} + +{% if profile_intro %} +{{ profile_intro }}
+{% endif %}
+
+{% if profile_uri_more %}
+
+ {% trans %} Learn more {% endtrans %}{% trans %} about {% endtrans %}{{ profile_title }}
+
+{% endif %}
+
+{% if profile_uri_back %}
+
+ {% trans %}Back to page {% endtrans %}{% trans %} of {% endtrans %} {{ profile_title }}
+
+{% endif %}
+
+{% if profile_location %}
+ -
+
- + {{ profile_location }} + +
-
+ {% if profile_members %}
+
- {{ profile_members }} + {% endif %} + {% if profile_followers %} +
- {{ profile_followers }} + {% endif %} + {% if profile_groups %} +
- {{ profile_groups }} + {% endif %} + {% if profile_subgroups %} +
- {{ profile_subgroups }} + {% endif %} +
+
\ No newline at end of file
diff --git a/sass/style.scss b/sass/style.scss
new file mode 100644
index 0000000..3b82805
--- /dev/null
+++ b/sass/style.scss
@@ -0,0 +1,17 @@
+// Import external libraries.
+@import "compass";
+@import "modularscale";
+@import "breakpoint";
+
+@import "fontawesome/fontawesome.scss";
+@import "fontawesome/regular.scss";
+@import "fontawesome/solid.scss";
+
+
+
+// Import theme variables
+@import "theme/**/*.scss";
+
+// Import sass partials
+@import "base/**/*.scss";
+@import "components/**/*.scss";
diff --git a/sass/theme/_funkywave.scss b/sass/theme/_funkywave.scss
new file mode 100644
index 0000000..3e3fddf
--- /dev/null
+++ b/sass/theme/_funkywave.scss
@@ -0,0 +1,73 @@
+// =============== COLORS ========================== //
+
+$white: #FFFFFF ;
+$gray-100: #f7f8fa ;
+$gray-200: #edeff5 ;
+$gray-300: #dfe0e5 ;
+$gray-400: #c6c7cc ;
+$gray-500: #a6a7ab ;
+$gray-600: #88898c ;
+$gray-700: #515155 ;
+$gray-800: #26252B ;
+$gray-900: #05111E ;
+$black: #000 ;
+
+$blue: #186aff;
+$darkblue: #1a3773;
+$indigo: #6610f2;
+$purple: #662D91;
+$pink: #ff397f;
+$red: #ff3939;
+$orange: #f9713d;
+$yellow: #ffea00;
+$green: #46b200;
+$teal: #1eb49c;
+$cyan: #00c9ff;
+
+$colors: () ;
+$colors: map-merge((
+ blue: $blue,
+ darkblue: $darkblue,
+ indigo: $indigo,
+ purple: $purple,
+ pink: $pink,
+ red: $red,
+ orange: $orange,
+ yellow: $yellow,
+ green: $green,
+ teal: $teal,
+ cyan: $cyan,
+ white: $white,
+ gray: $gray-600,
+ gray-dark: $gray-800
+), $colors);
+
+$theme-colors: ();
+$theme-colors: map-merge((
+ primary: $cyan,
+ secondary: $gray-600,
+ success: $green,
+ info: $cyan,
+ warning: $orange,
+ error: $red,
+ light: $gray-200,
+ dark: $gray-600,
+ reactive: $purple
+), $theme-colors);
+
+// ================= VARIABLES ====================== //
+// =================== FONT ========================== //
+
+$body__font: 'Raleway';
+$headings__font: 'Raleway';
+
+// ================== COMPONENTS =========================== //
+// ------------------ logo-area ---------------------------- //
+
+$text__font-wight : 500;
+$logo__font-weight: 900;
+$logo__color: $white;
+$logo-area__background-image--sm: url('../images/logo-area-bckgrd--sm.svg');
+$logo-area__background-image--md: url('../images/logo-area-bckgrd--md.svg');
+$logo-area__background-image--lg: url('../images/logo-area-bckgrd.svg');
+$account-info__background: url('../images/account-info__background--idle.svg');
diff --git a/sass/theme/images/account-info__background--idle.svg b/sass/theme/images/account-info__background--idle.svg
new file mode 100644
index 0000000..3dd4258
--- /dev/null
+++ b/sass/theme/images/account-info__background--idle.svg
@@ -0,0 +1,195 @@
+<<<<<<< HEAD
+
+
+
+
+>>>>>>> d8775734bd7c5fc91f87c18da270f277c10a52e0
diff --git a/sass/theme/images/logo-area-bckgrd--sm.svg b/sass/theme/images/logo-area-bckgrd--sm.svg
new file mode 100644
index 0000000..a6257da
--- /dev/null
+++ b/sass/theme/images/logo-area-bckgrd--sm.svg
@@ -0,0 +1,59 @@
+<<<<<<< HEAD
+
+
+
+
+=======
+
+
+
+
+>>>>>>> d8775734bd7c5fc91f87c18da270f277c10a52e0
diff --git a/sass/theme/images/navigation-menu__background--sm.svg b/sass/theme/images/navigation-menu__background--sm.svg
new file mode 100644
index 0000000..d894081
--- /dev/null
+++ b/sass/theme/images/navigation-menu__background--sm.svg
@@ -0,0 +1,31 @@
+<<<<<<< HEAD
+
+
+
+
+=======
+
+
+
+
+>>>>>>> d8775734bd7c5fc91f87c18da270f277c10a52e0
diff --git a/sass/theme/images/navigation-menu__item--active__background--sm.svg b/sass/theme/images/navigation-menu__item--active__background--sm.svg
new file mode 100644
index 0000000..bbf2c2a
--- /dev/null
+++ b/sass/theme/images/navigation-menu__item--active__background--sm.svg
@@ -0,0 +1,83 @@
+<<<<<<< HEAD
+
+
+
+
+=======
+
+
+
+
+>>>>>>> d8775734bd7c5fc91f87c18da270f277c10a52e0
diff --git a/sass/theme/images/new-item__button__background--sm.svg b/sass/theme/images/new-item__button__background--sm.svg
new file mode 100644
index 0000000..6b7dfc7
--- /dev/null
+++ b/sass/theme/images/new-item__button__background--sm.svg
@@ -0,0 +1,83 @@
+<<<<<<< HEAD
+
+
+
+
+=======
+
+
+
+
+>>>>>>> d8775734bd7c5fc91f87c18da270f277c10a52e0
diff --git a/sass/theme/images/post-info--group__background.svg b/sass/theme/images/post-info--group__background.svg
new file mode 100644
index 0000000..eb8d420
--- /dev/null
+++ b/sass/theme/images/post-info--group__background.svg
@@ -0,0 +1,85 @@
+<<<<<<< HEAD
+
+
+
+
+=======
+
+
+
+
+>>>>>>> d8775734bd7c5fc91f87c18da270f277c10a52e0
diff --git a/templates/block/block--create-content-block.html.twig b/templates/block/block--create-content-block.html.twig
new file mode 100644
index 0000000..0224f7a
--- /dev/null
+++ b/templates/block/block--create-content-block.html.twig
@@ -0,0 +1,45 @@
+{#
+/**
+ * @file
+ * Theme override to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ * - label: The configured label for the block.
+ * - label_display: The display settings for the label.
+ * - provider: The module or other provider that provided this block plugin.
+ * - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ * be added to the main container tag of this template.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ * displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ * displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-' ~ configuration.provider|clean_class,
+ 'block-' ~ plugin_id|clean_class,
+ 'new-item',
+ ]
+%}
+{{ caption }}
+ {{ image }}
++ {{ site_name }} +
+ {% endif %} + {% if site_slogan %} +{{ site_slogan }}
+ {% endif %}
+{% endblock %}
diff --git a/templates/block/block--system-menu-block.html.twig b/templates/block/block--system-menu-block.html.twig
new file mode 100644
index 0000000..a11cb89
--- /dev/null
+++ b/templates/block/block--system-menu-block.html.twig
@@ -0,0 +1,57 @@
+{#
+/**
+ * @file
+ * Theme override for a menu block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ * - label: The configured label for the block.
+ * - label_display: The display settings for the label.
+ * - provider: The module or other provider that provided this block plugin.
+ * - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: HTML attributes for the containing element.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: HTML attributes for the title element.
+ * - content_attributes: HTML attributes for the content element.
+ * - title_prefix: Additional output populated by modules, intended to be
+ * displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ * displayed after the main title tag that appears in the template.
+ *
+ * Headings should be used on navigation menus that consistently appear on
+ * multiple pages. When this menu block's label is configured to not be
+ * displayed, it is automatically made invisible using the 'visually-hidden' CSS
+ * class, which still keeps it visible for screen-readers and assistive
+ * technology. Headings allow screen-reader and keyboard only users to navigate
+ * to or skip the links.
+ * See http://juicystudio.com/article/screen-readers-display-none.php and
+ * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-menu',
+ 'navigation',
+ 'menu--' ~ derivative_plugin_id|clean_class,
+ 'navigation-menu',
+ ]
+%}
+{% set heading_id = attributes.id ~ '-menu'|clean_id %}
+
diff --git a/templates/block/block.html.twig b/templates/block/block.html.twig
new file mode 100644
index 0000000..a914bf3
--- /dev/null
+++ b/templates/block/block.html.twig
@@ -0,0 +1,44 @@
+{#
+/**
+ * @file
+ * Theme override to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ * - label: The configured label for the block.
+ * - label_display: The display settings for the label.
+ * - provider: The module or other provider that provided this block plugin.
+ * - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ * be added to the main container tag of this template.
+ * - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ * displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ * displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ */
+#}
+{%
+ set classes = [
+ 'block',
+ 'block-' ~ configuration.provider|clean_class,
+ 'block-' ~ plugin_id|clean_class,
+ ]
+%}
++ {% if not page %} + {{ label }} + {% else %} + {{ label }} + {% endif %} +
+ + {# block postinfo #} + {% block postinfo %} + + {% if group.uid.entity.user_picture.entity.uri.value is empty %} + {% set image_url = file_url(directory ~ '/images/default_user.jpg') %} + {% else %} + {% set image_url = file_url(group.uid.entity.user_picture.entity.uri.value|image_style('thumbnail')) %} + {% endif %} + + {% include "@patterns/profile-shortinfo/pattern-profile-shortinfo.html.twig" + with { + title: group.uid.entity.name.value, + image_url: image_url, + logged_in: logged_in, + url: path('entity.user.canonical', {'user': group.uid.entity.id }), + context_text: ngf_context_text, + subpic: ngf_sub_picture, + container_class: ngf_group_container_class, + } + %} + {% endblock postinfo %} + {# end block postinfo #} + + {# block coverimage #} + {% block coverimage %} + {% if content.field_ngf_cover_image is not empty %} + {{ content.field_ngf_cover_image }} + {% endif %} + {% endblock coverimage %} + + {% block eventdata %} + + {# convert date to an integer stamp #} + {% set event_start_date = group.field_ngf_event_start_date.value|date('U') %} + {# Convert event_end_date to an integer stamp if not empty #} + {% if group.field_ngf_event_end_date is not empty %} + {% set event_end_date = group.field_ngf_event_end_date.value|date('U') %} + {% else %} + {% set event_end_date = NULL %} + {% endif %} + + {# Event year #} + {% set event_start_date_year = event_start_date|date('Y') %} + {% set event_end_date_year = event_end_date|date('Y') %} + + {# Event month #} + {% set event_start_date_month = event_start_date|date('m') %} + {% set event_end_date_month = event_end_date|date('m') %} + + {# Start date & end date the same #} + +
+ {% if content.field_ngf_event_start_date is not empty %}
+
+ {% endblock eventdata %}
+{% trans %} Date and time {% endtrans %}
++ {% if event_end_date is null %} + + {% else %} + {# same month same year #} + {% if (event_start_date_month == event_end_date_month) and (event_start_date_year == event_end_date_year) %} + + - + + {# different month same year #} + {% elseif (event_start_date_month != event_end_date_month) and (event_start_date_year == event_end_date_year) %} + + - + + {# different year for event start date & end date #} + {% elseif (event_start_date_year != event_end_date_year) %} + + - + + {% endif %} + {% endif %} +
+ {% endif %} + + {% if content.field_ngf_address['#items'] is not empty %} +
+
+ {% endif %}
+
+ {% if content.field_ngf_address|render %}
+ {{ content.field_ngf_location }}
+ {% endif %}
+
+ {% trans %} Location {% endtrans %}
+{{ content.field_ngf_venue|field_raw('value') }}
+ {{ content.field_ngf_address|field_value }} +{{ content.field_ngf_introtext|field_value }}
+ {% endif %} + {% endblock eventintrotext %} + + {# Show more button (will only be printed in teaser view mode) #} + {% if content.show_more %} + {% include "@patterns/button/pattern-button.html.twig" + with { + url: path('entity.group.canonical', {'group': content.show_more['#url'].routeParameters.group }), + label: content.show_more['#title'], + container_class: 'btn-list btn-list--right', + button_class: 'btn--green', + } + %} + {% endif %} + + {# Event Description #} + {% block eventdescritption %} + {% if content.field_ngf_description is not empty %} + {{ content.field_ngf_description }} + {% endif %} + {% endblock eventdescritption %} + + {# Event speakers #} + {% block eventspeakers %} + {# todo needs development #} + {% endblock eventspeakers %} + + {# Event register #} + {% block eventregister %} + {% set event_registration_url = content.field_ngf_registration_link|field_raw('uri') %} + {% set event_registration_title = content.field_ngf_registration_link|field_raw('title') %} + {% if event_registration_url is not empty %} + {% include "@patterns/button/pattern-button.html.twig" + with{ + url: event_registration_url, + label: event_registration_title, + container_class: 'btn-list--center extra-space--top', + button_class: 'btn--blue btn--large', + } + %} + {% endif %} + {% endblock eventregister %} + + {% block related_topics %} + + {# TODO + + {% include "@patterns/list/pattern-list.html.twig" + with { + items: content.field_ngf_interests['#items'], + css_class: sub-section sub-section--related-taxonomy, + label: content.field_ngf_interests['#title'], + list_class: list list--taxonomy, + item_class: list__item list__item--tag, + link_class: tag tag__link, + url: '', + title: '', + } + %} + #} + + {% set label = content.field_ngf_interests['#title'] %} + {% set items = content.field_ngf_interests['#items'] %} + {% set css_class = 'sub-section sub-section--related-taxonomy' %} + + {% if items is not empty %} +
+ {% if label is not empty %}
+
+ {% endif %}
+
+ {% endblock related_topics %}
+
+ {# Comments #}
+ {% if view_mode == "full" %}
+ {{ content.field_ngf_comments }}
+ {% endif %}
+
+
diff --git a/templates/content/media--image.html.twig b/templates/content/media--image.html.twig
new file mode 100644
index 0000000..8307275
--- /dev/null
+++ b/templates/content/media--image.html.twig
@@ -0,0 +1,38 @@
+{#
+/**
+ * @file
+ * Theme override to display a media item.
+ *
+ * Available variables:
+ * - name: Name of the media.
+ * - content: Media content.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+ set classes = [
+ 'media',
+ 'media--type-' ~ media.bundle()|clean_class,
+ not media.isPublished() ? 'media--unpublished',
+ view_mode ? 'media--view-mode-' ~ view_mode|clean_class,
+ ]
+%}
+{{ label }}
+ {% endif %} + {% if items is not empty %} +-
+ {% for item in items %}
+
- + + {{ item.entity.name.value }} + + + {% endfor %} +
+ {% if content.field_ngf_copyrights|render is not empty %} + {{ content.field_ngf_copyrights|field_value }} + {% endif %} + {% if content.field_ngf_author|render is not empty %} + {{ content.field_ngf_author|field_value }} + {% endif %} +
+ {% endif %} + diff --git a/templates/content/message.html.twig b/templates/content/message.html.twig new file mode 100644 index 0000000..8cb159a --- /dev/null +++ b/templates/content/message.html.twig @@ -0,0 +1,39 @@ +{# +/** + * @file + * Default theme implementation for message entities. + * + * Available variables: + * - $content: An array of comment items. Use render($content) to print them all, or + * print a subset such as render($content['field_example']). Use + * hide($content['field_example']) to temporarily suppress the printing of a + * given element. + * - $title: The (sanitized) entity label. + * - $url: Direct url of the current entity if specified. + * - $page: Flag for the full page state. + * - $classes: String of classes that can be used to style contextually through + * CSS. It can be manipulated through the variable $classes_array from + * preprocess functions. By default the following classes are available, where + * the parts enclosed by {} are replaced by the appropriate values: + * - entity-{ENTITY_TYPE} + * - {ENTITY_TYPE}-{BUNDLE} + * + * Other variables: + * - $classes_array: Array of html class attribute values. It is flattened + * into a string within the variable $classes. + * + * @see template_preprocess() + * @see template_preprocess_message() + * @see template_process() + */ +#} + +{% + set classes = [ + 'newsfeed__item--teaser', + ] +%} + ++ {% if not page %} + {{ label }} + {% else %} + {{ label }} + {% endif %} +
+ {#block postinfo #} + + {% block postinfo %} + + {% include "@patterns/profile-shortinfo/pattern-profile-shortinfo.html.twig" + with { + image_url: image_url, + title: node.owner.full_name.value, + url: path('entity.user.canonical', {'user': node.uid.entity.id}), + logged_in: logged_in, + context_text: ngf_context_text, + subpic: ngf_sub_picture, + container_class: ngf_group_container_class, + vote_content: content.field_ngf_vote, + follow_content: content.flag_ngf_follow_content, + save_content: content.flag_ngf_save_content, + report_content: content.report_content, + } + %} + {% endblock postinfo %} + {# end block postinfo #} + + {# block coverimage #} + {% block coverimage %} + {% if content.field_ngf_cover_image is not empty %} + {{ content.field_ngf_cover_image }} + {% endif %} + {% endblock coverimage %} + +{{ content.field_ngf_introtext|field_value }}
+ {% endif %} + {% endblock introtext %} + + {% block show_more %} + {# Show more button (will only be printed in teaser view mode) #} + {% if content.show_more %} + {% include "@patterns/button/pattern-button.html.twig" + with { + url: path('entity.node.canonical', {'node': content.show_more['#url'].routeParameters.node }), + label: content.show_more['#title'], + container_class: 'btn-list btn-list--right', + button_class: 'btn--green', + } + %} + {% endif %} + {% endblock show_more %} + + {# Show description (paragraphs) #} + {{ content.field_ngf_description }} + + {% if view_mode == "full" %} + + {% endif %} + + {% block related_topics %} + + {# TODO + + {% include "@patterns/list/pattern-list.html.twig" + with { + items: content.field_ngf_interests['#items'], + css_class: sub-section sub-section--related-taxonomy, + label: content.field_ngf_interests['#title'], + list_class: list list--taxonomy, + item_class: list__item list__item--tag, + link_class: tag tag__link, + url: '', + title: '', + } + %} + #} + + {{ content.field_ngf_interests }} + + {% endblock related_topics %} + + {# Call view related content #} + {% block related_content %} + {# to avoid endless loop #} + {% if view_mode == "full" %} + {# checks if the view returns a result, it needs a wrapper. needs improvement #} + {% if drupal_view_result('ngf_discussion_related_content', 'block') %} + + {% endif %} + {% endif %} + {% endblock related_content %} + + + {# Comments #} + {{ content.field_comments }} + + + +{% endblock article %} diff --git a/templates/content/node.html.twig b/templates/content/node.html.twig new file mode 100644 index 0000000..7478320 --- /dev/null +++ b/templates/content/node.html.twig @@ -0,0 +1,101 @@ +{# +/** + * @file + * Theme override to display a node. + * + * Available variables: + * - node: The node entity with limited access to object properties and methods. + * Only method names starting with "get", "has", or "is" and a few common + * methods such as "id", "label", and "bundle" are available. For example: + * - node.getCreatedTime() will return the node creation timestamp. + * - node.hasField('field_example') returns TRUE if the node bundle includes + * field_example. (This does not indicate the presence of a value in this + * field.) + * - node.isPublished() will return whether the node is published or not. + * Calling other methods, such as node.delete(), will result in an exception. + * See \Drupal\node\Entity\Node for a full list of public properties and + * methods for the node object. + * - label: The title of the node. + * - content: All node items. Use {{ content }} to print them all, + * or print a subset such as {{ content.field_example }}. Use + * {{ content|without('field_example') }} to temporarily suppress the printing + * of a given child element. + * - author_picture: The node author user entity, rendered using the "compact" + * view mode. + * - metadata: Metadata for this node. + * - date: Themed creation date field. + * - author_name: Themed author name field. + * - url: Direct URL of the current node. + * - display_submitted: Whether submission information should be displayed. + * - attributes: HTML attributes for the containing element. + * The attributes.class element may contain one or more of the following + * classes: + * - node: The current template type (also known as a "theming hook"). + * - node--type-[type]: The current node type. For example, if the node is an + * "Article" it would result in "node--type-article". Note that the machine + * name will often be in a short form of the human readable label. + * - node--view-mode-[view_mode]: The View Mode of the node; for example, a + * teaser would result in: "node--view-mode-teaser", and + * full: "node--view-mode-full". + * The following are controlled through the node publishing options. + * - node--promoted: Appears on nodes promoted to the front page. + * - node--sticky: Appears on nodes ordered above other non-sticky nodes in + * teaser listings. + * - node--unpublished: Appears on unpublished nodes visible only to site + * admins. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - content_attributes: Same as attributes, except applied to the main + * content tag that appears in the template. + * - author_attributes: Same as attributes, except applied to the author of + * the node tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * - view_mode: View mode; for example, "teaser" or "full". + * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'. + * - page: Flag for the full page state. Will be true if view_mode is 'full'. + * - readmore: Flag for more state. Will be true if the teaser content of the + * node cannot hold the main body content. + * - logged_in: Flag for authenticated user status. Will be true when the + * current user is a logged-in member. + * - is_admin: Flag for admin user status. Will be true when the current user + * is an administrator. + * + * @see template_preprocess_node() + * + * @todo Remove the id attribute (or make it a class), because if that gets + * rendered twice on a page this is invalid CSS for example: two lists + * in different view modes. + */ +#} +{% + set classes = [ + 'newsfeed__item', + 'newsfeed__item--' ~ node.bundle|clean_class, + node.isPromoted() ? 'newsfeed__item--promoted', + node.isSticky() ? 'newsfeed__item--sticky', + not node.isPublished() ? 'node--unpublished newsfeed__item--unpublished', + view_mode ? 'newsfeed__item--' ~ view_mode|clean_class, + ] +%} +{{ attach_library('classy/node') }} +
+ {{ comment_form }}
+
+ {% endif %}
+
+
diff --git a/templates/field/field--field-ngf-interests.html.twig b/templates/field/field--field-ngf-interests.html.twig
new file mode 100644
index 0000000..558ff9d
--- /dev/null
+++ b/templates/field/field--field-ngf-interests.html.twig
@@ -0,0 +1,16 @@
+{% if items is not empty %}
+
+{% endif %}
\ No newline at end of file
diff --git a/templates/field/field--video.html.twig b/templates/field/field--video.html.twig
new file mode 100644
index 0000000..0b10969
--- /dev/null
+++ b/templates/field/field--video.html.twig
@@ -0,0 +1,80 @@
+{#
+/**
+ * @file
+ * Theme override for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ * - attributes: List of HTML attributes for each item.
+ * - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ *
+ * @see template_preprocess_field()
+ */
+#}
+{%
+ set classes = [
+ 'field',
+ 'field--name-' ~ field_name|clean_class,
+ 'field--type-' ~ field_type|clean_class,
+ 'field--label-' ~ label_display,
+ ]
+%}
+{%
+ set title_classes = [
+ 'field__label',
+ label_display == 'visually_hidden' ? 'visually-hidden',
+ ]
+%}
+
+{% if label_hidden %}
+ {% if multiple %}
+
+ {% endif %}
+ {% for item in items %}
+ {{ item.content }}
+ {% endfor %}
+ {% if multiple %}
+
+ {% endif %}
+
+{% endif %}
diff --git a/templates/field/image.html.twig b/templates/field/image.html.twig
new file mode 100644
index 0000000..b81f4da
--- /dev/null
+++ b/templates/field/image.html.twig
@@ -0,0 +1,19 @@
+{#
+/**
+ * @file
+ * Theme override of an image.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the img tag.
+ * - style_name: (optional) The name of the image style applied.
+ *
+ * @see template_preprocess_image()
+ */
+#}
+{%
+set classes = [
+ style_name ? 'image-style-' ~ style_name|clean_class,
+ 'responsive',
+]
+%}
+ and HTML attributes.
+ * See \Drupal\Core\Render\Element\RenderElement for more
+ * information on the #theme_wrappers render array property, and
+ * \Drupal\Core\Render\Element\container for usage of the container render
+ * element.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - children: The rendered child elements of the container.
+ * - has_parent: A flag to indicate that the container has one or more parent
+ containers.
+ *
+ * @see template_preprocess_container()
+ */
+#}
+
+{%
+ set classes = [
+ 'form__block',
+ 'form__block--onecol',
+ 'btn-list--right',
+ ]
+%}
+{{ children }}
diff --git a/templates/form/form-element.html.twig b/templates/form/form-element.html.twig
new file mode 100644
index 0000000..a81c5a9
--- /dev/null
+++ b/templates/form/form-element.html.twig
@@ -0,0 +1,96 @@
+{#
+/**
+ * @file
+ * Theme override for a form element.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - errors: (optional) Any errors for this form element, may not be set.
+ * - prefix: (optional) The form element prefix, may not be set.
+ * - suffix: (optional) The form element suffix, may not be set.
+ * - required: The required marker, or empty if the associated form element is
+ * not required.
+ * - type: The type of the element.
+ * - name: The name of the element.
+ * - label: A rendered label element.
+ * - label_display: Label display setting. It can have these values:
+ * - before: The label is output before the element. This is the default.
+ * The label includes the #title and the required marker, if #required.
+ * - after: The label is output after the element. For example, this is used
+ * for radio and checkbox #type elements. If the #title is empty but the
+ * field is #required, the label will contain only the required marker.
+ * - invisible: Labels are critical for screen readers to enable them to
+ * properly navigate through forms but can be visually distracting. This
+ * property hides the label for everyone except screen readers.
+ * - attribute: Set the title attribute on the element to create a tooltip but
+ * output no label element. This is supported only for checkboxes and radios
+ * in \Drupal\Core\Render\Element\CompositeFormElementTrait::preRenderCompositeFormElement().
+ * It is used where a visual label is not needed, such as a table of
+ * checkboxes where the row and column provide the context. The tooltip will
+ * include the title and required marker.
+ * - description: (optional) A list of description properties containing:
+ * - content: A description of the form element, may not be set.
+ * - attributes: (optional) A list of HTML attributes to apply to the
+ * description content wrapper. Will only be set when description is set.
+ * - description_display: Description display setting. It can have these values:
+ * - before: The description is output before the element.
+ * - after: The description is output after the element. This is the default
+ * value.
+ * - invisible: The description is output after the element, hidden visually
+ * but available to screen readers.
+ * - disabled: True if the element is disabled.
+ * - title_display: Title display setting.
+ *
+ * @see template_preprocess_form_element()
+ */
+#}
+{%
+ set classes = [
+ 'js-form-item',
+ 'form__block',
+ 'form-item',
+ 'js-form-type-' ~ type|clean_class,
+ 'form-type-' ~ type|clean_class,
+ 'js-form-item-' ~ name|clean_class,
+ 'form-item-' ~ name|clean_class,
+ title_display not in ['after', 'before'] ? 'form-no-label',
+ disabled == 'disabled' ? 'form-disabled',
+ errors ? 'form-item--error',
+ ]
+%}
+{%
+ set description_classes = [
+ 'description',
+ description_display == 'invisible' ? 'visually-hidden',
+ ]
+%}
+
+
diff --git a/templates/form/textarea.html.twig b/templates/form/textarea.html.twig
new file mode 100644
index 0000000..d9eb0e0
--- /dev/null
+++ b/templates/form/textarea.html.twig
@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * Theme override for a 'textarea' #type form element.
+ *
+ * Available variables
+ * - wrapper_attributes: A list of HTML attributes for the wrapper element.
+ * - attributes: A list of HTML attributes for the
diff --git a/templates/group/group--ngf-discussion-group--full.html.twig b/templates/group/group--ngf-discussion-group--full.html.twig
new file mode 100644
index 0000000..62d5bec
--- /dev/null
+++ b/templates/group/group--ngf-discussion-group--full.html.twig
@@ -0,0 +1,56 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a group.
+ *
+ * Available variables:
+ * - group: The group entity with limited access to object properties and
+ * methods. Only "getter" methods (method names starting with "get", "has",
+ * or "is") and a few common methods such as "id" and "label" are available.
+ * Calling other methods (such as group.delete) will result in an exception.
+ * - label: The title of the group.
+ * - content: All group items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the
+ * printing of a given child element.
+ * - url: Direct URL of the current group.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - group: The current template type (also known as a "theming hook").
+ * - group--[type]: The current group type. For example, if the group is a
+ * "Classroom" it would result in "group--classroom". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - group--[view_mode]: The View Mode of the group; for example, a
+ * teaser would result in: "group--teaser", and full: "group--full".
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ * content tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ * displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ * displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ *
+ * @see template_preprocess_group()
+ *
+ * @ingroup themeable
+ */
+#}
+
+
+{% embed '@funkywave/group/group--ngf-discussion-group--ngf-header.html.twig' %}
+{% endembed %}
+
+{{ content.field_ngf_description }}
+
+{% embed '@funkywave/content/node--ngf-discussion.html.twig' %}
+ {% block article %}
+ {# Grab only related_topics block #}
+ {% block related_topics %}
+ {{ parent() }}
+ {% endblock related_topics %}
+ {% endblock article %}
+{% endembed %}
diff --git a/templates/group/group--ngf-discussion-group--ngf-about.html.twig b/templates/group/group--ngf-discussion-group--ngf-about.html.twig
new file mode 100644
index 0000000..1e7ab65
--- /dev/null
+++ b/templates/group/group--ngf-discussion-group--ngf-about.html.twig
@@ -0,0 +1,42 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a group.
+ *
+ * Available variables:
+ * - group: The group entity with limited access to object properties and
+ * methods. Only "getter" methods (method names starting with "get", "has",
+ * or "is") and a few common methods such as "id" and "label" are available.
+ * Calling other methods (such as group.delete) will result in an exception.
+ * - label: The title of the group.
+ * - content: All group items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the
+ * printing of a given child element.
+ * - url: Direct URL of the current group.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - group: The current template type (also known as a "theming hook").
+ * - group--[type]: The current group type. For example, if the group is a
+ * "Classroom" it would result in "group--classroom". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - group--[view_mode]: The View Mode of the group; for example, a
+ * teaser would result in: "group--teaser", and full: "group--full".
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ * content tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ * displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ * displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ *
+ * @see template_preprocess_group()
+ *
+ * @ingroup themeable
+ */
+#}
+{{ content }}
\ No newline at end of file
diff --git a/templates/group/group--ngf-discussion-group--ngf-header.html.twig b/templates/group/group--ngf-discussion-group--ngf-header.html.twig
new file mode 100644
index 0000000..cf6b862
--- /dev/null
+++ b/templates/group/group--ngf-discussion-group--ngf-header.html.twig
@@ -0,0 +1,99 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a group.
+ *
+ * Available variables:
+ * - group: The group entity with limited access to object properties and
+ * methods. Only "getter" methods (method names starting with "get", "has",
+ * or "is") and a few common methods such as "id" and "label" are available.
+ * Calling other methods (such as group.delete) will result in an exception.
+ * - label: The title of the group.
+ * - content: All group items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the
+ * printing of a given child element.
+ * - url: Direct URL of the current group.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - group: The current template type (also known as a "theming hook").
+ * - group--[type]: The current group type. For example, if the group is a
+ * "Classroom" it would result in "group--classroom". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - group--[view_mode]: The View Mode of the group; for example, a
+ * teaser would result in: "group--teaser", and full: "group--full".
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ * content tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ * displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ * displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ *
+ * @see template_preprocess_group()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if content.field_ngf_cover_image|render is empty %}
+ {% set image_url = file_url(directory ~ '/images/default_group.jpg') %}
+{% else %}
+ {% set image_url = file_url(content.field_ngf_cover_image|field_target_entity.field_media_image.entity.uri.value|image_style('thumbnail')) %}
+{% endif %}
+
+