diff options
Diffstat (limited to 'src/views/RepositoryCommit.vue')
-rw-r--r-- | src/views/RepositoryCommit.vue | 98 |
1 files changed, 0 insertions, 98 deletions
diff --git a/src/views/RepositoryCommit.vue b/src/views/RepositoryCommit.vue deleted file mode 100644 index 283ed69..0000000 --- a/src/views/RepositoryCommit.vue +++ /dev/null @@ -1,98 +0,0 @@ -<template> - <RepositoryNavbar active-page="log" /> - <div class="row mx-0"> - <div class="col ms-2 ps-4 ps-sm-5 fs-5 vld-parent"> - <nav aria-label="breadcrumb"> - <ol class="breadcrumb"> - <li class="breadcrumb-item"> - <router-link :to="'/' + repository + '/log'"> - Log - </router-link> - </li> - <li class="breadcrumb-item active" aria-current="page"> - {{ commit }} - </li> - </ol> - </nav> - <Loading - v-model:active="is_loading" :height="24" - :width="24" color="#ffffff" - :opacity="0" /> - <table id="commit-info" class="table table-dark"> - <tbody> - <tr> - <td class="commit-info-title"> - Author - </td> - <td>{{ commit_data["author"] }}</td> - </tr> - <tr> - <td class="commit-info-title"> - Date - </td> - <td>{{ commit_data["date"] }}</td> - </tr> - <tr> - <td class="commit-info-title"> - Message - </td> - <td>{{ commit_data["message"] }}</td> - </tr> - </tbody> - </table> - - <template - v-for="(patch, index) in commit_data['patches']" :key="index"> - <CommitPatch :patch="patch" /> - </template> - </div> - </div> -</template> - -<script> -import RepositoryNavbar from "../components/RepositoryNavbar"; -import CommitPatch from "../components/CommitPatch"; -import Loading from "vue-loading-overlay"; -import 'vue-loading-overlay/dist/vue-loading.css'; -import { watch, reactive, toRefs } from "vue"; -import { format } from "date-fns"; - -export default { - name: "RepositoryCommit", - components: { - RepositoryNavbar, - CommitPatch, - Loading - }, - props: { - repository: { - type: String, - required: true - }, - commit: { - type: String, - required: true - } - }, - setup(props) - { - const state = reactive({ commit_data: {}, is_loading: true }); - - watch(() => - { - fetch(`http://localhost:1337/api/v1/repos/${props.repository}/log/${props.commit}`) - .then((res) => res.json()) - .then((data) => - { - data["data"]["date"] = format(new Date(data["data"]["date"]), "yyyy-MM-dd hh:mm"); - state.commit_data = data["data"] - state.is_loading = false; - }); - }); - - return { - ... toRefs(state) - }; - } -} -</script> |