Added imprint content

2017-08-16 22:48:38 +02:00 · 2017-08-16 22:48:38 +02:00 · a2e00bdcb1
parent f593767d1b
commit a2e00bdcb1
6 changed files with 164 additions and 41 deletions
--- a/src/app/about/components/index.vue
+++ b/src/app/about/components/index.vue
@ -5,26 +5,29 @@
      {{ txt }}
    </p>

+    <h2>{{ $t('about.teamLabel.polis') }}</h2>
    <ul>
-      <li v-for="(member, index) of $t('members.polis')">
-        <a :href="$t(`members.polis[${index}].profile`)" target="_blank">
-          <span>{{ $t(`members.polis[${index}].name`) }}</span>
+      <li v-for="(member, index) of $t('about.members.polis')">
+        <a :href="$t(`about.members.polis[${index}].profile`)" target="_blank">
+          <span>{{ $t(`about.members.polis[${index}].name`) }}</span>
        </a>
      </li>
    </ul>

+    <h2>{{ $t('about.teamLabel.poe') }}</h2>
    <ul>
-      <li v-for="(member, index) of $t('members.poe')">
-        <a :href="$t(`members.poe[${index}].profile`)" target="_blank">
-          <span>{{ $t(`members.poe[${index}].name`) }}</span>
+      <li v-for="(member, index) of $t('about.members.poe')">
+        <a :href="$t(`about.members.poe[${index}].profile`)" target="_blank">
+          <span>{{ $t(`about.members.poe[${index}].name`) }}</span>
        </a>
      </li>
    </ul>

+    <h2>{{ $t('about.teamLabel.dev') }}</h2>
    <ul>
-      <li v-for="(member, index) of $t('members.dev')">
-        <a :href="$t(`members.dev[${index}].profile`)" target="_blank">
-          <span>{{ $t(`members.dev[${index}].name`) }}</span>
+      <li v-for="(member, index) of $t('about.members.dev')">
+        <a :href="$t(`about.members.dev[${index}].profile`)" target="_blank">
+          <span>{{ $t(`about.members.dev[${index}].name`) }}</span>
        </a>
      </li>
    </ul>
