<commit_before><template>
  <v-app-bar v-if="$vuetify.breakpoint.smAndUp" app
             clipped-left
             color="blue-grey darken-4" dark>
    <logo>
      <v-btn :to="campRoute(camp(), 'program')" class="justify-start px-2 camp--name"
             text
             width="216">
        <v-toolbar-title>
          {{ camp().title | loading($tc('views.camp.navigationCamp.campIsLoading')) }}
        </v-toolbar-title>
      </v-btn>
    </logo>

    <v-toolbar-items>
      <v-btn :to="campRoute(camp(), 'collaborators')" text>
        <v-icon :left="$vuetify.breakpoint.mdAndUp">mdi-account-group</v-icon>
        <span class="sr-only-sm-and-down">{{ $tc('views.camp.navigationCamp.team') }}</span>
      </v-btn>
      <v-btn :to="campRoute(camp(), 'admin')" text>
        <v-icon :left="$vuetify.breakpoint.mdAndUp">mdi-cogs</v-icon>
        <span class="sr-only-sm-and-down">{{ $tc('views.camp.navigationCamp.admin') }}</span>
      </v-btn>
      <v-btn :to="campRoute(camp(), 'print')" text>
        <v-icon :left="$vuetify.breakpoint.mdAndUp">mdi-printer</v-icon>
        <span class="sr-only-sm-and-down">{{ $tc('views.camp.navigationCamp.print') }}</span>
      </v-btn>
      <v-btn :to="campRoute(camp(), 'story')" text>
        <v-icon :left="$vuetify.breakpoint.mdAndUp">mdi-book-open-page-variant</v-icon>
        <span class="sr-only-sm-and-down">{{ $tc('views.camp.navigationCamp.story') }}</span>
      </v-btn>
    </v-toolbar-items>
    <v-spacer />
    <search-desktop />
    <user-meta />
  </v-app-bar>
  <v-bottom-navigation v-else app
                       fixed grow>
    <v-btn>
      <span>{{ $tc('views.camp.navigationCamp.material') }}</span>
      <v-icon>mdi-package-variant</v-icon>
    </v-btn>
    <v-btn>
      <span>{{ $tc('views.camp.navigationCamp.tasks') }}</span>
      <v-icon>mdi-format-list-checks</v-icon>
    </v-btn>
    <v-btn :to="{name: 'camp/program'}">
      <span>{{ $tc('views.camp.navigationCamp.camp') }}</span>
      <v-icon large>mdi-tent</v-icon>
    </v-btn>
    <v-btn :to="{name: 'camp/collaborators'}" exact>
      <span>{{ $tc('views.camp.navigationCamp.team') }}</span>
      <v-icon>mdi-account-group</v-icon>
    </v-btn>
    <v-btn :to="{name: 'camp/admin'}">
      <span>{{ $tc('views.camp.navigationCamp.admin') }}</span>
      <v-icon>mdi-cogs</v-icon>
    </v-btn>
  </v-bottom-navigation>
</template>

<script>
import { campRoute } from '@/router'
import SearchDesktop from '@/components/navigation/SearchDesktop'
import UserMeta from '@/components/navigation/UserMeta'
import Logo from '@/components/navigation/Logo'

export default {
  name: 'NavigationCamp',
  components: {
    UserMeta,
    SearchDesktop,
    Logo
  },
  props: {
    camp: { type: Function, required: true }
  },
  methods: {
    campRoute
  }
}
</script>

<style lang="scss" scoped>
  .camp--name::v-deep .v-btn__content {
    width: 100%;
  }
