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:url" content="{{url}}">
|
||||||
<meta name="twitter:image" content="/img/brand/logo.png">
|
<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 -->
|
<!-- Fav Icon -->
|
||||||
<link href="/static/modules/core/img/brand/favicon.ico" rel="shortcut icon" type="image/x-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">
|
<link rel="stylesheet" href="/static/lib/font-awesome/css/font-awesome.min.css">
|
||||||
|
@ -40,6 +59,7 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<link rel="stylesheet" href="/static/lib/angular-input-stars/angular-input-stars.css">
|
<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"/>
|
<link rel="stylesheet" href="/static/lib/jquery-ui/themes/flick/jquery-ui.min.css"/>
|
||||||
|
|
||||||
<!-- end Bower CSS dependencies-->
|
<!-- end Bower CSS dependencies-->
|
||||||
|
|
||||||
<!--Application CSS Files-->
|
<!--Application CSS Files-->
|
||||||
|
@ -56,6 +76,8 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body ng-cloak>
|
<body ng-cloak>
|
||||||
|
<div class="loader"></div>
|
||||||
|
|
||||||
|
|
||||||
<section class="content">
|
<section class="content">
|
||||||
<section ui-view></section>
|
<section ui-view></section>
|
||||||
|
@ -82,7 +104,6 @@
|
||||||
|
|
||||||
<!--Socket.io Client Dependency-->
|
<!--Socket.io Client Dependency-->
|
||||||
<script src="/static/lib/socket.io-client/dist/socket.io.min.js" async></script>
|
<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/lib/jquery/dist/jquery.min.js" type="text/javascript"></script>
|
||||||
|
|
||||||
<script src="/static/dist/vendor.min.js"></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