entcore 4.0.0-dev.3 → 4.0.0-dev.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/bundle/ng-app.js +8 -8
  2. package/bundle/ng-app.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/template/media-library/icons.html +10 -4
  5. package/src/template/media-library/loading.html +1 -1
  6. package/src/template/video/main.html +2 -2
  7. package/src/template/video/onboarding.html +14 -0
  8. package/src/template/video/record.html +1 -1
  9. package/src/template/video/upload.html +90 -24
  10. package/types/src/ts/directives/index.d.ts +2 -0
  11. package/types/src/ts/skin.d.ts +1 -0
  12. package/types/src/ts/video/VideoRecorder.d.ts +1 -0
  13. package/types/src/ts/workspace/model.d.ts +4 -0
  14. package/src/template/video/loading.html +0 -56
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "entcore",
3
- "version": "4.0.0-dev.3",
3
+ "version": "4.0.0-dev.30",
4
4
  "description": "",
5
5
  "main": "gulpfile.js",
6
6
  "types": "./types/src/ts/entcore.d.ts",
package/src/template/media-library/icons.html CHANGED
@@ -31,9 +31,11 @@
31
31
 
32
32
  </div>
33
33
  <div class="element reduce-block-six" ng-repeat="document in documentList.documents">
34
- <explorer ng-model="document.selected" ng-click="updateSelection(document)" on-open="selectDocument(document)"
35
- doc-id="[[document._id]]">
36
- <div class="img container" ng-if="document.role() === 'img'">
34
+ <explorer ng-model="document.selected"
35
+ ng-click="updateSelection(document)" on-open="selectDocument(document)"
36
+ ng-switch="document.role()"
37
+ doc-id="[[document._id]]">
38
+ <div class="img container" ng-switch-when="img">
37
39
  <div class="clip">
38
40
  <img image-lazy-load="document.thumbUrl"/>
39
41
  <div class="absolute" ng-if="display.loading && display.loading.indexOf(document) !== -1">
@@ -41,7 +43,11 @@
41
43
  </div>
42
44
  </div>
43
45
  </div>
44
- <div class="img container" ng-if="document.role() !== 'img'">
46
+ <div class="img container video" ng-switch-when="video"
47
+ ng-style="{'background-image': videoThumbUrl(document)}">
48
+ <i class="[[document.role()]]-large"></i>
49
+ </div>
50
+ <div class="img container" ng-switch-default>
45
51
  <i class="[[document.role()]]-large"></i>
46
52
  </div>
47
53
  <legend>
package/src/template/media-library/loading.html CHANGED
@@ -43,7 +43,7 @@
43
43
  </div>
44
44
  </div>
45
45
  </div>
46
- <div class="row">
46
+ <div class="row media-library-toolbar">
47
47
  <em class="six cell small-text"><i18n>medialibrary.images.editable.formats</i18n></em>
48
48
  <button class="right-magnet" ng-click="confirmImport()" type="button"><i18n>import</i18n></button>
49
49
  <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
package/src/template/video/main.html CHANGED
@@ -22,7 +22,7 @@
22
22
  <style>
