Patrick.Sy/spring-petclinic
1
0
Fork 0
mirror of https://github.com/spring-projects/spring-petclinic.git synced 2025-07-17 21:35:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

AA: Merge updated design to app

Browse source
This commit is contained in:
Andrew Abogado 2015-02-12 00:53:33 +08:00
parent ad67ce6f62
commit e160f1b536
36 changed files with 360 additions and 246 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/main/webapp/components/dashboard/_owners.html
View file

@ -1,5 +1,6 @@
<section id="owners" class="sections sections-narrow" data-ng-controller="OwnerController"> <section id="owners" class="sections sections-narrow" data-ng-controller="OwnerController">
<div class="container"> <div class="container">
<a class="btn btn-primary pull-right" href="#" data-ui-sref="owners">See All Owners <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a>
<h2 class="sub-header">Owners</h2> <h2 class="sub-header">Owners</h2>
<div class="row thumbnail-wrapper"> <div class="row thumbnail-wrapper">
<div class="col-md-3" data-ng-repeat="owner in owners | limitTo : 8"> <div class="col-md-3" data-ng-repeat="owner in owners | limitTo : 8">
@ -23,11 +24,5 @@
</div> </div>
</div> </div>
</div> </div>
<!-- /row -->
<div class="row">
<div class="col-md-4 col-md-offset-4">
<p><a class="btn btn-primary btn-block" data-ui-sref="pets">See All Owners</a></p>
</div>
</div>
</div> </div>
</section> </section>

7
src/main/webapp/components/dashboard/_pets.html
View file

@ -1,5 +1,6 @@
<section id="pets" class="sections sections-narrow" data-ng-controller="PetController"> <section id="pets" class="sections sections-narrow" data-ng-controller="PetController">
<div class="container"> <div class="container">
<a class="btn btn-primary pull-right" href="#" data-ui-sref="pets">See All Pets <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a>
<h2 class="sub-header">Pets</h2> <h2 class="sub-header">Pets</h2>
<div class="row thumbnail-wrapper"> <div class="row thumbnail-wrapper">
<div class="col-md-3" ng-repeat="pet in pets | limitTo : 4"> <div class="col-md-3" ng-repeat="pet in pets | limitTo : 4">
@ -13,11 +14,5 @@
</div> </div>
</div> </div>
</div> </div>
<!-- /row -->
<div class="row">
<div class="col-md-4 col-md-offset-4">
<p><a class="btn btn-primary btn-block" data-ui-sref="pets">See All Pets</a></p>
</div>
</div>
</div> </div>
</section> </section>

7
src/main/webapp/components/dashboard/_vets.html
View file

@ -1,5 +1,6 @@
<section id="vets" class="sections sections-narrow" data-ng-controller="VeterinarianController"> <section id="vets" class="sections sections-narrow" data-ng-controller="VeterinarianController">
<div class="container"> <div class="container">
<a class="btn btn-primary pull-right" href="#" data-ui-sref="vets">See All Veterinarians <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a>
<h2 class="sub-header">Veterinarians</h2> <h2 class="sub-header">Veterinarians</h2>
<div class="row thumbnail-wrapper"> <div class="row thumbnail-wrapper">
<div class="col-md-3" data-ng-repeat="vet in vets | limitTo : 8"> <div class="col-md-3" data-ng-repeat="vet in vets | limitTo : 8">
@ -13,11 +14,5 @@
</div> </div>
</div> </div>
</div> </div>
<!-- /row -->
<div class="row">
<div class="col-md-4 col-md-offset-4">
<p><a class="btn btn-primary btn-block" data-ui-sref="vets">See All Veterinarians</a></p>
</div>
</div>
</div> </div>
</section> </section>

25
src/main/webapp/components/dashboard/_welcome.html
View file

@ -1,14 +1,25 @@
<!-- Welcome --> <!-- Welcome -->
<header class="sections sections-narrow sections-light"> <header class="sections sections-tight sections-light">
<div class="container"> <div class="container">
<div class="media media-welcome"> <div class="media">
<div class="media-left"> <div class="pull-right stats stats-md">
<img src="images/avatar.jpg" class="img-circle media-object" width="90" height="90"> <ul>
<li>12<span>Vets Around</span></li>
<li>5<span>Your Tasks</span></li>
<li>8<span>Appointments</span></li>
</ul>
</div> </div>
<div class="media-body"> <div class="media-body">
<h4 class="h3">Welcome, John Doe</h4> <div class="media">
<p>When you’re ready, you may start adding a new <a href="#">pet owner</a> or <a href="#">continue browsing</a>.</p> <div class="media-left">
<img src="images/avatar.jpg" class="img-circle img-circle-medium media-object" width="80" height="80">
</div>
<div class="media-body">
<h4 class="h3">Welcome back, John Doe</h4>
<p>Todays date is <strong>14th February 2014</strong></p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</header> </header>

