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: 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

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

@ -1,72 +1,12 @@
<section id="owners" class="sections sections-narrow">
<div class="container">
<h2 class="sub-header">Browse Owners</h2>
<h2 class="sub-header">Owners</h2>
<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/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">
<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"><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>
<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>
@ -86,8 +26,8 @@
<!-- /row -->
<div class="row">
<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>
</section>
</section>

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

@ -46,8 +46,8 @@
<!-- /row -->
<div class="row">
<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>
</section>
</section>

38
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">
<h2 class="sub-header">Veterinarians</h2>
<div class="row thumbnail-wrapper">
<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">
<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="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">
@ -46,8 +16,8 @@
<!-- /row -->
<div class="row">
<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>
</section>
</section>

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

@ -8,4 +8,4 @@
<data-ng-include src="'components/dashboard/_pets.html'"></data-ng-include>
<!-- Vets -->
<data-ng-include src="'components/dashboard/_vets.html'"></data-ng-include>
<data-ng-include src="'components/dashboard/_vets.html'"></data-ng-include>

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

@ -2,7 +2,7 @@
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<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">
</a>
<button class="navbar-toggle navbar-toggle-left collapsed" type="button" data-toggle="collapse" data-target="#nav-menu">