Better styling for DNS configuration errors

Author: thom

interface/web/dns/templates/dns_soa_edit.htm

@@ -1,66 +1,75 @@
 <tmpl_if name="config_error_msg">
-  <div style="background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px;">
+  <!--<div style="background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px;">
     <p style="font-face:bold">{tmpl_var name='configuration_error_txt'}</p>
     <div>
       <div style="float:left;width:150px;">{tmpl_var name='config_error_tstamp'} :&nbsp;</div>
       <div style="padding-left:150px;">{tmpl_var name='config_error_msg'}</div>
     </div>
+  </div>-->
+  <div class="alert alert-danger">
+    <p>
+      <tmpl_var name="configuration_error_txt">
+        <div>
+          <div style="float:left;width:150px;">{tmpl_var name='config_error_tstamp'} :&nbsp;</div>
+          <div style="padding-left:150px;">{tmpl_var name='config_error_msg'}</div>
+        </div>
+    </p>
   </div>
 </tmpl_if>
 <tmpl_if name="is_admin">
   <div class="form-group">
     <tmpl_if name="edit_disabled">
       <label for="server_id_disabled" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
       <div class="col-sm-9"><select name="server_id_disabled" id="server_id_disabled" class="form-control" disabled="disabled">
-        {tmpl_var name='server_id'}
+          {tmpl_var name='server_id'}
         </select>
       </div>
       <input type="hidden" name="server_id" value="{tmpl_var name='server_id_value'}" />
       <tmpl_else>
-      <label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
-      <div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
-        {tmpl_var name='server_id'}
-        </select>
-      </div>
+        <label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
+        <div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
+            {tmpl_var name='server_id'}
+          </select>
+        </div>
     </tmpl_if>
   </div>
   <tmpl_unless name="domain_option">
     <div class="form-group">
       <label for="client_group_id" class="col-sm-3 control-label">{tmpl_var name='client_txt'}</label>
       <div class="col-sm-9"><select name="client_group_id" id="client_group_id" class="form-control">
-        {tmpl_var name='client_group_id'}
+          {tmpl_var name='client_group_id'}
         </select>
       </div>
     </div>
   </tmpl_unless>
   <tmpl_else>
-  <tmpl_if name="only_one_server">
-    <input type="hidden" id="server_id" name="server_id" value="{tmpl_var name='server_id_value'}" />
-    <tmpl_else>
-    <div class="form-group">
-      <tmpl_if name="edit_disabled">
-        <label for="server_id_disabled" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
-        <div class="col-sm-9"><select name="server_id_disabled" id="server_id_disabled" class="form-control" disabled="disabled">
-          {tmpl_var name='client_server_id'}
-          </select>
-        </div>
-        <input type="hidden" name="server_id" value="{tmpl_var name='server_id_value'}" />
-        <tmpl_else>
-        <label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
-        <div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
-          {tmpl_var name='client_server_id'}
-          </select>
+    <tmpl_if name="only_one_server">
+      <input type="hidden" id="server_id" name="server_id" value="{tmpl_var name='server_id_value'}" />
+      <tmpl_else>
+        <div class="form-group">
+          <tmpl_if name="edit_disabled">
+            <label for="server_id_disabled" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
+            <div class="col-sm-9"><select name="server_id_disabled" id="server_id_disabled" class="form-control" disabled="disabled">
+                {tmpl_var name='client_server_id'}
+              </select>
+            </div>
+            <input type="hidden" name="server_id" value="{tmpl_var name='server_id_value'}" />
+            <tmpl_else>
+              <label for="server_id" class="col-sm-3 control-label">{tmpl_var name='server_id_txt'}</label>
+              <div class="col-sm-9"><select name="server_id" id="server_id" class="form-control">
+                  {tmpl_var name='client_server_id'}
+                </select>
+              </div>
+          </tmpl_if>
         </div>
-      </tmpl_if>
-    </div>
-  </tmpl_if>
+    </tmpl_if>
 </tmpl_if>
 <tmpl_if name="is_reseller">
   <tmpl_unless name="domain_option">
     <div class="form-group">
       <label for="client_group_id" class="col-sm-3 control-label">{tmpl_var name='client_txt'}</label>
       <div class="col-sm-9"><select name="client_group_id" id="client_group_id" class="form-control">
-        {tmpl_var name='client_group_id'}
+          {tmpl_var name='client_group_id'}
         </select>
       </div>
     </div>
@@ -71,15 +80,15 @@
   <tmpl_if name="domain_option">
     <div class="col-sm-9">
       <select name="origin" id="origin" class="form-control">
