gitlab-org--gitlab-foss/app/assets/javascripts/repo/repo_tab.js

import RepoHelper from './repo_helper';

const RepoTab = {
  template: `
  <li>
    <a href='#' @click.prevent='xClicked(tab)' v-if='!tab.loading'>
      <i class='fa' :class="changedClass"></i>
    </a>
    <a href='#' v-if='!tab.loading' :title='tab.url' @click.prevent='tabClicked(tab)'>{{tab.name}}</a>
    <i v-if='tab.loading' class='fa fa-spinner fa-spin'></i>
  </li>
  `,
  props: {
    name: 'repo-tab',
    tab: Object,
    saved: true,
  },

  computed: {
    changedClass() {
      const tabChangedObj = {
        'fa-times': !this.tab.changed,
        'fa-circle': this.tab.changed,
      };
      return tabChangedObj;
    },
  },

  methods: {
    tabClicked(file) {
      RepoHelper.setActiveFile(file);
    },

    xClicked(file) {
      if (file.changed) return;
      RepoHelper.removeFromOpenedFiles(file);
    },
  },
};
export default RepoTab;