mirror of
https://github.com/getnamingo/registry.git
synced 2025-07-23 19:10:30 +02:00
249 lines
No EOL
16 KiB
Twig
249 lines
No EOL
16 KiB
Twig
{% extends "layouts/app.twig" %}
|
|
|
|
{% block title %}{{ __('Create New TLD') }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="page-wrapper">
|
|
<!-- Page header -->
|
|
<div class="page-header d-print-none">
|
|
<div class="container-xl">
|
|
<div class="row g-2 align-items-center">
|
|
<div class="col">
|
|
<!-- Page pre-title -->
|
|
<div class="page-pretitle">
|
|
{{ __('Overview') }}
|
|
</div>
|
|
<h2 class="page-title">
|
|
{{ __('Create New TLD') }}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Page body -->
|
|
<div class="page-body">
|
|
<div class="container-xl">
|
|
<div class="col-12">
|
|
{% include 'partials/flash.twig' %}
|
|
<form action="/registry/tld/create" method="post" autocomplete="off">
|
|
{{ csrf.field | raw }}
|
|
<div class="card mb-3">
|
|
<div class="card-header">
|
|
<h5 class="card-title">{{ __('General Details') }}</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="tldName" class="form-label required">{{ __('TLD Extension') }}</label>
|
|
<input type="text" class="form-control" id="tldExtension" name="extension" placeholder="Enter TLD" required>
|
|
<small class="form-text text-muted">{{ __('Enter the desired top-level domain (TLD) name, like') }} '.test' {{ __('or') }} '.example'.</small>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" id="dnssecToggle" disabled>
|
|
<span class="form-check-label">DNSSEC</span>
|
|
</label>
|
|
<small class="form-text text-muted">{{ __('DNSSEC is currently activated manually. This option is for display purposes only.') }}</small>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="scriptDropdown" class="form-label required">{{ __('Supported Script') }}</label>
|
|
<select class="form-select" id="scriptDropdown" name="script" required>
|
|
<option value="ascii" selected>ASCII</option>
|
|
<option value="cyrillic">{{ __('Cyrillic') }}</option>
|
|
<option value="japanese">{{ __('Japanese') }}</option>
|
|
<option value="korean">{{ __('Korean') }}</option>
|
|
</select>
|
|
<small class="form-text text-muted">{{ __('Choose the script type that the TLD will support. Options include ASCII, Cyrillic, Japanese, and Korean.') }}</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-3">
|
|
<div class="card-header">
|
|
<h5 class="card-title">{{ __('Pricing') }}</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-vcenter card-table">
|
|
<thead>
|
|
<tr>
|
|
<th>{{ __('Command') }}</th>
|
|
<th>{{ __('Setup Fee') }}</th>
|
|
<th>1 {{ __('Year') }} <span class="text-red">*</span></th>
|
|
<th>2 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
<th>3 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
<th>4 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
<th>5 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
<th>6 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
<th>7 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
<th>8 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
<th>9 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
<th>10 {{ __('Years') }} <span class="text-red">*</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>{{ __('Create') }}</td>
|
|
<td><input type="number" class="form-control" name="createm0" placeholder="0.00" required min="0" step="0.01" pattern="^\d+(\.\d{1,2})?$" value="0.00"></td>
|
|
<td><input type="number" class="form-control" name="createm12" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm24" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm36" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm48" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm60" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm72" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm84" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm96" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm108" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="createm120" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{ __('Renew') }}</td>
|
|
<td><input type="number" class="form-control" name="renewm0" placeholder="0.00" required min="0" step="0.01" pattern="^\d+(\.\d{1,2})?$" value="0.00"></td>
|
|
<td><input type="number" class="form-control" name="renewm12" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm24" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm36" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm48" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm60" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm72" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm84" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm96" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm108" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="renewm120" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{ __('Transfer') }}</td>
|
|
<td><input type="number" class="form-control" name="transferm0" placeholder="0.00" required min="0" step="0.01" pattern="^\d+(\.\d{1,2})?$" value="0.00"></td>
|
|
<td><input type="number" class="form-control" name="transferm12" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm24" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm36" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm48" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm60" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm72" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm84" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm96" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm108" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
<td><input type="number" class="form-control" name="transferm120" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<small class="form-text text-muted">{{ __('When you type a price for 1 Year above, it will automatically get multiplied for subsequent years.') }}</small>
|
|
</div>
|
|
<div class="mb-3 mt-3">
|
|
<label for="restorePrice" class="form-label required">{{ __('Restore Price') }}</label>
|
|
<input type="number" class="form-control" id="restorePrice" name="restorePrice" placeholder="0.00" required step="0.01" pattern="^\d+(\.\d{1,2})?$" min="0">
|
|
<small class="form-text text-muted">{{ __('Enter the price for restoring the TLD.') }}</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-3">
|
|
<div class="card-header">
|
|
<h5 class="card-title">{{ __('Premium Names') }}</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label for="premiumNamesFile" class="form-label">{{ __('Upload CSV File') }}</label>
|
|
<input type="file" class="form-control" id="premiumNamesFile" name="premiumNamesFile" accept=".csv">
|
|
<small class="form-text text-muted">
|
|
{{ __('Upload a CSV file with premium names. Each row should contain a name and its pricing category, separated by a comma.') }}
|
|
</small>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<h5 class="card-title mb-3">{{ __('Set Premium Name Price Categories') }}</h5>
|
|
<table class="table" id="categoriesTable">
|
|
<thead>
|
|
<tr>
|
|
<th>{{ __('Category Name') }}</th>
|
|
<th>{{ __('Price') }}</th>
|
|
<th>{{ __('Action') }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><input type="text" class="form-control" name="categoryName1" placeholder="Category 1"></td>
|
|
<td><input type="number" class="form-control" name="categoryPrice1" placeholder="0.00" min="0"></td>
|
|
<td><button type="button" class="btn btn-success add-category">+</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-footer">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<button type="submit" class="btn btn-primary">{{ __('Create TLD') }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% include 'partials/footer.twig' %}
|
|
</div>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const createm12Input = document.querySelector('input[name="createm12"]');
|
|
const renewm12Input = document.querySelector('input[name="renewm12"]');
|
|
const transferm12Input = document.querySelector('input[name="transferm12"]');
|
|
|
|
const updateMultiplication = (input, startColumnIndex, baseInputName) => {
|
|
const inputValue = parseFloat(input.value);
|
|
if (!isNaN(inputValue)) {
|
|
for (let i = startColumnIndex; i <= 10; i++) {
|
|
const columnName = `${baseInputName}${12 * i}`;
|
|
const columnInput = document.querySelector(`input[name="${columnName}"]`);
|
|
if (columnInput) {
|
|
columnInput.value = (inputValue * i).toFixed(2);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
createm12Input.addEventListener('input', () => {
|
|
updateMultiplication(createm12Input, 2, 'createm');
|
|
});
|
|
|
|
renewm12Input.addEventListener('input', () => {
|
|
updateMultiplication(renewm12Input, 2, 'renewm');
|
|
});
|
|
|
|
transferm12Input.addEventListener('input', () => {
|
|
updateMultiplication(transferm12Input, 2, 'transferm');
|
|
});
|
|
|
|
const categoriesTable = document.getElementById('categoriesTable');
|
|
const addCategoryButton = document.querySelector('.add-category');
|
|
|
|
const maxCategories = 10;
|
|
let categoryCount = 1;
|
|
|
|
addCategoryButton.addEventListener('click', function() {
|
|
if (categoryCount < maxCategories) {
|
|
categoryCount++;
|
|
const newRow = document.createElement('tr');
|
|
newRow.innerHTML = `
|
|
<td><input type="text" class="form-control" name="categoryName${categoryCount}" placeholder="Category ${categoryCount}"></td>
|
|
<td><input type="number" class="form-control" name="categoryPrice${categoryCount}" placeholder="0.00" min="0"></td>
|
|
<td><button type="button" class="btn btn-danger remove-category">-</button></td>
|
|
`;
|
|
categoriesTable.querySelector('tbody').appendChild(newRow);
|
|
}
|
|
|
|
if (categoryCount >= maxCategories) {
|
|
addCategoryButton.style.display = 'none'; // Disable adding more categories after reaching the limit
|
|
}
|
|
});
|
|
|
|
categoriesTable.addEventListener('click', function(event) {
|
|
if (event.target.classList.contains('remove-category')) {
|
|
const row = event.target.closest('tr');
|
|
row.remove();
|
|
categoryCount--;
|
|
addCategoryButton.style.display = 'block'; // Enable adding more categories after removing one
|
|
}
|
|
});
|
|
|
|
});
|
|
</script>
|
|
{% endblock %} |