52
src/main/webapp/components/footer.html
View file

@ -1,7 +1,49 @@
<!-- Footer --> <!-- Footer -->
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<p class="pull-right">Tell your friends: <a href="#">Facebook</a>, <a href="#">Twitter</a>, <a href="#">Google+</a></p> <!-- Three columns of text below the carousel -->
<p data-ng-bind="footerText"></p> <div class="row">
</div> <div class="col-md-3">
</footer> <h3 class="h5">Company Information</h3>
<ul class="list-unstyled">
<li><a href="#">About Us</a></li>
<li><a href="#">Updtes</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Services</a></li>
<ul>
</div>
<div class="col-md-3">
<h3 class="h5">Wanna talk?</h3>
<ul class="list-unstyled">
<li>Call us at (203) 420-0234</li>
<li>Email us to info@petclinic.com</li>
<li>We respond to emails within one business day. Hours: Mon - Fri from 9am - 7pm ET</li>
<ul>
</div>
<div class="col-md-3">
<h3 class="h5">Follow Us</h3>
<ul class="list-unstyled">
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Google Plus</a></li>
<ul>
</div>
<div class="col-md-3">
<h3 class="h5">Questions or comments</h3>
<p>Cras mattis consectetur purus sit amet fermentum. </p>
<p>
<a href="mailto:youremail@yourdomain.com" type="submit" class="btn btn-primary">Drop us a line</a>
</p>
</div>
</div>
</div>
</footer>
<div class="colophon">
<div class="container">
<p class="pull-left">
<img src="images/logo-footer.png" class="logo-footer"> © 2015 Pet Clinic, A Spring Framework Demonstration.
</p>
<p class="pull-right">Design by Andrew Abogado. See the Colophon for details on the design and code.</p>
</div>
</div>

26
src/main/webapp/components/header.html
View file

@ -1,8 +1,8 @@
<nav class="navbar navbar-default navbar-static-top"> <nav class="navbar navbar-default navbar-static-top" data-ng-if="getSession() != null">
<div class="container-fluid"> <div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display --> <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" data-ng-href="{{context}}" data-ng-click="goHome()"> <a class="navbar-brand" href="#" data-ng-click="goHome()">
<img alt="Pet Clinic Brand" height="27" width="auto" src="images/logo.png"> <img alt="Pet Clinic Brand" height="27" width="auto" src="images/logo.png">
</a> </a>
<button class="navbar-toggle navbar-toggle-left collapsed" type="button" data-toggle="collapse" data-target="#nav-menu"> <button class="navbar-toggle navbar-toggle-left collapsed" type="button" data-toggle="collapse" data-target="#nav-menu">
@ -13,7 +13,7 @@
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div id="nav-menu" class="navbar-collapse navbar-left collapse"> <div id="nav-menu" class="navbar-collapse navbar-left collapse">
<ul class="nav navbar-nav navbar-menu" data-ng-if="getSession() != null"> <ul class="nav navbar-nav navbar-menu">
<li data-ng-class="$state.is('landing') ? 'active' : ''"><a href="#" data-ng-click="goHome()">Dashboard</a></li> <li data-ng-class="$state.is('landing') ? 'active' : ''"><a href="#" data-ng-click="goHome()">Dashboard</a></li>
<li data-ng-class="$state.is('owners') ? 'active' : ''"><a data-ui-sref="owners">Owners</a></li> <li data-ng-class="$state.is('owners') ? 'active' : ''"><a data-ui-sref="owners">Owners</a></li>
<li data-ng-class="$state.is('pets') ? 'active' : ''"><a data-ui-sref="pets">Pets</a></li> <li data-ng-class="$state.is('pets') ? 'active' : ''"><a data-ui-sref="pets">Pets</a></li>
@ -21,29 +21,21 @@
</ul> </ul>
</div><!-- /.navbar-collapse --> </div><!-- /.navbar-collapse -->
<ul data-ng-if="getSession() != null" class="nav navbar-profile"> <ul class="nav navbar-profile">
<li data-ng-if="getSession() != null"><a href="#" data-toggle="modal" data-target="#searchModal"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li> <li><a href="#" data-toggle="modal" data-target="#searchModal"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>
<li data-ng-if="getSession() != null"><a href="#" data-toggle="modal" data-target="#addOwnerModal"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li> <li><a href="#" data-toggle="modal" data-target="#addOwnerModal"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle img-profile" data-toggle="dropdown" role="button" aria-expanded="false"> <a href="#" class="dropdown-toggle img-profile" data-toggle="dropdown" role="button" aria-expanded="false">
<img class="img-circle img-circle-small" src="images/avatar.jpg" width="30" height="30"> <img class="img-circle img-circle-small" src="images/avatar.jpg" width="30" height="30">
</a> </a>
<ul data-ng-if="getSession() != null" class="dropdown-menu navbar-dropdown-menu"> <ul class="dropdown-menu navbar-dropdown-menu">
<li><a href="#">View Profile</a></li> <li><a href="#">View Profile</a></li>
<li><a href="#">Settings</a></li> <li><a href="#">Settings</a></li>
<li><a href="#" data-ng-click="logout()">Sign Out</a></li>
<li class="divider"></li>
<li><a href="#">Help</a></li> <li><a href="#">Help</a></li>
<li class="divider"></li>
<li><a href="#" data-ng-click="logout()">Sign Out</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul data-ng-if="getSession() == null" class="nav navbar-links pull-right">
<li>
<a href="#appointment" class="js-scroll-nav">Get started</a>
</li>
<li>
<a href="#" data-ng-click="login()">Login</a>
</li>
</ul>
</div><!-- /.container-fluid --> </div><!-- /.container-fluid -->
</nav> </nav>

