New jot acl selector

This commit is contained in:
Fabio Comuni 2011-07-19 16:17:58 +02:00
parent 34ab2aa959
commit 9fa0956966
11 changed files with 556 additions and 136 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 598 B

BIN
images/search_18.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

236
include/acl.js Normal file
View file

@ -0,0 +1,236 @@
function ACL(backend_url, preset){
that = this;
that.url = backend_url;
that.kp_timer = null;
if (preset==undefined) preset = [];
that.allow_cid = (preset[0] || []);
that.allow_gid = (preset[1] || []);
that.deny_cid = (preset[2] || []);
that.deny_gid = (preset[3] || []);
that.group_uids = [];
that.nw = 5; that.nh = 5;
that.list_content = $("#acl-list-content");
that.item_tpl = unescape($(".acl-list-item[rel=acl-template]").html());
that.showall = $("#acl-showall");
if (preset.length==0) that.showall.addClass("selected");
/*events*/
that.showall.click(that.on_showall);
$(".acl-button-show").live('click', that.on_button_show);
$(".acl-button-hide").live('click', that.on_button_hide);
$("#acl-search").keypress(that.on_search);
$("#acl-wrapper").parents("form").submit(that.on_submit);
/* startup! */
that.get(0,100);
}
ACL.prototype.on_submit = function(){
aclfileds = $("#acl-fields").html("");
$(that.allow_gid).each(function(i,v){
aclfileds.append("<input type='hidden' name='group_allow[]' value='"+v+"'>");
});
$(that.allow_cid).each(function(i,v){
aclfileds.append("<input type='hidden' name='contact_allow[]' value='"+v+"'>");
});
$(that.deny_gid).each(function(i,v){
aclfileds.append("<input type='hidden' name='group_deny[]' value='"+v+"'>");
});
$(that.deny_cid).each(function(i,v){
aclfileds.append("<input type='hidden' name='contact_deny[]' value='"+v+"'>");
});
}
ACL.prototype.search = function(){
var srcstr = $("#acl-search").val();
that.list_content.html("");
that.get(0,100, srcstr);
}
ACL.prototype.on_search = function(event){
if (that.kp_timer) clearTimeout(that.kp_timer);
that.kp_timer = setTimeout( that.search, 1000);
}
ACL.prototype.on_showall = function(event){
event.stopPropagation();
if (that.showall.hasClass("selected")){
return false;
}
that.showall.addClass("selected");
that.allow_cid = [];
that.allow_gid = [];
that.deny_cid = [];
that.deny_gid = [];
that.updateview();
return false;
}
ACL.prototype.on_button_show = function(event){
event.stopPropagation();
/*that.showall.removeClass("selected");
$(this).siblings(".acl-button-hide").removeClass("selected");
$(this).toggleClass("selected");*/
that.set_allow($(this).parent().attr('id'));
return false;
}
ACL.prototype.on_button_hide = function(event){
event.stopPropagation();
/*that.showall.removeClass("selected");
$(this).siblings(".acl-button-show").removeClass("selected");
$(this).toggleClass("selected");*/
that.set_deny($(this).parent().attr('id'));
return false;
}
ACL.prototype.set_allow = function(itemid){
type = itemid[0];
id = parseInt(itemid.substr(1));
switch(type){
case "g":
if (that.allow_gid.indexOf(id)<0){
that.allow_gid.push(id)
}else {
that.allow_gid.remove(id);
}
if (that.deny_gid.indexOf(id)>=0) that.deny_gid.remove(id);
break;
case "c":
if (that.allow_cid.indexOf(id)<0){
that.allow_cid.push(id)
} else {
that.allow_cid.remove(id);
}
if (that.deny_cid.indexOf(id)>=0) that.deny_cid.remove(id);
break;
}
that.updateview();
}
ACL.prototype.set_deny = function(itemid){
type = itemid[0];
id = parseInt(itemid.substr(1));
switch(type){
case "g":
if (that.deny_gid.indexOf(id)<0){
that.deny_gid.push(id)
} else {
that.deny_gid.remove(id);
}
if (that.allow_gid.indexOf(id)>=0) that.allow_gid.remove(id);
break;
case "c":
if (that.deny_cid.indexOf(id)<0){
that.deny_cid.push(id)
} else {
that.deny_cid.remove(id);
}
if (that.allow_cid.indexOf(id)>=0) that.allow_cid.remove(id);
break;
}
that.updateview();
}
ACL.prototype.updateview = function(){
if (that.allow_gid.length==0 && that.allow_cid.length==0 &&
that.deny_gid.length==0 && that.deny_cid.length==0){
that.showall.addClass("selected");
/* jot acl */
$('#jot-perms-icon').removeClass('lock').addClass('unlock');
$('#jot-public').show();
$('.profile-jot-net input').attr('disabled', false);
} else {
that.showall.removeClass("selected");
/* jot acl */
$('#jot-perms-icon').removeClass('unlock').addClass('lock');
$('#jot-public').hide();
$('.profile-jot-net input').attr('disabled', 'disabled');
}
$("#acl-list-content .acl-list-item").each(function(){
itemid = $(this).attr('id');
type = itemid[0];
id = parseInt(itemid.substr(1));
btshow = $(this).children(".acl-button-show").removeClass("selected");
bthide = $(this).children(".acl-button-hide").removeClass("selected");
switch(type){
case "g":
var uclass = "";
if (that.allow_gid.indexOf(id)>=0){
btshow.addClass("selected");
bthide.removeClass("selected");
uclass="groupshow";
}
if (that.deny_gid.indexOf(id)>=0){
btshow.removeClass("selected");
bthide.addClass("selected");
uclass="grouphide";
}
$(that.group_uids[id]).each(function(i,v){
$("#c"+v).removeClass("groupshow grouphide").addClass(uclass);
});
break;
case "c":
if (that.allow_cid.indexOf(id)>=0){
btshow.addClass("selected");
bthide.removeClass("selected");
}
if (that.deny_cid.indexOf(id)>=0){
btshow.removeClass("selected");
bthide.addClass("selected");
}
}
});
}
ACL.prototype.get = function(start,count, search){
var postdata = {
start:start,
count:count,
search:search,
}
$.ajax({
type:'POST',
url: that.url,
data: postdata,
dataType: 'json',
success:that.populate
});
}
ACL.prototype.populate = function(data){
var height = Math.ceil(data.tot / that.nw) * 42;
that.list_content.height(height);
$(data.items).each(function(){
html = "<div class='acl-list-item {4} {5}' id='{2}{3}'>"+that.item_tpl+"</div>";
html = html.format( this.photo, this.name, this.type, this.id, '', this.network );
if (this.uids!=undefined) that.group_uids[this.id] = this.uids;
//console.log(html);
that.list_content.append(html);
});
that.updateview();
}

