Linkedin boost
+Linkedin boost
+
@@ -58,7 +58,7 @@
- Linkedin boost
+
@@ -89,27 +89,45 @@
- Linkedin boost
-
-
-
-
-
-
+
+
+
-
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -118,12 +136,15 @@
+
+
+
diff --git a/components/js/background.js b/components/js/background.js
new file mode 100644
index 0000000..2737be5
--- /dev/null
+++ b/components/js/background.js
@@ -0,0 +1,25 @@
+chrome.runtime.onMessage.addListener( function (request, sender, sendResponse) {
+ if (request.action === 'added_contacts') {
+
+ var totalAdded = parseInt(request.message.totalAdded);
+
+ if (Number.isInteger(totalAdded) && totalAdded > 0) {
+ chrome.storage.local.get('totalAdded', function(result) {
+ if (result.totalAdded === undefined) {
+ result.totalAdded = 0;
+ }
+
+ chrome.storage.local.set({
+ totalAdded: result.totalAdded + totalAdded
+ });
+
+ request.message.allAdded = result.totalAdded + totalAdded;
+
+ chrome.runtime.sendMessage({
+ action: 'added_contact_to_content',
+ data: request.message
+ });
+ });
+ }
+ }
+});
\ No newline at end of file
diff --git a/components/js/class.localstorage.js b/components/js/class.localstorage.js
new file mode 100644
index 0000000..5214cb1
--- /dev/null
+++ b/components/js/class.localstorage.js
@@ -0,0 +1,35 @@
+function set (result) {
+ for (var key in result) {
+ LocalStorage.app[key] = result[key];
+ }
+}
+
+var LocalStorage = function LocalStorage () {
+
+ this.app = {
+ totalAdded: 0
+ };
+
+ this.set = function (obj) {
+ chrome.storage.local.set(obj);
+ };
+
+ this.get = function (key, callback) {
+ chrome.storage.local.get(key, function(result) {
+ callback(result);
+ });
+ };
+
+ this.init = function () {
+ this.updateAppData(set);
+ };
+
+ this.updateAppData = function (callback) {
+ for (var key in this.app) {
+ this.get(key, function (result) {
+ callback(result);
+ });
+ }
+ };
+
+};
\ No newline at end of file
diff --git a/components/js/content.js b/components/js/content.js
index 81d6b07..fba0800 100644
--- a/components/js/content.js
+++ b/components/js/content.js
@@ -1,11 +1,15 @@
const contactsNumOnOnePage = 15;
+function sendMessageToBackground (obj) {
+ chrome.runtime.sendMessage(obj);
+}
+
function addContacts(height, countOfPagesScrolled) {
setTimeout(function () {
if (countOfPagesScrolled > 0 && height != document.body.clientHeight) {
scrollDown(document.body.clientHeight, --countOfPagesScrolled);
} else {
- console.log(sendRequest());
+ sendRequest();
}
}, 1500);
}
@@ -27,15 +31,20 @@ function sendRequest(){
jQuery(this).click();
addedContacts[contactsNum] = {
initials: jQuery(this).parents('.card-wrapper').find('.picture img').attr('alt'),
- img: jQuery(this).parents('.card-wrapper').find('.picture img').attr('src')
+ title: jQuery(this).parents('.card-wrapper').find('.headline > span').attr('title'),
+ img: jQuery(this).parents('.card-wrapper').find('.picture img').attr('src'),
+ link: jQuery(this).parents('.card-wrapper').find('.picture a').attr('href')
};
contactsNum++;
});
- return {
- countAdded: contactsNum,
- addedContacts: addedContacts
- };
+ sendMessageToBackground({
+ action: 'added_contacts',
+ message: {
+ totalAdded: contactsNum,
+ addedContacts: addedContacts
+ }
+ });
}
function onRequest(request, sender, sendResponse) {
@@ -46,8 +55,6 @@ function onRequest(request, sender, sendResponse) {
}
scrollDown(document.body.clientHeight, getNumPages(request.contactsNumber));
-
- sendResponse({result: true});
}
}
diff --git a/components/js/material.min.js b/components/js/material.min.js
new file mode 100644
index 0000000..774bf8d
--- /dev/null
+++ b/components/js/material.min.js
@@ -0,0 +1,2 @@
+!function(a){function b(a){return"undefined"==typeof a.which?!0:"number"==typeof a.which&&a.which>0?!a.ctrlKey&&!a.metaKey&&!a.altKey&&8!=a.which&&9!=a.which&&13!=a.which&&16!=a.which&&17!=a.which&&20!=a.which&&27!=a.which:!1}function c(b){var c=a(b);c.prop("disabled")||c.closest(".form-group").addClass("is-focused")}function d(a,b){var c;return c=a.hasClass("checkbox-inline")||a.hasClass("radio-inline")?a:a.closest(".checkbox").length?a.closest(".checkbox"):a.closest(".radio"),c.toggleClass("disabled",b)}function e(b){var e=!1;(b.is(a.material.options.checkboxElements)||b.is(a.material.options.radioElements))&&(e=!0),b.closest("label").hover(function(){var b=a(this).find("input"),f=b.prop("disabled");e&&d(a(this),f),f||c(b)},function(){f(a(this).find("input"))})}function f(b){a(b).closest(".form-group").removeClass("is-focused")}a.expr[":"].notmdproc=function(b){return a(b).data("mdproc")?!1:!0},a.material={options:{validate:!0,input:!0,ripples:!0,checkbox:!0,togglebutton:!0,radio:!0,arrive:!0,autofill:!1,withRipples:[".btn:not(.btn-link)",".card-image",".navbar a:not(.withoutripple)",".dropdown-menu a",".nav-tabs a:not(.withoutripple)",".withripple",".pagination li:not(.active):not(.disabled) a:not(.withoutripple)"].join(","),inputElements:"input.form-control, textarea.form-control, select.form-control",checkboxElements:".checkbox > label > input[type=checkbox], label.checkbox-inline > input[type=checkbox]",togglebuttonElements:".togglebutton > label > input[type=checkbox]",radioElements:".radio > label > input[type=radio], label.radio-inline > input[type=radio]"},checkbox:function(b){var c=a(b?b:this.options.checkboxElements).filter(":notmdproc").data("mdproc",!0).after("");e(c)},togglebutton:function(b){var c=a(b?b:this.options.togglebuttonElements).filter(":notmdproc").data("mdproc",!0).after("");e(c)},radio:function(b){var c=a(b?b:this.options.radioElements).filter(":notmdproc").data("mdproc",!0).after("");e(c)},input:function(b){a(b?b:this.options.inputElements).filter(":notmdproc").data("mdproc",!0).each(function(){var b=a(this),c=b.closest(".form-group");0!==c.length||"hidden"===b.attr("type")||b.attr("hidden")||(b.wrap(""),c=b.closest(".form-group")),b.attr("data-hint")&&(b.after("
+
+ 0
+
+
+
+
+
+
- ![icon]()
+ ![icon]()
-
-
-
+
+
"+b.attr("data-hint")+"
"),b.removeAttr("data-hint"));var d={"input-lg":"form-group-lg","input-sm":"form-group-sm"};if(a.each(d,function(a,d){b.hasClass(a)&&(b.removeClass(a),c.addClass(d))}),b.hasClass("floating-label")){var e=b.attr("placeholder");b.attr("placeholder",null).removeClass("floating-label");var f=b.attr("id"),g="";f&&(g="for='"+f+"'"),c.addClass("label-floating"),b.after("")}(null===b.val()||"undefined"==b.val()||""===b.val())&&c.addClass("is-empty"),c.find("input[type=file]").length>0&&c.addClass("is-fileinput")})},attachInputEventHandlers:function(){var d=this.options.validate;a(document).on("keydown paste",".form-control",function(c){b(c)&&a(this).closest(".form-group").removeClass("is-empty")}).on("keyup change",".form-control",function(){var b=a(this),c=b.closest(".form-group"),e="undefined"==typeof b[0].checkValidity||b[0].checkValidity();""===b.val()?c.addClass("is-empty"):c.removeClass("is-empty"),d&&(e?c.removeClass("has-error"):c.addClass("has-error"))}).on("focus",".form-control, .form-group.is-fileinput",function(){c(this)}).on("blur",".form-control, .form-group.is-fileinput",function(){f(this)}).on("change",".form-group input",function(){var b=a(this);if("file"!=b.attr("type")){var c=b.closest(".form-group"),d=b.val();d?c.removeClass("is-empty"):c.addClass("is-empty")}}).on("change",".form-group.is-fileinput input[type='file']",function(){var b=a(this),c=b.closest(".form-group"),d="";a.each(this.files,function(a,b){d+=b.name+", "}),d=d.substring(0,d.length-2),d?c.removeClass("is-empty"):c.addClass("is-empty"),c.find("input.form-control[readonly]").val(d)})},ripples:function(b){a(b?b:this.options.withRipples).ripples()},autofill:function(){var b=setInterval(function(){a("input[type!=checkbox]").each(function(){var b=a(this);b.val()&&b.val()!==b.attr("value")&&b.trigger("change")})},100);setTimeout(function(){clearInterval(b)},1e4)},attachAutofillEventHandlers:function(){var b;a(document).on("focus","input",function(){var c=a(this).parents("form").find("input").not("[type=file]");b=setInterval(function(){c.each(function(){var b=a(this);b.val()!==b.attr("value")&&b.trigger("change")})},100)}).on("blur",".form-group input",function(){clearInterval(b)})},init:function(b){this.options=a.extend({},this.options,b);var c=a(document);a.fn.ripples&&this.options.ripples&&this.ripples(),this.options.input&&(this.input(),this.attachInputEventHandlers()),this.options.checkbox&&this.checkbox(),this.options.togglebutton&&this.togglebutton(),this.options.radio&&this.radio(),this.options.autofill&&(this.autofill(),this.attachAutofillEventHandlers()),document.arrive&&this.options.arrive&&(a.fn.ripples&&this.options.ripples&&c.arrive(this.options.withRipples,function(){a.material.ripples(a(this))}),this.options.input&&c.arrive(this.options.inputElements,function(){a.material.input(a(this))}),this.options.checkbox&&c.arrive(this.options.checkboxElements,function(){a.material.checkbox(a(this))}),this.options.radio&&c.arrive(this.options.radioElements,function(){a.material.radio(a(this))}),this.options.togglebutton&&c.arrive(this.options.togglebuttonElements,function(){a.material.togglebutton(a(this))}))}}}(jQuery); +//# sourceMappingURL=material.min.js.map \ No newline at end of file diff --git a/components/js/popup.js b/components/js/popup.js index 6b6d66b..63a3172 100644 --- a/components/js/popup.js +++ b/components/js/popup.js @@ -1,3 +1,6 @@ +var LocalStorage = new LocalStorage(); +LocalStorage.init(); + function getCurrentTab (callback) { chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { callback(tabs[0]); @@ -18,11 +21,6 @@ function sendMessageForAddContacts (tab, contactsNumber) { { action: 'add_contacts', contactsNumber: contactsNumber - }, - function(response) { - if (response.result) { - getInfoAboutAddedContacts(tab); - } } ); } @@ -35,37 +33,146 @@ function addContacts (contactsNumber) { }); } -function openTab(url) { +function openTab (url) { chrome.tabs.create({'url': url}); } -$(function() { +function updateNumberOfTotalAdded (totalAdded) { + $('#total_added_number').text(totalAdded); +} + +function generateSocialButtons () { + $("#share_friends").jsSocials({ + showLabel: false, + showCount: false, + shareIn: 'popup', + shares: ['linkedin', 'twitter', 'facebook', 'vkontakte', 'googleplus', 'pinterest', 'stumbleupon'], + url: 'https://chrome.google.com/webstore/detail/linkedin-boost/hjngmlepjloblimbhocofmodjihjklhf' + }); +} + +function generateLinks () { + $('[data-link-url]').click(function () { + openTab(this.getAttribute('data-link-url')); + }); +} + +function translatePage () { $('[data-translation]').each(function () { this.textContent = chrome.i18n.getMessage(this.getAttribute('data-translation')); }); +} + +function generateTogglePanels () { + $('.can-toggle .pointer').click(function () { + var panel = $(this).parent(); + + $(panel).children('.panel-body').toggle(); + + var toggleIcon = $(panel).find('.caret'); + + if ($(toggleIcon).hasClass('dropup')) { + $(toggleIcon).attr('class', 'caret'); + } else { + $(toggleIcon).attr('class', 'dropup caret'); + } + }); +} + +function showNumberInvitedNow(number) { + var numberInvitedSelector = '#number_invited_now', + numberInvited = $(numberInvitedSelector).text(); + + if (numberInvited !== '') { + number += parseInt(numberInvited); + } + + $(numberInvitedSelector).text(number); + $(numberInvitedSelector).show(); +} + +function buttonLoading (button) { + $(button).text(''); + $(button).addClass('button-loaded'); + $(button).append(''); +} + +function buttonStopLoading () { + var button = $('.button-loaded'); + + $(button).text($(button).attr('data-add-contacts')); + $(button).removeClass('button-loaded'); +} + +function listIsEmpty () { + return parseInt($('#number_invited_now').text()) == 0; +} + +function generateListOfInvitedContacts (data) { + var isListEmpty = listIsEmpty(); + + showNumberInvitedNow(data.totalAdded); + + var contact, newBlock, + resultsBlock = '#results', + listGroupBlock = '.list-group', + firstBlock = resultsBlock + ' .list-group-item:first'; + + if (!isListEmpty) { + firstBlock = resultsBlock + ' .list-group-item:last'; + } + + for (var key in data.addedContacts) { + contact = data.addedContacts[key]; + + if (contact !== null) { + newBlock = $(firstBlock).clone(); + + $(newBlock).find('.row-picture img') + .attr('src', contact.img) + .attr('data-link-url', contact.link); + $(newBlock).find('.row-content .list-group-item-heading') + .text(contact.initials) + .attr('data-link-url', contact.link); + $(newBlock).find('.row-content .list-group-item-text') + .text(contact.title); + + $(newBlock).appendTo($(resultsBlock + ' ' + listGroupBlock)); + } + } + + if (isListEmpty) { + $(firstBlock).remove(); + $(resultsBlock).fadeIn(); + } +} + +$(function() { + translatePage(); + generateLinks(); + generateSocialButtons(); + generateTogglePanels(); getCurrentTab(function(currentTab) { if (isTabLinkedinPymk(currentTab)) { $('#add_contacts').show(); $('[data-add-contacts]').click(function () { + buttonLoading(this); addContacts(this.getAttribute('data-add-contacts')); }); + updateNumberOfTotalAdded(LocalStorage.app.totalAdded); } else if (isTabLinkedin(currentTab)) { $('#other_linkedin').show(); } else { $('#not_linkedin').show(); } }); +}); - $('[data-link-url]').click(function () { - openTab(this.getAttribute('data-link-url')); - }); - - $("#share_friends").jsSocials({ - showLabel: false, - showCount: false, - shareIn: 'popup', - shares: ['linkedin', 'twitter', 'facebook', 'vkontakte', 'googleplus', 'pinterest', 'stumbleupon'], - url: 'https://chrome.google.com/webstore/detail/linkedin-boost/hjngmlepjloblimbhocofmodjihjklhf' - }); +chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) { + if (message.action == 'added_contact_to_content') { + updateNumberOfTotalAdded(message.data.allAdded); + generateListOfInvitedContacts(message.data); + buttonStopLoading(); + } }); \ No newline at end of file diff --git a/components/js/ripples.min.js b/components/js/ripples.min.js new file mode 100644 index 0000000..5c01e4c --- /dev/null +++ b/components/js/ripples.min.js @@ -0,0 +1,2 @@ +!function(a,b,c,d){"use strict";function e(b,c){g=this,this.element=a(b),this.options=a.extend({},h,c),this._defaults=h,this._name=f,this.init()}var f="ripples",g=null,h={};e.prototype.init=function(){var c=this.element;c.on("mousedown touchstart",function(d){if(!g.isTouch()||"mousedown"!==d.type){c.find(".ripple-container").length||c.append('');var e=c.children(".ripple-container"),f=g.getRelY(e,d),h=g.getRelX(e,d);if(f||h){var i=g.getRipplesColor(c),j=a("");j.addClass("ripple").css({left:h,top:f,"background-color":i}),e.append(j),function(){return b.getComputedStyle(j[0]).opacity}(),g.rippleOn(c,j),setTimeout(function(){g.rippleEnd(j)},500),c.on("mouseup mouseleave touchend",function(){j.data("mousedown","off"),"off"===j.data("animating")&&g.rippleOut(j)})}}})},e.prototype.getNewSize=function(a,b){return Math.max(a.outerWidth(),a.outerHeight())/b.outerWidth()*2.5},e.prototype.getRelX=function(a,b){var c=a.offset();return g.isTouch()?(b=b.originalEvent,1===b.touches.length?b.touches[0].pageX-c.left:!1):b.pageX-c.left},e.prototype.getRelY=function(a,b){var c=a.offset();return g.isTouch()?(b=b.originalEvent,1===b.touches.length?b.touches[0].pageY-c.top:!1):b.pageY-c.top},e.prototype.getRipplesColor=function(a){var c=a.data("ripple-color")?a.data("ripple-color"):b.getComputedStyle(a[0]).color;return c},e.prototype.hasTransitionSupport=function(){var a=c.body||c.documentElement,b=a.style,e=b.transition!==d||b.WebkitTransition!==d||b.MozTransition!==d||b.MsTransition!==d||b.OTransition!==d;return e},e.prototype.isTouch=function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},e.prototype.rippleEnd=function(a){a.data("animating","off"),"off"===a.data("mousedown")&&g.rippleOut(a)},e.prototype.rippleOut=function(a){a.off(),g.hasTransitionSupport()?a.addClass("ripple-out"):a.animate({opacity:0},100,function(){a.trigger("transitionend")}),a.on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(){a.remove()})},e.prototype.rippleOn=function(a,b){var c=g.getNewSize(a,b);g.hasTransitionSupport()?b.css({"-ms-transform":"scale("+c+")","-moz-transform":"scale("+c+")","-webkit-transform":"scale("+c+")",transform:"scale("+c+")"}).addClass("ripple-on").data("animating","on").data("mousedown","on"):b.animate({width:2*Math.max(a.outerWidth(),a.outerHeight()),height:2*Math.max(a.outerWidth(),a.outerHeight()),"margin-left":-1*Math.max(a.outerWidth(),a.outerHeight()),"margin-top":-1*Math.max(a.outerWidth(),a.outerHeight()),opacity:.2},500,function(){b.trigger("transitionend")})},a.fn.ripples=function(b){return this.each(function(){a.data(this,"plugin_"+f)||a.data(this,"plugin_"+f,new e(this,b))})}}(jQuery,window,document); +//# sourceMappingURL=ripples.min.js.map \ No newline at end of file diff --git a/manifest.json b/manifest.json index 3b55499..5ead639 100644 --- a/manifest.json +++ b/manifest.json @@ -11,11 +11,15 @@ "default_icon": "components/icon.png", "default_popup": "components/html/popup.html" }, + "background": { + "scripts": ["components/js/background.js"] + }, "permissions": [ - "activeTab" + "activeTab", + "storage" ], "content_scripts": [{ "matches": ["*://www.linkedin.com/people/pymk/*", "*://www.linkedin.com/people/pymk?*"], - "js": ["bower_components/jquery/dist/jquery.min.js", "components/js/content.js"] + "js": ["bower_components/jquery/dist/jquery.min.js", "components/js/class.localstorage.js", "components/js/content.js"] }] }