-      {tmpl_var name='domain_option'}
+        {tmpl_var name='domain_option'}
       </select>
       <p class="formHint">{tmpl_var name='eg_domain_tld'}</p>
     </div>
     <tmpl_else>
-    <div class="col-sm-9">
-      <input type="text" name="origin" id="origin" value="{tmpl_var name='origin'}" class="form-control" />
-      <p class="formHint">{tmpl_var name='eg_domain_tld'}</p>
-    </div>
+      <div class="col-sm-9">
+        <input type="text" name="origin" id="origin" value="{tmpl_var name='origin'}" class="form-control" />
+        <p class="formHint">{tmpl_var name='eg_domain_tld'}</p>
+      </div>
   </tmpl_if>
 </div>
 <div class="form-group">
@@ -178,40 +187,40 @@
 </div>
 <script language="JavaScript" type="text/javascript">
   jQuery('#xfer').ispconfigSearch({
-      dataSrc: '/dns/ajax_get_json.php?type=get_ipv4',
-      resultsLimit: '$ <tmpl_var name="globalsearch_resultslimit_of_txt"> % <tmpl_var name="globalsearch_resultslimit_results_txt">',
-      ResultsTextPrefix: '<tmpl_var name="globalsearch_suggestions_text_txt">',
-      noResultsText: '<tmpl_var name="globalsearch_noresults_text_txt">',
-      noResultsLimit: '<tmpl_var name="globalsearch_noresults_limit_txt">',
-      minChars: 0,
-      cssPrefix: 'df-',
-      fillSearchField: true,
-      fillSearchFieldWith: 'fill_text',
-      searchFieldWatermark: '',
-      resultBoxPosition: ''
+    dataSrc: '/dns/ajax_get_json.php?type=get_ipv4',
+    resultsLimit: '$ <tmpl_var name="globalsearch_resultslimit_of_txt"> % <tmpl_var name="globalsearch_resultslimit_results_txt">',
+    ResultsTextPrefix: '<tmpl_var name="globalsearch_suggestions_text_txt">',
+    noResultsText: '<tmpl_var name="globalsearch_noresults_text_txt">',
+    noResultsLimit: '<tmpl_var name="globalsearch_noresults_limit_txt">',
+    minChars: 0,
+    cssPrefix: 'df-',
+    fillSearchField: true,
+    fillSearchFieldWith: 'fill_text',
+    searchFieldWatermark: '',
+    resultBoxPosition: ''
   });
   jQuery('#also_notify').ispconfigSearch({
-      dataSrc: '/dns/ajax_get_json.php?type=get_ipv4',
-      resultsLimit: '$ <tmpl_var name="globalsearch_resultslimit_of_txt"> % <tmpl_var name="globalsearch_resultslimit_results_txt">',
-      ResultsTextPrefix: '<tmpl_var name="globalsearch_suggestions_text_txt">',
-      noResultsText: '<tmpl_var name="globalsearch_noresults_text_txt">',
-      noResultsLimit: '<tmpl_var name="globalsearch_noresults_limit_txt">',
-      minChars: 0,
-      cssPrefix: 'df-',
-      fillSearchField: true,
-      fillSearchFieldWith: 'fill_text',
-      searchFieldWatermark: '',
-      resultBoxPosition: ''
+    dataSrc: '/dns/ajax_get_json.php?type=get_ipv4',
+    resultsLimit: '$ <tmpl_var name="globalsearch_resultslimit_of_txt"> % <tmpl_var name="globalsearch_resultslimit_results_txt">',
+    ResultsTextPrefix: '<tmpl_var name="globalsearch_suggestions_text_txt">',
+    noResultsText: '<tmpl_var name="globalsearch_noresults_text_txt">',
+    noResultsLimit: '<tmpl_var name="globalsearch_noresults_limit_txt">',
+    minChars: 0,
+    cssPrefix: 'df-',
+    fillSearchField: true,
+    fillSearchFieldWith: 'fill_text',
+    searchFieldWatermark: '',
+    resultBoxPosition: ''
   });
   jQuery('#dnssec_wanted').on('click', function(event) {
-      if ($(this).is(':checked')) {
-          return;
-      }
+    if ($(this).is(':checked')) {
+      return;
+    }
 
-      if (window.confirm('{tmpl_var name="dnssec_wanted_info"}')) {
-          return;
-      }
+    if (window.confirm('{tmpl_var name="dnssec_wanted_info"}')) {
+      return;
+    }
 
-      event.preventDefault();
+    event.preventDefault();
   });
 </script>