kauft.es/linkylinky-chrome
4
0
Fork 0
Code Issues 2 Pull Requests 1 Projects Releases 6 Wiki Activity

Compare commits

base: kauft.es:9d0e64ff24937b2ab4731b6f8a2555635bbdba47
Branches Tags
kauft.es:main
kauft.es:renovate/tailwindcss-3.x-lockfile
kauft.es:0.3.1
kauft.es:0.3.0
kauft.es:0.2.0
kauft.es:0.1.2
kauft.es:0.1.1
kauft.es:0.1.0
..
compare: kauft.es:e06c6dd1c6bf6462f25c275166075efdafe54706
Branches Tags
kauft.es:renovate/tailwindcss-3.x-lockfile
kauft.es:main
kauft.es:0.3.1
kauft.es:0.3.0
kauft.es:0.2.0
kauft.es:0.1.2
kauft.es:0.1.1
kauft.es:0.1.0

No commits in common. "9d0e64ff24937b2ab4731b6f8a2555635bbdba47" and "e06c6dd1c6bf6462f25c275166075efdafe54706" have entirely different histories.
9d0e64ff24 ... e06c6dd1c6

2 changed files with 7 additions and 22 deletions
Show Stats Expand all files Collapse all files

15
index.html
View File

@ -9,23 +9,16 @@
<link rel="stylesheet" href="./tailwind.css">
<style>
body {
min-width: 400px;
min-width: 300px;
}
</style>
</head>
<body>
<div class="p-4 flex items-center justify-center bg-white">
<div class="w-full mx-auto">
<div class="p-8 flex items-center justify-center bg-white">
<div class="w-full max-w-xs mx-auto">
<h1 class="text-lg text-center">LinkyLinky</h1>
<div>
<div id="target_container">
<div class="mt-1 flex rounded-md shadow-sm">
<input type="url" name="target" id="target" required
class="flex-1 min-w-0 block rounded-lg w-full px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300"
placeholder="target url" />
</div>
</div>
<div id="shortcode_container">
<div class="mt-1 flex rounded-md shadow-sm">
<span
@ -56,7 +49,7 @@
Click to copy url to keyboard
</p>
</div>
<button type="submit" id="create"
<button type="button" id="create"
class="mt-1 w-full items-center px-4 py-2 border shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Create
</button>

14
main.js
View File

@ -11,16 +11,12 @@ clipboard.on('success', function (e) {
});
});
//Set default url
chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
document.getElementById("target").value = tabs[0].url;
});
// Calls the api to create a new short url
document.getElementById("create").onclick = createUrl;
function createUrl() {
chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
let shorturl = {
target: document.getElementById("target").value,
target: tabs[0].url,
shortcode: document.getElementById("shortcode").value
};
@ -39,11 +35,11 @@ function createUrl() {
.then(res => {
document.getElementById("shorturl").innerText = res.url;
document.getElementById("shorturl_container").className = "";
document.getElementById("target_container").className = "hidden";
document.getElementById("shortcode_container").className = "hidden";
document.getElementById("create").classList.add("hidden");
document.getElementById("reset").classList.remove("hidden");
});
});
}
@ -51,12 +47,8 @@ function createUrl() {
document.getElementById("reset").onclick = reset;
function reset() {
document.getElementById("shorturl").innerText = "";
document.getElementById("target_container").className = "";
document.getElementById("shortcode_container").className = "";
document.getElementById("shorturl_container").className = "hidden";
document.getElementById("reset").classList.add("hidden");
document.getElementById("create").classList.remove("hidden");
chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
document.getElementById("target").value = tabs[0].url;
});
}