<commit_before><script>
export default {
  name: 'GroupDashboard',
  computed: {
    group () {
      return this.$store.getters.currentGroup
    }
  },
  methods: {
    invite (groupId) {
      this.$store.commit('setCurrentGroupId', groupId)
      this.$router.push({path: '/invite'})
    }
  }
}
</script>

<template>
  <section class="container section">
    <div class="columns">
      <div class="column is-2">
        <p>YOUR GROUPS</p>
      </div>
      <div class="column">
        <p class='is-pulled-right'>
        </p>
        <h1 class="title is-1">{{ group.groupName }}</h1>
        <p>{{ group.sharedValues }}</p>
        <h5 class="subtitle is-4"><i18n>Members</i18n></h5>
        <ul>
          <li v-for="member in group.members">{{ member }}</li>
        </ul>
        <a class="button invite-button" @click.prevent="invite(group.id)">
          <span class="icon"><i class='fa fa-plus'></i></span>
        </a>
      </div>
    </div>
  </section>
</template>

<style lang="sass" scoped>
  h1.title
    font-family: HelveticaNeue-Bold
    font-size: 52px
    color: #616161
<commit_msg>Add more to /dashboard skeleton<commit_after><script>
export default {
  name: 'GroupDashboard',
  computed: {
    group () {
      return this.$store.getters.currentGroup
    }
  },
  methods: {
    invite (groupId) {
      this.$store.commit('setCurrentGroupId', groupId)
      this.$router.push({path: '/invite'})
    }
  }
}
</script>

<template>
  <section class="container section">
    <div class="columns">
      <div class="column is-2">
        <p>YOUR GROUPS</p>
      </div>
      <div class="column">
        <div class='is-pulled-right'>
          <p>Min Income</p>
          <p>${{ group.incomeProvided}}</p>
          <a href="">Propose change</a>
        </div>
        <h1 class="title is-1">{{ group.groupName }}</h1>
        <p>{{ group.sharedValues }}</p>

        <!-- Members List  -->
        <h3 class="title is-3"><i18n>Members</i18n></h3>
        <ul>
          <li v-for="member in group.members">{{ member }}</li>
        </ul>
        <a class="button invite-button" @click.prevent="invite(group.id)">
          <span class="icon"><i class='fa fa-plus'></i></span>
        </a>

        <!-- Support History -->
        <h3 class="title is-3"><i18n>Support History</i18n></h3>
        <a href="#">View full history</a>

        <!-- Group Settings -->
        <h3 class="title is-3"><i18n>Current Settings</i18n></h3>


      </div>
    </div>
  </section>
</template>

<style lang="sass" scoped>
  h1.title
    font-family: HelveticaNeue-Bold
    font-size: 52px
    color: #616161

{'fraction_non_alphanumeric': 0.1911484166348722, 'fraction_numerical': 0.02060282334986646, 'mean_word_length': 2.302267002518892, 'pattern_counts': {'":': 0, '<': 92, '<?xml version=': 0, '>': 92, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2965351', 'n_tokens_mistral': 946, 'n_tokens_neox': 910, 'n_words': 181}