Scribd Logo
Upload

Welcome to Scribd!

  • livestockAPPENDIX

    Uploaded by

    caesar
    1 views6 pages
    This document contains source code for a livestock management system website. It includes HTML, CSS, JavaScript code to build the website structure and frontend interface. The code sets up the header, sidebar menu, page content area and includes styling elements. It also includes code for a sample output section to display records.

    Original Description:

    Original Title

    1631172811414_1631172769850_livestockAPPENDIX

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains source code for a livestock management system website. It includes HTML, CSS, JavaScript code to build the website structure and frontend interface. The code sets up the header, sidebar menu, page content area and includes styling elements. It also includes code for a sample output section to display records.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1 views6 pages

    livestockAPPENDIX

    Uploaded by

    caesar
    This document contains source code for a livestock management system website. It includes HTML, CSS, JavaScript code to build the website structure and frontend interface. The code sets up the header, sidebar menu, page content area and includes styling elements. It also includes code for a sample output section to display records.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    APPENDIX I

    SOURCE CODES

    <!DOCTYPE html>
    <html>
    <head>
    <title>LIVESTOCK</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta charset="UTF-8">
    <!-- FILE BASED -->
    <link rel="stylesheet" href="./plugin/w3.css">
    <link rel="stylesheet" href="./plugin/bootstrap.min.css">
    <script src="./plugin/jquery-2.2.4.min.js"></script>
    <script src="./plugin/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./plugin/font-awesome.min.css">

    <!-- CDN BASED -->


    <script
    src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <link rel="stylesheet" type="text/css"
    href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css">
    <script
    src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap.min.js"></
    script>
    <script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/
    bootstrap-datepicker.min.js"></script>
    <link rel="stylesheet" type="text/css"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/
    bootstrap-datepicker.min.css">
    <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet'>

    <div class="w3-bar w3-top w3-black w3-large" style="z-index:4">


    <button class="w3-bar-item w3-button w3-hide-large w3-hover-none w3-hover-
    text-light-grey" onclick="w3_open();"><i class="fa fa-bars"></i>
    Menu</button>
    <span class="w3-bar-item w3-right">LIVESTOCK MANAGEMENT SYSTEM</span>
    </div>

    <!-- Sidebar/menu -->


    <nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-
    index:3;width:300px;" id="mySidebar"><br>
    <div class="w3-container w3-row">
    <div class="w3-col s4">
    <img src="theme/default_avatar.jpg" class="w3-circle w3-margin-right"
    style="width:46px">
    </div>
    <div class="w3-col s8 w3-bar">
    <span>Welcome, <strong>Admin</strong></span><br>
    </div>
    </div>
    <hr>
    <div class="w3-container">
    <h5>Menu</h5>
    </div>
    <div class="w3-bar-block">
    <a href="#" class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-
    dark-grey w3-hover-black" onclick="w3_close()" title="close menu"><i class="fa
    fa-remove fa-fw"></i> Close Menu</a>
    <a href="dashboard.php" class="w3-bar-item w3-button w3-padding w3-
    blue"><i class="fa fa-users fa-fw"></i> Dashboard</a>
    <a href="manage-chicken.php" class="w3-bar-item w3-button w3-padding"><i
    class="fa fa-eye fa-fw"></i> Manage Chickens</a>
    <a href="manage-breed.php" class="w3-bar-item w3-button w3-padding"><i
    class="fa fa-users fa-fw"></i> Manage Breeds</a>
    <a href="manage-quarantine.php" class="w3-bar-item w3-button w3-
    padding"><i class="fa fa-diamond fa-fw"></i> Quarantine</a>
    <a href="logout.php" class="w3-bar-item w3-button w3-padding"><i class="fa
    fa-power-off fa-fw"></i> Log out</a><br><br>
    </div>
    </nav>

    <!-- Overlay effect when opening sidebar on small screens -->


    <div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()"
    style="cursor:pointer" title="close side menu" id="myOverlay"></div>

    <!-- !PAGE CONTENT! -->


    <div class="w3-main" style="margin-left:300px;margin-top:43px;">

    <!-- Header -->


    <header class="w3-container" style="padding-top:22px">
    <h5><b><i class="fa fa-dashboard"></i> Livestock Management</b></h5>
    </header>

    <div class="w3-row-padding w3-margin-bottom">


    <div class="w3-quarter">
    <div class="w3-container w3-red w3-padding-16">
    <div class="w3-left"><i class="fa fa-list w3-xxxlarge"></i></div>
    <div class="w3-right">
    <h3>3</h3>
    </div>
    <div class="w3-clear"></div>
    <h4>Chickens</h4>
    </div>
    </div>
    <div class="w3-quarter">
    <div class="w3-container w3-blue w3-padding-16">
    <div class="w3-left"><i class="fa fa-eye w3-xxxlarge"></i></div>
    <div class="w3-right">
    <h3>0</h3>
    </div>
    <div class="w3-clear"></div>
    <h4>Quarantine</h4>
    </div>
    </div>
    <div class="w3-quarter">
    <div class="w3-container w3-teal w3-padding-16">
    <div class="w3-left"><i class="fa fa-list w3-xxxlarge"></i></div>
    <div class="w3-right">
    <h3>5</h3>
    </div>
    <div class="w3-clear"></div>
    <h4>Breeds
    </h4>
    </div>
    </div>
    <div class="w3-quarter">
    <div class="w3-container w3-orange w3-text-white w3-padding-16">
    <div class="w3-left"><i class="fa fa-users w3-xxxlarge"></i></div>
    <div class="w3-right">
    <h3>1</h3>
    </div>
    <div class="w3-clear"></div>
    <h4>Users</h4>
    </div>
    </div>
    </div>

    <div class="w3-container" style="padding-top:22px">


    <div class="w3-row">
    <h2>Chicken Breeds</h2>
    <div class="col-md-6">
    <a title="Check to delete from list" data-toggle="modal" data-
    target="#_removed" id="delete" class="btn btn-danger"><i class="fa fa-
    trash"></i>
    </a>
    <form method="post" action="delete_breed.php">
    <table class="table table-hover table-bordered" id="table">
    <thead>
    <tr>
    <th></th>
    <th>ID</th>
    <th>Name</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>
    <input type="checkbox" name="selector[]" value="1">
    </td>
    <td> 1 </td>
    <td> Cornish Cross Broilers </td>
    </tr>
    <tr>
    <td>
    <input type="checkbox" name="selector[]" value="2">
    </td>
    <td> 2 </td>
    <td> Red Broilers </td>
    </tr>
    <tr>
    <td>
    <input type="checkbox" name="selector[]" value="3">
    </td>
    <td> 3 </td>
    <td> Roaster chicks </td>
    </tr>
    <tr>
    <td>
    <input type="checkbox" name="selector[]" value="4">
    </td>
    <td> 4 </td>
    <td> Rosambro Broilers </td>
    </tr>
    <tr>
    <td>
    <input type="checkbox" name="selector[]" value="11">
    </td>
    <td> 11 </td>
    <td> Grinphield Marshall </td>
    </tr>
    </tbody>
    </table>

    <div id="_remove" class="modal fade" tabindex="-1" role="dialog" aria-


    labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">

    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-
    hidden="true">x</button>
    <h3 class="modal-title">Remove From Quarantine List ?</h3>
    </div>

    <div class="modal-body">
    <div class="alert alert-danger">
    <p>Are you sure you want to remove chicken from quarantine list?.</p>
    </div>
    </div>
    <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="fa fa-
    times"></i> Close</button>
    <button name="remove" class="btn btn-danger"><i class="fa fa-check"></i>
    Yes</button>

    <div id="_removed" class="modal fade" tabindex="-1" role="dialog" aria-


    labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">

    <div class="modal-content">
    <div class="modal-header">

    </body>
    </html>
    APPENDIX II

    SAMPLE OUTPUT

    RECORDS

    NEW RECORDS
    BREEDS

    You might also like