speaker note;npmignore

rahulsoibam · Jan 30, 2019 · f40fc83 · f40fc83
1 parent 3e38fe5
commit f40fc83
Show file tree

Hide file tree

Showing 9 changed files with 57 additions and 2 deletions.
diff --git a/packages/nodeppt-js/.npmignore b/packages/nodeppt-js/.npmignore
@@ -0,0 +1,2 @@
+__tests__
+__mocks__
diff --git a/packages/nodeppt-js/assets/scss/modules/_note.scss b/packages/nodeppt-js/assets/scss/modules/_note.scss
@@ -18,6 +18,16 @@
         text-align: left; // @include display-flex;
         background: #fff;
     }
+    &.show {
+        animation-duration: .8s;
+        animation-fill-mode: both;
+        animation-name: fadeInUp;
+    }
+    &.hide {
+        animation-duration: .8s;
+        animation-fill-mode: both;
+        animation-name: fadeOutDown;
+    }
 }
 
 section .note {

diff --git a/packages/nodeppt-js/plugins/echarts.js b/packages/nodeppt-js/plugins/echarts.js
@@ -24,7 +24,6 @@ export default class Echarts {
     static onSectionEnter(event) {
         const slide = event.detail.slide || {};
         const {echartsNode, echartsInit, echartsData} = slide;
-        console.log(slide)
         if (!echartsInit) {
             setTimeout(() => {
                 const et = echarts.init(echartsNode, window.echartsTheme_);

diff --git a/packages/nodeppt-js/plugins/speaker-note.js b/packages/nodeppt-js/plugins/speaker-note.js
@@ -0,0 +1,36 @@
+import DOM from 'webslides/src/js/utils/dom';
+import {default as Slide, Events as SlideEvents} from 'webslides/src/js/modules/slide';
+
+export default class SpeakerNote {
+    constructor(wsInstance) {
+        this.ws_ = wsInstance;
+
+        const $note = DOM.toArray(this.ws_.el.querySelectorAll('.note'));
+
+        if ($note.length) {
+            $note.forEach((note, j) => {
+                const {i} = Slide.getSectionFromEl(note);
+                const slide = wsInstance.slides[i - 1];
+                slide.noteNode = note;
+                slide.el.addEventListener(SlideEvents.ENABLE, SpeakerNote.onSectionEnter);
+                slide.el.addEventListener(SlideEvents.DISABLE, SpeakerNote.onSectionDisabled);
+            });
+        }
+    }
+    static toggleNote(e) {
+        if (e.which === 110 && !event.metaKey && !event.ctrlKey && !event.shiftKey) {
+            // toggleNote
+            // console.log(this); // node
+            this.classList.toggle('show');
+        }
+    }
+    static onSectionDisabled(event) {
+        const $node = event.detail.slide.noteNode;
+        $node.removeEventListener('keypress', SpeakerNote.toggleNote.bind($node));
+    }
+    static onSectionEnter(event) {
+        const $node = event.detail.slide.noteNode;
+
+        $node.addEventListener('keypress', SpeakerNote.toggleNote.bind($node));
+    }
+}
diff --git a/packages/nodeppt-parser/.npmignore b/packages/nodeppt-parser/.npmignore
@@ -0,0 +1,2 @@
+__tests__
+__mocks__
diff --git a/packages/nodeppt-serve/.npmignore b/packages/nodeppt-serve/.npmignore
@@ -0,0 +1,2 @@
+__tests__
+__mocks__
diff --git a/packages/nodeppt-serve/package.json b/packages/nodeppt-serve/package.json
@@ -41,7 +41,7 @@
         "file-loader": "3.0.1",
         "friendly-errors-webpack-plugin": "1.7.0",
         "html-loader": "0.5.5",
-        "html-webpack-plugin": "4.0.0-beta.3",
+        "html-webpack-plugin": "^4.0.0-beta.3",
         "import-global": "^0.1.0",
         "lodash.defaultsdeep": "^4.6.0",
         "mini-css-extract-plugin": "0.5.0",

diff --git a/packages/nodeppt-shared-utils/.npmignore b/packages/nodeppt-shared-utils/.npmignore
@@ -0,0 +1,2 @@
+__tests__
+__mocks__
diff --git a/packages/nodeppt/.npmignore b/packages/nodeppt/.npmignore
@@ -0,0 +1,2 @@
+__tests__
+__mocks__