☰

PFC Modernizer

Grid is pretty cool

// ==UserScript==
// @name         PFC Modernizer
// @namespace    http://statonions.com/
// @version      0.2
// @description  Grid is pretty cool
// @author       Justice Noon
// @match        https://app.roll20.net/editor/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';
	function extraFormatting() {
        if (!document.querySelector('.dialog.characterdialog')) {
            setTimeout(extraFormatting, 500);
            return;
        }
		/*
        function calcAll() {

            document.querySelectorAll('.repitem input.sheet-counted.sheet-sect-show').forEach(o => {
				var compute;
				if (compute = o.closest('.sheet-nontable-repeating,.sheet-table-repeating')) {
					o.closest('.repitem').setAttribute('boxheight', Math.ceil(parseInt(getComputedStyle(o.closest('.sheet-nontable-repeating,.sheet-table-repeating')).getPropertyValue('height').slice(0,-2)) / 100) + "");
					o.addEventListener('click', itemHeight);
				}
            });

            document.querySelectorAll('.repitem input.sheet-showarrow').forEach(o => {
				var compute;
				if (compute = o.closest('.sheet-nontable-repeating,.sheet-table-repeating')) {
					o.closest('.repitem').setAttribute('boxheight', Math.ceil(parseInt(getComputedStyle(o.closest('.sheet-nontable-repeating,.sheet-table-repeating')).getPropertyValue('height').slice(0,-2)) / 100) + "");
					o.addEventListener('click', itemHeight);
				}
            });
        }
        calcAll();
        document.querySelectorAll('input.sheet-minimize-show.sheet-cssbutton').forEach(c => c.addEventListener('click', calcAll));


        function itemHeight(c) {
            c.currentTarget.closest('.repitem').setAttribute('boxheight', Math.ceil(parseInt(getComputedStyle(c.currentTarget.closest('.sheet-nontable-repeating,.sheet-table-repeating')).getPropertyValue('height').slice(0,-2)) / 100) + "");
        }
*/
        debugger;
        document.querySelectorAll('select[name="attr_equip-type"]').forEach(o => {
            var typeList = ['t_norm','t_weap','t_armo','t_ammo','t_cons','t_magi','t_gear','t_oth1','t_chrg','t_oth2'];
            o.closest('div').classList.add(typeList[o.value]);
            o.addEventListener('input', c => {o.closest('div').classList.remove(...typeList); o.closest('div').classList.add(typeList[o.value]);});
        });

		//Spell inputs
		document.querySelectorAll('.sheet-Spells label input[type="number"]').forEach(i => {
			if (!i.readOnly) {
				var downButton = document.createElement('button'), upButton = document.createElement('button');
				downButton.innerHTML = '-';
				upButton.innerHTML = '+';
				downButton.onclick = function() {this.nextElementSibling.stepDown();};
				upButton.onclick = function() {this.previousElementSibling.stepUp();};
				i.parentNode.insertBefore(upButton, i.nextSibling);
				i.parentNode.insertBefore(downButton, i);
				i.parentNode.style.width = '6em';
			}
		});
    }
	if (document.location.href == 'https://app.roll20.net/editor/popout')
		setTimeout(extraFormatting);

	if (typeof $ != 'undefined') {
        $("#journal").on("click", ".character", function() {
            if (!currentPlayer.attributes.usePopouts)
                setTimeout(extraFormatting);
        });
    }

