mirror of
https://github.com/spring-projects/spring-petclinic.git
synced 2025-07-17 21:35:50 +00:00
Merge branch 'master' of https://github.com/singularity-sg/spring-petclinic
This commit is contained in:
Tony.Nguyen
commit
2e0d9aaa32
59 changed files with 4276 additions and 703 deletions
|
|
@ -10,7 +10,8 @@ DROP TABLE owners IF EXISTS;
|
|||
CREATE TABLE vets (
|
||||
id INTEGER IDENTITY PRIMARY KEY,
|
||||
first_name VARCHAR(30),
|
||||
last_name VARCHAR(30)
|
||||
last_name VARCHAR(30),
|
||||
profile_pic BLOB
|
||||
);
|
||||
CREATE INDEX vets_last_name ON vets (last_name);
|
||||
|
||||
|
|
@ -39,7 +40,8 @@ CREATE TABLE owners (
|
|||
last_name VARCHAR(30),
|
||||
address VARCHAR(255),
|
||||
city VARCHAR(80),
|
||||
telephone VARCHAR(20)
|
||||
telephone VARCHAR(20),
|
||||
profile_pic BLOB
|
||||
);
|
||||
CREATE INDEX owners_last_name ON owners (last_name);
|
||||
|
||||
|
|
@ -48,7 +50,8 @@ CREATE TABLE pets (
|
|||
name VARCHAR(30),
|
||||
birth_date DATE,
|
||||
type_id INTEGER NOT NULL,
|
||||
owner_id INTEGER NOT NULL
|
||||
owner_id INTEGER NOT NULL,
|
||||
profile_pic BLOB
|
||||
);
|
||||
ALTER TABLE pets ADD CONSTRAINT fk_pets_owners FOREIGN KEY (owner_id) REFERENCES owners (id);
|
||||
ALTER TABLE pets ADD CONSTRAINT fk_pets_types FOREIGN KEY (type_id) REFERENCES types (id);
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
INSERT INTO vets VALUES (1, 'James', 'Carter');
|
||||
INSERT INTO vets VALUES (2, 'Helen', 'Leary');
|
||||
INSERT INTO vets VALUES (3, 'Linda', 'Douglas');
|
||||
INSERT INTO vets VALUES (4, 'Rafael', 'Ortega');
|
||||
INSERT INTO vets VALUES (5, 'Henry', 'Stevens');
|
||||
INSERT INTO vets VALUES (6, 'Sharon', 'Jenkins');
|
||||
INSERT INTO vets VALUES (1, 'James', 'Carter', NULL);
|
||||
INSERT INTO vets VALUES (2, 'Helen', 'Leary', NULL);
|
||||
INSERT INTO vets VALUES (3, 'Linda', 'Douglas', NULL);
|
||||
INSERT INTO vets VALUES (4, 'Rafael', 'Ortega', NULL);
|
||||
INSERT INTO vets VALUES (5, 'Henry', 'Stevens', NULL);
|
||||
INSERT INTO vets VALUES (6, 'Sharon', 'Jenkins', NULL);
|
||||
|
||||
INSERT INTO specialties VALUES (1, 'radiology');
|
||||
INSERT INTO specialties VALUES (2, 'surgery');
|
||||
|
|
@ -22,30 +22,30 @@ INSERT INTO types VALUES (4, 'snake');
|
|||
INSERT INTO types VALUES (5, 'bird');
|
||||
INSERT INTO types VALUES (6, 'hamster');
|
||||
|
||||
INSERT INTO owners VALUES (1, 'George', 'Franklin', '110 W. Liberty St.', 'Madison', '6085551023');
|
||||
INSERT INTO owners VALUES (2, 'Betty', 'Davis', '638 Cardinal Ave.', 'Sun Prairie', '6085551749');
|
||||
INSERT INTO owners VALUES (3, 'Eduardo', 'Rodriquez', '2693 Commerce St.', 'McFarland', '6085558763');
|
||||
INSERT INTO owners VALUES (4, 'Harold', 'Davis', '563 Friendly St.', 'Windsor', '6085553198');
|
||||
INSERT INTO owners VALUES (5, 'Peter', 'McTavish', '2387 S. Fair Way', 'Madison', '6085552765');
|
||||
INSERT INTO owners VALUES (6, 'Jean', 'Coleman', '105 N. Lake St.', 'Monona', '6085552654');
|
||||
INSERT INTO owners VALUES (7, 'Jeff', 'Black', '1450 Oak Blvd.', 'Monona', '6085555387');
|
||||
INSERT INTO owners VALUES (8, 'Maria', 'Escobito', '345 Maple St.', 'Madison', '6085557683');
|
||||
INSERT INTO owners VALUES (9, 'David', 'Schroeder', '2749 Blackhawk Trail', 'Madison', '6085559435');
|
||||
INSERT INTO owners VALUES (10, 'Carlos', 'Estaban', '2335 Independence La.', 'Waunakee', '6085555487');
|
||||
INSERT INTO owners VALUES (1, 'George', 'Franklin', '110 W. Liberty St.', 'Madison', '6085551023', NULL);
|
||||
INSERT INTO owners VALUES (2, 'Betty', 'Davis', '638 Cardinal Ave.', 'Sun Prairie', '6085551749', NULL);
|
||||
INSERT INTO owners VALUES (3, 'Eduardo', 'Rodriquez', '2693 Commerce St.', 'McFarland', '6085558763', NULL);
|
||||
INSERT INTO owners VALUES (4, 'Harold', 'Davis', '563 Friendly St.', 'Windsor', '6085553198', NULL);
|
||||
INSERT INTO owners VALUES (5, 'Peter', 'McTavish', '2387 S. Fair Way', 'Madison', '6085552765', NULL);
|
||||
INSERT INTO owners VALUES (6, 'Jean', 'Coleman', '105 N. Lake St.', 'Monona', '6085552654', NULL);
|
||||
INSERT INTO owners VALUES (7, 'Jeff', 'Black', '1450 Oak Blvd.', 'Monona', '6085555387', NULL);
|
||||
INSERT INTO owners VALUES (8, 'Maria', 'Escobito', '345 Maple St.', 'Madison', '6085557683', NULL);
|
||||
INSERT INTO owners VALUES (9, 'David', 'Schroeder', '2749 Blackhawk Trail', 'Madison', '6085559435', NULL);
|
||||
INSERT INTO owners VALUES (10, 'Carlos', 'Estaban', '2335 Independence La.', 'Waunakee', '6085555487', NULL);
|
||||
|
||||
INSERT INTO pets VALUES (1, 'Leo', '2010-09-07', 1, 1);
|
||||
INSERT INTO pets VALUES (2, 'Basil', '2012-08-06', 6, 2);
|
||||
INSERT INTO pets VALUES (3, 'Rosy', '2011-04-17', 2, 3);
|
||||
INSERT INTO pets VALUES (4, 'Jewel', '2010-03-07', 2, 3);
|
||||
INSERT INTO pets VALUES (5, 'Iggy', '2010-11-30', 3, 4);
|
||||
INSERT INTO pets VALUES (6, 'George', '2010-01-20', 4, 5);
|
||||
INSERT INTO pets VALUES (7, 'Samantha', '2012-09-04', 1, 6);
|
||||
INSERT INTO pets VALUES (8, 'Max', '2012-09-04', 1, 6);
|
||||
INSERT INTO pets VALUES (9, 'Lucky', '2011-08-06', 5, 7);
|
||||
INSERT INTO pets VALUES (10, 'Mulligan', '2007-02-24', 2, 8);
|
||||
INSERT INTO pets VALUES (11, 'Freddy', '2010-03-09', 5, 9);
|
||||
INSERT INTO pets VALUES (12, 'Lucky', '2010-06-24', 2, 10);
|
||||
INSERT INTO pets VALUES (13, 'Sly', '2012-06-08', 1, 10);
|
||||
INSERT INTO pets VALUES (1, 'Leo', '2010-09-07', 1, 1, NULL);
|
||||
INSERT INTO pets VALUES (2, 'Basil', '2012-08-06', 6, 2, NULL);
|
||||
INSERT INTO pets VALUES (3, 'Rosy', '2011-04-17', 2, 3, NULL);
|
||||
INSERT INTO pets VALUES (4, 'Jewel', '2010-03-07', 2, 3, NULL);
|
||||
INSERT INTO pets VALUES (5, 'Iggy', '2010-11-30', 3, 4, NULL);
|
||||
INSERT INTO pets VALUES (6, 'George', '2010-01-20', 4, 5, NULL);
|
||||
INSERT INTO pets VALUES (7, 'Samantha', '2012-09-04', 1, 6, NULL);
|
||||
INSERT INTO pets VALUES (8, 'Max', '2012-09-04', 1, 6, NULL);
|
||||
INSERT INTO pets VALUES (9, 'Lucky', '2011-08-06', 5, 7, NULL);
|
||||
INSERT INTO pets VALUES (10, 'Mulligan', '2007-02-24', 2, 8, NULL);
|
||||
INSERT INTO pets VALUES (11, 'Freddy', '2010-03-09', 5, 9, NULL);
|
||||
INSERT INTO pets VALUES (12, 'Lucky', '2010-06-24', 2, 10, NULL);
|
||||
INSERT INTO pets VALUES (13, 'Sly', '2012-06-08', 1, 10, NULL);
|
||||
|
||||
INSERT INTO visits VALUES (1, 7, '2013-01-01', 'rabies shot');
|
||||
INSERT INTO visits VALUES (2, 8, '2013-01-02', 'rabies shot');
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
|
|
@ -43,13 +43,6 @@
|
|||
</mvc:message-converters>
|
||||
</mvc:annotation-driven>
|
||||
|
||||
<!-- all resources inside folder src/main/webapp/resources are mapped so they can be refered to inside JSP files
|
||||
(see header.jsp for more details) -->
|
||||
<mvc:resources mapping="/resources/**" location="/resources/"/>
|
||||
|
||||
<!-- uses WebJars so Javascript and CSS libs can be declared as Maven dependencies (Bootstrap, jQuery...) -->
|
||||
<mvc:resources mapping="/webjars/**" location="classpath:/META-INF/resources/webjars/"/>
|
||||
|
||||
<mvc:view-controller path="/" view-name="index" />
|
||||
|
||||
<!-- serve static resources (*.html, ...) from src/main/webapp/
|
||||
|
|
|
|||
|
|
@ -5,8 +5,8 @@
|
|||
<title>Pet Clinic - Home</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<link rel="stylesheet" href="styles/main.css">
|
||||
<link rel="shortcut icon" href="static/dist/favicon.ico">
|
||||
<link rel="stylesheet" href="static/dist/styles/main.css">
|
||||
</head>
|
||||
<body data-ng-controller="MainController">
|
||||
<!--[if lt IE 10]>
|
||||
|
|
@ -14,28 +14,18 @@
|
|||
<![endif]-->
|
||||
|
||||
<data-ng-include src="'components/header.html'"></data-ng-include>
|
||||
|
||||
|
||||
<data-ui-view></data-ui-view>
|
||||
|
||||
<data-ng-include src="'components/footer.html'"></data-ng-include>
|
||||
|
||||
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
|
||||
<!-- <script> -->
|
||||
<!-- (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]= -->
|
||||
<!-- function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date; -->
|
||||
<!-- e=o.createElement(i);r=o.getElementsByTagName(i)[0]; -->
|
||||
<!-- e.src='//www.google-analytics.com/analytics.js'; -->
|
||||
<!-- r.parentNode.insertBefore(e,r)}(window,document,'script','ga')); -->
|
||||
<!-- ga('create','UA-XXXXX-X');ga('send','pageview'); -->
|
||||
<!-- </script> -->
|
||||
<!--<script src="http://code.jquery.com/jquery.js"></script>-->
|
||||
<script src="plugins/jquery/jquery-2.1.0.min.js"></script>
|
||||
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- bootstrap javascript -->
|
||||
<script src="js/lib/bootstrap.js"></script>
|
||||
|
||||
<!--<script src="http://code.jquery.com/jquery.js"></script>-->
|
||||
<script src="plugins/jquery/jquery-2.1.0.min.js"></script>
|
||||
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- bootstrap javascript -->
|
||||
<script src="js/lib/bootstrap.js"></script>
|
||||
|
||||
<!-- build:js({app,.tmp}) scripts/main.js -->
|
||||
<script src="js/lib/angular.js"></script>
|
||||
<script src="js/lib/angular-resource.js"></script>
|
||||
|
|
@ -51,5 +41,5 @@
|
|||
<script src="components/visits/VisitController.js"></script>
|
||||
<script src="js/app.js"></script>
|
||||
<!-- endbuild -->
|
||||
s</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -10,65 +10,16 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="thumbnail">
|
||||
<img src="http://placehold.it/600x345" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div data-ng-repeat="vet in vets | limitTo : 12" class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="http://placehold.it/600x600" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<h3 ng-bind="'Dr. ' + vet.firstName + ' ' + vet.lastName">Veterinarian Name</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="http://placehold.it/600x600" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="http://placehold.it/600x600" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="http://placehold.it/600x600" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="thumbnail">
|
||||
<img src="http://placehold.it/600x345" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-md-offset-4">
|
||||
<p><a class="btn btn-primary btn-lg btn-block" href="/veterinarians">View More »</a></p>
|
||||
|
|
|
|||
1381
src/main/webapp/js/lib/bootstrap.js
vendored
Normal file → Executable file
1381
src/main/webapp/js/lib/bootstrap.js
vendored
Normal file → Executable file
File diff suppressed because it is too large
Load diff
3
src/main/webapp/static/.bowerrc
Normal file
3
src/main/webapp/static/.bowerrc
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"directory": "bower_components"
|
||||
}
|
||||
21
src/main/webapp/static/.editorconfig
Normal file
21
src/main/webapp/static/.editorconfig
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
# EditorConfig helps developers define and maintain consistent
|
||||
# coding styles between different editors and IDEs
|
||||
# editorconfig.org
|
||||
|
||||
root = true
|
||||
|
||||
|
||||
[*]
|
||||
|
||||
# Change these settings to your own preference
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
# We recommend you to keep these unchanged
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
1
src/main/webapp/static/.gitattributes
vendored
Normal file
1
src/main/webapp/static/.gitattributes
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
* text=auto
|
||||
5
src/main/webapp/static/.gitignore
vendored
Normal file
5
src/main/webapp/static/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
node_modules
|
||||
.DS_Store
|
||||
.tmp
|
||||
.sass-cache
|
||||
bower_components
|
||||
21
src/main/webapp/static/.jshintrc
Normal file
21
src/main/webapp/static/.jshintrc
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
{
|
||||
"node": true,
|
||||
"browser": true,
|
||||
"esnext": true,
|
||||
"bitwise": true,
|
||||
"camelcase": true,
|
||||
"curly": true,
|
||||
"eqeqeq": true,
|
||||
"immed": true,
|
||||
"indent": 2,
|
||||
"latedef": true,
|
||||
"newcap": true,
|
||||
"noarg": true,
|
||||
"quotmark": "single",
|
||||
"undef": true,
|
||||
"unused": true,
|
||||
"strict": true,
|
||||
"trailing": true,
|
||||
"smarttabs": true,
|
||||
"jquery": true
|
||||
}
|
||||
3
src/main/webapp/static/.yo-rc.json
Normal file
3
src/main/webapp/static/.yo-rc.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"generator-mocha": {}
|
||||
}
|
||||
453
src/main/webapp/static/Gruntfile.js
Normal file
453
src/main/webapp/static/Gruntfile.js
Normal file
|
|
@ -0,0 +1,453 @@
|
|||
// Generated on 2015-01-19 using
|
||||
// generator-webapp 0.5.1
|
||||
'use strict';
|
||||
|
||||
// # Globbing
|
||||
// for performance reasons we're only matching one level down:
|
||||
// 'test/spec/{,*/}*.js'
|
||||
// If you want to recursively match all subfolders, use:
|
||||
// 'test/spec/**/*.js'
|
||||
|
||||
module.exports = function(grunt) {
|
||||
|
||||
// Time how long tasks take. Can help when optimizing build times
|
||||
require('time-grunt')(grunt);
|
||||
|
||||
// Load grunt tasks automatically
|
||||
require('load-grunt-tasks')(grunt);
|
||||
|
||||
// Configurable paths
|
||||
var config = {
|
||||
app: 'app',
|
||||
dist: 'dist'
|
||||
};
|
||||
|
||||
// Define the configuration for all the tasks
|
||||
grunt.initConfig({
|
||||
|
||||
// Project settings
|
||||
config: config,
|
||||
|
||||
// Watches files for changes and runs tasks based on the changed files
|
||||
watch: {
|
||||
bower: {
|
||||
files: ['bower.json'],
|
||||
tasks: ['wiredep']
|
||||
},
|
||||
js: {
|
||||
files: ['<%= config.app %>/scripts/{,*/}*.js'],
|
||||
tasks: ['jshint'],
|
||||
options: {
|
||||
livereload: true
|
||||
}
|
||||
},
|
||||
jstest: {
|
||||
files: ['test/spec/{,*/}*.js'],
|
||||
tasks: ['test:watch']
|
||||
},
|
||||
gruntfile: {
|
||||
files: ['Gruntfile.js']
|
||||
},
|
||||
sass: {
|
||||
files: ['<%= config.app %>/styles/{,*/}*.{scss,sass}'],
|
||||
tasks: ['sass:server', 'autoprefixer']
|
||||
},
|
||||
styles: {
|
||||
files: ['<%= config.app %>/styles/{,*/}*.css'],
|
||||
tasks: ['newer:copy:styles', 'autoprefixer']
|
||||
},
|
||||
livereload: {
|
||||
options: {
|
||||
livereload: '<%= connect.options.livereload %>'
|
||||
},
|
||||
files: [
|
||||
'<%= config.app %>/{,*/}*.html',
|
||||
'.tmp/styles/{,*/}*.css',
|
||||
'<%= config.app %>/images/{,*/}*'
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
// The actual grunt server settings
|
||||
connect: {
|
||||
options: {
|
||||
port: 9000,
|
||||
open: true,
|
||||
livereload: 35729,
|
||||
// Change this to '0.0.0.0' to access the server from outside
|
||||
hostname: '0.0.0.0'
|
||||
},
|
||||
livereload: {
|
||||
options: {
|
||||
middleware: function(connect) {
|
||||
return [
|
||||
connect.static('.tmp'),
|
||||
connect().use('/bower_components', connect.static(
|
||||
'./bower_components')),
|
||||
connect.static(config.app)
|
||||
];
|
||||
}
|
||||
}
|
||||
},
|
||||
test: {
|
||||
options: {
|
||||
open: false,
|
||||
port: 9001,
|
||||
middleware: function(connect) {
|
||||
return [
|
||||
connect.static('.tmp'),
|
||||
connect.static('test'),
|
||||
connect().use('/bower_components', connect.static(
|
||||
'./bower_components')),
|
||||
connect.static(config.app)
|
||||
];
|
||||
}
|
||||
}
|
||||
},
|
||||
dist: {
|
||||
options: {
|
||||
base: '<%= config.dist %>',
|
||||
livereload: false
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// Empties folders to start fresh
|
||||
clean: {
|
||||
dist: {
|
||||
files: [{
|
||||
dot: true,
|
||||
src: [
|
||||
'.tmp',
|
||||
'<%= config.dist %>/*',
|
||||
'!<%= config.dist %>/.git*'
|
||||
]
|
||||
}]
|
||||
},
|
||||
server: '.tmp'
|
||||
},
|
||||
|
||||
// Make sure code styles are up to par and there are no obvious mistakes
|
||||
jshint: {
|
||||
options: {
|
||||
jshintrc: '.jshintrc',
|
||||
reporter: require('jshint-stylish')
|
||||
},
|
||||
all: [
|
||||
'Gruntfile.js',
|
||||
'<%= config.app %>/scripts/{,*/}*.js',
|
||||
'!<%= config.app %>/scripts/vendor/*',
|
||||
'test/spec/{,*/}*.js'
|
||||
]
|
||||
},
|
||||
|
||||
// Mocha testing framework configuration options
|
||||
mocha: {
|
||||
all: {
|
||||
options: {
|
||||
run: true,
|
||||
urls: [
|
||||
'http://<%= connect.test.options.hostname %>:<%= connect.test.options.port %>/index.html'
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// Compiles Sass to CSS and generates necessary files if requested
|
||||
sass: {
|
||||
options: {
|
||||
sourceMap: true,
|
||||
includePaths: ['bower_components']
|
||||
},
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.app %>/styles',
|
||||
src: ['*.{scss,sass}'],
|
||||
dest: '.tmp/styles',
|
||||
ext: '.css'
|
||||
}]
|
||||
},
|
||||
server: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.app %>/styles',
|
||||
src: ['*.{scss,sass}'],
|
||||
dest: '.tmp/styles',
|
||||
ext: '.css'
|
||||
}]
|
||||
}
|
||||
},
|
||||
|
||||
// Add vendor prefixed styles
|
||||
autoprefixer: {
|
||||
options: {
|
||||
browsers: ['> 1%', 'last 2 versions', 'Firefox ESR', 'Opera 12.1']
|
||||
},
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '.tmp/styles/',
|
||||
src: '{,*/}*.css',
|
||||
dest: '.tmp/styles/'
|
||||
}]
|
||||
}
|
||||
},
|
||||
|
||||
// Automatically inject Bower components into the HTML file
|
||||
wiredep: {
|
||||
app: {
|
||||
ignorePath: /^\/|\.\.\//,
|
||||
src: ['<%= config.app %>/index.html'],
|
||||
exclude: [
|
||||
'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js'
|
||||
]
|
||||
},
|
||||
sass: {
|
||||
src: ['<%= config.app %>/styles/{,*/}*.{scss,sass}'],
|
||||
ignorePath: /(\.\.\/){1,2}bower_components\//
|
||||
}
|
||||
},
|
||||
|
||||
// Renames files for browser caching purposes
|
||||
rev: {
|
||||
dist: {
|
||||
files: {
|
||||
src: [
|
||||
'<%= config.dist %>/scripts/{,*/}*.js',
|
||||
'<%= config.dist %>/styles/{,*/}*.css',
|
||||
'<%= config.dist %>/images/{,*/}*.*',
|
||||
'<%= config.dist %>/styles/fonts/{,*/}*.*',
|
||||
'<%= config.dist %>/*.{ico,png}'
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// Reads HTML for usemin blocks to enable smart builds that automatically
|
||||
// concat, minify and revision files. Creates configurations in memory so
|
||||
// additional tasks can operate on them
|
||||
// For Production
|
||||
useminPrepare: {
|
||||
options: {
|
||||
dest: '<%= config.dist %>'
|
||||
},
|
||||
html: '<%= config.app %>/index.html'
|
||||
},
|
||||
// For Development
|
||||
// useminPrepare: {
|
||||
// options: {
|
||||
// dest: '<%= config.dist %>',
|
||||
// flow: {
|
||||
// steps: {
|
||||
// js: ['concat'],
|
||||
// css: ['concat']
|
||||
// },
|
||||
// post: {}
|
||||
// }
|
||||
// },
|
||||
// html: '<%= config.app %>/index.html',
|
||||
// },
|
||||
|
||||
// Performs rewrites based on rev and the useminPrepare configuration
|
||||
usemin: {
|
||||
options: {
|
||||
assetsDirs: [
|
||||
'<%= config.dist %>',
|
||||
'<%= config.dist %>/images',
|
||||
'<%= config.dist %>/styles'
|
||||
]
|
||||
},
|
||||
html: ['<%= config.dist %>/{,*/}*.html'],
|
||||
css: ['<%= config.dist %>/styles/{,*/}*.css']
|
||||
},
|
||||
|
||||
// The following *-min tasks produce minified files in the dist folder
|
||||
imagemin: {
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.app %>/images',
|
||||
src: '{,*/}*.{gif,jpeg,jpg,png}',
|
||||
dest: '<%= config.dist %>/images'
|
||||
}]
|
||||
}
|
||||
},
|
||||
|
||||
svgmin: {
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.app %>/images',
|
||||
src: '{,*/}*.svg',
|
||||
dest: '<%= config.dist %>/images'
|
||||
}]
|
||||
}
|
||||
},
|
||||
|
||||
htmlmin: {
|
||||
dist: {
|
||||
options: {
|
||||
collapseBooleanAttributes: true,
|
||||
collapseWhitespace: true,
|
||||
conservativeCollapse: true,
|
||||
removeAttributeQuotes: true,
|
||||
removeCommentsFromCDATA: true,
|
||||
removeEmptyAttributes: true,
|
||||
removeOptionalTags: true,
|
||||
removeRedundantAttributes: true,
|
||||
useShortDoctype: true
|
||||
},
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '<%= config.dist %>',
|
||||
src: '{,*/}*.html',
|
||||
dest: '<%= config.dist %>'
|
||||
}]
|
||||
}
|
||||
},
|
||||
|
||||
// By default, your `index.html`'s <!-- Usemin block --> will take care
|
||||
// of minification. These next options are pre-configured if you do not
|
||||
// wish to use the Usemin blocks.
|
||||
cssmin: {
|
||||
dist: {
|
||||
files: {
|
||||
'<%= config.dist %>/styles/main.css': [
|
||||
'.tmp/styles/{,*/}*.css',
|
||||
'<%= config.app %>/styles/{,*/}*.css'
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
uglify: {
|
||||
dist: {
|
||||
files: {
|
||||
'<%= config.dist %>/scripts/scripts.js': [
|
||||
'<%= config.dist %>/scripts/scripts.js'
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
concat: {
|
||||
dist: {}
|
||||
},
|
||||
|
||||
// Copies remaining files to places other tasks can use
|
||||
copy: {
|
||||
dist: {
|
||||
files: [{
|
||||
expand: true,
|
||||
dot: true,
|
||||
cwd: '<%= config.app %>',
|
||||
dest: '<%= config.dist %>',
|
||||
src: [
|
||||
'*.{ico,png,txt}',
|
||||
'images/{,*/}*.webp',
|
||||
'{,*/}*.html',
|
||||
'styles/fonts/{,*/}*.*'
|
||||
]
|
||||
}, {
|
||||
src: 'node_modules/apache-server-configs/dist/.htaccess',
|
||||
dest: '<%= config.dist %>/.htaccess'
|
||||
}, {
|
||||
expand: true,
|
||||
dot: true,
|
||||
cwd: '.',
|
||||
src: 'bower_components/bootstrap-sass-official/assets/fonts/bootstrap/*',
|
||||
dest: '<%= config.dist %>'
|
||||
}]
|
||||
},
|
||||
styles: {
|
||||
expand: true,
|
||||
dot: true,
|
||||
cwd: '<%= config.app %>/styles',
|
||||
dest: '.tmp/styles/',
|
||||
src: '{,*/}*.css'
|
||||
}
|
||||
},
|
||||
|
||||
// Run some tasks in parallel to speed up build process
|
||||
concurrent: {
|
||||
server: [
|
||||
'sass:server',
|
||||
'copy:styles'
|
||||
],
|
||||
test: [
|
||||
'copy:styles'
|
||||
],
|
||||
dist: [
|
||||
'sass',
|
||||
'copy:styles',
|
||||
'imagemin',
|
||||
'svgmin'
|
||||
]
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
grunt.registerTask('serve',
|
||||
'start the server and preview your app, --allow-remote for remote access',
|
||||
function(target) {
|
||||
if (grunt.option('allow-remote')) {
|
||||
grunt.config.set('connect.options.hostname', '0.0.0.0');
|
||||
}
|
||||
if (target === 'dist') {
|
||||
return grunt.task.run(['build', 'connect:dist:keepalive']);
|
||||
}
|
||||
|
||||
grunt.task.run([
|
||||
'clean:server',
|
||||
'wiredep',
|
||||
'concurrent:server',
|
||||
'autoprefixer',
|
||||
'connect:livereload',
|
||||
'watch'
|
||||
]);
|
||||
});
|
||||
|
||||
grunt.registerTask('server', function(target) {
|
||||
grunt.log.warn(
|
||||
'The `server` task has been deprecated. Use `grunt serve` to start a server.'
|
||||
);
|
||||
grunt.task.run([target ? ('serve:' + target) : 'serve']);
|
||||
});
|
||||
|
||||
grunt.registerTask('test', function(target) {
|
||||
if (target !== 'watch') {
|
||||
grunt.task.run([
|
||||
'clean:server',
|
||||
'concurrent:test',
|
||||
'autoprefixer'
|
||||
]);
|
||||
}
|
||||
|
||||
grunt.task.run([
|
||||
'connect:test',
|
||||
'mocha'
|
||||
]);
|
||||
});
|
||||
|
||||
grunt.registerTask('build', [
|
||||
'clean:dist',
|
||||
'wiredep',
|
||||
'useminPrepare',
|
||||
'concurrent:dist',
|
||||
'autoprefixer',
|
||||
'concat',
|
||||
// For Development - Prevent minification
|
||||
'cssmin',
|
||||
'uglify',
|
||||
'copy:dist',
|
||||
// 'rev',
|
||||
'usemin',
|
||||
// For Development - Prevent minification
|
||||
'htmlmin'
|
||||
]);
|
||||
|
||||
grunt.registerTask('default', [
|
||||
'newer:jshint',
|
||||
'test',
|
||||
'build'
|
||||
]);
|
||||
};
|
||||
41
src/main/webapp/static/README.md
Normal file
41
src/main/webapp/static/README.md
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
Pet Clinic Front-end
|
||||
====================
|
||||
|
||||
Pet Clinic Front-end is the static file for [Spring Pet Clinic repo](https://github.com/singularity-sg/spring-petclinic) client-side code. It is generated by using [Yoeman](http://yeoman.io/), The web's scaffolding tool for modern webapps.
|
||||
|
||||
### Start here:
|
||||
|
||||
1. Download and install [NodeJS](http://nodejs.org/) if you haven't installed it yet.
|
||||
2. Be sure you are at the root directory of the **spring-petclinic** repo.
|
||||
3. Change directory by issuing this command, `cd assets/petclinic/`
|
||||
4. Run `npm install -g yo bower grunt-cli`. This will install [Yoeman](http://yeoman.io/), [Bower](http://bower.io/), and [Grunt](http://gruntjs.com/).
|
||||
5. On the same folder, run `bower install && npm install`
|
||||
|
||||
Assuming all went well, after which, all we have to run are `grunt` commands to start the server and review the app you have generated, run the unit tests, and build an optimized, production-ready version of your app.
|
||||
|
||||
|
||||
## Preview an app you have generated (with Livereload)
|
||||
|
||||
Run `grunt serve`. This will open up the app on your browser in http://localhost:9000/ url
|
||||
|
||||
## Run the unit tests
|
||||
|
||||
Run `grunt test`. This is how you'll run unit test. Though we haven't done any test for this app, so you skip this.
|
||||
|
||||
## Build an optimized, production-ready version of your app
|
||||
|
||||
Run `grunt build`
|
||||
|
||||
Running `grunt build` takes your `app/` source code files and turns them into a distributable application, which ends up in `dist/` directory
|
||||
|
||||
### Install Grunt
|
||||
|
||||
|
||||
> **Note**
|
||||
>
|
||||
> If an error occurred when running any grunt commands relating to PhantomJS timing out, do the following to fix the issue.
|
||||
|
||||
1. Make sure you're in `assets/petclinic/` directory. Run `cd test`
|
||||
2. Run `bower install`
|
||||
3. Go back to the petclinic folder, run `cd ..`
|
||||
4. Try to run `grunt`. See if no errors appeared.
|
||||
327
src/main/webapp/static/app/dashboard.html
Normal file
327
src/main/webapp/static/app/dashboard.html
Normal file
|
|
@ -0,0 +1,327 @@
|
|||
<!doctype html>
|
||||
<html class="no-js">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Pet Clinic - Dashboard</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||||
<!-- build:css(.) styles/vendor.css -->
|
||||
<!-- bower:css -->
|
||||
<!-- endbower -->
|
||||
<!-- endbuild -->
|
||||
<!-- build:css(.tmp) styles/main.css -->
|
||||
<link rel="stylesheet" href="styles/main.css">
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 10]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<nav class="navbar navbar-default navbar-static-top">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="/">
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="glyphicon glyphicon-triangle-bottom"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div id="nav-menu" class="navbar-collapse navbar-left collapse">
|
||||
<ul class="nav navbar-nav navbar-menu">
|
||||
<li><a href="owners.html">Owners</a></li>
|
||||
<li><a href="pets.html">Pets</a></li>
|
||||
<li><a href="vets.html">Vets</a></li>
|
||||
</ul>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
<ul class="nav navbar-profile">
|
||||
<li class="hidden">
|
||||
<button class="btn btn-default btn-primary btn-new navbar-btn" data-toggle="dropdown">Create New</button>
|
||||
</li>
|
||||
<li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>
|
||||
<li><a href="#"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle img-profile" data-toggle="dropdown" role="button" aria-expanded="false">
|
||||
<img class="img-circle" src="../images/avatar.jpg" width="30" height="30">
|
||||
</a>
|
||||
<ul class="dropdown-menu navbar-dropdown-menu">
|
||||
<li><a href="#">View Profile</a></li>
|
||||
<li><a href="#">Settings</a></li>
|
||||
<li><a href="#">Sign Out</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Help</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- /.container-fluid -->
|
||||
</nav>
|
||||
|
||||
<!-- Welcome -->
|
||||
<header class="sections sections-narrow sections-light">
|
||||
<div class="container">
|
||||
<div class="media media-welcome">
|
||||
<div class="media-left">
|
||||
<img src="../images/avatar.jpg" class="img-circle media-object" width="90" height="90">
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<h4 class="h3">Welcome, John Doe</h4>
|
||||
<p>When you’re ready, you may start adding a new <a href="#">pet owner</a> or <a href="#">continue browsing</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Owners -->
|
||||
<section id="owners" class="sections sections-narrow">
|
||||
<div class="container">
|
||||
<h2 class="sub-header">Browse Owners</h2>
|
||||
<div class="row thumbnail-wrapper">
|
||||
<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" 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" 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" 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" 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>
|
||||
<!-- /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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pets -->
|
||||
<section id="pets" class="sections sections-narrow">
|
||||
<div class="container">
|
||||
<h2 class="sub-header">Pets</h2>
|
||||
<div class="row thumbnail-wrapper">
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="../images/pet-default.png" class="img-circle" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3 class="caption-heading">Basil</h3>
|
||||
<p class="caption-meta">08 August 2012</p>
|
||||
<p class="caption-meta"><span class="caption-label">Hamster</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="../images/pet-default.png" class="img-circle" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3 class="caption-heading">Basil</h3>
|
||||
<p class="caption-meta">08 August 2012</p>
|
||||
<p class="caption-meta"><span class="caption-label">Hamster</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="../images/pet-default.png" class="img-circle" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3 class="caption-heading">Basil</h3>
|
||||
<p class="caption-meta">08 August 2012</p>
|
||||
<p class="caption-meta"><span class="caption-label">Hamster</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="../images/pet-default.png" class="img-circle" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3 class="caption-heading">Basil</h3>
|
||||
<p class="caption-meta">08 August 2012</p>
|
||||
<p class="caption-meta"><span class="caption-label">Hamster</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-md-offset-4">
|
||||
<p><a class="btn btn-default btn-block" href="/pets">See All Pets</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Vets -->
|
||||
<section id="owners" class="sections">
|
||||
<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="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>
|
||||
<!-- /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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p class="pull-right">Tell your friends: <a href="#">Facebook</a>, <a href="#">Twitter</a>, <a href="#">Google+</a></p>
|
||||
<p>© 2015 Pet Clinic, A Spring Framework Demonstration</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- build:js(.) scripts/vendor.js -->
|
||||
<!-- bower:js -->
|
||||
<script src="bower_components/jquery/dist/jquery.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/affix.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/alert.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/button.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/carousel.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/collapse.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/dropdown.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tab.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/transition.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/scrollspy.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/modal.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js"></script>
|
||||
<!-- endbower -->
|
||||
<!-- endbuild -->
|
||||
|
||||
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
|
||||
<script>
|
||||
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
|
||||
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
|
||||
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
|
||||
e.src='//www.google-analytics.com/analytics.js';
|
||||
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
|
||||
ga('create','UA-XXXXX-X');ga('send','pageview');
|
||||
</script>
|
||||
|
||||
<!-- build:js({app,.tmp}) scripts/main.js -->
|
||||
<script src="scripts/main.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
</html>
|
||||
260
src/main/webapp/static/app/discover.html
Normal file
260
src/main/webapp/static/app/discover.html
Normal file
|
|
@ -0,0 +1,260 @@
|
|||
<!doctype html>
|
||||
<html class="no-js">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Pet Clinic - Discover Pet Owners on your Neigborhood</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||||
<!-- build:css(.) styles/vendor.css -->
|
||||
<!-- bower:css -->
|
||||
<!-- endbower -->
|
||||
<!-- endbuild -->
|
||||
<!-- build:css(.tmp) styles/main.css -->
|
||||
<link rel="stylesheet" href="styles/main.css">
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 10]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="/">Pet Clinic</a>
|
||||
</div>
|
||||
<div id="navbar" class="navbar-collapse collapse pull-right">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="discover.html" class="active">Discover</a></li>
|
||||
<li><a href="#vet">Veterinarians</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
</ul>
|
||||
</div><!--/.navbar-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Main jumbotron for a primary marketing message or call to action -->
|
||||
<div class="jumbotron jumbotron-tertiary">
|
||||
<div class="container">
|
||||
<div class="jumbotron-headline">
|
||||
<div class="jumbotron-headline-cell">
|
||||
<h1>Discover Pet Owners</h1>
|
||||
<p>Helping you discover pet owners near you and connect.</p>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-2">
|
||||
<input type="text" class="form-control input-lg" placeholder=".col-md-8">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button type="submit" class="btn btn-primary btn-lg btn-block">Discover</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Featured veterinarians -->
|
||||
<section id="veterianarians" class="sections">
|
||||
<div class="container">
|
||||
<div class="nav-tabs-filter">
|
||||
<a href="#add_owner" role="button" class="btn btn-primary pull-right">Register Now - It's Free!</a>
|
||||
<ul class="nav nav-tabs">
|
||||
<li role="presentation" class="active"><a href="#">Newest</a></li>
|
||||
<li role="presentation"><a href="#">Popular</a></li>
|
||||
<li role="presentation" class="dropdown open">
|
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
|
||||
Dropdown <span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#">McFarland</a></li>
|
||||
<li><a href="#">Sun Prairie</a></li>
|
||||
<li><a href="#">Madison</a></li>
|
||||
<li><a href="#">New York</a></li>
|
||||
<li><a href="#">Madison</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<a href="show.html"><a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a></a>
|
||||
<div class="caption">
|
||||
<a href="show.html"><a href="show.html"><h3>Thumbnail label</h3></a></a>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<a href="show.html"><a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a></a>
|
||||
<div class="caption">
|
||||
<a href="show.html"><a href="show.html"><h3>Thumbnail label</h3></a></a>
|
||||
<p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
|
||||
<div class="caption">
|
||||
<a href="show.html"><h3>Thumbnail label</h3></a>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
|
||||
<div class="caption">
|
||||
<a href="show.html"><h3>Thumbnail label</h3></a>
|
||||
<p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
|
||||
<div class="caption">
|
||||
<a href="show.html"><h3>Thumbnail label</h3></a>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
|
||||
<div class="caption">
|
||||
<a href="show.html"><h3>Thumbnail label</h3></a>
|
||||
<p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
|
||||
<div class="caption">
|
||||
<a href="show.html"><h3>Thumbnail label</h3></a>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
|
||||
<div class="caption">
|
||||
<a href="show.html"><h3>Thumbnail label</h3></a>
|
||||
<p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-md-offset-4">
|
||||
<p><a class="btn btn-primary btn-lg btn-block" href="#">Show More »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Make an appointment call to action -->
|
||||
<section id="appointment" class="jumbotron jumbotron-secondary">
|
||||
<div class="container">
|
||||
<div class="jumbotron-headline">
|
||||
<div class="jumbotron-headline-cell">
|
||||
<h2>Over 40,000 pet owners trust us. Register now. It's <strong>Free</strong> forever!</h2>
|
||||
<p>Use it as a starting point to create something more unique.</p>
|
||||
<form class="form-inline">
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="clientName">Your Name</label>
|
||||
<input type="text" class="form-control input-lg" id="clientName" placeholder="Your name">
|
||||
</div><div class="form-group">
|
||||
<label class="sr-only" for="emailAddress">Email Address</label>
|
||||
<input type="email" class="form-control input-lg" id="emailAddress" placeholder="Your email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="clientNumber">Contact Number</label>
|
||||
<input type="text" class="form-control input-lg" id="clientNumber" placeholder="Your contact number">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-lg">Get Started - It's Free!</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact details -->
|
||||
<section id="add_owner" 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>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p class="pull-right">Tell your friends: <a href="#">Facebook</a>, <a href="#">Twitter</a>, <a href="#">Google+</a></p>
|
||||
<p>© 2015 Pet Clinic, A Spring Framework Demonstration</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- build:js(.) scripts/vendor.js -->
|
||||
<!-- bower:js -->
|
||||
<script src="bower_components/jquery/dist/jquery.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/affix.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/alert.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/button.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/carousel.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/collapse.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/dropdown.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tab.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/transition.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/scrollspy.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/modal.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js"></script>
|
||||
<!-- endbower -->
|
||||
<!-- endbuild -->
|
||||
|
||||
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
|
||||
<script>
|
||||
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
|
||||
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
|
||||
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
|
||||
e.src='//www.google-analytics.com/analytics.js';
|
||||
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
|
||||
ga('create','UA-XXXXX-X');ga('send','pageview');
|
||||
</script>
|
||||
|
||||
<!-- build:js({app,.tmp}) scripts/main.js -->
|
||||
<script src="scripts/main.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
</html>
|
||||
BIN
src/main/webapp/static/app/favicon.ico
Normal file
BIN
src/main/webapp/static/app/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
src/main/webapp/static/app/images/avatar.jpg
Normal file
BIN
src/main/webapp/static/app/images/avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6 KiB |
BIN
src/main/webapp/static/app/images/logo.png
Normal file
BIN
src/main/webapp/static/app/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/static/app/images/owner-default.png
Normal file
BIN
src/main/webapp/static/app/images/owner-default.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
src/main/webapp/static/app/images/pet-default.png
Normal file
BIN
src/main/webapp/static/app/images/pet-default.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
src/main/webapp/static/app/images/pet-small.png
Normal file
BIN
src/main/webapp/static/app/images/pet-small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
src/main/webapp/static/app/images/veterinarian-default.jpg
Normal file
BIN
src/main/webapp/static/app/images/veterinarian-default.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5 KiB |
336
src/main/webapp/static/app/index.html
Normal file
336
src/main/webapp/static/app/index.html
Normal file
|
|
@ -0,0 +1,336 @@
|
|||
<!doctype html>
|
||||
<html class="no-js">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Pet Clinic</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||||
<!-- build:css(.) styles/vendor.css -->
|
||||
<!-- bower:css -->
|
||||
<!-- endbower -->
|
||||
<!-- endbuild -->
|
||||
<!-- build:css(.tmp) styles/main.css -->
|
||||
<link rel="stylesheet" href="styles/main.css">
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 10]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<nav class="navbar navbar-default navbar-static-top">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header pull-left">
|
||||
<a class="navbar-brand" href="/dashboard.html">
|
||||
<img alt="Pet Clinic Brand" height="27" width="auto" src="images/logo.png">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<ul class="nav navbar-links pull-right">
|
||||
<li>
|
||||
<a href="#appointment" class="js-scroll-nav">Get started</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- /.container-fluid -->
|
||||
</nav>
|
||||
|
||||
<!-- Main jumbotron for a primary marketing message or call to action -->
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="jumbotron-headline">
|
||||
<div class="jumbotron-headline-cell">
|
||||
<h1>Pet care for the People who love them</h1>
|
||||
<p>PetClinic is here to enhance people's relationships with their pets</p>
|
||||
<p><a class="btn btn-primary btn-lg js-scroll-nav" href="#veterianarians" role="button">Learn more</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<video loop="loop" preload="auto" class="jumbotron-video" autoplay muted>
|
||||
<source src="videos/hero-bird.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<!-- Featured veterinarians -->
|
||||
<section class="sections">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="text-center">
|
||||
<h3 id="veterianarians" class="section-heading">Our Veterinarians</h3>
|
||||
<p class="section-desc">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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="thumbnail">
|
||||
<img src="images/600x345.gif" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="images/600x600.gif" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="images/600x600.gif" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="images/600x600.gif" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="thumbnail">
|
||||
<img src="images/600x600.gif" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="thumbnail">
|
||||
<img src="images/600x345.gif" alt="Generic placeholder image">
|
||||
<div class="caption">
|
||||
<h3>Thumbnail label</h3>
|
||||
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /row -->
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-md-offset-4">
|
||||
<p><a class="btn btn-primary btn-lg btn-block" href="/veterinarians">View More »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services 1 section -->
|
||||
<section id="services" class="sections">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<img class="img-thumbnail" src="images/560x250.gif" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h3 class="section-heading">Services One</h3>
|
||||
<p class="section-desc">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>
|
||||
<a class="btn btn-primary" href="/business">Learn more »</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services 2 section -->
|
||||
<section id="services2" class="sections">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h3 class="section-heading">Services Two</h3>
|
||||
<p class="section-desc">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>
|
||||
<a class="btn btn-primary" href="/business">Learn more »</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img class="img-thumbnail" src="images/560x250.gif" alt="Generic placeholder image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services 3 section -->
|
||||
<section id="services3" class="sections">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<img class="img-thumbnail" src="images/560x250.gif" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h3 class="section-heading">Services Three</h3>
|
||||
<p class="section-desc">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>
|
||||
<a class="btn btn-primary" href="/business">Learn more »</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Testimonials -->
|
||||
<section id="testimonials" class="sections">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="text-center">
|
||||
<h3 class="section-heading">What our customers are saying.</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 text-center">
|
||||
<img class="img-circle" src="images/140x140.gif" 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="images/140x140.gif" 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="images/140x140.gif" 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>
|
||||
</section>
|
||||
|
||||
<!-- Client logos -->
|
||||
<section id="companies" class="sections sections-narrow">
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="text-center">
|
||||
<h3 class="h4">Trusted by some of the world's smartest companies</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<img src="images/100x40.gif" alt="Companies placeholder image">
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<img src="images/100x40.gif" alt="Companies placeholder image">
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<img src="images/100x40.gif" alt="Companies placeholder image">
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<img src="images/100x40.gif" alt="Companies placeholder image">
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<img src="images/100x40.gif" alt="Companies placeholder image">
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<img src="images/100x40.gif" alt="Companies placeholder image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Make an appointment call to action -->
|
||||
<section id="appointment" class="jumbotron jumbotron-secondary jumbotron-pattern jumbotron-appointment">
|
||||
<div class="container">
|
||||
<div class="jumbotron-headline">
|
||||
<div class="jumbotron-headline-cell">
|
||||
<h2>Over 40,000 pet owners trust us.</h2>
|
||||
<p>Use it as a starting point to create something more unique.</p>
|
||||
<form class="form-inline">
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="clientName">Your Name</label>
|
||||
<input type="text" class="form-control input-lg" id="clientName" placeholder="Your name">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="emailAddress">Email Address</label>
|
||||
<input type="email" class="form-control input-lg" id="emailAddress" placeholder="Your email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="sr-only" for="clientNumber">Contact Number</label>
|
||||
<input type="text" class="form-control input-lg" id="clientNumber" placeholder="Your contact number">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-lg">Get an Appointment</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Add Owner / Register -->
|
||||
<!-- <section id="add_owner" class="sections sections-narrow"> -->
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<!-- Three columns of text below the carousel -->
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<h3 class="h4">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 class="h4">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 class="h4">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><!-- /.col-lg-4 -->
|
||||
</div><!-- /.row -->
|
||||
</div>
|
||||
|
||||
<div class="colophon container">
|
||||
<p class="pull-right">Tell your friends: <a href="#">Facebook</a>, <a href="#">Twitter</a>, <a href="#">Google+</a></p>
|
||||
<p>© 2015 Pet Clinic, A Spring Framework Demonstration</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- build:js(.) scripts/vendor.js -->
|
||||
<!-- bower:js -->
|
||||
<script src="bower_components/jquery/dist/jquery.js"></script>
|
||||
<!-- endbower -->
|
||||
<!-- endbuild -->
|
||||
|
||||
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
|
||||
<script>
|
||||
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
|
||||
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
|
||||
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
|
||||
e.src='//www.google-analytics.com/analytics.js';
|
||||
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
|
||||
ga('create','UA-XXXXX-X');ga('send','pageview');
|
||||
</script>
|
||||
|
||||
<!-- build:js({app,.tmp}) scripts/main.js -->
|
||||
<script src="scripts/main.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
</html>
|
||||
3
src/main/webapp/static/app/robots.txt
Normal file
3
src/main/webapp/static/app/robots.txt
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# robotstxt.org/
|
||||
|
||||
User-agent: *
|
||||
19
src/main/webapp/static/app/scripts/main.js
Normal file
19
src/main/webapp/static/app/scripts/main.js
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
'use strict';
|
||||
|
||||
// Scroll Nav
|
||||
function scrollNav() {
|
||||
$('.js-scroll-nav').click(function() {
|
||||
//Animate
|
||||
$('html, body').stop().animate({
|
||||
scrollTop: $($(this).attr('href')).offset().top - 20
|
||||
}, 1000);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
// On Dom Ready
|
||||
$(function() {
|
||||
|
||||
scrollNav();
|
||||
|
||||
});
|
||||
229
src/main/webapp/static/app/show.html
Normal file
229
src/main/webapp/static/app/show.html
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
<!doctype html>
|
||||
<html class="no-js">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Pet Clinic - Discover Pet Owners on your Neigborhood</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||||
<!-- build:css(.) styles/vendor.css -->
|
||||
<!-- bower:css -->
|
||||
<!-- endbower -->
|
||||
<!-- endbuild -->
|
||||
<!-- build:css(.tmp) styles/main.css -->
|
||||
<link rel="stylesheet" href="styles/main.css">
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lt IE 10]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="/">Pet Clinic</a>
|
||||
</div>
|
||||
<div id="navbar" class="navbar-collapse collapse pull-right">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="discover.html" class="active">Discover</a></li>
|
||||
<li><a href="#vet">Veterinarians</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
</ul>
|
||||
</div><!--/.navbar-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Owner Summary -->
|
||||
<div id="content" class="show-hero">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-10">
|
||||
<h1>John Doe</h1>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="discover.html" class="btn btn-link btn-md pull-right">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span> Back
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Owner Information / Update -->
|
||||
<section id="owner_info" class="sections sections-narrow">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<form>
|
||||
<fieldset>
|
||||
<!-- Form Name -->
|
||||
<legend>Owner Information</legend>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="fldFirstName">First Name</label>
|
||||
<input id="fldFirstName" name="fldFirstName" type="text" placeholder="Your name" class="form-control input-lg" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="fldLastName">Last Name</label>
|
||||
<div class="controls">
|
||||
<input id="fldLastName" name="fldLastName" type="text" placeholder="Your last name" class="form-control input-lg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Textarea -->
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="fldAddress">Your Address</label>
|
||||
<div class="controls">
|
||||
<textarea id="fldAddress" name="fldAddress" class="form-control" rows="3">Your address</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="fldCity">City</label>
|
||||
<div class="controls">
|
||||
<input id="fldCity" name="fldCity" type="text" placeholder="Your city" class="form-control input-lg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="fldPhone">Phone</label>
|
||||
<div class="controls">
|
||||
<input id="fldPhone" name="fldPhone" type="text" placeholder="Your phone number" class="form-control input-lg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Textarea -->
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="fldDesc">Description</label>
|
||||
<div class="controls">
|
||||
<textarea id="fldDesc" name="fldDesc" class="form-control" rows="4">Write something about yourself.</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Button (Double) -->
|
||||
<div class="form-group form-control-group">
|
||||
<div class="controls">
|
||||
<button id="buttonDelete" name="buttonDelete" class="btn btn-link btn-lg btn-danger pull-right">Delete Owner</button>
|
||||
<button id="buttonUpdate" name="buttonUpdate" class="btn btn-lg btn-success">Update Owner</button>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-4 offset-md-1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Browser page -->
|
||||
<section class="sections sections-browse">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-10">
|
||||
<div class="btn btn-group">
|
||||
<a href="show-prev.html" class="btn btn-link btn-md">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span> Previous
|
||||
</a>
|
||||
<a href="show-next.html" class="btn btn-link btn-md">
|
||||
Next <span class="glyphicon glyphicon-chevron-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="discover.html" class="btn btn-link btn-md pull-right">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span> Back
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact details -->
|
||||
<section id="add_owner" 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>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p class="pull-right">Tell your friends: <a href="#">Facebook</a>, <a href="#">Twitter</a>, <a href="#">Google+</a></p>
|
||||
<p>© 2015 Pet Clinic, A Spring Framework Demonstration</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- build:js(.) scripts/vendor.js -->
|
||||
<!-- bower:js -->
|
||||
<script src="bower_components/jquery/dist/jquery.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/affix.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/alert.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/button.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/carousel.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/collapse.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/dropdown.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tab.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/transition.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/scrollspy.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/modal.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js"></script>
|
||||
<script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js"></script>
|
||||
<!-- endbower -->
|
||||
<!-- endbuild -->
|
||||
|
||||
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
|
||||
<script>
|
||||
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
|
||||
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
|
||||
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
|
||||
e.src='//www.google-analytics.com/analytics.js';
|
||||
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
|
||||
ga('create','UA-XXXXX-X');ga('send','pageview');
|
||||
</script>
|
||||
|
||||
<!-- build:js({app,.tmp}) scripts/main.js -->
|
||||
<script src="scripts/main.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
</html>
|
||||
654
src/main/webapp/static/app/styles/main.scss
Normal file
654
src/main/webapp/static/app/styles/main.scss
Normal file
|
|
@ -0,0 +1,654 @@
|
|||
$icon-font-path: "../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/";
|
||||
$brand-primary: #6cb947;
|
||||
$text-color: #747c83;
|
||||
$text-color-inverse: #fff;
|
||||
$headings-color: #555f64;
|
||||
$sections-bg: #f0f2f5;
|
||||
$sections-border: #e7e9eb;
|
||||
$jumbotron-bg: #42494d;
|
||||
$navbar-default-bg: #2d4f61;
|
||||
$navbar-default-border: #2d4f61;
|
||||
$navbar-default-link-color: #749aa4;
|
||||
$navbar-default-link-hover-color: #d9e9ed;
|
||||
$navbar-default-link-active-color: #e6f2f5;
|
||||
$thumbnail-border: #e6e9ed;
|
||||
$btn-default-color: #495256;
|
||||
$btn-default-border: #D4D5D7;
|
||||
|
||||
%font-smoothing {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
// bower:scss
|
||||
@import "bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";
|
||||
// endbower
|
||||
|
||||
.browsehappy {
|
||||
margin: 0.2em 0;
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
/* Space out content a bit */
|
||||
body {
|
||||
@extend %font-smoothing;
|
||||
}
|
||||
|
||||
/* Everything but the jumbotron gets side spacing for mobile first views */
|
||||
.header,
|
||||
.marketing,
|
||||
.footer {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/* Custom page header */
|
||||
.header {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
|
||||
/* Make the masthead heading the same height as the navigation */
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 40px;
|
||||
padding-bottom: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.sub-header {
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
margin-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.container-narrow > hr {
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
/* Main marketing message and sign up button */
|
||||
.jumbotron {
|
||||
background-color: $jumbotron-bg;
|
||||
height: 580px;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.container {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-auto {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.jumbotron-headline {
|
||||
display: table;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
|
||||
h1, .h1 {
|
||||
color: $text-color-inverse;
|
||||
font-size: 48px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $text-color-inverse;
|
||||
font-size: 23px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-headline-cell {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Secondary marketing message and call to action */
|
||||
.jumbotron-secondary {
|
||||
height: 500px;
|
||||
|
||||
h2 {
|
||||
color: $text-color-inverse;
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 15px;
|
||||
|
||||
strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $screen-md-min) {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-appointment {
|
||||
.form-inline {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 15px 25px;
|
||||
}
|
||||
|
||||
@media (max-width: $grid-float-breakpoint) {
|
||||
.form-group {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Tertiary marketing message and call to action. */
|
||||
.jumbotron-tertiary {
|
||||
height: 400px;
|
||||
|
||||
h1, .h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-video {
|
||||
position: absolute;
|
||||
opacity: .85;
|
||||
left: 0;
|
||||
top: 0px;
|
||||
z-index: 1;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jumbotron-welcome {
|
||||
background-color: $text-color-inverse;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-md-min) {
|
||||
.jumbotron-video {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sections */
|
||||
.sections {
|
||||
background-color: $sections-bg;
|
||||
border-bottom: 1px solid $sections-border;
|
||||
padding: 100px 0;
|
||||
|
||||
.thumbnail {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.sections-narrow {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.sections-browse {
|
||||
background-color: $jumbotron-bg;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.sections-light {
|
||||
background-color: $text-color-inverse;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.section-heading-alt {
|
||||
font-size:
|
||||
}
|
||||
|
||||
.section-desc {
|
||||
font-size: 18px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.navbar-static-top {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
padding: 15px;
|
||||
height: 60px;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
> li {
|
||||
> a {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-form {
|
||||
.form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs-filter {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
.navbar-menu {
|
||||
> li {
|
||||
padding: 0 6px;
|
||||
|
||||
@media (min-width: $grid-float-breakpoint) {
|
||||
> a {
|
||||
font-weight: 500;
|
||||
padding: 20px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> a {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
> a {
|
||||
background-color: transparent;
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $grid-float-breakpoint) {
|
||||
.navbar-menu {
|
||||
background-color: darken($navbar-default-bg,10%);
|
||||
|
||||
> li {
|
||||
padding: 0;
|
||||
|
||||
> a {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> a {
|
||||
background-color: transparent;
|
||||
color: $navbar-default-link-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-profile {
|
||||
@extend .pull-right;
|
||||
|
||||
> li {
|
||||
float:left;
|
||||
margin-left: 15px;
|
||||
margin-top: 15px;
|
||||
|
||||
> a {
|
||||
color: $navbar-default-link-color;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&.img-profile {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.glyphicon-plus {
|
||||
color: $navbar-default-link-color;
|
||||
margin-left: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.open {
|
||||
> a,
|
||||
> a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $grid-float-breakpoint) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
||||
> li {
|
||||
&:last-child {
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.navbar-dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
|
||||
&:after {
|
||||
border-bottom: 10px solid;
|
||||
border-right: 10px solid rgba($gray-darker, 0);
|
||||
border-left: 10px solid rgba($gray-darker, 0);
|
||||
color: darken($navbar-default-bg,10%);
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
margin-left: 2px;
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: 10px;
|
||||
vertical-align: middle;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
> li {
|
||||
> a {
|
||||
color: $navbar-default-link-color;
|
||||
padding: 12px 15px;
|
||||
|
||||
&:hover {
|
||||
color: $navbar-default-link-hover-color;
|
||||
background-color: rgba($gray-darker, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.divider {
|
||||
background-color: rgba($navbar-default-link-color, .15);
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.open > .navbar-dropdown-menu {
|
||||
background-color: darken($navbar-default-bg,10%);
|
||||
display: block;
|
||||
width: 200px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
top: 43px;
|
||||
right: -5px;
|
||||
|
||||
@media (max-width: $grid-float-breakpoint) {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 58px;
|
||||
|
||||
&:after {
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-collapse {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.navbar-links {
|
||||
> li {
|
||||
display: inline-block;
|
||||
|
||||
> a {
|
||||
color: #303030;
|
||||
font-weight: bold;
|
||||
padding: 19px 15px;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Show page */
|
||||
.show-hero {
|
||||
background-color: $jumbotron-bg;
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
font-size: 24px;
|
||||
text-align: left;
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border: 1px solid $text-color-inverse;
|
||||
border-radius: 3px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.form-control-group {
|
||||
padding-top: $padding-large-vertical;
|
||||
}
|
||||
|
||||
.btn {
|
||||
border-color: transparent;
|
||||
border-radius: 3px;
|
||||
font-weight: 500;
|
||||
transition: .3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
border-color: rgba($gray-darker, 0.3);
|
||||
outline: none 0;
|
||||
box-shadow: inset 0 0 200px rgba($gray-darker, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
border-color: $btn-default-border;
|
||||
|
||||
&:hover {
|
||||
background-color: $btn-default-bg;
|
||||
border-color: darken($btn-default-border,15%);
|
||||
color: darken($btn-default-color,15%);
|
||||
}
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Responsive: Portrait tablets and up */
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.navbar-brand {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
|
||||
> li {
|
||||
> a {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-form {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
// Default navbar
|
||||
.navbar-default {
|
||||
.navbar-toggle-left {
|
||||
color: $navbar-default-link-color;
|
||||
border: 0;
|
||||
float: left;
|
||||
margin: 15px 0 0 5px;
|
||||
padding: 5px 8px 5px 8px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $navbar-default-link-hover-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Media Object */
|
||||
.media-welcome {
|
||||
.media-left {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mixin and adjust the regular image class */
|
||||
.thumbnail {
|
||||
background-color: $thumbnail-bg;
|
||||
border: 1px solid $thumbnail-border;
|
||||
box-shadow: 0 1px 1px rgba($gray-base, 0.03);
|
||||
padding: 0;
|
||||
|
||||
> img {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.caption {
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.caption-heading {
|
||||
color: darken($headings-color,5%);
|
||||
font-size: 18px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.caption-meta {
|
||||
color: #98a4b0;
|
||||
font-size: 13px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.caption-label {
|
||||
@extend .label;
|
||||
@extend .label-default;
|
||||
background-color: #98a4b0;
|
||||
}
|
||||
|
||||
.action-bar {
|
||||
border-top: 1px solid $sections-border;
|
||||
padding: 20px;
|
||||
@extend .clearfix;
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin-bottom: 0;
|
||||
margin-left: -10px;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.action-add {
|
||||
border: 1px dotted
|
||||
}
|
||||
|
||||
.btn-add-pet {
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
border: 1px dashed #AAA;
|
||||
border-radius: 100%;
|
||||
position: relative;
|
||||
|
||||
.glyphicon {
|
||||
color: #C3C6CA;
|
||||
margin: 5px 0 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.thumbnail-wrapper {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Custom page footer */
|
||||
.footer {
|
||||
font-size: 13px;
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.colophon {
|
||||
border-top: 1px solid $sections-border;
|
||||
margin-top: 30px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
BIN
src/main/webapp/static/app/videos/hero-bird.mp4
Normal file
BIN
src/main/webapp/static/app/videos/hero-bird.mp4
Normal file
Binary file not shown.
7
src/main/webapp/static/bower.json
Normal file
7
src/main/webapp/static/bower.json
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"name": "petclinic",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"bootstrap-sass-official": "~3.3.3"
|
||||
}
|
||||
}
|
||||
935
src/main/webapp/static/dist/.htaccess
vendored
Normal file
935
src/main/webapp/static/dist/.htaccess
vendored
Normal file
|
|
@ -0,0 +1,935 @@
|
|||
# Apache Server Configs v2.11.0 | MIT License
|
||||
# https://github.com/h5bp/server-configs-apache
|
||||
|
||||
# (!) Using `.htaccess` files slows down Apache, therefore, if you have
|
||||
# access to the main server configuration file (which is usually called
|
||||
# `httpd.conf`), you should add this logic there.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/howto/htaccess.html.
|
||||
|
||||
# ######################################################################
|
||||
# # CROSS-ORIGIN #
|
||||
# ######################################################################
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Cross-origin requests |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Allow cross-origin requests.
|
||||
#
|
||||
# https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS
|
||||
# http://enable-cors.org/
|
||||
# http://www.w3.org/TR/cors/
|
||||
|
||||
# <IfModule mod_headers.c>
|
||||
# Header set Access-Control-Allow-Origin "*"
|
||||
# </IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Cross-origin images |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Send the CORS header for images when browsers request it.
|
||||
#
|
||||
# https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image
|
||||
# https://blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
|
||||
|
||||
<IfModule mod_setenvif.c>
|
||||
<IfModule mod_headers.c>
|
||||
<FilesMatch "\.(bmp|cur|gif|ico|jpe?g|png|svgz?|webp)$">
|
||||
SetEnvIf Origin ":" IS_CORS
|
||||
Header set Access-Control-Allow-Origin "*" env=IS_CORS
|
||||
</FilesMatch>
|
||||
</IfModule>
|
||||
</IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Cross-origin web fonts |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Allow cross-origin access to web fonts.
|
||||
|
||||
<IfModule mod_headers.c>
|
||||
<FilesMatch "\.(eot|otf|tt[cf]|woff2?)$">
|
||||
Header set Access-Control-Allow-Origin "*"
|
||||
</FilesMatch>
|
||||
</IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Cross-origin resource timing |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Allow cross-origin access to the timing information for all resources.
|
||||
#
|
||||
# If a resource isn't served with a `Timing-Allow-Origin` header that
|
||||
# would allow its timing information to be shared with the document,
|
||||
# some of the attributes of the `PerformanceResourceTiming` object will
|
||||
# be set to zero.
|
||||
#
|
||||
# http://www.w3.org/TR/resource-timing/
|
||||
# http://www.stevesouders.com/blog/2014/08/21/resource-timing-practical-tips/
|
||||
|
||||
# <IfModule mod_headers.c>
|
||||
# Header set Timing-Allow-Origin: "*"
|
||||
# </IfModule>
|
||||
|
||||
|
||||
# ######################################################################
|
||||
# # ERRORS #
|
||||
# ######################################################################
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Custom error messages/pages |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Customize what Apache returns to the client in case of an error.
|
||||
# https://httpd.apache.org/docs/current/mod/core.html#errordocument
|
||||
|
||||
# ErrorDocument 404 /404.html
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Error prevention |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Disable the pattern matching based on filenames.
|
||||
#
|
||||
# This setting prevents Apache from returning a 404 error as the result
|
||||
# of a rewrite when the directory with the same name does not exist.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/content-negotiation.html#multiviews
|
||||
|
||||
Options -MultiViews
|
||||
|
||||
|
||||
# ######################################################################
|
||||
# # INTERNET EXPLORER #
|
||||
# ######################################################################
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Document modes |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Force Internet Explorer 8/9/10 to render pages in the highest mode
|
||||
# available in the various cases when it may not.
|
||||
#
|
||||
# https://hsivonen.fi/doctype/#ie8
|
||||
#
|
||||
# (!) Starting with Internet Explorer 11, document modes are deprecated.
|
||||
# If your business still relies on older web apps and services that were
|
||||
# designed for older versions of Internet Explorer, you might want to
|
||||
# consider enabling `Enterprise Mode` throughout your company.
|
||||
#
|
||||
# http://msdn.microsoft.com/en-us/library/ie/bg182625.aspx#docmode
|
||||
# http://blogs.msdn.com/b/ie/archive/2014/04/02/stay-up-to-date-with-enterprise-mode-for-internet-explorer-11.aspx
|
||||
|
||||
<IfModule mod_headers.c>
|
||||
Header set X-UA-Compatible "IE=edge"
|
||||
# `mod_headers` cannot match based on the content-type, however,
|
||||
# the `X-UA-Compatible` response header should be send only for
|
||||
# HTML documents and not for the other resources.
|
||||
<FilesMatch "\.(appcache|atom|bbaw|bmp|crx|css|cur|eot|f4[abpv]|flv|geojson|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|topojson|tt[cf]|txt|vcard|vcf|vtt|webapp|web[mp]|woff2?|xloc|xml|xpi)$">
|
||||
Header unset X-UA-Compatible
|
||||
</FilesMatch>
|
||||
</IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Iframes cookies |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Allow cookies to be set from iframes in Internet Explorer.
|
||||
#
|
||||
# http://msdn.microsoft.com/en-us/library/ms537343.aspx
|
||||
# http://www.w3.org/TR/2000/CR-P3P-20001215/
|
||||
|
||||
# <IfModule mod_headers.c>
|
||||
# Header set P3P "policyref=\"/w3c/p3p.xml\", CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\""
|
||||
# </IfModule>
|
||||
|
||||
|
||||
# ######################################################################
|
||||
# # MEDIA TYPES AND CHARACTER ENCODINGS #
|
||||
# ######################################################################
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Media types |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Serve resources with the proper media types (f.k.a. MIME types).
|
||||
#
|
||||
# https://www.iana.org/assignments/media-types/media-types.xhtml
|
||||
# https://httpd.apache.org/docs/current/mod/mod_mime.html#addtype
|
||||
|
||||
<IfModule mod_mime.c>
|
||||
|
||||
# Data interchange
|
||||
|
||||
AddType application/json json map topojson
|
||||
AddType application/ld+json jsonld
|
||||
AddType application/vnd.geo+json geojson
|
||||
AddType application/xml atom rdf rss xml
|
||||
|
||||
|
||||
# JavaScript
|
||||
|
||||
# Normalize to standard type.
|
||||
# https://tools.ietf.org/html/rfc4329#section-7.2
|
||||
|
||||
AddType application/javascript js
|
||||
|
||||
|
||||
# Manifest files
|
||||
|
||||
# If you are providing a web application manifest file (see
|
||||
# the specification: https://w3c.github.io/manifest/), it is
|
||||
# recommended that you serve it with the `application/manifest+json`
|
||||
# media type.
|
||||
#
|
||||
# Because the web application manifest file doesn't have its
|
||||
# own unique file extension, you can set its media type either
|
||||
# by matching:
|
||||
#
|
||||
# 1) the exact location of the file (this can be done using a
|
||||
# directive such as `<Location>`, but it will NOT work in
|
||||
# the `.htaccess` file, so you will have to do it in the main
|
||||
# server configuration file or inside of a `<VirtualHost>`
|
||||
# container)
|
||||
#
|
||||
# e.g.:
|
||||
#
|
||||
# <Location "/.well-known/manifest.json">
|
||||
# AddType application/manifest+json json
|
||||
# </Location>
|
||||
#
|
||||
# 2) the filename (this can be problematic as you will need to
|
||||
# ensure that you don't have any other file with the same name
|
||||
# as the one you gave to your web application manifest file)
|
||||
#
|
||||
# e.g.:
|
||||
#
|
||||
# <Files "manifest.json">
|
||||
# AddType application/manifest+json json
|
||||
# </Files>
|
||||
|
||||
AddType application/x-web-app-manifest+json webapp
|
||||
AddType text/cache-manifest appcache manifest
|
||||
|
||||
|
||||
# Media files
|
||||
|
||||
AddType audio/mp4 f4a f4b m4a
|
||||
AddType audio/ogg oga ogg opus
|
||||
AddType image/bmp bmp
|
||||
AddType image/webp webp
|
||||
AddType video/mp4 f4v f4p m4v mp4
|
||||
AddType video/ogg ogv
|
||||
AddType video/webm webm
|
||||
AddType video/x-flv flv
|
||||
AddType image/svg+xml svg svgz
|
||||
|
||||
# Serving `.ico` image files with a different media type
|
||||
# prevents Internet Explorer from displaying then as images:
|
||||
# https://github.com/h5bp/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee
|
||||
|
||||
AddType image/x-icon cur ico
|
||||
|
||||
|
||||
# Web fonts
|
||||
|
||||
AddType application/font-woff woff
|
||||
AddType application/font-woff2 woff2
|
||||
AddType application/vnd.ms-fontobject eot
|
||||
|
||||
# Browsers usually ignore the font media types and simply sniff
|
||||
# the bytes to figure out the font type.
|
||||
# https://mimesniff.spec.whatwg.org/#matching-a-font-type-pattern
|
||||
#
|
||||
# However, Blink and WebKit based browsers will show a warning
|
||||
# in the console if the following font types are served with any
|
||||
# other media types.
|
||||
|
||||
AddType application/x-font-ttf ttc ttf
|
||||
AddType font/opentype otf
|
||||
|
||||
|
||||
# Other
|
||||
|
||||
AddType application/octet-stream safariextz
|
||||
AddType application/x-bb-appworld bbaw
|
||||
AddType application/x-chrome-extension crx
|
||||
AddType application/x-opera-extension oex
|
||||
AddType application/x-xpinstall xpi
|
||||
AddType text/vcard vcard vcf
|
||||
AddType text/vnd.rim.location.xloc xloc
|
||||
AddType text/vtt vtt
|
||||
AddType text/x-component htc
|
||||
|
||||
</IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Character encodings |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Serve all resources labeled as `text/html` or `text/plain`
|
||||
# with the media type `charset` parameter set to `UTF-8`.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/core.html#adddefaultcharset
|
||||
|
||||
AddDefaultCharset utf-8
|
||||
|
||||
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
# Serve the following file types with the media type `charset`
|
||||
# parameter set to `UTF-8`.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/mod_mime.html#addcharset
|
||||
|
||||
<IfModule mod_mime.c>
|
||||
AddCharset utf-8 .atom \
|
||||
.bbaw \
|
||||
.css \
|
||||
.geojson \
|
||||
.js \
|
||||
.json \
|
||||
.jsonld \
|
||||
.rdf \
|
||||
.rss \
|
||||
.topojson \
|
||||
.vtt \
|
||||
.webapp \
|
||||
.xloc \
|
||||
.xml
|
||||
</IfModule>
|
||||
|
||||
|
||||
# ######################################################################
|
||||
# # REWRITES #
|
||||
# ######################################################################
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Rewrite engine |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# (1) Turn on the rewrite engine (this is necessary in order for
|
||||
# the `RewriteRule` directives to work).
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/mod_rewrite.html#RewriteEngine
|
||||
#
|
||||
# (2) Enable the `FollowSymLinks` option if it isn't already.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/core.html#options
|
||||
#
|
||||
# (3) If your web host doesn't allow the `FollowSymlinks` option,
|
||||
# you need to comment it out or remove it, and then uncomment
|
||||
# the `Options +SymLinksIfOwnerMatch` line (4), but be aware
|
||||
# of the performance impact.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/misc/perf-tuning.html#symlinks
|
||||
#
|
||||
# (4) Some cloud hosting services will require you set `RewriteBase`.
|
||||
#
|
||||
# http://www.rackspace.com/knowledge_center/frequently-asked-question/why-is-modrewrite-not-working-on-my-site
|
||||
# https://httpd.apache.org/docs/current/mod/mod_rewrite.html#rewritebase
|
||||
#
|
||||
# (5) Depending on how your server is set up, you may also need to
|
||||
# use the `RewriteOptions` directive to enable some options for
|
||||
# the rewrite engine.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/mod_rewrite.html#rewriteoptions
|
||||
|
||||
<IfModule mod_rewrite.c>
|
||||
|
||||
# (1)
|
||||
RewriteEngine On
|
||||
|
||||
# (2)
|
||||
Options +FollowSymlinks
|
||||
|
||||
# (3)
|
||||
# Options +SymLinksIfOwnerMatch
|
||||
|
||||
# (4)
|
||||
# RewriteBase /
|
||||
|
||||
# (5)
|
||||
# RewriteOptions <options>
|
||||
|
||||
</IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Forcing `https://` |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Redirect from the `http://` to the `https://` version of the URL.
|
||||
# https://wiki.apache.org/httpd/RewriteHTTPToHTTPS
|
||||
|
||||
# <IfModule mod_rewrite.c>
|
||||
# RewriteEngine On
|
||||
# RewriteCond %{HTTPS} !=on
|
||||
# RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]
|
||||
# </IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Suppressing / Forcing the `www.` at the beginning of URLs |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# The same content should never be available under two different
|
||||
# URLs, especially not with and without `www.` at the beginning.
|
||||
# This can cause SEO problems (duplicate content), and therefore,
|
||||
# you should choose one of the alternatives and redirect the other
|
||||
# one.
|
||||
#
|
||||
# By default `Option 1` (no `www.`) is activated.
|
||||
# http://no-www.org/faq.php?q=class_b
|
||||
#
|
||||
# If you would prefer to use `Option 2`, just comment out all the
|
||||
# lines from `Option 1` and uncomment the ones from `Option 2`.
|
||||
#
|
||||
# (!) NEVER USE BOTH RULES AT THE SAME TIME!
|
||||
|
||||
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
# Option 1: rewrite www.example.com → example.com
|
||||
|
||||
<IfModule mod_rewrite.c>
|
||||
RewriteEngine On
|
||||
RewriteCond %{HTTPS} !=on
|
||||
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
|
||||
RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
|
||||
</IfModule>
|
||||
|
||||
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
# Option 2: rewrite example.com → www.example.com
|
||||
#
|
||||
# Be aware that the following might not be a good idea if you use "real"
|
||||
# subdomains for certain parts of your website.
|
||||
|
||||
# <IfModule mod_rewrite.c>
|
||||
# RewriteEngine On
|
||||
# RewriteCond %{HTTPS} !=on
|
||||
# RewriteCond %{HTTP_HOST} !^www\. [NC]
|
||||
# RewriteCond %{SERVER_ADDR} !=127.0.0.1
|
||||
# RewriteCond %{SERVER_ADDR} !=::1
|
||||
# RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
|
||||
# </IfModule>
|
||||
|
||||
|
||||
# ######################################################################
|
||||
# # SECURITY #
|
||||
# ######################################################################
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Clickjacking |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Protect website against clickjacking.
|
||||
#
|
||||
# The example below sends the `X-Frame-Options` response header with
|
||||
# the value `DENY`, informing browsers not to display the content of
|
||||
# the web page in any frame.
|
||||
#
|
||||
# This might not be the best setting for everyone. You should read
|
||||
# about the other two possible values the `X-Frame-Options` header
|
||||
# field can have: `SAMEORIGIN` and `ALLOW-FROM`.
|
||||
# https://tools.ietf.org/html/rfc7034#section-2.1.
|
||||
#
|
||||
# Keep in mind that while you could send the `X-Frame-Options` header
|
||||
# for all of your website’s pages, this has the potential downside that
|
||||
# it forbids even non-malicious framing of your content (e.g.: when
|
||||
# users visit your website using a Google Image Search results page).
|
||||
#
|
||||
# Nonetheless, you should ensure that you send the `X-Frame-Options`
|
||||
# header for all pages that allow a user to make a state changing
|
||||
# operation (e.g: pages that contain one-click purchase links, checkout
|
||||
# or bank-transfer confirmation pages, pages that make permanent
|
||||
# configuration changes, etc.).
|
||||
#
|
||||
# Sending the `X-Frame-Options` header can also protect your website
|
||||
# against more than just clickjacking attacks:
|
||||
# https://cure53.de/xfo-clickjacking.pdf.
|
||||
#
|
||||
# https://tools.ietf.org/html/rfc7034
|
||||
# http://blogs.msdn.com/b/ieinternals/archive/2010/03/30/combating-clickjacking-with-x-frame-options.aspx
|
||||
# https://www.owasp.org/index.php/Clickjacking
|
||||
|
||||
# <IfModule mod_headers.c>
|
||||
# Header set X-Frame-Options "DENY"
|
||||
# # `mod_headers` cannot match based on the content-type, however,
|
||||
# # the `X-Frame-Options` response header should be send only for
|
||||
# # HTML documents and not for the other resources.
|
||||
# <FilesMatch "\.(appcache|atom|bbaw|bmp|crx|css|cur|eot|f4[abpv]|flv|geojson|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|topojson|tt[cf]|txt|vcard|vcf|vtt|webapp|web[mp]|woff2?|xloc|xml|xpi)$">
|
||||
# Header unset X-Frame-Options
|
||||
# </FilesMatch>
|
||||
# </IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Content Security Policy (CSP) |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Mitigate the risk of cross-site scripting and other content-injection
|
||||
# attacks.
|
||||
#
|
||||
# This can be done by setting a `Content Security Policy` which
|
||||
# whitelists trusted sources of content for your website.
|
||||
#
|
||||
# The example header below allows ONLY scripts that are loaded from the
|
||||
# current website's origin (no inline scripts, no CDN, etc). That almost
|
||||
# certainly won't work as-is for your website!
|
||||
#
|
||||
# For more details on how to craft a reasonable policy for your website,
|
||||
# read: http://www.html5rocks.com/en/tutorials/security/content-security-policy/
|
||||
# (or the specification: http://www.w3.org/TR/CSP11/). Also, to make
|
||||
# things easier, you can use an online CSP header generator such as:
|
||||
# http://cspisawesome.com/.
|
||||
|
||||
# <IfModule mod_headers.c>
|
||||
# Header set Content-Security-Policy "script-src 'self'; object-src 'self'"
|
||||
# # `mod_headers` cannot match based on the content-type, however,
|
||||
# # the `Content-Security-Policy` response header should be send
|
||||
# # only for HTML documents and not for the other resources.
|
||||
# <FilesMatch "\.(appcache|atom|bbaw|bmp|crx|css|cur|eot|f4[abpv]|flv|geojson|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|topojson|tt[cf]|txt|vcard|vcf|vtt|webapp|web[mp]|woff2?|xloc|xml|xpi)$">
|
||||
# Header unset Content-Security-Policy
|
||||
# </FilesMatch>
|
||||
# </IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | File access |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Block access to directories without a default document.
|
||||
#
|
||||
# You should leave the following uncommented, as you shouldn't allow
|
||||
# anyone to surf through every directory on your server (which may
|
||||
# includes rather private places such as the CMS's directories).
|
||||
|
||||
<IfModule mod_autoindex.c>
|
||||
Options -Indexes
|
||||
</IfModule>
|
||||
|
||||
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
# Block access to all hidden files and directories with the exception of
|
||||
# the visible content from within the `/.well-known/` hidden directory.
|
||||
#
|
||||
# These types of files usually contain user preferences or the preserved
|
||||
# state of an utility, and can include rather private places like, for
|
||||
# example, the `.git` or `.svn` directories.
|
||||
#
|
||||
# The `/.well-known/` directory represents the standard (RFC 5785) path
|
||||
# prefix for "well-known locations" (e.g.: `/.well-known/manifest.json`,
|
||||
# `/.well-known/keybase.txt`), and therefore, access to its visible
|
||||
# content should not be blocked.
|
||||
#
|
||||
# https://www.mnot.net/blog/2010/04/07/well-known
|
||||
# https://tools.ietf.org/html/rfc5785
|
||||
|
||||
<IfModule mod_rewrite.c>
|
||||
RewriteEngine On
|
||||
RewriteCond %{REQUEST_URI} "!(^|/)\.well-known/([^./]+./?)+$" [NC]
|
||||
RewriteCond %{SCRIPT_FILENAME} -d [OR]
|
||||
RewriteCond %{SCRIPT_FILENAME} -f
|
||||
RewriteRule "(^|/)\." - [F]
|
||||
</IfModule>
|
||||
|
||||
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
# Block access to files that can expose sensitive information.
|
||||
#
|
||||
# By default, block access to backup and source files that may be
|
||||
# left by some text editors and can pose a security risk when anyone
|
||||
# has access to them.
|
||||
#
|
||||
# http://feross.org/cmsploit/
|
||||
#
|
||||
# (!) Update the `<FilesMatch>` regular expression from below to
|
||||
# include any files that might end up on your production server and
|
||||
# can expose sensitive information about your website. These files may
|
||||
# include: configuration files, files that contain metadata about the
|
||||
# project (e.g.: project dependencies), build scripts, etc..
|
||||
|
||||
<FilesMatch "(^#.*#|\.(bak|conf|dist|fla|in[ci]|log|psd|sh|sql|sw[op])|~)$">
|
||||
|
||||
# Apache < 2.3
|
||||
<IfModule !mod_authz_core.c>
|
||||
Order allow,deny
|
||||
Deny from all
|
||||
Satisfy All
|
||||
</IfModule>
|
||||
|
||||
# Apache ≥ 2.3
|
||||
<IfModule mod_authz_core.c>
|
||||
Require all denied
|
||||
</IfModule>
|
||||
|
||||
</FilesMatch>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | HTTP Strict Transport Security (HSTS) |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Force client-side SSL redirection.
|
||||
#
|
||||
# If a user types `example.com` in their browser, even if the server
|
||||
# redirects them to the secure version of the website, that still leaves
|
||||
# a window of opportunity (the initial HTTP connection) for an attacker
|
||||
# to downgrade or redirect the request.
|
||||
#
|
||||
# The following header ensures that browser will ONLY connect to your
|
||||
# server via HTTPS, regardless of what the users type in the browser's
|
||||
# address bar.
|
||||
#
|
||||
# (!) Remove the `includeSubDomains` optional directive if the website's
|
||||
# subdomains are not using HTTPS.
|
||||
#
|
||||
# http://www.html5rocks.com/en/tutorials/security/transport-layer-security/
|
||||
# https://tools.ietf.org/html/draft-ietf-websec-strict-transport-sec-14#section-6.1
|
||||
# http://blogs.msdn.com/b/ieinternals/archive/2014/08/18/hsts-strict-transport-security-attacks-mitigations-deployment-https.aspx
|
||||
|
||||
# <IfModule mod_headers.c>
|
||||
# Header set Strict-Transport-Security "max-age=16070400; includeSubDomains"
|
||||
# </IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Reducing MIME type security risks |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Prevent some browsers from MIME-sniffing the response.
|
||||
#
|
||||
# This reduces exposure to drive-by download attacks and cross-origin
|
||||
# data leaks, and should be left uncommented, especially if the server
|
||||
# is serving user-uploaded content or content that could potentially be
|
||||
# treated as executable by the browser.
|
||||
#
|
||||
# http://www.slideshare.net/hasegawayosuke/owasp-hasegawa
|
||||
# http://blogs.msdn.com/b/ie/archive/2008/07/02/ie8-security-part-v-comprehensive-protection.aspx
|
||||
# http://msdn.microsoft.com/en-us/library/ie/gg622941.aspx
|
||||
# https://mimesniff.spec.whatwg.org/
|
||||
|
||||
<IfModule mod_headers.c>
|
||||
Header set X-Content-Type-Options "nosniff"
|
||||
</IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Reflected Cross-Site Scripting (XSS) attacks |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# (1) Try to re-enable the cross-site scripting (XSS) filter built
|
||||
# into most web browsers.
|
||||
#
|
||||
# The filter is usually enabled by default, but in some cases it
|
||||
# may be disabled by the user. However, in Internet Explorer for
|
||||
# example, it can be re-enabled just by sending the
|
||||
# `X-XSS-Protection` header with the value of `1`.
|
||||
#
|
||||
# (2) Prevent web browsers from rendering the web page if a potential
|
||||
# reflected (a.k.a non-persistent) XSS attack is detected by the
|
||||
# filter.
|
||||
#
|
||||
# By default, if the filter is enabled and browsers detect a
|
||||
# reflected XSS attack, they will attempt to block the attack
|
||||
# by making the smallest possible modifications to the returned
|
||||
# web page.
|
||||
#
|
||||
# Unfortunately, in some browsers (e.g.: Internet Explorer),
|
||||
# this default behavior may allow the XSS filter to be exploited,
|
||||
# thereby, it's better to inform browsers to prevent the rendering
|
||||
# of the page altogether, instead of attempting to modify it.
|
||||
#
|
||||
# http://hackademix.net/2009/11/21/ies-xss-filter-creates-xss-vulnerabilities
|
||||
#
|
||||
# (!) Do not rely on the XSS filter to prevent XSS attacks! Ensure that
|
||||
# you are taking all possible measures to prevent XSS attacks, the
|
||||
# most obvious being: validating and sanitizing your website's inputs.
|
||||
#
|
||||
# http://blogs.msdn.com/b/ie/archive/2008/07/02/ie8-security-part-iv-the-xss-filter.aspx
|
||||
# http://blogs.msdn.com/b/ieinternals/archive/2011/01/31/controlling-the-internet-explorer-xss-filter-with-the-x-xss-protection-http-header.aspx
|
||||
# https://www.owasp.org/index.php/Cross-site_Scripting_%28XSS%29
|
||||
|
||||
# <IfModule mod_headers.c>
|
||||
# # (1) (2)
|
||||
# Header set X-XSS-Protection "1; mode=block"
|
||||
# # `mod_headers` cannot match based on the content-type, however,
|
||||
# # the `X-XSS-Protection` response header should be send only for
|
||||
# # HTML documents and not for the other resources.
|
||||
# <FilesMatch "\.(appcache|atom|bbaw|bmp|crx|css|cur|eot|f4[abpv]|flv|geojson|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|topojson|tt[cf]|txt|vcard|vcf|vtt|webapp|web[mp]|woff2?|xloc|xml|xpi)$">
|
||||
# Header unset X-XSS-Protection
|
||||
# </FilesMatch>
|
||||
# </IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Server software information |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Prevent Apache from sending in the `Server` response header its
|
||||
# exact version number, the description of the generic OS-type or
|
||||
# information about its compiled-in modules.
|
||||
#
|
||||
# (!) The `ServerTokens` directive will only work in the main server
|
||||
# configuration file, so don't try to enable it in the `.htaccess` file!
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/core.html#servertokens
|
||||
|
||||
# ServerTokens Prod
|
||||
|
||||
|
||||
# ######################################################################
|
||||
# # WEB PERFORMANCE #
|
||||
# ######################################################################
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Compression |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
<IfModule mod_deflate.c>
|
||||
|
||||
# Force compression for mangled `Accept-Encoding` request headers
|
||||
# https://developer.yahoo.com/blogs/ydn/pushing-beyond-gzipping-25601.html
|
||||
|
||||
<IfModule mod_setenvif.c>
|
||||
<IfModule mod_headers.c>
|
||||
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
|
||||
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
|
||||
</IfModule>
|
||||
</IfModule>
|
||||
|
||||
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
# Compress all output labeled with one of the following media types.
|
||||
#
|
||||
# (!) For Apache versions below version 2.3.7 you don't need to
|
||||
# enable `mod_filter` and can remove the `<IfModule mod_filter.c>`
|
||||
# and `</IfModule>` lines as `AddOutputFilterByType` is still in
|
||||
# the core directives.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/mod_filter.html#addoutputfilterbytype
|
||||
|
||||
<IfModule mod_filter.c>
|
||||
AddOutputFilterByType DEFLATE "application/atom+xml" \
|
||||
"application/javascript" \
|
||||
"application/json" \
|
||||
"application/ld+json" \
|
||||
"application/manifest+json" \
|
||||
"application/rdf+xml" \
|
||||
"application/rss+xml" \
|
||||
"application/schema+json" \
|
||||
"application/vnd.geo+json" \
|
||||
"application/vnd.ms-fontobject" \
|
||||
"application/x-font-ttf" \
|
||||
"application/x-javascript" \
|
||||
"application/x-web-app-manifest+json" \
|
||||
"application/xhtml+xml" \
|
||||
"application/xml" \
|
||||
"font/eot" \
|
||||
"font/opentype" \
|
||||
"image/bmp" \
|
||||
"image/svg+xml" \
|
||||
"image/vnd.microsoft.icon" \
|
||||
"image/x-icon" \
|
||||
"text/cache-manifest" \
|
||||
"text/css" \
|
||||
"text/html" \
|
||||
"text/javascript" \
|
||||
"text/plain" \
|
||||
"text/vcard" \
|
||||
"text/vnd.rim.location.xloc" \
|
||||
"text/vtt" \
|
||||
"text/x-component" \
|
||||
"text/x-cross-domain-policy" \
|
||||
"text/xml"
|
||||
|
||||
</IfModule>
|
||||
|
||||
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
# Map the following filename extensions to the specified
|
||||
# encoding type in order to make Apache serve the file types
|
||||
# with the appropriate `Content-Encoding` response header
|
||||
# (do note that this will NOT make Apache compress them!).
|
||||
#
|
||||
# If these files types would be served without an appropriate
|
||||
# `Content-Enable` response header, client applications (e.g.:
|
||||
# browsers) wouldn't know that they first need to uncompress
|
||||
# the response, and thus, wouldn't be able to understand the
|
||||
# content.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/mod_mime.html#addencoding
|
||||
|
||||
<IfModule mod_mime.c>
|
||||
AddEncoding gzip svgz
|
||||
</IfModule>
|
||||
|
||||
</IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Content transformation |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Prevent intermediate caches or proxies (e.g.: such as the ones
|
||||
# used by mobile network providers) from modifying the website's
|
||||
# content.
|
||||
#
|
||||
# https://tools.ietf.org/html/rfc2616#section-14.9.5
|
||||
#
|
||||
# (!) If you are using `mod_pagespeed`, please note that setting
|
||||
# the `Cache-Control: no-transform` response header will prevent
|
||||
# `PageSpeed` from rewriting `HTML` files, and, if the
|
||||
# `ModPagespeedDisableRewriteOnNoTransform` directive isn't set
|
||||
# to `off`, also from rewriting other resources.
|
||||
#
|
||||
# https://developers.google.com/speed/pagespeed/module/configuration#notransform
|
||||
|
||||
# <IfModule mod_headers.c>
|
||||
# Header merge Cache-Control "no-transform"
|
||||
# </IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | ETags |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Remove `ETags` as resources are sent with far-future expires headers.
|
||||
#
|
||||
# https://developer.yahoo.com/performance/rules.html#etags
|
||||
# https://tools.ietf.org/html/rfc7232#section-2.3
|
||||
|
||||
# `FileETag None` doesn't work in all cases.
|
||||
<IfModule mod_headers.c>
|
||||
Header unset ETag
|
||||
</IfModule>
|
||||
|
||||
FileETag None
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Expires headers |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Serve resources with far-future expires headers.
|
||||
#
|
||||
# (!) If you don't control versioning with filename-based
|
||||
# cache busting, you should consider lowering the cache times
|
||||
# to something like one week.
|
||||
#
|
||||
# https://httpd.apache.org/docs/current/mod/mod_expires.html
|
||||
|
||||
<IfModule mod_expires.c>
|
||||
|
||||
ExpiresActive on
|
||||
ExpiresDefault "access plus 1 month"
|
||||
|
||||
# CSS
|
||||
ExpiresByType text/css "access plus 1 year"
|
||||
|
||||
# Data interchange
|
||||
ExpiresByType application/atom+xml "access plus 1 hour"
|
||||
ExpiresByType application/rdf+xml "access plus 1 hour"
|
||||
ExpiresByType application/rss+xml "access plus 1 hour"
|
||||
|
||||
ExpiresByType application/json "access plus 0 seconds"
|
||||
ExpiresByType application/ld+json "access plus 0 seconds"
|
||||
ExpiresByType application/schema+json "access plus 0 seconds"
|
||||
ExpiresByType application/vnd.geo+json "access plus 0 seconds"
|
||||
ExpiresByType application/xml "access plus 0 seconds"
|
||||
ExpiresByType text/xml "access plus 0 seconds"
|
||||
|
||||
# Favicon (cannot be renamed!) and cursor images
|
||||
ExpiresByType image/vnd.microsoft.icon "access plus 1 week"
|
||||
ExpiresByType image/x-icon "access plus 1 week"
|
||||
|
||||
# HTML
|
||||
ExpiresByType text/html "access plus 0 seconds"
|
||||
|
||||
# JavaScript
|
||||
ExpiresByType application/javascript "access plus 1 year"
|
||||
ExpiresByType application/x-javascript "access plus 1 year"
|
||||
ExpiresByType text/javascript "access plus 1 year"
|
||||
|
||||
# Manifest files
|
||||
ExpiresByType application/manifest+json "access plus 1 year"
|
||||
|
||||
ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds"
|
||||
ExpiresByType text/cache-manifest "access plus 0 seconds"
|
||||
|
||||
# Media files
|
||||
ExpiresByType audio/ogg "access plus 1 month"
|
||||
ExpiresByType image/bmp "access plus 1 month"
|
||||
ExpiresByType image/gif "access plus 1 month"
|
||||
ExpiresByType image/jpeg "access plus 1 month"
|
||||
ExpiresByType image/png "access plus 1 month"
|
||||
ExpiresByType image/svg+xml "access plus 1 month"
|
||||
ExpiresByType video/mp4 "access plus 1 month"
|
||||
ExpiresByType video/ogg "access plus 1 month"
|
||||
ExpiresByType video/webm "access plus 1 month"
|
||||
|
||||
# Web fonts
|
||||
|
||||
# Embedded OpenType (EOT)
|
||||
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
|
||||
ExpiresByType font/eot "access plus 1 month"
|
||||
|
||||
# OpenType
|
||||
ExpiresByType font/opentype "access plus 1 month"
|
||||
|
||||
# TrueType
|
||||
ExpiresByType application/x-font-ttf "access plus 1 month"
|
||||
|
||||
# Web Open Font Format (WOFF) 1.0
|
||||
ExpiresByType application/font-woff "access plus 1 month"
|
||||
ExpiresByType application/x-font-woff "access plus 1 month"
|
||||
ExpiresByType font/woff "access plus 1 month"
|
||||
|
||||
# Web Open Font Format (WOFF) 2.0
|
||||
ExpiresByType application/font-woff2 "access plus 1 month"
|
||||
|
||||
# Other
|
||||
ExpiresByType text/x-cross-domain-policy "access plus 1 week"
|
||||
|
||||
</IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | File concatenation |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# Allow concatenation from within specific files.
|
||||
#
|
||||
# e.g.:
|
||||
#
|
||||
# If you have the following lines in a file called, for
|
||||
# example, `main.combined.js`:
|
||||
#
|
||||
# <!--#include file="js/jquery.js" -->
|
||||
# <!--#include file="js/jquery.timer.js" -->
|
||||
#
|
||||
# Apache will replace those lines with the content of the
|
||||
# specified files.
|
||||
|
||||
# <IfModule mod_include.c>
|
||||
# <FilesMatch "\.combined\.js$">
|
||||
# Options +Includes
|
||||
# AddOutputFilterByType INCLUDES application/javascript \
|
||||
# application/x-javascript \
|
||||
# text/javascript
|
||||
# SetOutputFilter INCLUDES
|
||||
# </FilesMatch>
|
||||
# <FilesMatch "\.combined\.css$">
|
||||
# Options +Includes
|
||||
# AddOutputFilterByType INCLUDES text/css
|
||||
# SetOutputFilter INCLUDES
|
||||
# </FilesMatch>
|
||||
# </IfModule>
|
||||
|
||||
# ----------------------------------------------------------------------
|
||||
# | Filename-based cache busting |
|
||||
# ----------------------------------------------------------------------
|
||||
|
||||
# If you're not using a build process to manage your filename version
|
||||
# revving, you might want to consider enabling the following directives
|
||||
# to route all requests such as `/style.12345.css` to `/style.css`.
|
||||
#
|
||||
# To understand why this is important and even a better solution than
|
||||
# using something like `*.css?v231`, please see:
|
||||
# http://www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
|
||||
|
||||
# <IfModule mod_rewrite.c>
|
||||
# RewriteEngine On
|
||||
# RewriteCond %{REQUEST_FILENAME} !-f
|
||||
# RewriteRule ^(.+)\.(\d+)\.(bmp|css|cur|gif|ico|jpe?g|js|png|svgz?|webp)$ $1.$3 [L]
|
||||
# </IfModule>
|
||||
8
src/main/webapp/static/dist/dashboard.html
vendored
Normal file
8
src/main/webapp/static/dist/dashboard.html
vendored
Normal file
File diff suppressed because one or more lines are too long
8
src/main/webapp/static/dist/discover.html
vendored
Normal file
8
src/main/webapp/static/dist/discover.html
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
src/main/webapp/static/dist/favicon.ico
vendored
Normal file
BIN
src/main/webapp/static/dist/favicon.ico
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
src/main/webapp/static/dist/images/avatar.jpg
vendored
Normal file
BIN
src/main/webapp/static/dist/images/avatar.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
src/main/webapp/static/dist/images/logo.png
vendored
Normal file
BIN
src/main/webapp/static/dist/images/logo.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/static/dist/images/owner-default.png
vendored
Normal file
BIN
src/main/webapp/static/dist/images/owner-default.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
src/main/webapp/static/dist/images/pet-default.png
vendored
Normal file
BIN
src/main/webapp/static/dist/images/pet-default.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
src/main/webapp/static/dist/images/pet-small.png
vendored
Normal file
BIN
src/main/webapp/static/dist/images/pet-small.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
src/main/webapp/static/dist/images/veterinarian-default.jpg
vendored
Normal file
BIN
src/main/webapp/static/dist/images/veterinarian-default.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
8
src/main/webapp/static/dist/index.html
vendored
Normal file
8
src/main/webapp/static/dist/index.html
vendored
Normal file
File diff suppressed because one or more lines are too long
3
src/main/webapp/static/dist/robots.txt
vendored
Normal file
3
src/main/webapp/static/dist/robots.txt
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# robotstxt.org/
|
||||
|
||||
User-agent: *
|
||||
1
src/main/webapp/static/dist/scripts/main.js
vendored
Normal file
1
src/main/webapp/static/dist/scripts/main.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
"use strict";function scrollNav(){$(".js-scroll-nav").click(function(){return $("html, body").stop().animate({scrollTop:$($(this).attr("href")).offset().top-20},1e3),!1})}$(function(){scrollNav()});
|
||||
3
src/main/webapp/static/dist/scripts/vendor.js
vendored
Normal file
3
src/main/webapp/static/dist/scripts/vendor.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8
src/main/webapp/static/dist/show.html
vendored
Normal file
8
src/main/webapp/static/dist/show.html
vendored
Normal file
File diff suppressed because one or more lines are too long
1
src/main/webapp/static/dist/styles/main.css
vendored
Normal file
1
src/main/webapp/static/dist/styles/main.css
vendored
Normal file
File diff suppressed because one or more lines are too long
32
src/main/webapp/static/package.json
Normal file
32
src/main/webapp/static/package.json
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
{
|
||||
"name": "petclinic",
|
||||
"devDependencies": {
|
||||
"apache-server-configs": "^2.7.1",
|
||||
"grunt": "^0.4.5",
|
||||
"grunt-autoprefixer": "^1.0.0",
|
||||
"grunt-concurrent": "^0.5.0",
|
||||
"grunt-contrib-clean": "^0.6.0",
|
||||
"grunt-contrib-concat": "^0.5.0",
|
||||
"grunt-contrib-connect": "^0.8.0",
|
||||
"grunt-contrib-copy": "^0.5.0",
|
||||
"grunt-contrib-cssmin": "^0.10.0",
|
||||
"grunt-contrib-htmlmin": "^0.3.0",
|
||||
"grunt-contrib-imagemin": "^0.8.0",
|
||||
"grunt-contrib-jshint": "^0.10.0",
|
||||
"grunt-contrib-uglify": "^0.7.0",
|
||||
"grunt-contrib-watch": "^0.6.1",
|
||||
"grunt-mocha": "^0.4.10",
|
||||
"grunt-newer": "^0.7.0",
|
||||
"grunt-rev": "^0.1.0",
|
||||
"grunt-sass": "^0.14.0",
|
||||
"grunt-svgmin": "^0.4.0",
|
||||
"grunt-usemin": "^2.3.0",
|
||||
"grunt-wiredep": "^1.7.0",
|
||||
"jshint-stylish": "^0.4.0",
|
||||
"load-grunt-tasks": "^0.4.0",
|
||||
"time-grunt": "^0.4.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
}
|
||||
3
src/main/webapp/static/test/.bowerrc
Normal file
3
src/main/webapp/static/test/.bowerrc
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"directory": "bower_components"
|
||||
}
|
||||
9
src/main/webapp/static/test/bower.json
Normal file
9
src/main/webapp/static/test/bower.json
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"name": "petclinic",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"chai": "~1.8.0",
|
||||
"mocha": "~1.14.0"
|
||||
},
|
||||
"devDependencies": {}
|
||||
}
|
||||
26
src/main/webapp/static/test/index.html
Normal file
26
src/main/webapp/static/test/index.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Mocha Spec Runner</title>
|
||||
<link rel="stylesheet" href="bower_components/mocha/mocha.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="mocha"></div>
|
||||
<script src="bower_components/mocha/mocha.js"></script>
|
||||
<script>mocha.setup('bdd')</script>
|
||||
<script src="bower_components/chai/chai.js"></script>
|
||||
<script>
|
||||
var assert = chai.assert;
|
||||
var expect = chai.expect;
|
||||
var should = chai.should();
|
||||
</script>
|
||||
|
||||
<!-- include source files here... -->
|
||||
|
||||
<!-- include spec files here... -->
|
||||
<script src="spec/test.js"></script>
|
||||
|
||||
<script>mocha.run()</script>
|
||||
</body>
|
||||
</html>
|
||||
13
src/main/webapp/static/test/spec/test.js
Normal file
13
src/main/webapp/static/test/spec/test.js
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
/* global describe, it */
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
describe('Give it some context', function () {
|
||||
describe('maybe a bit more context here', function () {
|
||||
it('should run here few assertions', function () {
|
||||
|
||||
});
|
||||
});
|
||||
});
|
||||
})();
|
||||
Loading…
Reference in a new issue