✨ Adds basic content for partner page

2019-05-05 17:16:11 +02:00 · 2019-05-05 17:16:11 +02:00 · eb8c283026
parent acf9d544c6
commit eb8c283026
16 changed files with 466 additions and 6 deletions
--- a/bin/admin-yml/index.js
+++ b/bin/admin-yml/index.js
@ -151,6 +151,34 @@ const configTree = {
        markdownField('content', 'Content')
      ]
    }),
+    category({
+      meta: {
+        name: 'partner',
+        label: '[Page] Partner',
+        description: 'The partner page.',
+        folder: 'src/app/partner/content'
+      },
+      fields: [
+        pageUrl(),
+        siteName(),
+        stringField('headline', 'Headline'),
+        markdownField('content', 'Content'),
+        listField('partners', 'Partner', {
+          list: [
+            stringField('name', 'Name of partner'),
+            stringField('url', 'Link to partner'),
+            markdownField('description', 'Description')
+          ]
+        }),
+        listField('communcations', 'Communcations Partner', {
+          list: [
+            stringField('name', 'Name of partner'),
+            stringField('url', 'Link to partner'),
+            markdownField('description', 'Description')
+          ]
+        })
+      ]
+    }),
    category({
      meta: {
        name: 'privacy',
@ -254,6 +282,7 @@ const configTree = {
            stringField('index', '[Label] Introduction'),
            stringField('faq', '[Label] FAQ'),
            stringField('about', '[Label] About us'),
+            stringField('partner', '[Label] Partner'),
            stringField('contact', '[Label] Contact')
          ]
        }),
--- a/public/admin/config.yml
+++ b/public/admin/config.yml
@ -395,6 +395,74 @@ collections:
      - label: Content
        name: content
        widget: markdown
+  - name: partner
+    label: '[Page] Partner'
+    description: The partner page.
+    folder: src/app/partner/content
+    format: json
+    create: true
+    slug: '{{fields.language}}'
+    fields:
+      - label: '[Meta] Language'
+        name: language
+        hint: Select the language for this page.
+        widget: select
+        options:
+          - label: English
+            value: en
+          - label: Deutsch
+            value: de
+          - label: Français
+            value: fr
+          - label: Dansk
+            value: dk
+          - label: Slovenščina
+            value: si
+          - label: Čeština
+            value: cz
+      - label: '[Meta] Page URL'
+        name: url
+        widget: string
+        hint: >-
+          An optional, localised URL which will be used for this page (e.g.
+          https://euromat.info/#/<PAGE_URL>)
+        optional: true
+      - label: '[Meta] Site Name'
+        name: title
+        widget: string
+        hint: The name for the page that will appear in the browser tab.
+      - label: Headline
+        name: headline
+        widget: string
+      - label: Content
+        name: content
+        widget: markdown
+      - label: Partner
+        name: partners
+        widget: list
+        fields:
+          - label: Name of partner
+            name: name
+            widget: string
+          - label: Link to partner
+            name: url
+            widget: string
+          - label: Description
+            name: description
+            widget: markdown
+      - label: Communcations Partner
+        name: communcations
+        widget: list
+        fields:
+          - label: Name of partner
+            name: name
+            widget: string
+          - label: Link to partner
+            name: url
+            widget: string
+          - label: Description
+            name: description
+            widget: markdown
  - name: privacy
    label: '[Page] Data Privacy'
    description: The data privacy page.
@ -656,6 +724,9 @@ collections:
          - label: '[Label] About us'
            name: about
            widget: string
+          - label: '[Label] Partner'
+            name: partner
+            widget: string
          - label: '[Label] Contact'
            name: contact
            widget: string
--- a/src/app/app.vue
+++ b/src/app/app.vue
@ -66,6 +66,10 @@
            label: this.$t('meta.topMenu.about'),
            route: { path: getTranslatedUrl('about') }
          },
+          {
+            label: this.$t('meta.topMenu.partner'),
+            route: { path: getTranslatedUrl('partner') }
+          },
          {
            label: this.$t('meta.topMenu.contact'),
            route: { path: getTranslatedUrl('contact') }
--- a/src/app/partner/components/index.vue
+++ b/src/app/partner/components/index.vue
@ -1,7 +1,38 @@
 <template>
-  <section>
+  <section class="partner-page">
    <h1>{{ $t('partner.headline') }}</h1>
+
    <v-markdown :source="$t('partner.content')" />
+
+    <ul class="partners-list">
+      <li v-for="partner in $t('partner.partners')" :key="partner.name">
+        <h2>
+          <a
+            :href="partner.url"
+            target="_blank"
+            rel="noopener"
+          >
+            {{ partner.name }}
+          </a>
+        </h2>
+        <p>{{ partner.description }}</p>
+      </li>
+    </ul>
+
+    <ul class="communications-list">
+      <li v-for="communicationPartner in $t('partner.communication')" :key="communicationPartner.name">
+        <h2>
+          <a
+            :href="communicationPartner.url"
+            target="_blank"
+            rel="noopener"
+          >
+            {{ communicationPartner.name }}
+          </a>
+        </h2>
+        <p>{{ communicationPartner.description }}</p>
+      </li>
+    </ul>
  </section>
 </template>

@ -14,4 +45,31 @@
 <style lang="scss" scoped>
  @import "~@/styles/colors";
  @import "~@/styles/layout";
+
+  .partner-page {
+    h1 {
+      margin-bottom: $base-gap;
+    }
+  }
+
+  .partners-list {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    list-style: none;
+    width: 100%;
+    margin-top: $base-gap;
+
+    & li {
+      width: calc(25% - #{$base-gap});
+      flex: 1 0 auto;
+      border: 1px solid red;
+      margin-bottom: $base-gap;
+
+      &:not(:nth-of-type(4n)) {
+        margin-right: $base-gap;
+      }
+    }
+  }
 </style>
--- a/src/app/partner/content/cz.json
+++ b/src/app/partner/content/cz.json
@ -0,0 +1,51 @@
+{
+  "language": "cz",
+  "url": "partner",
+  "title": "[CZ] Partner",
+  "headline": "Partner",
+  "content": "We could provide the EUROMAT in 10 European countries thanks to the support of our friends and partners all over Europe.",
+  "partners": [
+    {
+      "name": "POLIS180",
+      "url": "https://polis180.org/",
+      "description": "foo"
+    },
+    {
+      "name": "Pulse of Europe",
+      "url": "https://pulseofeurope.eu/",
+      "description": "foo"
+    },
+    {
+      "name": "ARGO",
+      "url": "http://argothinktank.org/en/",
+      "description": "foo"
+    },
+    {
+      "name": "PONTO",
+      "url": "http://www.pontothinktank.org/",
+      "description": "foo"
+    },
+    {
+      "name": "JEF",
+      "url": "https://www.mladievropane.cz/",
+      "description": "foo"
+    },
+    {
+      "name": "THINKTANK EUROPA",
+      "url": "http://english.thinkeuropa.dk/think-tank-europa",
+      "description": "foo"
+    },
+    {
+      "name": "INSTITUTE for POLITICAL MANAGEMENT",
+      "url": "https://ipm.si/en/homepage/",
+      "description": "foo"
+    }
+  ],
+  "communication": [
+    {
+      "name": "AEGEE",
+      "url": "https://www.aegee.org/",
+      "description": "foo"
+    }
+  ]
+}
--- a/src/app/partner/content/de.json
+++ b/src/app/partner/content/de.json
@ -3,5 +3,49 @@
  "url": "partner",
  "title": "Partner",
  "headline": "Partner",
-  "content": "Wir arbeiten mit zahlreichen Partnern in Deutschland und in ganz Europa zusammen.\n\nWir kooperieren mit unseren Schwesterorganisationen Argo (Frankreich) und Ponto (Österreich) aus dem Open Think Tank Netzwerk.\n\nIn mehreren Ländern arbeiten wir den Jungen Europäischen Föderalisten (Spanien, Tschechische Republik, Malta) zusammen.\n\nDarüber hinaus kooperieren wir mit anderen nationalen Organisationen, um den EUROMAT in so vielen Ländern und so vielen Sprachen wie möglich zu verbreiten: Global Lab (Polen), Think Tank Europa (Dänemark).\n\nMehr Information zu unseren jeweiligen Partnern findet Ihr hier: (Link Unterseite Partner)\n\nDu bist Mitglied eines Thinktanks oder einer Organization in einem europäischen Mitgliedstaat, welche Partner des EUROMAT werden möchte? Du willst den EUROMAT in deine Sprache übersetzen? Kontaktiere uns unter [hello@euromat.info](hello@euromat.info)"
+  "content": "We could provide the EUROMAT in 10 European countries thanks to the support of our friends and partners all over Europe.",
+  "partners": [
+    {
+      "name": "POLIS180",
+      "url": "https://polis180.org/",
+      "description": "foo"
+    },
+    {
+      "name": "Pulse of Europe",
+      "url": "https://pulseofeurope.eu/",
+      "description": "foo"
+    },
+    {
+      "name": "ARGO",
+      "url": "http://argothinktank.org/en/",
+      "description": "foo"
+    },
+    {
+      "name": "PONTO",
+      "url": "http://www.pontothinktank.org/",
+      "description": "foo"
+    },
+    {
+      "name": "JEF",
+      "url": "https://www.mladievropane.cz/",
+      "description": "foo"
+    },
+    {
+      "name": "THINKTANK EUROPA",
+      "url": "http://english.thinkeuropa.dk/think-tank-europa",
+      "description": "foo"
+    },
+    {
+      "name": "INSTITUTE for POLITICAL MANAGEMENT",
+      "url": "https://ipm.si/en/homepage/",
+      "description": "foo"
+    }
+  ],
+  "communication": [
+    {
+      "name": "AEGEE",
+      "url": "https://www.aegee.org/",
+      "description": "foo"
+    }
+  ]
 }
--- a/src/app/partner/content/dk.json
+++ b/src/app/partner/content/dk.json
@ -0,0 +1,51 @@
+{
+  "language": "dk",
+  "url": "partner",
+  "title": "[DK] Partner",
+  "headline": "Partner",
+  "content": "We could provide the EUROMAT in 10 European countries thanks to the support of our friends and partners all over Europe.",
+  "partners": [
+    {
+      "name": "POLIS180",
+      "url": "https://polis180.org/",
+      "description": "foo"
+    },
+    {
+      "name": "Pulse of Europe",
+      "url": "https://pulseofeurope.eu/",
+      "description": "foo"
+    },
+    {
+      "name": "ARGO",
+      "url": "http://argothinktank.org/en/",
+      "description": "foo"
+    },
+    {
+      "name": "PONTO",
+      "url": "http://www.pontothinktank.org/",
+      "description": "foo"
+    },
+    {
+      "name": "JEF",
+      "url": "https://www.mladievropane.cz/",
+      "description": "foo"
+    },
+    {
+      "name": "THINKTANK EUROPA",
+      "url": "http://english.thinkeuropa.dk/think-tank-europa",
+      "description": "foo"
+    },
+    {
+      "name": "INSTITUTE for POLITICAL MANAGEMENT",
+      "url": "https://ipm.si/en/homepage/",
+      "description": "foo"
+    }
+  ],
+  "communication": [
+    {
+      "name": "AEGEE",
+      "url": "https://www.aegee.org/",
+      "description": "foo"
+    }
+  ]
+}
--- a/src/app/partner/content/en.json
+++ b/src/app/partner/content/en.json
@ -3,5 +3,49 @@
  "url": "partner",
  "title": "Partner",
  "headline": "Partner",
-  "content": "Wir arbeiten mit zahlreichen Partnern in Deutschland und in ganz Europa zusammen.\n\nWir kooperieren mit unseren Schwesterorganisationen Argo (Frankreich) und Ponto (Österreich) aus dem Open Think Tank Netzwerk.\n\nIn mehreren Ländern arbeiten wir den Jungen Europäischen Föderalisten (Spanien, Tschechische Republik, Malta) zusammen.\n\nDarüber hinaus kooperieren wir mit anderen nationalen Organisationen, um den EUROMAT in so vielen Ländern und so vielen Sprachen wie möglich zu verbreiten: Global Lab (Polen), Think Tank Europa (Dänemark).\n\nMehr Information zu unseren jeweiligen Partnern findet Ihr hier: (Link Unterseite Partner)\n\nDu bist Mitglied eines Thinktanks oder einer Organization in einem europäischen Mitgliedstaat, welche Partner des EUROMAT werden möchte? Du willst den EUROMAT in deine Sprache übersetzen? Kontaktiere uns unter [hello@euromat.info](hello@euromat.info)"
+  "content": "We could provide the EUROMAT in 10 European countries thanks to the support of our friends and partners all over Europe.",
+  "partners": [
+    {
+      "name": "POLIS180",
+      "url": "https://polis180.org/",
+      "description": "foo"
+    },
+    {
+      "name": "Pulse of Europe",
+      "url": "https://pulseofeurope.eu/",
+      "description": "foo"
+    },
+    {
+      "name": "ARGO",
+      "url": "http://argothinktank.org/en/",
+      "description": "foo"
+    },
+    {
+      "name": "PONTO",
+      "url": "http://www.pontothinktank.org/",
+      "description": "foo"
+    },
+    {
+      "name": "JEF",
+      "url": "https://www.mladievropane.cz/",
+      "description": "foo"
+    },
+    {
+      "name": "THINKTANK EUROPA",
+      "url": "http://english.thinkeuropa.dk/think-tank-europa",
+      "description": "foo"
+    },
+    {
+      "name": "INSTITUTE for POLITICAL MANAGEMENT",
+      "url": "https://ipm.si/en/homepage/",
+      "description": "foo"
+    }
+  ],
+  "communication": [
+    {
+      "name": "AEGEE",
+      "url": "https://www.aegee.org/",
+      "description": "foo"
+    }
+  ]
 }
--- a/src/app/partner/content/fr.json
+++ b/src/app/partner/content/fr.json
@ -0,0 +1,51 @@
+{
+  "language": "fr",
+  "url": "partner",
+  "title": "[FR] Partner",
+  "headline": "Partner",
+  "content": "We could provide the EUROMAT in 10 European countries thanks to the support of our friends and partners all over Europe.",
+  "partners": [
+    {
+      "name": "POLIS180",
+      "url": "https://polis180.org/",
+      "description": "foo"
+    },
+    {
+      "name": "Pulse of Europe",
+      "url": "https://pulseofeurope.eu/",
+      "description": "foo"
+    },
+    {
+      "name": "ARGO",
+      "url": "http://argothinktank.org/en/",
+      "description": "foo"
+    },
+    {
+      "name": "PONTO",
+      "url": "http://www.pontothinktank.org/",
+      "description": "foo"
+    },
+    {
+      "name": "JEF",
+      "url": "https://www.mladievropane.cz/",
+      "description": "foo"
+    },
+    {
+      "name": "THINKTANK EUROPA",
+      "url": "http://english.thinkeuropa.dk/think-tank-europa",
+      "description": "foo"
+    },
+    {
+      "name": "INSTITUTE for POLITICAL MANAGEMENT",
+      "url": "https://ipm.si/en/homepage/",
+      "description": "foo"
+    }
+  ],
+  "communication": [
+    {
+      "name": "AEGEE",
+      "url": "https://www.aegee.org/",
+      "description": "foo"
+    }
+  ]
+}
--- a/src/app/partner/content/si.json
+++ b/src/app/partner/content/si.json
@ -0,0 +1,51 @@
+{
+  "language": "si",
+  "url": "partner",
+  "title": "[SI] Partner",
+  "headline": "Partner",
+  "content": "We could provide the EUROMAT in 10 European countries thanks to the support of our friends and partners all over Europe.",
+  "partners": [
+    {
+      "name": "POLIS180",
+      "url": "https://polis180.org/",
+      "description": "foo"
+    },
+    {
+      "name": "Pulse of Europe",
+      "url": "https://pulseofeurope.eu/",
+      "description": "foo"
+    },
+    {
+      "name": "ARGO",
+      "url": "http://argothinktank.org/en/",
+      "description": "foo"
+    },
+    {
+      "name": "PONTO",
+      "url": "http://www.pontothinktank.org/",
+      "description": "foo"
+    },
+    {
+      "name": "JEF",
+      "url": "https://www.mladievropane.cz/",
+      "description": "foo"
+    },
+    {
+      "name": "THINKTANK EUROPA",
+      "url": "http://english.thinkeuropa.dk/think-tank-europa",
+      "description": "foo"
+    },
+    {
+      "name": "INSTITUTE for POLITICAL MANAGEMENT",
+      "url": "https://ipm.si/en/homepage/",
+      "description": "foo"
+    }
+  ],
+  "communication": [
+    {
+      "name": "AEGEE",
+      "url": "https://www.aegee.org/",
+      "description": "foo"
+    }
+  ]
+}
--- a/src/data/meta/cz.json
+++ b/src/data/meta/cz.json
@ -5,6 +5,7 @@
    "index": "Úvodní stránka",
    "faq": "FAQ",
    "about": "O nás",
+    "partner": "Partner",
    "contact": "Kontakt"
  },
  "footerMenu": {
@ -21,4 +22,4 @@
    "btnDecline": "Odmítnout",
    "btnAccept": "Přijmout"
  }
