loviuz/openstamanager
loviuz/openstamanager
1
0
Fork 0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-02-23 06:47:40 +01:00
Code Issues Releases Activity

feat: ✨ Aggiunto alert con animazioni

Browse Source
This commit is contained in:
Maicol Battistini 2021-11-09 15:29:28 +01:00
parent 8094179f38
commit 04d93c3483
No known key found for this signature in database
GPG Key ID: 4FDB0F87CDB1D34A
9 changed files with 3568 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -50,6 +50,7 @@
"lit": "^2.0.2",
"locale-code": "^2.0.2",
"lodash-es": "^4.17.21",
"lottie-web": "^5.8.0",
"mithril": "^2.0.4",
"mithril-node-render": "^3.0.2",
"modern-normalize": "^1.1.0",

6
pnpm-lock.yaml generated
View File

@ -69,6 +69,7 @@ specifiers:
lit: ^2.0.2
locale-code: ^2.0.2
lodash-es: ^4.17.21
lottie-web: ^5.8.0
mithril: ^2.0.4
mithril-node-render: ^3.0.2
modern-normalize: ^1.1.0
@ -119,6 +120,7 @@ dependencies:
lit: 2.0.2
locale-code: 2.0.2
lodash-es: 4.17.21
lottie-web: 5.8.0
mithril: 2.0.4
mithril-node-render: 3.0.2_mithril@2.0.4
modern-normalize: 1.1.0
@ -5034,6 +5036,10 @@ packages:
js-tokens: 4.0.0
dev: true
/lottie-web/5.8.0:
resolution: {integrity: sha512-MieQQXm1TvRfsa0IEqd+R9EZ+2IxKHETOh6tuooP526BF42BrPtrA1oIPOWatNinB9eIaUzN40ZWD0TjyQz5Yw==}
dev: false
/lru-cache/6.0.0:
resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
engines: {node: '>=10'}

72
resources/js/Components/Alert.jsx Normal file
View File

@ -0,0 +1,72 @@
import {type Cash} from 'cash-dom/dist/cash';
import {uniqueId} from 'lodash-es';
import Lottie from 'lottie-web';
import {type ClassComponent} from 'mithril';
import Component from './Component.jsx';
export default class Alert extends Component implements ClassComponent<{
heading?: string,
icon?: string,
image?: string,
'image-width'?: string | number,
'image-height'?: string | number,
'image-alt'?: string,
trigger?: string,
open?: boolean
}> {
view(vnode) {
const image = {
src: this.attrs.pull('image'),
width: this.attrs.pull('image-width', '125px'),
height: this.attrs.pull('image-height', '125px'),
alt: this.attrs.pull('image-alt')
};
const actions = [];
for (const child of vnode.children) {
if (child.attrs && child.attrs.slot && ['primaryAction', 'secondaryAction'].includes(child.attrs.slot)) {
actions.push(child);
const index = vnode.children.indexOf(child);
vnode.children.splice(index, 1);
}
}
return (
<mwc-dialog {...this.attrs.all()}>
<div className="graphic" style={`width: ${image.width}; height: ${image.height}; margin: 0 auto;`}>
{image.src && <img src={image.src} alt={image.alt}/>}
</div>
<div className="content">
{vnode.children}
</div>
<mwc-button label={__('OK')} slot="primaryAction" dialogAction="ok"/>
${actions}
</mwc-dialog>
);
}
oninit() {
if (this.attrs.get('id')) {
this.attrs.put('id', uniqueId('dialog_'));
}
}
oncreate(vnode) {
const dialog: Cash = $(`#${this.attrs.get('id')}`);
const animation = Lottie.loadAnimation({
container: dialog.find('.graphic')[0],
renderer: 'svg',
loop: false,
autoplay: false,
path: new URL(`./animations/${this.attrs.pull('icon')}.png`, import.meta.url).href
});
dialog.on('opened', () => {
animation.play();
});
}
}

1
resources/js/Components/index.js vendored
View File

@ -1,5 +1,6 @@
// noinspection JSUnusedGlobalSymbols
export {default as Alert} from './Alert.jsx';
export * from './Card';
export { default as Component } from './Component.jsx';
export * from './DataTable';

