<commit_before><template>
  <Page class="page--data">
    <SecondaryNavigation v-if="showDataCatalog">
      <div class="tabs">
        <router-link :to="{ name: 'datasets' }" class="tabs__item title is-small" exact active-class="is-active" :class="{'is-active': isDatasetPage }">
          <span>{{ $t('DataPage.tabs.datasets') }}</span>
        </router-link>
        <router-link :to="{ name: 'subscriptions' }" class="tabs__item title is-small" exact active-class="is-active" v-if="isDOEnabled">
          <span>{{ $t('DataPage.tabs.subscriptions') }}</span>
        </router-link>
      </div>
      <router-link :to="{ name: 'spatial-data-catalog' }" class="tabs__item title is-small right" exact active-class="is-active">
        <span>{{ $t('DataPage.tabs.catalog') }}</span>
      </router-link>
    </SecondaryNavigation>
    <router-view></router-view>
  </Page>
</template>

<script>
import { mapState } from 'vuex';
import Page from 'new-dashboard/components/Page';
import SecondaryNavigation from 'new-dashboard/components/SecondaryNavigation';
import { isAllowed } from 'new-dashboard/core/configuration/filters';
import * as accounts from 'new-dashboard/core/constants/accounts';

export default {
  name: 'DataPage',
  components: {
    Page,
    SecondaryNavigation
  },
  computed: {
    ...mapState({
      planAccountType: state => state.user.account_type
    }),
    isDatasetPage () {
      return isAllowed(this.$route.params.filter);
    },
    showDataCatalog () {
      return !accounts.accountsWithDataCatalogLimits.includes(this.planAccountType);
    },
    isDOEnabled () {
      return this.$store.state.user.do_enabled;
    }
  }
};
</script>

<style scoped lang="scss">
@import "new-dashboard/styles/variables";

.tabs {
  display: flex;

  &__item {
    margin-right: 48px;
    padding: 24px 0 20px;
    border-bottom: 4px solid transparent;
    background: none;
    color: $color-primary;
    text-transform: none;

    &.is-active {
      border-color: currentColor;
      color: $black;
    }
  }
}

.right {
  margin-left: auto;
  margin-right: 0;
}
</style>
<commit_msg>Show Data navigation bar always<commit_after><template>
  <Page class="page--data">
    <SecondaryNavigation>
      <div class="tabs">
        <router-link :to="{ name: 'datasets' }" class="tabs__item title is-small" exact active-class="is-active" :class="{'is-active': isDatasetPage }">
          <span>{{ $t('DataPage.tabs.datasets') }}</span>
        </router-link>
        <router-link :to="{ name: 'subscriptions' }" class="tabs__item title is-small" exact active-class="is-active" v-if="isDOEnabled">
          <span>{{ $t('DataPage.tabs.subscriptions') }}</span>
        </router-link>
      </div>
      <router-link :to="{ name: 'spatial-data-catalog' }" class="tabs__item title is-small right" exact active-class="is-active">
        <span>{{ $t('DataPage.tabs.catalog') }}</span>
      </router-link>
    </SecondaryNavigation>
    <router-view></router-view>
  </Page>
</template>

<script>
import Page from 'new-dashboard/components/Page';
import SecondaryNavigation from 'new-dashboard/components/SecondaryNavigation';
import { isAllowed } from 'new-dashboard/core/configuration/filters';

export default {
  name: 'DataPage',
  components: {
    Page,
    SecondaryNavigation
  },
  computed: {
    isDatasetPage () {
      return isAllowed(this.$route.params.filter);
    },
    isDOEnabled () {
      return this.$store.state.user.do_enabled;
    }
  }
};
</script>

<style scoped lang="scss">
@import "new-dashboard/styles/variables";

.tabs {
  display: flex;

  &__item {
    margin-right: 48px;
    padding: 24px 0 20px;
    border-bottom: 4px solid transparent;
    background: none;
    color: $color-primary;
    text-transform: none;

    &.is-active {
      border-color: currentColor;
      color: $black;
    }
  }
}

.right {
  margin-left: auto;
  margin-right: 0;
}
</style>

{'fraction_non_alphanumeric': 0.16394279877425944, 'fraction_numerical': 0.004596527068437181, 'mean_word_length': 3.262241566920566, 'pattern_counts': {'":': 0, '<': 55, '<?xml version=': 0, '>': 56, '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': '1788129', 'n_tokens_mistral': 1293, 'n_tokens_neox': 1270, 'n_words': 257}