48
src/main/webapp/components/landing/_appointment.html
View file

@ -1,25 +1,25 @@
<section id="appointment" class="jumbotron jumbotron-secondary"> <section id="appointment" class="jumbotron jumbotron-secondary jumbotron-appointment">
<div class="container"> <div class="container">
<div class="jumbotron-headline"> <div class="jumbotron-headline">
<div class="jumbotron-headline-cell"> <div class="jumbotron-headline-cell">
<h2>Over 40,000 pet owners trust us. Register now. It's <strong>Free</strong> forever!</h2> <h2>Over 40,000 pet owners trust us.</h2>
<p>Use it as a starting point to create something more unique.</p> <p>Use it as a starting point to create something more unique.</p>
<form class="form-inline"> <form class="form-inline">
<div class="form-group"> <div class="form-group">
<label class="sr-only" for="clientName">Your Name</label> <label class="sr-only" for="clientName">Your Name</label>
<input type="text" class="form-control input-lg" id="clientName" placeholder="Your name"> <input type="text" class="form-control input-lg" id="clientName" placeholder="Your name">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="sr-only" for="emailAddress">Email Address</label> <label class="sr-only" for="emailAddress">Email Address</label>
<input type="email" class="form-control input-lg" id="emailAddress" placeholder="Your email"> <input type="email" class="form-control input-lg" id="emailAddress" placeholder="Your email">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="sr-only" for="clientNumber">Contact Number</label> <label class="sr-only" for="clientNumber">Contact Number</label>
<input type="text" class="form-control input-lg" id="clientNumber" placeholder="Your contact number"> <input type="text" class="form-control input-lg" id="clientNumber" placeholder="Your contact number">
</div> </div>
<button type="submit" class="btn btn-primary btn-lg">Get Started - It's Free!</button> <button type="submit" class="btn btn-cta">Get an Appointment</button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</section> </section>

17
src/main/webapp/components/landing/_banner.html
View file

