Feature #26: User Flags

Flags can be associated with Users. Includes minor updates to Job Queues and improved visibility of user information.
2014-06-10 17:16:24 +10:00
parent b64ac3b16f
commit 4c3a68da30
104 changed files with 8112 additions and 1623 deletions
@@ -1,5 +1,22 @@
@import "Shared";

+#layout_PageHeading {
+    #User_Show_Flags {
+        display: inline-block;
+        float: right;
+        height: 50px;
+        font-size: 0.6em;
+
+        & > i {
+            cursor: default;
+
+            & > .details {
+                display: none;
+            }
+        }
+    }
+}
+
 #User_Show {
    #User_Show_Subjects {
        table-layout: fixed;
@@ -157,6 +174,139 @@
    }
 }

+#User_Show_Details_Actions_AddFlag_Dialog {
+    height: 400px;
+
+    .flagPicker {
+        position: absolute;
+        width: 250px;
+        height: 300px;
+        overflow-y: auto;
+        background-color: #fcfcfc;
+        border: 1px solid #ccc;
+
+        & > div {
+            background-color: @white;
+            border-bottom: 1px solid #ddd;
+            padding: 6px 0 6px 6px;
+            cursor: pointer;
+
+            &:hover {
+                background-color: @TableDataBorderColour;
+            }
+
+            &.selected, &.selected:hover {
+                background-color: @TableDataDarkBackgroundColour;
+            }
+        }
+    }
+
+    .details {
+        display: none;
+        position: absolute;
+        left: 280px;
+        top: 1em;
+
+        h4 {
+            margin-bottom: 4px;
+        }
+
+        textarea {
+            min-width: 280px;
+            height: 200px;
+        }
+    }
+}
+
+
+#UserDetailTab-Flags {
+    #userFlags {
+        .tableDataDark;
+        table-layout: fixed;
+
+        i.fa-edit {
+            position: absolute;
+            top: 0;
+            right: 0;
+            margin-top: 4px;
+            font-size: 1.1em;
+            cursor: pointer;
+            display: none;
+            color: @HyperLinkColour;
+
+            &:hover {
+                color: @HyperLinkHoverColour;
+            }
+        }
+
+        td:hover i.fa-edit {
+            display: inline-block;
+        }
+
+        th.name {
+            width: 200px;
+        }
+
+        th.added {
+        }
+
+        th.removed {
+        }
+
+        tr.removed td {
+            background-color: @TableDataBorderColour;
+        }
+
+        td.name {
+            vertical-align: middle;
+
+            .fa-stack {
+                line-height: 1.6em;
+            }
+        }
+
+        td.added, td.removed {
+            vertical-align: middle;
+        }
+
+        td.comments {
+            vertical-align: middle;
+
+            .editable {
+                position: relative;
+            }
+
+            .commentsRaw {
+                display: none;
+            }
+        }
+
+        td.removed {
+            &.na {
+                vertical-align: middle;
+                text-align: center;
+            }
+        }
+    }
+
+    & > .none {
+        text-align: center;
+        padding: 30px 0;
+        font-style: italic;
+        background-color: @white;
+    }
+}
+
+#User_Show_Flags_Actions_EditComments_Dialog {
+    h4 {
+        margin-bottom: 4px;
+    }
+}
+
+#User_Show_Flags_Actions_EditComments_Dialog_Comments {
+    width: 280px;
+}
+
 #UserDetailTab-Authorization {
    #UserDetailTab-AuthorizationContainer {
        background-color: @white;