@ -57,7 +57,7 @@ define(['uploader'], function(uploader) {
function updateCategoryOrders ( ) {
function updateCategoryOrders ( ) {
var categories = $ ( '.admin-categories #entry-container' ) . children ( ) ;
var categories = $ ( '.admin-categories #entry-container' ) . children ( ) ;
for ( var i = 0 ; i < categories . length ; ++ i ) {
for ( var i = 0 ; i < categories . length ; ++ i ) {
var input = $ ( categories [ i ] ) . find ( 'input[data-name="order"]' ) ;
var input = $ ( categories [ i ] ) . find ( 'input[data-name="order"]' ) ;
input . val ( i + 1 ) . attr ( 'data-value' , i + 1 ) ;
input . val ( i + 1 ) . attr ( 'data-value' , i + 1 ) ;
@ -66,13 +66,14 @@ define(['uploader'], function(uploader) {
}
}
$ ( '#entry-container' ) . sortable ( {
$ ( '#entry-container' ) . sortable ( {
stop : function ( event , ui ) {
stop : function ( event , ui ) {
updateCategoryOrders ( ) ;
updateCategoryOrders ( ) ;
} ,
} ,
distance : 10
distance : 10
} ) ;
} ) ;
$ ( '.blockclass' ) . each ( function ( ) {
$ ( '.blockclass' ) . each ( function ( ) {
$ ( this ) . val ( this . getAttribute ( 'data-value' ) ) ;
var $this = $ ( this ) ;
$this . val ( $this . attr ( 'data-value' ) ) ;
} ) ;
} ) ;
@ -115,29 +116,30 @@ define(['uploader'], function(uploader) {
}
}
function enableColorPicker ( idx , inputEl ) {
function enableColorPicker ( idx , inputEl ) {
var j inputEl = $ ( inputEl ) ,
var $ inputEl = $ ( inputEl ) ,
previewEl = j inputEl. parents ( '[data-cid]' ) . find ( '.preview-box' ) ;
previewEl = $ inputEl. parents ( '[data-cid]' ) . find ( '.preview-box' ) ;
j inputEl. ColorPicker ( {
$ inputEl. ColorPicker ( {
color : j inputEl. val ( ) || '#000' ,
color : $ inputEl. val ( ) || '#000' ,
onChange : function ( hsb , hex ) {
onChange : function ( hsb , hex ) {
j inputEl. val ( '#' + hex ) ;
$ inputEl. val ( '#' + hex ) ;
if ( inputEl. getAttribute ( 'data-name' ) === 'bgColor' ) previewEl . css ( 'background' , '#' + hex ) ;
if ( $inputEl. attr ( 'data-name' ) === 'bgColor' ) previewEl . css ( 'background' , '#' + hex ) ;
else if ( inputEl. getAttribute ( 'data-name' ) === 'color' ) previewEl . css ( 'color' , '#' + hex ) ;
else if ( $inputEl. attr ( 'data-name' ) === 'color' ) previewEl . css ( 'color' , '#' + hex ) ;
modified ( ) ;
modified ( $ inputEl[ 0 ] ) ;
}
}
} ) ;
} ) ;
}
}
$ ( 'document' ) . ready ( function ( ) {
$ ( function ( ) {
var url = window . location . href ,
var url = window . location . href ,
parts = url . split ( '/' ) ,
parts = url . split ( '/' ) ,
active = parts [ parts . length - 1 ] ;
active = parts [ parts . length - 1 ] ;
$ ( '.nav-pills li' ) . removeClass ( 'active' ) ;
$ ( '.nav-pills li' ) . removeClass ( 'active' ) ;
$ ( '.nav-pills li a' ) . each ( function ( ) {
$ ( '.nav-pills li a' ) . each ( function ( ) {
if ( this . getAttribute ( 'href' ) . match ( active ) ) {
var $this = $ ( this ) ;
$ ( this . parentNode ) . addClass ( 'active' ) ;
if ( $this . attr ( 'href' ) . match ( active ) ) {
$this . parent ( ) . addClass ( 'active' ) ;
return false ;
return false ;
}
}
} ) ;
} ) ;
@ -159,11 +161,11 @@ define(['uploader'], function(uploader) {
} ) ;
} ) ;
$ ( '.dropdown' ) . on ( 'click' , '[data-disabled]' , function ( ev ) {
$ ( '.dropdown' ) . on ( 'click' , '[data-disabled]' , function ( ev ) {
var btn = $ ( this ) ;
var btn = $ ( this ) ,
var categoryRow = btn . parents ( 'li' ) ;
categoryRow = btn . parents ( 'li' ) ,
var cid = categoryRow . attr ( 'data-cid' ) ;
cid = categoryRow . attr ( 'data-cid' ) ,
disabled = btn . attr ( 'data-disabled' ) === 'false' ? '1' : '0' ;
var disabled = this . getAttribute ( 'data-disabled' ) === 'false' ? '1' : '0' ;
categoryRow . remove ( ) ;
categoryRow . remove ( ) ;
modified _categories [ cid ] = modified _categories [ cid ] || { } ;
modified _categories [ cid ] = modified _categories [ cid ] || { } ;
modified _categories [ cid ] [ 'disabled' ] = disabled ;
modified _categories [ cid ] [ 'disabled' ] = disabled ;
@ -185,14 +187,15 @@ define(['uploader'], function(uploader) {
$ ( '.admin-categories' ) . on ( 'click' , '.upload-button' , function ( ) {
$ ( '.admin-categories' ) . on ( 'click' , '.upload-button' , function ( ) {
var inputEl = this ;
var inputEl = $ ( this ) ,
var cid = $ ( this ) . parents ( 'li[data-cid]' ) . attr ( 'data-cid' ) ;
cid = inputEl . parents ( 'li[data-cid]' ) . attr ( 'data-cid' ) ;
uploader . open ( RELATIVE _PATH + '/admin/category/uploadpicture' , { cid : cid } , 0 , function ( imageUrlOnServer ) {
inputEl . value = imageUrlOnServer ;
uploader . open ( RELATIVE _PATH + '/admin/category/uploadpicture' , { cid : cid } , 0 , function ( imageUrlOnServer ) {
var previewBox = $ ( inputEl ) . parents ( 'li[data-cid]' ) . find ( '.preview-box' ) ;
inputEl . val ( imageUrlOnServer ) ;
var previewBox = inputEl . parents ( 'li[data-cid]' ) . find ( '.preview-box' ) ;
previewBox . css ( 'background' , 'url(' + imageUrlOnServer + '?' + new Date ( ) . getTime ( ) + ')' )
previewBox . css ( 'background' , 'url(' + imageUrlOnServer + '?' + new Date ( ) . getTime ( ) + ')' )
. css ( 'background-size' , 'cover' ) ;
. css ( 'background-size' , 'cover' ) ;
modified ( inputEl ;
modified ( inputEl [0 ] );
} ) ;
} ) ;
} ) ;
} ) ;
@ -202,12 +205,12 @@ define(['uploader'], function(uploader) {
preview = parent . find ( '.preview-box' ) ,
preview = parent . find ( '.preview-box' ) ,
bgColor = parent . find ( '.category_bgColor' ) . val ( ) ;
bgColor = parent . find ( '.category_bgColor' ) . val ( ) ;
inputEl . val ue = '' ;
inputEl . val ( '' ) ;
modified ( inputEl ;
modified ( inputEl [0 ] );
preview . css ( 'background' , bgColor ) ;
preview . css ( 'background' , bgColor ) ;
$ ( this ) . ( ) ;
$ ( this ) . addClass( 'hide' ) . hide( ) ;
} ) ;
} ) ;
} ) ;
} ) ;
} ;
} ;
@ -221,8 +224,8 @@ define(['uploader'], function(uploader) {
searchEl . off ( ) . on ( 'keyup' , function ( ) {
searchEl . off ( ) . on ( 'keyup' , function ( ) {
var searchEl = this ,
var searchEl = this ,
resultsFrag = document . createDocumentFragment ( ) ,
liEl;
liEl = document . createElement ( 'li' ) ;
clearTimeout ( searchDelay ) ;
clearTimeout ( searchDelay ) ;
searchDelay = setTimeout ( function ( ) {
searchDelay = setTimeout ( function ( ) {
@ -236,23 +239,21 @@ define(['uploader'], function(uploader) {
var numResults = results . length ,
var numResults = results . length ,
resultObj ;
resultObj ;
for ( var x = 0 ; x < numResults ; x ++ ) {
for ( var x = 0 ; x < numResults ; x ++ ) {
resultObj = results [ x ] ;
resultObj = results [ x ] ;
liEl = $ ( '<li />' )
liEl . setAttribute ( 'data-uid' , resultObj . uid ) ;
. attr ( 'data-uid' , resultObj . uid )
liEl . innerHTML = '<div class="pull-right">' +
. html ( '<div class="pull-right">' +
'<div class="btn-group">' +
'<div class="btn-group">' +
'<button type="button" data-priv="+r" class="btn btn-default' + ( resultObj . privileges [ '+r' ] ? ' active' : '' ) + '">Read</button>' +
'<button type="button" data-priv="+r" class="btn btn-default' + ( resultObj . privileges [ '+r' ] ? ' active' : '' ) + '">Read</button>' +
'<button type="button" data-priv="+w" class="btn btn-default' + ( resultObj . privileges [ '+w' ] ? ' active' : '' ) + '">Write</button>' +
'<button type="button" data-priv="+w" class="btn btn-default' + ( resultObj . privileges [ '+w' ] ? ' active' : '' ) + '">Write</button>' +
'<button type="button" data-priv="mods" class="btn btn-default' + ( resultObj . privileges [ 'mods' ] ? ' active' : '' ) + '">Moderator</button>' +
'<button type="button" data-priv="mods" class="btn btn-default' + ( resultObj . privileges [ 'mods' ] ? ' active' : '' ) + '">Moderator</button>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'<img src="' + resultObj . picture + '" /> ' + resultObj . username ;
'<img src="' + resultObj . picture + '" /> ' + resultObj . username ) ;
results Frag. appendChild ( liEl . cloneNode ( true ) ) ;
results El. append ( liEl ) ;
}
}
resultsEl . html ( resultsFrag ) ;
} ) ;
} ) ;
} , 250 ) ;
} , 250 ) ;
} ) ;
} ) ;
@ -262,7 +263,7 @@ define(['uploader'], function(uploader) {
resultsEl . off ( ) . on ( 'click' , '[data-priv]' , function ( e ) {
resultsEl . off ( ) . on ( 'click' , '[data-priv]' , function ( e ) {
var btnEl = $ ( this ) ,
var btnEl = $ ( this ) ,
uid = btnEl . parents ( 'li[data-uid]' ) . attr ( 'data-uid' ) ,
uid = btnEl . parents ( 'li[data-uid]' ) . attr ( 'data-uid' ) ,
privilege = this . getAttribute ( 'data-priv' ) ;
privilege = btnEl . attr ( 'data-priv' ) ;
e . preventDefault ( ) ;
e . preventDefault ( ) ;
socket . emit ( 'admin.categories.setPrivilege' , {
socket . emit ( 'admin.categories.setPrivilege' , {
@ -278,7 +279,7 @@ define(['uploader'], function(uploader) {
} ) ;
} ) ;
modal . off ( ) . on ( 'click' , '.members li > img' , function ( ) {
modal . off ( ) . on ( 'click' , '.members li > img' , function ( ) {
searchEl . val ( this . getAttribute ( 'title' ) ) ;
searchEl . val ( $ ( this ) . attr ( 'title' ) ) ;
searchEl . keyup ( ) ;
searchEl . keyup ( ) ;
} ) ;
} ) ;
@ -287,33 +288,31 @@ define(['uploader'], function(uploader) {
if ( err ) {
if ( err ) {
return app . alertError ( err . message ) ;
return app . alertError ( err . message ) ;
}
}
var groupsFrag = document . createDocumentFragment ( ) ,
var numResults = results . length ,
numResults = results . length ,
trEl ,
trEl = document . createElement ( 'tr' ) ,
resultObj ;
resultObj ;
for ( var x = 0 ; x < numResults ; x ++ ) {
for ( var x = 0 ; x < numResults ; x ++ ) {
resultObj = results [ x ] ;
resultObj = results [ x ] ;
trEl . setAttribute ( 'data-gid' , resultObj . gid ) ;
trEl = $ ( '<tr />' )
trEl . innerHTML = '<td><h4>' + resultObj . name + '</h4></td>' +
. attr ( 'data-gid' , resultObj . gid )
'< td>' +
. html ( '<td><h4>' + resultObj . name + '</h4></ +
'<div class="btn-group pull-right" >' +
'<td +
'<button type="button" data-gpriv="g+r" class="btn btn-default' + ( resultObj . privileges [ 'g+r' ] ? ' active' : '' ) + '">Read</button >' +
'<div class="btn-group pull-right" +
'<button type="button" data-gpriv="g+ w " class="btn btn-default' + ( resultObj . privileges [ 'g+ w '] ? ' active' : '' ) + '"> Write </button>' +
'<button type="button" data-gpriv="g+ r " class="btn btn-default' + ( resultObj . privileges [ 'g+ r '] ? ' active' : '' ) + '"> Read </button>' +
'</div >' +
'<button type="button" data-gpriv="g+w" class="btn btn-default' + ( resultObj . privileges [ 'g+w' ] ? ' active' : '' ) + '">Write</button +
'</td>' ;
'</div>' +
'</td>' ) ;
groups Frag. appendChild ( trEl . cloneNode ( true ) ) ;
groups ResultsEl. append ( trEl ) ;
}
}
groupsResultsEl . html ( groupsFrag ) ;
} ) ;
} ) ;
groupsResultsEl . off ( ) . on ( 'click' , '[data-gpriv]' , function ( e ) {
groupsResultsEl . off ( ) . on ( 'click' , '[data-gpriv]' , function ( e ) {
var btnEl = $ ( this ) ,
var btnEl = $ ( this ) ,
gid = btnEl . parents ( 'tr[data-gid]' ) . attr ( 'data-gid' ) ,
gid = btnEl . parents ( 'tr[data-gid]' ) . attr ( 'data-gid' ) ,
privilege = this . getAttribute ( 'data-gpriv' ) ;
privilege = btnEl . attr ( 'data-gpriv' ) ;
e . preventDefault ( ) ;
e . preventDefault ( ) ;
socket . emit ( 'admin.categories.setGroupPrivilege' , {
socket . emit ( 'admin.categories.setGroupPrivilege' , {
cid : cid ,
cid : cid ,
gid : gid ,
gid : gid ,
@ -324,7 +323,7 @@ define(['uploader'], function(uploader) {
btnEl . toggleClass ( 'active' ) ;
btnEl . toggleClass ( 'active' ) ;
}
}
} ) ;
} ) ;
} )
} ) ;
modal . modal ( ) ;
modal . modal ( ) ;
} ;
} ;
@ -338,57 +337,40 @@ define(['uploader'], function(uploader) {
var readLength = privilegeList [ '+r' ] . length ,
var readLength = privilegeList [ '+r' ] . length ,
writeLength = privilegeList [ '+w' ] . length ,
writeLength = privilegeList [ '+w' ] . length ,
modLength = privilegeList [ 'mods' ] . length ,
modLength = privilegeList [ 'mods' ] . length ,
readFrag = document . createDocumentFragment ( ) ,
liEl , x , userObj ;
writeFrag = document . createDocumentFragment ( ) ,
modFrag = document . createDocumentFragment ( ) ,
liEl = document . createElement ( 'li' ) ,
x , userObj ;
if ( readLength > 0 ) {
if ( readLength > 0 ) {
for ( x = 0 ; x < readLength ; x ++ ) {
for ( x = 0 ; x < readLength ; x ++ ) {
userObj = privilegeList [ '+r' ] [ x ] ;
userObj = privilegeList [ '+r' ] [ x ] ;
liEl . setAttribute ( 'data-uid' , userObj . uid ) ;
liEl = $ ( '<li/>' ) . attr ( 'data-uid' , userObj . uid ) . html ( '<img src="' + userObj . picture + '" title="' + userObj . username + '" />' ) ;
readMembers . append ( liEl ) ;
liEl . innerHTML = '<img src="' + userObj . picture + '" title="' + userObj . username + '" />' ;
readFrag . appendChild ( liEl . cloneNode ( true ) ) ;
}
}
} else {
} else {
liEl . className = 'empty' ;
liEl = $ ( '<li/>' ) . addClass ( 'empty' ) . html ( 'All users can read and see this category' ) ;
liEl . innerHTML = 'All users can read and see this category' ;
readMembers . append ( liEl ) ;
readFrag . appendChild ( liEl . cloneNode ( true ) ) ;
}
}
if ( writeLength > 0 ) {
if ( writeLength > 0 ) {
for ( x = 0 ; x < writeLength ; x ++ ) {
for ( x = 0 ; x < writeLength ; x ++ ) {
userObj = privilegeList [ '+w' ] [ x ] ;
userObj = privilegeList [ '+w' ] [ x ] ;
liEl . setAttribute ( 'data-uid' , userObj . uid ) ;
$ ( '<li />' ) . attr ( 'data-uid' , userObj . uid ) . html ( '<img src="' + userObj . picture + '" title="' + userObj . username + '" />' ) ;
writeMembers . append ( liEl ) ;
liEl . innerHTML = '<img src="' + userObj . picture + '" title="' + userObj . username + '" />' ;
writeFrag . appendChild ( liEl . cloneNode ( true ) ) ;
}
}
} else {
} else {
liEl . className = 'empty' ;
liEl = $ ( '<li />' ) . addClass ( 'empty' ) . html ( 'All users can write to this category' ) ;
liEl . innerHTML = 'All users can write to this category' ;
writeMembers . append ( liEl ) ;
writeFrag . appendChild ( liEl . cloneNode ( true ) ) ;
}
}
if ( modLength > 0 ) {
if ( modLength > 0 ) {
for ( x = 0 ; x < modLength ; x ++ ) {
for ( x = 0 ; x < modLength ; x ++ ) {
userObj = privilegeList [ 'mods' ] [ x ] ;
userObj = privilegeList [ 'mods' ] [ x ] ;
liEl . setAttribute ( 'data-uid' , userObj . uid ) ;
liEl = $ ( '<li />' ) . attr ( 'data-uid' , userObj . uid ) . html ( '<img src="' + userObj . picture + '" title="' + userObj . username + '" />' ) ;
moderatorsEl . append ( liEl ) ;
liEl . innerHTML = '<img src="' + userObj . picture + '" title="' + userObj . username + '" />' ;
modFrag . appendChild ( liEl . cloneNode ( true ) ) ;
}
}
} else {
} else {
liEl . className = 'empty' ;
liEl = $ ( '<li />' ) . addClass ( 'empty' ) . html ( 'No moderators' ) ;
liEl . innerHTML = 'No moderators' ;
moderatorsEl . appendChild ( liEl ) ;
modFrag . appendChild ( liEl . cloneNode ( true ) ) ;
}
}
readMembers . html ( readFrag ) ;
writeMembers . html ( writeFrag ) ;
moderatorsEl . html ( modFrag ) ;
} ) ;
} ) ;
} ;
} ;
psychobunny
11 years ago