aschwarz/survey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Registrierung angepasst. Lottie json

Browse Source
This commit is contained in:
aschwarz 2023-04-30 20:08:28 +02:00
parent b368669102
commit 15284f8138
3 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
media/register.json Normal file
View File

File diff suppressed because one or more lines are too long

2
templates/modern/dashboard/login.html
View File

@ -96,7 +96,7 @@ $(document).ready(function(){
</div>
</div>
</div>
<div class="lottie-container" id="lottie-container"></div>
<!--<div class="lottie-container" id="lottie-container"></div>-->
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),

28
templates/modern/selfregistration/index.html
View File

@ -11,19 +11,32 @@
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 40px;
left: 0;
right: 0;
bottom: 20px;
height: 80px;
pointer-events: none;
}
</style>
</head>
<body>
<br>
<main>
<!--Anwendung-->
<script src="../js/components/selfregistration.js"></script>
<div class="lottie-container" id="lottie-container"></div>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
JU & MI Registrierung
Melde dich zum Jugendchor an!
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
@ -71,6 +84,15 @@
<div id="msg"></div>
<div id="msg1"></div>
</div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/register.json'
});
</script>
</main>
</div>
</body>