871
resources/static/animations/error.json Normal file
View File

@ -0,0 +1,871 @@
{
"v": "5.4.4",
"fr": 60,
"ip": 0,
"op": 89,
"w": 100,
"h": 100,
"nm": "Fail",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 3,
"nm": "▽ Group 6",
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
50,
50,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
42,
42,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100,
100
],
"ix": 6
}
},
"ao": 0,
"ip": 0,
"op": 3600,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 2,
"ty": 4,
"nm": "Combined Shape",
"parent": 1,
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
41.953,
42,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 29,
"s": [
100,
100,
100
],
"e": [
110,
110,
100
]
},
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 35,
"s": [
110,
110,
100
],
"e": [
100,
100,
100
]
},
{
"t": 41
}
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
0,
0
],
[
0,
0
]
],
"o": [
[
0,
0
],
[
0,
0
]
],
"v": [
[
-6.977,
7
],
[
6.973,
-7
]
],
"c": false
},
"ix": 2
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
0,
0
],
[
0,
0
]
],
"o": [
[
0,
0
],
[
0,
0
]
],
"v": [
[
-6.977,
7
],
[
6.973,
-7
]
],
"c": false
},
"ix": 2
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": -90,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Group 1",
"np": 1,
"cix": 2,
"bm": 0,
"ix": 2,
"mn": "ADBE Vector Group",
"hd": false
},
{
"ty": "mm",
"mm": 2,
"nm": "Merge Paths 1",
"mn": "ADBE Vector Filter - Merge",
"hd": false
},
{
"ty": "st",
"c": {
"a": 0,
"k": [
1,
1,
1,
1
],
"ix": 3
},
"o": {
"a": 0,
"k": 100,
"ix": 4
},
"w": {
"a": 0,
"k": 4,
"ix": 5
},
"lc": 2,
"lj": 2,
"bm": 0,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
200,
200
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Combined Shape",
"np": 4,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
},
{
"ty": "tm",
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 28,
"s": [
80
],
"e": [
0
]
},
{
"t": 42
}
],
"ix": 1
},
"e": {
"a": 0,
"k": 80,
"ix": 2
},
"o": {
"a": 0,
"k": 40,
"ix": 3
},
"m": 1,
"ix": 2,
"nm": "Trim Paths 1",
"mn": "ADBE Vector Filter - Trim",
"hd": false
}
],
"ip": 0,
"op": 3600,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 3,
"ty": 4,
"nm": "Rectangle 6 Copy",
"parent": 1,
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
42,
42,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 12,
"s": [
100,
100,
100
],
"e": [
110,
110,
100
]
},
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 18,
"s": [
110,
110,
100
],
"e": [
100,
100,
100
]
},
{
"t": 24
}
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ty": "rc",
"d": 1,
"s": {
"a": 0,
"k": [
42,
42
],
"ix": 2
},
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 3
},
"r": {
"a": 0,
"k": 21,
"ix": 4
},
"nm": "Rectangle Path 1",
"mn": "ADBE Vector Shape - Rect",
"hd": false
},
{
"ty": "tm",
"s": {
"a": 0,
"k": 0,
"ix": 1
},
"e": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 0,
"s": [
0
],
"e": [
100
]
},
{
"t": 12
}
],
"ix": 2
},
"o": {
"a": 0,
"k": -90,
"ix": 3
},
"m": 1,
"ix": 2,
"nm": "Trim Paths 1",
"mn": "ADBE Vector Filter - Trim",
"hd": false
},
{
"ty": "st",
"c": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 16,
"s": [
0.792938113213,
0.722438514233,
0.722438514233,
1
],
"e": [
0.803921580315,
0.313725501299,
0.313725501299,
1
]
},
{
"t": 24
}
],
"ix": 3
},
"o": {
"a": 0,
"k": 100,
"ix": 4
},
"w": {
"a": 0,
"k": 2,
"ix": 5
},
"lc": 2,
"lj": 1,
"ml": 4,
"bm": 0,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [
0.805166006088,
0.31542301178,
0.31542301178,
1
],
"ix": 4
},
"o": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 19,
"s": [
0
],
"e": [
100
]
},
{
"t": 24
}
],
"ix": 5
},
"r": 1,
"bm": 0,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
200,
200
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Rectangle 6 Copy",
"np": 4,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 3600,
"st": 0,
"bm": 0
}
],
"markers": []
}

