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

Compare commits

base: kauft.es:e06c6dd1c6bf6462f25c275166075efdafe54706
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:9d0e64ff24937b2ab4731b6f8a2555635bbdba47
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

9 Commits
e06c6dd1c6 ... 9d0e64ff24

Author SHA1 Message Date
Nicolai Ort
9d0e64ff24
Now hiding target on submit 2021-08-17 19:23:07 +02:00
Nicolai Ort
4e2a01d3dd
Less padding 2021-08-17 19:21:50 +02:00
Nicolai Ort
71f5648654
Slightly wider window 2021-08-17 19:21:19 +02:00
Nicolai Ort
9c7f2672f9
Back to the default url stuff and working reset 2021-08-17 19:20:24 +02:00
Nicolai Ort
7c1be9c9cb
Added comment 2021-08-17 19:08:04 +02:00
Nicolai Ort
97ec6d52fc
Added url type and required 2021-08-17 19:06:44 +02:00
Nicolai Ort
686f1451f5
Added target reset logic 2021-08-17 19:06:28 +02:00
Nicolai Ort
cb5cbace3d
Added logic for the new target input 2021-08-17 19:06:03 +02:00
Nicolai Ort
ce2cdb98ff
Added input for target url 2021-08-17 18:59:47 +02:00
2 changed files with 22 additions and 7 deletions
Show Stats Expand all files Collapse all files

15
index.html
View File

@ -9,16 +9,23 @@
<link rel="stylesheet" href="./tailwind.css">
<style>
body {
min-width: 300px;
min-width: 400px;
}
</style>
</head>
<body>
<div class="p-8 flex items-center justify-center bg-white">
<div class="w-full max-w-xs mx-auto">
<div class="p-4 flex items-center justify-center bg-white">
<div class="w-full 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
@ -49,7 +56,7 @@
Click to copy url to keyboard
</p>
</div>
<button type="button" id="create"
<button type="submit" 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,12 +11,16 @@ 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: tabs[0].url,
target: document.getElementById("target").value,
shortcode: document.getElementById("shortcode").value
};
@ -35,11 +39,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");
});
});
}
@ -47,8 +51,12 @@ 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;
});
}