-}
+}
--- a/src/data/meta/de.json
+++ b/src/data/meta/de.json
@ -5,6 +5,7 @@
    "index": "Startseite",
    "faq": "FAQ",
    "about": "Über uns",
+    "partner": "Partner",
    "contact": "Kontakt"
  },
  "footerMenu": {
--- a/src/data/meta/dk.json
+++ b/src/data/meta/dk.json
@ -5,6 +5,7 @@
    "index": "Startside",
    "faq": "FAQ",
    "about": "Om os",
+    "partner": "Partner",
    "press": "Kontakt"
  },
  "footerMenu": {
@ -21,4 +22,4 @@
    "btnDecline": "Decline",
    "btnAccept": "Accept"
  }
-}
+}
--- a/src/data/meta/en.json
+++ b/src/data/meta/en.json
@ -5,6 +5,7 @@
    "index": "Landing page",
    "faq": "FAQ",
    "about": "About us",
+    "partner": "Partner",
    "contact": "Contact"
  },
  "footerMenu": {
--- a/src/data/meta/fr.json
+++ b/src/data/meta/fr.json
@ -5,6 +5,7 @@
    "index": "Page d'accueil",
    "faq": "FAQ",
    "about": "Qui sommes-nous",
+    "partner": "Partner",
    "contact": "Contact"
  },
  "footerMenu": {
@ -21,4 +22,4 @@
    "btnDecline": "Non merci",
    "btnAccept": "D'accord"
  }
-}
+}
--- a/src/data/meta/si.json
+++ b/src/data/meta/si.json
@ -5,6 +5,7 @@
    "index": "Začetna stran",
    "faq": "FAQ",
    "about": "O nas",
+    "partner": "Partner",
    "contact": "Kontakt"
  },
  "footerMenu": {