Fixes #4547 adds userpicker and friendpicker support to admin area

diff --git a/views/default/css/admin.php b/views/default/css/admin.php
index 65797172f2f3781a85fcd5ea50213676ddea6425..5dc15fe3eef8976909024e8c1910f8781555c68a 100644 (file)
--- a/views/default/css/admin.php
+++ b/views/default/css/admin.php
@@ -127,14 +127,23 @@ p {
 }
 
 /* Clearfix! */
+.clearfix:after,
 .elgg-grid:after,
-.clearfix:after {
+.elgg-layout:after,
+.elgg-inner:after,
+.elgg-page-header:after,
+.elgg-page-footer:after,
+.elgg-head:after,
+.elgg-foot:after,
+.elgg-col:after,
+.elgg-image-block:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
 }
+
 .elgg-body {
        width: auto;
        word-wrap: break-word;
@@ -287,14 +296,6 @@ p {
 .elgg-main h2 {
        color: #333333;
 }
-<?php // elgg-layout gets clearfix ?>
-.elgg-layout:after {
-       content: ".";
-       display: block;
-       height: 0;
-       clear: both;
-       visibility: hidden;
-}
 
 /* ***************************************
        FOOTER
@@ -590,6 +591,204 @@ a.elgg-button {
        background: #ddd;
 }
 
+/* ***************************************
+       AUTOCOMPLETE
+*************************************** */
+<?php //autocomplete will expand to fullscreen without max-width ?>
+.ui-autocomplete {
+       position: absolute;
+       cursor: default;
+}
+.elgg-autocomplete-item .elgg-body {
+       max-width: 600px;
+}
+.ui-autocomplete {
+       background-color: white;
+       border: 1px solid #ccc;
+       overflow: hidden;
+
+       -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+}
+.ui-autocomplete .ui-menu-item {
+       padding: 0px 4px;
+
+       -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+}
+.ui-autocomplete .ui-menu-item:hover {
+       background-color: #eee;
+}
+.ui-autocomplete a:hover {
+       text-decoration: none;
+       color: #4690D6;
+}
+
+/* ***************************************
+       USER PICKER
+*************************************** */
+.elgg-user-picker-list li:first-child {
+       border-top: 1px dotted #ccc;
+       margin-top: 5px;
+}
+.elgg-user-picker-list > li {
+       border-bottom: 1px dotted #ccc;
+}
+
+/* ***************************************
+       FRIENDS PICKER
+*************************************** */
+.friends-picker-main-wrapper {
+       margin-bottom: 15px;
+}
+.friends-picker-container h3 {
+       font-size:4em !important;
+       text-align: left;
+       margin:10px 0 20px !important;
+       color:#999 !important;
+       background: none !important;
+       padding:0 !important;
+}
+.friends-picker .friends-picker-container .panel ul {
+       text-align: left;
+       margin: 0;
+       padding:0;
+}
+.friends-picker-wrapper {
+       margin: 0;
+       padding:0;
+       position: relative;
+       width: 730px;
+}
+.friends-picker {
+       position: relative;
+       overflow: hidden;
+       margin: 0;
+       padding:0;
+       width: 730px;
+       height: auto;
+       background-color: #dedede;
+
+       -webkit-border-radius: 8px;
+       -moz-border-radius: 8px;
+       border-radius: 8px;
+}
+.friendspicker-savebuttons {
+       background: white;
+
+       -webkit-border-radius: 8px;
+       -moz-border-radius: 8px;
+       border-radius: 8px;
+
+       margin:0 10px 10px;
+}
+.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS  */
+       position: relative;
+       left: 0;
+       top: 0;
+       width: 100%;
+       list-style-type: none;
+}
+.friends-picker .friends-picker-container .panel {
+       float:left;
+       height: 100%;
+       position: relative;
+       width: 730px;
+       margin: 0;
+       padding:0;
+}
+.friends-picker .friends-picker-container .panel .wrapper {
+       margin: 0;
+       padding:4px 10px 10px 10px;
+       min-height: 230px;
+}
+.friends-picker-navigation {
+       margin: 0 0 10px;
+       padding:0 0 10px;
+       border-bottom:1px solid #ccc;
+}
+.friends-picker-navigation ul {
+       list-style: none;
+       padding-left: 0;
+}
+.friends-picker-navigation ul li {
+       float: left;
+       margin:0;
+       background:white;
+}
+.friends-picker-navigation a {
+       font-weight: bold;
+       text-align: center;
+       background: white;
+       color: #999;
+       text-decoration: none;
+       display: block;
+       padding: 0;
+       width:20px;
+
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+}
+.tabHasContent {
+       background: white;
+       color:#333 !important;
+}
+.friends-picker-navigation li a:hover {
+       background: #333;
+       color:white !important;
+}
+.friends-picker-navigation li a.current {
+       background: #4690D6;
+       color:white !important;
+}
+.friends-picker-navigation-l, .friends-picker-navigation-r {
+       position: absolute;
+       top: 46px;
+       text-indent: -9000em;
+}
+.friends-picker-navigation-l a, .friends-picker-navigation-r a {
+       display: block;
+       height: 40px;
+       width: 40px;
+}
+.friends-picker-navigation-l {
+       right: 48px;
+       z-index:1;
+}
+.friends-picker-navigation-r {
+       right: 0;
+       z-index:1;
+}
+.friends-picker-navigation-l {
+       background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat left top;
+}
+.friends-picker-navigation-r {
+       background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat -60px top;
+}
+.friends-picker-navigation-l:hover {
+       background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat left -44px;
+}
+.friends-picker-navigation-r:hover {
+       background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat -60px -44px;
+}
+.friendspicker-savebuttons .elgg-button-submit,
+.friendspicker-savebuttons .elgg-button-cancel {
+       margin:5px 20px 5px 5px;
+}
+.friendspicker-members-table {
+       background: #dedede;
+
+       -webkit-border-radius: 8px;
+       -moz-border-radius: 8px;
+       border-radius: 8px;
+
+       margin:10px 0 0;
+       padding:10px 10px 0;
+}
+
 /* ***************************************
        PAGINATION
 *************************************** */

diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php
index 81db817471d5c004b07d7c142be5ccbe9704f2fd..6f20ad23cc75cd87eb2f454c8c243c1c423033fb 100644 (file)
--- a/views/default/css/elements/forms.php
+++ b/views/default/css/elements/forms.php
@@ -104,7 +104,7 @@ input[type="radio"] {
        margin: 0;
        padding:0;
        position: relative;
-       width: 100%;
+       width: 730px;
 }
 .friends-picker {
        position: relative;

diff --git a/views/default/input/friendspicker.php b/views/default/input/friendspicker.php
index 0834910c11fcade58daf6855f1916afedb7edf50..40708c890655283e7ec583e3eaa2a1b390f26b15 100644 (file)
--- a/views/default/input/friendspicker.php
+++ b/views/default/input/friendspicker.php
@@ -9,6 +9,10 @@
  * @subpackage Core
  *
  * @uses $vars['entities'] The array of ElggUser objects
+ * @uses $vars['name']
+ * @uses $vars['value']
+ * @uses $vars['highlight']
+ * @uses $vars['callback']
  */
 
 elgg_load_js('elgg.friendspicker');