23
23
  header > span.beta-feature:after {
24
24
  color: #FF8500;
25
- content: "[Beta]";
25
+ content: "[New]";
26
26
  font-size: 8px;
27
27
  position: absolute;
28
28
  top: 0;
@@ -35,7 +35,7 @@
35
35
  <section class="tabs heading-tabs">
36
36
  <header workflow="[[header.worflowKey]]"
37
37
  navigation-trigger="showHeader(header)"
38
- navigation-trigger-param="{onEvent:'click', guardMessageKey:'video.capture.guard.text', rootGuardId:'videoCapturedGuard'}"
38
+ navigation-trigger-param="{onEvent:'click', guardMessageKey: '[[header.guardMessageKey]]', rootGuardId:'videoCapturedGuard'}"
39
39
  ng-repeat="header in headers()"
40
40
  ng-class="{'selected':isSelectedHeader(header)}"
41
41
  ng-show="header.visible()">
package/src/template/video/onboarding.html ADDED
@@ -0,0 +1,14 @@
1
+ <div class="toast toast--video" role="alert" aria-live="assertive" aria-atomic="true" ng-if="display.visible">
2
+ <div class="toast-header"><button type="button" class="btn-close" aria-label="Close" ng-click="hideToastAndSavePreference(false)"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.815 2.815a.733.733 0 0 1 1.037 0l9.333 9.333a.733.733 0 1 1-1.037 1.037L2.815 3.852a.733.733 0 0 1 0-1.037Z" fill="#2C2C2C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.185 2.815a.733.733 0 0 1 0 1.037l-9.333 9.333a.733.733 0 1 1-1.037-1.037l9.333-9.333a.733.733 0 0 1 1.037 0Z" fill="#2C2C2C"/></svg></button></div>
3
+ <div class="toast-body">
4
+ <div class="toast-illustration"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 336"><defs><clipPath id="a"><path style="fill:none" d="M0 0h240v336H0z"/></clipPath><style>.c{fill:#fff}.e{fill:#202244}.f{fill:#905e3e}.g{opacity:.2}.h{fill:#4eadd3}</style></defs><g style="clip-path:url(#a)"><path class="c" d="M0 0h240v335H0z"/><path style="fill:#ff8d2e;opacity:.3" d="M0 0h240v336H0z"/><path class="e" d="M138.58 104.66c-1.45-1.58-4.71-3.38-9-4.84 7.53-3.39 13.93-7.38 9.5-9.82-1.91-1-4.2-.9-6.61 0 3.71-3.74 5.49-7 1.88-7.82-5.49-1.28-11.21 5.79-15.2 12.32 2.59-5.6 3.92-11.14-.9-11.23-5.56-.09-6.65 7.29-6.55 13.67h-1.39c-1.56-7.06-4.6-15.84-9.79-13.49-2.61 1.18-2.51 3.71-1.15 6.64-2.45-1.88-4.87-2.53-6.8-.54-2.93 3 .68 6.63 5.45 9.65a29.35 29.35 0 0 0-9.4 5.46c-16.19 14.14 1.47 46.17 1.47 46.17l46.23-1.19c14.5-23.06 7.51-39.28 2.26-44.98Z"/><path class="f" d="M97.42 164s-.64 19.78-3.17 28.63l-20 14 75.4 11.28-18-24.84s-5.43-26.52-2.59-36.32S97.42 164 97.42 164Z"/><path class="g" d="M97.31 166.73s6 14.36 17.19 14 13.79-13 13.79-13Z"/><path class="f" d="M113.21 175.22c-8.13-.14-23.11-11-23.11-24.39v-20.94c0-4.9 3.41-8.91 7.59-8.91h31.05c4.17 0 7.59 4 7.59 8.91v19.75c0 14.07-13.78 25.75-23.12 25.58Z"/><path class="h" d="M157.27 197.73v.05a198.31 198.31 0 0 0-25.63-4.73c-7 9.29-12 11.45-18.42 14-10.3-1.42-19-14.1-19-14.4-15 1.54-23.41 4.68-23.41 4.68-5.69 2.39-13.15 46.82-14.32 71.51-.14 3.1-.19 5.88-.12 8.24.6 21.17 1.46 41.74-1.27 64.54-3.56 29.92 2.52 29.38 2.52 29.38s8.17 1.6 19.57 3.11a277.18 277.18 0 0 0 35.19 2.69c27.34 0 57.3-5.8 57.3-5.8 8.62.11-2.42-53.66-4-86-.38-7.52-.73-14.38-1.05-20.64 10.36 8.92 40.84 25.18 41.53 27.26 0 0-6.65 12.14-8.67 18.61a135.8 135.8 0 0 1-21.11 41.28c1.82 6.89 1.31 9.94 1.31 9.94 21.11-16.58 34.72-30.69 43.41-41.51 12.18-15.22 14.68-23.94 14.68-23.94-47-95.68-78.51-98.27-78.51-98.27Z"/><path class="h" d="M77.19 374.12c-11.4-1.51-19.57-3.12-19.57-3.12s-6.08.53-2.49-29.41c2.73-22.8 1.87-43.37 1.27-64.54-.07-2.36 0-5.14.12-8.24 1.75 2.79 21.21 34.23 26.45 57.59 3.82 17.05-1.97 37.12-5.78 47.72Z"/><path class="g" d="M77.2 374c-11.41-1.51-19.58-3.11-19.58-3.11s-6.08.53-2.49-29.42c2.73-22.79 1.87-43.37 1.27-64.54-.07-2.35 0-5.14.12-8.24 1.75 2.8 21.21 34.23 26.45 57.6C86.79 343.34 81 363.41 77.2 374Z"/><path class="f" d="M176.35 351.51c1.82 6.89 1.31 9.94 1.31 9.94 21.11-16.58 34.72-30.69 43.41-41.51-6.55-.49-12.61-1.95-23.61-9.71-9.09 27.71-21.11 41.28-21.11 41.28Z"/><path class="h" d="M203.5 289.48c-1.69-1.41-28.76-16.32-39-25.22 0 0 10.23-7.67 16.56 3.51s22.44 21.71 22.44 21.71ZM235.78 296s-2.5 8.73-14.71 23.95c-14.14-.21 14.71-23.95 14.71-23.95Z"/><path class="e" d="M90.1 138.38s5.65-17.25 24.15-14.56 20.11 6.65 22.08 11.23 5.76-16.76 5.76-16.76l-21.83-6.49s-26.41 3-28.31 7.44l-1.9 4.43Z"/><path class="h" d="M114.77 317.82c-7.08 1.07-43.32 9.48-69.16 12.74-14.56 1.84-25.82 2-26.69-1.63-2.4-10.17 5.78-75 18.77-101.09s37.08-31.73 37.08-31.73l6.85 41.31-34.83 69.36 8.48.15 58.2 1Z"/><path class="f" d="M106.66 310.24s19.15-13.19 25.43-8.61 6.77 15.5-19.26 16.41Z"/><path d="M133.5 140.26a5.64 5.64 0 0 0-4.44-1.88h-9.31c-1.78 0-3 .51-3.68 1.51a3.34 3.34 0 0 0-.53 1.55 8.74 8.74 0 0 0-4.14.07 3.49 3.49 0 0 0-.53-1.62c-.67-1-1.91-1.51-3.68-1.51h-9.32a5.64 5.64 0 0 0-4.44 1.88 4.78 4.78 0 0 0-.87 4.1c1.06 5.27 7.13 5.94 10.16 5.94a14.54 14.54 0 0 0 1.7-.08c2.84 0 4.83-1.62 6.28-5.09a8.91 8.91 0 0 0 .71-2.86 8 8 0 0 1 4.11-.08 8.82 8.82 0 0 0 .71 2.94c1.45 3.47 3.45 5.09 6.28 5.09a14.54 14.54 0 0 0 1.7.08c3 0 9.1-.67 10.16-5.94a4.78 4.78 0 0 0-.87-4.1Zm-23.36 4.64c-1.35 3.21-3.17 4.71-5.74 4.71a17.92 17.92 0 0 1-5.17-.24c-3.46-.7-5.49-2.43-6-5.13a4.19 4.19 0 0 1 .74-3.59 5 5 0 0 1 4-1.66h9.32c1.55 0 2.62.42 3.16 1.24a2.84 2.84 0 0 1 .44 1.45 6.61 6.61 0 0 0-.81.31.36.36 0 0 0-.19.48.37.37 0 0 0 .34.21h.15l.5-.19a9.08 9.08 0 0 1-.74 2.41Zm23.63-.66c-.55 2.7-2.58 4.43-6 5.13a17.92 17.92 0 0 1-5.17.24c-2.57 0-4.39-1.5-5.74-4.71a9.16 9.16 0 0 1-.64-2.5c.18.07.35.15.53.24a.35.35 0 0 0 .49-.15.37.37 0 0 0-.15-.5 6.09 6.09 0 0 0-.88-.37 2.82 2.82 0 0 1 .44-1.39c.54-.82 1.61-1.24 3.17-1.24h9.31a5 5 0 0 1 4 1.66 4.19 4.19 0 0 1 .64 3.59Z" style="fill:#2d3a64"/><path d="M105.77 161.69s10.24-1.12 15 0c0 0-2.53 4.15-6.69 4.15s-7.3-1.52-8.31-4.15Z" style="fill:#fcebe2"/><path class="f" d="M114.77 317.82c-7.08 1.07-43.32 9.48-69.16 12.74 2.26-11 5.82-18.52 9.66-23.63l58.2 1Z"/><path class="g" d="M203.71 289.58c-1.68-1.4-28.76-16.31-39-25.21 0 0 10.24-7.67 16.56 3.51s22.44 21.7 22.44 21.7Z"/><path d="M235.59 296.2s-2.51 8.73-14.72 23.95c-14.14-.15 14.72-23.95 14.72-23.95Z" style="fill:#588b97"/><path d="M0 0h187v49a10 10 0 0 1-10 10H0V0Z" style="opacity:.6"/><circle cx="26.07" cy="28" r="8.5" style="fill:#ff3a55"/><path class="c" d="M57.56 29.06a12.23 12.23 0 0 1-.43 3.45A7.09 7.09 0 0 1 56 34.93a4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0A4.65 4.65 0 0 1 48 34.93a7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46A7 7 0 0 1 48 23.19a4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0A4.66 4.66 0 0 1 56 23.19a7 7 0 0 1 1.17 2.41 12.25 12.25 0 0 1 .39 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.64 5.64 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.5 2.5 0 0 0-1.1-.26 2.38 2.38 0 0 0-1.07.26 2.26 2.26 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .66 1.72 2.26 2.26 0 0 0 .92.9 2.38 2.38 0 0 0 1.07.26 2.5 2.5 0 0 0 1.1-.26 2.34 2.34 0 0 0 .93-.9 5.74 5.74 0 0 0 .64-1.72 12.9 12.9 0 0 0 .22-2.73ZM60.91 34.71H64v-9.94l-2.17 1.83a.72.72 0 0 1-.28.16.84.84 0 0 1-.27 0 .86.86 0 0 1-.39-.09.76.76 0 0 1-.25-.2l-.82-1.13 4.63-3.93h2.13v13.3h2.73v1.94h-8.4ZM71.45 27.74a1.59 1.59 0 0 1 .12-.62 1.39 1.39 0 0 1 .34-.51 1.5 1.5 0 0 1 .51-.33 1.45 1.45 0 0 1 .63-.13 1.5 1.5 0 0 1 .62.13 1.56 1.56 0 0 1 .5.33 1.69 1.69 0 0 1 .34.51 1.66 1.66 0 0 1 0 1.24 1.77 1.77 0 0 1-.34.5 1.56 1.56 0 0 1-.5.33 1.67 1.67 0 0 1-.62.12 1.61 1.61 0 0 1-.63-.12 1.5 1.5 0 0 1-.51-.33 1.43 1.43 0 0 1-.34-.5 1.59 1.59 0 0 1-.12-.62Zm0 7.48a1.67 1.67 0 0 1 .12-.62 1.43 1.43 0 0 1 .34-.5 1.69 1.69 0 0 1 .51-.34 1.61 1.61 0 0 1 .63-.12 1.67 1.67 0 0 1 .62.12 1.62 1.62 0 0 1 .84.84 1.67 1.67 0 0 1 .12.62 1.64 1.64 0 0 1-.12.63 1.77 1.77 0 0 1-.34.5 1.56 1.56 0 0 1-.5.33 1.67 1.67 0 0 1-.62.12 1.61 1.61 0 0 1-.63-.12 1.5 1.5 0 0 1-.51-.33 1.43 1.43 0 0 1-.34-.5 1.64 1.64 0 0 1-.12-.63ZM82.15 21.3a5.6 5.6 0 0 1 1.92.31 4.33 4.33 0 0 1 1.49.88 3.8 3.8 0 0 1 1 1.36 4.42 4.42 0 0 1 .35 1.78 4.84 4.84 0 0 1-.25 1.55 6.83 6.83 0 0 1-.66 1.36 8.82 8.82 0 0 1-1 1.26c-.38.41-.76.82-1.17 1.24l-3.42 3.5a9.22 9.22 0 0 1 1-.23 6.09 6.09 0 0 1 .93-.07h3.89a.91.91 0 0 1 .67.23.86.86 0 0 1 .25.63v1.55H76.71v-.86a1.51 1.51 0 0 1 .46-1.07l4.61-4.62c.39-.39.73-.77 1-1.12a7.58 7.58 0 0 0 .76-1.07 4.76 4.76 0 0 0 .48-1.06 4.24 4.24 0 0 0 .16-1.14 2.61 2.61 0 0 0-.16-1 1.76 1.76 0 0 0-.45-.7 2 2 0 0 0-.7-.43 2.85 2.85 0 0 0-.91-.14 2.34 2.34 0 0 0-2.38 1.75 1.07 1.07 0 0 1-.35.57 1 1 0 0 1-.58.17h-.35L77 25.7a5.78 5.78 0 0 1 .61-1.92 4.55 4.55 0 0 1 2.69-2.2 6 6 0 0 1 1.85-.28ZM97.9 30.93h1.91v1.5a.48.48 0 0 1-.14.36.5.5 0 0 1-.39.15H97.9v3.71h-2.27v-3.71h-6.4a.72.72 0 0 1-.47-.16.74.74 0 0 1-.25-.4l-.26-1.32 7.19-9.6h2.46Zm-2.27-5v-.72c0-.26 0-.53.08-.81L91 30.93h4.62ZM106.53 36.68a1.44 1.44 0 0 1-.24.42 1.38 1.38 0 0 1-.34.3 1.44 1.44 0 0 1-.4.18 1.18 1.18 0 0 1-.41.07h-1.09L110.18 22a1.5 1.5 0 0 1 .52-.68 1.41 1.41 0 0 1 .81-.23h1.1ZM128.08 29.06a12.6 12.6 0 0 1-.43 3.45 7.1 7.1 0 0 1-1.18 2.42 4.71 4.71 0 0 1-1.77 1.42 5.41 5.41 0 0 1-4.41 0 4.68 4.68 0 0 1-1.76-1.42 7.08 7.08 0 0 1-1.16-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.16-2.41 4.68 4.68 0 0 1 1.76-1.42 5.41 5.41 0 0 1 4.41 0 4.71 4.71 0 0 1 1.77 1.42 7 7 0 0 1 1.18 2.41 12.63 12.63 0 0 1 .43 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.38 5.38 0 0 0-.65-1.72 2.34 2.34 0 0 0-.93-.9 2.39 2.39 0 0 0-2.17 0 2.3 2.3 0 0 0-.91.9 5.39 5.39 0 0 0-.64 1.72 12.9 12.9 0 0 0-.24 2.73 12.9 12.9 0 0 0 .24 2.73 5.49 5.49 0 0 0 .64 1.72 2.3 2.3 0 0 0 .91.9 2.39 2.39 0 0 0 2.17 0 2.34 2.34 0 0 0 .93-.9 5.48 5.48 0 0 0 .65-1.72 12.9 12.9 0 0 0 .24-2.73ZM135.16 21.3a5.65 5.65 0 0 1 1.9.3 4.25 4.25 0 0 1 1.44.83 3.59 3.59 0 0 1 .92 1.24 3.8 3.8 0 0 1 .32 1.55 4.45 4.45 0 0 1-.16 1.27 3.07 3.07 0 0 1-.47 1 2.82 2.82 0 0 1-.76.7 5.54 5.54 0 0 1-1 .47 3.85 3.85 0 0 1 2 1.31 3.56 3.56 0 0 1 .68 2.22 4.56 4.56 0 0 1-.42 2 4.35 4.35 0 0 1-1.14 1.47 5 5 0 0 1-1.65.89 6.23 6.23 0 0 1-2 .31 7 7 0 0 1-2-.26 4.55 4.55 0 0 1-1.48-.78 4.7 4.7 0 0 1-1.07-1.26 8.81 8.81 0 0 1-.75-1.72l1.14-.48a1.61 1.61 0 0 1 .6-.12 1.14 1.14 0 0 1 .49.11.83.83 0 0 1 .33.34 6.37 6.37 0 0 0 .41.72 3 3 0 0 0 .54.64 2.41 2.41 0 0 0 .74.45 2.63 2.63 0 0 0 1 .17 2.91 2.91 0 0 0 1.15-.21 2.48 2.48 0 0 0 .83-.56 2.34 2.34 0 0 0 .49-.77 2.38 2.38 0 0 0 .16-.86 4.35 4.35 0 0 0-.11-1 1.46 1.46 0 0 0-.49-.76 2.57 2.57 0 0 0-1-.5 7.53 7.53 0 0 0-1.8-.21V28a6.35 6.35 0 0 0 1.58-.17 2.66 2.66 0 0 0 1-.47 1.52 1.52 0 0 0 .52-.72 2.73 2.73 0 0 0 .15-.92 2.16 2.16 0 0 0-.59-1.64 2.27 2.27 0 0 0-1.6-.55 2.43 2.43 0 0 0-1.54.49 2.6 2.6 0 0 0-.85 1.25 1.19 1.19 0 0 1-.34.58 1 1 0 0 1-.58.17h-.36L130 25.7a5.35 5.35 0 0 1 .61-1.92 4.46 4.46 0 0 1 1.12-1.37 4.59 4.59 0 0 1 1.56-.83 6 6 0 0 1 1.87-.28ZM142 27.74a1.59 1.59 0 0 1 .12-.62 1.5 1.5 0 0 1 .33-.51 1.72 1.72 0 0 1 .51-.33 1.51 1.51 0 0 1 .63-.13 1.44 1.44 0 0 1 .62.13 1.45 1.45 0 0 1 .84.84 1.54 1.54 0 0 1 0 1.24 1.56 1.56 0 0 1-.33.5 1.5 1.5 0 0 1-.51.33 1.59 1.59 0 0 1-.62.12 1.68 1.68 0 0 1-.63-.12 1.72 1.72 0 0 1-.51-.33 1.56 1.56 0 0 1-.33-.5 1.59 1.59 0 0 1-.12-.62Zm0 7.48a1.67 1.67 0 0 1 .12-.62 1.56 1.56 0 0 1 .33-.5 2 2 0 0 1 .51-.34 1.68 1.68 0 0 1 .63-.12 1.59 1.59 0 0 1 .62.12 1.69 1.69 0 0 1 .51.34 1.56 1.56 0 0 1 .33.5 1.5 1.5 0 0 1 .13.62 1.48 1.48 0 0 1-.13.63 1.56 1.56 0 0 1-.33.5 1.5 1.5 0 0 1-.51.33 1.59 1.59 0 0 1-.62.12 1.68 1.68 0 0 1-.63-.12 1.72 1.72 0 0 1-.51-.33 1.56 1.56 0 0 1-.33-.5 1.64 1.64 0 0 1-.12-.63ZM158 29.06a12.63 12.63 0 0 1-.42 3.45 7.29 7.29 0 0 1-1.18 2.42 4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0 4.65 4.65 0 0 1-1.75-1.42 7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.17-2.41 4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0 4.66 4.66 0 0 1 1.78 1.42 7.23 7.23 0 0 1 1.18 2.41 12.65 12.65 0 0 1 .42 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.39 5.39 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.49 2.49 0 0 0-1.09-.26 2.39 2.39 0 0 0-1.08.26 2.32 2.32 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .64 1.72 2.32 2.32 0 0 0 .92.9 2.39 2.39 0 0 0 1.08.26 2.49 2.49 0 0 0 1.09-.26 2.34 2.34 0 0 0 .93-.9 5.49 5.49 0 0 0 .64-1.72 12.9 12.9 0 0 0 .24-2.73ZM170.18 29.06a12.23 12.23 0 0 1-.43 3.45 7.09 7.09 0 0 1-1.17 2.42 4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0 4.65 4.65 0 0 1-1.75-1.42 7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.17-2.41 4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0 4.66 4.66 0 0 1 1.78 1.42 7 7 0 0 1 1.17 2.41 12.25 12.25 0 0 1 .43 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.64 5.64 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.5 2.5 0 0 0-1.1-.26 2.38 2.38 0 0 0-1.07.26 2.32 2.32 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .64 1.72 2.32 2.32 0 0 0 .92.9 2.38 2.38 0 0 0 1.07.26 2.5 2.5 0 0 0 1.1-.26 2.34 2.34 0 0 0 .93-.9 5.74 5.74 0 0 0 .64-1.72 12.9 12.9 0 0 0 .24-2.73Z"/></g></svg></div>
5
+ <div>
6
+ <strong class="toast-headline"><i18n>video.onboarding.headline</i18n> ! 🎉</strong>
7
+ <p class="toast-text"><i18n>video.onboarding.text</i18n></p>
8
+ </div>
9
+ </div>
10
+ <div class="toast-footer">
11
+ <button type="button" class="cancel" ng-click="hideToastAndSavePreference(true)">Fermer</button>
12
+ <button type="button" class="button" ng-click="openEmbedder()">Découvrir</button>
13
+ </div>
14
+ </div>
package/src/template/video/record.html CHANGED
@@ -1,4 +1,4 @@
1
- <div ng-controller="VideoController" class="video" custom-guard="guard">
1
+ <div ng-controller="VideoController" class="video" custom-guard="recordGuard">
2
2
  <div class="recorder--video">
3
3
  <div ng-if="isIncompatible() && !isIncompatibleDevice()" class="browser" style="box-shadow:none">
4
4
  <h3><i18n>embed.video.incompatible</i18n></h3>
package/src/template/video/upload.html CHANGED
@@ -17,31 +17,97 @@
17
17
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18
18
  ~
19
19
  -->
20
+ <section custom-guard="uploadGuard">
21
+ <div ng-if="!display.isUploading">
22
+ <p>
23
+ <em class="twelve cell small-text"><i18n>video.upload.supported.formats</i18n></em>
24
+ <em class="twelve cell small-text"><i18n>video.upload.supported.weight</i18n></em>
25
+ </p>
26
+ <div class="row media-library">
27
+ <div class="drop-zone import-files">
28
+ <article class="drop flex-row align-center">
29
+ <i class="two cloud-upload"></i>
30
+ <div class="ten help">
31
+ <em><i18n>video.drop.help2</i18n></em>
32
+ </div>
33
+ </article>
34
+ <article class="default flex-row align-center absolute-position">
35
+ <div class="three select-file">
36
+ <div class="hidden-content">
37
+ <input
38
+ class="upload-input"
39
+ type="file"
40
+ files-input-change="importFiles()"
41
+ accept="video/avi, video/msvideo, video/x-msvideo, video/quicktime, video/x-quicktime, video/mp4, .mov, .avi, .mp4"
42
+ ng-model="upload.files" />
43
+ </div>
44
+ <button class="file-button no-margin" translate content="library.file.choose" ng-click="triggerIpnutFileClick($event)"></button>
45
+ </div>
46
+ <i class="two cloud-upload"></i>
47
+ <div class="seven help">
48
+ <em><i18n>video.drop.help</i18n></em>
49
+ </div>
50
+ </article>
20
51
 
21
- <p>
22
- <em class="twelve cell small-text"><i18n>video.upload.supported.formats</i18n></em>
23
- <em class="twelve cell small-text"><i18n>video.upload.supported.weight</i18n></em>
24
- </p>
25
- <div class="row media-library">
26
- <div class="drop-zone import-files">
27
- <article class="drop flex-row align-center">
28
- <i class="two cloud-upload"></i>
29
- <div class="ten help">
30
- <em><i18n>video.drop.help2</i18n></em>
31
- </div>
32
- </article>
33
- <article class="default flex-row align-center absolute-position">
34
- <div class="three select-file">
35
- <div class="hidden-content">
36
- <input class="upload-input" type="file" files-input-change="importFiles()" ng-model="upload.files" />
37
- </div>
38
- <button class="file-button no-margin" translate content="library.file.choose" ng-click="triggerIpnutFileClick($event)"></button>
39
52
  </div>
40
- <i class="two cloud-upload"></i>
41
- <div class="seven help">
42
- <em><i18n>video.drop.help</i18n></em>
53
+ </div>
54
+ </div>
55
+ <div ng-if="display.isUploading">
56
+ <div class="split-screen" ng-class="{ split: display.editedDocument !== undefined }">
57
+ <div class="loading-list drop-zone">
58
+ <ul>
59
+ <li ng-repeat="doc in upload.documents"
60
+ ng-click="openCompression(doc)"
61
+ ng-class="{
62
+ 'image-file': doc.isEditableImage && doc.uploadStatus === 'loaded',
63
+ 'loading': doc.uploadStatus === 'loading',
64
+ selected: doc === display.editedDocument
65
+ }"
66
+ >
67
+ <div class="icon">
68
+ <i class="[[doc.role()]]"></i>
69
+ <i tooltip-check="doc.isEditableImage && doc.uploadStatus === 'loaded'"
70
+ tooltip="medialibrary.editImage.tooltip" class="edit" ng-if="doc.isEditableImage && doc.uploadStatus === 'loaded'"></i>
71
+ </div>
72
+ <div class="title">[[doc.name || doc.title]]</div>
73
+ <div class="status-infos">
74
+ <span class="small-text horizontal-margin">
75
+ [[doc.size]]
76
+ </span>
77
+ <i ng-class="{
78
+ loading: doc.uploadStatus === 'loading',
79
+ loaded: doc.uploadStatus === 'loaded',
80
+ failed: doc.uploadStatus === 'failed'
81
+ }"></i>
82
+ </div>
83
+ <i class="close" ng-click="abortOrDelete(doc)"></i>
84
+ </li>
85
+ </ul>
43
86
  </div>