View file

@ -239,7 +239,7 @@ function populate_acl($user = null,$celeb = false) {
array_walk($deny_gid,'fixacl'); array_walk($deny_gid,'fixacl');
} }
$o = ''; /*$o = '';
$o .= '<div id="acl-wrapper">'; $o .= '<div id="acl-wrapper">';
$o .= '<div id="acl-permit-outer-wrapper">'; $o .= '<div id="acl-permit-outer-wrapper">';
$o .= '<div id="acl-permit-text">' . t('Visible To:') . '</div><div id="jot-public">' . t('everybody') . '</div>'; $o .= '<div id="acl-permit-text">' . t('Visible To:') . '</div><div id="jot-public">' . t('everybody') . '</div>';
@ -272,7 +272,20 @@ function populate_acl($user = null,$celeb = false) {
$o .= '<div id="acl-deny-end"></div>' . "\r\n"; $o .= '<div id="acl-deny-end"></div>' . "\r\n";
$o .= '</div>'; $o .= '</div>';
$o .= '</div>' . "\r\n"; $o .= '</div>' . "\r\n";
$o .= '<div id="acl-wrapper-end"></div>' . "\r\n"; $o .= '<div id="acl-wrapper-end"></div>' . "\r\n";*/
$tpl = get_markup_template("acl_selector.tpl");
$o = replace_macros($tpl, array(
'$showall'=> t("Visible to everybody"),
'$show' => t("show"),
'$hide' => t("don't show"),
'$allowcid' => json_encode($allow_cid),
'$allowgid' => json_encode($allow_gid),
'$denycid' => json_encode($deny_cid),
'$denygid' => json_encode($deny_gid),
));
return $o; return $o;
} }