@ -1,15 +1,24 @@
<!-- Main jumbotron for a primary marketing message or call to action --> <div class="jumbotron jumbotron-welcome">
<div class="jumbotron">
<div class="container"> <div class="container">
<header>
<a class="navbar-brand navbar-brand-nopadding pull-left" href="/">
<img alt="Pet Clinic Brand" height="27" width="auto" src="images/logo-brand.png">
</a>
<a class="btn btn-default btn-inverse pull-right" href="#" data-ng-click="login()">Sign In</a>
</header>
<div class="jumbotron-headline"> <div class="jumbotron-headline">
<div class="jumbotron-headline-cell"> <div class="jumbotron-headline-cell">
<h1>Pet care for the People who love them</h1> <h1>Pet care for the People who love them</h1>
<p>PetClinic is here to enhance people's relationships with their pets</p> <p>PetClinic is here to enhance people's relationships with their pets</p>
<p><a class="btn btn-primary btn-lg" data-scroll-to-target href="#contact-us" role="button">Learn more</a></p> <p>
<a class="btn btn-cta" data-scroll-to-target href="#appointment" role="button">Make an Appointment</a>
<a class="btn btn-cta btn-inverse" data-scroll-to-target href="#services" role="button">Learn More</a>
</p>
<a href="#services" data-scroll-to-target class="scroll-down">Scroll Down</a>
</div> </div>
</div> </div>
</div> </div>
<video loop="loop" preload="auto" class="jumbotron-video" autoplay muted> <video loop="loop" preload="auto" class="jumbotron-video" autoplay muted>
<source src="videos/hero-bird.mp4" type="video/mp4"> <source src="videos/hero.mp4" type="video/mp4">
</video> </video>
</div> </div>

32
src/main/webapp/components/landing/_companies.html
View file

@ -1,31 +1,3 @@
<section id="companies" class="sections sections-narrow"> <section id="companies" class="sections sections-narrow sections-companies">
<div class="container text-center"> <img src="images/client-logos.png" alt="Client logos">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="text-center">
<p class="section-desc">Trusted by some of the world's smartest companies</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<img src="http://placehold.it/100x40" alt="Companies placeholder image">
</div>
<div class="col-lg-2">
<img src="http://placehold.it/100x40" alt="Companies placeholder image">
</div>
<div class="col-lg-2">
<img src="http://placehold.it/100x40" alt="Companies placeholder image">
</div>
<div class="col-lg-2">
<img src="http://placehold.it/100x40" alt="Companies placeholder image">
</div>
<div class="col-lg-2">
<img src="http://placehold.it/100x40" alt="Companies placeholder image">
</div>
<div class="col-lg-2">
<img src="http://placehold.it/100x40" alt="Companies placeholder image">
</div>
</div>
</div>
</section> </section>

22
src/main/webapp/components/landing/_contact_us.html
View file

@ -1,22 +0,0 @@
<section id="contact-us" class="sections sections-narrow">
<div class="container">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<h3>Business Hours</h3>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<h3>Our Location</h3>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<h3>Questions or comments</h3>
<p>Cras mattis consectetur purus sit amet fermentum. </p>
<p>
<a href="mailto:youremail@yourdomain.com" type="submit" class="btn btn-default">Drop us a line</a>
</p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div>
</section>

34
src/main/webapp/components/landing/_numbers.html Normal file
View file

@ -0,0 +1,34 @@
<section id="companies" class="sections sections-numbers">
<div class="container text-center">
<div class="row">
<div class="col-md-3">
<div class="stats-numbers">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
<p class="stats-number">1325</p>
<span class="stats-label">Pet Owners</span>
</div>
</div>
<div class="col-md-3">
<div class="stats-numbers">
<span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
<p class="stats-number">2325</p>
<span class="stats-label">Pets</span>
</div>
</div>
<div class="col-md-3">
<div class="stats-numbers">
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
<p class="stats-number">903</p>
<span class="stats-label">Pet Visits</span>
</div>
</div>
<div class="col-md-3">
<div class="stats-numbers">
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
<p class="stats-number">24</p>
<span class="stats-label">Veterinarians</span>
</div>
</div>
</div>
</div>
</section>

56
src/main/webapp/components/landing/_services.html
View file

