From 9fa0956966288392c3e4eb85c6d1c2c0be9464d9 Mon Sep 17 00:00:00 2001
From: Fabio Comuni <fabrix.xm@gmail.com>
Date: Tue, 19 Jul 2011 16:17:58 +0200
Subject: New jot acl selector

---
 view/acl_selector.tpl             |  24 +++++++
 view/head.tpl                     |   2 +
 view/jot-header.tpl               |   5 +-
 view/theme/duepuntozero/style.css | 148 ++++++++++++++++++++++----------------
 view/theme/loozah/style.css       | 125 ++++++++++++++++++--------------
 5 files changed, 186 insertions(+), 118 deletions(-)
 create mode 100644 view/acl_selector.tpl

(limited to 'view')

diff --git a/view/acl_selector.tpl b/view/acl_selector.tpl
new file mode 100644
index 000000000..3379f5764
--- /dev/null
+++ b/view/acl_selector.tpl
@@ -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>
diff --git a/view/head.tpl b/view/head.tpl
index ff66997e7..f26e41b51 100644
--- a/view/head.tpl
+++ b/view/head.tpl
@@ -12,6 +12,8 @@
 <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->
 <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>
 
diff --git a/view/jot-header.tpl b/view/jot-header.tpl
index d7a429512..5e598e05e 100644
--- a/view/jot-header.tpl
+++ b/view/jot-header.tpl
@@ -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">
 
 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;
 			$('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
 				selstr = $(this).text();
@@ -105,7 +104,7 @@ tinyMCE.init({
 				$('.profile-jot-net input').attr('disabled', false);
 			}
 
-		}).trigger('change');
+		}).trigger('change');*/
 
 	});
 
diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 78a0bff5b..314fb5e75 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -1483,89 +1483,111 @@ input#dfrn-url {
 	width: 180px;
 }
 
-.comment-edit-text-empty {
-	color: gray;
-	height: 30px;
-	width: 175px;
-	overflow: auto;
-	margin-bottom: 10px;
+/** acl **/
+#profile-jot-acl-wrapper{
+	overflow:hidden;
+	height: 100%;
 }
 
-.comment-edit-text-full {
-	color: black;
-	height: 150px;
-	width: 350px;
-	overflow: auto;
+#acl-wrapper {
+	width: 805px;
+	float:left;
 }
-
-#group-new-submit-wrapper {
-	margin-top: 30px;
+#acl-search {
+	float:right;
+	background: #ffffff url("../../../images/search_18.png") no-repeat right center;
+	padding-right:20px;
 }
-
-#acl-allow-group-label,
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label {
+#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-permit-text {
-	margin-top: 10px;
+#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-deny-text {
-	margin-top: 10px;
+.acl-list-item img{
+	width:22px;
+	height: 22px;
+	float: left;
+	margin: 4px;
 }
-
-#jot-public {
+.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;
-	margin-top: 10px;
-	margin-left: 15px;
-	color: #FF0000;
+	color: #999999;
+	background-color: #cccccc;
+	margin-right: 5px;
+	-webkit-border-radius: 2px ;
+	-moz-border-radius: 2px;
+	border-radius: 2px;
+	padding-left: 15px;
 }
-
-#acl-permit-text-end {
-	clear: both;
+#acl-wrapper a:hover {
+	text-decoration: none;
+	color:#000000;
 }
-
-#acl-allow-group-label,
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label {
-	margin-top: 5px;
-	margin-bottom: 5px;
+.acl-button-show.selected {
+	color: #000000;
+	background-color: #9ade00;
 }
-
-
-#group_allow_wrapper,
-#group_deny_wrapper {
-	float: left;
-	width: 100px;
-	margin-right: 10px;
+.acl-button-hide.selected {
+	color: #000000;
+	background-color: #ff4141;
 }
+.acl-list-item.groupshow { border-color: #9ade00; }
+.acl-list-item.grouphide { border-color: #ff4141; }
+/** /acl **/
 
-#contact_allow_wrapper,
-#contact_deny_wrapper {
-	float: left;
-	width: 150px;
-	margin-right: 10px;
-}
 
-#acl-allow-end,
-#acl-deny-end {
-	clear: both;
+.comment-edit-text-empty {
+	color: gray;
+	height: 30px;
+	width: 175px;
+	overflow: auto;
+	margin-bottom: 10px;
 }
-#acl-permit-outer-wrapper,
-#acl-deny-outer-wrapper {
-	padding: 10px;
-	margin-top: 10px;
-	border: 2px solid #BBBBBB;
-	float: left;
+
+.comment-edit-text-full {
+	color: black;
+	height: 150px;
+	width: 350px;
+	overflow: auto;
 }
 
-#acl-wrapper-end {
-	clear: both;
+#group-new-submit-wrapper {
+	margin-top: 30px;
 }
 
 #group-edit-name-label {
diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index 11ccab8ff..016b9d837 100644
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -1561,74 +1561,95 @@ padding: 5px 10px 0px;
 	overflow: auto;
 }
 
