Compare commits

..

8 Commits

42 changed files with 44 additions and 29 deletions

Binary file not shown.

1
chrome/assets/delete.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#888" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"></path></svg>

After

Width:  |  Height:  |  Size: 731 B

View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="history" class="svg-inline--fa fa-history fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z"></path></svg>

After

Width:  |  Height:  |  Size: 955 B

1
chrome/css/history.css Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif;color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .navbar .navbar__main{margin:0;padding-left:0}#home .container .navbar .navbar__main li{display:inline-block;justify-content:center;align-items:center}#home .container .navbar .navbar__main .logo__content--holder .main__logo{width:22px;height:22px}#home .container .navbar .navbar__main .options__content-holder{float:right;padding:0 10px}#home .container .navbar .navbar__main .options__content-holder .settings__logo{width:16px;height:16px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder #url__content-inner{margin:0;font-size:20px;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}#home .container .content__holder .copy__alert{margin:8px 0 1px}
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .navbar .navbar__main{margin:0;padding-left:0}#home .container .navbar .navbar__main li{display:inline-block;justify-content:center;align-items:center}#home .container .navbar .navbar__main .logo__content--holder .main__logo{width:22px;height:22px}#home .container .navbar .navbar__main .options__content-holder{float:right;padding:0 10px}#home .container .navbar .navbar__main .options__content-holder .settings__logo{width:16px;height:16px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder #url__content-inner{margin:0;font-size:20px;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}#home .container .content__holder .copy__alert{margin:8px 0 1px}

1
chrome/history.html Normal file
View File

@@ -0,0 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><h2 class="table__content--title">Recent shortened links. (last 10 results)</h2><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--actions">Actions</th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

File diff suppressed because one or more lines are too long

