Commit 2395f8bd authored by Juorder Antonio's avatar Juorder Antonio

fix replacement for dns inputs size, and fix the way to hide record that...

fix replacement for dns inputs size, and fix the way to hide record that should not show, add feature for show how many mailboxes has each domain when creating a mailbox, and just show only real domain, not archive niether alias domain.
parent 01dc8809
module.exports = {"main":{"js":"/738894bundle.js"}} module.exports = {"main":{"js":"/749887bundle.js"}}
\ No newline at end of file \ No newline at end of file
...@@ -322,6 +322,13 @@ export default class DNSZoneForm extends React.Component { ...@@ -322,6 +322,13 @@ export default class DNSZoneForm extends React.Component {
let header = null; let header = null;
let inputSearch = null; let inputSearch = null;
let pagination = 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) => { const types = this.types.map((item) => {
return ( return (
<option <option
...@@ -374,19 +381,19 @@ export default class DNSZoneForm extends React.Component { ...@@ -374,19 +381,19 @@ export default class DNSZoneForm extends React.Component {
<strong>Nombre</strong> <strong>Nombre</strong>
</div> </div>
<div className='col-xs-1'> <div className='col-xs-2'>
<strong>Tipo</strong> <strong>Tipo</strong>
</div> </div>
<div className='col-xs-3'> <div className='col-xs-4'>
<strong>Contenido</strong> <strong>Contenido</strong>
</div> </div>
<div className='col-xs-2'> <div className='col-xs-1'>
<strong>Prioridad</strong> <strong>Prioridad</strong>
</div> </div>
<div className='col-xs-2'> <div className='col-xs-1'>
<strong>TTL</strong> <strong>TTL</strong>
</div> </div>
...@@ -416,7 +423,7 @@ export default class DNSZoneForm extends React.Component { ...@@ -416,7 +423,7 @@ export default class DNSZoneForm extends React.Component {
/> />
</div> </div>
<div className='col-xs-1'> <div className='col-xs-2'>
<select <select
className='form-control' className='form-control'
defaultValue={newElement.type} defaultValue={newElement.type}
...@@ -429,7 +436,7 @@ export default class DNSZoneForm extends React.Component { ...@@ -429,7 +436,7 @@ export default class DNSZoneForm extends React.Component {
</select> </select>
</div> </div>
<div className='col-xs-3'> <div className='col-xs-4'>
<input <input
type='text' type='text'
className='form-control' className='form-control'
...@@ -440,7 +447,7 @@ export default class DNSZoneForm extends React.Component { ...@@ -440,7 +447,7 @@ export default class DNSZoneForm extends React.Component {
/> />
</div> </div>
<div className='col-xs-2'> <div className='col-xs-1'>
<input <input
type='number' type='number'
className='form-control' className='form-control'
...@@ -451,7 +458,7 @@ export default class DNSZoneForm extends React.Component { ...@@ -451,7 +458,7 @@ export default class DNSZoneForm extends React.Component {
/> />
</div> </div>
<div className='col-xs-2'> <div className='col-xs-1'>
<input <input
type='number' type='number'
className='form-control' className='form-control'
...@@ -480,9 +487,9 @@ export default class DNSZoneForm extends React.Component { ...@@ -480,9 +487,9 @@ export default class DNSZoneForm extends React.Component {
); );
}); });
if (this.state.fields.length > 0) { if (mutableFields.length > 0) {
const length = this.state.fields.length; const length = mutableFields.length;
fields = this.state.fields.map((element, i) => { fields = mutableFields.map((element, i) => {
const isDisabled = element.enabled ? null : true; const isDisabled = element.enabled ? null : true;
return ( return (
<div <div
...@@ -499,7 +506,7 @@ export default class DNSZoneForm extends React.Component { ...@@ -499,7 +506,7 @@ export default class DNSZoneForm extends React.Component {
/> />
</div> </div>
<div className='col-xs-1'> <div className='col-xs-2'>
<input <input
className='form-control' className='form-control'
type='text' type='text'
...@@ -508,7 +515,7 @@ export default class DNSZoneForm extends React.Component { ...@@ -508,7 +515,7 @@ export default class DNSZoneForm extends React.Component {
/> />
</div> </div>
<div className='col-xs-3'> <div className='col-xs-4'>
<input <input
type='text' type='text'
className='form-control' className='form-control'
...@@ -519,7 +526,7 @@ export default class DNSZoneForm extends React.Component { ...@@ -519,7 +526,7 @@ export default class DNSZoneForm extends React.Component {
/> />
</div> </div>
<div className='col-xs-2'> <div className='col-xs-1'>
<input <input
type='number' type='number'
className='form-control' className='form-control'
...@@ -530,7 +537,7 @@ export default class DNSZoneForm extends React.Component { ...@@ -530,7 +537,7 @@ export default class DNSZoneForm extends React.Component {
/> />
</div> </div>
<div className='col-xs-2'> <div className='col-xs-1'>
<input <input
type='number' type='number'
className='form-control' className='form-control'
......
This diff is collapsed.
...@@ -1508,6 +1508,10 @@ label { ...@@ -1508,6 +1508,10 @@ label {
.pretty-input { .pretty-input {
padding-left: 0; padding-left: 0;
&.disabled {
opacity: .5;
}
.pretty-radio { .pretty-radio {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
...@@ -1533,6 +1537,7 @@ label { ...@@ -1533,6 +1537,7 @@ label {
&::before { &::before {
background-color: $white; background-color: $white;
border-radius: 50%;
color: $white; color: $white;
content: '\2713'; content: '\2713';
height: 100%; height: 100%;
......
...@@ -32,3 +32,33 @@ ...@@ -32,3 +32,33 @@
width: 100%; width: 100%;
} }
} }
.tag-status[class^='btn'] {
border: 1px solid $border-color-tag;
border-radius: 0 0 0 10px;
color: $white;
display: block;
overflow: hidden;
padding-left: 5px;
span {
background: $white;
color: $black;
display: inline-block;
font-size: 12px;
margin-left: 10px;
padding: 2px;
position: relative;
&::before {
border: 5px solid transparent;
border-right-color: $white;
content: '';
display: block;
position: absolute;
right: 100%;
top: 50%;
transform: translateY(-50%);
}
}
}
...@@ -125,3 +125,7 @@ $la-dark-color: #333; ...@@ -125,3 +125,7 @@ $la-dark-color: #333;
//beta style //beta style
$bg-beta: #ee8e4a; $bg-beta: #ee8e4a;
// tags mailbox style
$border-color-tag: #e2e2e2;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment