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"> <link rel="stylesheet" href="./tailwind.css">
<style> <style>
body { body {
min-width: 400px; min-width: 300px;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="p-4 flex items-center justify-center bg-white"> <div class="p-8 flex items-center justify-center bg-white">
<div class="w-full mx-auto"> <div class="w-full max-w-xs mx-auto">
<h1 class="text-lg text-center">LinkyLinky</h1> <h1 class="text-lg text-center">LinkyLinky</h1>
<div> <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 id="shortcode_container">
<div class="mt-1 flex rounded-md shadow-sm"> <div class="mt-1 flex rounded-md shadow-sm">
<span <span
@ -56,7 +49,7 @@
Click to copy url to keyboard Click to copy url to keyboard
</p> </p>
</div> </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"> 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 Create
</button> </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 // Calls the api to create a new short url
document.getElementById("create").onclick = createUrl; document.getElementById("create").onclick = createUrl;
function createUrl() { function createUrl() {
chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
let shorturl = { let shorturl = {
target: document.getElementById("target").value, target: tabs[0].url,
shortcode: document.getElementById("shortcode").value shortcode: document.getElementById("shortcode").value
}; };
@ -39,11 +35,11 @@ function createUrl() {
.then(res => { .then(res => {
document.getElementById("shorturl").innerText = res.url; document.getElementById("shorturl").innerText = res.url;
document.getElementById("shorturl_container").className = ""; document.getElementById("shorturl_container").className = "";
document.getElementById("target_container").className = "hidden";
document.getElementById("shortcode_container").className = "hidden"; document.getElementById("shortcode_container").className = "hidden";
document.getElementById("create").classList.add("hidden"); document.getElementById("create").classList.add("hidden");
document.getElementById("reset").classList.remove("hidden"); document.getElementById("reset").classList.remove("hidden");
}); });
});
} }
@ -51,12 +47,8 @@ function createUrl() {
document.getElementById("reset").onclick = reset; document.getElementById("reset").onclick = reset;
function reset() { function reset() {
document.getElementById("shorturl").innerText = ""; document.getElementById("shorturl").innerText = "";
document.getElementById("target_container").className = "";
document.getElementById("shortcode_container").className = ""; document.getElementById("shortcode_container").className = "";
document.getElementById("shorturl_container").className = "hidden"; document.getElementById("shorturl_container").className = "hidden";
document.getElementById("reset").classList.add("hidden"); document.getElementById("reset").classList.add("hidden");
document.getElementById("create").classList.remove("hidden"); document.getElementById("create").classList.remove("hidden");
chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
document.getElementById("target").value = tabs[0].url;
});
} }