44
- </article>
45
-
87
+ </div>
88
+ <div class="row media-library-toolbar zero-mobile">
89
+ <div class="one cell">&nbsp;<!-- Marge d'Alizée, voir #44014 --></div>
90
+
91
+ <div class="five cell">
92
+ <em class="small-text"><i18n>video.upload.supported.formats</i18n></em>
93
+ <br>
94
+ <em class="small-text"><i18n>video.upload.supported.weight</i18n></em>
95
+ </div>
96
+ <div class="six cell">
97
+ <button class="right-magnet" ng-click="confirmImport()" ng-disabled="!canConfirmImport()" type="button"><i18n>import</i18n></button>
98
+ <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
99
+ </div>
100
+ </div>
101
+ <div class="twelve row zero-desktop">
102
+ <p>
103
+ <em class="small-text"><i18n>video.upload.supported.formats</i18n></em>
104
+ <br>
105
+ <em class="small-text"><i18n>video.upload.supported.weight</i18n></em>
106
+ </p>
107
+ <div class="twelve cell">
108
+ <button class="right-magnet" ng-click="confirmImport()" ng-disabled="!canConfirmImport()" type="button"><i18n>import</i18n></button>
109
+ <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
110
+ </div>
111
+ </div>
46
112
  </div>
47
- </div>
113
+ </section>
package/types/src/ts/directives/index.d.ts CHANGED
@@ -26,6 +26,7 @@ export * from './imageCompression';
26
26
  export * from './imageEditor';