View file

@ -53,8 +53,11 @@
//console.log(id); //console.log(id);
}); });
/* setup field_richtext */
setupFieldRichtext();
/* load tinyMCE if needed and setup field_richtext */ /* load tinyMCE if needed and setup field_richtext */
if(typeof tinyMCE == "undefined") { /*if(typeof tinyMCE == "undefined") {
window.tinyMCEPreInit = { window.tinyMCEPreInit = {
suffix:"", suffix:"",
base: baseurl+"/library/tinymce/jscripts/tiny_mce/", base: baseurl+"/library/tinymce/jscripts/tiny_mce/",
@ -62,8 +65,8 @@
}; };
$.getScript(baseurl +"/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js", setupFieldRichtext); $.getScript(baseurl +"/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js", setupFieldRichtext);
} else { } else {
setupFieldRichtext(); }*/
}
/* nav update event */ /* nav update event */
@ -364,7 +367,6 @@ function setupFieldRichtext(){
}); });
} }
/** /**
* sprintf in javascript * sprintf in javascript
* "{0} and {1}".format('zero','uno'); * "{0} and {1}".format('zero','uno');
@ -377,3 +379,10 @@ String.prototype.format = function() {
} }
return formatted; return formatted;
}; };
// Array Remove
Array.prototype.remove = function(item) {
to=undefined; from=this.indexOf(item);
var rest = this.slice((to || from) + 1 || this.length);
this.length = from < 0 ? this.length + from : from;
return this.push.apply(this, rest);
};

94
mod/acl.php Normal file
View file

@ -0,0 +1,94 @@
<?php
/* ACL selector json backend */
require_once("include/acl_selectors.php");
function acl_init(&$a){
if(!local_user())
return "";
$start = (x($_POST,'start')?$_POST['start']:0);
$count = (x($_POST,'count')?$_POST['count']:100);
$search = (x($_POST,'search')?$_POST['search']:"");
if ($search!=""){
$sql_extra = "AND `name` LIKE '%%".dbesc($search)."%%'";
}
// count groups and contacts
$r = q("SELECT COUNT(`id`) AS g FROM `group` WHERE `deleted` = 0 AND `uid` = %d $sql_extra",
intval(local_user())
);
$group_count = (int)$r[0]['g'];
$r = q("SELECT COUNT(`id`) AS c FROM `contact`
WHERE `uid` = %d AND `self` = 0
AND `blocked` = 0 AND `pending` = 0
AND `notify` != '' $sql_extra" ,
intval(local_user())
);
$contact_count = (int)$r[0]['c'];
$tot = $group_count+$contact_count;
$groups = array();
$contacts = array();
$r = q("SELECT `group`.`id`, `group`.`name`, GROUP_CONCAT(DISTINCT `group_member`.`contact-id` SEPARATOR ',') as uids
FROM `group`,`group_member`
WHERE `group`.`deleted` = 0 AND `group`.`uid` = %d
AND `group_member`.`gid`=`group`.`id`
$sql_extra
GROUP BY `group`.`id`
ORDER BY `group`.`name`
LIMIT %d,%d",
intval(local_user()),
intval($start),
intval($count)
);
foreach($r as $g){
$groups[] = array(
"type" => "g",
"photo" => "images/default-group-mm.jpg",
"name" => $g['name'],
"id" => intval($g['id']),
"uids" => array_map("intval", explode(",",$g['uids']))
);
}
$r = q("SELECT `id`, `name`, `micro`, `network` FROM `contact`
WHERE `uid` = %d AND `self` = 0 AND `blocked` = 0 AND `pending` = 0 AND `notify` != ''
$sql_extra
ORDER BY `name` ASC ",
intval(local_user())
);
foreach($r as $g){
$contacts[] = array(
"type" => "c",
"photo" => $g['micro'],
"name" => $g['name'],
"id" => intval($g['id']),
"network" => $g['network']
);
}
$items = array_merge($groups, $contacts);
$o = array(
'tot' => $tot,
'start' => $start,
'count' => $count,
'items' => $items,
);
echo json_encode($o);
killme();
}

24
view/acl_selector.tpl Normal file
View file