if (true)
    GM_addStyle(`
.charsheet {
    --columns: 4;
    /*--head-height: calc(var(--columns) / 2 * .9);*/
    --head-height: calc(1 * .9);
}

.repcontainer[data-groupname="repeating_item"] {
    --columns: 4;
}

.repcontainer[data-groupname="repeating_buff2"] {
    --columns: 4;
}

.repcontainer {
    columns: 400px var(--columns);
}

.repitem {
    break-inside: avoid;
}
.repitem label {
    width: min-content;
}

.charsheet .sheet-repeating-sect .repcontainer .repitem .sheet-nontable-repeating.sheet-compendium-drop-target {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*Colors per item type*/
.sheet-Items.t_norm {
    background: white;
}

.sheet-Items.t_weap {
    background: #ffdedd;
}

.sheet-Items.t_armo {
    background: #9eaec3;
}

.sheet-Items.t_ammo {
    background: #fffbdd;
}

.sheet-Items.t_cons {
    background: #ddffe1;
}

.sheet-Items.t_magi {
    background: #edddff;
}

.sheet-Items.t_gear {
    background: #d6c4bd;
}

.sheet-Items.t_oth1 {
    background: #f5dfb6;
}

.sheet-Items.t_chrg {
    background: #ffddfc;
}

.sheet-Items.t_oth2 {
    background: #b7b7b7;
}

.charsheet .sheet-small-label2.sheet-small-label {
    width: min-content;
    display: inline-block;
}

.charsheet .sheet-small-label2.sheet-small-label[style="height: auto"] {
    width: -webkit-fill-available;
}

.charsheet .sheet-small-label2.sheet-small-label[style="width: 10%"] {
    width: 20% !important;
}

.charsheet .sheet-small-label2.sheet-small-label[style="width: 15%"] {
    width: 20% !important;
}

.charsheet .sheet-small-label2 > input:not(.sheet-cssbutton), .charsheet .sheet-small-label2 > select, .charsheet .sheet-small-label2 > .sheet-calc {
    /*width: 100%;*/
}

.charsheet .sheet-Items .sheet-small-label2:nth-child(6) > input:not(.sheet-cssbutton),.charsheet .sheet-Spells .sheet-small-label2:nth-child(6) > input {
    width: -webkit-fill-available;
    font-weight: bold;
    font-size: 1.5rem;
}

.charsheet .sheet-Items .sheet-small-label2:nth-child(6) {
    /*width: -webkit-fill-available;
    max-width: 250px;*/
    flex-grow: 1;
}

.charsheet .sheet-Items textarea[data-i18n-placeholder="short-description"] {
    height: fit-content;
}

.charsheet .repitem input:not([readonly]), .charsheet .repitem textarea, .charsheet .repitem select{
    background: rgba(255, 255, 255, .5)
}

.charsheet .repcontainer .repitem label > span {
    white-space: pre-wrap;
}

.charsheet .sheet-nontable-repeating .sheet-divider-db-lg {
    width: 2% !important;
}

select.sheet-select-small,select[name="attr_ability_type"],select[name="attr_spell_level"] {
    -webkit-appearance: none;
    width: -webkit-fill-available;
}

/*Show/hide arrow on repitems */
.charsheet .repitem .sheet-sect-show+span {
    margin-left: 0 !important;
    position: absolute !important;
    left: .9rem;
    top: .5rem;
}

.charsheet .repitem .sheet-repeating-rollbutton, .charsheet .repitem .sheet-sect-show+span+label[data-i18n-aria-label="toggle-buff"] {
    margin-left: 4rem !important;
}

/*All show/hide sections fit closer together*/
.charsheet .sheet-sect.sheet-expand .sheet-showsect {
    margin-right: auto
}

/*Reverse negative margin order to prevent line-breaks*/
.charsheet .repitem .sheet-sect.sheet-expand .sheet-showarrow {
    margin-right: 0 !important;
}

.sheet-weapon-attributes-showlabel,.sheet-armor-attributes-showlabel,.sheet-iterations-showlabel,.sheet-advmacro-text-showlabel,.sheet-level-showlabel {
    margin-left: -11em !important;
    z-index: 1;
}

.sheet-desc-showlabel,.sheet-macro-text-showlabel,.sheet-extra-damage-showlabel,.sheet-options-showlabel,.sheet-attack-damage-showlabel {
    margin-left: -9em !important;
    z-index: 1;
}

.sheet-id-showlabel,.sheet-misc-showlabel,.sheet-range-showlabel {
    margin-left: -5em !important;
    z-index: 1;
}

/*Expand show/hide section header to accomodate more lines*/
.charsheet .sheet-subnav-hr {
    display: none;
}

.charsheet .repitem .sheet-sect.sheet-expand {
    box-shadow: inset 0px 5rem 10rem 0px #DAE4F2;
    order: 10;
}

.repitem .sheet-Items > div:nth-child(14), .repitem .sheet-Items > label:nth-child(13) {
    order: 1;
}

/*Various fixes*/
span[data-i18n="range-in-feet"] {
    display: none;
}

span[data-i18n="range-custom"] {
    white-space: nowrap !important;
}

.repitem .sheet-sect-show {
    position:absolute !important;
    left: 1rem !important;
    top: .5rem !important;
}

.repitem .sheet-sect-show+span {

}


/* # Used*/
.sheet-Spells label input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block !important;
    width: 2.3em !important;
    min-width: 2.3em !important;
}

.sheet-Spells label input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.sheet-Spells label select {
    -webkit-appearance: textfield;
}

.sheet-Spells label.sheet-narrow-numbers{
    width: min-content;
}

.sheet-Spells .sheet-sect-show:not(:checked)~label.sheet-small-label2 select[name="attr_spell_level"], .sheet-Spells .sheet-sect-show:not(:checked)~label.sheet-small-label2 span[data-i18n="level"], .sheet-minimize-show:checked~.sheet-spells label.sheet-small-label2 select[name="attr_spell_level"], .sheet-minimize-show:checked~.sheet-spells label.sheet-small-label2 span[data-i18n="level"] {
    display:none;
}

.sheet-Spells .sheet-entry-25p.sheet-small-label2 {
    /*width:min-content;*/
    flex-grow: 1;
}

.charsheet .repitem {
    grid-row: auto;
}

.charsheet .repitem[boxheight=NaN] {
    grid-row: footer-start;
}
`);
})();