(data, options)
| 12 | |
| 13 | export class TimeMarker { |
| 14 | constructor(data, options) { |
| 15 | |
| 16 | // DOM Elements |
| 17 | this._el = { |
| 18 | container: {}, |
| 19 | content_container: {}, |
| 20 | media_container: {}, |
| 21 | timespan: {}, |
| 22 | line_left: {}, |
| 23 | line_right: {}, |
| 24 | content: {}, |
| 25 | text: {}, |
| 26 | media: {}, |
| 27 | }; |
| 28 | |
| 29 | // Components |
| 30 | this._text = {}; |
| 31 | |
| 32 | // State |
| 33 | this._state = { |
| 34 | loaded: false |
| 35 | }; |
| 36 | |
| 37 | |
| 38 | // Data |
| 39 | this.data = { |
| 40 | unique_id: "", |
| 41 | background: null, |
| 42 | date: { |
| 43 | year: 0, |
| 44 | month: 0, |
| 45 | day: 0, |
| 46 | hour: 0, |
| 47 | minute: 0, |
| 48 | second: 0, |
| 49 | millisecond: 0, |
| 50 | thumbnail: "", |
| 51 | format: "" |
| 52 | }, |
| 53 | text: { |
| 54 | headline: "", |
| 55 | text: "" |
| 56 | }, |
| 57 | media: null |
| 58 | }; |
| 59 | |
| 60 | // Options |
| 61 | this.options = { |
| 62 | duration: 1000, |
| 63 | ease: easeInSpline, |
| 64 | width: 600, |
| 65 | height: 600, |
| 66 | marker_width_min: 100 // Minimum Marker Width |
| 67 | }; |
| 68 | |
| 69 | // Actively Displaying |
| 70 | this.active = false; |
| 71 |
nothing calls this directly
no test coverage detected