877
resources/static/animations/info.json Normal file
View File

@ -0,0 +1,877 @@
{
"v": "5.4.3",
"fr": 30,
"ip": 0,
"op": 40,
"w": 80,
"h": 80,
"nm": "Info anim",
"ddd": 0,
"assets": [],
"fonts": {
"list": [
{
"origin": 0,
"fPath": "",
"fClass": "",
"fFamily": "Times New Roman",
"fWeight": "",
"fStyle": "Bold Italic",
"fName": "TimesNewRomanPS-BoldItalicMT",
"ascent": 68.3364868164063
}
]
},
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 5,
"nm": "i",
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
40,
40,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
5.089,
-12.498,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.189,
0.189,
0.667
],
"y": [
1.002,
1.002,
1
]
},
"o": {
"x": [
0.423,
0.423,
0.333
],
"y": [
0.228,
0.228,
0
]
},
"n": [
"0p189_1p002_0p423_0p228",
"0p189_1p002_0p423_0p228",
"0p667_1_0p333_0"
],
"t": 29,
"s": [
0,
0,
100
],
"e": [
130.302,
130.302,
100
]
},
{
"t": 37
}
],
"ix": 6
}
},
"ao": 0,
"t": {
"d": {
"k": [
{
"s": {
"s": 36,
"f": "TimesNewRomanPS-BoldItalicMT",
"t": "i",
"j": 0,
"tr": 0,
"lh": 43.2,
"ls": 0,
"fc": [
0.922,
0.922,
0.922
]
},
"t": 0
}
]
},
"p": {},
"m": {
"g": 1,
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 2
}
},
"a": []
},
"ip": 0,
"op": 40,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 2,
"ty": 4,
"nm": "Circle Flash",
"sr": 1,
"ks": {
"o": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"n": [
"0p833_0p833_0p167_0p167"
],
"t": 25,
"s": [
0
],
"e": [
98
]
},
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"n": [
"0p833_0p833_0p167_0p167"
],
"t": 30,
"s": [
98
],
"e": [
0
]
},
{
"t": 38
}
],
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
40,
40,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.667,
0.667,
0.667
],
"y": [
1,
1,
1
]
},
"o": {
"x": [
0.333,
0.333,
0.333
],
"y": [
0,
0,
0
]
},
"n": [
"0p667_1_0p333_0",
"0p667_1_0p333_0",
"0p667_1_0p333_0"
],
"t": 25,
"s": [
0,
0,
100
],
"e": [
100,
100,
100
]
},
{
"t": 30
}
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"d": 1,
"ty": "el",
"s": {
"a": 0,
"k": [
64,
64
],
"ix": 2
},
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 3
},
"nm": "Ellipse Path 1",
"mn": "ADBE Vector Shape - Ellipse",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [
0.345098048449,
0.329411774874,
1.047058820724,
1
],
"ix": 4
},
"o": {
"a": 0,
"k": 100,
"ix": 5
},
"r": 1,
"bm": 0,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
}
],
"ip": 0,
"op": 40,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 3,
"ty": 4,
"nm": "Circle Stroke",
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
39.022,
39.022,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.667,
0.667,
0.667
],
"y": [
1,
1,
1
]
},
"o": {
"x": [
0.333,
0.333,
0.333
],
"y": [
0,
0,
0
]
},
"n": [
"0p667_1_0p333_0",
"0p667_1_0p333_0",
"0p667_1_0p333_0"
],
"t": 16,
"s": [
100,
100,
100
],
"e": [
80,
80,
100
]
},
{
"i": {
"x": [
0.667,
0.667,
0.667
],
"y": [
1,
1,
1
]
},
"o": {
"x": [
0.333,
0.333,
0.333
],
"y": [
0,
0,
0
]
},
"n": [
"0p667_1_0p333_0",
"0p667_1_0p333_0",
"0p667_1_0p333_0"
],
"t": 22,
"s": [
80,
80,
100
],
"e": [
120,
120,
100
]
},
{
"i": {
"x": [
0.667,
0.667,
0.667
],
"y": [
1,
1,
1
]
},
"o": {
"x": [
0.333,
0.333,
0.333
],
"y": [
0,
0,
0
]
},
"n": [
"0p667_1_0p333_0",
"0p667_1_0p333_0",
"0p667_1_0p333_0"
],
"t": 25,
"s": [
120,
120,
100
],
"e": [
100,
100,
100
]
},
{
"t": 29
}
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"d": 1,
"ty": "el",
"s": {
"a": 0,
"k": [
60,
60
],
"ix": 2
},
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 3
},
"nm": "Ellipse Path 1",
"mn": "ADBE Vector Shape - Ellipse",
"hd": false
},
{
"ty": "tm",
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.667
],
"y": [
1
]
},
"o": {
"x": [
0.333
],
"y": [
0
]
},
"n": [
"0p667_1_0p333_0"
],
"t": 0,
"s": [
0
],
"e": [
100
]
},
{
"t": 16
}
],
"ix": 1
},
"e": {
"a": 0,
"k": 0,
"ix": 2
},
"o": {
"a": 0,
"k": 0,
"ix": 3
},
"m": 1,
"ix": 2,
"nm": "Trim Paths 1",
"mn": "ADBE Vector Filter - Trim",
"hd": false
},
{
"ty": "st",
"c": {
"a": 0,
"k": [
0.078431375325,
0.239215686917,
0.800000011921,
1
],
"ix": 3
},
"o": {
"a": 0,
"k": 100,
"ix": 4
},
"w": {
"a": 0,
"k": 3,
"ix": 5
},
"lc": 2,
"lj": 2,
"bm": 0,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0.978,
0.978
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Ellipse 1",
"np": 3,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 40,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 4,
"ty": 4,
"nm": "Circle Blue Fill",
"sr": 1,
"ks": {
"o": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"n": [
"0p833_0p833_0p167_0p167"
],
"t": 21,
"s": [
0
],
"e": [
98
]
},
{
"t": 28
}
],
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
40,
40,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.667,
0.667,
0.667
],
"y": [
1,
1,
1
]
},
"o": {
"x": [
0.333,
0.333,
0.333
],
"y": [
0,
0,
0
]
},
"n": [
"0p667_1_0p333_0",
"0p667_1_0p333_0",
"0p667_1_0p333_0"
],
"t": 21,
"s": [
0,
0,
100
],
"e": [
100,
100,
100
]
},
{
"t": 28
}
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"d": 1,
"ty": "el",
"s": {
"a": 0,
"k": [
64,
64
],
"ix": 2
},
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 3
},
"nm": "Ellipse Path 1",
"mn": "ADBE Vector Shape - Ellipse",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [
0.078431375325,
0.239215686917,
0.800000011921,
1
],
"ix": 4
},
"o": {
"a": 0,
"k": 100,
"ix": 5
},
"r": 1,
"bm": 0,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
}
],
"ip": 0,
"op": 40,
"st": 0,
"bm": 0
}
],
"markers": []
}

