1. <?php
  2. include('structure/config.php');
  3. include('structure/server.php');
  5. $server = new server($db_host, $db_name, $db_user, $db_password);
  6. $user = new user($server->returnDb());
  7. ?>
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  12. <link href="css/main.css" rel="stylesheet" type="text/css">
  13. <title><?php echo $data['wb_title']; ?> - Index</title>
  14. </head>
  15. <body>
  16. <noscript>
  17. <div class="notice major center">
  18. This site requires JavaScript.
  19. </div>
  20. </noscript>
  21. <div class="container">
  22. <div id="navbar">
  23. <ul>
  24. <li><a href="index.php">Home</a></li>
  25. <li><a href="news.php">News</a></li>
  26. <li><a href="about.php">Search</a></li>
  27. <?php
  28. if(!$user->loggedIn){
  29. ?>
  31. <li><a href="login.php">Login</a></li>
  32. <li><a href="register.php">Register</a></li>
  34. <?php
  35. }else{
  36. ?>
  37. <li><a href="login.php">My Account</a></li>
  38. <li><a href="register.php">My Threads</a></li>
  39. <li><a href="logout.php">Logout</a></li>
  40. <?php
  41. }
  43. ?>
  44. </ul>
  45. </div>
  46. <div id="main">
  47. <div class="content">
  48. <?php
  49. if(!$user->loggedIn){
  50. ?>
  51. <div class="notice center">
  52. It seems you're not logged in. Why not <a href="register.php">register</a> or <a href="login.php">login</a> now?
  53. </div>
  54. <div class="spacing"></div>
  55. Welcome to BImg! BImg is a graphics board; it allows users to share their graphics with everyone else and receive an overall rating which is decided by other fellow users of BImg. Want to share your graphics and see what the community thinks? <a href="">Get started now!</a>
  56. <?php
  57. }else{
  58. ?>
  59. <a href="#" id="new">Create new</a>
  60. <div id="add" class="light_yellow hidden center">
  61. Please fill out all the information.
  62. <table class="yellow_table">
  63. <tr><td id="title_td1">Title</td><td id="title_td2"><div class="light_yellow field_error center hidden" id="title_error"></div><input type="text" name="title" maxlength="30"></td></tr>
  64. <tr><td id="image_td1">Image</td><td id="image_td2"><div class="light_yellow field_error center hidden" id="image_error"></div><input type="file" name="file" /></td></tr>
  65. <tr><td id="content_td1">Content</td><td id="content_td2"><div class="light_yellow field_error center hidden" id="content_error"></div><textarea name="content" cols="65" rows="25" maxlength="1500"></textarea></td></tr>
  66. <tr><td id="submit_td1">Image</td><td id="image_td2"><div class="light_yellow field_error center hidden" id="submit_error"></div><input type="submit" value="Upload & Post" id="submit_button"> or <a href="#" id="cancel">cancel</a></td></tr>
  67. </table>
  68. </div>
  69. <?php
  70. }
  71. ?>
  73. <table class="posts" id="posts">
  74. <tr><th>Thread</th><th>Replies</th><th>Date</th><th>Action</th></tr>
  75. <tr><td><img src="img/new-message.png" width="15" height="15">&nbsp;<a href="#">My new signature..</a></td><td>0</td><td>Oct-27-2012</td><td><a href="#">Reply</a></td></tr>
  76. <tr><td><a href="#">My new signature..</a></td><td>0</td><td>Oct-27-2012</td><td><a href="#">Reply</a></td></tr>
  77. <tr><td><a href="#">My new signature..</a></td><td>0</td><td>Oct-27-2012</td><td><a href="#">Reply</a></td></tr>
  78. <tr><td><a href="#">My new signature..</a></td><td>0</td><td>Oct-27-2012</td><td><a href="#">Reply</a></td></tr>
  79. </table>
  80. </div>
  81. </div>
  82. </div>
  83. <script type="text/javascript" src="js/jquery.js"></script>
  84. <script type="text/javascript">
  85. $(document).ready(function(){
  86. var file;
  87. var title = $('input[name="title"]');
  88. var image = $('input[name="file"]');
  89. var content = $('textarea[name="content"]');
  90. var submit = $('#submit_button');
  91. var last_time = 0;
  92. var x = 0;
  94. $('#new').click(function(){
  95. //if (window.File && window.FileReader && window.FileList && window.Blob) {
  96. $('#add').fadeIn();
  97. $('#posts').fadeOut();
  98. $('#new').fadeOut(0);
  99. //} else {
  100. //alert('The necessary File APIs are not supported in your browser. Please use a modern browser like Google Chrome or FireFox.');
  101. //}
  102. });
  104. $('#cancel').click(function(){
  105. $('#add').fadeOut();
  106. $('#posts').fadeIn();
  107. $('#new').fadeIn(0);
  108. });
  110. image.change(function(){
  111. extension = image.val().split('.')[1];
  112. if(extension != 'png' && extension != 'jpeg' && extension != 'bmp' && extension != 'gif'){
  113. image.val('');
  114. displayError('#image', 'That file extension is not allowed.');
  115. }else{
  116. file = this;
  117. }
  118. });
  120. title.keypress(function(){
  121. validateTitle();
  122. });
  124. title.change(function(){
  125. validateTitle();
  126. });
  128. $('#submit_button').click(function(){
  129. if(x == 1){
  130. d = new Date();
  131. if(d.getTime() - last_time > 4000){
  132. x = 0;
  133. }
  134. }else{
  135. x++;
  136. d = new Date();
  137. last_time = d.getTime();
  139. if(title.val().length == 0){
  140. displayError('#title', 'Your title cannot be empty.');
  141. }else if(title.val().length < 3){
  142. displayError('#title', 'Your title has to be at least 3 characters.');
  143. }else if (content.val().length == 0){
  144. displayError('#content', 'Your content field cannot be empty.');
  145. }else if(content.val().length < 30){
  146. displayError('#content', 'Your content must be at least 30 characters.');
  147. }else{
  148. alert('attempting');
  149. $.ajax({
  150. type: "POST",
  151. url: "post.php",
  152. data: { t: title.val(), c: content.val(), image: file}
  153. }).done(function(msg) {
  154. alert(msg);
  155. if(msg != "success"){
  156. split = msg.split(',');
  157. displayError(split[0], split[1]);
  158. }else{
  159. alert(msg);
  160. }
  161. });
  162. }
  163. }
  164. });
  166. function setFile(file){
  167. file = file;
  168. }
  170. function validateTitle(){
  171. if(title.val().length > 30){
  172. displayError('#title', 'Your title cannot be greater than 30 characters.');
  173. title.val(title.val().substr(0,30));
  174. }
  175. }
  177. function displayError(id, message){
  178. $(id+'_error').text(message);
  179. $(id+'_error').fadeIn(1500);
  180. $(id+'_error').delay(2500).fadeOut(1500);
  181. }
  182. });
  183. </script>
  184. </body>
  185. </html>