Test_Domain_Complete

websiteFunctions/static/websiteFunctions/websiteFunctions.js

@@ -264,7 +264,7 @@ function checkbox_function() {
     // If the checkbox is checked, display the output text
     if (checkBox.checked == true) {
         domain_check = 0;
-         document.getElementById('Test_Domain').style.display= "block";
+        document.getElementById('Test_Domain').style.display = "block";
         document.getElementById('Own_Domain').style.display = "none";
 
     } else {
@@ -507,6 +507,29 @@ function DeployToProductionInitial(vall) {
     DeploytoProductionID = vall;
 }
 
+var create_staging_domain_check = 0;
+
+function create_staging_checkbox_function() {
+
+    var checkBox = document.getElementById("Create_Staging_Check");
+    // Get the output text
+
+
+    // If the checkbox is checked, display the output text
+    if (checkBox.checked == true) {
+        create_staging_domain_check = 0;
+        document.getElementById('Website_Create_Test_Domain').style.display = "block";
+        document.getElementById('Website_Create_Own_Domain').style.display = "none";
+
+    } else {
+        document.getElementById('Website_Create_Test_Domain').style.display = "none";
+        document.getElementById('Website_Create_Own_Domain').style.display = "block";
+        create_staging_domain_check = 1;
+    }
+
+    // alert(domain_check);
+}
+
 app.controller('WPsiteHome', function ($scope, $http, $timeout, $compile, $window) {
 
     var CheckBoxpasssword = 0;
@@ -1187,9 +1210,19 @@ app.controller('WPsiteHome', function ($scope, $http, $timeout, $compile, $windo
 
 
         $scope.currentStatus = "Starting creation Staging..";
+
+        //here enter domain name
+        if (create_staging_domain_check == 0) {
+            var Part2_domainNameCreate = document.getElementById('Part2_domainNameCreate').value;
+            var domainNameCreate = document.getElementById('TestDomainNameCreate').value + Part2_domainNameCreate;
+        }
+        if (create_staging_domain_check == 1) {
+
+            var domainNameCreate = $scope.own_domainNameCreate;
+        }
         var data = {
             StagingName: $('#stagingName').val(),
-            StagingDomain: $('#stagingDomain').val(),
+            StagingDomain: domainNameCreate,
             WPid: $('#WPid').html(),
         }
         var url = "/websites/CreateStagingNow";
@@ -2336,7 +2369,7 @@ function website_create_checkbox_function() {
     // If the checkbox is checked, display the output text
     if (checkBox.checked == true) {
         website_create_domain_check = 0;
-         document.getElementById('Website_Create_Test_Domain').style.display= "block";
+        document.getElementById('Website_Create_Test_Domain').style.display = "block";
         document.getElementById('Website_Create_Own_Domain').style.display = "none";
 
     } else {
@@ -2347,6 +2380,7 @@ function website_create_checkbox_function() {
 
     // alert(domain_check);
 }
+
 app.controller('createWebsite', function ($scope, $http, $timeout, $window) {
 
     $scope.webSiteCreationLoading = true;
@@ -3380,6 +3414,28 @@ app.controller('modifyWebsitesController', function ($scope, $http) {
 
 
 /* Java script code to create account */
+var website_child_domain_check = 0;
+
+function website_child_domain_checkbox_function() {
+
+    var checkBox = document.getElementById("myCheck");
+    // Get the output text
+
+
+    // If the checkbox is checked, display the output text
+    if (checkBox.checked == true) {
+        website_child_domain_check = 0;
+        document.getElementById('Website_Create_Test_Domain').style.display = "block";
+        document.getElementById('Website_Create_Own_Domain').style.display = "none";
+
+    } else {
+        document.getElementById('Website_Create_Test_Domain').style.display = "none";
+        document.getElementById('Website_Create_Own_Domain').style.display = "block";
+        website_child_domain_check = 1;
+    }
+
+    // alert(domain_check);
+}
 
 app.controller('websitePages', function ($scope, $http, $timeout, $window) {
 
@@ -4484,6 +4540,16 @@ app.controller('websitePages', function ($scope, $http, $timeout, $window) {
         if (typeof path === 'undefined') {
             path = "";
         }
+        var package = $scope.packageForWebsite;
+
+        if (website_child_domain_check == 0) {
+            var Part2_domainNameCreate = document.getElementById('Part2_domainNameCreate').value;
+            var domainName = document.getElementById('TestDomainNameCreate').value + Part2_domainNameCreate;
+        }
+        if (website_child_domain_check == 1) {
+
+            var domainName = $scope.own_domainNameCreate;
+        }
 
 
         var data = {

websiteFunctions/templates/websiteFunctions/WPCreate.html

@@ -65,8 +65,13 @@
 
         .help_test_domain {
             background-color: black;
-            padding: 3px;
+            padding: 10px;
             display: none;
+            opacity: 0.7;
+            position: absolute;
+            z-index: 9;
+            text-align: justify;
+
 
         }
 
@@ -78,7 +83,8 @@
             font-size: small;
             border-radius: 5px;
             width: 200px;
-            height: auto;
+
+        {#height: auto;#}
         }
 
     </style>
@@ -161,8 +167,8 @@
 
                             </label>
                             <label class="help_test_domain">
-
+                                The test domain allows you to deploy websites without the need to add DNS records, it
-                                Hello World!! Hello World!! Hello World!! Hello World!! Hello World!!Hello World!! Hello World!!git
+                                allows you to create staging environments, deploy test websites, and much more...
 
                             </label>
 
@@ -170,7 +176,7 @@
                             <br><br>
 
 
-                            <div id="Test_Domain" class="tabcontent" style="border: none;margin-left: 10px">
+                            <div id="Test_Domain" class="tabcontent" style="border: none;margin-left: 10px; position: relative">
                                 <div ng-hide="installationDetailsForm" class="form-group"
                                      ng-if="{{ test_domain_data }} == 1 ">
                                     <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>
@@ -206,7 +212,7 @@
                             </div>
 
                             <div id="Own_Domain" class="tabcontent"
-                                 style="border: none;display: none;margin-left: 10px">
+                                 style="border: none;display: none;margin-left: 10px;position: relative">
 
                                 <div ng-hide="installationDetailsForm" class="form-group">
                                     <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>

websiteFunctions/templates/websiteFunctions/WPsiteHome.html

@@ -7,6 +7,92 @@
     {% get_current_language as LANGUAGE_CODE %}
     <!-- Current language: {{ LANGUAGE_CODE }} -->
 
+    <style>
+        .switch {
+            margin-top: 7px;
+            margin-left: 12px;
+            position: relative;
+            display: inline-block;
+            width: 32px;
+            height: 19px;
+            border-radius: 10%;
+        }
+
+        .switch input {
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+
+        .slider {
+            position: absolute;
+            cursor: pointer;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #ccc;
+            -webkit-transition: .4s;
+            transition: .4s;
+            border-radius: 10%;
+        }
+
+        .slider:before {
+            position: absolute;
+            content: "";
+            height: 11px;
+            width: 12px;
+            left: 4px;
+            bottom: 4px;
+            background-color: white;
+            -webkit-transition: .4s;
+            transition: .4s;
+            border-radius: 20%;
+        }
+
+
+        input:checked + .slider {
+            background-color: #2196F3;
+        }
+
+        input:focus + .slider {
+            box-shadow: 0 0 2px #2196F3;
+        }
+
+        input:checked + .slider:before {
+            -webkit-transform: translateX(12px);
+            -ms-transform: translateX(12px);
+            transform: translateX(12px);
+        }
+
+        .help_test_domain {
+            background-color: black;
+            padding: 10px;
+            display: none;
+            opacity: 0.7;
+            position: absolute;
+            z-index: 9;
+            text-align: justify;
+
+
+        }
+
+        #help:hover + .help_test_domain {
+            display: block;
+            display: inline-block;
+            color: white;
+            font-weight: lighter;
+            font-size: small;
+            border-radius: 5px;
+            width: 200px;
+
+        {#height: auto;#}
+        }
+
+    </style>
+
+
+
     <div style="display: none" id="wordpresshome"></div>
     <div style="display: none" id="WPid">{{ wpsite.id }}</div>
 
@@ -304,17 +390,107 @@
                                                type="text" class="form-control" id="stagingName">
                                     </div>
                                 </div>
-                                <div ng-hide="stagingDetailsForm" class="form-group mt-5">
+                                <div ng-hide="stagingDetailsForm" class="form-group">
-                                    <label style="margin-bottom: 2%!important;"
+
-                                           class="col-sm-2 control-label">Domain Name</label>
+                                    <div ng-hide="installationDetailsForm" class="form-group">
+                                        <label class="col-sm-2 control-label" style="margin-top: 10px"
+                                               style="margin-bottom: 15px">{% trans "Test Domain" %}</label>
+                                        <label class="switch ">
+                                            <input type="checkbox" checked id="Create_Staging_Check"
+                                                   onclick="create_staging_checkbox_function()"
+                                                   style="margin-top: 10px">
+                                            <span class="slider"></span>
+                                        </label>
+
+                                        <label id="help">
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
+                                                 style="padding-top: 10px"
+                                                 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+                                                <path fill="currentColor"
+                                                      d="M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793c.15-.15.339-.3.535-.458c.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z"/>
+                                                <path fill="currentColor"
+                                                      d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8z"/>
+                                            </svg>
+
+                                        </label>
+                                        <label class="help_test_domain">
+                                            The test domain allows you to deploy websites without the need to add DNS
+                                            records, it
+                                            allows you to create staging environments, deploy test websites, and much
+                                            more...
+
+                                        </label>
+                                        <br><br>
+
+
+                                        <div id="Website_Create_Test_Domain" class="tabcontent"
+                                             style="border: none">
+                                            <div ng-hide="installationDetailsForm" class="form-group"
+                                                 ng-if="{{ test_domain_data }} == 1 ">
+                                                <label class="col-sm-2 control-label">{% trans "Domain Name" %}</label>
                                                 <div class="col-sm-10">
-                                        <input style="margin-bottom: 2%!important;"
+                                                    <div class="input-group bootstrap-touchspin">
-                                               type="text" class="form-control" id="stagingDomain">
+                                    <span
+                                            class="input-group-addon bootstrap-touchspin-prefix"
+                                            style="display: none;"></span>
+                                                        <input id="TestDomainNameCreate"
+                                                               class="form-control"
+                                                               type="text" value=""
+                                                               name="touchspin-demo-1"
+                                                               style="display: block;"
+                                                               placeholder="{% trans "Enter Subdomain Here" %}">
+
+                                                        <span style="width: 48%" class="input-group-btn">
+                                        <input id="Part2_domainNameCreate" class="form-control"
+                                               type="text" name="Part2_domainNameCreate"
+                                               style="display: block;color: black;font-weight: bold;color: black;opacity: 1"
+                                               placeholder=".{{ Randam_String }}.cyberpanel.website"
+                                               value=".{{ Randam_String }}.cyberpanel.website" readonly></span>
                                                     </div>
                                                 </div>
-                                <div ng-hide="stagingDetailsForm" class="center-div mt-5">
+                                                <div ng-show="websiteCreationForm.dom.$error.pattern"
+                                                     class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>
+                                            </div>
+                                            <div ng-if="{{ test_domain_data }} == 0 ">
+                                                <center>Looks like you have not subscripted to temporary domain feature,
+                                                    <a
+                                                            href="https://go.cyberpanel.net/TempDomain">click here</a>
+                                                    for more details.
+                                                </center>
+                                            </div>
+                                        </div>
+
+                                        <div id="Website_Create_Own_Domain" class="tabcontent"
+                                             style="border: none;display: none">
+
+                                            <div ng-hide="installationDetailsForm" class="form-group">
+                                                <label class="col-sm-2 control-label">{% trans "Domain Name" %}</label>
+                                                <div class="col-sm-10">
+                                                    <div class="input-group bootstrap-touchspin">
+                                    <span
+                                            class="input-group-addon bootstrap-touchspin-prefix"
+                                            style="display: none;"></span>
+                                                        <input ng-model="own_domainNameCreate" id="touchspin-demo-1"
+                                                               class="col-sm-10 form-control"
+                                                               type="text" value=""
+                                                               name="touchspin-demo-1"
+                                                               style="display: block;"
+                                                               placeholder="{% trans "Do not enter WWW, it will be auto created!" %}">
+
+                                                        <span style="width: 25%" class="input-group-btn">
+                                       </span></div>
+                                                </div>
+                                                <div ng-show="websiteCreationForm.dom.$error.pattern"
+                                                     class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                </div>
+{#                                end my work#}
+                                <div ng-hide="stagingDetailsForm" class="center-div mt-5 " >
                                     <button ng-click="CreateStagingNow()"
-                                            style="margin-bottom: 2%!important;"
+                                            style="margin-bottom: 2%!important;margin-top: 50px"
                                             class="btn btn-alt btn-hover btn-blue-alt">
                                         <span>Create Now</span>
                                         <i class="glyph-icon icon-arrow-right"></i>

websiteFunctions/templates/websiteFunctions/createDomain.html

@@ -7,6 +7,90 @@
     {% get_current_language as LANGUAGE_CODE %}
     <!-- Current language: {{ LANGUAGE_CODE }} -->
 
+    <style>
+        .switch {
+            margin-top: 7px;
+            margin-left: 12px;
+            position: relative;
+            display: inline-block;
+            width: 32px;
+            height: 19px;
+            border-radius: 10%;
+        }
+
+        .switch input {
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+
+        .slider {
+            position: absolute;
+            cursor: pointer;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #ccc;
+            -webkit-transition: .4s;
+            transition: .4s;
+            border-radius: 10%;
+        }
+
+        .slider:before {
+            position: absolute;
+            content: "";
+            height: 11px;
+            width: 12px;
+            left: 4px;
+            bottom: 4px;
+            background-color: white;
+            -webkit-transition: .4s;
+            transition: .4s;
+            border-radius: 20%;
+        }
+
+
+        input:checked + .slider {
+            background-color: #2196F3;
+        }
+
+        input:focus + .slider {
+            box-shadow: 0 0 2px #2196F3;
+        }
+
+        input:checked + .slider:before {
+            -webkit-transform: translateX(12px);
+            -ms-transform: translateX(12px);
+            transform: translateX(12px);
+        }
+
+        .help_test_domain {
+            background-color: black;
+            padding: 10px;
+            display: none;
+            opacity: 0.7;
+            position: absolute;
+            z-index: 9;
+            text-align: justify;
+
+
+        }
+
+        #help:hover + .help_test_domain {
+            display: block;
+            display: inline-block;
+            color: white;
+            font-weight: lighter;
+            font-size: small;
+            border-radius: 5px;
+            width: 200px;
+
+        {#height: auto;#}
+        }
+
+    </style>
+
     <div class="container">
         <div id="page-title">
             <h2>{% trans "Create Child Domain" %}</h2>
@@ -36,16 +120,119 @@
                             </div>
                         </div>
 
+                        {#                        <div ng-hide="DomainCreateForm" class="form-group">#}
+                        {#                            <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>#}
+                        {#                            <div class="col-sm-6">#}
+                        {#                                <input name="dom" type="text" class="form-control"#}
+                        {#                                       ng-model="domainNameCreate" required>#}
+                        {#                            </div>#}
+                        {#                        </div>#}
+                        {##}
+                        {#                        <div ng-hide="DomainCreateForm" class="form-group">#}
+                        {#                            <label class="col-sm-3 control-label">{% trans "Path" %}: /home/{$ masterDomain $}/ </label>#}
+                        {#                            <div class="col-sm-6">#}
+                        {#                                <input type="text" class="form-control" ng-model="docRootPath" required>#}
+                        {#                            </div>#}
+                        {#                            <div ng-show="websiteCreationForm.dom.$error.pattern"#}
+                        {#                                 class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>#}
+                        {#                        </div>#}
+
+                        {#                    My Work    .    #}
+
                         <div ng-hide="DomainCreateForm" class="form-group">
+                            <label class="col-sm-3 control-label"
+                                   style="margin-bottom: 15px">{% trans "Test Domain" %}</label>
+                            <label class="switch my-3">
+                                <input type="checkbox" checked id="myCheck"
+                                       onclick="website_child_domain_checkbox_function()"
+                                       style="margin-top: 10px">
+                                <span class="slider"></span>
+                            </label>
+
+                            <label id="help">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" style="padding-top: 10px"
+                                     preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+                                    <path fill="currentColor"
+                                          d="M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793c.15-.15.339-.3.535-.458c.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z"/>
+                                    <path fill="currentColor"
+                                          d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8z"/>
+                                </svg>
+
+                            </label>
+                            <label class="help_test_domain">
+                                The test domain allows you to deploy websites without the need to add DNS records, it
+                                allows you to create staging environments, deploy test websites, and much more...
+
+                            </label>
+                            <br><br>
+
+
+                            <div id="Website_Create_Test_Domain" class="tabcontent"
+                                 style="border: none;margin-left: 10px">
+                                <div ng-hide="DomainCreateForm" class="form-group"
+                                     ng-if="{{ test_domain_data }} == 1 ">
                                     <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>
                                     <div class="col-sm-6">
-                                <input name="dom" type="text" class="form-control"
+                                        <div class="input-group bootstrap-touchspin">
-                                       ng-model="domainNameCreate" required>
+                                    <span
+                                            class="input-group-addon bootstrap-touchspin-prefix"
+                                            style="display: none;"></span>
+                                            <input id="TestDomainNameCreate"
+                                                   class="form-control"
+                                                   type="text" value=""
+                                                   name="touchspin-demo-1"
+                                                   style="display: block;"
+                                                   placeholder="{% trans "Enter Subdomain Here" %}">
+
+                                            <span style="width: 48%" class="input-group-btn">
+                                        <input id="Part2_domainNameCreate" class="form-control"
+                                               type="text" name="Part2_domainNameCreate"
+                                               style="display: block;color: black;font-weight: bold;color: black;opacity: 1"
+                                               placeholder=".{{ Randam_String }}.cyberpanel.website"
+                                               value=".{{ Randam_String }}.cyberpanel.website" readonly></span>
+                                        </div>
+                                    </div>
+                                    <div ng-show="websiteCreationForm.dom.$error.pattern"
+                                         class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>
+                                </div>
+                                <div ng-if="{{ test_domain_data }} == 0 ">
+                                    <center>Looks like you have not subscripted to temporary domain feature, <a
+                                            href="https://go.cyberpanel.net/TempDomain">click here</a>
+                                        for more details.
+                                    </center>
                                 </div>
                             </div>
 
+                            <div id="Website_Create_Own_Domain" class="tabcontent"
+                                 style="border: none;display: none;margin-left: 10px">
+
                                 <div ng-hide="DomainCreateForm" class="form-group">
-                            <label class="col-sm-3 control-label">{% trans "Path" %}: /home/{$ masterDomain $}/ </label>
+                                    <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>
+                                    <div class="col-sm-6">
+                                        <div class="input-group bootstrap-touchspin">
+                                    <span
+                                            class="input-group-addon bootstrap-touchspin-prefix"
+                                            style="display: none;"></span>
+                                            <input ng-model="own_domainNameCreate" id="touchspin-demo-1"
+                                                   class="form-control"
+                                                   type="text" value=""
+                                                   name="touchspin-demo-1"
+                                                   style="display: block;"
+                                                   placeholder="{% trans "Do not enter WWW, it will be auto created!" %}">
+
+                                            <span style="width: 25%" class="input-group-btn">
+                                       </span></div>
+                                    </div>
+                                    <div ng-show="websiteCreationForm.dom.$error.pattern"
+                                         class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>
+                                </div>
+                            </div>
+
+
+                        </div>
+                        <div ng-hide="DomainCreateForm" class="form-group">
+                            <label class="col-sm-3 control-label">{% trans "Path" %}: /home/{$ masterDomain
+                                $}/ </label>
                             <div class="col-sm-6">
                                 <input type="text" class="form-control" ng-model="docRootPath" required>
                             </div>
@@ -53,6 +240,8 @@
                                  class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>
                         </div>
 
+                        {#                    My Work End #}
+
                         <div ng-hide="DomainCreateForm" class="form-group">
                             <label class="col-sm-3 control-label">{% trans "Select PHP" %}</label>
                             <div class="col-sm-6">

websiteFunctions/templates/websiteFunctions/createWebsite.html

@@ -64,6 +64,30 @@
             transform: translateX(12px);
         }
 
+        .help_test_domain {
+            background-color: black;
+            padding: 10px;
+            display: none;
+            opacity: 0.7;
+            position: absolute;
+            z-index: 9;
+            text-align: justify;
+
+
+        }
+
+        #help:hover + .help_test_domain {
+            display: block;
+            display: inline-block;
+            color: white;
+            font-weight: lighter;
+            font-size: small;
+            border-radius: 5px;
+            width: 200px;
+
+        {#height: auto;#}
+        }
+
     </style>
 
     <div class="container">
@@ -115,6 +139,22 @@
                                        style="margin-top: 10px">
                                 <span class="slider"></span>
                             </label>
+
+                            <label id="help">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" style="padding-top: 10px"
+                                     preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+                                    <path fill="currentColor"
+                                          d="M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793c.15-.15.339-.3.535-.458c.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z"/>
+                                    <path fill="currentColor"
+                                          d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8z"/>
+                                </svg>
+
+                            </label>
+                            <label class="help_test_domain">
+                                The test domain allows you to deploy websites without the need to add DNS records, it
+                                allows you to create staging environments, deploy test websites, and much more...
+
+                            </label>
                             <br><br>