';
// The real mark, falling back to the plain coral square where the file is
// missing. This screen showed a blank coloured tile next to the name while
// the product had a logo all along.
$bb_mark = function_exists( 'addon_boss_product_icon_url' ) ? addon_boss_product_icon_url() : '';
echo '';
echo '' !== $bb_mark
? ''
: '';
echo esc_html__( 'AddOnBoss', 'addon-boss' ) . '';
echo '' . esc_html__( 'Settings', 'addon-boss' ) . '';
echo '
';
// The first-product checklist leads the landing while it is in play: each
// step ticks itself off real store state, and one dismiss retires it for
// good (see includes/onboarding.php).
if ( function_exists( 'addon_boss_onboarding_card' ) ) {
addon_boss_onboarding_card();
}
// Every card below is one form: one Save bar for the whole page, pinned
// to the foot of the window while the cards scroll under it.
echo '
' . esc_html__( 'When customers upload artwork or files on a product, decide how those files are organised, delivered and named for your shop.', 'addon-boss' ) . '
';
// Organise & deliver: two on/off switches.
echo '
';
echo '' . esc_html__( 'Keep each order\'s files together', 'addon-boss' ) . '';
echo '' . esc_html__( 'Copy every uploaded file for an order into one folder, so an order\'s artwork sits in one place.', 'addon-boss' ) . '';
echo '';
echo '
';
echo '
';
echo '' . esc_html__( 'Email the files to you', 'addon-boss' ) . '';
echo '' . esc_html__( 'Attach the customer\'s uploaded files to your New order email, up to a sensible size.', 'addon-boss' ) . '';
echo '';
echo '
';
echo '
';
// How files are named: the four preset schemes first (D8: picking a
// filename token by token is a decision most shops should not have to
// make), Build your own behind them revealing the token builder. The
// dropdown stores nothing itself: it derives from the one stored
// pattern and fills it, so the resolver, the order copy and the email
// never learn schemes exist.
echo '
' . esc_html__( 'Pick how uploaded files are named for you, or build your own naming from the pieces.', 'addon-boss' ) . '
';
$bb_schemes = array(
'keep' => array( 'label' => __( 'Keep the customer\'s filenames', 'addon-boss' ), 'pattern' => '' ),
'order' => array( 'label' => __( 'Order number + original name', 'addon-boss' ), 'pattern' => '{order}-{original}' ),
'order-pr' => array( 'label' => __( 'Order number + product + original name', 'addon-boss' ), 'pattern' => '{order}-{product}-{original}' ),
'order-cf' => array( 'label' => __( 'Order number + customer + field', 'addon-boss' ), 'pattern' => '{order}-{customer}-{field}' ),
);
$bb_scheme_now = 'custom';
foreach ( $bb_schemes as $bb_sk => $bb_s ) {
if ( $pattern === $bb_s['pattern'] ) {
$bb_scheme_now = $bb_sk;
break;
}
}
echo '';
// The token builder, behind Build your own. The pattern input stays in
// the form while folded, so whatever is shown is exactly what saves.
echo '
';
echo '
' . esc_html__( 'Build a filename from the pieces below. Click to add each one. Leave it empty to keep the customer\'s own filenames.', 'addon-boss' ) . '
'; // bb-editor
?>
( function () {
var input = document.getElementById( 'bb-up-rename' );
var prev = document.getElementById( 'bb-up-rename-preview' );
if ( ! input || ! prev ) { return; }
var egs = {};
document.querySelectorAll( '.bb-up-chip' ).forEach( function ( b ) { egs[ b.getAttribute( 'data-token' ) ] = b.getAttribute( 'data-eg' ); } );
function render() {
var p = ( input.value || '' ).trim();
if ( '' === p ) { prev.textContent = 'logo.png'; return; }
var name = p.replace( /\{[a-z]+\}/g, function ( m ) { return undefined !== egs[ m ] ? egs[ m ] : ''; } );
name = name.replace( /[\/\\:*?"<>|]+/g, '-' ).replace( /[\s_-]{2,}/g, '-' ).replace( /^[-\s_.]+|[-\s_.]+$/g, '' );
prev.textContent = ( name || 'logo' ) + '.png';
}
document.querySelectorAll( '.bb-up-chip' ).forEach( function ( b ) {
b.addEventListener( 'click', function () {
var t = b.getAttribute( 'data-token' );
input.value = ( input.value && ! /[-_ ]$/.test( input.value ) ) ? input.value + '-' + t : input.value + t;
render(); input.focus();
} );
} );
var clr = document.getElementById( 'bb-up-rename-clear' );
if ( clr ) { clr.addEventListener( 'click', function () { input.value = ''; render(); } ); }
input.addEventListener( 'input', render );
// The scheme dropdown fills the one stored pattern; Build your own
// opens the token builder over whatever is currently stored.
var scheme = document.getElementById( 'bb-up-scheme' );
var builder = document.getElementById( 'bb-up-builder' );
if ( scheme && builder ) {
scheme.addEventListener( 'change', function () {
var opt = scheme.selectedOptions && scheme.selectedOptions[ 0 ];
if ( ! opt ) { return; }
if ( 'custom' === opt.value ) {
builder.hidden = false;
input.focus();
render();
return;
}
builder.hidden = true;
input.value = opt.getAttribute( 'data-pattern' ) || '';
render();
} );
}
render();
} )();
';
}
/**
* The storefront behaviour card. One switch today, off by default.
*
* Every other change to the shopper's panel this round only ever ADDS
* information: a tick beside an answered group, a line in the bar saying what
* is still owed, every gap marked when the button is pressed. Those ship to
* everyone, because a shop that needs them would never find a switch.
*
* This one is different. It REPLACES a gesture that already works: today a
* blocked press on a phone scrolls the page to the first thing missing. Taking
* that away from shops that never asked is not an improvement, it is a change,
* so it is the one that gets a switch and the switch starts off.
*/
function addon_boss_render_storefront_card() {
$bb_sheet = '1' === (string) get_option( 'addon_boss_missing_sheet', '0' );
wp_nonce_field( 'addon_boss_front_settings', 'addon_boss_front_nonce' );
echo '
';
echo '' . esc_html__( 'Show missing choices in a panel on phones', 'addon-boss' ) . '';
echo '' . esc_html__( 'On a phone, pressing Add to cart with something still to choose opens the unanswered questions in a panel over the page, instead of scrolling to them.', 'addon-boss' ) . '';
echo '';
echo '
';
echo '
';
echo '
';
}
/**
* The storefront Colours card: four overrides over the skin tokens, each a
* picker + hex box + Clear. Free (appearance ships with every build), its
* own nonce inside the page's one form. The skin's three layers are stated in the lede so
* the merchant knows what leaving a colour empty means: neutral defaults
* that work anywhere, a block theme's palette flowing in where one is
* published, and these choices over both.
*/
function addon_boss_render_colours_card() {
$bb_rows = array(
'accent' => array(
'title' => __( 'Highlights and prompts', 'addon-boss' ),
'desc' => __( 'Paints the Choose prompts, the add-another button and the panel\'s other highlights. Out of the box it follows a block theme\'s own accent, with the house coral everywhere else.', 'addon-boss' ),
'default' => '#fd4730',
'placeholder' => __( 'Follows your theme', 'addon-boss' ),
),
'sel' => array(
'title' => __( 'Selected choice', 'addon-boss' ),
'desc' => __( 'The fill behind a picked button and the ring around a picked swatch. Out of the box it uses the theme\'s own text colour, which reads clearly on any store.', 'addon-boss' ),
'default' => '#16181d',
'placeholder' => __( 'Follows your theme', 'addon-boss' ),
),
'receipt' => array(
'title' => __( 'Receipt line', 'addon-boss' ),
'desc' => __( 'The rule across the top of the price breakdown, where the options hand over to the total.', 'addon-boss' ),
'default' => '#16181d',
'placeholder' => __( 'Follows your theme', 'addon-boss' ),
),
'wrap' => array(
'title' => __( 'Options background', 'addon-boss' ),
'desc' => __( 'A soft tint behind the whole options area, drawn as its own panel. Out of the box it is transparent, so your page shows through.', 'addon-boss' ),
'default' => '#f4f3f0',
'placeholder' => __( 'Transparent', 'addon-boss' ),
),
);
$stored = addon_boss_sanitize_colours( (array) get_option( 'addon_boss_colours', array() ) );
wp_nonce_field( 'addon_boss_colours_settings', 'addon_boss_colours_nonce' );
echo '
' . esc_html__( 'The options panel follows your theme out of the box: a block theme lends it its own colours, everywhere else it keeps calm neutral defaults. Set a colour here only where you want to overrule that, and clear it to hand the choice back.', 'addon-boss' ) . '
 . ')
'
: '';
echo esc_html__( 'AddOnBoss', 'addon-boss' ) . '';
echo '' . esc_html__( 'Settings', 'addon-boss' ) . '';
echo '