995
resources/static/animations/question.json Normal file
View File

@ -0,0 +1,995 @@
{
"v": "5.4.4",
"fr": 60,
"ip": 0,
"op": 132,
"w": 100,
"h": 100,
"nm": "Question 2",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "? Outlines",
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
50.713,
49.149,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
-0.214,
-10.242,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 61,
"s": [
200,
200,
100
],
"e": [
210,
210,
100
]
},
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 71,
"s": [
210,
210,
100
],
"e": [
200,
200,
100
]
},
{
"t": 80
}
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
0,
0
],
[
0,
0
],
[
0,
0
],
[
0,
3.203
],
[
4.23,
0
],
[
0.242,
-3.897
],
[
0,
0
],
[
-1.601,
0
],
[
0,
-1.541
],
[
1.692,
0
],
[
0,
0
]
],
"o": [
[
0,
0
],
[
0,
0
],
[
3.565,
-0.483
],
[
0,
-3.988
],
[
-4.592,
0
],
[
0,
0
],
[
0.121,
-1.45
],
[
1.601,
0
],
[
0,
1.662
],
[
0,
0
],
[
0,
0
]
],
"v": [
[
-2.556,
-6.617
],
[
1.16,
-6.617
],
[
1.311,
-8.369
],
[
7.142,
-14.17
],
[
-0.199,
-20.816
],
[
-7.571,
-14.351
],
[
-2.828,
-14.351
],
[
-0.048,
-16.738
],
[
2.61,
-14.17
],
[
-0.381,
-11.541
],
[
-2.858,
-11.541
]
],
"c": true
},
"ix": 2
},
"nm": "?",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ind": 1,
"ty": "sh",
"ix": 2,
"ks": {
"a": 0,
"k": {
"i": [
[
-1.42,
0
],
[
0,
1.45
],
[
1.45,
0
],
[
0,
-1.45
]
],
"o": [
[
1.45,
0
],
[
0,
-1.45
],
[
-1.42,
0
],
[
0,
1.45
]
],
"v": [
[
-0.834,
0.332
],
[
1.825,
-2.206
],
[
-0.834,
-4.743
],
[
-3.462,
-2.206
]
],
"c": true
},
"ix": 2
},
"nm": "?",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "mm",
"mm": 1,
"nm": "Merge Paths 1",
"mn": "ADBE Vector Filter - Merge",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [
1,
1,
1,
1
],
"ix": 4
},
"o": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 61,
"s": [
0
],
"e": [
100
]
},
{
"t": 71
}
],
"ix": 5
},
"r": 1,
"bm": 0,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "?",
"np": 5,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
},
{
"ty": "tm",
"s": {
"a": 0,
"k": 0,
"ix": 1
},
"e": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 37,
"s": [
0
],
"e": [
100
]
},
{
"t": 61
}
],
"ix": 2
},
"o": {
"a": 0,
"k": 0,
"ix": 3
},
"m": 1,
"ix": 2,
"nm": "Trim Paths 1",
"mn": "ADBE Vector Filter - Trim",
"hd": false
},
{
"ty": "st",
"c": {
"a": 0,
"k": [
1,
1,
1,
1
],
"ix": 3
},
"o": {
"a": 0,
"k": 100,
"ix": 4
},
"w": {
"a": 0,
"k": 1,
"ix": 5
},
"lc": 1,
"lj": 1,
"ml": 4,
"bm": 0,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke",
"hd": false
}
],
"ip": 0,
"op": 132,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 3,
"ty": 3,
"nm": "▽ Group 6",
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
50,
50,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
42,
42,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100,
100
],
"ix": 6
}
},
"ao": 0,
"ip": 0,
"op": 132,
"st": 0,
"bm": 0
},
{
"ddd": 0,
"ind": 4,
"ty": 4,
"nm": "Rectangle 6 Copy",
"parent": 3,
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
42,
42,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 21,
"s": [
100,
100,
100
],
"e": [
110,
110,
100
]
},
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 29,
"s": [
110,
110,
100
],
"e": [
100,
100,
100
]
},
{
"t": 36
}
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ty": "rc",
"d": 1,
"s": {
"a": 0,
"k": [
42,
42
],
"ix": 2
},
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 3
},
"r": {
"a": 0,
"k": 21,
"ix": 4
},
"nm": "Rectangle Path 1",
"mn": "ADBE Vector Shape - Rect",
"hd": false
},
{
"ty": "tm",
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 0,
"s": [
0
],
"e": [
100
]
},
{
"t": 22
}
],
"ix": 1
},
"e": {
"a": 0,
"k": 0,
"ix": 2
},
"o": {
"a": 0,
"k": -90,
"ix": 3
},
"m": 1,
"ix": 2,
"nm": "Trim Paths 1",
"mn": "ADBE Vector Filter - Trim",
"hd": false
},
{
"ty": "st",
"c": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 13,
"s": [
0.739966273308,
0.729320108891,
0.709304392338,
1
],
"e": [
0.960784316063,
0.694117665291,
0.196078434587,
1
]
},
{
"t": 22
}
],
"ix": 3
},
"o": {
"a": 0,
"k": 100,
"ix": 4
},
"w": {
"a": 0,
"k": 2,
"ix": 5
},
"lc": 2,
"lj": 1,
"ml": 4,
"bm": 0,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [
0.95318198204,
0.690923988819,
0.256040006876,
1
],
"ix": 4
},
"o": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 21,
"s": [
1
],
"e": [
100
]
},
{
"t": 26
}
],
"ix": 5
},
"r": 1,
"bm": 0,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
200,
200
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Rectangle 6 Copy",
"np": 4,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 132,
"st": 0,
"bm": 0
}
],
"markers": []
}

