From 04d93c3483c675f0e6331a64c0012ae8cb828b62 Mon Sep 17 00:00:00 2001 From: Maicol Battistini Date: Tue, 9 Nov 2021 15:29:28 +0100 Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20Aggiunto=20alert=20con=20an?= =?UTF-8?q?imazioni?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + pnpm-lock.yaml | 6 + resources/js/Components/Alert.jsx | 72 ++ resources/js/Components/index.js | 1 + resources/static/animations/error.json | 871 +++++++++++++++++++ resources/static/animations/info.json | 877 +++++++++++++++++++ resources/static/animations/question.json | 995 ++++++++++++++++++++++ resources/static/animations/success.json | 1 + resources/static/animations/warning.json | 744 ++++++++++++++++ 9 files changed, 3568 insertions(+) create mode 100644 resources/js/Components/Alert.jsx create mode 100644 resources/static/animations/error.json create mode 100644 resources/static/animations/info.json create mode 100644 resources/static/animations/question.json create mode 100644 resources/static/animations/success.json create mode 100644 resources/static/animations/warning.json diff --git a/package.json b/package.json index d9efedf4c..d1e50bf02 100644 --- a/package.json +++ b/package.json @@ -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", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ad2526fc7..045548a67 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -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'} diff --git a/resources/js/Components/Alert.jsx b/resources/js/Components/Alert.jsx new file mode 100644 index 000000000..9195a9fca --- /dev/null +++ b/resources/js/Components/Alert.jsx @@ -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 ( + +
+ {image.src && {image.alt}/} +
+ +
+ {vnode.children} +
+ + + ${actions} + + ); + } + + 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(); + }); + } +} diff --git a/resources/js/Components/index.js b/resources/js/Components/index.js index 908f396c6..5abb3c2d8 100644 --- a/resources/js/Components/index.js +++ b/resources/js/Components/index.js @@ -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'; diff --git a/resources/static/animations/error.json b/resources/static/animations/error.json new file mode 100644 index 000000000..2bb601d30 --- /dev/null +++ b/resources/static/animations/error.json @@ -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": [] +} diff --git a/resources/static/animations/info.json b/resources/static/animations/info.json new file mode 100644 index 000000000..870e2d34d --- /dev/null +++ b/resources/static/animations/info.json @@ -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": [] +} diff --git a/resources/static/animations/question.json b/resources/static/animations/question.json new file mode 100644 index 000000000..a47f33854 --- /dev/null +++ b/resources/static/animations/question.json @@ -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": [] +} diff --git a/resources/static/animations/success.json b/resources/static/animations/success.json new file mode 100644 index 000000000..ee0b1c83e --- /dev/null +++ b/resources/static/animations/success.json @@ -0,0 +1 @@ +"{\"v\":\"5.5.7\",\"meta\":{\"g\":\"LottieFiles AE 0.1.21\",\"a\":\"\",\"k\":\"\",\"d\":\"\",\"tc\":\"\"},\"fr\":29.9700012207031,\"ip\":0,\"op\":60.0000024438501,\"w\":120,\"h\":120,\"nm\":\"sucess\",\"ddd\":0,\"assets\":[],\"layers\":[{\"ddd\":0,\"ind\":1,\"ty\":3,\"nm\":\"scale up null\",\"sr\":1,\"ks\":{\"o\":{\"a\":0,\"k\":0,\"ix\":11},\"r\":{\"a\":0,\"k\":0,\"ix\":10},\"p\":{\"a\":0,\"k\":[60,60,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\":[1,1,1]},\"o\":{\"x\":[0.167,0.167,0.167],\"y\":[0,0,0]},\"t\":27,\"s\":[111,111,100]},{\"i\":{\"x\":[0.833,0.833,0.833],\"y\":[1,1,1]},\"o\":{\"x\":[0.167,0.167,0.167],\"y\":[0,0,0]},\"t\":36,\"s\":[101,101,100]},{\"t\":42.0000017106951,\"s\":[121,121,100]}],\"ix\":6}},\"ao\":0,\"ip\":0,\"op\":300.00001221925,\"st\":0,\"bm\":0},{\"ddd\":0,\"ind\":2,\"ty\":4,\"nm\":\"spark\",\"parent\":1,\"sr\":1,\"ks\":{\"o\":{\"a\":0,\"k\":100,\"ix\":11},\"r\":{\"a\":0,\"k\":0,\"ix\":10},\"p\":{\"a\":0,\"k\":[0,0.5,0],\"ix\":2},\"a\":{\"a\":0,\"k\":[0,0,0],\"ix\":1},\"s\":{\"a\":0,\"k\":[100,100,100],\"ix\":6}},\"ao\":0,\"shapes\":[{\"ty\":\"gr\",\"it\":[{\"ty\":\"rc\",\"d\":1,\"s\":{\"a\":1,\"k\":[{\"i\":{\"x\":[0.667,0.667],\"y\":[1,1]},\"o\":{\"x\":[0.333,0.976],\"y\":[0,0]},\"t\":35,\"s\":[2,0]},{\"i\":{\"x\":[0.667,0.13],\"y\":[1,1]},\"o\":{\"x\":[0.333,0.333],\"y\":[0,0]},\"t\":42,\"s\":[2,8]},{\"t\":53.0000021587343,\"s\":[1.633,0]}],\"ix\":2},\"p\":{\"a\":1,\"k\":[{\"i\":{\"x\":0.667,\"y\":1},\"o\":{\"x\":0.333,\"y\":0},\"t\":35,\"s\":[0,-21],\"to\":[0,-1.5],\"ti\":[0,1.5]},{\"t\":53.0000021587343,\"s\":[0,-30]}],\"ix\":3},\"r\":{\"a\":0,\"k\":0,\"ix\":4},\"nm\":\"Rectangle Path 1\",\"mn\":\"ADBE Vector Shape - Rect\",\"hd\":false},{\"ty\":\"fl\",\"c\":{\"a\":0,\"k\":[0.258823529412,0.878431432387,0.541176470588,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,-8],\"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\":\"Rectangle 1\",\"np\":3,\"cix\":2,\"bm\":0,\"ix\":1,\"mn\":\"ADBE Vector Group\",\"hd\":false},{\"ty\":\"rp\",\"c\":{\"a\":0,\"k\":8,\"ix\":1},\"o\":{\"a\":0,\"k\":0,\"ix\":2},\"m\":1,\"ix\":2,\"tr\":{\"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\":45,\"ix\":4},\"so\":{\"a\":0,\"k\":100,\"ix\":5},\"eo\":{\"a\":0,\"k\":100,\"ix\":6},\"nm\":\"Transform\"},\"nm\":\"Repeater 1\",\"mn\":\"ADBE Vector Filter - Repeater\",\"hd\":false}],\"ip\":35.0000014255792,\"op\":335.00001364483,\"st\":35.0000014255792,\"bm\":0},{\"ddd\":0,\"ind\":3,\"ty\":4,\"nm\":\"check\",\"parent\":1,\"sr\":1,\"ks\":{\"o\":{\"a\":0,\"k\":100,\"ix\":11},\"r\":{\"a\":0,\"k\":0,\"ix\":10},\"p\":{\"a\":0,\"k\":[0,0,0],\"ix\":2},\"a\":{\"a\":0,\"k\":[0,0,0],\"ix\":1},\"s\":{\"a\":0,\"k\":[100,100,100],\"ix\":6}},\"ao\":0,\"shapes\":[{\"ind\":0,\"ty\":\"sh\",\"ix\":1,\"ks\":{\"a\":0,\"k\":{\"i\":[[0,0],[0,0],[3.5,3.75],[-12.973,5.349],[-6.124,-9.992],[12.125,-7.431],[7.431,12.125]],\"o\":[[0,0],[0,0],[-3.5,-3.75],[10.764,-2.941],[7.431,12.125],[-12.125,7.431],[-7.431,-12.125]],\"v\":[[15.25,-9.688],[-5.75,10.062],[-16,0.25],[-6.777,-24.849],[21.955,-13.456],[13.456,21.955],[-21.955,13.456]],\"c\":false},\"ix\":2},\"nm\":\"Path 1\",\"mn\":\"ADBE Vector Shape - Group\",\"hd\":false},{\"ty\":\"tm\",\"s\":{\"a\":1,\"k\":[{\"i\":{\"x\":[0.363],\"y\":[1]},\"o\":{\"x\":[0.742],\"y\":[0]},\"t\":17,\"s\":[100]},{\"t\":45.0000018328876,\"s\":[0]}],\"ix\":1},\"e\":{\"a\":1,\"k\":[{\"i\":{\"x\":[0.351],\"y\":[1]},\"o\":{\"x\":[0.714],\"y\":[0]},\"t\":10,\"s\":[100]},{\"t\":40.0000016292334,\"s\":[23]}],\"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.260781411564,0.878829656863,0.541459326651,1],\"ix\":3},\"o\":{\"a\":0,\"k\":100,\"ix\":4},\"w\":{\"a\":0,\"k\":4,\"ix\":5},\"lc\":1,\"lj\":1,\"ml\":4,\"bm\":0,\"nm\":\"Stroke 1\",\"mn\":\"ADBE Vector Graphic - Stroke\",\"hd\":false}],\"ip\":22.0000008960784,\"op\":310.000012626559,\"st\":10.0000004073083,\"bm\":0},{\"ddd\":0,\"ind\":4,\"ty\":4,\"nm\":\"circle\",\"parent\":1,\"sr\":1,\"ks\":{\"o\":{\"a\":0,\"k\":100,\"ix\":11},\"r\":{\"a\":0,\"k\":0,\"ix\":10},\"p\":{\"a\":0,\"k\":[0,0,0],\"ix\":2},\"a\":{\"a\":0,\"k\":[0,0,0],\"ix\":1},\"s\":{\"a\":0,\"k\":[100,100,100],\"ix\":6}},\"ao\":0,\"shapes\":[{\"ind\":0,\"ty\":\"sh\",\"ix\":1,\"ks\":{\"a\":0,\"k\":{\"i\":[[-14.221,0],[0,-14.221],[14.221,0],[0,14.221]],\"o\":[[14.221,0],[0,14.221],[-14.221,0],[0,-14.221]],\"v\":[[0,-25.75],[25.75,0],[0,25.75],[-25.75,0]],\"c\":true},\"ix\":2},\"nm\":\"Path 1\",\"mn\":\"ADBE Vector Shape - Group\",\"hd\":false},{\"ty\":\"st\",\"c\":{\"a\":0,\"k\":[0.260781411564,0.878829656863,0.541459326651,1],\"ix\":3},\"o\":{\"a\":0,\"k\":100,\"ix\":4},\"w\":{\"a\":0,\"k\":4,\"ix\":5},\"lc\":1,\"lj\":1,\"ml\":4,\"bm\":0,\"nm\":\"Stroke 1\",\"mn\":\"ADBE Vector Graphic - Stroke\",\"hd\":false},{\"ty\":\"tm\",\"s\":{\"a\":1,\"k\":[{\"i\":{\"x\":[0.363],\"y\":[1]},\"o\":{\"x\":[0.742],\"y\":[0]},\"t\":7,\"s\":[100]},{\"t\":33.0000013441176,\"s\":[0]}],\"ix\":1},\"e\":{\"a\":1,\"k\":[{\"i\":{\"x\":[0.351],\"y\":[1]},\"o\":{\"x\":[0.714],\"y\":[0]},\"t\":0,\"s\":[100]},{\"t\":30.0000012219251,\"s\":[100]}],\"ix\":2},\"o\":{\"a\":0,\"k\":0,\"ix\":3},\"m\":1,\"ix\":3,\"nm\":\"Trim Paths 1\",\"mn\":\"ADBE Vector Filter - Trim\",\"hd\":false}],\"ip\":0,\"op\":300.00001221925,\"st\":0,\"bm\":0}],\"markers\":[]}" \ No newline at end of file diff --git a/resources/static/animations/warning.json b/resources/static/animations/warning.json new file mode 100644 index 000000000..be915b8de --- /dev/null +++ b/resources/static/animations/warning.json @@ -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" + } + ] +}