27
27
  export * from './imageLazyLoad';
28
28
  export * from './imageSelect';
29
+ export * from './img-on-error.directive';
29
30
  export * from './infotip';
30
31
  export * from './inputdate';
31
32
  export * from './inputPassword';
@@ -63,3 +64,4 @@ export * from "./noUiSlider";
63
64
  export * from "./libraryPrompt";
64
65
  export * from "./dragndrop";
65
66
  export * from "./structureTree";
67
+ export * from "./toast";
package/types/src/ts/skin.d.ts CHANGED
@@ -23,4 +23,5 @@ export declare var skin: {
23
23
  loadBookmarks: () => Promise<any>;
24
24
  loadConnected: () => Promise<any>;
25
25
  getHelpPath(): Promise<String>;
26
+ getBootstrapAssetsPath(): string;
26
27
  };
package/types/src/ts/video/VideoRecorder.d.ts CHANGED
@@ -28,6 +28,7 @@ export declare class VideoRecorder {
28
28
  startRecording(): Promise<void>;
29
29
  pause(preparePlay: boolean): void;
30
30
  stopRecording(preparePlay: boolean): void;
31
+ turnOffCamera(): void;
31
32
  getBuffer(): Blob;
32
33
  clearBuffer(prepareRecord: boolean): void;
33
34
  }