1
resources/static/animations/success.json Normal file
View File

File diff suppressed because one or more lines are too long

744
resources/static/animations/warning.json Normal file
View File

@ -0,0 +1,744 @@
{
"v": "5.5.7",
"meta": {
"g": "LottieFiles AE 0.1.20",
"a": "",
"k": "",
"d": "",
"tc": ""
},
"fr": 24,
"ip": 0,
"op": 120,
"w": 875,
"h": 875,
"nm": "Warning",
"ddd": 0,
"assets": [],
"fonts": {
"list": [
{
"fName": "ArialRoundedMTBold",
"fFamily": "Arial Rounded MT Bold",
"fStyle": "Regular",
"ascent": 74.0203857421875
}
]
},
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 5,
"nm": "!",
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 0,
"k": 0,
"ix": 10
},
"p": {
"a": 0,
"k": [
433.487,
622.91,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
13.487,
0.91,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.667,
0.667,
0.667
],
"y": [
1,
1,
1
]
},
"o": {
"x": [
0.333,
0.333,
0.333
],
"y": [
0,
0,
0
]
},
"t": 19,
"s": [
0,
0,
100
]
},
{
"i": {
"x": [
0.667,
0.667,
0.667
],
"y": [
1,
1,
1
]
},
"o": {
"x": [
0.333,
0.333,
0.333
],
"y": [
0,
0,
0
]
},
"t": 26,
"s": [
623.568,
623.568,
100
]
},
{
"t": 32,
"s": [
541,
541,
100
]
}
],
"ix": 6
}
},
"ao": 0,
"t": {
"d": {
"k": [
{
"s": {
"s": 81,
"f": "ArialRoundedMTBold",
"t": "!",
"j": 0,
"tr": 0,
"lh": 97.2,
"ls": 0,
"fc": [
0,
0,
0
]
},
"t": 0
}
]
},
"p": {},
"m": {
"g": 1,
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 2
}
},
"a": []
},
"ip": 3,
"op": 171,
"st": 3,
"bm": 0
},
{
"ddd": 0,
"ind": 2,
"ty": 4,
"nm": "Triangle",
"sr": 1,
"ks": {
"o": {
"a": 0,
"k": 100,
"ix": 11
},
"r": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833
],
"y": [
0.833
]
},
"o": {
"x": [
0.167
],
"y": [
0.167
]
},
"t": 0,
"s": [
-120
]
},
{
"t": 7,
"s": [
0
]
}
],
"ix": 10,
"x": "var $bm_rt;\nvar freq, decay, n, n, t, amp, w;\nfreq = 1;\ndecay = 6;\n$bm_rt = n = 0;\nif (numKeys > 0) {\n $bm_rt = n = nearestKey(time).index;\n if (key(n).time > time)\n n--;\n}\nif (n > 0) {\n t = $bm_sub(time, key(n).time);\n amp = velocityAtTime($bm_sub(key(n).time, 0.001));\n w = $bm_mul($bm_mul(freq, Math.PI), 2);\n $bm_rt = $bm_sum(value, $bm_mul(amp, $bm_div($bm_div(Math.sin($bm_mul(t, w)), Math.exp($bm_mul(decay, t))), w)));\n} else\n $bm_rt = value;"
},
"p": {
"a": 0,
"k": [
437.5,
705.142,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
218.767,
0
],
"ix": 1
},
"s": {
"a": 1,
"k": [
{
"i": {
"x": [
0.833,
0.833,
0.833
],
"y": [
0.833,
0.833,
0.833
]
},
"o": {
"x": [
0.167,
0.167,
0.167
],
"y": [
0.167,
0.167,
0.167
]
},
"t": 0,
"s": [
0,
0,
100
]
},
{
"t": 7,
"s": [
100,
100,
100
]
}
],
"ix": 6
}
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ty": "sr",
"sy": 1,
"d": 1,
"pt": {
"a": 0,
"k": 3,
"ix": 3
},
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 4
},
"r": {
"a": 0,
"k": 0,
"ix": 5
},
"ir": {
"a": 0,
"k": 218.75,
"ix": 6
},
"is": {
"a": 0,
"k": 0,
"ix": 8
},
"or": {
"a": 0,
"k": 338.5,
"ix": 7
},
"os": {
"a": 0,
"k": 37,
"ix": 9
},
"ix": 1,
"nm": "Polystar Path 1",
"mn": "ADBE Vector Shape - Star",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [
1,
0.86328125,
0,
1
],
"ix": 4
},
"o": {
"a": 0,
"k": 100,
"ix": 5
},
"r": 1,
"bm": 0,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
},
{
"ty": "tr",
"p": {
"a": 0,
"k": [
0,
0
],
"ix": 2
},
"a": {
"a": 0,
"k": [
0,
0
],
"ix": 1
},
"s": {
"a": 0,
"k": [
100,
100
],
"ix": 3
},
"r": {
"a": 0,
"k": 0,
"ix": 6
},
"o": {
"a": 0,
"k": 100,
"ix": 7
},
"sk": {
"a": 0,
"k": 0,
"ix": 4
},
"sa": {
"a": 0,
"k": 0,
"ix": 5
},
"nm": "Transform"
}
],
"nm": "Polystar 1",
"np": 2,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 168,
"st": 0,
"bm": 0
}
],
"markers": [],
"chars": [
{
"ch": "!",
"size": 81,
"style": "Regular",
"w": 33.3,
"data": {
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[
-0.684,
-1.481
],
[
-1.758,
0
],
[
-0.749,
1.53
],
[
-0.228,
2.865
],
[
0,
0
],
[
0,
2.148
],
[
0.944,
1.937
],
[
2.799,
0
],
[
1.416,
-1.514
],
[
0,
-2.702
],
[
-0.293,
-4.557
],
[
0,
0
]
],
"o": [
[
0.684,
1.482
],
[
1.725,
0
],
[
0.748,
-1.53
],
[
0,
0
],
[
0.227,
-2.213
],
[
0,
-3.645
],
[
-0.945,
-1.936
],
[
-2.312,
0
],
[
-1.416,
1.514
],
[
0,
1.986
],
[
0,
0
],
[
0.293,
3.027
]
],
"v": [
[
12.744,
-24.243
],
[
16.406,
-22.021
],
[
20.117,
-24.316
],
[
21.582,
-30.908
],
[
23.682,
-54.98
],
[
24.023,
-61.523
],
[
22.607,
-69.897
],
[
16.992,
-72.803
],
[
11.401,
-70.532
],
[
9.277,
-64.209
],
[
9.717,
-54.395
],
[
11.279,
-31.006
]
],
"c": true
},
"ix": 2
},
"nm": "!",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ind": 1,
"ty": "sh",
"ix": 2,
"ks": {
"a": 0,
"k": {
"i": [
[
-1.465,
1.302
],
[
0,
2.279
],
[
1.448,
1.416
],
[
2.051,
0
],
[
1.416,
-1.416
],
[
0,
-2.018
],
[
-1.482,
-1.286
],
[
-1.986,
0
]
],
"o": [
[
1.465,
-1.302
],
[
0,
-2.018
],
[
-1.449,
-1.416
],
[
-2.051,
0
],
[
-1.416,
1.416
],
[
0,
2.312
],
[
1.481,
1.286
],
[
1.953,
0
]
],
"v": [
[
21.826,
-0.83
],
[
24.023,
-6.201
],
[
21.851,
-11.353
],
[
16.602,
-13.477
],
[
11.401,
-11.353
],
[
9.277,
-6.201
],
[
11.499,
-0.806
],
[
16.699,
1.123
]
],
"c": true
},
"ix": 2
},
"nm": "!",
"mn": "ADBE Vector Shape - Group",
"hd": false
}
],
"nm": "!",
"np": 5,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
]
},
"fFamily": "Arial Rounded MT Bold"
}
]
}