rustdesk/doc.rustdesk.com
1
0
Fork 0
mirror of https://github.com/rustdesk/doc.rustdesk.com.git synced 2026-04-05 07:16:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

custom pricing

Browse Source
This commit is contained in:
rustdesk
2023-09-11 01:56:42 +08:00
parent 50ca3f4ee3
commit a0d0189da5
3 changed files with 265 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
v2/pricing.html
View File

@@ -147,6 +147,68 @@ label {
visibility: visible;
opacity: 1;
}
input[type="number"] {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
width: 100px;
font-size: 16px;
margin-right: 10px;
}
.slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #ddd;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.slider:hover {
opacity: 1;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #024eff;
cursor: pointer;
}
.slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #024eff;
cursor: pointer;
}
form {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
}
label {
margin-right: 10px;
font-size: 16px;
margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
.hide-on-mobile {
display: none;
}
}
</style>
</head>
<body>
@@ -564,6 +626,70 @@ label {
<button id="buyNowButton2" class="uui-button-3 w-inline-block">
<div>Buy now</div>
</button>
<a href="#custom" class="hide-on-mobile uui-button-15 w-inline-block">
<div>Customized Plan</div>
</a>
</div>
</div>
</div>
</div>
<div class="w-layout-grid uui-pricing08_components">
<div id="w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877ee-47ad0af8"></div>
<div class="uui-pricing08_plan">
<a name="custom"></a>
<div class="uui-text-align-center-5">
<h2 class="uui-heading-xxsmall-2">Customized plan</h2>
<div class="uui-pricing08_price">$<span id="cprice">19.90</span><span class="uui-pricing08_price-text">/month</span></div>
<div class="uui-text-size-medium-10">billed annually</div>
</div>
<br>
<br>
<form>
<label for="users">Number of Licensed Users:</label>
<input type="number" id="users" name="users" value="20" min="20" max="60" step="10"><br>
<input type="range" id="usersSlider" class="slider" name="usersRange" value="20" min="20" max="60" step="10"><br>
<label for="devices">Number of Managed Devices:</label>
<input type="number" id="devices" name="devices" value="500" min="500" max="1500" step="100"><br>
<input type="range" id="devicesSlider" class="slider" name="devicesRange" value="500" min="500" max="1500" step="100">
</form>
<br>
<script>
function submit() {
redirectUrl = "https://rustdesk.com/api/lic/stripe/checkout?type=Customized&users=" + document.getElementById("users").value + "&devices=" + document.getElementById("devices").value;
gotoBuy(redirectUrl);
}
function calculatePrice() {
var users = parseInt(document.getElementById("users").value);
var devices = parseInt(document.getElementById("devices").value);
var price = 19.9 * (1 + (users - 20) / 20 + (devices - 500) / 500);
document.getElementById("cprice").innerText = price.toFixed(2);
}
document.getElementById("users").oninput = function() {
document.getElementById("usersSlider").value = this.value;
calculatePrice();
}
document.getElementById("devices").oninput = function() {
document.getElementById("devicesSlider").value = this.value;
calculatePrice();
}
document.getElementById("usersSlider").oninput = function() {
document.getElementById("users").value = this.value;
calculatePrice();
}
document.getElementById("devicesSlider").oninput = function() {
document.getElementById("devices").value = this.value;
calculatePrice();
}
</script>
<div class="uui-pricing08_content">
<a href="#" class="uui-button-15 w-inline-block" onClick="submit()">
<div>Buy now</div>
</a>
</div>
</div>
</div>
@@ -703,8 +829,8 @@ window.addEventListener("load", function() {
</script>
<script src="sweetalert2@11.7.27.js"></script>
<script>
document.getElementById("buyNowButton1").addEventListener("click", function() {
Swal.fire({
function gotoBuy(redirectUrl) {
Swal.fire({
title: 'Please Confirm',
text: 'Do you want to proceed to the purchase page? Please note that what you are not purchasing is not a SaaS (Software as a Service) subscription. Instead, it is a license for a self-hosting solution, which requires you to deploy it on your own server.',
icon: 'question',
@@ -713,26 +839,16 @@ window.addEventListener("load", function() {
cancelButtonText: 'No',
}).then((result) => {
if (result.isConfirmed) {
const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Personal';
window.open(redirectUrl, '_blank');
}
});
}
document.getElementById("buyNowButton1").addEventListener("click", function() {
gotoBuy('https://rustdesk.com/api/lic/stripe/checkout?type=Personal');
});
document.getElementById("buyNowButton2").addEventListener("click", function() {
Swal.fire({
title: 'Please Confirm',
text: 'Do you want to proceed to the purchase page? Please note that what you are not purchasing is not a SaaS (Software as a Service) subscription. Instead, it is a license for a self-hosting solution, which requires you to deploy it on your own server.',
icon: 'question',
showCancelButton: true,
confirmButtonText: 'Yes',
cancelButtonText: 'No',
}).then((result) => {
if (result.isConfirmed) {
const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Business';
window.open(redirectUrl, '_blank');
}
});
gotoBuy('https://rustdesk.com/api/lic/stripe/checkout?type=Business');
});
</script>
<script src="./cookieconsent.min.js"></script>