diff --git a/.all-contributorsrc b/.all-contributorsrc new file mode 100644 index 0000000..3f78cce --- /dev/null +++ b/.all-contributorsrc @@ -0,0 +1,33 @@ +{ + "files": [ + "README.md" + ], + "imageSize": 100, + "commit": false, + "contributors": [ + { + "login": "navu9999", + "name": "Navpreet Kaur", + "avatar_url": "https://avatars1.githubusercontent.com/u/59786562?v=4", + "profile": "https://www.linkedin.com/in/navpreet-kaur24/", + "contributions": [ + "doc" + ] + }, + { + "login": "maze-runnar", + "name": "Sundaram Dubey", + "avatar_url": "https://avatars2.githubusercontent.com/u/56407566?v=4", + "profile": "https://sundaram-dubey.netlify.app/", + "contributions": [ + "code" + ] + } + ], + "contributorsPerLine": 7, + "projectName": "profext", + "projectOwner": "garimasingh128", + "repoType": "github", + "repoHost": "https://github.com", + "skipCi": true +} diff --git a/README.md b/README.md index 26dc89e..0429069 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,7 @@ + +[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-) + # This project is a part of Student Code In 2020 👣 OPEN SOURCE CONTEST - STUDENT CODE IN @@ -13,7 +16,7 @@ -[Check out the website of Student Code In 2020](https://scodein.tech/) +⭐ [Check out the website of Student Code In 2020](https://scodein.tech/) # 👣 Profile Extension @@ -32,6 +35,33 @@ A profile 🔎 search engine for accessing my all social media profile in one tap.👨‍💻👩‍. This chrome extension let's you track your profiles on any account in a single click. +## 📋 Table of Contents + ➡️ [Vision](#-vision) + + ➡️ [Project Structure](#-project-structure) + + ➡️ [Tech Stack](#-tech-stack) + + ➡️ [Setup Development Environment](#-steps-to-setup-development-environment) + + ➡️ [Development Guidelines](#-development-guidelines) + + ➡️ [Learning Resources](#-learning-resources) + + ➡️ [Simple things to keep in mind](#-simple-things-to-keep-in-mind) + + + + ➡️ [System Requirements](#-system-requirements) + + ➡️ [Contributing](#-contributing) + + ➡️ [Owner](#-owner) + + + + + ## 👩‍ Vision Getting all your social media profiles under one button click so that you don't have to manually search and do the hassle of searching your profile handles while making your resume, filling job opportunities forms, registering for events etc. @@ -48,6 +78,12 @@ This is motivated by [Traversy Media tutorial on Google Chrome Extention](https: |── popup.js |── README └── ... + +## 🔆 Tech Stack +- HTML +- CSS +- JavaScript + ## 🚀 Steps to setup development environment 1. Clone the repo @@ -57,7 +93,7 @@ This is motivated by [Traversy Media tutorial on Google Chrome Extention](https: 2. Open the folder in your favourite code editor and start adding modifications. 3. Load the folder in `chrome://extensions/` on chrome (Load unpacked) - ## 💻 Development guidelines + ## 💻 Development guidelines 1. Put all the code in one of the existing files in `/src` . If you add a new file, make a relavent modification to `build.js` . @@ -67,11 +103,15 @@ This is motivated by [Traversy Media tutorial on Google Chrome Extention](https: 5. Load the `/build` folder in `chrome://extensions/` on chrome (Load unpacked) -## ⏪ Getting Started +## 📝 Learning Resources Read these articles to get a quick grab on making Chrome extensions: - [Google Chrome official docs](https://developer.chrome.com/extensions) - [Free Code Camp's article on # How to Create and Publish a Chrome Extension in 20 minutes](https://www.freecodecamp.org/news/how-to-create-and-publish-a-chrome-extension-in-20-minutes-6dc8395d7153/) + +Resources to learn Git: +- https://try.github.io/ + ## 🧐 Simple things to keep in mind - The first step is to create a manifest file named `manifest.json`. This is a metadata file in JSON format that contains properties like your extension’s name, description, version number and so on. In this file we tell Chrome what the extension is going to do, and what permissions it requires. - To test if the extension works, visit `chrome://extensions` in your browser and ensure that the **Developer mode** checkbox in the top right-hand corner is checked. @@ -79,10 +119,15 @@ Read these articles to get a quick grab on making Chrome extensions: - When your first Chrome extension looks nice and works like it should, it’s time to publish it to the Chrome Store. Simply follow [this link](https://chrome.google.com/webstore/developer/dashboard) to go to your Chrome Web Store dashboard (you’ll be asked to sign in to your Google account if you’re not). Then click the `**Add new item**` button, accept the terms and you will go to the page where you can upload your extension. Now compress the folder that contains your project and upload that ZIP file. - As a web developer, it’s very easy to create a Chrome extension in a short amount of time. All you need is some HTML, CSS, JavaScript and a basic knowledge of how to add functionality through some of the JavaScript APIs that Chrome exposes. Your initial setup can be published inside the Chrome Web Store within just 20 minutes. Building an extension that’s new, worthwhile or looks nice will take some more time. But it’s all up to you! +## 💻 System Requirements +- Google Chrome +- Git +- Code Editor (Visual Studio Code,Sublime Text) + ## 🏆 Contributing Please read CONTRIBUTING.md for information on how to contribute to profext-extension. -## 👬 Owner +## 👬 Owner [Garima Singh](https://github.com/garimasingh128) @@ -92,3 +137,23 @@ Please read CONTRIBUTING.md for information on how to contribute to profext-ex [![built with love](https://forthebadge.com/images/badges/built-with-love.svg)](https://github.com/garimasingh128/) ## ❤️ Thanks to our awesome contributors. + +## Contributors ✨ + +Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)): + + + + + + + + + +

