مشروع Photos Gallery بل PHP الجزء السادس
فهاد الجزء من المشروع ديالنا غادي نزيدو الملفات الخاصة بعرض الصور لي عندنا فقاعدة البيانات والتعليقات بالإضافة للصفحة الرئيسية لي غادي تكون فيها الإحصائيات ديال المعلومات لي عندنا فقاعدة البيانات.
نظرة سريعة بالفيديو
- الملف photos.php
دائما فالمجلد admin كنزيد ملف كنسميه photos.php هاد الملف كيمكن من عرض جميع الصور لي عندنا فقاعدة البيانات فمنبعد مكيتم استرجاع المعلومات الخاصة بالصورلي عندنا كيتم عرضها فجدول بالإضافة للأزرار لي كتمكن من مشاهدة تعديل او حذف صورة الكود ديال الملف هو:
<?php include "includes/header.php";?>
<?php include "includes/navigation.php";?>
<?php
$photos = Photo::get_all();
?>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-primary">
<div class="panel-heading">Photos</div>
<hr>
<?php if(isset($message)):?>
<div class="alert alert-success">
<?php echo $message;?>
</div>
<?php endif;?>
<hr>
<div class="panel-body">
<table class="table table-hover">
<thead>
<th>Photo</th>
<th>Id</th>
<th>Fichier</th>
<th>Nom</th>
<th>Taille</th>
</thead>
<?php foreach($photos as $photo):?>
<tbody>
<td>
<img src="<?php echo $photo->picture_path();?>" alt="" height="60" width="60">
<div class="picture_links">
<span class="label label-primary"><a href="../photos.php?id=<?php echo $photo->id;?>" class="link">Voir</a></span>
<span class="label label-warning"><a href="edit_photo.php?id=<?php echo $photo->id;?>" class="link">Modifier</a></span>
<span class="label label-danger"><a href="delete_photo.php?id=<?php echo $photo->id;?>" class="link">Supprimer</a></span>
</div>
</td>
<td><?php echo $photo->id;?></td>
<td><?php echo $photo->filename;?></td>
<td><?php echo $photo->title;?></td>
<td><?php echo $photo->size;?></td>
</tbody>
<?php endforeach;?>
</table>
</div>
</div>
</div>
</div>
</div>
<?php include "includes/footer.php";?>
- الملف comments.php
دائما فالمجلد admin كنزيد ملف كنسميه comments.php هاد الملف كيمكن من عرض جميع التعليقات لي عندنا فقاعدة البيانات فمنبعد مكيتم استرجاع المعلومات الخاصة بالتعليقات لي عندنا كيتم عرضها فجدول بالإضافة للأزرار لي كتمكن من تعديل او حذف تعليق الكود ديال الملف هو:
<?php include "includes/header.php";?>
<?php include "includes/navigation.php";?>
<?php
$comments = Comment::get_all();
?>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-primary">
<div class="panel-heading">Commentaires</div>
<hr>
<?php if(isset($message)):?>
<div class="alert alert-success">
<?php echo $message;?>
</div>
<?php endif;?>
<hr>
<div class="panel-body">
<table class="table table-hover">
<thead>
<th>Action</th>
<th>Photo</th>
<th>Id</th>
<th>Photo id</th>
<th>Utilisateur</th>
<th>Commentaire</th>
</thead>
<?php foreach($comments as $comment):
$user = User::find_by_id($comment->user_id);
$photo = Photo::find_by_id($comment->photo_id);
?>
<tbody>
<td>
<div class="picture_links">
<span class="label label-danger"><a href="delete_comment.php?id=<?php echo $comment->id;?>" class="link">Supprimer</a></span>
</div>
</td>
<td><img src="<?php echo $photo->picture_path();?>" alt="" height="60" width="60"></td>
<td><?php echo $comment->id;?></td>
<td><?php echo $comment->photo_id;?></td>
<td><?php echo $user->pseudo;?></td>
<td><?php echo $comment->comment;?></td>
</tbody>
<?php endforeach;?>
</table>
</div>
</div>
</div>
</div>
</div>
<?php include "includes/footer.php";?>
- الملف index.php
دائما فالمجلد admin كنزيد ملف كنسميه index.php هاد الملف كيمكن من عرض الإحصائيات الخاصة بالمعلومات لي عندنا فقاعدة البيانات من مستخدمين صور وتعليقات بإستخدام لfonction count_all الكود ديال الملف هو:
<?php include "includes/header.php";?>
<?php include "includes/navigation.php";?>
<?php
$message = "";
if(!isset($_SESSION['user_id'])){
redirect("login.php");
}
?>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-md-3">
<i class="fa fa-users fa-5x"></i>
</div>
<div class="col-md-6 col-md-offset-3">
<p class="big pull-right"><?php echo $session->count; ?></p>
</div>
<div class="col-md-6 col-md-offset-3">
<p class="big pull-right">Visites</p>
</div>
</div>
</div>
<a href="#" class="panel-link text-primary">
<div class="panel-footer">
<span class="pull-left">Visites</span>
<span class="pull-right"><i class="fa fa-arrow-right"></i></span>
</div>
</a>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-success">
<div class="panel-heading">
<div class="row">
<div class="col-md-3">
<i class="fa fa-photo fa-5x"></i>
</div>
<div class="col-md-6 col-md-offset-3">
<p class="big pull-right"><?php echo Photo::count_all();?></p>
</div>
<div class="col-md-6 col-md-offset-3">
<p class="big pull-right">Photos</p>
</div>
</div>
</div>
<a href="photos.php" class="panel-link text-success">
<div class="panel-footer">
<span class="pull-left">Photos</span>
<span class="pull-right"><i class="fa fa-arrow-right"></i></span>
</div>
</a>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-warning">
<div class="panel-heading">
<div class="row">
<div class="col-md-3">
<i class="fa fa-user fa-5x"></i>
</div>
<div class="col-md-6 col-md-offset-3">
<p class="big pull-right"><?php echo User::count_all();?></p>
</div>
<div class="col-md-6 col-md-offset-3">
<p class="big pull-right">Inscrits</p>
</div>
</div>
</div>
<a href="users.php" class="panel-link text-warning">
<div class="panel-footer">
<span class="pull-left">Inscrits</span>
<span class="pull-right"><i class="fa fa-arrow-right"></i></span>
</div>
</a>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-danger">
<div class="panel-heading">
<div class="row">
<div class="col-md-3">
<i class="fa fa-comment fa-5x"></i>
</div>
<div class="col-md-6 col-md-offset-3">
<p class="big pull-right"><?php echo Comment::count_all();?></p>
</div>
<div class="col-md-6 col-md-offset-3">
<p class="big pull-right">Comments</p>
</div>
</div>
</div>
<a href="comments.php" class="panel-link text-danger">
<div class="panel-footer">
<span class="pull-left">Comments</span>
<span class="pull-right"><i class="fa fa-arrow-right"></i></span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include "includes/footer.php";?>
- الملف main.css
دائما فالمجلد admin/css كنزيد ملف كنسميه main.php هاد الملف غادي يمكن من إضافة بعض التعديلات للصفحة الرئيسية الكود ديال الملف هو:
body{
font-family: Verdana, Geneva, Tahoma, sans-serif;
margin:100px;
}
footer{
margin-top:100px;
}
.picture_links span a{
text-decoration: none;
color:#FFF;
}
.padded{
padding: 10px;
}
.big{
font-size: 30px;
font-weight: bold;
}
.panel-link .panel-footer{
height:45px;
}
- الملف script.js
دائما فالمجلد admin/js كنزيد ملف كنسميه script.js هاد الملف غادي يمكن من إسترجاع معلومات خاصة بالصور غادي نحتاجوه فملف آخرمنبعد الكود ديال الملف هو:
$(document).ready(function(){
var image_id;
$(".modal_tumbnails").click(function(){
$("#submit").prop("disabled",false);
image_id = $(this).data("id");
$.ajax({
url : "admin/includes/ajax_code.php",
data : {image_id:image_id},
type : "POST",
success : function(data){
$('#result').html(data);
}
});
});
$("#submit").click(function(){
location.href = "photos.php?id="+image_id;
});
$(".modal_tumbnails").mouseover(function(){
$(this).css("cursor","pointer");
});
$(".search-box-heading").mouseover(function(){
$(this).css("cursor","pointer");
});
$(".search-box-heading").click(function(){
$(".search-box").slideToggle("fast");
$("#toggle").toggleClass("fa fa-chevron-down fa fa-chevron-up");
});
tinymce.init({ selector:'textarea' });
});