diff --git a/website/public/js/admin.js b/website/public/js/admin.js index 2055123..e3dfdd7 100644 --- a/website/public/js/admin.js +++ b/website/public/js/admin.js @@ -28,7 +28,7 @@ function checkCheckAll(allbox) { } function changeFilter() { - if (document.getElementById('group').checked) { + if ($('#pagetype').find(":selected").val() == "group") { document.getElementById('admin-filter').style.display = 'none'; document.getElementById('admin-groupfilter').style.display = 'inline-block'; diff --git a/website/public/js/header.js b/website/public/js/header.js index 20faba5..8d91d95 100644 --- a/website/public/js/header.js +++ b/website/public/js/header.js @@ -1,26 +1,18 @@ $(document).ready(function() { - // Hide notification center. - $("#profile-menu-popup").hide(); - - // $("#own-profile-picture").click(function() { - // $("#profile-menu-popup").toggle(); - // $("#profile-hello-popup").toggle(); - // }); - $("#own-profile-picture").click(function() { if($("#notification-center").css('right') == "-256px") { $(".content").animate({ marginRight: "256px" }, 500); $(".chat-right").animate({ - width: "calc(100% - 512px - 40px)" + width: $(".chat-right").width() - 266 }, 500); $("#notification-center").animate({ right: "0px" }, 500); } else { $(".chat-right").animate({ - width: "calc(100% - 256px - 40px)" + width: $(".chat-right").width() + 266 }, 500); $(".content").animate({ marginRight: "0px" @@ -30,6 +22,4 @@ $(document).ready(function() { }, 500); } }); - - $("#own-profile-picture").click(); }); diff --git a/website/public/styles/adminpanel.css b/website/public/styles/adminpanel.css index 4c5356f..f9410e1 100644 --- a/website/public/styles/adminpanel.css +++ b/website/public/styles/adminpanel.css @@ -1,71 +1,33 @@ .admin-panel { - margin: auto; min-width: 800px; } -.admin-title { - margin: 10px; - padding-bottom: 5px; - border-bottom: 4px solid #FBC02D; -} - .admin-panel input[type="radio"], input[type="checkbox"] { + vertical-align: middle; height: auto; -} - -.admin-batchactions, .admin-groupbatchactions { - display: inline-block; - padding: 8px; - vertical-align: top; - border-radius: 10px; - border: 4px solid #FBC02D; - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); + margin: 2px; } .admin-searchform { display: inline-block; + width: 100%; } .admin-searchbar { - display: inline-block; - margin: 10px; - vertical-align: top; -} - -.admin-searchinput { - margin-bottom: 10px; -} - -.admin-filter, .admin-filtertype, .admin-groupfilter { - display: inline-block; - margin: 10px; - vertical-align: top; - margin-right: 50px; - margin-left: 50px; -} - -.admin-filter, .admin-groupfilter { - width: 120px; -} - -.admin-users { - margin: 10px; -} - -.admin-userheading { - width: auto; - float: left; -} - -.admin-pageui { - text-align: right; - float: right; - width: auto; margin-bottom: 20px; } -.usertitle { - width: 150px; +.admin-pageui { + display: inline-block; + width: 100%; +} + +.admin-pageselector { + display: inline-block; +} + +.admin-users { + margin-top: 50px; } .usertable { diff --git a/website/public/styles/chat.css b/website/public/styles/chat.css index f6060dd..16505f5 100644 --- a/website/public/styles/chat.css +++ b/website/public/styles/chat.css @@ -3,7 +3,7 @@ position: fixed; top: 80px; left: 256px; - padding: 15px 0; + padding: 20px 0; width: calc(100% - 256px); height: calc(100% - 120px); display: inline-flex; @@ -25,8 +25,11 @@ /* Chat history. */ .chat-history { overflow-y: auto; + overflow-x: hidden; height: 100%; padding: 10px; + + word-wrap: break-word; } /* Chat-message takes the whole width of the chat area */ @@ -46,14 +49,15 @@ .chat-message-self { float: right; margin-right: 10px; - background-color: darkgreen; - color: white; + background-color: #FBC02D; + color: #333; } .chat-message-other { float: left; margin-left: 10px; - background-color: aquamarine; + background-color: #4CAF50; + color: white; } /* Chat reply field */ @@ -77,7 +81,6 @@ width: 100%; border: none; border-radius: 10px 0 0 10px; - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .chat-field input[type="submit"] { @@ -87,10 +90,9 @@ color: white; padding: 5px 10px; border-radius: 0 10px 10px 0; - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .active-friend-chat { - background: aquamarine; - color: #333; + background: #4CAF50; + color: white; } \ No newline at end of file diff --git a/website/public/styles/header.css b/website/public/styles/header.css index e39f204..0b70455 100644 --- a/website/public/styles/header.css +++ b/website/public/styles/header.css @@ -7,7 +7,9 @@ header { height: 80px; width: 100%; - color: white; + color: #FFF; + font-weight: bold; + letter-spacing: 1px; background-color: #FBC02D; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } diff --git a/website/views/adminpanel.php b/website/views/adminpanel.php index e53d679..d97a9e8 100644 --- a/website/views/adminpanel.php +++ b/website/views/adminpanel.php @@ -1,16 +1,8 @@ - - - - - Admin Panel - - - - - + +
-
-

User Management Panel

-

+
Zoek naar gebruikers of groepen:
" method="get"> + - -
-

Show:

- - > +
+
Type gebruiker:
+ > +
+ >
- > + >
- > + >
- > + >
- > + >
- > + >
-
-

Show:

- +
+
Type groep:
+ > +
>
@@ -118,60 +143,12 @@ $listm = $currentpage * $perpage; >
- -
-

Page Type:

- - onchange="changeFilter()"> -
- - onchange="changeFilter()"> - -
- -
-

Batch Actions:

-
- -
- -
- -

- -
-
- -
-

Batch Actions:

-
- -
- -
- -

- -
-
-
-
-
-

Users:

-
-
+

Resultaat:

+ -

Current page:

-
-

-

-

+ +
+ + + +
+
- - + + - - + + @@ -226,7 +207,6 @@ $listm = $currentpage * $perpage; if ($pagetype == 'user') { $q = searchSomeUsersByStatus($listn, $listm, $search, $status); - while($user = $q->fetch(PDO::FETCH_ASSOC)) { $userID = $user['userID']; $username = $user['username']; @@ -252,9 +232,9 @@ $listm = $currentpage * $perpage; action='$thispage' method='post'> diff --git a/website/views/header.php b/website/views/header.php index b22e06e..5349a72 100644 --- a/website/views/header.php +++ b/website/views/header.php @@ -14,8 +14,9 @@ $userinfo = getHeaderInfo(); placeholder="Zoek naar wat je wil" required /> - +
- - UserGebruikersnaam StatusCommentActionAantekeningActie