refactor(communities): Allow hiding custom fields on About page.

Author: monotasker

site/kcworks/config/custom_fields.py

@@ -160,6 +160,7 @@
     {
         "section": "Linked Commons Group",
         "hidden": False,
+        "show_on_about": False,
         "description": "Information about a Commons group that owns the collection",
         "fields": [
             {

templates/semantic-ui/invenio_communities/base.html

@@ -16,6 +16,6 @@
 {%- block css %}
 {{ super() }}
 {% if community %}
-<link rel="stylesheet" type="text/css" href="/collections/{{community.slug}}/community-theme-{{ community.revision_id }}.css">
+<link rel="stylesheet" type="text/css" href="/communities/{{ community.slug }}/community-theme-{{ community.revision_id }}.css">
 {% endif %}
 {%- endblock css %}

templates/semantic-ui/invenio_communities/community_theme_template.css

@@ -1,53 +1,74 @@
+{%- if theme.mainHeaderBackgroundColor %}
 .page-subheader-outer {
-    background-color: {{ theme.mainHeaderBackgroundColor }} !important;
+  background-color: {{ theme.mainHeaderBackgroundColor }} !important;
 }
+{%- endif %}
 
+{%- if theme.secondaryColor or theme.secondaryTextColor %}
 .theme-secondary, .ui.secondary.button {
-  background-color: {{ theme.secondaryColor }} !important;
-  color: {{ theme.secondaryTextColor }} !important;
+  {% if theme.secondaryColor %}background-color: {{ theme.secondaryColor }} !important;{% endif %}
+  {% if theme.secondaryTextColor %}color: {{ theme.secondaryTextColor }} !important;{% endif %}
 }
 
 .invenio-page-body .ui.search.button {
-  background-color: {{ theme.secondaryColor }} !important;
-  color: {{ theme.secondaryTextColor }} !important;
+  {% if theme.secondaryColor %}background-color: {{ theme.secondaryColor }} !important;{% endif %}
+  {% if theme.secondaryTextColor %}color: {{ theme.secondaryTextColor }} !important;{% endif %}
 }
+{%- endif %}
 
+{%- if theme.primaryTextColor %}
 .theme-primary a, .theme-primary h1, .theme-primary h2, .theme-primary p {
   color: {{ theme.primaryTextColor }} !important;
 }
+{%- endif %}
 
+{%- if theme.secondaryColor %}
 .theme-primary.pointing.menu .item.active {
   border-color: {{ theme.secondaryColor }} !important;
 }
+{%- endif %}
 
+{%- if theme.primaryColor %}
 .theme-primary-menu .item.active {
   background-color: {{ theme.primaryColor }} !important;
 }
+{%- endif %}
 
-.theme-primary .item, .theme-primary-menu, .page-subheader-outer{
-  font-family: {{ theme.font.family }} !important;
-  font-weight: {{ theme.font.weight }} !important;
-  font-size: {{ theme.font.size }};
+{%- if theme.font.family or theme.font.weight or theme.font.size %}
+.theme-primary .item, .theme-primary-menu, .page-subheader-outer {
+  {% if theme.font.family %}font-family: {{ theme.font.family }} !important;{% endif %}
+  {% if theme.font.weight %}font-weight: {{ theme.font.weight }} !important;{% endif %}
+  {% if theme.font.size %}font-size: {{ theme.font.size }};{% endif %}
 }
+{%- endif %}
 
+{%- if theme.primaryColor %}
 .theme-primary {
   background-color: {{ theme.primaryColor }} !important;
 }
 
-.theme-primary-text a {
+.theme-primary-text a,
+.theme-primary-text h1 {
   color: {{ theme.primaryColor }} !important;
 }
+{%- endif %}
 
+{%- if theme.tertiaryColor or theme.tertiaryTextColor %}
 .theme-tertiary, .ui.tertiary.button {
-  background-color: {{ theme.tertiaryColor }} !important;
-  color: {{ theme.tertiaryTextColor }};
+  {% if theme.tertiaryColor %}background-color: {{ theme.tertiaryColor }} !important;{% endif %}
+  {% if theme.tertiaryTextColor %}color: {{ theme.tertiaryTextColor }};{% endif %}
 }
+{%- endif %}
 
-.invenio-accordion-field .title, .ui.primary.button{
-  background-color: {{ theme.primaryColor }} !important;
-  color: {{ theme.primaryTextColor }} !important;
+{%- if theme.primaryColor or theme.primaryTextColor %}
+.invenio-accordion-field .title, .ui.primary.button {
+  {% if theme.primaryColor %}background-color: {{ theme.primaryColor }} !important;{% endif %}
+  {% if theme.primaryTextColor %}color: {{ theme.primaryTextColor }} !important;{% endif %}
 }
+{%- endif %}
 
+{%- if theme.font.weight %}
 .theme-font h1 {
-  font-weight: {{theme.font.weight}} !important;
-}
+  font-weight: {{ theme.font.weight }} !important;
+}
+{%- endif %}

templates/semantic-ui/invenio_communities/details/about/index.html

@@ -65,14 +65,26 @@ <h3 class="ui header">{{ _("Awards") }}</h3>
     </div>
     {% endif %}
 
+    {# Custom-fields sections and fields may set `show_on_about: False` in
+       `COMMUNITIES_CUSTOM_FIELDS_UI` to be excluded from this page while
+       still appearing in the community settings form. The default is True. #}
     {% set custom_fields = community.ui.custom_fields %}
-    {% for section_cfg in custom_fields_ui if custom_fields %}
+    {% for section_cfg in custom_fields_ui
+       if custom_fields and section_cfg.get("show_on_about", True) %}
     {% set section_fields = section_cfg.fields %}
+    {% set ns = namespace(any_visible=false) %}
+    {% for field_cfg in section_fields %}
+    {% if custom_fields.get(field_cfg.field)
+       and field_cfg.get("show_on_about", True) %}
+    {% set ns.any_visible = true %}
+    {% endif %}
+    {% endfor %}
 
+    {% if ns.any_visible %}
     <div class="communities-detail-about-section communities-detail-custom-fields-section">
     <h3>{{ section_cfg.section }}</h3>
 
-    {% for field_cfg in section_fields %}
+    {% for field_cfg in section_fields if field_cfg.get("show_on_about", True) %}
     {% set field_value = custom_fields.get(field_cfg.field) %}
     {% if field_value and field_cfg.template %}
     {% include field_cfg.template %}
@@ -83,6 +95,7 @@ <h3>{{ section_cfg.section }}</h3>
     {% endfor %}
 
     </div>
+    {% endif %}
 
     {%- endfor %}
   </div>