Permalink
Browse files

added loading animation

  • Loading branch information...
1 parent 30d18f4 commit 94acb5a7065b01adc9385d7e8f275ab27b2b1489 @davidcornu committed Aug 22, 2011
View
47 css/styles.css
@@ -45,32 +45,41 @@ textarea{
min-height: 60px;
}
+.loading{
+ display: block;
+ height: 20px;
+ width: 29px;
+ background: url(../img/loading.gif) no-repeat;
+ float: right;
+ display: none;
+}
+
a.back{
display: inline-block;
- border: 1px solid #002AAB;
+ border: 1px solid #8E180F;
-webkit-border-radius: 5px;
font-size: 12px;
padding: 4px 8px;
vertical-align: top;
margin-left: -5px;
margin-right: 3px;
background-image: -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(1, #0C38F4),
- color-stop(0, #001DB8)
+ linear,
+ left bottom,
+ left top,
+ from(#9C1A10),
+ to(#DE271B)
);
}
a.back:active{
border-color: #3B5495;
background-image: -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(1, #728DEB),
- color-stop(0, #3E53A3)
+ linear,
+ left bottom,
+ left top,
+ from(#883531)
+ to(#D76561),
);
}
@@ -91,7 +100,7 @@ a.back:active{
color: white;
font-weight: normal;
margin: 0;
- background: blue;
+ background: #ed1c24;
}
.users ul, .projects ul{
@@ -109,8 +118,14 @@ a.back:active{
}
.users ul li.selected, .projects ul li.selected{
- background: -webkit-gradient(linear, left top, left bottom, from(#058CF5), to(#015DE6)) !important;
- border-color: #058CF5 !important;
+ background: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(#DF2619),
+ to(#CE2316)
+ ) !important;
+ border-color: #DF2619 !important;
color: white;
}
@@ -137,7 +152,7 @@ a.back:active{
}
.issues .header{
- background: blue;
+ background: #ed1c24;
}
.issues .header h1{
@@ -160,7 +175,7 @@ a.back:active{
padding: 6px 12px;
font-size: 12px;
margin: 0;
- background: #4275FF;
+ background: #F07A6C;
-webkit-border-radius: 5px 5px 0 0;
border: 0;
color: white;
View
BIN extras/loading/animation.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/animation.xcf
Binary file not shown.
View
BIN extras/loading/frame-01.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-02.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-03.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-04.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-05.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-06.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-07.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-08.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-09.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-10.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-11.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN extras/loading/frame-12.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
1,366 extras/loading/loading.ai
1,366 additions, 0 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
View
BIN img/loading.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
5 index.html
@@ -16,7 +16,7 @@
<!-- Templates -->
<script type="text/template" id="user-menu-template">
- <h1>Select User</h1>
+ <h1>Select User<div class="loading"></div></h1>
<ul>
<li class="new">New User</li>
</ul>
@@ -31,6 +31,7 @@
<h1>
<a class='back'>Back</a>
New User
+ <div class="loading"></div>
</h1>
<div class="content">
<p>Please copy and paste your Redmine API key below.</p>
@@ -45,6 +46,7 @@
<h1>
<a class='back'>Back</a>
Select Project
+ <div class="loading"></div>
</h1>
<ul></ul>
</script>
@@ -59,6 +61,7 @@
<h1>
<a class='back'>Back</a>
<%= window.current_project.get("name") %>
+ <div class="loading"></div>
</h1>
<ul class="nav">
<li class="current all">All</li>
View
7 js/App.js
@@ -38,12 +38,19 @@ window.Controller = Backbone.Router.extend({
});
$(function(){
+ // Start Controller
window.app = new Controller();
Backbone.history.start();
+
+ // Handle Click Events
if(_(window.Touch).isUndefined()){
$(window).click(function(event){
$(event.target).trigger("touchstart");
});
}
+
+ // Show Loading
+ $.ajaxSettings.beforeSend = function(){ $('.loading').show(); }
+ $.ajaxSettings.complete = function(){ $('loading').hide(); }
});

0 comments on commit 94acb5a

Please sign in to comment.