Skip to content

Instantly share code, notes, and snippets.

@deymosD

deymosD/Shutterstock.EnhanceDashboard.user.js

Last active June 11, 2020 08:31
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save deymosD/ff4b0effbffefd76f58300b01e45afd4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save deymosD/ff4b0effbffefd76f58300b01e45afd4 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. deymosD revised this gist Jun 21, 2017. 1 changed file with 4 additions and 2 deletions.
    6 changes: 4 additions & 2 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 2.0
    // @version 2.0.1
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    @@ -32,7 +32,7 @@ var removeRedUploadButton = true; // makes content on front page draggable, you

    var dragger = "#cee7f0"; // color of a dragging selection, if you don't like blue - change it; red looks cool :D

    var debug = true; // easier for me during development
    var debug = false; // easier for me during development
    var trackMySales = false; // for future development, saves info on individual sales in local storage
    var timeout=1000;
    //===================================
    @@ -105,6 +105,8 @@ function removeRedUpload(){
    }

    function makeDivsDraggable() {

    $j("div#referral-banner").hide();
    var divs = [ "div#public-info-container", "div#earnings-summary-container", "div#resources-container", "div#track-sets-container", "div#unpaid-container", "div#download-map-container", "div#top-earners-container","div#content-overview-container", "div#earnings-summary-graph-container"];

    $j("div.row.row-eq-height:first > div.col-md-6:last > div").wrap("<div id='unpaid-container'></div>");
  2. deymosD revised this gist May 8, 2017. 1 changed file with 3 additions and 33 deletions.
    36 changes: 3 additions & 33 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -32,7 +32,7 @@ var removeRedUploadButton = true; // makes content on front page draggable, you

    var dragger = "#cee7f0"; // color of a dragging selection, if you don't like blue - change it; red looks cool :D

    var debug = false; // easier for me during development
    var debug = true; // easier for me during development
    var trackMySales = false; // for future development, saves info on individual sales in local storage
    var timeout=1000;
    //===================================
    @@ -233,10 +233,10 @@ function showLocations() {
    if (trackMySales) {
    localStorage.setItem(id + "-" + time, JSON.stringify(el)); // save image info, key = (id-time_of_download);
    }
    */
    if (debug) { console.log("Added " + id + "to local storage"); }

    */
    // if it's footage, need to change thumbnail size; too bad i can't test it with 1 footage a century
    var footageWidth = "";

    @@ -350,36 +350,6 @@ function retrieveEarnings(){
    }
    }





    // following code created by https://gist.github.com/satinka/5479a93d389a07d41246

    function ExtractLocation(details) { // created by https://gist.github.com/satinka/5479a93d389a07d41246
    var loc = "";
    var country = "";
    var locality = "";
    var admin_area1 = "";
    var admin_area2 = "";

    $j.each(details, function( ind, el ) {
    if ($j.inArray("country", el.types) != -1)
    country = useShortCountryName ? el.short_name : el.long_name;
    if ($j.inArray("locality", el.types) != -1)
    locality = el.long_name;
    if ($j.inArray("administrative_area_level_1", el.types) != -1)
    admin_area1 = el.short_name;
    if ($j.inArray("administrative_area_level_2", el.types) != -1)
    admin_area2 = el.long_name;
    });
    loc = loc + ((locality !== "") ? locality + ", " : "") +
    ((admin_area2 != "") ? admin_area2 + ", " : "") +
    ((admin_area1 != "") ? admin_area1 + ", " : "") +
    ((country !== "") ? country : "");
    return loc;
    }

    function createStyles() {
    var sheet = (function() {
    var style = document.createElement("style");
  3. deymosD revised this gist May 8, 2017. 1 changed file with 4 additions and 5 deletions.
    9 changes: 4 additions & 5 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -96,7 +96,7 @@ $j(document).ready(function() {

    (removeRedUploadButton) && removeRedUpload();
    window.setInterval(showLocations,60000); // refresh every 60 seconds
    window.setInterval(retrieveEarnings,60000);
    // window.setInterval(retrieveEarnings,60000);
    });

    function removeRedUpload(){
    @@ -194,13 +194,13 @@ function showLocations() {
    },
    success: function( data ){
    if (existsInLocalStorage('lastDownloads', data)) {
    retrieveEarnings();
    // retrieveEarnings();
    $j("div.refreshCoords").text("Refresh");
    return true;
    }

    var coords = $j.parseJSON(data);
    // console.log(coords);

    localStorage.removeItem('lastSevenDays');

    div.innerHTML = "<span class=\"refreshCoords\">Refresh</span>";
    @@ -228,7 +228,6 @@ function showLocations() {
    var lat = gps[0];
    var long = gps[1];
    var loc;
    console.log(el, id, time, lat, long);

    /*
    if (trackMySales) {
    @@ -270,7 +269,7 @@ function showLocations() {
    });

    localStorage.removeItem('lastEarnings');
    retrieveEarnings();
    // retrieveEarnings();

    }
    });
  4. deymosD revised this gist May 8, 2017. 1 changed file with 28 additions and 36 deletions.
    64 changes: 28 additions & 36 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.9
    // @version 2.0
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    @@ -25,8 +25,8 @@

    var useShortCountryName = false; // US (true), or United States of America (false) - false is now default as it looks nicer :)
    var googleMaps = "https://www.google.com/maps/place/";
    var displayEarnings = true; // set to false to disable display of earnings for last 7 days and today on top of popup
    var displayRecentEarnings = true; // set to false to disable display of earnings for recent images
    var displayEarnings = false; // set to false to disable display of earnings for last 7 days and today on top of popup
    var displayRecentEarnings = false; // set to false to disable display of earnings for recent images
    var makeOriginalDivsDraggable = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog
    var removeRedUploadButton = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog

    @@ -52,6 +52,7 @@ var div;

    $j(document).ready(function() {
    createStyles();

    var containerDiv = document.createElement('div');
    containerDiv.id = "dragContainer";
    $j("div.container-fluid").append(containerDiv);
    @@ -184,7 +185,8 @@ function showLocations() {


    $j.ajax({
    url: window.location.protocol + '//submit.shutterstock.com/show_component.mhtml?component_path=download_map/recent_downloads.mh',
    //url: window.location.protocol + '//submit.shutterstock.com/show_component.mhtml?component_path=download_map/recent_downloads.mh',
    url: window.location.protocol + '//submit.shutterstock.com/api/user/downloads/map',
    type: "get",
    dataType: "html",
    error: function (request, status, error) {
    @@ -198,72 +200,62 @@ function showLocations() {
    }

    var coords = $j.parseJSON(data);
    // console.log(coords);
    localStorage.removeItem('lastSevenDays');

    div.innerHTML = "<span class=\"refreshCoords\">Refresh</span>";

    if (displayEarnings){
    /* if (displayEarnings){
    div.innerHTML += "<H4>Earnings</h4>";
    retrieveLastWeekEarnings();
    div.innerHTML += "Last 7 days: <span id=\"last7\"></span>$<br />";
    div.innerHTML += "Today: <span id=\"today\"></span>$<br />";
    // div.innerHTML += "Lifetime: <span id=\"lifetime\"></span>$<br />";
    // div.innerHTML += "Unpaid: <span id=\"unpaid\"></span>$<br />";
    }
    */

    div.innerHTML += "<h4>Download locations</h4>";

    $j.each(coords, function( ind, el ) {
    var id = el.media_id;
    var img = el.thumb_url;
    var img = window.location.protocol + '//image.shutterstock.com/mosaic_250/0/0/' + id + '.jpg';
    var time = el.time;
    var city = el.city;
    var country = el.country;
    var region = el.region;
    var gps = el.coordinates;
    var lat = gps[0];
    var long = gps[1];
    var loc;
    console.log(el, id, time, lat, long);

    if (el.latitude !== null && el.longitude !== null) {
    $j.ajax({
    url: 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' + el.latitude + ',' + el.longitude,
    type: "get",
    dataType: "html",
    error: function (request, status, error) {
    console.log(request.responseText);
    },
    success: function( data ){
    var res = $j.parseJSON(data);
    // moramo ovako jer je asinkrono. dok u divu ispise tekst, ovo jos nije stiglo sa servera
    if (res.status == "OK") {
    $j("a.location" + id + "-" + time).text(ExtractLocation(res.results[0].address_components));
    }
    else {
    $j("a.location" + id + "-" + time).text("Can't convert to location :\(");
    }

    }
    });

    }
    /*
    if (trackMySales) {
    localStorage.setItem(id + "-" + time, JSON.stringify(el)); // save image info, key = (id-time_of_download);
    }
    */

    if (debug) { console.log("Added " + id + "to local storage"); }

    // if it's footage, need to change thumbnail size; too bad i can't test it with 1 footage a century
    var footageWidth = "";
    if (el.media_type != "photo") {
    footageWidth = "width=\"100px\" height=\"59\" ";
    }

    // if (el.media_type != "photo") {
    footageWidth = "width=\"130px\" ";
    // }

    div.innerHTML += "<a target=\"_new\" href=\"http://www.shutterstock.com/pic.mhtml?id=" + id + "\"><img " + footageWidth + "src=\"" + img + "\" /></a><br />";

    if (el.latitude && el.longitude ) {
    div.innerHTML += "<a class=\"location" + id + "-" + time + "\" target=\"_new\" href=\"" + googleMaps + el.latitude + "+"+ el.longitude + "\"></a><br />";
    if (gps ) {
    div.innerHTML += "<a class=\"location" + id + "-" + time + "\" target=\"_new\" href=\"" + googleMaps + lat + "+"+ long + "\">" + city + ", " + country + "</a><br />";
    }
    else {
    div.innerHTML += "Unknown, middle of Atlantic :)<br />";
    }

    var n = new Date().getTimezoneOffset() / 60; // offset from GMT
    // taking only time from date - 6+n - NY time + offset from GMT gives local - works wine for me
    var t = new Date((time + (6+n) * 3600) *1000).toTimeString().split(" ")[0];

    var t = new Date(time).toLocaleString('hr');
    if (displayRecentEarnings) {
    div.innerHTML += "Earnings: <span id=\"earnings" + id + time + "000\">N/A</span><br />";
    if (debug) {console.log(time)};
  5. deymosD revised this gist Feb 11, 2017. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.8
    // @version 1.0.9
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    @@ -100,6 +100,7 @@ $j(document).ready(function() {

    function removeRedUpload(){
    $j("div#images-primary").hide();
    $j("div#videos-primary").hide();
    }

    function makeDivsDraggable() {
  6. deymosD revised this gist Feb 11, 2017. 1 changed file with 30 additions and 6 deletions.
    36 changes: 30 additions & 6 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.7
    // @version 1.0.8
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    @@ -30,7 +30,7 @@ var displayRecentEarnings = true; // set to false to disable display of earnings
    var makeOriginalDivsDraggable = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog
    var removeRedUploadButton = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog

    var dragger = "#8cb0ea"; // color of a dragging selection, if you don't like blue - change it; red looks cool :D
    var dragger = "#cee7f0"; // color of a dragging selection, if you don't like blue - change it; red looks cool :D

    var debug = false; // easier for me during development
    var trackMySales = false; // for future development, saves info on individual sales in local storage
    @@ -42,6 +42,12 @@ var $j = jQuery.noConflict();
    var div;


    var link = window.document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css'; // get smoothness CSS; check http://jqueryui.com/themeroller/ for others, just change the theme name in url
    document.getElementsByTagName("HEAD")[0].appendChild(link); // other themes: http://rtsinani.github.io/jquery-datepicker-skins/, have fun!



    $j(document).ready(function() {
    @@ -114,10 +120,28 @@ function makeDivsDraggable() {
    drag.className = "drag";
    drag.innerHTML="grab this to drag me";
    $j(entry).prepend(drag);
    console.log(drag);




    /*
    $j(entry).resizable({
    resize: function (e, ui) {
    var wr = $(this).outerWidth()/$(this).data("width");
    var hr = $(this).outerHeight()/$(this).data("height");
    $(this).find("*").each(function (i, elm) {
    var w = $(elm).data("width") * wr;
    var h = $(elm).data("height") * hr;
    // Adjusting font size according to smallest ratio
    var f = $(elm).data("fontSize") * ((hr > wr) ? wr : hr);
    $(elm).css({
    "width": w,
    "height": h,
    "font-size": f
    });
    });
    },
    }
    );
    */

    $j(entry).draggable({
    cursor: "move",
  7. deymosD revised this gist Feb 10, 2017. No changes.
  8. deymosD revised this gist Feb 10, 2017. 1 changed file with 20 additions and 5 deletions.
    25 changes: 20 additions & 5 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,13 +1,14 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.6
    // @version 1.0.7
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    // @match https://submit.shutterstock.com/dashboard*
    // @copyright 2016, Satinka
    // @require http://code.jquery.com/jquery-latest.min.js
    // @run-at document-idle
    // @require https://code.jquery.com/ui/1.11.4/jquery-ui.min.js
    // @require https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/md5.js
    // @grant none
    @@ -33,13 +34,16 @@ var dragger = "#8cb0ea"; // color of a dragging selection, if you don't like blu

    var debug = false; // easier for me during development
    var trackMySales = false; // for future development, saves info on individual sales in local storage

    var timeout=1000;
    //===================================


    var $j = jQuery.noConflict();
    var div;




    $j(document).ready(function() {
    createStyles();
    var containerDiv = document.createElement('div');
    @@ -72,7 +76,17 @@ $j(document).ready(function() {

    showLocations();

    (makeOriginalDivsDraggable) && makeDivsDraggable();

    setTimeout(function(){

    (makeOriginalDivsDraggable) && makeDivsDraggable();

    }, timeout);





    (removeRedUploadButton) && removeRedUpload();
    window.setInterval(showLocations,60000); // refresh every 60 seconds
    window.setInterval(retrieveEarnings,60000);
    @@ -83,7 +97,7 @@ function removeRedUpload(){
    }

    function makeDivsDraggable() {
    var divs = [ "div#content-overview-container", "div#public-info-container", "div#earnings-summary-container", "div#resources-container", "div#track-sets-container", "div#unpaid-container", "div#download-map-container", "div#top-earners-container", "div#earnings-summary-graph-container"];
    var divs = [ "div#public-info-container", "div#earnings-summary-container", "div#resources-container", "div#track-sets-container", "div#unpaid-container", "div#download-map-container", "div#top-earners-container","div#content-overview-container", "div#earnings-summary-graph-container"];

    $j("div.row.row-eq-height:first > div.col-md-6:last > div").wrap("<div id='unpaid-container'></div>");

    @@ -100,6 +114,7 @@ function makeDivsDraggable() {
    drag.className = "drag";
    drag.innerHTML="grab this to drag me";
    $j(entry).prepend(drag);
    console.log(drag);



    @@ -366,7 +381,7 @@ function createStyles() {

    // var map = "position: fixed; top: 60px; left: 320px; width: 1000px; height: 95%; overflow: auto; background-color: #eeeeee;";
    var close="background-color: " + dragger + "; float: right; padding: 2px; font-size: 8px;z-index:20;";
    var drag="background-color: " + dragger + "; float: left; padding: 2px; font-size: 8px; z-index:20;";
    var drag="background-color: " + dragger + "; float: left; position:absolute; top:0; left:0; padding: 2px; font-size: 8px; z-index:20;";
    var dragHover = "cursor: move;";
    addCSSRule(sheet, "div#dragContainer", ggDL, 0);
    addCSSRule(sheet, "div.close", close, 0);
  9. deymosD revised this gist Feb 10, 2017. 1 changed file with 32 additions and 3 deletions.
    35 changes: 32 additions & 3 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,8 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.5
    // @updateURL https://gist.github.com/deymosD/ff4b0effbffefd76f58300b01e45afd4/raw/49c4aceb549ede740ff1ec6409254c46da5ba207/Shutterstock.EnhanceDashboard.user.js
    // @version 1.0.6
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    // @match https://submit.shutterstock.com/dashboard*
    @@ -29,6 +29,7 @@ var displayRecentEarnings = true; // set to false to disable display of earnings
    var makeOriginalDivsDraggable = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog
    var removeRedUploadButton = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog

    var dragger = "#8cb0ea"; // color of a dragging selection, if you don't like blue - change it; red looks cool :D

    var debug = false; // easier for me during development
    var trackMySales = false; // for future development, saves info on individual sales in local storage
    @@ -58,7 +59,7 @@ $j(document).ready(function() {

    $j("div#dragContainer").draggable({
    opacity: 0.9,
    handle: "div",
    handle: "div",
    stop: function(event, ui){
    localStorage.setItem("positionDownloadLocations", JSON.stringify(ui.position));
    }
    @@ -86,9 +87,27 @@ function makeDivsDraggable() {

    $j("div.row.row-eq-height:first > div.col-md-6:last > div").wrap("<div id='unpaid-container'></div>");

    $j(document).on('click', 'div.close', function() { // resort by downloads
    makeDivSmaller($j(this).parent());
    });

    divs.forEach( function(entry) {
    var close=document.createElement('div');
    close.className = "close";
    close.innerHTML="X";
    $j(entry).prepend(close);
    var drag = document.createElement('div');
    drag.className = "drag";
    drag.innerHTML="grab this to drag me";
    $j(entry).prepend(drag);




    $j(entry).draggable({
    cursor: "move",
    handle: "div.drag",
    stack:"div.drag",
    stop: function(event, ui){
    localStorage.setItem(entry, JSON.stringify(ui.position));
    }
    @@ -103,6 +122,10 @@ function makeDivsDraggable() {
    );
    }

    function makeDivSmaller(obj) {
    console.log(obj);
    obj.hide();
    }

    function existsInLocalStorage(key, data) {
    var thisResponseHash = CryptoJS.MD5(data).toString(CryptoJS.enc.Base64);
    @@ -342,7 +365,13 @@ function createStyles() {
    "text-shadow: 0 0 5px #fff; text-align: left;";

    // var map = "position: fixed; top: 60px; left: 320px; width: 1000px; height: 95%; overflow: auto; background-color: #eeeeee;";
    var close="background-color: " + dragger + "; float: right; padding: 2px; font-size: 8px;z-index:20;";
    var drag="background-color: " + dragger + "; float: left; padding: 2px; font-size: 8px; z-index:20;";
    var dragHover = "cursor: move;";
    addCSSRule(sheet, "div#dragContainer", ggDL, 0);
    addCSSRule(sheet, "div.close", close, 0);
    addCSSRule(sheet, "div.drag", drag, 0);
    addCSSRule(sheet, "div.drag:hover", dragHover, 0);
    addCSSRule(sheet, "span.refreshCoords", refreshCoords, 0);
    }

  10. deymosD revised this gist Feb 10, 2017. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,8 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.4
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @version 1.0.5
    // @updateURL https://gist.github.com/deymosD/ff4b0effbffefd76f58300b01e45afd4/raw/49c4aceb549ede740ff1ec6409254c46da5ba207/Shutterstock.EnhanceDashboard.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    // @match https://submit.shutterstock.com/dashboard*
  11. deymosD revised this gist Feb 9, 2017. 1 changed file with 9 additions and 12 deletions.
    21 changes: 9 additions & 12 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.2
    // @version 1.0.4
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    @@ -27,6 +27,7 @@ var googleMaps = "https://www.google.com/maps/place/";
    var displayEarnings = true; // set to false to disable display of earnings for last 7 days and today on top of popup
    var displayRecentEarnings = true; // set to false to disable display of earnings for recent images
    var makeOriginalDivsDraggable = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog
    var removeRedUploadButton = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog


    var debug = false; // easier for me during development
    @@ -71,18 +72,21 @@ $j(document).ready(function() {
    showLocations();

    (makeOriginalDivsDraggable) && makeDivsDraggable();

    (removeRedUploadButton) && removeRedUpload();
    window.setInterval(showLocations,60000); // refresh every 60 seconds
    window.setInterval(retrieveEarnings,60000);
    });

    function removeRedUpload(){
    $j("div#images-primary").hide();
    }

    function makeDivsDraggable() {
    var divs = [ "div#content-overview-container", "div#public-info-container", "div#earnings-summary-container", "div#top-earners-container", "div#resources-blog-container", "div#announcements-container", "div#track-sets-container", "div#download-map-container", "div#top-earners-container", "div#earnings-summary-graph-container"];
    var divs = [ "div#content-overview-container", "div#public-info-container", "div#earnings-summary-container", "div#resources-container", "div#track-sets-container", "div#unpaid-container", "div#download-map-container", "div#top-earners-container", "div#earnings-summary-graph-container"];

    $j("div.row.row-eq-height:first > div.col-md-6:last > div").wrap("<div id='unpaid-container'></div>");

    divs.forEach( function(entry) {
    console.log("Making " + entry + "draggable.");
    $j(entry).css('position', "relative");
    $j(entry).draggable({
    cursor: "move",
    stop: function(event, ui){
    @@ -97,13 +101,6 @@ function makeDivsDraggable() {
    }
    }
    );
    $j("div#images-primary").hide();

    /* $j("div#public-info-container").hide();
    $j("div#resources-blog-container").hide();
    $j("div#announcements-container").hide();
    */

    }


  12. deymosD revised this gist Feb 9, 2017. 1 changed file with 12 additions and 3 deletions.
    15 changes: 12 additions & 3 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.0
    // @version 1.0.2
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    @@ -26,7 +26,7 @@ var useShortCountryName = false; // US (true), or United States of America
    var googleMaps = "https://www.google.com/maps/place/";
    var displayEarnings = true; // set to false to disable display of earnings for last 7 days and today on top of popup
    var displayRecentEarnings = true; // set to false to disable display of earnings for recent images
    var makeOriginalDivsDraggable = false; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog
    var makeOriginalDivsDraggable = true; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog


    var debug = false; // easier for me during development
    @@ -78,9 +78,11 @@ $j(document).ready(function() {


    function makeDivsDraggable() {
    var divs = [ "div#dcontent-overview-container", "div#public-info-container", "div.panel-default", "div#earnings-summary-container", "div#resources-container", "div#track-sets-container", "div#download-map-container", "div#top-earners-container", "div#earnings-summary-graph-container"];
    var divs = [ "div#content-overview-container", "div#public-info-container", "div#earnings-summary-container", "div#top-earners-container", "div#resources-blog-container", "div#announcements-container", "div#track-sets-container", "div#download-map-container", "div#top-earners-container", "div#earnings-summary-graph-container"];

    divs.forEach( function(entry) {
    console.log("Making " + entry + "draggable.");
    $j(entry).css('position', "relative");
    $j(entry).draggable({
    cursor: "move",
    stop: function(event, ui){
    @@ -95,6 +97,13 @@ function makeDivsDraggable() {
    }
    }
    );
    $j("div#images-primary").hide();

    /* $j("div#public-info-container").hide();
    $j("div#resources-blog-container").hide();
    $j("div#announcements-container").hide();
    */

    }


  13. deymosD created this gist Feb 9, 2017.
    357 changes: 357 additions & 0 deletions Shutterstock.EnhanceDashboard.user.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,357 @@
    // ==UserScript==
    // @name Shutterstock.EnhanceDashboard
    // @namespace
    // @version 1.0.0
    // @updateURL https://gist.github.com/deymosD/e525474294ee40a44e54/raw/50fe846ee72e7f24dc9319d96661533bda1625ff/Shutterstock.ShowDownloadLocations.user.js
    // @description Show detailed localization to Shutterstock Latest Downloads map, based on Satinka's https://gist.github.com/satinka/5479a93d389a07d41246
    // @author Satinka, GG update
    // @match https://submit.shutterstock.com/dashboard*
    // @copyright 2016, Satinka
    // @require http://code.jquery.com/jquery-latest.min.js
    // @require https://code.jquery.com/ui/1.11.4/jquery-ui.min.js
    // @require https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/md5.js
    // @grant none

    // ==/UserScript==
    /* jshint -W097 */

    // NEWS
    // v1.6: hashes SS response for location and image earnings
    // enables dragging page elements and moving them around; stores positions across requests (to disable, remove div#* keys from localStorage or set makeOriginalDivsDraggable to false, line #30
    // if trackMySales enabled, stores info about downloaded images in local storage; objective: create arrival rate distribution

    'use strict';

    var useShortCountryName = false; // US (true), or United States of America (false) - false is now default as it looks nicer :)
    var googleMaps = "https://www.google.com/maps/place/";
    var displayEarnings = true; // set to false to disable display of earnings for last 7 days and today on top of popup
    var displayRecentEarnings = true; // set to false to disable display of earnings for recent images
    var makeOriginalDivsDraggable = false; // makes content on front page draggable, you can move sections around (map, track your sets, graphs, content overview, profile, forum and blog


    var debug = false; // easier for me during development
    var trackMySales = false; // for future development, saves info on individual sales in local storage

    //===================================


    var $j = jQuery.noConflict();
    var div;

    $j(document).ready(function() {
    createStyles();
    var containerDiv = document.createElement('div');
    containerDiv.id = "dragContainer";
    $j("div.container-fluid").append(containerDiv);

    div = document.createElement('div');
    div.id = "ggDL";
    $j("div#dragContainer").append(div);

    if (localStorage.getItem("positionDownloadLocations")) {
    var position = $j.parseJSON(localStorage.getItem("positionDownloadLocations"));
    $j("div#dragContainer").css({
    top: position.top,
    left: position.left});
    }

    $j("div#dragContainer").draggable({
    opacity: 0.9,
    handle: "div",
    stop: function(event, ui){
    localStorage.setItem("positionDownloadLocations", JSON.stringify(ui.position));
    }
    });
    $j("div#ggDL").hover( function() {$j(this).css("cursor", "move");}, function(){ $j(this).css("cursor", "default"); });

    localStorage.removeItem('lastDownloads'); // remove cached locations response on page refresh
    localStorage.removeItem('lastEarnings'); // remove cached locations response on page refresh,
    localStorage.removeItem('lastSevenDays'); // remove cached locations response on page refresh

    showLocations();

    (makeOriginalDivsDraggable) && makeDivsDraggable();

    window.setInterval(showLocations,60000); // refresh every 60 seconds
    window.setInterval(retrieveEarnings,60000);
    });


    function makeDivsDraggable() {
    var divs = [ "div#dcontent-overview-container", "div#public-info-container", "div.panel-default", "div#earnings-summary-container", "div#resources-container", "div#track-sets-container", "div#download-map-container", "div#top-earners-container", "div#earnings-summary-graph-container"];

    divs.forEach( function(entry) {
    $j(entry).draggable({
    cursor: "move",
    stop: function(event, ui){
    localStorage.setItem(entry, JSON.stringify(ui.position));
    }
    }); // to hide them, use .hide() instead of draggable()

    if (localStorage.getItem(entry)) {
    var position = $j.parseJSON(localStorage.getItem(entry));
    $j(entry).css('top', position.top + "px");
    $j(entry).css('left', position.left + "px");
    }
    }
    );
    }


    function existsInLocalStorage(key, data) {
    var thisResponseHash = CryptoJS.MD5(data).toString(CryptoJS.enc.Base64);
    if (localStorage.getItem(key) == thisResponseHash) {
    if (debug) { console.log("No change in " + key + ": " + thisResponseHash); };
    return true;
    }
    else {
    localStorage.setItem(key, thisResponseHash);
    if (debug) { console.log("Inserting into " + key + ": " + thisResponseHash); }
    return false;
    }
    }

    function showLocations() {


    $j.ajax({
    url: window.location.protocol + '//submit.shutterstock.com/show_component.mhtml?component_path=download_map/recent_downloads.mh',
    type: "get",
    dataType: "html",
    error: function (request, status, error) {
    //alert(request.responseText);
    },
    success: function( data ){
    if (existsInLocalStorage('lastDownloads', data)) {
    retrieveEarnings();
    $j("div.refreshCoords").text("Refresh");
    return true;
    }

    var coords = $j.parseJSON(data);
    localStorage.removeItem('lastSevenDays');

    div.innerHTML = "<span class=\"refreshCoords\">Refresh</span>";

    if (displayEarnings){
    div.innerHTML += "<H4>Earnings</h4>";
    retrieveLastWeekEarnings();
    div.innerHTML += "Last 7 days: <span id=\"last7\"></span>$<br />";
    div.innerHTML += "Today: <span id=\"today\"></span>$<br />";
    // div.innerHTML += "Lifetime: <span id=\"lifetime\"></span>$<br />";
    // div.innerHTML += "Unpaid: <span id=\"unpaid\"></span>$<br />";
    }

    div.innerHTML += "<h4>Download locations</h4>";

    $j.each(coords, function( ind, el ) {
    var id = el.media_id;
    var img = el.thumb_url;
    var time = el.time;
    var loc;

    if (el.latitude !== null && el.longitude !== null) {
    $j.ajax({
    url: 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' + el.latitude + ',' + el.longitude,
    type: "get",
    dataType: "html",
    error: function (request, status, error) {
    console.log(request.responseText);
    },
    success: function( data ){
    var res = $j.parseJSON(data);
    // moramo ovako jer je asinkrono. dok u divu ispise tekst, ovo jos nije stiglo sa servera
    if (res.status == "OK") {
    $j("a.location" + id + "-" + time).text(ExtractLocation(res.results[0].address_components));
    }
    else {
    $j("a.location" + id + "-" + time).text("Can't convert to location :\(");
    }

    }
    });

    }
    if (trackMySales) {
    localStorage.setItem(id + "-" + time, JSON.stringify(el)); // save image info, key = (id-time_of_download);
    }

    if (debug) { console.log("Added " + id + "to local storage"); }

    // if it's footage, need to change thumbnail size; too bad i can't test it with 1 footage a century
    var footageWidth = "";
    if (el.media_type != "photo") {
    footageWidth = "width=\"100px\" height=\"59\" ";
    }
    div.innerHTML += "<a target=\"_new\" href=\"http://www.shutterstock.com/pic.mhtml?id=" + id + "\"><img " + footageWidth + "src=\"" + img + "\" /></a><br />";

    if (el.latitude && el.longitude ) {
    div.innerHTML += "<a class=\"location" + id + "-" + time + "\" target=\"_new\" href=\"" + googleMaps + el.latitude + "+"+ el.longitude + "\"></a><br />";
    }
    else {
    div.innerHTML += "Unknown, middle of Atlantic :)<br />";
    }

    var n = new Date().getTimezoneOffset() / 60; // offset from GMT
    // taking only time from date - 6+n - NY time + offset from GMT gives local - works wine for me
    var t = new Date((time + (6+n) * 3600) *1000).toTimeString().split(" ")[0];
    if (displayRecentEarnings) {
    div.innerHTML += "Earnings: <span id=\"earnings" + id + time + "000\">N/A</span><br />";
    if (debug) {console.log(time)};
    }
    div.innerHTML += "Time: " + t + "<hr />";
    });


    $j("span.refreshCoords").on("click", function() {
    $j("span.refreshCoords").text("Refreshing...");
    showLocations();
    });

    localStorage.removeItem('lastEarnings');
    retrieveEarnings();

    }
    });
    }

    function retrieveLastWeekEarnings(){
    $j.ajax({
    url: window.location.protocol + '//submit.shutterstock.com/show_component.mhtml?component_path=mobile/comps/earnings_overview.mj',
    type: "get",
    dataType: "html",
    error: function (request, status, error) {
    console.log(request.responseText);
    },
    success: function( data ){
    if (existsInLocalStorage('lastSevenDays', data)) {
    retrieveEarnings();
    $j("div.refreshCoords").text("Refresh");
    return true;
    }
    var res = $j.parseJSON(data);
    // moramo ovako jer je asinkrono. dok u divu ispise tekst, ovo jos nije stiglo sa servera
    if (res.last_7_days) {
    $j("span#last7").text(res.last_7_days);
    }
    if (res.day) {
    $j("span#today").text(res.day);
    }
    // if (res.unpaid) {
    // $j("span#unpaid").text(res.unpaid);
    // }
    // if (res.lifetime) {
    // $j("span#lifetime").text(res.lifetime);
    // }
    }
    });
    }
    // retreive earnings for last 7 days for each image: http://submit.shutterstock.com/show_component.mhtml?component_path=mobile/comps/earnings_list.mj
    // and put that info in the appropriate DIV

    function retrieveEarnings(){
    if (displayRecentEarnings) {
    $j.ajax({
    url: window.location.protocol + '//submit.shutterstock.com/show_component.mhtml?component_path=mobile/comps/earnings_list.mj',
    type: "get",
    dataType: "html",
    error: function (request, status, error) {
    console.log(request.responseText);
    },
    success: function( data ){

    if (existsInLocalStorage('lastEarnings', data)) {
    $j("span.refreshCoords").text("Refresh");
    return true;
    }

    var res = $j.parseJSON(data);

    var day=0; // retrieve for today, will increase if <10 dls today
    var retrievedImages = 0; // count number of retrieved, stop at 10

    while (retrievedImages < 10) {
    var downloads = res[day].downloads;
    $j.each(downloads, function (ind, el) {
    var imageID = el.photo_id;
    var earnings = el.payout;
    var date = el.download_date;
    if (debug) {console.log("ID: " + imageID + ", Earnings: " + earnings + ", Date: " + date)};
    $j("span#earnings" + imageID + date ).text(earnings + "$");
    retrievedImages++;
    if (retrievedImages >= 10) return false;
    });
    day++;
    if (debug) console.log(day, retrievedImages);
    }

    }
    });
    }
    }





    // following code created by https://gist.github.com/satinka/5479a93d389a07d41246

    function ExtractLocation(details) { // created by https://gist.github.com/satinka/5479a93d389a07d41246
    var loc = "";
    var country = "";
    var locality = "";
    var admin_area1 = "";
    var admin_area2 = "";

    $j.each(details, function( ind, el ) {
    if ($j.inArray("country", el.types) != -1)
    country = useShortCountryName ? el.short_name : el.long_name;
    if ($j.inArray("locality", el.types) != -1)
    locality = el.long_name;
    if ($j.inArray("administrative_area_level_1", el.types) != -1)
    admin_area1 = el.short_name;
    if ($j.inArray("administrative_area_level_2", el.types) != -1)
    admin_area2 = el.long_name;
    });
    loc = loc + ((locality !== "") ? locality + ", " : "") +
    ((admin_area2 != "") ? admin_area2 + ", " : "") +
    ((admin_area1 != "") ? admin_area1 + ", " : "") +
    ((country !== "") ? country : "");
    return loc;
    }

    function createStyles() {
    var sheet = (function() {
    var style = document.createElement("style");
    style.appendChild(document.createTextNode(""));
    document.head.appendChild(style);
    return style.sheet;
    })();
    var refreshCoords = "cursor: hand; cursor: pointer; text-decoration: underline;";

    var ggDL = "position: fixed; top: 60px; left: 50px; width: 200px; height: 95%; overflow: auto; z-index:3;" +
    "border: 1px solid #eeeeee; background-color: white; resize: both;" +
    "font-size: 11px;" +
    "padding: 2px 3px 0 5px;" +
    "text-shadow: 0 0 5px #fff; text-align: left;";

    // var map = "position: fixed; top: 60px; left: 320px; width: 1000px; height: 95%; overflow: auto; background-color: #eeeeee;";
    addCSSRule(sheet, "div#dragContainer", ggDL, 0);
    addCSSRule(sheet, "span.refreshCoords", refreshCoords, 0);
    }

    function addCSSRule(sheet, selector, rules, index) {
    if("insertRule" in sheet) {
    sheet.insertRule(selector + "{" + rules + "}", index);
    }
    else if("addRule" in sheet) {
    sheet.addRule(selector, rules, index);
    }
    }

    function sortByKey(array, key) {
    return array.sort(function(a, b) {
    var x = a[key]; var y = b[key];
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
    });
    }