<commit_before><template>
  <div>
    <linky-nav>
      <a id="add-icon" @click='showAdd = true' class="icon">+</a>
      <a id="settings-icon" @click='showSettings = true' class="icon">⚙</a>
      <a v-if="authenticated" @click='logout'>Logout</a>
      <router-link to="/login" v-else>Login</router-link>
    </linky-nav>

    <nav class="list-options">
      <div class="search-option-section">
        <a class="icon">🔍</a>
        <input class="search" @focusin="searchActive" @blur="doneSearching" id="search" placeholder="search" type="search" v-model="query">
      </div>
      <div class="list-archive-option-section">
        <!-- FIXME -->
        <router-link :class="{ inactive: parentName !== 'list' }" to="/list">List</router-link>
        <router-link :class="{ inactive: parentName !== 'archive' }" to="/archive">Archive</router-link>
      </div>
    </nav>

    <ul class="link-container">
      <slot></slot>
    </ul>

    <helpModal :show="showHelp" @show="showHelp = true" @closed="showHelp = false"></helpModal>
    <showSettingsModal :show="showSettings" @show='showSettings = true' @closed="showSettings = false"></showSettingsModal>
    <addLinkModal :show="showAdd" @closed="showAdd = false"></addLinkModal>
    <linkyNotification></linkyNotification>
  </div>
</template>

<script>
import linkyNav from './LinkyNav.vue'
import helpModal from './helpModal.vue'
import showSettingsModal from './showSettingsModal.vue'
import addLinkModal from './addLinkModal.vue'
import linkyNotification from './linkyNotification.vue'

import { handle_event } from '../nav.js'

export default {
  name: 'list-base',
  components: {
    linkyNav,
    addLinkModal,
    showSettingsModal,<commit_msg>Replaced emoji with text for add and settings links<commit_after><template>
  <div>
    <linky-nav>
      <a @click='showAdd = true'>Add Link</a>
      <a @click='showSettings = true'>Settings</a>
      <a v-if="authenticated" @click='logout'>Logout</a>
      <router-link to="/login" v-else>Login</router-link>
    </linky-nav>

    <nav class="list-options">
      <div class="search-option-section">
        <a class="icon">🔍</a>
        <input class="search" @focusin="searchActive" @blur="doneSearching" id="search" placeholder="search" type="search" v-model="query">
      </div>
      <div class="list-archive-option-section">
        <router-link :class="{ inactive: parentName !== 'list' }" to="/list">List</router-link>
        <router-link :class="{ inactive: parentName !== 'archive' }" to="/archive">Archive</router-link>
      </div>
    </nav>

    <ul class="link-container">
      <slot></slot>
    </ul>

    <helpModal :show="showHelp" @show="showHelp = true" @closed="showHelp = false"></helpModal>
    <showSettingsModal :show="showSettings" @show='showSettings = true' @closed="showSettings = false"></showSettingsModal>
    <addLinkModal :show="showAdd" @closed="showAdd = false"></addLinkModal>
    <linkyNotification></linkyNotification>
  </div>
</template>

<script>
import linkyNav from './LinkyNav.vue'
import helpModal from './helpModal.vue'
import showSettingsModal from './showSettingsModal.vue'
import addLinkModal from './addLinkModal.vue'
import linkyNotification from './linkyNotification.vue'

import { handle_event } from '../nav.js'

export default {
  name: 'list-base',
  components: {
    linkyNav,
    addLinkModal,
    showSettingsModal,
{'fraction_non_alphanumeric': 0.17954009433962265, 'fraction_numerical': 0.0, 'mean_word_length': 3.9245283018867925, 'pattern_counts': {'":': 0, '<': 84, '<?xml version=': 0, '>': 84, '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': '5378441', 'n_tokens_mistral': 1092, 'n_tokens_neox': 1070, 'n_words': 219}