Init UI to show/hide a group of moderation actions.

3 files changed, 43 insertions, 0 deletions

diff --git a/plugins/UserFlag/adminprofileflag.php b/plugins/UserFlag/adminprofileflag.php
index 1ac76b506..20b808637 100644
--- a/plugins/UserFlag/adminprofileflag.php
+++ b/plugins/UserFlag/adminprofileflag.php
@@ -145,10 +145,15 @@ class FlaggedProfileListItem extends ProfileListItem
 
         $this->startActions();
         if (Event::handle('StartProfileListItemActionElements', array($this))) {
+            $this->out->elementStart('li', 'entity_moderation');
+            $this->out->element('p', null, _('Moderate'));
+            $this->out->elementStart('ul');
             $this->showSandboxButton();
             $this->showSilenceButton();
             $this->showDeleteButton();
             $this->showClearButton();
+            $this->out->elementEnd('ul');
+            $this->out->elementEnd('li');
             Event::handle('EndProfileListItemActionElements', array($this));
         }
         $this->endActions();
diff --git a/plugins/UserFlag/icon_badge.gif b/plugins/UserFlag/icon_badge.gif
new file mode 100644
index 000000000..2dca5b99f
--- /dev/null
+++ b/plugins/UserFlag/icon_badge.gif
diff --git a/plugins/UserFlag/userflag.css b/plugins/UserFlag/userflag.css
index e8ba66da8..d69c2467f 100644
--- a/plugins/UserFlag/userflag.css
+++ b/plugins/UserFlag/userflag.css
@@ -15,3 +15,41 @@ background:url(icon_silence.gif) 5px 5px no-repeat;
 background:url(icon_skull.gif) 5px 5px no-repeat;
 }
 
+.entity_moderation {
+position:relative;
+}
+.entity_moderation p {
+background:transparent url(icon_badge.gif) 5px 5px no-repeat;
+box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
+-moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
+-webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.25);
+border-radius:4px;
+-moz-border-radius:4px;
+-webkit-border-radius:4px;
+font-weight:bold;
+padding-bottom:2px;
+margin-bottom:7px;
+
+color:#002FA7;
+}
+.entity_moderation ul {
+display:none;
+}
+.entity_moderation:hover ul {
+display:block;
+background-color:#FFFFFF;
+min-width:21%;
+width:100%;
+border:1px solid #DDDDDD;
+padding:11px;
+position:absolute;
+top:-1px;
+right:-1px;
+z-index:1;
+box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
+-moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
+-webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.25);
+border-radius:7px;
+-moz-border-radius:7px;
+-webkit-border-radius:7px;
+}