Skip to content

REX Customisations by thegamesmendev

Write a review Install Get Stylus

Details

Authorthegamesmendev

LicenseNo License

CategoryRetail Express

Created

Updated

Size48 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Internally used styles for Retail Express

Notes

Use with extension: https://mybrowseraddon.com/custom-style-script.html
DON'T COPY THIS CODE FROM STYLE PAGE
Edit and copy from Editor instead

TARGET URL:
https://pos-aws.retailexpress.com.au/

CUSTOM JAVASCRIPT:
var checkExist = setInterval(function() {
if (document.getElementsByClassName("location")[0].innerHTML !== "") {
clearInterval(checkExist);
document.getElementById("main").className += " " + document.getElementsByClassName("location")[0].innerHTML;
}
if (document.getElementsByClassName("location")[1].innerHTML !== "") {
clearInterval(checkExist);
document.getElementById("main").className += " " + document.getElementsByClassName("location")[1].innerHTML;
}
}, 100); // check every 100ms

TARGET URL:
https://gamesmen.retailexpress.com.au/

CUSTOM JAVASCRIPT:
if(location.href.match(/https://gamesmen.retailexpress.com.au/Admin/Inventory/StockReceipt/StockReceiptBarcodes/LblSht.asp.*/)) {

window.addEventListener("load", function() {
var str = document.body.innerHTML;

// Make 2 decimal places if price has cents rounded to nearest 10 (not 0)
str = str.replace(/

(.)\n(.)\n(..\d)\n/gi, '
$1\n$2\n$30\n');
// Add 2 decimal places if price has 0 cents
str = str.replace(/
(.)\n(.)\n(.[^.]\d\d*[^.])\n/gi, '
$1\n$2\n$3.00\n');
// Add thousands seperator if needed
str = str.replace(/
(.)\n(.)\n(.)(\d)(?=(\d{3})+(?!\d))/g, '
$1\n$2\n$3$4,');
// Add $ to RRP
str = str.replace(/
(.)\n(.)\n(.>)(\d{1,},?\d*..)/gi, '
$1\n$2\n$3$$$4');
// If RRP is same as Sell price remove RRP
str = str.replace(/
(.)\n(.)\n(.)\n(\3)/gi, '
$1\n$2\n
\n$4');
// Label RRP if it exists and add spacer
str = str.replace(/
(.)\n(.)\n(.)($.)/g, "
$1\n$2\n$3RRP: $4");

str = str.replace(/ (SerialNum)/gi, '');
str = str.replace(/

P/O /gi, '
P/O ');
str = str.replace(/
/gi, '
');
str = str.replace(/</div>/gi, '
');
str = str.replace(/<br\s*[/]?>/gi, '');
document.body.innerHTML = str;
}, false);

}

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name       REX Changes Dropbox
@version    20240415.00.31
@namespace  ?
==/UserStyle== */

/* ==UserStyle==
@name         REX Customisations
@version      20220512.02.16
@namespace    userstyles.world/user/thegamesmendev
@description  Internally used styles for Retail Express
@author       thegamesmendev
@license      No License
==/UserStyle== */

@-moz-document regexp(".*pos.*\\.retailexpress\\.com\\.au.*") {
#orderitem-details .orderitem-details-attr > table > tbody > tr > td { user-select: text !important; }
    
.location { 
    font-size:2em;     
    position: absolute;
    left: -355px;
    top: 2px; 
}

.register-name{
    position: absolute;
    top:13px;
    font-size: 1.5em;
    }

.sale-login header.header .rex-logo {
    position:absolute;
    left:5px;
    top:10px;
    width: 60px;
    height: 30px;
    object-position: left;
    object-fit: cover;
}
    
.Warehouse { background-image: url(https://www.dropbox.com/s/f0j3sfso8pi83qw/rex-pos-warehouse.png?raw=1) !important; }
.Penshurst  { background-image: url(https://www.dropbox.com/scl/fi/chg31iocagdpi5pdo2m57/rex-pos-background.png?rlkey=uph0niv67tpbwnzab2q3mekq6&dl=0&raw=1) !important; } 

.Warehouse { background:#333; color:white; }
.Penshurst { background:#333; color:white; }
    
#product-search-desc-input[aria-disabled="true"] {
  background-color: #CCC !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}
    
.sale-onhold:not([class*="modal-overlay"]) {
  animation: flash-background 1s infinite alternate;
    border-color:#FFFF00 !important;
    border-style: dashed !important;
}

.sale-onhold:not([class*="modal-overlay"]) {
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 1); /* Adjust the values for desired shadow effect */
}

@keyframes flash-background {
  0% {
    background-color: rgba(255, 0, 0, 1); /* Red background, fully visible */
  }
  100% {
    background-color: rgba(120, 0, 0, 1); /* Red background, fully transparent */
  }
}
    
#payment-methods .payment-method { margin-bottom: 2px; margin-top: 0px; height: 70px;}
#payment-methods .method-name { margin:6px 0 2px 76px;}

#payment-methods .payment-method:nth-of-type(1) .method-name,
#payment-methods .payment-method:nth-of-type(2) .method-name,
#payment-methods .payment-method:nth-of-type(13) .method-name { font-weight: bold; } /* Make Trade-in Bold */
/* #payment-methods .payment-method:nth-of-type(8) .method-name::after { content:" MyDeal"; color:red; } */

#sale-theme-switcher {
    display: none !important;
}

.stock-warning {background:yellow; float:left; margin-right:3px; border: 4px dashed red; }

#BillMob, #DelMob { display:none; }
#billingGroup1 > ul > li:nth-child(6) > div,
#deliveryGroup1 > ul > li:nth-child(5) > div { display: block !important; }
}

@-moz-document regexp(".*\\/Admin\\/Inventory\\/POMaint\\/e?E?ditPO\\.asp.*") {
#skus { display: none; }

#itemsDiv .grid-header-wrap { margin-bottom: 50px; }
}

@-moz-document regexp(".*\\/Admin\\/Inventory\\/StockReceipt\\/StockReceipt\\.asp.*") {
.descDiv br { display:none; }
.descDiv br:first-of-type { display:block !important; }
.descDiv strong:first-of-type { line-height:20px !important; }
.descDiv strong { font-weight: normal; color:grey; }
* { font-size:12px; }
body input { font-size: 12px !important; }
* { line-height:1.1em !important; }
td { padding: 2px !important; }

#TotalCOGSInc { font-weight:bolder; font-size:1.2em; }

#skulist {
    display: block !important;
    position: absolute;
    top: 142px;
    left: 10px;
    max-width: 100%;
    overflow-x: scroll;
    height: 34px;
}
    
.grid-wrapper,
.grid-wrapper .hybrid-table-grid,
.grid-wrapper .grid-body-wrap, 
.grid-wrapper .grid-footer-wrap { width:100% !important; }

.grid-wrapper colgroup col:nth-child(1) {width:25px !important; }
.grid-wrapper colgroup col:nth-child(2), .grid-body-wrap tr td:nth-child(2), .grid-header-wrap tr th:nth-child(2)  {width:250px !important; }
.grid-wrapper colgroup col:nth-child(3), .grid-body-wrap tr td:nth-child(3), .grid-header-wrap tr th:nth-child(3)  {width:60px !important; font-size:9px; }
.grid-wrapper colgroup col:nth-child(4), .grid-body-wrap tr td:nth-child(4), .grid-header-wrap tr th:nth-child(4)  {width:35px !important;  }
.grid-wrapper colgroup col:nth-child(5), .grid-body-wrap tr td:nth-child(5), .grid-header-wrap tr th:nth-child(5)  { display: none; }
.grid-wrapper colgroup col:nth-child(6), .grid-body-wrap tr td:nth-child(6), .grid-header-wrap tr th:nth-child(6)  {width:35px !important;}
.grid-wrapper colgroup col:nth-child(7), .grid-body-wrap tr td:nth-child(7), .grid-header-wrap tr th:nth-child(7)  {width:35px !important; }
.grid-wrapper colgroup col:nth-child(8), .grid-body-wrap tr td:nth-child(8), .grid-header-wrap tr th:nth-child(8)  {width:50px !important; }
.grid-wrapper colgroup col:nth-child(9), .grid-body-wrap tr td:nth-child(9), .grid-header-wrap tr th:nth-child(9)  {width:50px !important; }
.grid-wrapper colgroup col:nth-child(10), .grid-body-wrap tr td:nth-child(10), .grid-header-wrap tr th:nth-child(10)  { width:40px !important; }
/*.grid-wrapper colgroup col:nth-child(11), .grid-body-wrap tr td:nth-child(11), .grid-header-wrap tr th:nth-child(11)  { display:none; }*/
.grid-wrapper colgroup col:nth-child(12), .grid-body-wrap tr td:nth-child(12), .grid-header-wrap tr th:nth-child(12)  { width:50px !important; }
.grid-wrapper colgroup col:nth-child(13), .grid-body-wrap tr td:nth-child(13), .grid-header-wrap tr th:nth-child(13) { width:50px !important; }
.grid-wrapper colgroup col:nth-child(14), .grid-body-wrap tr td:nth-child(14), .grid-header-wrap tr th:nth-child(14) { width:50px !important; }
.grid-wrapper colgroup col:nth-child(15), .grid-body-wrap tr td:nth-child(15), .grid-header-wrap tr th:nth-child(15) { width:60px !important; }
.grid-wrapper colgroup col:nth-child(16), .grid-body-wrap tr td:nth-child(16), .grid-header-wrap tr th:nth-child(16) { width:60px !important; }
.grid-wrapper colgroup col:nth-child(17), .grid-body-wrap tr td:nth-child(17), .grid-header-wrap tr th:nth-child(17) { width:50px !important; }
.grid-wrapper colgroup col:nth-child(18), .grid-body-wrap tr td:nth-child(18), .grid-header-wrap tr th:nth-child(18) { width:50px !important; }
.grid-wrapper colgroup col:nth-child(19), .grid-body-wrap tr td:nth-child(19), .grid-header-wrap tr th:nth-child(19) { width:40px !important; }
.grid-wrapper colgroup col:nth-child(20), .grid-body-wrap tr td:nth-child(20), .grid-header-wrap tr th:nth-child(20) { width:50px !important; }
.grid-wrapper colgroup col:nth-child(21), .grid-body-wrap tr td:nth-child(21), .grid-header-wrap tr th:nth-child(21) { width:40px !important; }
.grid-wrapper colgroup col:nth-child(22), .grid-body-wrap tr td:nth-child(22), .grid-header-wrap tr th:nth-child(22) { width:30px !important; }
.grid-wrapper colgroup col:nth-child(23), .grid-body-wrap tr td:nth-child(23), .grid-header-wrap tr th:nth-child(23) { width:50px !important; }

@media print { 
    .status-container,
    .alert-info,
    .btn-rex,
    .badge,
    .glyphicon { display:none !important; }
    #searchDiv > div:nth-child(3) { margin-left:27%; width: 70%;}
    #detailsDiv { display:block !important; position: absolute; top: 110px; min-width: 27%; max-width: 27%;} 

    .subtotal td:nth-child(2) { overflow:hidden; }
  
    .grid-wrapper .hybrid-table-grid, 
    .grid-wrapper .grid-body-wrap, 
    .grid-wrapper .grid-footer-wrap { width:1100px !important; }

    .grid-wrapper colgroup col:nth-child(2),
    #results-head > thead > tr > th:nth-child(2),
    #results tr > td:nth-child(2),
    .grid-wrapper colgroup col:nth-child(6),
    #results-head > thead > tr > th:nth-child(6),
    #results tr > td:nth-child(6),
    .grid-wrapper colgroup col:nth-child(7),
    #results-head > thead > tr > th:nth-child(7),
    #results tr > td:nth-child(7),
    .grid-wrapper colgroup col:nth-child(11),
    #results-head > thead > tr > th:nth-child(11),
    #results tr > td:nth-child(11),
    .grid-wrapper colgroup col:nth-child(14),
    #results-head > thead > tr > th:nth-child(14),
    #results tr > td:nth-child(14),
	.grid-wrapper colgroup col:nth-child(15),
    #results-head > thead > tr > th:nth-child(15),
    #results tr > td:nth-child(15),
	.grid-wrapper colgroup col:nth-child(16),
    #results-head > thead > tr > th:nth-child(16),
    #results tr > td:nth-child(16),
    .grid-wrapper colgroup col:nth-child(19),
    #results-head > thead > tr > th:nth-child(19),
    #results tr > td:nth-child(19),
    .view-footer { display:none; }
    
}
}

@-moz-document regexp(".*DOTNET/Admin/Reports/Fulfillment_Report.*") {
/* Move edit button to leftmost position */
a[title="Edit"] { position:absolute; left:6px; }

/* PAGE STYLES */
#PrintArea {
    padding-bottom: 30px;
    margin-left:20px; 
}
	
/*PAGE SELECTOR...*/
/* Style page selector */	
#ctl00_ContentPlaceHolder1_FulfilmentTabs_ResultsTab_gvMasterGrid > tbody > tr:last-of-type table tr td {
	display:initial;
	font-size: 1.2em;
	padding: 5px 10px;
	background: white;
}
	
/* Move page selector */
#ctl00_ContentPlaceHolder1_FulfilmentTabs_ResultsTab_gvMasterGrid tr table {
    bottom: 45px;
    position: fixed ;
    left: 30px;
} 

/* UPDATE BUTTON */
#ctl00_ContentPlaceHolder1_FulfilmentTabs_ResultsTab_btnUpdate {
    bottom: 10px;
    font-size: 1.25em;
    position: fixed;
    right: 10px;
    visibility: visible;
    z-index: 99999;
}

/* RESULTS GRID */
/* Default font size and spacing */
#ctl00_ContentPlaceHolder1_FulfilmentTabs_ResultsTab_gvMasterGrid tr td,
#ctl00_ContentPlaceHolder1_FulfilmentTabs_ResultsTab_gvMasterGrid tr th {
    font-size: 0.85em ;
    padding: 0px 5px ;
}
#ctl00_ContentPlaceHolder1_FulfilmentTabs_ResultsTab_ResultsContainer tbody tr td {
    margin: 0;
    padding: 0;
}
.hybrid-table-grid > tbody tr td {
    line-height: 1.2em;
}
input[type="radio"], input[type="checkbox"] {
    zoom: 1.6;
}

/* Remove all line breaks in the table by default */
#ctl00_ContentPlaceHolder1_FulfilmentTabs_ResultsTab_gvMa...

Reviews

No reviews yet.