aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/components/RepositoryCloneDropdown.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/components/RepositoryCloneDropdown.vue')
-rw-r--r--src/frontend/components/RepositoryCloneDropdown.vue71
1 files changed, 0 insertions, 71 deletions
diff --git a/src/frontend/components/RepositoryCloneDropdown.vue b/src/frontend/components/RepositoryCloneDropdown.vue
deleted file mode 100644
index aaef5ef..0000000
--- a/src/frontend/components/RepositoryCloneDropdown.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
- <div id="clone" class="d-flex align-items-center">
- <div class="dropdown">
- <button
- class="btn btn-primary btn-sm dropdown-toggle" type="button"
- id="dropdownMenuButton1" data-bs-toggle="dropdown"
- data-bs-auto-close="outside" aria-expanded="false">
- Clone
- </button>
- <ul class="dropdown-menu dropdown-menu-end dropdown-menu-dark" aria-labelledby="dropdownMenuButton1">
- <li class="pt-2">
- <span class="ms-2 fs-5 fw-bold">Clone with HTTP</span>
- <label id="clone-url-copy">
- <input
- type="text" :value="url"
- class="form-control form-control-sm ms-2 me-2" readonly>
- <svg
- xmlns="http://www.w3.org/2000/svg" height="18px"
- viewBox="0 0 24 24" width="18px"
- fill="#FFFFFF" @click="copyToClipboard">
- <path d="M0 0h24v24H0z" fill="none" />
- <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" />
- </svg>
- </label>
- </li>
- </ul>
- </div>
- </div>
-</template>
-
-<script>
-import bootstrap from "bootstrap/dist/js/bootstrap.bundle";
-
-export default {
- name: "RepositoryCloneDropdown",
- props: {
- repository: {
- type: String,
- required: true
- }
- },
- methods: {
- copyToClipboard(event)
- {
- const url_box = document.getElementById("clone").getElementsByTagName("input")[0];
-
- url_box.select();
- url_box.setSelectionRange(0, 99999);
- document.execCommand("copy");
-
- event.stopPropagation();
-
- var exampleEl = document.getElementById('clone-url-copy').getElementsByTagName("svg")[0];
- var tooltip = new bootstrap.Tooltip(exampleEl, { boundary: document.body, title: "Copied the URL", trigger: "manual" });
- tooltip.show();
-
- const worker = new Worker("../util/worker.js");
- worker.postMessage({ work: "sleep", time: 1700 });
-
- worker.onmessage = function()
- {
- tooltip.hide();
- }
- }
- },
- setup(props)
- {
- return { url: `${window.location.protocol}//${window.location.host}/${props.repository}` };
- }
-}
-</script> \ No newline at end of file