feat: added data-hide-controls

webyarns · Nov 20, 2021 · ae06d01 · ae06d01
1 parent 5b964ff
commit ae06d01
Show file tree

Hide file tree

Showing 7 changed files with 119 additions and 5 deletions.
diff --git a/cypress/integration/hide-controls.spec.ts b/cypress/integration/hide-controls.spec.ts
@@ -0,0 +1,20 @@
+describe('unhide sections spec', () => {
+  beforeEach(() => {
+    cy.visit('/webyarns-hidenav.html')
+  })
+
+  it('should hide controls on a section', () => {
+   cy.nextSlide();
+   cy.get(".navigate-left").should("be.visible")
+    cy.nextSlide();
+    cy.get(".navigate-left").should("not.be.visible")
+    cy.nextSlide();
+    cy.get(".navigate-left").should("be.visible")
+  })
+
+
+
+
+
+
+})
diff --git a/uglify.json b/uglify.json
@@ -1,6 +1,6 @@
 {
   "output": {
-    "preamble": "// version 3.8.3-vertical"
+    "preamble": "// version 3.8.4-vertical"
   },
   "sourceMap": {
     "url": "inline"

diff --git a/webyarns-hidenav.html b/webyarns-hidenav.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+	<title>reveal.js</title>
+	<link rel="stylesheet" href="css/reset.css">
+	<link rel="stylesheet" href="css/reveal.css">
+	<link rel="stylesheet" href="css/theme/black.css">
+	<!-- Theme used for syntax highlighting of code -->
+	<link rel="stylesheet" href="lib/css/monokai.css">
+	<!-- Printing and PDF exports -->
+	<script>
+		var link = document.createElement('link');
+		link.rel = 'stylesheet';
+		link.type = 'text/css';
+		link.href = window.location.search.match(/print-pdf/gi) ? 'css/print/pdf.css' : 'css/print/paper.css';
+		document.getElementsByTagName('head')[0].appendChild(link);
+	</script>
+</head>
+<body>
+<div class="reveal">
+	<div class="slides">
+		<section>
+			<h1>Start</h1>
+		</section>
+		<section>
+		    <h1>normal slide 1</h1>
+		</section>
+		<section data-hide-controls="">
+		    <h1>slide with hidden nav</h1>
+		</section>
+		<section>
+			<h1>normal slide 1</h1>
+		</section>
+	</div>
+</div>
+
+<script src="webyarns-util/lib/helpers.js"></script>
+<script src="js/reveal-vertical.js"></script>
+
+<script>
+	// More info about config & dependencies:
+	// - https://github.com/hakimel/reveal.js#configuration
+	// - https://github.com/hakimel/reveal.js#dependencies
+	Reveal.initialize({
+		dependencies: [
+			{ src: 'webyarns-util/lib/webyarn-plugin.js' },
+			{ src: 'plugin/markdown/marked.js' },
+			{ src: 'plugin/markdown/markdown.js' },
+			{ src: 'plugin/notes/notes.js', async: true },
+			{ src: 'plugin/highlight/highlight.js', async: true }
+		]
+	});
+</script>
+</body>
+</html>
diff --git a/webyarns-util/lib/webyarn-plugin.js b/webyarns-util/lib/webyarn-plugin.js
diff --git a/webyarns-util/lib/webyarn-plugin.min.js b/webyarns-util/lib/webyarn-plugin.min.js
diff --git a/webyarns-util/lib/webyarn-plugin.min.js.map b/webyarns-util/lib/webyarn-plugin.min.js.map