@ -12,6 +12,7 @@ define('admin/manage/group', [
var groupIcon = $ ( '#group-icon' ) ;
var changeGroupUserTitle = $ ( '#change-group-user-title' ) ;
var changeGroupLabelColor = $ ( '#change-group-label-color' ) ;
var changeGroupTextColor = $ ( '#change-group-text-color' ) ;
var groupLabelPreview = $ ( '#group-label-preview' ) ;
var groupName = ajaxify . data . group . name ;
@ -30,6 +31,10 @@ define('admin/manage/group', [
groupLabelPreview . css ( 'background' , changeGroupLabelColor . val ( ) || '#000000' ) ;
} ) ;
changeGroupTextColor . keyup ( function ( ) {
groupLabelPreview . css ( 'color' , changeGroupTextColor . val ( ) || '#ffffff' ) ;
} ) ;
$ ( '[component="groups/members"]' ) . on ( 'click' , '[data-action]' , function ( ) {
var btnEl = $ ( this ) ;
var userRow = btnEl . parents ( '[data-uid]' ) ;
@ -72,14 +77,20 @@ define('admin/manage/group', [
}
} ) ;
$ ( '#group-icon' ) . on ( 'click' , function ( ) {
iconSelect . init ( groupIcon ) ;
$ ( '#group-icon, #group-icon-label' ) . on ( 'click' , function ( ) {
iconSelect . init ( groupIcon , function ( ) {
$ ( '#group-icon-preview' ) . attr ( 'class' , 'fa fa-fw ' + ( groupIcon . attr ( 'value' ) || 'hidden' ) ) ;
} ) ;
} ) ;
colorpicker . enable ( changeGroupLabelColor , function ( hsb , hex ) {
groupLabelPreview . css ( 'background-color' , '#' + hex ) ;
} ) ;
colorpicker . enable ( changeGroupTextColor , function ( hsb , hex ) {
groupLabelPreview . css ( 'color' , '#' + hex ) ;
} ) ;
$ ( '#save' ) . on ( 'click' , function ( ) {
socket . emit ( 'admin.groups.update' , {
groupName : groupName ,
@ -89,6 +100,7 @@ define('admin/manage/group', [
description : $ ( '#change-group-desc' ) . val ( ) ,
icon : groupIcon . attr ( 'value' ) ,
labelColor : changeGroupLabelColor . val ( ) ,
textColor : changeGroupTextColor . val ( ) ,
userTitleEnabled : $ ( '#group-userTitleEnabled' ) . is ( ':checked' ) ,
private : $ ( '#group-private' ) . is ( ':checked' ) ,
hidden : $ ( '#group-hidden' ) . is ( ':checked' ) ,