Issue SSL tile + centered SSL form close (X) for v2.5.5-dev; install/upgrade/downgrade safe

This commit is contained in:
master3395
2026-03-06 20:02:55 +01:00
committed by KraoESPfan1n
parent 00e139e90b
commit df283b4db3
3 changed files with 76 additions and 8 deletions

View File

@@ -7,7 +7,7 @@
{% get_current_language as LANGUAGE_CODE %}
<!-- Current language: {{ LANGUAGE_CODE }} -->
<div ng-controller="launchChild" ng-init="childDomainName='{{ childDomain }}'; masterDomain='{{ domain }}'">
<div ng-controller="launchChild" ng-init="childDomainName='{{ childDomain }}'; masterDomain='{{ domain }}'; childPath='{{ childPath|escapejs }}'">
<style>
/* Ultra-Modern CyberPanel Design System */
@@ -864,6 +864,13 @@
</a>
</div>
<div class="col-md-3">
<a ng-click="issueSSL(childDomainName, childPath)" href="" class="icon-box" title="{% trans 'Obtain or restore Let\'s Encrypt SSL (default)' %}">
<i class="fas fa-certificate" style="font-size: 48px; color: var(--info-color);"></i>
<span class="h4">{% trans "Issue SSL" %}</span>
</a>
</div>
<div class="col-md-3">
<a ng-click="changePHPMaster()" href="" class="icon-box" title="{% trans 'Change PHP Version' %}">
<i class="fab fa-php" style="font-size: 48px; color: var(--info-color);"></i>
@@ -891,9 +898,9 @@
</div>
<div class="form-group">
<div style="margin-bottom: 20px; text-align: right;">
<button ng-click="hidesslbtn()" type="button" class="btn btn-link" style="color: var(--danger-color);">
<i class="fas fa-times" style="font-size: 20px;"></i>
<div style="margin-bottom: 20px; display: flex; justify-content: center; align-items: center;">
<button ng-click="hidesslbtn()" type="button" class="btn btn-link" style="color: var(--danger-color); min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;">
<i class="fas fa-times" style="font-size: 24px;"></i>
</button>
</div>
<div class="row">

View File

@@ -706,6 +706,16 @@
align-items: center;
justify-content: center;
}
/* SSL form close (X) button centered in row and icon centered in button */
.ssl-form-close-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.ssl-form-close-btn i.fa-times {
line-height: 1;
display: block;
}
}
@media (max-width: 576px) {
@@ -2035,6 +2045,13 @@
</a>
</div>
<div class="col-md-3">
<a href="#" ng-click="issueSSL('{{ domain|escapejs }}'); $event.preventDefault()" title="{% trans 'Obtain or restore Let\'s Encrypt SSL (default)' %}">
<img src="{% static 'images/icons/locked.png' %}" width="65" class="mr-10">
<span class="h4">{% trans "Issue SSL" %}</span>
</a>
</div>
<div class="col-md-3">
<a href="#" ng-click="changePHPMaster(); $event.preventDefault()" title="{% trans 'Change PHP Version' %}">
<img src="{% static 'images/icons/laptop.png' %}" width="65" class="mr-10">
@@ -2063,16 +2080,19 @@
</div>
<div ng-hide="" class="form-group">
<div style="margin-bottom: 1%;" class="col-sm-offset-11 col-sm-1">
<a ng-click="hidesslbtn()" href=""><img
src="/static/images/close-32.png"></a>
<div class="form-group">
<div class="col-sm-12" style="margin-bottom: 15px; display: flex; justify-content: center; align-items: center;">
<button type="button" ng-click="hidesslbtn()" class="btn btn-link ssl-form-close-btn" style="color: var(--danger-color, #dc3545); padding: 8px 12px; min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;">
<i class="fas fa-times" style="font-size: 24px;"></i>
</button>
</div>
<div class="col-sm-6">
<label class="control-label">{% trans "Paste Your Cert" %}</label>
<textarea placeholder="Paste Your Cert" ng-model="cert" rows="10"
class="form-control"></textarea>
</div>
<div class="col-sm-6">
<label class="control-label">{% trans "Paste Your Key" %}</label>
<textarea placeholder="Paste Your Key" ng-model="key" rows="10"
class="form-control"></textarea>
</div>