@ -0,0 +1,24 @@
<div id="acl-wrapper">
<input id="acl-search">
<a href="#" id="acl-showall">$showall</a>
<div id="acl-list">
<div id="acl-list-content">
</div>
</div>
<span id="acl-fields"></span>
</div>
<div class="acl-list-item" rel="acl-template" style="display:none">
<img src="{0}"><p>{1}</p>
<a href="#" class='acl-button-show'>$show</a>
<a href="#" class='acl-button-hide'>$hide</a>
</div>
<script>
$(function(){
acl = new ACL(
baseurl+"/acl",
[$allowcid,$allowgid,$denycid,$denygid]
);
});
</script>

View file

@ -12,6 +12,8 @@
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> <![endif]-->
<script type="text/javascript" src="$baseurl/include/jquery.js" ></script> <script type="text/javascript" src="$baseurl/include/jquery.js" ></script>
<script type="text/javascript" src="$baseurl/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js" ></script>
<script type="text/javascript" src="$baseurl/include/acl.js" ></script>
<script type="text/javascript" src="$baseurl/include/main.js" ></script> <script type="text/javascript" src="$baseurl/include/main.js" ></script>
<script> <script>

View file

@ -1,5 +1,4 @@
<script language="javascript" type="text/javascript" src="$baseurl/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js"></script>
<script language="javascript" type="text/javascript"> <script language="javascript" type="text/javascript">
var editor; var editor;
@ -91,7 +90,7 @@ tinyMCE.init({
} }
); );
$('#contact_allow, #contact_deny, #group_allow, #group_deny').change(function() { /*$('#contact_allow, #contact_deny, #group_allow, #group_deny').change(function() {
var selstr; var selstr;
$('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() { $('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
selstr = $(this).text(); selstr = $(this).text();
@ -105,7 +104,7 @@ tinyMCE.init({
$('.profile-jot-net input').attr('disabled', false); $('.profile-jot-net input').attr('disabled', false);
} }
}).trigger('change'); }).trigger('change');*/
}); });

View file

@ -1483,6 +1483,94 @@ input#dfrn-url {
width: 180px; width: 180px;
} }
/** acl **/
#profile-jot-acl-wrapper{
overflow:hidden;
height: 100%;
}
#acl-wrapper {
width: 805px;
float:left;
}
#acl-search {
float:right;
background: #ffffff url("../../../images/search_18.png") no-repeat right center;
padding-right:20px;
}
#acl-showall {
float: left;
display: block;
width: auto;
height: 18px;
background-color: #cccccc;
padding: 7px 5px 0px 30px;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px;
border-radius: 5px;
color: #999999;
}
#acl-showall.selected {
color: #000000;
background-color: #ff9900;
}
#acl-list {
width: 805px;
height: 210px;
border: 1px solid #cccccc;
clear: both;
margin-top: 30px;
}
#acl-list-content {
overflow: auto;
}
.acl-list-item {
display: block;
width: 150px;
height: 30px;
border: 1px solid #cccccc;
margin: 5px;
float: left;
}
.acl-list-item img{
width:22px;
height: 22px;
float: left;
margin: 4px;
}
.acl-list-item p { font-size: 10px; margin: 0px; padding: 2px 0px 1px; }
.acl-list-item a {
font-size: 8px;
display: block;
width: 40px;
height: 10px;
float: left;
color: #999999;
background-color: #cccccc;
margin-right: 5px;
-webkit-border-radius: 2px ;
-moz-border-radius: 2px;
border-radius: 2px;
padding-left: 15px;
}
#acl-wrapper a:hover {
text-decoration: none;
color:#000000;
}
.acl-button-show.selected {
color: #000000;
background-color: #9ade00;
}
.acl-button-hide.selected {
color: #000000;
background-color: #ff4141;
}
.acl-list-item.groupshow { border-color: #9ade00; }
.acl-list-item.grouphide { border-color: #ff4141; }
/** /acl **/
.comment-edit-text-empty { .comment-edit-text-empty {
color: gray; color: gray;
height: 30px; height: 30px;
@ -1502,72 +1590,6 @@ input#dfrn-url {
margin-top: 30px; margin-top: 30px;
} }
#acl-allow-group-label,
#acl-allow-contact-label,
#acl-deny-group-label,
#acl-deny-contact-label {
display: block;
}
#acl-permit-text {
margin-top: 10px;
float: left;
}
#acl-deny-text {
margin-top: 10px;
}
#jot-public {
float: left;
margin-top: 10px;
margin-left: 15px;
color: #FF0000;
}
#acl-permit-text-end {
clear: both;
}
#acl-allow-group-label,
#acl-allow-contact-label,
#acl-deny-group-label,
#acl-deny-contact-label {
margin-top: 5px;
margin-bottom: 5px;
}
#group_allow_wrapper,
#group_deny_wrapper {
float: left;
width: 100px;
margin-right: 10px;
}
#contact_allow_wrapper,
#contact_deny_wrapper {
float: left;
width: 150px;
margin-right: 10px;
}
#acl-allow-end,
#acl-deny-end {
clear: both;
}
#acl-permit-outer-wrapper,
#acl-deny-outer-wrapper {
padding: 10px;
margin-top: 10px;
border: 2px solid #BBBBBB;
float: left;
}
#acl-wrapper-end {
clear: both;
}
#group-edit-name-label { #group-edit-name-label {
float: left; float: left;
width: 175px; width: 175px;

