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>
</div> </div>
<div class="lottie-container" id="lottie-container"></div> <!--<div class="lottie-container" id="lottie-container"></div>-->
<script type="text/javascript"> <script type="text/javascript">
var item = bodymovin.loadAnimation({ var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'), 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> <script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css"> <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"> <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> </head>
<body> <body>
<br> <br>
<main> <main>
<!--Anwendung--> <!--Anwendung-->
<script src="../js/components/selfregistration.js"></script> <script src="../js/components/selfregistration.js"></script>
<div class="lottie-container" id="lottie-container"></div>
<div class="container-fluid"> <div class="container-fluid">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<i class="fa-solid fa-user"></i>
JU & MI Registrierung Melde dich zum Jugendchor an!
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4"> <div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
@ -71,6 +84,15 @@
<div id="msg"></div> <div id="msg"></div>
<div id="msg1"></div> <div id="msg1"></div>
</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> </main>
</div> </div>
</body> </body>