package/types/src/ts/workspace/model.d.ts CHANGED
@@ -154,6 +154,8 @@ export declare class Element extends Model implements Node, Shareable, Selectabl
154
154
  size?: number;
155
155
  captation?: boolean;
156
156
  duration?: number;
157
+ width?: number;
158
+ height?: number;
157
159
  };
158
160
  link?: string;
159
161
  icon?: string;
@@ -221,6 +223,8 @@ export declare class Element extends Model implements Node, Shareable, Selectabl
221
223
  size?: number;
222
224
  captation?: boolean;
223
225
  duration?: number;
226
+ width?: number;
227
+ height?: number;
224
228
  };
225
229
  version: number;
226
230
  link: string;
package/src/template/video/loading.html DELETED
@@ -1,56 +0,0 @@
1
- <div class="split-screen" ng-class="{ split: display.editedDocument !== undefined }">
2
- <div class="loading-list drop-zone">
3
- <ul>
4
- <li ng-repeat="doc in upload.documents"
5
- ng-click="openCompression(doc)"
6
- ng-class="{
7
- 'image-file': doc.isEditableImage && doc.uploadStatus === 'loaded',
8
- 'loading': doc.uploadStatus === 'loading',
9
- selected: doc === display.editedDocument
10
- }"
11
- >
12
- <div class="icon">
13
- <i class="[[doc.role()]]"></i>
14
- <i tooltip-check="doc.isEditableImage && doc.uploadStatus === 'loaded'"
15
- tooltip="medialibrary.editImage.tooltip" class="edit" ng-if="doc.isEditableImage && doc.uploadStatus === 'loaded'"></i>
16
- </div>
17
- <div class="title">[[doc.name || doc.title]]</div>
18
- <div class="status-infos">
19
- <span class="small-text horizontal-margin">
20
- [[doc.size]]
21
- </span>
22
- <i ng-class="{
23
- loading: doc.uploadStatus === 'loading',
24
- loaded: doc.uploadStatus === 'loaded',
25
- failed: doc.uploadStatus === 'failed'
26
- }"></i>
27
- </div>
28
- <i class="close" ng-click="abortOrDelete(doc)"></i>
29
- </li>
30
- </ul>
31
- </div>
32
- </div>
33
- <div class="row zero-mobile">
34
- <div class="one cell">&nbsp;<!-- Marge d'Alizée, voir #44014 --></div>
35
-
36
- <div class="five cell">
37
- <em class="small-text"><i18n>video.upload.supported.formats</i18n></em>
38
- <br>
39
- <em class="small-text"><i18n>video.upload.supported.weight</i18n></em>
40
- </div>
41
- <div class="six cell">
42
- <button class="right-magnet" ng-click="confirmImport()" ng-disabled="!canConfirmImport()" type="button"><i18n>import</i18n></button>
43
- <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
44
- </div>
45
- </div>
46
- <div class="twelve row zero-desktop">
47
- <p>
48
- <em class="small-text"><i18n>video.upload.supported.formats</i18n></em>
49
- <br>
50
- <em class="small-text"><i18n>video.upload.supported.weight</i18n></em>
51
- </p>
52
- <div class="twelve cell">
53
- <button class="right-magnet" ng-click="confirmImport()" ng-disabled="!canConfirmImport()" type="button"><i18n>import</i18n></button>
54
- <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
55
- </div>
56
- </div>