Skip to content

Commit da52bbe

Browse files
robharroprobharrop
committed
Added basic angular app - no tests so far
1 parent f9ab671 commit da52bbe

File tree

12 files changed

+24155
-0
lines changed

12 files changed

+24155
-0
lines changed

‎src/main/webapp/css/bootstrap.css‎

Lines changed: 6158 additions & 0 deletions
Large diffs are not rendered by default.

‎src/main/webapp/css/toastr.css‎

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
.toast-title {
2+
font-weight: bold;
3+
}
4+
.toast-message {
5+
-ms-word-wrap: break-word;
6+
word-wrap: break-word;
7+
}
8+
.toast-message a,
9+
.toast-message label {
10+
color: #ffffff;
11+
}
12+
.toast-message a:hover {
13+
color: #cccccc;
14+
text-decoration: none;
15+
}
16+
.toast-top-full-width {
17+
top: 0;
18+
right: 0;
19+
width: 100%;
20+
}
21+
.toast-bottom-full-width {
22+
bottom: 0;
23+
right: 0;
24+
width: 100%;
25+
}
26+
.toast-top-left {
27+
top: 12px;
28+
left: 12px;
29+
}
30+
.toast-top-right {
31+
top: 12px;
32+
right: 12px;
33+
}
34+
.toast-bottom-right {
35+
right: 12px;
36+
bottom: 12px;
37+
}
38+
.toast-bottom-left {
39+
bottom: 12px;
40+
left: 12px;
41+
}
42+
#toast-container {
43+
position: fixed;
44+
z-index: 999999;
45+
}
46+
#toast-container * {
47+
-moz-box-sizing: border-box;
48+
-webkit-box-sizing: border-box;
49+
box-sizing: border-box;
50+
}
51+
#toast-container > div {
52+
margin: 0 0 6px;
53+
padding: 15px 15px 15px 50px;
54+
width: 300px;
55+
-moz-border-radius: 3px 3px 3px 3px;
56+
-webkit-border-radius: 3px 3px 3px 3px;
57+
border-radius: 3px 3px 3px 3px;
58+
background-position: 15px center;
59+
background-repeat: no-repeat;
60+
-moz-box-shadow: 0 0 12px #999999;
61+
-webkit-box-shadow: 0 0 12px #999999;
62+
box-shadow: 0 0 12px #999999;
63+
color: #ffffff;
64+
opacity: 0.8;
65+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
66+
filter: alpha(opacity=80);
67+
}
68+
#toast-container > :hover {
69+
-moz-box-shadow: 0 0 12px #000000;
70+
-webkit-box-shadow: 0 0 12px #000000;
71+
box-shadow: 0 0 12px #000000;
72+
opacity: 1;
73+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
74+
filter: alpha(opacity=100);
75+
cursor: pointer;
76+
}
77+
#toast-container > .toast-info {
78+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
79+
}
80+
#toast-container > .toast-error {
81+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
82+
}
83+
#toast-container > .toast-success {
84+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
85+
}
86+
#toast-container > .toast-warning {
87+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
88+
}
89+
#toast-container.toast-top-full-width > div,
90+
#toast-container.toast-bottom-full-width > div {
91+
width: 96%;
92+
margin: auto;
93+
}
94+
.toast {
95+
background-color: #030303;
96+
}
97+
.toast-success {
98+
background-color: #51a351;
99+
}
100+
.toast-error {
101+
background-color: #bd362f;
102+
}
103+
.toast-info {
104+
background-color: #2f96b4;
105+
}
106+
.toast-warning {
107+
background-color: #f89406;
108+
}
109+
/*Responsive Design*/
110+
@media all and (max-width: 240px) {
111+
#toast-container > div {
112+
padding: 8px 8px 8px 50px;
113+
width: 108px;
114+
}
115+
}
116+
@media all and (min-width: 241px) and (max-width: 320px) {
117+
#toast-container > div {
118+
padding: 8px 8px 8px 50px;
119+
width: 128px;
120+
}
121+
}
122+
@media all and (min-width: 321px) and (max-width: 480px) {
123+
#toast-container > div {
124+
padding: 8px 8px 8px 50px;
125+
width: 192px;
126+
}
127+
}
128+
@media all and (min-width: 481px) and (max-width: 768px) {
129+
#toast-container > div {
130+
padding: 15px 15px 15px 50px;
131+
width: 300px;
132+
}
133+
}

‎src/main/webapp/img/glyphicons-halflings-white.png‎

8.57 KB
Loading

‎src/main/webapp/img/glyphicons-halflings.png‎

12.5 KB
Loading

‎src/main/webapp/index.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!DOCTYPE html>
2+
<html ng-app="sprang">
3+
<head>
4+
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
5+
<link rel="stylesheet" href="/css/bootstrap.css"/>
6+
<link rel="stylesheet" href="/css/toastr.css"/>
7+
<style>
8+
body {
9+
padding-top: 60px;
10+
}
11+
</style>
12+
<title>Spring AngularJS</title>
13+
</head>
14+
<body>
15+
<div class="navbar navbar-inverse navbar-fixed-top">
16+
<div class="navbar-inner">
17+
<div class="container">
18+
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
19+
<span class="icon-bar"></span>
20+
<span class="icon-bar"></span>
21+
<span class="icon-bar"></span>
22+
</button>
23+
<a class="brand" href="#">Spring AngularJS</a>
24+
25+
<div class="nav-collapse collapse">
26+
<ul class="nav" role="navigation">
27+
<li>
28+
<a href="#/books">Books</a>
29+
</li>
30+
</ul>
31+
</div>
32+
<!--/.nav-collapse -->
33+
</div>
34+
</div>
35+
</div>
36+
37+
<div class="container" ng-view>
38+
39+
</div>
40+
41+
<script src="//code.jquery.com/jquery.js"></script>
42+
<!-- <script src="//code.jquery.com/ui/1.10.2/jquery-ui.js"></script> -->
43+
<script src="/js/bootstrap.js"></script>
44+
<script src="/js/angular.js"></script>
45+
<script src="/js/angular-resource.js"></script>
46+
<script src="/js/toastr.js"></script>
47+
<script src="/js/app.js"></script>
48+
</body>
49+
</html>

0 commit comments

Comments
 (0)