@@ -6,18 +6,28 @@ import Button from "dnn-button";
6
6
import AssignedSelector from "./AssignedSelector" ;
7
7
//import Label from "dnn-label";
8
8
import SingleLineInputWithError from "dnn-single-line-input-with-error" ;
9
+ import MultiLineInputWithError from "dnn-multi-line-input-with-error" ;
9
10
import "./Editor.less" ;
10
11
11
12
export default class SiteGroupEditor extends React . Component {
12
13
constructor ( props ) {
13
14
super ( props ) ;
14
15
}
15
-
16
+
16
17
render ( ) {
17
18
return < div className = "sitegroup-details-editor" >
18
19
< GridCell >
19
20
< Grid numberOfColums = { 2 } >
20
21
< div className = "editor-container" >
22
+ < div className = "editor-row divider" >
23
+ < SingleLineInputWithError
24
+ value = { this . props . group . MasterPortal . PortalName }
25
+ enabled = { false }
26
+ label = { Resx . get ( "MasterSite.Label" ) }
27
+ tooltipMessage = { Resx . get ( "MasterSite.Help" ) }
28
+ inputStyle = { { marginBottom : 15 } }
29
+ tabIndex = { 1 } />
30
+ </ div >
21
31
< div className = "editor-row divider" >
22
32
< SingleLineInputWithError
23
33
value = { this . props . portalGroupName }
@@ -30,33 +40,34 @@ export default class SiteGroupEditor extends React.Component {
30
40
errorMessage = { Resx . get ( "GroupName.Required" ) }
31
41
autoComplete = "off"
32
42
inputStyle = { { marginBottom : 15 } }
33
- tabIndex = { 1 } />
43
+ tabIndex = { 2 } />
34
44
</ div >
35
45
</ div >
36
46
< div className = "editor-container right-column" >
37
- < div className = "editor-row divider" >
38
- < SingleLineInputWithError
39
- value = { this . props . group . MasterPortal . PortalName }
40
- enabled = { false }
41
- label = { Resx . get ( "MasterSite.Label" ) }
42
- tooltipMessage = { Resx . get ( "MasterSite.Help" ) }
43
- inputStyle = { { marginBottom : 15 } }
44
- tabIndex = { 2 } />
45
- </ div >
46
47
< div className = "editor-row divider" >
47
48
< SingleLineInputWithError
48
49
value = { this . props . authenticationDomain }
49
50
enabled = { true }
50
51
onChange = { ( e ) => this . props . onAuthenticationDomainChanged ( e . target . value ) }
51
52
maxLength = { 50 }
52
- error = { this . props . errors . authenticationDomain }
53
53
label = { Resx . get ( "AuthenticationDomain.Label" ) }
54
54
tooltipMessage = { Resx . get ( "AuthenticationDomain.Help" ) }
55
- errorMessage = { Resx . get ( "AuthenticationDomain.Required" ) }
56
55
autoComplete = "off"
57
56
inputStyle = { { marginBottom : 15 } }
58
57
tabIndex = { 3 } />
59
58
</ div >
59
+ < div className = "editor-row divider" >
60
+ < MultiLineInputWithError
61
+ value = { this . props . description }
62
+ enabled = { true }
63
+ onChange = { ( e ) => this . props . onDescriptionChanged ( e . target . value ) }
64
+ maxLength = { 50 }
65
+ label = { Resx . get ( "Description.Label" ) }
66
+ tooltipMessage = { Resx . get ( "Description.Help" ) }
67
+ autoComplete = "off"
68
+ inputStyle = { { marginBottom : 15 } }
69
+ tabIndex = { 4 } />
70
+ </ div >
60
71
</ div >
61
72
</ Grid >
62
73
< div className = "selector-container" >
@@ -83,13 +94,15 @@ SiteGroupEditor.propTypes = {
83
94
portalGroupName : React . PropTypes . string ,
84
95
errors : React . PropTypes . object ,
85
96
authenticationDomain : React . PropTypes . string ,
97
+ description : React . PropTypes . string ,
86
98
portals : React . PropTypes . array ,
87
99
group : React . PropTypes . object ,
88
100
unassignedSites : React . PropTypes . array ,
89
101
onCancel : React . PropTypes . func ,
90
102
onDeleteGroup : React . PropTypes . func ,
91
103
onSave : React . PropTypes . func ,
92
104
onGroupNameChanged : React . PropTypes . func ,
105
+ onDescriptionChanged : React . PropTypes . func ,
93
106
onAuthenticationDomainChanged : React . PropTypes . func ,
94
107
onClickOnPortal : React . PropTypes . func ,
95
108
onMoveItemsLeft : React . PropTypes . func ,
0 commit comments