diff --git a/website/admin.php b/website/admin.php new file mode 100644 index 0000000..8d8f8b5 --- /dev/null +++ b/website/admin.php @@ -0,0 +1,21 @@ + + + + + + + diff --git a/website/bronvermelding.txt b/website/bronvermelding.txt new file mode 100644 index 0000000..54927c8 --- /dev/null +++ b/website/bronvermelding.txt @@ -0,0 +1 @@ +http://www.jqueryscript.net/time-clock/Minimalist-jQuery-Plugin-For-Birthday-Selector-DOB-Picker.html diff --git a/website/index.php b/website/index.php deleted file mode 100644 index b808caf..0000000 --- a/website/index.php +++ /dev/null @@ -1,145 +0,0 @@ - - - - - - MyHyvesbook+ - - -
- MyHyvesbook+ -
- -
-

Welkom

-
- - -
- -
- - -
- -
- -
-
- -
- -
- -
- -
- - - - - - diff --git a/website/js/dobPicker.js b/website/js/dobPicker.js new file mode 100644 index 0000000..9440153 --- /dev/null +++ b/website/js/dobPicker.js @@ -0,0 +1,123 @@ +/** + * jQuery DOB Picker + * Website: https://github.com/tyea/dobpicker + * Version: 1.0 + * Author: Tom Yeadon + * License: BSD 3-Clause + */ + +jQuery.extend({ + + dobPicker: function(params) { + + // set the defaults + if (typeof(params.dayDefault)==='undefined') params.dayDefault = 'Day'; + if (typeof(params.monthDefault)==='undefined') params.monthDefault = 'Month'; + if (typeof(params.yearDefault)==='undefined') params.yearDefault = 'Year'; + if (typeof(params.minimumAge)==='undefined') params.minimumAge = 12; + if (typeof(params.maximumAge)==='undefined') params.maximumAge = 80; + + // set the default messages + $(params.daySelector).append(''); + $(params.monthSelector).append(''); + $(params.yearSelector).append(''); + + // populate the day select + for (i = 1; i <= 31; i++) { + if (i <= 9) { + var val = '0' + i; + } else { + var val = i; + } + $(params.daySelector).append(''); + } + + // populate the month select + var months = [ + "January", + "February", + "March", + "April", + "May", + "June", + "July", + "August", + "September", + "October", + "November", + "December" + ]; + + for (i = 1; i <= 12; i++) { + if (i <= 9) { + var val = '0' + i; + } else { + var val = i; + } + $(params.monthSelector).append(''); + } + + // populate the year select + var date = new Date(); + var year = date.getFullYear(); + var start = year - params.minimumAge; + var count = start - params.maximumAge; + + for (i = start; i >= count; i--) { + $(params.yearSelector).append(''); + } + + // do the logic for the day select + $(params.daySelector).change(function() { + + $(params.monthSelector)[0].selectedIndex = 0; + $(params.yearSelector)[0].selectedIndex = 0; + $(params.yearSelector + ' option').removeAttr('disabled'); + + if ($(params.daySelector).val() >= 1 && $(params.daySelector).val() <= 29) { + + $(params.monthSelector + ' option').removeAttr('disabled'); + + } else if ($(params.daySelector).val() == 30) { + + $(params.monthSelector + ' option').removeAttr('disabled'); + $(params.monthSelector + ' option[value="02"]').attr('disabled', 'disabled'); + + } else if($(params.daySelector).val() == 31) { + + $(params.monthSelector + ' option').removeAttr('disabled'); + $(params.monthSelector + ' option[value="02"]').attr('disabled', 'disabled'); + $(params.monthSelector + ' option[value="04"]').attr('disabled', 'disabled'); + $(params.monthSelector + ' option[value="06"]').attr('disabled', 'disabled'); + $(params.monthSelector + ' option[value="09"]').attr('disabled', 'disabled'); + $(params.monthSelector + ' option[value="11"]').attr('disabled', 'disabled'); + + } + + }); + + // do the logic for the month select + $(params.monthSelector).change(function() { + + $(params.yearSelector)[0].selectedIndex = 0; + $(params.yearSelector + ' option').removeAttr('disabled'); + + if ($(params.daySelector).val() == 29 && $(params.monthSelector).val() == '02') { + + $(params.yearSelector + ' option').each(function(index) { + if (index !== 0) { + var year = $(this).attr('value'); + var leap = !((year % 4) || (!(year % 100) && (year % 400))); + if (leap === false) { + $(this).attr('disabled', 'disabled'); + } + } + }); + + } + + }); + + } + +}); diff --git a/website/js/dobPicker.min.js b/website/js/dobPicker.min.js new file mode 100644 index 0000000..b82c3a2 --- /dev/null +++ b/website/js/dobPicker.min.js @@ -0,0 +1 @@ +jQuery.extend({dobPicker:function(a){for("undefined"==typeof a.dayDefault&&(a.dayDefault="Day"),"undefined"==typeof a.monthDefault&&(a.monthDefault="Month"),"undefined"==typeof a.yearDefault&&(a.yearDefault="Year"),"undefined"==typeof a.minimumAge&&(a.minimumAge=12),"undefined"==typeof a.maximumAge&&(a.maximumAge=80),$(a.daySelector).append('"),$(a.monthSelector).append('"),$(a.yearSelector).append('"),i=1;i<=31;i++){if(i<=9)var b="0"+i;else var b=i;$(a.daySelector).append('")}var c=["January","February","March","April","May","June","July","August","September","October","November","December"];for(i=1;i<=12;i++){if(i<=9)var b="0"+i;else var b=i;$(a.monthSelector).append('")}var d=new Date,e=d.getFullYear(),f=e-a.minimumAge,g=f-a.maximumAge;for(i=f;i>=g;i--)$(a.yearSelector).append('");$(a.daySelector).change(function(){$(a.monthSelector)[0].selectedIndex=0,$(a.yearSelector)[0].selectedIndex=0,$(a.yearSelector+" option").removeAttr("disabled"),$(a.daySelector).val()>=1&&$(a.daySelector).val()<=29?$(a.monthSelector+" option").removeAttr("disabled"):30==$(a.daySelector).val()?($(a.monthSelector+" option").removeAttr("disabled"),$(a.monthSelector+' option[value="02"]').attr("disabled","disabled")):31==$(a.daySelector).val()&&($(a.monthSelector+" option").removeAttr("disabled"),$(a.monthSelector+' option[value="02"]').attr("disabled","disabled"),$(a.monthSelector+' option[value="04"]').attr("disabled","disabled"),$(a.monthSelector+' option[value="06"]').attr("disabled","disabled"),$(a.monthSelector+' option[value="09"]').attr("disabled","disabled"),$(a.monthSelector+' option[value="11"]').attr("disabled","disabled"))}),$(a.monthSelector).change(function(){$(a.yearSelector)[0].selectedIndex=0,$(a.yearSelector+" option").removeAttr("disabled"),29==$(a.daySelector).val()&&"02"==$(a.monthSelector).val()&&$(a.yearSelector+" option").each(function(a){if(0!==a){var b=$(this).attr("value"),c=!(b%4||!(b%100)&&b%400);c===!1&&$(this).attr("disabled","disabled")}})})}}); diff --git a/website/login.php b/website/login.php new file mode 100644 index 0000000..9211818 --- /dev/null +++ b/website/login.php @@ -0,0 +1,158 @@ + + + + + + + + MyHyvesbook+ + + +
+ MyHyvesbook+ +
+ +
+

Welkom bij MyHyvesbook+

+
+ + +
+ +
+ + +
+ +
+ +
+
+ +
+ +
+ +
+ +
+ + + + + + + diff --git a/website/settings.php b/website/settings.php new file mode 100644 index 0000000..8d154b1 --- /dev/null +++ b/website/settings.php @@ -0,0 +1,19 @@ + + + + + + + diff --git a/website/styles/adminpanel.css b/website/styles/adminpanel.css new file mode 100644 index 0000000..f63bcab --- /dev/null +++ b/website/styles/adminpanel.css @@ -0,0 +1,73 @@ +.platform { + margin: auto; + min-width: 800px; +} + +.admin-title { + margin: 10px; + padding-bottom: 5px; + border-bottom: 4px solid #845663; +} + +/*.admin-panel input[type="submit"], button { + background-color: #845663; + color: white; + padding: 5px; +}*/ + +input[type="radio"], input[type="checkbox"] { + height: auto; +} + +.admin-actions { + display: inline-block; + padding: 8px; + vertical-align: top; + border-radius: 10px; + border: 4px solid #845663; + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); +} + +.admin-searchbar { + display: inline-block; + margin: 10px; + vertical-align: top; +} + +.admin-searchinput { + margin-bottom: 10px; +} + +.admin-filter { + display: inline-block; + margin: 10px; + vertical-align: top; + margin-right: 100px; +} + + +.admin-users { + margin: 10px; +} + +.usertable { + width: 100%; +} + +.usertable .table-checkbox {width: 20px} +.usertable .table-username {width: 150px} +.usertable .table-status {width: 100px} +.usertable .table-action {width: 200px} + +.usertable th, td { + border-bottom: 1px solid #ddd; + padding: 3px; +} + +.usertable tr { + text-align: left; +} + +.usertable tr:hover { + background-color: #f5f5f5; +} diff --git a/website/styles/chat.css b/website/styles/chat.css index 6874372..7df2169 100644 --- a/website/styles/chat.css +++ b/website/styles/chat.css @@ -19,9 +19,7 @@ } .chat-recent, .chat-history { - border-radius: 20px; width: 100%; - background-color: white; } /* List of chats. */ @@ -47,7 +45,7 @@ .chat-history { overflow-y: auto; height: 100%; - padding-bottom: 10px; + padding: 0 0 10px 0; } .chat-message { @@ -80,20 +78,35 @@ /* Chat reply field */ .chat-field { - padding: 15px; + width: 100%; + padding: 15px 0; + display: table; } -.chat-field input { - border-radius: 8px; +.chat-field form { + width: 100%; + overflow: hidden; +} + +.chat-field span { + display: block; + overflow: hidden; } .chat-field input[type="text"] { - width: calc(100% - 80px); + width: 100%; + border-top-left-radius: 10px; + border-bottom-left-radius: 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"] { - width: 60px; + width: auto; + float: right; background-color: #845663; color: white; - padding: 5px; + padding: 5px 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } \ No newline at end of file diff --git a/website/styles/header.css b/website/styles/header.css index dfbd8a0..ffeaab6 100644 --- a/website/styles/header.css +++ b/website/styles/header.css @@ -26,16 +26,13 @@ header { } #header-search input[type="text"] { - padding: 5px 10px; - height: 19px; - border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -#header-search input[type="submit"] { - margin: 0 0 0 -4px; - padding: 5px; +#header-search input[type="submit"] { + background: none; + color: white; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/website/styles/index.css b/website/styles/index.css index 6823115..4f6ed16 100644 --- a/website/styles/index.css +++ b/website/styles/index.css @@ -3,31 +3,45 @@ body { background-color: #B78996; } -/* Bordered form */ +/* inlogform */ form { background-color: #a87a87; border: 5px solid #325da3; border-radius: 12px; height: 50%; margin: auto; - width: 45%; + width: 55%; } +/* inlog titel */ h1 { padding: 16px; text-align: center; } +/* registreer titel*/ h2 { padding: 16px; text-align: left; } +/* text */ label { display: block; } -/* Full-width inputs */ +/* datepicker */ +select { + border-radius: 12px; + border: 5px solid #ccc; + box-sizing: border-box; + display: inline-block; + height: 50%; + padding: 12px 20px; + margin: 8px 0; + width: 15%; +} + input[type=text], input[type=password], input[type=email] { border-radius: 12px; border: 5px solid #ccc; @@ -51,7 +65,7 @@ input[type=submit]{ width: 50%; } -/* Set a style for all buttons */ +/* stijl voor alle buttons */ button { background-color: #845663; border: 2px solid black; @@ -64,13 +78,14 @@ button { width: 25%; } -/* Add padding to containers */ -.container { +/* padding voor registreer container */ +.login_containerregister { padding: 16px; text-align: left; } -.containercenter { +/* padding voor login_containers */ +.login_containerlogin { padding: 16px; text-align: center; } @@ -97,7 +112,8 @@ button { border: 5px solid #325da3; margin: 5px auto; /* 15% from the top and centered */ overflow-y: auto; - width: 50% /* Could be more or less, depending on screen size */ + width: 40%; /* Could be more or less, depending on screen size */ + height: 80%; } /* The Close Button */ diff --git a/website/styles/main.css b/website/styles/main.css index 52df4f0..cbf9477 100644 --- a/website/styles/main.css +++ b/website/styles/main.css @@ -43,6 +43,7 @@ body { .platform { padding: 20px; + margin-bottom: 10px; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); @@ -65,11 +66,6 @@ body { border: 0; } - -input[type="text"] { - padding: 5px; -} - /* Move element down (clear), below floating elements */ .clear { clear: both; @@ -106,6 +102,10 @@ h5 { font-size: 1.4em; } +ul { + list-style-type: none; +} + p { font-size: 1.2em; } @@ -115,6 +115,36 @@ a, a:link, a:visited, a:hover, a:active { text-decoration: none; } +button, input, select { + width: auto; + height: 32px; + + cursor: pointer; + border: none; + + font-family: Arial, sans-serif; + font-size: 16px; + border-radius: 7px; +} + +textarea, input, select { + padding: 0 5px; + background: white; + color: #333333; + border: 1px solid #845663; + border-radius: 7px; + font-size: 16px; + + +} + +button, input[type="submit"], input[type="reset"] { + background-color: #845663; + color: white; + padding: 0 10px; + border: none; +} + /* Tables */ table { border-spacing: 0; @@ -144,9 +174,9 @@ div[data-title]:hover:after{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; - -moz-box-shadow: 0px 0px 4px #222; - -webkit-box-shadow: 0px 0px 4px #222; - box-shadow: 0px 0px 4px #222; + -moz-box-shadow: 0 0 4px #222; + -webkit-box-shadow: 0 0 4px #222; + box-shadow: 0 0 4px #222; background-color: #333; font-size: 15px; line-height: normal; diff --git a/website/styles/search.css b/website/styles/search.css new file mode 100644 index 0000000..912723e --- /dev/null +++ b/website/styles/search.css @@ -0,0 +1,3 @@ +.search-form input { + border-bottom: #845663 solid 1px; +} \ No newline at end of file diff --git a/website/styles/settings.css b/website/styles/settings.css new file mode 100644 index 0000000..751d0dc --- /dev/null +++ b/website/styles/settings.css @@ -0,0 +1,19 @@ +.settings input, +.settings textarea{ + margin: 5px; +} + +.settings label { + width: 125px; + display: inline-block; + text-align: right; +} + +/* All the fields for typing things. */ +.settings input[type="password"], +.settings input[type="text"], +.settings input[type="date"], +.settings input[type="email"], +.settings textarea { + width: 200px; +} \ No newline at end of file diff --git a/website/views/adminpanel.php b/website/views/adminpanel.php new file mode 100644 index 0000000..c11d648 --- /dev/null +++ b/website/views/adminpanel.php @@ -0,0 +1,99 @@ + + + + + + Admin Panel + + + +
+
+
+

User Management Panel

+

+
+
+ +
+

Search

+
+ +
+
+

Show users:

+ Active
+ Muted
+ Banned +
+ +
+

Batch Actions:

+ Mute
+ Ban
+ Unban

+ +
+
+
+
+

Users:

+ + + + + + + + + + + + + + + + + + + + + + +
+ + UserStatusCommentAction
John SmithBannedunregulated time travel +
+ + +
+
poey jokeaimBannedl33t h4xx +
+ + +
+
+
+ +
+
+ + diff --git a/website/views/chat-view.php b/website/views/chat-view.php index d0a3f53..99a64fc 100644 --- a/website/views/chat-view.php +++ b/website/views/chat-view.php @@ -1,7 +1,7 @@
-