</style>
<commit_msg>Prioritized entries in a tiny usability test - Main entries are now: "eCamp Home", "Materials", "Program", "Story" and "Admin/Info" (in the future, the unprivileged members of a camp will see an info-page instead of a admin-page) - Used camp name as a fast identifier for the program<commit_after><template>
  <v-app-bar v-if="$vuetify.breakpoint.smAndUp" app
             clipped-left
             color="blue-grey darken-4" dark>
    <logo>
      <v-btn :to="campRoute(camp(), 'program')" class="justify-start px-2 camp--name"
             text
             width="216">
        <v-toolbar-title>
          {{ camp().title | loading($tc('views.camp.navigationCamp.campIsLoading')) }}
        </v-toolbar-title>
      </v-btn>
    </logo>

    <v-toolbar-items>
      <v-btn :to="campRoute(camp(), 'collaborators')" text>
        <v-icon :left="$vuetify.breakpoint.mdAndUp">mdi-account-group</v-icon>
        <span class="sr-only-sm-and-down">{{ $tc('views.camp.navigationCamp.team') }}</span>
      </v-btn>
      <v-btn :to="campRoute(camp(), 'admin')" text>
        <v-icon :left="$vuetify.breakpoint.mdAndUp">mdi-cogs</v-icon>
        <span class="sr-only-sm-and-down">{{ $tc('views.camp.navigationCamp.admin') }}</span>
      </v-btn>
      <v-btn :to="campRoute(camp(), 'print')" text>
        <v-icon :left="$vuetify.breakpoint.mdAndUp">mdi-printer</v-icon>
        <span class="sr-only-sm-and-down">{{ $tc('views.camp.navigationCamp.print') }}</span>
      </v-btn>
      <v-btn :to="campRoute(camp(), 'story')" text>
        <v-icon :left="$vuetify.breakpoint.mdAndUp">mdi-book</v-icon>
        <span class="sr-only-sm-and-down">{{ $tc('views.camp.navigationCamp.story') }}</span>
      </v-btn>
    </v-toolbar-items>
    <v-spacer />
    <search-desktop />
    <user-meta />
  </v-app-bar>
  <v-bottom-navigation v-else grow
                       app background-color="blue-grey darken-4"
                       dark>
    <v-btn :to="{name: 'home'}" exact>
      <span>{{ $tc('views.navigationDefault.home') }}</span>
      <v-icon>mdi-home</v-icon>
    </v-btn>
    <v-btn :to="{name: 'camp/story'}">
      <span>{{ $tc('views.camp.navigationCamp.story') }}</span>
      <v-icon>mdi-book</v-icon>
    </v-btn>
    <v-btn :to="{name: 'camp/program'}">
      <span>{{ camp().name }}</span>
      <v-icon large>mdi-tent</v-icon>
    </v-btn>
    <v-btn :to="{name: 'camp/material'}" exact>
      <span>{{ $tc('views.camp.navigationCamp.material') }}</span>
      <v-icon>mdi-package-variant</v-icon>
    </v-btn>
    <v-btn :to="{name: 'camp/admin'}">
      <span>{{ $tc('views.camp.navigationCamp.admin') }}</span>
      <v-icon>mdi-cogs</v-icon>
    </v-btn>
  </v-bottom-navigation>
</template>

<script>
import { campRoute } from '@/router'
import SearchDesktop from '@/components/navigation/SearchDesktop'
import UserMeta from '@/components/navigation/UserMeta'
import Logo from '@/components/navigation/Logo'

export default {
  name: 'NavigationCamp',
  components: {
    UserMeta,
    SearchDesktop,
    Logo
  },
  props: {
    camp: { type: Function, required: true }
  },
  methods: {
    campRoute
  }
}
</script>

<style lang="scss" scoped>
  .camp--name::v-deep .v-btn__content {
    width: 100%;
  }
</style>

{'fraction_non_alphanumeric': 0.20762987012987014, 'fraction_numerical': 0.00275974025974026, 'mean_word_length': 2.740740740740741, 'pattern_counts': {'":': 0, '<': 153, '<?xml version=': 0, '>': 153, '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': '2223180', 'n_tokens_mistral': 2289, 'n_tokens_neox': 2231, 'n_words': 371}