Animal-Tracking-Website/vetpage.html at main · beth-hedge-code/Animal-Tracking-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!--LightHouse Accessibility Score: 97-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vet Page</title>
    <link rel="icon" type="image/x-icon" href="imgs/cow.png">
    <link rel="stylesheet" href="CSS/Bootstrap.css">
    <link rel="stylesheet" href="CSS/stylesheetindex.css">
</head>

<body class="bg">
<!--Mobile Resposive Card-->
<div class="container mt-4 mb-5">
    <div class="card shadow mx-auto" style="max-width: 650px;" id="animalInfo">
        <div class="card-body bg-danger rounded">
            <div class="bg-dark rounded p-4">

                <h1 class="text-center text-white mb-4">Vet Records</h1>

                <!--Using vetpageapp.js and vetroute.js we display data from the database-->
                <!--We use the ids in vetpageapp.js-->
                <div id="vetVisitsContainer" class="text-white" style="font-size: 20px;">

                    <p><strong>Veterinarian: </strong><span id="vetName"></span></p>
                    <p><strong>Role: </strong><span id="vetRole"></span></p>
                    <p><strong>Contact Info: </strong><span id="vetPhone"></span></p>
                    <p><strong>Vet Location: </strong><span id="vetAddress"></span></p>
                    <p><strong>License Held: </strong><span id="vetLicense"></span></p>
                    <br>
                    <p><strong>Visit Date: </strong><span id="visitDate"></span></p>
                    <p><strong>Weight At Visit: </strong><span id="weight"></span></p>
                    <p><strong>Visit Notes: </strong><span id="visitDescription"></span></p>
                    <p><strong>Vaccinations Given Against: </strong><span id="vaccinations"></span></p>
                </div>
                <!--Navigation back to login page (Should change to animal table home based on userID)-->
                <div class="d-flex justify-content-center mt-4 gap-3">
                    <a id="backToAnimals" class="btn btn-light"  aria-label="Goes Back to Animal Table">Back to Animal Table</a>
                </div>

            </div>
        </div>
    </div>
</div>

<script src="javascript/vetpageapp.js"></script>
</body>
</html>