DTF Print & Press Application
About this app
A web application for DTF Print & Press operations, providing features for managing customer supplied goods and art with pricing details.
DTF Print & Press - Customer Supplied Goods & Art - V26 - (Receive Goods/Print/Press/Prep & Pack/Ship or Pickup) DTF Print & Press - Customer Supplied Goods & Art - V26 **Powered by SeaSide Silk Screening** Name/PO Number: Quantity: (Qty Price Breaks 24, 36, 48, 72, 144, 288) Product Type: T-Shirt - $0 Polo - $1 Fleece - $2 Cap - $3 Print Location 1: N/A - $0 Left Front Chest - $1 Right Front Chest - $1 Full Front - $2 Full Back - $2 Print Location 2: N/A - $0 Left Front Chest - $1 Right Front Chest - $1 Full Front - $2 Full Back - $2 Print Location 3: N/A - $0 Left Front Chest - $1 Right Front Chest - $1 Full Front - $2 Full Back - $2 Print Location 4: N/A - $0 Left Front Chest - $1 Right Front Chest - $1 Full Front - $2 Full Back - $2 Turn Time: Standard Turn Time As Posted - $1 1 Business Day < Standard - 10% - $1.10 2 Business Days < Standard - 20% - $1.20 3 Business Days < Standard - 30% - $1.30 4 Business Days < Standard - 40% - $1.40 5 Business Days < Standard - 50% - $1.50 6 Business Days < Standard - 60% - $1.60 7 Business Days < Standard - 70% - $1.70 8 Business Days < Standard - 80% - $1.80 9 Business Days < Standard - 90% - $1.90 Payment Type: Unselected - $0 Credit...
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>DTF Print & Press - Customer Supplied Goods & Art - V26 - (Receive Goods/Print/Press/Prep & Pack/Ship or Pickup)</title>
<meta name="description" content="A web application for DTF Print & Press operations, providing features for managing customer supplied goods and art with pricing details.">
<meta name="keywords" content="DTF, Print, Press, Silk Screening, Order Management, Pricing, Customer Operation">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous">
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">
<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
$('#calculate').click(function() {
const quantity = parseFloat($('#quantity').val());
const productTypePrice = parseFloat($('#productType').find(':selected').data('price')) || 0;
const rcValue = parseFloat($('#rcu').val());
const ut = (productTypePrice + rcValue) * quantity; // Product Type + RCU * Quantity
const ot = ut; // Keeping order total equal to unit total for simplicity
$('#unitTotal').val(ut.toFixed(2));
$('#orderTotal').val(ot.toFixed(2));
});
$('#reset').click(function() {
$('input').val('');
$('select').val('unselected');
$('#unitTotal').val('');
$('#orderTotal').val('');
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background-color: white;
color: black;
font-family: Arial, sans-serif;
text-align: left;
}
h1 {
text-align: center;
}
.box {
border: 2px solid blue;
padding: 15px;
margin-bottom: 15px;
}
.small-text {
font-size: 0.8em;
}
.reset-btn {
background-color: red;
color: white;
padding: 10px;
border: none;
cursor: pointer;
}
.price-display {
width: 100px;
display: inline-block;
}
.hidden-field {
display: none;
}
.form-group {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.form-group label {
flex: 1;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>DTF Print & Press - Customer Supplied Goods & Art - V26</h1>
<h5 class="small-text">**Powered by SeaSide Silk Screening**</h5>
<div class="box">
<div class="form-group">
<label>Name/PO Number:</label>
<input type="text" id="namePo" required>
</div>
<div class="form-group">
<label>Quantity:</label>
<input type="number" id="quantity" required min="0">
<span class="small-text">(Qty Price Breaks 24, 36, 48, 72, 144, 288)</span>
</div>
<div class="form-group">
<label>Product Type:</label>
<select id="productType" required>
<option value="T-Shirt" data-price="0">T-Shirt - $0</option>
<option value="Polo" data-price="1">Polo - $1</option>
<option value="Fleece" data-price="2">Fleece - $2</option>
<option value="Cap" data-price="3">Cap - $3</option>
</select>
</div>
</div>
<div class="box">
<div class="form-group">
<label>Print Location 1:</label>
<select id="printLocation1">
<option value="NA" data-price="0">N/A - $0</option>
<option value="Left Front Chest" data-price="1">Left Front Chest - $1</option>
<option value="Right Front Chest" data-price="1">Right Front Chest - $1</option>
<option value="Full Front" data-price="2">Full Front - $2</option>
<option value="Full Back" data-price="2">Full Back - $2</option>
</select>
</div>
<div class="form-group">
<label>Print Location 2:</label>
<select id="printLocation2">
<option value="NA" data-price="0">N/A - $0</option>
<option value="Left Front Chest" data-price="1">Left Front Chest - $1</option>
<option value="Right Front Chest" data-price="1">Right Front Chest - $1</option>
<option value="Full Front" data-price="2">Full Front - $2</option>
<option value="Full Back" data-price="2">Full Back - $2</option>
</select>
</div>
<div class="form-group">
<label>Print Location 3:</label>
<select id="printLocation3">
<option value="NA" data-price="0">N/A - $0</option>
<option value="Left Front Chest" data-price="1">Left Front Chest - $1</option>
<option value="Right Front Chest" data-price="1">Right Front Chest - $1</option>
<option value="Full Front" data-price="2">Full Front - $2</option>
<option value="Full Back" data-price="2">Full Back - $2</option>
</select>
</div>
<div class="form-group">
<label>Print Location 4:</label>
<select id="printLocation4">
<option value="NA" data-price="0">N/A - $0</option>
<option value="Left Front Chest" data-price="1">Left Front Chest - $1</option>
<option value="Right Front Chest" data-price="1">Right Front Chest - $1</option>
<option value="Full Front" data-price="2">Full Front - $2</option>
<option value="Full Back" data-price="2">Full Back - $2</option>
</select>
</div>
</div>
<div class="box">
<div class="form-group">
<label>Turn Time:</label>
<select id="turnTime">
<option value="Standard" data-price="1">Standard Turn Time As Posted - $1</option>
<option value="1 Business Day" data-price="1.1">1 Business Day < Standard - 10% - $1.10</option>
<option value="2 Business Days" data-price="1.2">2 Business Days < Standard - 20% - $1.20</option>
<option value="3 Business Days" data-price="1.3">3 Business Days < Standard - 30% - $1.30</option>
<option value="4 Business Days" data-price="1.4">4 Business Days < Standard - 40% - $1.40</option>
<option value="5 Business Days" data-price="1.5">5 Business Days < Standard - 50% - $1.50</option>
<option value="6 Business Days" data-price="1.6">6 Business Days < Standard - 60% - $1.60</option>
<option value="7 Business Days" data-price="1.7">7 Business Days < Standard - 70% - $1.70</option>
<option value="8 Business Days" data-price="1.8">8 Business Days < Standard - 80% - $1.80</option>
<option value="9 Business Days" data-price="1.9">9 Business Days < Standard - 90% - $1.90</option>
</select>
</div>
<div class="form-group">
<label>Payment Type:</label>
<select id="paymentType">
<option value="Unselected" data-price="0">Unselected - $0</option>
<option value="Credit Card" data-price="1.036">Credit Card 3.6% Fee - $1.036</option>
<option value="ACH" data-price="1">ACH (No Fees) - $1</option>
</select>
</div>
</div>
<div class="box">
<div class="form-group">
<button id="calculate" class="btn btn-primary">Calculate</button>
<label>Unit Total:</label>
<input type="text" id="unitTotal" class="price-display" readonly>
<label>Order Total:</label>
<input type="text" id="orderTotal" class="price-display" readonly>
<button id="reset" class="reset-btn">Reset</button>
</div>
</div>
</div>
<input type="hidden" class="hidden-field" id="rcu" value="0.16">
<input type="hidden" class="hidden-field" id="ut">
<input type="hidden" class="hidden-field" id="ot">
</body>
</html>
NEW APPS
These are apps made by the community!