Merge pull request #191 from ZBoxApp/zonedns_reserver_records

Zonedns reserver records

.eslintrc

@@ -131,7 +131,7 @@
     "jsx-quotes": [2, "prefer-single"],
     "key-spacing": [2, {"beforeColon": false, "afterColon": true}],
     "linebreak-style": 2,
-    "lines-around-comment": [2, { "beforeBlockComment": true, "beforeLineComment": true, "allowBlockStart": true, "allowBlockEnd": true }],
+    # "lines-around-comment": [2, { "beforeBlockComment": true, "beforeLineComment": true, "allowBlockStart": true, "allowBlockEnd": true }],
     "new-cap": 2,
     "new-parens": 2,
     "no-lonely-if": 2,

path.json

-module.exports = {"main":{"js":"/648276bundle.js"}}
+module.exports = {"main":{"js":"/886953bundle.js"}}
\ No newline at end of file

src/components/domain/domain_admin_dns.jsx

@@ -302,6 +302,13 @@ export default class DNSZoneForm extends React.Component {
         let header = null;
         let inputSearch = null;
         let pagination = null;
+        //
+        // No show records
+        //
+        const inMutableFields = window.manager_config.dns.inmutable;
+        const mutableFields = this.state.fields.filter((record) => {
+          return !inMutableFields.includes(record.type.toLowerCase());
+        });
         const types = this.types.map((item) => {
             return (
                 <option
@@ -354,19 +361,19 @@ export default class DNSZoneForm extends React.Component {
                         <strong>Nombre</strong>
                     </div>
 
-                    <div className='col-xs-1'>
+                    <div className='col-xs-2'>
                         <strong>Tipo</strong>
                     </div>
 
-                    <div className='col-xs-3'>
+                    <div className='col-xs-4'>
                         <strong>Contenido</strong>
                     </div>
 
-                    <div className='col-xs-2'>
+                    <div className='col-xs-1'>
                         <strong>Prioridad</strong>
                     </div>
 
-                    <div className='col-xs-2'>
+                    <div className='col-xs-1'>
                         <strong>TTL</strong>
                     </div>
 
@@ -396,7 +403,7 @@ export default class DNSZoneForm extends React.Component {
                             />
                         </div>
 
-                        <div className='col-xs-1'>
+                        <div className='col-xs-2'>
                             <select
                                 className='form-control'
                                 defaultValue={newElement.type}
@@ -409,7 +416,7 @@ export default class DNSZoneForm extends React.Component {
                             </select>
                         </div>
 
-                        <div className='col-xs-3'>
+                        <div className='col-xs-4'>
                             <input
                                 type='text'
                                 className='form-control'
@@ -420,7 +427,7 @@ export default class DNSZoneForm extends React.Component {
                             />
                         </div>
 
-                        <div className='col-xs-2'>
+                        <div className='col-xs-1'>
                             <input
                                 type='number'
                                 className='form-control'
@@ -431,7 +438,7 @@ export default class DNSZoneForm extends React.Component {
                             />
                         </div>
 
-                        <div className='col-xs-2'>
+                        <div className='col-xs-1'>
                             <input
                                 type='number'
                                 className='form-control'
@@ -462,7 +469,7 @@ export default class DNSZoneForm extends React.Component {
 
             if (this.state.fields.length > 0) {
                 const length = this.state.fields.length;
-                fields = this.state.fields.map((element, i) => {
+                fields = mutableFields.map((element, i) => {
                     const isDisabled = element.enabled ? null : true;
                     return (
                         <div
@@ -482,7 +489,7 @@ export default class DNSZoneForm extends React.Component {
                                 />
                             </div>
 
-                            <div className='col-xs-1'>
+                            <div className='col-xs-2'>
                                 <select
                                     className='form-control'
                                     defaultValue={element.type}
@@ -495,7 +502,7 @@ export default class DNSZoneForm extends React.Component {
                                 </select>
                             </div>
 
-                            <div className='col-xs-3'>
+                            <div className='col-xs-4'>
                                 <input
                                     type='text'
                                     className='form-control'
@@ -506,7 +513,7 @@ export default class DNSZoneForm extends React.Component {
                                 />
                             </div>
 
-                            <div className='col-xs-2'>
+                            <div className='col-xs-1'>
                                 <input
                                     type='number'
                                     className='form-control'
@@ -517,7 +524,7 @@ export default class DNSZoneForm extends React.Component {
                                 />
                             </div>
 
-                            <div className='col-xs-2'>
+                            <div className='col-xs-1'>
                                 <input
                                     type='number'
                                     className='form-control'