@ -1,16 +1,44 @@
<div id="services" class="container"> <!-- Services 1 section -->
<div class="row"> <section id="services" class="sections sections-services">
<div class="col-md-6"> <div class="container">
<img class="img-thumbnail" src="images/services/service1.jpg" alt="Generic placeholder image"> <div class="row">
</div> <div class="col-md-6 col-md-push-6">
<div class="col-md-6"> <img class="img-circle img-circle-auto pull-right" src="images/image-service-1.png" alt="Service 1">
<h3 class="section-heading">Home Visits</h3> </div>
<p class="section-desc"> <div class="col-md-6 col-md-pull-6">
We provide home visits to your pets in need of care <h3 class="section-heading">Everything you need to manage you clients and their pets</h3>
</p> <p class="section-desc">PetClinic is everything you need for an effective management. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
<p> </div>
<a class="btn btn-primary" data-ui-sref="landing">Learn more »</a>
</p>
</div> </div>
</div> </div>
</div> </section>
<!-- Services 2 section -->
<section id="services2" class="sections sections-services">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="img-circle img-circle-auto" src="images/image-service-2.png" alt="Service 2">
</div>
<div class="col-md-6">
<h3 class="section-heading">Customized that’s just right for you </h3>
<p class="section-desc">Our scalable system is configured to suit your need. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.</p>
</div>
</div>
</div>
</section>
<!-- Services 3 section -->
<section id="services3" class="sections sections-services">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-push-6">
<img class="img-circle img-circle-auto pull-right" src="images/image-service-3.png" alt="Service 3">
</div>
<div class="col-md-6 col-md-pull-6">
<h3 class="section-heading">Access anywhere even on-the-go</h3>
<p class="section-desc">Whether you’re on your desk or on mobile, PetClinic is available wherever you may be. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains.</p>
</div>
</div>
</div>
</section>

34
src/main/webapp/components/landing/_testimonials.html
View file

@ -1,29 +1,17 @@
<section id="testimonials" class="sections"> <section id="testimonials" class="sections sections-testimonials">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2 text-center">
<div class="text-center"> <h3 class="section-heading">Our happy customers say</h3>
<h3 class="section-heading">What our customers are saying.</h3> <img class="img-circle img-circle-medium" src="images/veterinarian-default.jpg" alt="Generic placeholder image">
<p class="section-desc">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p> <h4 class="section-title">Betty Davis, Dogs Associations Inc.</h4>
</div> <p>It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life.</p>
<ol class="carousel-indicators carousel-indicators-static">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
<li data-target="#myCarousel" data-slide-to="2" class=""></li>
</ol>
</div> </div>
</div> </div>
<div class="row">
<div class="col-lg-4 text-center">
<img class="img-circle" src="http://placehold.it/140x140" alt="Generic placeholder image">
<h4>Client One</h4>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4 text-center">
<img class="img-circle" src="http://placehold.it/140x140" alt="Generic placeholder image">
<h4>Client Two</h4>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4 text-center">
<img class="img-circle" src="http://placehold.it/140x140" alt="Generic placeholder image">
<h4>Client Three</h4>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
</div><!-- /.col-lg-4 -->
</div>
</div> </div>
</section> </section>

81
src/main/webapp/components/landing/_vets.html
View file

