diff options
| author | HampusM <hampus@hampusmat.com> | 2021-06-05 19:37:52 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2021-06-05 19:37:52 +0200 |
| commit | 4da3272bf7893760f6710c9a1ec7de02358136e6 (patch) | |
| tree | 92eb961bf20a7ef9f7c0650ba288baf512986fca /src/frontend/components/RepositoryTreeTree.vue | |
| parent | 4e3074dfd752dd52951d300090c642aee76cfaac (diff) | |
Reorganized into a monorepo, refactored the frontend again, goodbye Parcel
Diffstat (limited to 'src/frontend/components/RepositoryTreeTree.vue')
| -rw-r--r-- | src/frontend/components/RepositoryTreeTree.vue | 84 |
1 files changed, 0 insertions, 84 deletions
diff --git a/src/frontend/components/RepositoryTreeTree.vue b/src/frontend/components/RepositoryTreeTree.vue deleted file mode 100644 index 70c63eb..0000000 --- a/src/frontend/components/RepositoryTreeTree.vue +++ /dev/null @@ -1,84 +0,0 @@ -<template> - <table id="tree" class="fs-5"> - <thead> - <tr> - <th>Name</th> - <th>Last commit</th> - <th>Last updated</th> - </tr> - </thead> - <tbody> - <tr v-if="path !== ''" @click="$router.go(-1)"> - <td - class="d-flex align-items-center"> - <div class="tree-entry-padding" /> - .. - </td> - <td /> - <td /> - </tr> - <tr - v-for="(entry, entry_name, index) in tree" :key="index" - @click="$router.push(`/${repository}/tree${path ? '/' + path : ''}/${entry_name}`)"> - <td class="d-flex align-items-center"> - <svg - xmlns="http://www.w3.org/2000/svg" height="18px" - viewBox="0 0 24 24" width="18px" - fill="#FFFFFF" v-if="entry['type'] === 'tree'" - preserveAspectRatio="xMidYMin"> - <path d="M0 0h24v24H0z" fill="none" /> - <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z" /> - </svg> - <span v-else class="tree-entry-padding" /> - <a @click="stopClick" :href="`/${repository}/tree${path ? '/' + path : ''}/${entry_name}`">{{ entry_name }}</a> - </td> - <td> - <a @click="routeToCommit(entry.last_commit.id, $event)" :href="`/${repository}/log/${entry.last_commit.id}`"> - {{ entry.last_commit.message }} - </a> - </td> - <td> - {{ getPrettyLastUpdated(entry.last_commit.time) }} - </td> - </tr> - </tbody> - </table> -</template> - -<script> -const { formatDistance } = require('date-fns'); - -export default { - name: "RepositoryTreeTree", - props: { - repository: { - type: String, - required: true - }, - path: { - type: String, - required: true - }, - tree: { - type: Object, - required: true - } - }, - methods: { - stopClick(event) - { - event.preventDefault(); - }, - routeToCommit(commit_id, event) - { - event.stopPropagation(); - event.preventDefault(); - this.$router.push(`/${this.repository}/log/${commit_id}`); - }, - getPrettyLastUpdated(date) - { - return formatDistance(new Date(), new Date(date)); - } - } -}; -</script>
\ No newline at end of file |