☰

Greasy Fork is available in English.

Procore Development helper (Mturk)

Makes it easier to do Procore Development drawing number and title HITs on Mturk.

// ==UserScript==
// @name        Procore Development helper (Mturk)
// @namespace   https://greasyfork.org/users/3408
// @author      DonovanM
// @description Makes it easier to do Procore Development drawing number and title HITs on Mturk.
// @include     https://www.procoretech.com/mechanical_turk/show_drawing_revision*
// @include     http://www.procoretech.com/mechanical_turk/show_drawing_revision*
// @include     https://get.thecurrentset.com/*
// @include     https://app.procore.com/*
// @require     https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
// @version     0.9.4
// @grant       none
// ==/UserScript==

// Automatically scrolls to the bottom right on load. Whatever you type into the floating
// form will be entered into the real form. Pressing enter or clicking the Done button will
// bring the window back to the top with the input fields filled in (so you can preview
// before you submit). Hitting Enter again will submit the hit. Use Ctrl + arrow keys to
// move around the window.

var clone,
    currentSet = false;

$(document).ready(function() {
    if (document.URL.indexOf("get.thecurrentset.com") !== -1)
        currentSet = true;

    if (!currentSet){
        // Stretch out the input boxes to make sure everything was typed out correctly
        $("#drawing_number").css('width', "500px");
        $("#drawing_title").css('width', "500px");
    } else {
        $("div.drawing-image").css({
            'max-width': "100%",
            'position': "absolute",
            'right': "0",
            'left': "195px",
            'width': "auto",
            'top': "0",
            'bottom': "30px",
            'height': "auto"           
        });

        $("hr").remove();
    }

    var form = $("<form>");

    // Container
    var div = $("<div>")
        .css('position', "fixed")
        .css('right', "0px")
        .css('bottom', "0px")
        .css('padding', "3px")
        .css('background-color', "rgba(160,215,255,0.75)")
        .css('border', "1px solid rgba(130,200,220,0.75)")
        .css('border-width', "1px 0 0 1px")
        .css('border-radius', "2px 0 0 0")
        .css('font', "11pt sans-serif")
        .append(
            $("<p>") 
            .html("Drawing/sheet number: ")
            .append(
                $("<input>") // First input (drawing number)
                .attr('id', "clone_number")
                .keydown(function() { clone.number() })
            )
        )
        .append(
            $("<p>")
            .html("Drawing/sheet title: ")
            .css('margin-left', "20px")
            .append(
                $("<input>") // Second input (drawing number)
                .attr('id', "clone_title")
                .css('width', "500px")
                .keydown(function() { clone.title() })
            )
            .append(
                $("<button>") // Done button (doesn't submit, just takes you to the real sumbit button)
                .html("Done")
                .prop('type', "button")
                .css('margin', "0 10px 0 20px")
                .click(function() {
                    $(window).scrollTop(0).scrollLeft(0);
                    $("button[name='commit']").focus();
                })
            )
        )

    // Add some shared styles
    $("p", div).css('text-align', "right").css('display', "inline");
    $("input", div).css('background-color', "rgba(255,255,255,0.65)").css('border', "1px solid #ddd");


    form.append(div);
    $("body").append(form);

    $("#clone_number")[0].focus();
    clone = new Clone();
});

$(window).load(function(e) {
    // Timeout needed for Chrome or it will scroll to the bottom right and quickly back to it's original position
    // otherwise. Not sure if a longer timeout is needed for slower computers.
    setTimeout(function() { Scroll.bottom(); Scroll.farRight() }, 100);
});

// Clone object. Copies text from the floating form to the HIT form. Created as an object to keep references to
// jQuery objects instead of doing a search on each keypress. The timeout allows the text to go into the floating
// form before copying it, otherwise it'll copy before the text is actually in the input box.
function Clone() {
    var self = this;
    this.numberBox = $("#drawing_number");
    this.titleBox = $("#drawing_title");
    this.numberClone = $("#clone_number");
    this.titleClone = $("#clone_title");

    this.number = function() {
        setTimeout(function() {
            self.numberBox.val(self.numberClone.val());
        }, 100);
    }

    this.title = function() {
        setTimeout(function() {
            self.titleBox.val(self.titleClone.val());
        }, 100);
    }
}

$(document).keydown(function(e) {
    if (e.keyCode == 13) {
        $(window).scrollTop(0).scrollLeft(0);
        $("*[name='commit']").focus();
    } else if (e.ctrlKey) {
        switch (e.keyCode) {
            case 38: // Up
                Scroll.top();
                break;
            case 40: // Down
                Scroll.bottom();
                break;
            case 37: // Left
                Scroll.farLeft();
                break;
            case 39: // Right
                Scroll.farRight();
                break;
        }
    }
});

var Scroll = {
    top: function() {
        if (currentSet)
            $("div.drawing-image").scrollTop(0);
        else
            $(window).scrollTop(0);
        },

    bottom: function() {
        if (currentSet)
            $("div.drawing-image").scrollTop($("div.drawing-image")[0].scrollHeight);
        else
            $(window).scrollTop($(window).height());
        },

    farLeft: function() {
        if (currentSet)
            $("div.drawing-image").scrollLeft(0);
        else
            $(window).scrollLeft(0);
        },

    farRight: function() {
        if (currentSet)
            $("div.drawing-image").scrollLeft($("div.drawing-image")[0].scrollWidth);
        else
            $(window).scrollLeft($(document).outerWidth() - $(window).width());
        }
}