--- a/src/app/about/i18n.js
+++ b/src/app/about/i18n.js
@ -1,21 +1,21 @@
 export default {
  de: {
-    members: {
-      polis: [
-        { name: 'Susanne Zels', profile: 'https://google.de' },
-        { name: 'Stephan', profile: 'https://google.de' },
-        { name: 'Ben', profile: 'https://google.de' },
-        { name: 'Johannes', profile: 'https://google.de' }
-      ],
-      poe: [
-        { name: 'Eva Podgorsek', profile: 'https://google.de' },
-        { name: 'Peter Funk', profile: 'https://google.de' }
-      ],
-      dev: [
-        { name: 'Moritz Kröger', profile: 'https://google.de' }
-      ]
-    },
    about: {
+      members: {
+        polis: [
+          { name: 'Susanne Zels', profile: 'https://google.de' },
+          { name: 'Stephan', profile: 'https://google.de' },
+          { name: 'Ben', profile: 'https://google.de' },
+          { name: 'Johannes', profile: 'https://google.de' }
+        ],
+        poe: [
+          { name: 'Eva Podgorsek', profile: 'https://google.de' },
+          { name: 'Peter Funk', profile: 'https://google.de' }
+        ],
+        dev: [
+          { name: 'Moritz Kröger', profile: 'https://google.de' }
+        ]
+      },
      headline: 'Wer steckt eigentlich hinter dem Euromat?',
      content: [
        'Als digitaler Wahl-Freund hat der Euromat zwar einiges auf dem Kasten. Dennoch besteht seine DNA vor allem aus Einsen und Nullen.',
@ -32,6 +32,21 @@ export default {
  },
  en: {
    about: {
+      members: {
+        polis: [
+          { name: 'Susanne Zels', profile: 'https://google.de' },
+          { name: 'Stephan', profile: 'https://google.de' },
+          { name: 'Ben', profile: 'https://google.de' },
+          { name: 'Johannes', profile: 'https://google.de' }
+        ],
+        poe: [
+          { name: 'Eva Podgorsek', profile: 'https://google.de' },
+          { name: 'Peter Funk', profile: 'https://google.de' }
+        ],
+        dev: [
+          { name: 'Moritz Kröger', profile: 'https://google.de' }
+        ]
+      },
      headline: 'Who‘s behind Euromat?',
      content: [
        'As your digital election buddy the Euromat certainly has plenty of grey matter. However, it‘s DNA still consists of mainly Ones and Zeros.',
--- a/src/app/app.vue
+++ b/src/app/app.vue
@ -1,6 +1,10 @@
 <template>
  <div id="app">
-    <app-menu :main="topMenu" :sub="subMenu" :languages="languages" />
+    <app-menu
+      :main="topMenu"
+      :sub="subMenu"
+      :languages="languages"
+      :socialMedia="socialMedia" />
    <main>
      <router-view></router-view>
    </main>
@ -60,6 +64,11 @@
        languages: [
          { label: '🇩🇪', locale: 'de' },
          { label: '🇬🇧', locale: 'en' }
+        ],
+        socialMedia: [
+          { label: 'Twitter' },
+          { label: 'Facebook' },
+          { label: 'Clipboard' }
        ]
      }
    },
@ -141,6 +150,10 @@
    margin: 0;
  }

+  p {
+    line-height: 150%;
+  }
+
  a {
    color: $text-color-base;

--- a/src/app/imprint/components/index.vue
+++ b/src/app/imprint/components/index.vue
@ -3,18 +3,55 @@
    <h1>{{ $t('imprint.headline') }}</h1>

    <div>
-      <h2>{{ $t('imprint.address') }}</h2>
+      <h2>{{ $t('imprint.address.label') }}</h2>
+      <address>
+        <span v-for="txt of $t('imprint.address.poe')">
+          <span>{{ txt }}</span><br />
+        </span>
+      </address>
+      <h3>{{ $t('imprint.represented.label') }}</h3>
+      <p>{{ $t('imprint.represented.poe') }}</p>
+      <h3>{{ $t('imprint.email.label') }}</h3>
+      <p>{{ $t('imprint.email.poe') }}</p>
+      <h3>{{ $t('imprint.phone.label') }}</h3>
+      <p>{{ $t('imprint.phone.poe') }}</p>
    </div>

    <div>
-      <h2>{{ $t('imprint.address') }}</h2>
+      <h2>{{ $t('imprint.address.label') }}</h2>
+      <address>
+        <span v-for="txt of $t('imprint.address.polis')">
+          <span>{{ txt }}</span><br />
+        </span>
+      </address>
+      <h3>{{ $t('imprint.represented.label') }}</h3>
+      <p>{{ $t('imprint.represented.polis') }}</p>
+      <h3>{{ $t('imprint.email.label') }}</h3>
+      <p>{{ $t('imprint.email.polis') }}</p>
+      <h3>{{ $t('imprint.phone.label') }}</h3>
+      <p>{{ $t('imprint.phone.polis') }}</p>
    </div>
  </section>
 </template>

 <script>
  export default {
-    name: 'Imprint'
+    name: 'Imprint',
+
+    data () {
+      return {
+        social: {
+          polis: [
+            { platform: 'Twitter', url: '' },
+            { platform: 'Facebook', url: '' }
+          ],
+          poe: [
+            { platform: 'Twitter', url: '' },
+            { platform: 'Facebook', url: '' }
+          ]
+        }
+      }
+    }
  }
 </script>

--- a/src/app/imprint/i18n.js
+++ b/src/app/imprint/i18n.js
@ -1,24 +1,70 @@
 export default {
  de: {
-    social: {
-      polis: [
-        { platform: 'Twitter', url: '' },
-        { platform: 'Facebook', url: '' }
-      ],
-      poe: [
-        { platform: 'Twitter', url: '' },
-        { platform: 'Facebook', url: '' }
-      ]
-    },
    imprint: {
      headline: 'Impressum',
-      address: 'Adresse'
+      address: {
+        label: 'Adresse',
+        polis: [
+          'Polis180 e.V.',
+          'Solmsstraße 18',
+          '10961 Berlin'
+        ],
+        poe: [
+          'Pulse of Europe e. V.',
+          'Wolfsgangstraße 63',
+          '60322 Frankfurt',
+          'Deutschland'
+        ]
+      },
+      email: {
+        label: 'Email',
+        polis: 'info@polis180.org',
+        poe: 'info@pulseofeurope.eu'
+      },
+      phone: {
+        label: 'Telefon',
+        polis: '+49 (0)176 301 912 30',
+        poe: '+49 (0)157 721 209 88'
+      },
+      represented: {
+        label: 'Vertreten durch:',
+        polis: ' Christian Freudlsperger, Co-Vorsitzender Sonja Schiffers,  Co-Vorsitzende Julian Zuber, Schatzmeiste',
+        poe: 'Der Verein wird vertreten durch seinen Vorstand, dieser wiederum durch seinen Vorsitzenden Dr. Daniel Röder.'
+      }
    }
  },
  en: {
    imprint: {
      headline: 'Imprint',
-      address: 'Address'
+      address: {
+        label: 'Address',
+        polis: [
+          'Polis180 e.V.',
+          'Solmsstraße 18',
+          '10961 Berlin'
+        ],
+        poe: [
+          'Pulse of Europe e. V.',
+          'Wolfsgangstraße 63',
+          '60322 Frankfurt',
+          'Germany'
+        ]
+      },
+      email: {
+        label: 'Email',
+        polis: 'info@polis180.org',
+        poe: 'info@pulseofeurope.eu'
+      },
+      phone: {
+        label: 'Telephone',
+        polis: '+49 (0)176 301 912 30',
+        poe: '+49 (0)157 721 209 88'
+      },
+      represented: {
+        label: 'Represented by',
+        polis: 'Christian Freudlsperger, Co-Chair Sonja Schiffers, Co-Chair Julian Zuber, Treasurer',
+        poe: 'The public charity is represented by the Managing Board, which in turn is represented by the Chair Dr. Daniel Röder.'
+      }
    }
  }
 }
--- a/src/components/menu.vue
+++ b/src/components/menu.vue
@ -25,6 +25,14 @@
        </router-link>
      </li>
    </ul>
+
+    <ul style="display:none;">
+      <li v-for="item of socialMedia">
+        <button>
+          {{ item.label }}
+        </button>
+      </li>
+    </ul>
  </aside>
 </template>

@ -39,7 +47,8 @@
    props: {
      main: { type: Array, default: () => [getDefaultMenu()] },
      sub: { type: Array, default: () => [getDefaultMenu()] },
-      languages: { type: Array, default: () => [] }
+      languages: { type: Array, default: () => [] },
+      socialMedia: { type: Array, default: () => [] }
    },

    methods: {