Deploy abhijithvijayan/kutt-extension to github.com/abhijithvijayan/kutt-extension.git:extension

chrome/assets/delete.svg

@@ -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>

chrome/assets/history.svg

@@ -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>

chrome/css/popup.css

@@ -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}#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,#home .container .content__holder .failed__alert{margin:8px 0 1px}

chrome/history.html

@@ -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--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

chrome/manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "Kutt",
-    "version": "0.6.1",
+    "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": {

chrome/options.html

@@ -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>

chrome/popup.html

@@ -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 to clipboard!</p><p class="failed__alert text-center d-none">Error while Copying!</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>

firefox/assets/delete.svg

@@ -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>

firefox/assets/history.svg

@@ -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>

firefox/css/popup.css

@@ -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}#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,#home .container .content__holder .failed__alert{margin:8px 0 1px}

firefox/history.html

@@ -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--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

firefox/manifest.json

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

firefox/options.html

@@ -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>

firefox/popup.html

@@ -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 to clipboard!</p><p class="failed__alert text-center d-none">Error while Copying!</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>

opera/assets/delete.svg

@@ -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>

opera/assets/history.svg

@@ -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>

opera/css/popup.css

@@ -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}#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,#home .container .content__holder .failed__alert{margin:8px 0 1px}

opera/history.html

@@ -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--clearAll"><ul class="table__list--clearAll"><li class="table__listItem--clear"><button class="table__clearAll--btn" id="table__clearAll--btn">Clear All <img class="selectDisable icon__img" src="assets/delete.svg" alt="Clear All"></button></li></ul></th></tr></thead><tbody class="table__content--body" id="delegation__element"></tbody></table></div></div></section><script src="js/history.js"></script></body></html>

opera/manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "Kutt",
-    "version": "0.6.1",
+    "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": {

opera/options.html

@@ -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>

opera/popup.html

@@ -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 to clipboard!</p><p class="failed__alert text-center d-none">Error while Copying!</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>