<commit_before><template>
  <div class="container">
    <h1>{{ isAdmin ? 'Admin' : 'Mijn diensten' }}</h1>
    <form class="pull-right">
      <div class="form-group">
        <input v-model="query" @input="route.offset=0" class="form-control" :placeholder="'Zoek ' + (route.tab ? 'gebruikers' : 'diensten')" style="max-width:300px" type="search">
      </div>
    </form>
    <div v-if="isAdmin">
      <div class="btn-group">
        <button type="button" class="btn btn-primary" :class="{active: !route.tab}" @click="route.tab=0">Toon diensten</button>
        <button type="button" class="btn btn-primary" :class="{active: route.tab=='users'}" @click="route.tab='users'">Toon gebruikers</button>
      </div>
      <!-- <button type="button" class="btn btn-link btn-disabled" :class="{active: route.tab=='admin'}" @click="route.tab='admin'" disabled>Toon administrators</button> -->
      <button type="button" class="btn btn-default" :class="{'btn-warning': draft, 'btn-success': ! draft}" @click="draft = !draft" v-if="!route.tab">{{draft?'in':''}}actieve diensten</button>
      <button type="button" class="btn btn-success" @click="newUser" v-if="route.tab == 'users'">Gebruiker uitnodigen</button>

    </div>
    <div v-else>
      <button type="button" class="btn btn-default" @click="requestService">Vraag toegang tot een dienst</button>
    </div>

    <!-- Users -->
    <div v-if="isAdmin&&route.tab==='users'" class="row">
      <div v-if="!users.length" class="table-message">
        <h3 class="text-muted">
          Er zijn nog geen gebruikers op het platform. Mogelijke oorzaken:
          <br>Je hebt niet genoeg rechten.<commit_msg>#69 Make active/draft toggle more explicit<commit_after><template>
  <div class="container">
    <h1>{{ isAdmin ? 'Admin' : 'Mijn diensten' }}</h1>
    <form class="pull-right">
      <div class="form-group">
        <input v-model="query" @input="route.offset=0" class="form-control" :placeholder="'Zoek ' + (route.tab ? 'gebruikers' : 'diensten')" style="max-width:300px" type="search">
      </div>
    </form>
    <div v-if="isAdmin">
      <div class="btn-group">
        <button type="button" class="btn btn-primary" :class="{active: !route.tab}" @click="route.tab=0">Toon diensten</button>
        <button type="button" class="btn btn-primary" :class="{active: route.tab=='users'}" @click="route.tab='users'">Toon gebruikers</button>
      </div>
      <!-- <button type="button" class="btn btn-link btn-disabled" :class="{active: route.tab=='admin'}" @click="route.tab='admin'" disabled>Toon administrators</button> -->

      <div class="btn-group" v-if="!route.tab">
        <button type="button" class="btn btn-default" :class="{ 'btn-success': !draft }" @click="draft = false">Toon actieve diensten</button>
        <button type="button" class="btn btn-default" :class="{ 'btn-warning': draft }" @click="draft = true">Toon inactieve diensten</button>
      </div>

      <button type="button" class="btn btn-success" @click="newUser" v-if="route.tab == 'users'">Gebruiker uitnodigen</button>

    </div>
    <div v-else>
      <button type="button" class="btn btn-default" @click="requestService">Vraag toegang tot een dienst</button>
    </div>

    <!-- Users -->
    <div v-if="isAdmin&&route.tab==='users'" class="row">
      <div v-if="!users.length" class="table-message">
        <h3 class="text-muted">
          Er zijn nog geen gebruikers op het platform. Mogelijke oorzaken:
          <br>Je hebt niet genoeg rechten.
{'fraction_non_alphanumeric': 0.20314735336194564, 'fraction_numerical': 0.005150214592274678, 'mean_word_length': 3.944837340876945, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, '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': '5548005', 'n_tokens_mistral': 1192, 'n_tokens_neox': 1158, 'n_words': 244}