<commit_before><template>
  <aside class="mdc-temporary-drawer mdc-typography">
    <nav class="mdc-temporary-drawer__drawer">
        <header class="mdc-temporary-drawer__header">
            <div class="mdc-temporary-drawer__header-content">
                GeekInc Remote Regie
            </div>
        </header>
        <nav id="icon-with-text-demo" class="mdc-temporary-drawer__content mdc-list">
          <router-link :to="{ name: 'Programs' }" @click.native="dw.open = false" class="mdc-list-item" active-class="mdc-temporary-drawer--selected" data-mdc-auto-init="MDCRipple">
            <i class="material-icons mdc-list-item__start-detail" aria-hidden="true">event</i>Programs
          </router-link>
          <router-link :to="{ name: 'Xsplit' }" @click.native="dw.open = false" class="mdc-list-item" active-class="mdc-temporary-drawer--selected" data-mdc-auto-init="MDCRipple">
            <i class="material-icons mdc-list-item__start-detail" aria-hidden="true">tv</i>Xsplit
          </router-link>
          <a class="mdc-list-item" href="/admin.html" data-mdc-auto-init="MDCRipple">
            <i class="material-icons mdc-list-item__start-detail" aria-hidden="true">build</i>Admin
          </a>
          <a class="mdc-list-item" href="/api/" target="_blank" data-mdc-auto-init="MDCRipple">
            <i class="material-icons mdc-list-item__start-detail" aria-hidden="true">code</i>API
          </a>
        </nav>
    </nav>
</aside>
</template>

<script>
import { drawer } from 'material-components-web'
import Event from '../utils/EventBus.js'

export default {
  mounted: function () {
    this.dw = new drawer.MDCTemporaryDrawer(this.$el)
    Event.$on('drawer.toggle', this.toggleDrawer)
  },
  methods: {
    toggleDrawer: function (bool) {
      this.dw.open = bool
    }
  }
}
</script>

<style scoped>
.mdc-temporary-drawer__header-content {
  color: black;
}
</style><commit_msg>[Fix] Body scroll blocked when route changed<commit_after><template>
  <aside class="mdc-temporary-drawer mdc-typography">
    <nav class="mdc-temporary-drawer__drawer">
        <header class="mdc-temporary-drawer__header">
            <div class="mdc-temporary-drawer__header-content">
                GeekInc Remote Regie
            </div>
        </header>
        <nav id="icon-with-text-demo" class="mdc-temporary-drawer__content mdc-list">
          <router-link :to="{ name: 'Programs' }" @click.native="toggleDrawer(false)" class="mdc-list-item" active-class="mdc-temporary-drawer--selected" data-mdc-auto-init="MDCRipple">
            <i class="material-icons mdc-list-item__start-detail" aria-hidden="true">event</i>Programs
          </router-link>
          <router-link :to="{ name: 'Xsplit' }" @click.native="toggleDrawer(false)" class="mdc-list-item" active-class="mdc-temporary-drawer--selected" data-mdc-auto-init="MDCRipple">
            <i class="material-icons mdc-list-item__start-detail" aria-hidden="true">tv</i>Xsplit
          </router-link>
          <a class="mdc-list-item" href="/admin.html" data-mdc-auto-init="MDCRipple">
            <i class="material-icons mdc-list-item__start-detail" aria-hidden="true">build</i>Admin
          </a>
          <a class="mdc-list-item" href="/api/" target="_blank" data-mdc-auto-init="MDCRipple">
            <i class="material-icons mdc-list-item__start-detail" aria-hidden="true">code</i>API
          </a>
        </nav>
    </nav>
</aside>
</template>

<script>
import { drawer } from 'material-components-web'
import Event from '../utils/EventBus.js'

export default {
  mounted: function () {
    this.dw = new drawer.MDCTemporaryDrawer(this.$el)
    Event.$on('drawer.toggle', this.toggleDrawer)
  },
  methods: {
    toggleDrawer: function (bool) {
      this.dw.open = bool

      // fix body.mdc-drawer-scroll-lock when changing routes
      if (!this.dw.open) {
        document.querySelector('body').classList.remove('mdc-drawer-scroll-lock')
      }
    }
  }
}
</script>

<style scoped>
.mdc-temporary-drawer__header-content {
  color: black;
}
</style>
{'fraction_non_alphanumeric': 0.16810664033571956, 'fraction_numerical': 0.0, 'mean_word_length': 3.0238331678252233, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 67, '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': '2992111', 'n_tokens_mistral': 1381, 'n_tokens_neox': 1360, 'n_words': 213}