1
chrome/js/history.js Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +1,7 @@
{
"manifest_version": 2,
"name": "Kutt",
"version": "0.6.2",
"version": "0.9.0",
"description": "URL Shortener",
"icons": {
"16": "assets/favicon-16.png",
@@ -28,7 +28,7 @@
]
},
"homepage_url": "https://github.com/abhijithvijayan/kutt-extension",
"minimum_chrome_version": "55.0.2883",
"minimum_chrome_version": "49",
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
"options_page": "options.html",
"options_ui": {

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate from Kutt.it (Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><br><label class="password--label">Set Password <span class="password__label--optional">(Optional): <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <input class="password--holder" id="password--value" type="password" maxlength="20"><div class="password__check--holder"><input type="checkbox" id="password__view--checkbox"> <span class="password__view--title">Show Password</span></div><br><button class="button__submit" id="button__submit" type="button">Save</button> <label class="saved__alert v-none">Saved!!</label></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><br><label class="password--label">Set Password <span class="password__label--optional">(Optional): <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <input class="password--holder" id="password--value" type="password" maxlength="20"><div class="password__check--holder"><input type="checkbox" id="password__view--checkbox"> <span class="password__view--title">Show Password</span></div><br><button class="button__submit" id="button__submit" type="button">Save</button> <label class="saved__alert v-none">Saved!!</label></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Kutt</title><link rel="stylesheet" href="css/popup.css"></head><body><section id="home"><div class="container"><nav class="navbar"><ul class="navbar__main"><li class="logo__content--holder"><img class="main__logo selectDisable" src="assets/logo.png"></li><li class="options__content-holder" id="options__content-holder" title="Options"><a href="options.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/settings.svg"></a></li></ul></nav><div class="content__holder"><div class="url__content--holder text-center"><h4 id="url__content-inner">Shortening...</h4><ul class="buttons__content--holder d-none"><li class="copy__content--holder" id="button__copy--holder" title="Copy"><img id="button__copy" class="selectDisable" src="assets/copy.svg" alt="copy"></li><li class="qrbtn__content--holder" id="button__qrcode--holder" title="QR code"><img id="button__qrcode" class="selectDisable" src="assets/qrcode.svg" alt="QR Code"></li></ul></div><p class="copy__alert text-center d-none">Copied!!!</p><div class="qrcode__content--holder text-center d-none"><img id="qr_code" src="#" alt="QRCode"></div></div></div></section><script src="js/popup.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Kutt</title><link rel="stylesheet" href="css/popup.css"></head><body><section id="home"><div class="container"><nav class="navbar"><ul class="navbar__main"><li class="logo__content--holder"><img class="main__logo selectDisable" src="assets/logo.png"></li><li class="options__content-holder" id="options__content-holder" title="History"><a href="history.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/history.svg"></a></li><li class="options__content-holder" id="options__content-holder" title="Options"><a href="options.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/settings.svg"></a></li></ul></nav><div class="content__holder"><div class="url__content--holder text-center"><h4 id="url__content-inner">Shortening...</h4><ul class="buttons__content--holder d-none"><li class="copy__content--holder" id="button__copy--holder" title="Copy"><img id="button__copy" class="selectDisable" src="assets/copy.svg" alt="copy"></li><li class="qrbtn__content--holder" id="button__qrcode--holder" title="QR code"><img id="button__qrcode" class="selectDisable" src="assets/qrcode.svg" alt="QR Code"></li></ul></div><p class="copy__alert text-center d-none">Copied!!!</p><div class="qrcode__content--holder text-center d-none"><img id="qr_code" src="#" alt="QRCode"></div></div></div></section><script src="js/popup.js"></script></body></html>

Binary file not shown.

View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#888" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"></path></svg>

After

Width:  |  Height:  |  Size: 731 B

View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="history" class="svg-inline--fa fa-history fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z"></path></svg>

After

Width:  |  Height:  |  Size: 955 B

1
firefox/css/history.css Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif;color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .navbar .navbar__main{margin:0;padding-left:0}#home .container .navbar .navbar__main li{display:inline-block;justify-content:center;align-items:center}#home .container .navbar .navbar__main .logo__content--holder .main__logo{width:22px;height:22px}#home .container .navbar .navbar__main .options__content-holder{float:right;padding:0 10px}#home .container .navbar .navbar__main .options__content-holder .settings__logo{width:16px;height:16px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder #url__content-inner{margin:0;font-size:20px;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}#home .container .content__holder .copy__alert{margin:8px 0 1px}
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .navbar .navbar__main{margin:0;padding-left:0}#home .container .navbar .navbar__main li{display:inline-block;justify-content:center;align-items:center}#home .container .navbar .navbar__main .logo__content--holder .main__logo{width:22px;height:22px}#home .container .navbar .navbar__main .options__content-holder{float:right;padding:0 10px}#home .container .navbar .navbar__main .options__content-holder .settings__logo{width:16px;height:16px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder #url__content-inner{margin:0;font-size:20px;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}#home .container .content__holder .copy__alert{margin:8px 0 1px}

1
firefox/history.html Normal file
View File

@@ -0,0 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><h2 class="table__content--title">Recent shortened links. (last 10 results)</h2><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--actions">Actions</th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

File diff suppressed because one or more lines are too long

1
firefox/js/history.js Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +1,7 @@
{
"manifest_version": 2,
"name": "Kutt",
"version": "0.6.2",
"version": "0.9.0",
"browser_specific_settings": {
"gecko": {
"id": "support@kutt.it"

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate from Kutt.it (Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><br><label class="password--label">Set Password <span class="password__label--optional">(Optional): <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <input class="password--holder" id="password--value" type="password" maxlength="20"><div class="password__check--holder"><input type="checkbox" id="password__view--checkbox"> <span class="password__view--title">Show Password</span></div><br><button class="button__submit" id="button__submit" type="button">Save</button> <label class="saved__alert v-none">Saved!!</label></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><br><label class="password--label">Set Password <span class="password__label--optional">(Optional): <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <input class="password--holder" id="password--value" type="password" maxlength="20"><div class="password__check--holder"><input type="checkbox" id="password__view--checkbox"> <span class="password__view--title">Show Password</span></div><br><button class="button__submit" id="button__submit" type="button">Save</button> <label class="saved__alert v-none">Saved!!</label></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Kutt</title><link rel="stylesheet" href="css/popup.css"></head><body><section id="home"><div class="container"><nav class="navbar"><ul class="navbar__main"><li class="logo__content--holder"><img class="main__logo selectDisable" src="assets/logo.png"></li><li class="options__content-holder" id="options__content-holder" title="Options"><a href="options.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/settings.svg"></a></li></ul></nav><div class="content__holder"><div class="url__content--holder text-center"><h4 id="url__content-inner">Shortening...</h4><ul class="buttons__content--holder d-none"><li class="copy__content--holder" id="button__copy--holder" title="Copy"><img id="button__copy" class="selectDisable" src="assets/copy.svg" alt="copy"></li><li class="qrbtn__content--holder" id="button__qrcode--holder" title="QR code"><img id="button__qrcode" class="selectDisable" src="assets/qrcode.svg" alt="QR Code"></li></ul></div><p class="copy__alert text-center d-none">Copied!!!</p><div class="qrcode__content--holder text-center d-none"><img id="qr_code" src="#" alt="QRCode"></div></div></div></section><script src="js/popup.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Kutt</title><link rel="stylesheet" href="css/popup.css"></head><body><section id="home"><div class="container"><nav class="navbar"><ul class="navbar__main"><li class="logo__content--holder"><img class="main__logo selectDisable" src="assets/logo.png"></li><li class="options__content-holder" id="options__content-holder" title="History"><a href="history.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/history.svg"></a></li><li class="options__content-holder" id="options__content-holder" title="Options"><a href="options.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/settings.svg"></a></li></ul></nav><div class="content__holder"><div class="url__content--holder text-center"><h4 id="url__content-inner">Shortening...</h4><ul class="buttons__content--holder d-none"><li class="copy__content--holder" id="button__copy--holder" title="Copy"><img id="button__copy" class="selectDisable" src="assets/copy.svg" alt="copy"></li><li class="qrbtn__content--holder" id="button__qrcode--holder" title="QR code"><img id="button__qrcode" class="selectDisable" src="assets/qrcode.svg" alt="QR Code"></li></ul></div><p class="copy__alert text-center d-none">Copied!!!</p><div class="qrcode__content--holder text-center d-none"><img id="qr_code" src="#" alt="QRCode"></div></div></div></section><script src="js/popup.js"></script></body></html>

BIN
opera.zip

Binary file not shown.

1
opera/assets/delete.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#888" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"></path></svg>

After

Width:  |  Height:  |  Size: 731 B

1
opera/assets/history.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="history" class="svg-inline--fa fa-history fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z"></path></svg>

After

Width:  |  Height:  |  Size: 955 B

1
opera/css/history.css Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif;color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .navbar .navbar__main{margin:0;padding-left:0}#home .container .navbar .navbar__main li{display:inline-block;justify-content:center;align-items:center}#home .container .navbar .navbar__main .logo__content--holder .main__logo{width:22px;height:22px}#home .container .navbar .navbar__main .options__content-holder{float:right;padding:0 10px}#home .container .navbar .navbar__main .options__content-holder .settings__logo{width:16px;height:16px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder #url__content-inner{margin:0;font-size:20px;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}#home .container .content__holder .copy__alert{margin:8px 0 1px}
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600);*,:after,:before{box-sizing:border-box}:focus{outline:0}ol,ul{list-style-type:none}*{margin:0;padding:0;border:0;outline:0}body{overflow-x:hidden}a:link{text-decoration:none}.d-none{display:none!important}.v-none{visibility:hidden!important}.text-center{text-align:center}.mt-3{margin-top:3em}.selectDisable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Nunito,sans-serif}.icon__img{width:12px;height:12px}body{color:#111}#home{min-width:340px}#home .container{padding:10px}#home .container .navbar .navbar__main{margin:0;padding-left:0}#home .container .navbar .navbar__main li{display:inline-block;justify-content:center;align-items:center}#home .container .navbar .navbar__main .logo__content--holder .main__logo{width:22px;height:22px}#home .container .navbar .navbar__main .options__content-holder{float:right;padding:0 10px}#home .container .navbar .navbar__main .options__content-holder .settings__logo{width:16px;height:16px}#home .container .content__holder .url__content--holder{display:flex;align-items:center;justify-content:center;margin:1.5em 0}#home .container .content__holder .url__content--holder #url__content-inner{margin:0;font-size:20px;color:#333;font-weight:600;letter-spacing:.03em}#home .container .content__holder .buttons__content--holder{display:flex;align-items:center;padding:0;margin:0 0 0 16px}#home .container .content__holder .buttons__content--holder .copy__content--holder,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 6px;border-radius:100%;box-shadow:0 2px 4px hsla(0,0%,39.2%,.1);background-color:#dedede}#home .container .content__holder .buttons__content--holder .copy__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .copy__content--holder #button__qrcode,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__copy,#home .container .content__holder .buttons__content--holder .qrbtn__content--holder #button__qrcode{width:13px;height:13px}#home .container .content__holder .copy__alert{margin:8px 0 1px}

1
opera/history.html Normal file
View File

@@ -0,0 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>History: Kutt</title><link rel="stylesheet" href="css/history.css"></head><body><section id="history"><div class="container history__content--holder"><div class="table__content--holder"><h2 class="table__content--title">Recent shortened links. (last 10 results)</h2><table class="table__content--wrapper" id="URL_table"><thead class="table__content--head"><tr class="table__head--holder"><th class="table__head--longURL">Original URL</th><th class="table__head--shortURL">Short URL</th><th class="table__head--actions">Actions</th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

File diff suppressed because one or more lines are too long

1
opera/js/history.js Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +1,7 @@
{
"manifest_version": 2,
"name": "Kutt",
"version": "0.6.2",
"version": "0.9.0",
"description": "URL Shortener",
"developer": {
"name": "abhijithvijayan"
@@ -30,7 +30,7 @@
]
},
"homepage_url": "https://github.com/abhijithvijayan/kutt-extension",
"minimum_opera_version": "42",
"minimum_opera_version": "36",
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
"options_page": "options.html",
"options_ui": {

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate from Kutt.it (Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><br><label class="password--label">Set Password <span class="password__label--optional">(Optional): <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <input class="password--holder" id="password--value" type="password" maxlength="20"><div class="password__check--holder"><input type="checkbox" id="password__view--checkbox"> <span class="password__view--title">Show Password</span></div><br><button class="button__submit" id="button__submit" type="button">Save</button> <label class="saved__alert v-none">Saved!!</label></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Options: Kutt</title><link rel="stylesheet" href="css/options.css"></head><body><section id="options"><div class="container options__content--holder"><div class="head__content--holder text-center"><img class="head__content--logo" src="assets/logo.png"> <a class="head__content--title" href="https://kutt.it" target="_blank" rel="noopener">Kutt.it</a></div><div class="form__content--holder"><form class="form__content"><label class="api__key--label">API Key: <a class="api__label--Qmark" target="_blank" rel="noopener" href="https://kutt.it/login">? <span class="api__label--tooltiptext text-center">Generate key from Kutt.it&nbsp;Website<br>(Settings Page)</span></a></label> <input class="api__key--holder" id="api__key--value" type="password" spellcheck="false"><br><label class="password--label">Set Password <span class="password__label--optional">(Optional): <span class="password__label--tooltiptext text-center">Set Password for the Shortened URLs.<br>(20 Char. Max)</span></span></label> <input class="password--holder" id="password--value" type="password" maxlength="20"><div class="password__check--holder"><input type="checkbox" id="password__view--checkbox"> <span class="password__view--title">Show Password</span></div><br><button class="button__submit" id="button__submit" type="button">Save</button> <label class="saved__alert v-none">Saved!!</label></form></div><div class="footer__text--holder text-center">Made with ❤️ on <a class="github__repo--link" href="https://github.com/abhijithvijayan/kutt-extension" target="_blank" rel="noopener">GitHub</a></div></div></section><script src="js/options.js"></script></body></html>

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Kutt</title><link rel="stylesheet" href="css/popup.css"></head><body><section id="home"><div class="container"><nav class="navbar"><ul class="navbar__main"><li class="logo__content--holder"><img class="main__logo selectDisable" src="assets/logo.png"></li><li class="options__content-holder" id="options__content-holder" title="Options"><a href="options.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/settings.svg"></a></li></ul></nav><div class="content__holder"><div class="url__content--holder text-center"><h4 id="url__content-inner">Shortening...</h4><ul class="buttons__content--holder d-none"><li class="copy__content--holder" id="button__copy--holder" title="Copy"><img id="button__copy" class="selectDisable" src="assets/copy.svg" alt="copy"></li><li class="qrbtn__content--holder" id="button__qrcode--holder" title="QR code"><img id="button__qrcode" class="selectDisable" src="assets/qrcode.svg" alt="QR Code"></li></ul></div><p class="copy__alert text-center d-none">Copied!!!</p><div class="qrcode__content--holder text-center d-none"><img id="qr_code" src="#" alt="QRCode"></div></div></div></section><script src="js/popup.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Kutt</title><link rel="stylesheet" href="css/popup.css"></head><body><section id="home"><div class="container"><nav class="navbar"><ul class="navbar__main"><li class="logo__content--holder"><img class="main__logo selectDisable" src="assets/logo.png"></li><li class="options__content-holder" id="options__content-holder" title="History"><a href="history.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/history.svg"></a></li><li class="options__content-holder" id="options__content-holder" title="Options"><a href="options.html" target="_blank" rel="noopener"><img class="settings__logo selectDisable" src="assets/settings.svg"></a></li></ul></nav><div class="content__holder"><div class="url__content--holder text-center"><h4 id="url__content-inner">Shortening...</h4><ul class="buttons__content--holder d-none"><li class="copy__content--holder" id="button__copy--holder" title="Copy"><img id="button__copy" class="selectDisable" src="assets/copy.svg" alt="copy"></li><li class="qrbtn__content--holder" id="button__qrcode--holder" title="QR code"><img id="button__qrcode" class="selectDisable" src="assets/qrcode.svg" alt="QR Code"></li></ul></div><p class="copy__alert text-center d-none">Copied!!!</p><div class="qrcode__content--holder text-center d-none"><img id="qr_code" src="#" alt="QRCode"></div></div></div></section><script src="js/popup.js"></script></body></html>