[pl][zine] prepare for closing submissions

components/ZineSubmissions.vue

@@ -0,0 +1,23 @@
+<template>
+    <div>
+        <ul class="list-unstyled">
+            <li v-for="{icon, label, content} in $t('links.zine.submissions.rules')" class="mb-2">
+                <h4>
+                    <Icon :v="icon"/>
+                    <LinkedText :text="label"/>:
+                </h4>
+                <ul v-if="Array.isArray(content)">
+                    <li v-for="el in content"><LinkedText :text="el"/></li>
+                </ul>
+                <p v-else>
+                    <LinkedText :text="content"/>
+                </p>
+            </li>
+        </ul>
+
+        <p class="small">
+            <Icon v="info-circle"/>
+            <T>links.zine.submissions.disclaimer</T>
+        </p>
+    </div>
+</template>

locale/pl/config.suml

@@ -254,6 +254,7 @@ links:
     zine:
         enabled: true
         route: 'zin'
+        open: true
     academic:
         -
             icon: 'comment-alt-edit'

locale/pl/translations.suml

@@ -986,6 +986,7 @@ links:
                 być może również w formie papierowej.
         submissions:
             header: 'Nabór zgłoszeń'
+            closed: 'Obecnie nabór zgłoszeń jest <strong>zamknięty</strong>.'
             rules:
                 -
                     icon: 'map-marker-question'

routes/zine.vue

@@ -9,31 +9,25 @@
 
         <T>links.zine.info</T>
 
-        <h3>
+        <h3 class="mb-3">
             <Icon v="bullhorn"/>
             <T>links.zine.submissions.header</T>
         </h3>
 
-        <div class="alert alert-info">
+        <ZineSubmissions v-if="config.links.zine.open" class="alert alert-info"/>
-            <ul class="list-unstyled">
+        <div v-else>
-                <li v-for="{icon, label, content} in $t('links.zine.submissions.rules')" class="mb-2">
+            <div class="alert alert-warning">
-                    <h4>
+                <p class="h6 mb-0">
-                        <Icon :v="icon"/>
+                    <Icon v="exclamation-triangle"/>
-                        <LinkedText :text="label"/>:
+                    <T>links.zine.submissions.closed</T>
-                    </h4>
+                </p>
-                    <ul v-if="Array.isArray(content)">
+            </div>
-                        <li v-for="el in content"><LinkedText :text="el"/></li>
+            <details class="border mb-3">
-                    </ul>
+                <summary class="bg-light p-3">
-                    <p v-else>
+                    <T>links.zine.submissions.header</T>
-                        <LinkedText :text="content"/>
+                </summary>
-                    </p>
+                <ZineSubmissions class="p-3 border-top"/>
-                </li>
+            </details>
-            </ul>
-
-            <p class="small">
-                <Icon v="info-circle"/>
-                <T>links.zine.submissions.disclaimer</T>
-            </p>
         </div>
 
         <Separator icon="heart"/>