-#group-new-submit-wrapper {
-	margin-top: 30px;
+/** acl **/
+#profile-jot-acl-wrapper{
+	overflow:hidden;
+	height: 100%;
 }
 
-#acl-allow-group-label,
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label {
-	display: block;
+#acl-wrapper {
+	width: 805px;
+	float:left;
 }
-
-#acl-permit-text {
-    margin-top: 10px;
-    float: left;
+#acl-search {
+	float:right;
+	background: #ffffff url("../../../images/search_18.png") no-repeat right center;
+	padding-right:20px;
 }
-
-#acl-deny-text {
-    margin-top: 10px;
+#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;
 }
-
-#jot-public {
-    float: left;
-    margin-top: 10px;
-    margin-left: 15px;
-    color: #FF0000;
+#acl-showall.selected {
+	color: #000000;
+	background-color: #ff9900;
 }
 
-#acl-permit-text-end {
-    clear: both;
+#acl-list {
+	width: 805px;
+	height: 210px;
+	border: 1px solid #cccccc;
+	clear: both;
+	margin-top: 30px;
 }
-
-#acl-allow-group-label,
-#acl-allow-contact-label,
-#acl-deny-group-label,
-#acl-deny-contact-label {
-	margin-top: 5px;
-	margin-bottom: 5px;
+#acl-list-content {
+	overflow: auto;
 }
-
-
-#group_allow_wrapper,
-#group_deny_wrapper {
+.acl-list-item {
+	display: block;
+	width: 150px;
+	height: 30px;
+	border: 1px solid #cccccc;
+	margin: 5px;
 	float: left;
-	width: 100px;
-	margin-right: 10px;
 }
-
-#contact_allow_wrapper,
-#contact_deny_wrapper {
+.acl-list-item img{
+	width:22px;
+	height: 22px;
 	float: left;
-	width: 150px;
-	margin-right: 10px;
-}
-
-#acl-allow-end,
-#acl-deny-end {
-	clear: both;
+	margin: 4px;
 }
-#acl-permit-outer-wrapper,
-#acl-deny-outer-wrapper {
-	padding: 10px;
-	margin-top: 10px;
-	border: 2px solid #BBBBBB;
+.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 {
-	clear: both;
+#group-new-submit-wrapper {
+	margin-top: 30px;
 }
 
 #group-edit-name-label {
-- 
cgit v1.2.3


From 89eefbe46c0cb8d6c1865ec94b7afeb59c5ff3f0 Mon Sep 17 00:00:00 2001
From: Fabio Comuni <fabrix.xm@gmail.com>
Date: Tue, 19 Jul 2011 16:34:27 +0200
Subject: Fix style and scrollbar

---
 view/theme/duepuntozero/style.css | 6 +++---
 view/theme/loozah/style.css       | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'view')

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 314fb5e75..0d940992b 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -1490,7 +1490,7 @@ input#dfrn-url {
 }
 
 #acl-wrapper {
-	width: 805px;
+	width: 690px;
 	float:left;
 }
 #acl-search {
@@ -1516,14 +1516,14 @@ input#dfrn-url {
 }
 
 #acl-list {
-	width: 805px;
 	height: 210px;
 	border: 1px solid #cccccc;
 	clear: both;
 	margin-top: 30px;
+	overflow: auto;
 }
 #acl-list-content {
-	overflow: auto;
+	
 }
 .acl-list-item {
 	display: block;
diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index 016b9d837..eac4c4618 100644
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -1568,7 +1568,7 @@ padding: 5px 10px 0px;
 }
 
 #acl-wrapper {
