added loading animation to forms
This commit is contained in:
parent
005ed4c820
commit
1ec65b6158
|
@ -30,6 +30,25 @@
|
|||
<meta name="twitter:url" content="{{url}}">
|
||||
<meta name="twitter:image" content="/img/brand/logo.png">
|
||||
|
||||
<style>
|
||||
.loader {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background: url('/static/dist/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="/static/lib/jquery/dist/jquery.slim.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
$(window).on("load", function() {
|
||||
$(".loader").fadeOut("slow");
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Fav Icon -->
|
||||
<link href="/static/modules/core/img/brand/favicon.ico" rel="shortcut icon" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/static/lib/font-awesome/css/font-awesome.min.css">
|
||||
|
@ -40,6 +59,7 @@
|
|||
{% endfor %}
|
||||
<link rel="stylesheet" href="/static/lib/angular-input-stars/angular-input-stars.css">
|
||||
<link rel="stylesheet" href="/static/lib/jquery-ui/themes/flick/jquery-ui.min.css"/>
|
||||
|
||||
<!-- end Bower CSS dependencies-->
|
||||
|
||||
<!--Application CSS Files-->
|
||||
|
@ -56,6 +76,8 @@
|
|||
</head>
|
||||
|
||||
<body ng-cloak>
|
||||
<div class="loader"></div>
|
||||
|
||||
|
||||
<section class="content">
|
||||
<section ui-view></section>
|
||||
|
@ -82,7 +104,6 @@
|
|||
|
||||
<!--Socket.io Client Dependency-->
|
||||
<script src="/static/lib/socket.io-client/dist/socket.io.min.js" async></script>
|
||||
|
||||
<script src="/static/lib/jquery/dist/jquery.min.js" type="text/javascript"></script>
|
||||
|
||||
<script src="/static/dist/vendor.min.js"></script>
|
||||
|
|
BIN
public/dist/page-loader.gif
vendored
Normal file
BIN
public/dist/page-loader.gif
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 46 KiB |
Loading…
Reference in a new issue