aboutsummaryrefslogtreecommitdiff
path: root/packages/client/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'packages/client/src/components')
-rw-r--r--packages/client/src/components/BaseBackButton.vue2
-rw-r--r--packages/client/src/components/BaseBreadcrumb.vue2
-rw-r--r--packages/client/src/components/BaseButton.vue2
-rw-r--r--packages/client/src/components/BaseErrorMessage.vue2
-rw-r--r--packages/client/src/components/CommitPatch.vue112
-rw-r--r--packages/client/src/components/HomeHeader.vue4
-rw-r--r--packages/client/src/components/HomeProjectsHeader.vue2
-rw-r--r--packages/client/src/components/RepositoryCloneDropdown.vue7
-rw-r--r--packages/client/src/components/RepositoryHeader.vue2
-rw-r--r--packages/client/src/components/RepositoryNavbar.vue2
-rw-r--r--packages/client/src/components/RepositoryTreeBlob.vue10
-rw-r--r--packages/client/src/components/RepositoryTreeTree.vue2
12 files changed, 77 insertions, 72 deletions
diff --git a/packages/client/src/components/BaseBackButton.vue b/packages/client/src/components/BaseBackButton.vue
index 3139a6c..fe2c2f8 100644
--- a/packages/client/src/components/BaseBackButton.vue
+++ b/packages/client/src/components/BaseBackButton.vue
@@ -32,4 +32,4 @@ export default defineComponent({
#back:hover {
fill: colors.$primary-light;
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/BaseBreadcrumb.vue b/packages/client/src/components/BaseBreadcrumb.vue
index 45e835c..f1bf441 100644
--- a/packages/client/src/components/BaseBreadcrumb.vue
+++ b/packages/client/src/components/BaseBreadcrumb.vue
@@ -59,4 +59,4 @@ export default defineComponent({
}
}
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/BaseButton.vue b/packages/client/src/components/BaseButton.vue
index 4dad973..e67d198 100644
--- a/packages/client/src/components/BaseButton.vue
+++ b/packages/client/src/components/BaseButton.vue
@@ -28,4 +28,4 @@ export default defineComponent({
button {
@include mixins.button;
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/BaseErrorMessage.vue b/packages/client/src/components/BaseErrorMessage.vue
index e2c0bcf..83eb3a4 100644
--- a/packages/client/src/components/BaseErrorMessage.vue
+++ b/packages/client/src/components/BaseErrorMessage.vue
@@ -26,4 +26,4 @@ export default defineComponent({
color: colors.$danger;
font-weight: 700;
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/CommitPatch.vue b/packages/client/src/components/CommitPatch.vue
index fbc9e3a..4a3a999 100644
--- a/packages/client/src/components/CommitPatch.vue
+++ b/packages/client/src/components/CommitPatch.vue
@@ -26,10 +26,10 @@ export default defineComponent({
}
// Array of hunks without the first chunk headers
- const all_hunks = props.patch.hunks.map((hunk) => hunk.hunk.split("\n").slice(1).join("\n"));
+ const all_hunks = props.patch.hunks.map(hunk => hunk.hunk.split("\n").slice(1).join("\n"));
// Check if the patch's file extension matches any predefined language.
- const language = hljs_languages.find((lang) => lang.extensions.some((extension) => props.patch.to.endsWith(extension)));
+ const language = hljs_languages.find(lang => lang.extensions.some(extension => props.patch.to.endsWith(extension)));
// Syntax highlight all of the patch's hunks
const highlight_result = language
@@ -52,7 +52,7 @@ export default defineComponent({
hunk_start = hunk_start + hunk_row_cnt;
});
- const all_hunks_raw = all_hunks.map((hunk) => hunk.split("\n"));
+ const all_hunks_raw = all_hunks.map(hunk => hunk.split("\n"));
return () => h("table", { cellspacing: "0px" }, [
h("tbody", [
@@ -71,7 +71,8 @@ export default defineComponent({
h("code", all_hunks_raw[hunk_index][line_index])
])
]);
- } else if(/^\\ No newline at end of file$/.test(all_hunks_raw[hunk_index][line_index])) {
+ }
+ else if(/^\\ No newline at end of file$/.test(all_hunks_raw[hunk_index][line_index])) {
new_offset++;
deleted_offset++;
return h("tr", { class: "commit-file-no-newline" }, [
@@ -82,60 +83,63 @@ export default defineComponent({
h("code", all_hunks_raw[hunk_index][line_index])
])
]);
- } else {
- let first_td: VNode;
- let second_td: VNode;
- let third_td: VNode;
-
- const adjusted_line_index = line_index + 1;
-
- if(hunk.new_lines.includes(adjusted_line_index)) {
- first_td = h("td", "");
- second_td = h("td", { class: "line-highlight-new", "patch-line-col-unsel": Number(hunk.new_start) + line_index - new_offset });
- third_td = h("td", { class: "line-new", "patch-line-col-unsel": "+" });
- deleted_offset++;
- } else if(hunk.deleted_lines.includes(adjusted_line_index)) {
- first_td = h("td", { "patch-line-col-unsel": Number(hunk.old_start) + line_index - deleted_offset });
- second_td = h("td", { class: "line-highlight-deleted" });
- third_td = h("td", { class: "line-deleted", "patch-line-col-unsel": "-" });
- new_offset++;
- } else {
- first_td = h("td", { class: "line-unchanged", "patch-line-col-unsel": Number(hunk.old_start) + line_index - deleted_offset });
- second_td = h("td", { class: "line-unchanged", "patch-line-col-unsel": Number(hunk.new_start) + line_index - new_offset });
- third_td = h("td", "");
- }
-
- const is_comment_open = line.match(/<span class="hljs-comment">/g);
- const comment_open_cnt = (is_comment_open !== null) ? is_comment_open.length : 0;
- const comment_open = (is_comment_open !== null) ? is_comment_open[0] : "";
-
- const is_comment_close = line.match(/<\/span>/g);
- const comment_close_cnt = (is_comment_close !== null) ? is_comment_close.length : 0;
- // Const comment_close = (is_comment_close !== null) ? is_comment_close[0] : "";
-
- if(comment_open_cnt > comment_close_cnt) {
- line = line + "</span>";
- multiline_comments.push(comment_open);
- } else if(comment_open_cnt < comment_close_cnt && multiline_comments.length !== 0) {
- line = multiline_comments[multiline_comments.length - 1] + line;
- multiline_comments.pop();
- } else if(multiline_comments.length !== 0) {
- line = multiline_comments[multiline_comments.length - 1] + line + "</span>";
- }
-
- return h("tr", [
- first_td,
- second_td,
- third_td,
- h("td", [
- h("code", { innerHTML: line })
- ])
- ]);
}
+ let first_td: VNode;
+ let second_td: VNode;
+ let third_td: VNode;
+
+ const adjusted_line_index = line_index + 1;
+
+ if(hunk.new_lines.includes(adjusted_line_index)) {
+ first_td = h("td", "");
+ second_td = h("td", { class: "line-highlight-new", "patch-line-col-unsel": Number(hunk.new_start) + line_index - new_offset });
+ third_td = h("td", { class: "line-new", "patch-line-col-unsel": "+" });
+ deleted_offset++;
+ }
+ else if(hunk.deleted_lines.includes(adjusted_line_index)) {
+ first_td = h("td", { "patch-line-col-unsel": Number(hunk.old_start) + line_index - deleted_offset });
+ second_td = h("td", { class: "line-highlight-deleted" });
+ third_td = h("td", { class: "line-deleted", "patch-line-col-unsel": "-" });
+ new_offset++;
+ }
+ else {
+ first_td = h("td", { class: "line-unchanged", "patch-line-col-unsel": Number(hunk.old_start) + line_index - deleted_offset });
+ second_td = h("td", { class: "line-unchanged", "patch-line-col-unsel": Number(hunk.new_start) + line_index - new_offset });
+ third_td = h("td", "");
+ }
+
+ const is_comment_open = line.match(/<span class="hljs-comment">/g);
+ const comment_open_cnt = (is_comment_open !== null) ? is_comment_open.length : 0;
+ const comment_open = (is_comment_open !== null) ? is_comment_open[0] : "";
+
+ const is_comment_close = line.match(/<\/span>/g);
+ const comment_close_cnt = (is_comment_close !== null) ? is_comment_close.length : 0;
+ // Const comment_close = (is_comment_close !== null) ? is_comment_close[0] : "";
+
+ if(comment_open_cnt > comment_close_cnt) {
+ line = line + "</span>";
+ multiline_comments.push(comment_open);
+ }
+ else if(comment_open_cnt < comment_close_cnt && multiline_comments.length !== 0) {
+ line = multiline_comments[multiline_comments.length - 1] + line;
+ multiline_comments.pop();
+ }
+ else if(multiline_comments.length !== 0) {
+ line = multiline_comments[multiline_comments.length - 1] + line + "</span>";
+ }
+
+ return h("tr", [
+ first_td,
+ second_td,
+ third_td,
+ h("td", [
+ h("code", { innerHTML: line })
+ ])
+ ]);
});
})
])
]);
}
});
-</script>
+</script> \ No newline at end of file
diff --git a/packages/client/src/components/HomeHeader.vue b/packages/client/src/components/HomeHeader.vue
index 64e70e7..a6e640e 100644
--- a/packages/client/src/components/HomeHeader.vue
+++ b/packages/client/src/components/HomeHeader.vue
@@ -17,7 +17,7 @@ export default defineComponent({
const title = ref("");
const about = ref("");
- const fetchInfo = async() => {
+ async function fetchInfo() {
const info: Info = (await (await fetch(`${window.location.protocol}//${window.location.host}/api/v1/info`)).json()).data;
title.value = info.title;
@@ -51,4 +51,4 @@ export default defineComponent({
font-weight: 300;
padding-left: 1px;
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/HomeProjectsHeader.vue b/packages/client/src/components/HomeProjectsHeader.vue
index 267ecb8..9fde114 100644
--- a/packages/client/src/components/HomeProjectsHeader.vue
+++ b/packages/client/src/components/HomeProjectsHeader.vue
@@ -51,4 +51,4 @@ export default defineComponent({
margin-right: 15px;
}
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/RepositoryCloneDropdown.vue b/packages/client/src/components/RepositoryCloneDropdown.vue
index 335604f..77b26fe 100644
--- a/packages/client/src/components/RepositoryCloneDropdown.vue
+++ b/packages/client/src/components/RepositoryCloneDropdown.vue
@@ -107,7 +107,7 @@ export default defineComponent({
});
}
- const clickOutsideDropdown = (event: Event) => {
+ function clickOutsideDropdown(event: Event) {
const target = event.target as HTMLElement;
if(dropdown_menu && dropdown_menu.contains(target) === false && target !== dropdown_button) {
@@ -122,7 +122,8 @@ export default defineComponent({
if(dropdown_menu.classList.contains("show")) {
dropdown_menu.classList.remove("show");
document.removeEventListener("click", clickOutsideDropdown);
- } else {
+ }
+ else {
dropdown_menu.classList.add("show");
document.addEventListener("click", clickOutsideDropdown);
}
@@ -246,4 +247,4 @@ export default defineComponent({
margin-left: 0.5rem;
font-weight: 700;
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/RepositoryHeader.vue b/packages/client/src/components/RepositoryHeader.vue
index bbb371e..6b494d6 100644
--- a/packages/client/src/components/RepositoryHeader.vue
+++ b/packages/client/src/components/RepositoryHeader.vue
@@ -63,4 +63,4 @@ export default defineComponent({
margin: 0px;
margin-top: 10px;
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/RepositoryNavbar.vue b/packages/client/src/components/RepositoryNavbar.vue
index 51ce1e9..aced5e2 100644
--- a/packages/client/src/components/RepositoryNavbar.vue
+++ b/packages/client/src/components/RepositoryNavbar.vue
@@ -117,4 +117,4 @@ export default defineComponent({
}
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/RepositoryTreeBlob.vue b/packages/client/src/components/RepositoryTreeBlob.vue
index 60f0506..e443287 100644
--- a/packages/client/src/components/RepositoryTreeBlob.vue
+++ b/packages/client/src/components/RepositoryTreeBlob.vue
@@ -49,7 +49,7 @@ export default defineComponent({
const content_blob: Ref<string> = ref("");
const is_markdown: Ref<boolean> = ref(false);
- const initHighlightedContent = async() => {
+ async function initHighlightedContent() {
const path_extension = /(?:\.([^.]+))?$/;
const path_ext = path_extension.exec(props.path);
@@ -64,14 +64,14 @@ export default defineComponent({
markdown.innerHTML = marked(props.content);
const checkboxes = markdown.querySelectorAll("ul > li > input[type=\"checkbox\"]");
- checkboxes.forEach((checkbox) => {
+ checkboxes.forEach(checkbox => {
if(checkbox.parentElement) {
checkbox.parentElement.classList.add("checkbox-list");
}
});
const codeblocks = markdown.querySelectorAll("code");
- codeblocks.forEach((codeblock) => {
+ codeblocks.forEach(codeblock => {
codeblock.classList.add("markdown-codeblock");
});
@@ -80,7 +80,7 @@ export default defineComponent({
return;
}
- const language = hljs_languages.find((lang) => lang.extensions.some((extension) => ext === extension));
+ const language = hljs_languages.find(lang => lang.extensions.some(extension => ext === extension));
const highlighted = language ? hljs.highlight(props.content, { language: language.name }) : hljs.highlightAuto(props.content);
content_lines.value = highlighted.value.split("\n");
@@ -155,4 +155,4 @@ td:nth-child(1) {
[line]::before {
content: attr(line);
}
-</style>
+</style> \ No newline at end of file
diff --git a/packages/client/src/components/RepositoryTreeTree.vue b/packages/client/src/components/RepositoryTreeTree.vue
index a17dc93..0ae38ad 100644
--- a/packages/client/src/components/RepositoryTreeTree.vue
+++ b/packages/client/src/components/RepositoryTreeTree.vue
@@ -139,4 +139,4 @@ table {
display: flex;
align-items: center;
}
-</style>
+</style> \ No newline at end of file