View file

@ -1561,74 +1561,95 @@ padding: 5px 10px 0px;
overflow: auto; overflow: auto;
} }
#group-new-submit-wrapper { /** acl **/
#profile-jot-acl-wrapper{
overflow:hidden;
height: 100%;
}
#acl-wrapper {
width: 805px;
float:left;
}
#acl-search {
float:right;
background: #ffffff url("../../../images/search_18.png") no-repeat right center;
padding-right:20px;
}
#acl-showall {
float: left;
display: block;
width: auto;
height: 20px;
background-color: #cccccc;
padding: 5px 5px 0px 30px;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px;
border-radius: 5px;
color: #999999;
}
#acl-showall.selected {
color: #000000;
background-color: #ff9900;
}
#acl-list {
width: 805px;
height: 210px;
border: 1px solid #cccccc;
clear: both;
margin-top: 30px; margin-top: 30px;
} }
#acl-list-content {
#acl-allow-group-label, overflow: auto;
#acl-allow-contact-label, }
#acl-deny-group-label, .acl-list-item {
#acl-deny-contact-label {
display: block; display: block;
}
#acl-permit-text {
margin-top: 10px;
float: left;
}
#acl-deny-text {
margin-top: 10px;
}
#jot-public {
float: left;
margin-top: 10px;
margin-left: 15px;
color: #FF0000;
}
#acl-permit-text-end {
clear: both;
}
#acl-allow-group-label,
#acl-allow-contact-label,
#acl-deny-group-label,
#acl-deny-contact-label {
margin-top: 5px;
margin-bottom: 5px;
}
#group_allow_wrapper,
#group_deny_wrapper {
float: left;
width: 100px;
margin-right: 10px;
}
#contact_allow_wrapper,
#contact_deny_wrapper {
float: left;
width: 150px; width: 150px;
margin-right: 10px; height: 30px;
} border: 1px solid #cccccc;
margin: 5px;
#acl-allow-end,
#acl-deny-end {
clear: both;
}
#acl-permit-outer-wrapper,
#acl-deny-outer-wrapper {
padding: 10px;
margin-top: 10px;
border: 2px solid #BBBBBB;
float: left; float: left;
} }
.acl-list-item img{
width:22px;
height: 22px;
float: left;
margin: 4px;
}
.acl-list-item p { font-size: 10px; margin: 0px; padding: 2px 0px 1px; }
.acl-list-item a {
font-size: 8px;
display: block;
width: 40px;
height: 10px;
float: left;
color: #999999;
background-color: #cccccc;
margin-right: 5px;
-webkit-border-radius: 2px ;
-moz-border-radius: 2px;
border-radius: 2px;
padding-left: 15px;
}
#acl-wrapper a:hover {
text-decoration: none;
color:#000000;
}
.acl-button-show.selected {
color: #000000;
background-color: #9ade00;
}
.acl-button-hide.selected {
color: #000000;
background-color: #ff4141;
}
.acl-list-item.groupshow { border-color: #9ade00; }
.acl-list-item.grouphide { border-color: #ff4141; }
/** /acl **/
#acl-wrapper-end { #group-new-submit-wrapper {
clear: both; margin-top: 30px;
} }
#group-edit-name-label { #group-edit-name-label {