@ -4,45 +4,84 @@
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="text-center"> <div class="text-center">
<h3 id="veterianarians" class="section-heading">Our Veterinarians</h3> <h3 id="veterianarians" class="section-heading">Our awesome veterinarians</h3>
<p class="section-desc">Meet our Veterinarian Team</p> <p class="section-desc"><strong>Professionalism.</strong> Everyone at our practice is committed to providing you with the very best in pet healthcare. <strong>Expertise.</strong> Our veterinary team bring a wealth of experience to the practice and have individually obtained high standards of professional qualifications. <strong>Dedication.</strong> Our committed team of Veterinarians is dedicated to your pet's welfare and strive to provide the best pet healthcare to them</p>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-3">
<div class="thumbnail"> <div class="thumbnail thumbnail-noborder">
<img src="images/vets/vet5.jpg" alt="Generic placeholder image"> <img src="images/vets/vet1.jpg" alt="Vet 1" class="img-circle">
<div class="caption"> <div class="caption">
<h3>Professionalism</h3> <h3 class="caption-heading">James Carter</h3>
<p>Everyone at our practice is committed to providing you with the very best in pet healthcare.</p> <p class="caption-meta caption-meta-uppercase">Radiology</p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="thumbnail"> <div class="thumbnail thumbnail-noborder">
<img src="images/vets/vet2.jpg" alt="Generic placeholder image"> <img src="images/vets/vet2.jpg" alt="Vet 2" class="img-circle">
<div class="caption"> <div class="caption">
<h3>Expertise</h3> <h3 class="caption-heading">Carlos Estaban</h3>
<p>Our veterinary team bring a wealth of experience to the practice and have individually obtained high standards of professional qualifications</p> <p class="caption-meta caption-meta-uppercase">Radiology</p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="thumbnail"> <div class="thumbnail thumbnail-noborder">
<img src="images/vets/vet3.jpg" alt="Generic placeholder image"> <img src="images/vets/vet3.jpg" alt="Vet 3" class="img-circle">
<div class="caption"> <div class="caption">
<h3>Dedication</h3> <h3 class="caption-heading">Helen Leary</h3>
<p>Our committed team of Veterinarians is dedicated to your pet's welfare and strive to provide the best pet healthcare to them</p> <p class="caption-meta caption-meta-uppercase">Surgery</p>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="col-md-3">
<!-- /row --> <div class="thumbnail thumbnail-noborder">
<div class="row"> <img src="images/vets/vet4.jpg" alt="Vet 4" class="img-circle">
<div class="col-md-4 col-md-offset-4"> <div class="caption">
<p><a class="btn btn-primary btn-lg btn-block" data-ui-sref="vets">View More »</a></p> <h3 class="caption-heading">Linda Douglas</h3>
<p class="caption-meta caption-meta-uppercase">Dentistry surgery</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail thumbnail-noborder">
<img src="images/vets/vet5.jpg" alt="Vet 5" class="img-circle">
<div class="caption">
<h3 class="caption-heading">Sharon Jenkins</h3>
<p class="caption-meta caption-meta-uppercase">Surgery</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail thumbnail-noborder">
<img src="images/vets/vet6.jpg" alt="Vet 6" class="img-circle">
<div class="caption">
<h3 class="caption-heading">Rafael Ortega</h3>
<p class="caption-meta caption-meta-uppercase">Radiology</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail thumbnail-noborder">
<img src="images/vets/vet7.jpg" alt="Vet 7" class="img-circle">
<div class="caption">
<h3 class="caption-heading">Henry Stevens</h3>
<p class="caption-meta caption-meta-uppercase">Surgery</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail thumbnail-noborder">
<img src="images/vets/vet8.jpg" alt="Vet 8" class="img-circle">
<div class="caption">
<h3 class="caption-heading">Jenkins Helen</h3>
<p class="caption-meta caption-meta-uppercase">Radiology</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>

26
src/main/webapp/components/landing/landing.html
View file

@ -1,20 +1,20 @@
<!-- Welcome --> <!-- Welcome -->
<data-ng-include src="'components/landing/_banner.html'"></data-ng-include> <data-ng-include src="'components/landing/_banner.html'"></data-ng-include>
<!-- Owners -->
<data-ng-include src="'components/landing/_vets.html'"></data-ng-include>
<!-- Pets -->
<data-ng-include src="'components/landing/_services.html'"></data-ng-include>
<!-- Testimonials -->
<data-ng-include src="'components/landing/_testimonials.html'"></data-ng-include>
<!-- Companies --> <!-- Companies -->
<data-ng-include src="'components/landing/_companies.html'"></data-ng-include> <data-ng-include src="'components/landing/_companies.html'"></data-ng-include>
<!-- Appointment --> <!-- Pets -->
<data-ng-include src="'components/landing/_appointment.html'"></data-ng-include> <data-ng-include src="'components/landing/_services.html'"></data-ng-include>
<!-- Contact us --> <!-- Owners -->
<data-ng-include src="'components/landing/_contact_us.html'"></data-ng-include> <data-ng-include src="'components/landing/_vets.html'"></data-ng-include>
<!-- Testimonials -->
<data-ng-include src="'components/landing/_testimonials.html'"></data-ng-include>
<!-- Numbers -->
<data-ng-include src="'components/landing/_numbers.html'"></data-ng-include>
<!-- Appointment -->
<data-ng-include src="'components/landing/_appointment.html'"></data-ng-include>

88
src/main/webapp/components/owners/owner_details.html
View file