-	width: 805px;
+	width: 690px;
 	float:left;
 }
 #acl-search {
@@ -1594,14 +1594,14 @@ padding: 5px 10px 0px;
 }
 
 #acl-list {
-	width: 805px;
 	height: 210px;
 	border: 1px solid #cccccc;
 	clear: both;
 	margin-top: 30px;
+	overflow: auto;
 }
 #acl-list-content {
-	overflow: auto;
+
 }
 .acl-list-item {
 	display: block;
-- 
cgit v1.2.3


From 0a3ae96093a1fd81414b4fceaf65d4e98efda26c Mon Sep 17 00:00:00 2001
From: Fabio Comuni <fabrix.xm@gmail.com>
Date: Tue, 19 Jul 2011 17:15:34 +0200
Subject: add icons to acl selector

---
 view/theme/duepuntozero/style.css | 11 +++++++++++
 view/theme/loozah/style.css       | 10 ++++++++++
 2 files changed, 21 insertions(+)

(limited to 'view')

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 0d940992b..ca258617d 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -1504,6 +1504,9 @@ input#dfrn-url {
 	width: auto;
 	height: 18px;
 	background-color: #cccccc;
+	background-image: url("../../../images/show_all_off.png");
+	background-position: 7px 7px;
+	background-repeat: no-repeat;
 	padding: 7px 5px 0px 30px;
 	-webkit-border-radius: 5px ;
 	-moz-border-radius: 5px;
@@ -1513,6 +1516,7 @@ input#dfrn-url {
 #acl-showall.selected {
 	color: #000000;
 	background-color: #ff9900;
+	background-image: url("../../../images/show_all_on.png");
 }
 
 #acl-list {
@@ -1548,6 +1552,8 @@ input#dfrn-url {
 	float: left;
 	color: #999999;
 	background-color: #cccccc;
+	background-position: 3px 3px;
+	background-repeat: no-repeat;
 	margin-right: 5px;
 	-webkit-border-radius: 2px ;
 	-moz-border-radius: 2px;
@@ -1558,13 +1564,18 @@ input#dfrn-url {
 	text-decoration: none;
 	color:#000000;
 }
+.acl-button-show { background-image: url("../../../images/show_off.png"); }
+.acl-button-hide { background-image: url("../../../images/hide_off.png"); }
+
 .acl-button-show.selected {
 	color: #000000;
 	background-color: #9ade00;
+	background-image: url("../../../images/show_on.png");
 }
 .acl-button-hide.selected {
 	color: #000000;
 	background-color: #ff4141;
+	background-image: url("../../../images/hide_on.png");
 }
 .acl-list-item.groupshow { border-color: #9ade00; }
 .acl-list-item.grouphide { border-color: #ff4141; }
diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index eac4c4618..2bd72ddbf 100644
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -1582,6 +1582,9 @@ padding: 5px 10px 0px;
 	width: auto;
 	height: 20px;
 	background-color: #cccccc;
+	background-image: url("../../../images/show_all_off.png");
+	background-position: 7px 7px;
+	background-repeat: no-repeat;
 	padding: 5px 5px 0px 30px;
 	-webkit-border-radius: 5px ;
 	-moz-border-radius: 5px;
@@ -1591,8 +1594,10 @@ padding: 5px 10px 0px;
 #acl-showall.selected {
 	color: #000000;
 	background-color: #ff9900;
+	background-image: url("../../../images/show_all_on.png");
 }
 
+
 #acl-list {
 	height: 210px;
 	border: 1px solid #cccccc;
@@ -1636,13 +1641,18 @@ padding: 5px 10px 0px;
 	text-decoration: none;
 	color:#000000;
 }
+.acl-button-show { background-image: url("../../../images/show_off.png"); }
+.acl-button-hide { background-image: url("../../../images/hide_off.png"); }
+
 .acl-button-show.selected {
 	color: #000000;
 	background-color: #9ade00;
+	background-image: url("../../../images/show_on.png");
 }
 .acl-button-hide.selected {
 	color: #000000;
 	background-color: #ff4141;
+	background-image: url("../../../images/hide_on.png");
 }
 .acl-list-item.groupshow { border-color: #9ade00; }
 .acl-list-item.grouphide { border-color: #ff4141; }
-- 
cgit v1.2.3