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

AA: Clean up markup structure of dashboard page

Browse source
This commit is contained in:
Andrew Abogado 2015-02-05 03:53:31 +08:00
parent b542f5da49
commit 084f22ef65
5 changed files with 14 additions and 104 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,72 +1,12 @@
<section id="owners" class="sections sections-narrow"> <section id="owners" class="sections sections-narrow">
<div class="container"> <div class="container">
<h2 class="sub-header">Browse Owners</h2> <h2 class="sub-header">Owners</h2>
<div class="row thumbnail-wrapper"> <div class="row thumbnail-wrapper">
<div class="col-md-3"> <div class="col-md-3" ng-repeat="x in [1,2,3,4,5,6,7,8]">
<div class="thumbnail"> <div class="thumbnail">
<img src="images/owner-default.png" class="img-circle" alt="Generic placeholder image"> <a href="#"><img src="images/owner-default.png" class="img-circle" alt="Generic placeholder image"></a>
<div class="caption"> <div class="caption">
<h3 class="caption-heading">Eduardo Rodriguez</h3> <h3 class="caption-heading"><a href="#">Eduardo Rodriguez</a></h3>
<p class="caption-meta">2693 Commerce St., McFarland</p>
<p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
</div>
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img src="images/owner-default.png" class="img-circle" alt="Generic placeholder image">
<div class="caption">
<h3 class="caption-heading">Eduardo Rodriguez</h3>
<p class="caption-meta">2693 Commerce St., McFarland</p>
<p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
</div>
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img src="images/owner-default.png" class="img-circle" alt="Generic placeholder image">
<div class="caption">
<h3 class="caption-heading">Eduardo Rodriguez</h3>
<p class="caption-meta">2693 Commerce St., McFarland</p>
<p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
</div>
<div class="action-bar">
<ul>
<li>
<a href="#"><img src="images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
</li>
<li>
<a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img src="images/owner-default.png" class="img-circle" alt="Generic placeholder image">
<div class="caption">
<h3 class="caption-heading">Eduardo Rodriguez</h3>
<p class="caption-meta">2693 Commerce St., McFarland</p> <p class="caption-meta">2693 Commerce St., McFarland</p>
<p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p> <p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
</div> </div>
@ -86,7 +26,7 @@
<!-- /row --> <!-- /row -->
<div class="row"> <div class="row">
<div class="col-md-4 col-md-offset-4"> <div class="col-md-4 col-md-offset-4">
<p><a class="btn btn-default btn-block" href="/owners">See All Owners</a></p> <p><a class="btn btn-primary btn-block" data-ui-sref="pets">See All Owners</a></p>
</div> </div>
</div> </div>
</div> </div>

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

@ -46,7 +46,7 @@
<!-- /row --> <!-- /row -->
<div class="row"> <div class="row">
<div class="col-md-4 col-md-offset-4"> <div class="col-md-4 col-md-offset-4">
<p><a class="btn btn-default btn-block" data-ui-sref="pets">See All Pets</a></p> <p><a class="btn btn-primary btn-block" data-ui-sref="pets">See All Pets</a></p>
</div> </div>
</div> </div>
</div> </div>

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

@ -1,38 +1,8 @@
<section id="owners" class="sections"> <section id="vets" class="sections sections-narrow">
<div class="container"> <div class="container">
<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"> <div class="col-md-3" ng-repeat="x in [1,2,3,4,5,6,7,8]">
<div class="thumbnail">
<img src="images/veterinarian-default.jpg" class="img-circle" alt="Generic placeholder image">
<div class="caption">
<h3 class="caption-heading">Helen Leary</h3>
<p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
<p class="caption-meta"><span class="caption-label">Surgery</span></p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img src="images/veterinarian-default.jpg" class="img-circle" alt="Generic placeholder image">
<div class="caption">
<h3 class="caption-heading">Helen Leary</h3>
<p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
<p class="caption-meta"><span class="caption-label">Surgery</span></p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img src="images/veterinarian-default.jpg" class="img-circle" alt="Generic placeholder image">
<div class="caption">
<h3 class="caption-heading">Helen Leary</h3>
<p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
<p class="caption-meta"><span class="caption-label">Surgery</span></p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="thumbnail"> <div class="thumbnail">
<img src="images/veterinarian-default.jpg" class="img-circle" alt="Generic placeholder image"> <img src="images/veterinarian-default.jpg" class="img-circle" alt="Generic placeholder image">
<div class="caption"> <div class="caption">
@ -46,7 +16,7 @@
<!-- /row --> <!-- /row -->
<div class="row"> <div class="row">
<div class="col-md-4 col-md-offset-4"> <div class="col-md-4 col-md-offset-4">
<p><a class="btn btn-default btn-block" href="/vets">See All Veterinarians</a></p> <p><a class="btn btn-primary btn-block" data-ui-sref="vets">See All Veterinarians</a></p>
</div> </div>
</div> </div>
</div> </div>

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

@ -2,7 +2,7 @@
<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" href="/petclinic/"> <a class="navbar-brand" href="/petclinic/" 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">