@ -25,49 +25,53 @@
</header> </header>
<!-- Owners --> <!-- Owners -->
<section id="ownersInfo" class="sections sections-narrow"> <section id="ownersInfo" class="sections sections-no-padding sections-darker">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col-md-9 col-border-right">
<a href="#" class="btn btn-primary pull-right" data-toggle="modal" data-target="#editOwnerModal"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Edit Owner</a> <div class="section-inner-padding">
<h2 class="h3 sub-header">Owner Information</h2> <a href="#" class="btn btn-primary pull-right" data-toggle="modal" data-target="#editOwnerModal"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Edit Owner</a>
<form class="form-inline form-inline-display"> <h2 class="h3 sub-header">Owner Information</h2>
<div class="form-group"> <form class="form-inline form-inline-display">
<p>First Name</p> <div class="form-group">
<p class="h5" data-ng-bind="currentOwner.firstName">Maria</p> <p>First Name</p>
</div> <p class="h5" data-ng-bind="currentOwner.firstName">Maria</p>
<div class="form-group"> </div>
<p>Last Name</p> <div class="form-group">
<p class="h5" data-ng-bind="currentOwner.lastName">Rodriguez</p> <p>Last Name</p>
</div> <p class="h5" data-ng-bind="currentOwner.lastName">Rodriguez</p>
<div class="form-group"> </div>
<p>Address</p> <div class="form-group">
<p class="h5" data-ng-bind="currentOwner.address">345 Maple St.</p> <p>Address</p>
</div> <p class="h5" data-ng-bind="currentOwner.address">345 Maple St.</p>
<div class="form-group"> </div>
<p>City</p> <div class="form-group">
<p class="h5" data-ng-bind="currentOwner.city">Madison</p> <p>City</p>
</div> <p class="h5" data-ng-bind="currentOwner.city">Madison</p>
<div class="form-group"> </div>
<p>Contact Number</p> <div class="form-group">
<p class="h5" data-ng-bind="currentOwner.telephone">6085557683</p> <p>Contact Number</p>
</div> <p class="h5" data-ng-bind="currentOwner.telephone">6085557683</p>
</form> </div>
</form>
</div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<h2 class="h3 sub-header">Owner Activities</h2> <div class="section-inner-padding">
<!-- List group --> <h2 class="h3 sub-header">Owner Activities</h2>
<ul class="list-group"> <!-- List group -->
<li class="list-group-item"> <ul class="list-group">
<span class="glyphicon glyphicon-retweet" aria-hidden="true"></span> <li class="list-group-item">
<strong>Next Appointment:</strong> None</li> <span class="glyphicon glyphicon-retweet" aria-hidden="true"></span>
<li class="list-group-item"> <strong>Next Appointment:</strong> None</li>
<span class="glyphicon glyphicon-road" aria-hidden="true"></span> <li class="list-group-item">
<strong>Last Visited:</strong> 02 Feb 2015</li> <span class="glyphicon glyphicon-road" aria-hidden="true"></span>
<li class="list-group-item"> <strong>Last Visited:</strong> 02 Feb 2015</li>
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> <li class="list-group-item">
<strong>Due Date:</strong> 14 Mar 2015</li> <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
</ul> <strong>Due Date:</strong> 14 Mar 2015</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -117,12 +121,12 @@
</section> </section>
<!-- Pets --> <!-- Pets -->
<section id="pets" class="sections sections-bottom-nav sections-light"> <section id="pets" class="sections sections-bottom-nav sections-darker">
<div class="container"> <div class="container">
<ul class="pager pull-left"> <ul class="pager pager-link pull-left">
<li><a data-ui-sref="owners"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Back to Owners List</a></li> <li><a data-ui-sref="owners"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Back to Owners List</a></li>
</ul> </ul>
<ul class="pager pull-right"> <ul class="pager pager-link pull-right">
<li><a data-ui-sref="ownerDetails({id:prevOwner.id})"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> {{prevOwner.firstName + ' ' + prevOwner.lastName}}</a></li> <li><a data-ui-sref="ownerDetails({id:prevOwner.id})"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> {{prevOwner.firstName + ' ' + prevOwner.lastName}}</a></li>
<li><a data-ui-sref="ownerDetails({id:nextOwner.id})">{{nextOwner.firstName + ' ' + nextOwner.lastName}}<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a></li> <li><a data-ui-sref="ownerDetails({id:nextOwner.id})">{{nextOwner.firstName + ' ' + nextOwner.lastName}}<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a></li>
</ul> </ul>

16
src/main/webapp/components/owners/owners.html
View file

@ -1,5 +1,21 @@
<section id="owners" class="sections sections-narrow"> <section id="owners" class="sections sections-narrow">
<div class="container"> <div class="container">
<div class="action-items pull-right">
<div class="action-item pull-right">
View as
<div class="btn-group">
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-th" aria-hidden="true"></span></a>
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span></a>
</div>
</div>
<div class="action-item pull-right">
Sort by
<div class="btn-group">
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span></a>
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a>
</div>
</div>
</div>
<h2 class="sub-header">Owners</h2> <h2 class="sub-header">Owners</h2>
<div class="row"> <div class="row">
<div class="col-md-3" data-ng-repeat="owner in owners"> <div class="col-md-3" data-ng-repeat="owner in owners">