Navpreet Kaur
📖
Sundaram Dubey
💻
+ + + + + +This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! \ No newline at end of file diff --git a/edit.html b/edit.html new file mode 100644 index 0000000..67d507b --- /dev/null +++ b/edit.html @@ -0,0 +1,177 @@ + + + + + + Profile Launcher: Edit Links + + + + + +
+

Edit Profile Information

+ +
+ + +
+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +   Back +
+ + + diff --git a/edit.js b/edit.js new file mode 100644 index 0000000..1eb56f5 --- /dev/null +++ b/edit.js @@ -0,0 +1,68 @@ +var name_text = document.getElementById('name'); +var website_link = document.getElementById('website'); +var linkedin_link = document.getElementById('linkedin'); +var medium_link = document.getElementById('medium'); +var twitter_link = document.getElementById('twitter'); +var github_link = document.getElementById('github'); +var quora_link = document.getElementById('quora'); +var gitlab_link = document.getElementById('gitlab'); +var stackoverflow_link = document.getElementById('stackoverflow'); +var facebook_link = document.getElementById('facebook'); +var instagram_link = document.getElementById('instagram'); + +var save_button = document.getElementById('save'); + +var array = ["name","website","linkedin","medium","twitter","github", "quora", "stackoverflow", "gitlab", "facebook", "instagram"]; +chrome.storage.sync.get(array,function(links){ + if(!chrome.runtime.error){ + console.log(links); + if(links.name) + name_text.value=links.name+" "; + if(links.website) + website_link.value=links.website; + if(links.linkedin) + linkedin_link.value=links.linkedin; + if(links.medium) + medium_link.value=links.medium; + if(links.twitter) + twitter_link.value=links.twitter; + if(links.github) + github_link.value=links.github; + if(links.quora) + quora_link.value=links.quora; + if(links.gitlab) + gitlab_link.value=links.gitlab; + if(links.stackoverflow) + stackoverflow_link.value=links.stackoverflow; + if(links.facebook) + facebook.value=links.facebook; + if(links.instagram) + instagram.value=links.instagram; + } +}); + + +save_button.addEventListener('click',function(){ + UpdateLinks(); +}); +function UpdateLinks(){ + var dict = { + "name":name_text.value, + "website":website_link.value, + "linkedin":linkedin_link.value, + "medium":medium_link.value, + "twitter":twitter_link.value, + "github":github_link.value, + "stackoverflow":stackoverflow_link.value, + "quora":quora_link.value, + "gitlab":gitlab_link.value, + "facebook":facebook_link.value, + "instagram":instagram_link.value, + }; + chrome.storage.sync.set(dict,function(){ + if(!chrome.runtime.error){ + console.log("Links Updated"); + window.location.pathname='popup.html'; + } + }); +} diff --git a/manifest.json b/manifest.json index 440ffe9..d28a949 100644 --- a/manifest.json +++ b/manifest.json @@ -9,5 +9,8 @@ "default_icon": "icons8-19.png", "default_popup": "popup.html" }, - "permissions": ["activeTab"] + "permissions": [ + "activeTab", + "storage" + ] } diff --git a/popup.html b/popup.html index c0aa3f8..67f5715 100644 --- a/popup.html +++ b/popup.html @@ -2,17 +2,8 @@ Quick Launcher - - + + - + -
-

- Profile Launcher - (1.0.0) -

-
-
-

Easily Access Media content

-
+
+
+

+ Profile Launcher + (1.0.0) +

+
+
+
+
+

+

Easily Access Media content

+
+
- +
-
- +
+
- - + +
- - + +
- +
- + + + +
+
+
- - + + +
- - + +
- - + +
-
Made with ♥ by Garima Singh
- +
+
Edit
+
+ diff --git a/popup.js b/popup.js index 03de5ac..34c16cf 100644 --- a/popup.js +++ b/popup.js @@ -1 +1,94 @@ -// Future JavaScript will go here +var name_text = document.getElementById('name'); +var website_link = document.getElementById('website_link'); +var linkedin_link = document.getElementById('linkedin_link'); +var medium_link = document.getElementById('medium_link'); +var twitter_link = document.getElementById('twitter_link'); +var github_link = document.getElementById('github_link'); +var quora_link = document.getElementById('quora_link'); +var stackoverflow_link = document.getElementById('stackoverflow_link'); +var gitlab_link = document.getElementById('gitlab_link'); +var facebook_link = document.getElementById('facebook_link'); +var instagram_link = document.getElementById('instagram_link'); + +var array = ["name","website","linkedin","medium","twitter","github", "quora", "stackoverflow", "gitlab", "facebook", "instagram"]; + +function void_click(){ + void(0); +} +chrome.storage.sync.get(array,function(links){ + if(!chrome.runtime.error){ + console.log(links); + if(links.name) + name_text.innerHTML=links.name+"'s "; + + if(links.website) + website_link.href=links.website; + else + website_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.linkedin) + linkedin_link.href=links.linkedin; + else + linkedin_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.medium) + medium_link.href=links.medium; + else + medium_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.twitter) + twitter_link.href=links.twitter; + else + twitter_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.github) + github_link.href=links.github; + else + github_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.quora) + quora_link.href=links.quora; + else + quora_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.gitlab) + gitlab_link.href=links.gitlab; + else + gitlab_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.stackoverflow) + stackoverflow_link.href=links.stackoverflow; + else + stackoverflow_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.facebook) + facebook_link.href=links.facebook; + else + facebook_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + + if(links.instagram) + instagram_link.href=links.instagram; + else + instagram_link.addEventListener('click',function(event){ + event.preventDefault(); + }); + } +});