16
src/main/webapp/components/pets/pets.html
View file

@ -1,5 +1,21 @@
<section id="pets" class="sections sections-narrow"> <section id="pets" class="sections sections-narrow">
<div class="container"> <div class="container">
<div class="action-items pull-right">
<div class="action-item pull-right">
View as
<div class="btn-group">
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-th" aria-hidden="true"></span></a>
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span></a>
</div>
</div>
<div class="action-item pull-right">
Sort by
<div class="btn-group">
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span></a>
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a>
</div>
</div>
</div>
<h2 class="sub-header">Pets</h2> <h2 class="sub-header">Pets</h2>
<div class="row"> <div class="row">
<div class="col-md-3" data-ng-repeat="pet in pets | filter:search"> <div class="col-md-3" data-ng-repeat="pet in pets | filter:search">

2
src/main/webapp/components/veterinarians/veterinarians.html
View file

@ -3,7 +3,7 @@
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="text-center"> <div class="text-center">
<h3 class="section-heading">Our Veterinarians</h3> <h3>Our Veterinarians</h3>
<p class="section-desc">We provide the best medical expertise and care for your fur kids!</p> <p class="section-desc">We provide the best medical expertise and care for your fur kids!</p>
</div> </div>
</div> </div>

BIN
src/main/webapp/images/arrow-down.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 391 B

BIN
src/main/webapp/images/bg-appointment.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 798 KiB

BIN
src/main/webapp/images/client-logos.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
src/main/webapp/images/image-service-1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 131 KiB

BIN
src/main/webapp/images/image-service-2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 201 KiB

BIN
src/main/webapp/images/image-service-3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 135 KiB

BIN
src/main/webapp/images/logo-brand.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
src/main/webapp/images/logo-footer.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 942 B

BIN
src/main/webapp/images/logo.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
src/main/webapp/images/testimonial-tiles.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 531 KiB

BIN
src/main/webapp/images/vets/vet7.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/main/webapp/images/vets/vet8.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

7
src/main/webapp/static/app/styles/main.scss
View file

@ -210,7 +210,7 @@ input::-moz-focus-inner {
} }
.jumbotron-appointment { .jumbotron-appointment {
background: image-url("images/bg-appointment.png") $brand-primary; background: url("../images/bg-appointment.png") $brand-primary;
background-size: cover; background-size: cover;
.form-inline { .form-inline {
@ -348,7 +348,7 @@ input::-moz-focus-inner {
} }
.sections-testimonials { .sections-testimonials {
background: image-url("images/testimonial-tiles.png") $brand-primary; background: url("../images/testimonial-tiles.png") $brand-primary;
color: $text-color-inverse; color: $text-color-inverse;
padding: 50px 0; padding: 50px 0;
@ -834,6 +834,7 @@ input::-moz-focus-inner {
@extend .label; @extend .label;
@extend .label-default; @extend .label-default;
background-color: #98a4b0; background-color: #98a4b0;
margin: 0 2px;
} }
.action-bar { .action-bar {
@ -1151,7 +1152,7 @@ label {
} }
.scroll-down { .scroll-down {
background: image-url("images/arrow-down.png") no-repeat center center; background: url("../images/arrow-down.png") no-repeat center center;
display: inline-block; display: inline-block;
height: 16px; height: 16px;
text-indent: -9999px; text-indent: -9999px;

1
src/main/webapp/static/dist/dashboard.html vendored
View file

@ -63,7 +63,6 @@
<!-- Welcome --> <!-- Welcome -->
<header class="sections sections-tight sections-light"> <header class="sections sections-tight sections-light">
<div class="container"> <div class="container">
<div class="media"> <div class="media">
<div class="pull-right stats stats-md"> <div class="pull-right stats stats-md">
<ul> <ul>

2
src/main/webapp/styles/main.css
View file

File diff suppressed because one or more lines are too long

BIN
src/main/webapp/videos/hero-bird.mp4
View file

Binary file not shown.

BIN
src/main/webapp/videos/hero.mp4 Normal file
View file

Binary file not shown.