Agenda de Contatos
19 | Novo contato 20 | Relatório 21 || Id | 25 |Nome | 26 |Fone | 27 |Opções | 29 ||
|---|---|---|---|---|
| <%=lista.get(i).getIdcon()%> | 37 |<%=lista.get(i).getNome()%> | 38 |<%=lista.get(i).getFone()%> | 39 |<%=lista.get(i).getEmail()%> | 40 |41 | Editar 43 | Excluir 45 | | 46 |
Editar contato
13 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /agenda/WebContent/imagens/agenda.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/professorjosedeassis/javaEE/ad53e4dd41a3d0f47c26a046f04460f64cb82e67/agenda/WebContent/imagens/agenda.png -------------------------------------------------------------------------------- /agenda/WebContent/imagens/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/professorjosedeassis/javaEE/ad53e4dd41a3d0f47c26a046f04460f64cb82e67/agenda/WebContent/imagens/favicon.png -------------------------------------------------------------------------------- /agenda/WebContent/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
11 | Agenda de Contatos
12 | Acessar 13 | 14 | -------------------------------------------------------------------------------- /agenda/WebContent/novo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Criar novo contato
11 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /agenda/WebContent/scripts/confirmador.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Confirmar a exclusao de um contato 3 | * 4 | * @author Professor Jose de Assis 5 | * @param idcon 6 | */ 7 | 8 | function confirmar(idcon) { 9 | let resposta = confirm("Confirma a exclusão deste contato?") 10 | if (resposta === true) { 11 | window.location.href = "delete?idcon=" + idcon 12 | } 13 | } -------------------------------------------------------------------------------- /agenda/WebContent/scripts/validador.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Validar campos obrigatorios 3 | * 4 | * @author Professor Jose de Assis 5 | */ 6 | 7 | function validar() { 8 | let nome = frmContato.nome.value 9 | let fone = frmContato.fone.value 10 | if (nome === "") { 11 | alert('Preencha o campo Nome') 12 | frmContato.nome.focus() 13 | return false 14 | } else if (fone === "") { 15 | alert('Preencha o campo Fone') 16 | frmContato.fone.focus() 17 | return false 18 | } else { 19 | document.forms["frmContato"].submit() 20 | } 21 | } -------------------------------------------------------------------------------- /agenda/WebContent/style.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap'); 4 | 5 | body { 6 | font-family: 'Open Sans', sans-serif; 7 | font-size: 1em; 8 | font-weight: 400; 9 | } 10 | 11 | h1 { 12 | color: #66bbff; 13 | } 14 | 15 | .Botao1 { 16 | text-decoration: none; 17 | background-color: #66bbff; 18 | padding: 5px 10px 5px 10px; 19 | color: #fff; 20 | font-size: 1.2em; 21 | font-weight: 700; 22 | border-radius: 5px; 23 | border: 0; 24 | cursor: pointer; 25 | } 26 | 27 | .Botao2 { 28 | text-decoration: none; 29 | background-color: #d51213; 30 | padding: 5px 10px 5px 10px; 31 | color: #fff; 32 | font-size: 1.2em; 33 | font-weight: 700; 34 | border-radius: 5px; 35 | } 36 | 37 | .Caixa1 { 38 | width: 320px; 39 | padding: 5px; 40 | margin-bottom: 10px; 41 | border: 1px solid #66bbff; 42 | border-radius: 5px; 43 | } 44 | 45 | .Caixa2 { 46 | padding: 5px; 47 | margin-bottom: 10px; 48 | border: 1px solid #66bbff; 49 | border-radius: 5px; 50 | } 51 | 52 | #caixa3 { 53 | padding: 5px; 54 | margin-bottom: 10px; 55 | border: 1px solid #ff0000; 56 | } 57 | 58 | #tabela { 59 | margin-top: 30px; 60 | border-collapse: collapse; 61 | } 62 | 63 | #tabela th { 64 | border: 1px solid #ddd; 65 | padding: 10px; 66 | text-align: left; 67 | background-color: #66bbff; 68 | color: #fff; 69 | } 70 | 71 | #tabela td { 72 | border: 1px solid #ddd; 73 | padding: 10px; 74 | } -------------------------------------------------------------------------------- /agenda/build/classes/controller/Controller.class: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/professorjosedeassis/javaEE/ad53e4dd41a3d0f47c26a046f04460f64cb82e67/agenda/build/classes/controller/Controller.class -------------------------------------------------------------------------------- /agenda/build/classes/model/DAO.class: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/professorjosedeassis/javaEE/ad53e4dd41a3d0f47c26a046f04460f64cb82e67/agenda/build/classes/model/DAO.class -------------------------------------------------------------------------------- /agenda/build/classes/model/JavaBeans.class: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/professorjosedeassis/javaEE/ad53e4dd41a3d0f47c26a046f04460f64cb82e67/agenda/build/classes/model/JavaBeans.class -------------------------------------------------------------------------------- /agenda/src/controller/Controller.java: -------------------------------------------------------------------------------- 1 | package controller; 2 | 3 | import java.io.IOException; 4 | import java.util.ArrayList; 5 | 6 | import javax.servlet.RequestDispatcher; 7 | import javax.servlet.ServletException; 8 | import javax.servlet.annotation.WebServlet; 9 | import javax.servlet.http.HttpServlet; 10 | import javax.servlet.http.HttpServletRequest; 11 | import javax.servlet.http.HttpServletResponse; 12 | 13 | import com.itextpdf.text.Document; 14 | import com.itextpdf.text.Paragraph; 15 | import com.itextpdf.text.pdf.PdfPCell; 16 | import com.itextpdf.text.pdf.PdfPTable; 17 | import com.itextpdf.text.pdf.PdfWriter; 18 | 19 | import model.DAO; 20 | import model.JavaBeans; 21 | 22 | // TODO: Auto-generated Javadoc 23 | /** 24 | * The Class Controller. 25 | */ 26 | @WebServlet(urlPatterns = { "/Controller", "/main", "/insert", "/select", "/update", "/delete", "/report" }) 27 | public class Controller extends HttpServlet { 28 | 29 | /** The Constant serialVersionUID. */ 30 | private static final long serialVersionUID = 1L; 31 | 32 | /** The dao. */ 33 | DAO dao = new DAO(); 34 | 35 | /** The contato. */ 36 | JavaBeans contato = new JavaBeans(); 37 | 38 | /** 39 | * Instantiates a new controller. 40 | */ 41 | public Controller() { 42 | super(); 43 | } 44 | 45 | /** 46 | * Do get. 47 | * 48 | * @param request the request 49 | * @param response the response 50 | * @throws ServletException the servlet exception 51 | * @throws IOException Signals that an I/O exception has occurred. 52 | */ 53 | protected void doGet(HttpServletRequest request, HttpServletResponse response) 54 | throws ServletException, IOException { 55 | String action = request.getServletPath(); 56 | if (action.equals("/main")) { 57 | contatos(request, response); 58 | } else if (action.equals("/insert")) { 59 | adicionarContato(request, response); 60 | } else if (action.equals("/select")) { 61 | listarContato(request, response); 62 | } else if (action.equals("/update")) { 63 | editarContato(request, response); 64 | } else if (action.equals("/delete")) { 65 | removerContato(request, response); 66 | } else if (action.equals("/report")) { 67 | gerarRelatorio(request, response); 68 | } else { 69 | response.sendRedirect("index.html"); 70 | } 71 | } 72 | 73 | /** 74 | * Contatos. 75 | * 76 | * @param request the request 77 | * @param response the response 78 | * @throws ServletException the servlet exception 79 | * @throws IOException Signals that an I/O exception has occurred. 80 | */ 81 | protected void contatos(HttpServletRequest request, HttpServletResponse response) 82 | throws ServletException, IOException { 83 | ArrayList
20 |
160 |
161 |
162 |
163 |
164 |
165 |
176 |
177 |
178 |
--------------------------------------------------------------------------------
/docs/js/components/playback.js:
--------------------------------------------------------------------------------
1 | /**
2 | * UI component that lets the use control auto-slide
3 | * playback via play/pause.
4 | */
5 | export default class Playback {
6 |
7 | /**
8 | * @param {HTMLElement} container The component will append
9 | * itself to this
10 | * @param {function} progressCheck A method which will be
11 | * called frequently to get the current playback progress on
12 | * a range of 0-1
13 | */
14 | constructor( container, progressCheck ) {
15 |
16 | // Cosmetics
17 | this.diameter = 100;
18 | this.diameter2 = this.diameter/2;
19 | this.thickness = 6;
20 |
21 | // Flags if we are currently playing
22 | this.playing = false;
23 |
24 | // Current progress on a 0-1 range
25 | this.progress = 0;
26 |
27 | // Used to loop the animation smoothly
28 | this.progressOffset = 1;
29 |
30 | this.container = container;
31 | this.progressCheck = progressCheck;
32 |
33 | this.canvas = document.createElement( 'canvas' );
34 | this.canvas.className = 'playback';
35 | this.canvas.width = this.diameter;
36 | this.canvas.height = this.diameter;
37 | this.canvas.style.width = this.diameter2 + 'px';
38 | this.canvas.style.height = this.diameter2 + 'px';
39 | this.context = this.canvas.getContext( '2d' );
40 |
41 | this.container.appendChild( this.canvas );
42 |
43 | this.render();
44 |
45 | }
46 |
47 | setPlaying( value ) {
48 |
49 | const wasPlaying = this.playing;
50 |
51 | this.playing = value;
52 |
53 | // Start repainting if we weren't already
54 | if( !wasPlaying && this.playing ) {
55 | this.animate();
56 | }
57 | else {
58 | this.render();
59 | }
60 |
61 | }
62 |
63 | animate() {
64 |
65 | const progressBefore = this.progress;
66 |
67 | this.progress = this.progressCheck();
68 |
69 | // When we loop, offset the progress so that it eases
70 | // smoothly rather than immediately resetting
71 | if( progressBefore > 0.8 && this.progress < 0.2 ) {
72 | this.progressOffset = this.progress;
73 | }
74 |
75 | this.render();
76 |
77 | if( this.playing ) {
78 | requestAnimationFrame( this.animate.bind( this ) );
79 | }
80 |
81 | }
82 |
83 | /**
84 | * Renders the current progress and playback state.
85 | */
86 | render() {
87 |
88 | let progress = this.playing ? this.progress : 0,
89 | radius = ( this.diameter2 ) - this.thickness,
90 | x = this.diameter2,
91 | y = this.diameter2,
92 | iconSize = 28;
93 |
94 | // Ease towards 1
95 | this.progressOffset += ( 1 - this.progressOffset ) * 0.1;
96 |
97 | const endAngle = ( - Math.PI / 2 ) + ( progress * ( Math.PI * 2 ) );
98 | const startAngle = ( - Math.PI / 2 ) + ( this.progressOffset * ( Math.PI * 2 ) );
99 |
100 | this.context.save();
101 | this.context.clearRect( 0, 0, this.diameter, this.diameter );
102 |
103 | // Solid background color
104 | this.context.beginPath();
105 | this.context.arc( x, y, radius + 4, 0, Math.PI * 2, false );
106 | this.context.fillStyle = 'rgba( 0, 0, 0, 0.4 )';
107 | this.context.fill();
108 |
109 | // Draw progress track
110 | this.context.beginPath();
111 | this.context.arc( x, y, radius, 0, Math.PI * 2, false );
112 | this.context.lineWidth = this.thickness;
113 | this.context.strokeStyle = 'rgba( 255, 255, 255, 0.2 )';
114 | this.context.stroke();
115 |
116 | if( this.playing ) {
117 | // Draw progress on top of track
118 | this.context.beginPath();
119 | this.context.arc( x, y, radius, startAngle, endAngle, false );
120 | this.context.lineWidth = this.thickness;
121 | this.context.strokeStyle = '#fff';
122 | this.context.stroke();
123 | }
124 |
125 | this.context.translate( x - ( iconSize / 2 ), y - ( iconSize / 2 ) );
126 |
127 | // Draw play/pause icons
128 | if( this.playing ) {
129 | this.context.fillStyle = '#fff';
130 | this.context.fillRect( 0, 0, iconSize / 2 - 4, iconSize );
131 | this.context.fillRect( iconSize / 2 + 4, 0, iconSize / 2 - 4, iconSize );
132 | }
133 | else {
134 | this.context.beginPath();
135 | this.context.translate( 4, 0 );
136 | this.context.moveTo( 0, 0 );
137 | this.context.lineTo( iconSize - 4, iconSize / 2 );
138 | this.context.lineTo( 0, iconSize );
139 | this.context.fillStyle = '#fff';
140 | this.context.fill();
141 | }
142 |
143 | this.context.restore();
144 |
145 | }
146 |
147 | on( type, listener ) {
148 | this.canvas.addEventListener( type, listener, false );
149 | }
150 |
151 | off( type, listener ) {
152 | this.canvas.removeEventListener( type, listener, false );
153 | }
154 |
155 | destroy() {
156 |
157 | this.playing = false;
158 |
159 | if( this.canvas.parentNode ) {
160 | this.container.removeChild( this.canvas );
161 | }
162 |
163 | }
164 |
165 | }
--------------------------------------------------------------------------------
/docs/js/controllers/focus.js:
--------------------------------------------------------------------------------
1 | import { closest } from '../utils/util.js'
2 |
3 | /**
4 | * Manages focus when a presentation is embedded. This
5 | * helps us only capture keyboard from the presentation
6 | * a user is currently interacting with in a page where
7 | * multiple presentations are embedded.
8 | */
9 |
10 | const STATE_FOCUS = 'focus';
11 | const STATE_BLUR = 'blur';
12 |
13 | export default class Focus {
14 |
15 | constructor( Reveal ) {
16 |
17 | this.Reveal = Reveal;
18 |
19 | this.onRevealPointerDown = this.onRevealPointerDown.bind( this );
20 | this.onDocumentPointerDown = this.onDocumentPointerDown.bind( this );
21 |
22 | }
23 |
24 | /**
25 | * Called when the reveal.js config is updated.
26 | */
27 | configure( config, oldConfig ) {
28 |
29 | if( config.embedded ) {
30 | this.blur();
31 | }
32 | else {
33 | this.focus();
34 | this.unbind();
35 | }
36 |
37 | }
38 |
39 | bind() {
40 |
41 | if( this.Reveal.getConfig().embedded ) {
42 | this.Reveal.getRevealElement().addEventListener( 'pointerdown', this.onRevealPointerDown, false );
43 | }
44 |
45 | }
46 |
47 | unbind() {
48 |
49 | this.Reveal.getRevealElement().removeEventListener( 'pointerdown', this.onRevealPointerDown, false );
50 | document.removeEventListener( 'pointerdown', this.onDocumentPointerDown, false );
51 |
52 | }
53 |
54 | focus() {
55 |
56 | if( this.state !== STATE_FOCUS ) {
57 | this.Reveal.getRevealElement().classList.add( 'focused' );
58 | document.addEventListener( 'pointerdown', this.onDocumentPointerDown, false );
59 | }
60 |
61 | this.state = STATE_FOCUS;
62 |
63 | }
64 |
65 | blur() {
66 |
67 | if( this.state !== STATE_BLUR ) {
68 | this.Reveal.getRevealElement().classList.remove( 'focused' );
69 | document.removeEventListener( 'pointerdown', this.onDocumentPointerDown, false );
70 | }
71 |
72 | this.state = STATE_BLUR;
73 |
74 | }
75 |
76 | isFocused() {
77 |
78 | return this.state === STATE_FOCUS;
79 |
80 | }
81 |
82 | destroy() {
83 |
84 | this.Reveal.getRevealElement().classList.remove( 'focused' );
85 |
86 | }
87 |
88 | onRevealPointerDown( event ) {
89 |
90 | this.focus();
91 |
92 | }
93 |
94 | onDocumentPointerDown( event ) {
95 |
96 | let revealElement = closest( event.target, '.reveal' );
97 | if( !revealElement || revealElement !== this.Reveal.getRevealElement() ) {
98 | this.blur();
99 | }
100 |
101 | }
102 |
103 | }
--------------------------------------------------------------------------------
/docs/js/controllers/jumptoslide.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Makes it possible to jump to a slide by entering its
3 | * slide number or id.
4 | */
5 | export default class JumpToSlide {
6 |
7 | constructor( Reveal ) {
8 |
9 | this.Reveal = Reveal;
10 |
11 | this.onInput = this.onInput.bind( this );
12 | this.onBlur = this.onBlur.bind( this );
13 | this.onKeyDown = this.onKeyDown.bind( this );
14 |
15 | }
16 |
17 | render() {
18 |
19 | this.element = document.createElement( 'div' );
20 | this.element.className = 'jump-to-slide';
21 |
22 | this.jumpInput = document.createElement( 'input' );
23 | this.jumpInput.type = 'text';
24 | this.jumpInput.className = 'jump-to-slide-input';
25 | this.jumpInput.placeholder = 'Jump to slide';
26 | this.jumpInput.addEventListener( 'input', this.onInput );
27 | this.jumpInput.addEventListener( 'keydown', this.onKeyDown );
28 | this.jumpInput.addEventListener( 'blur', this.onBlur );
29 |
30 | this.element.appendChild( this.jumpInput );
31 |
32 | }
33 |
34 | show() {
35 |
36 | this.indicesOnShow = this.Reveal.getIndices();
37 |
38 | this.Reveal.getRevealElement().appendChild( this.element );
39 | this.jumpInput.focus();
40 |
41 | }
42 |
43 | hide() {
44 |
45 | if( this.isVisible() ) {
46 | this.element.remove();
47 | this.jumpInput.value = '';
48 |
49 | clearTimeout( this.jumpTimeout );
50 | delete this.jumpTimeout;
51 | }
52 |
53 | }
54 |
55 | isVisible() {
56 |
57 | return !!this.element.parentNode;
58 |
59 | }
60 |
61 | /**
62 | * Parses the current input and jumps to the given slide.
63 | */
64 | jump() {
65 |
66 | clearTimeout( this.jumpTimeout );
67 | delete this.jumpTimeout;
68 |
69 | const query = this.jumpInput.value.trim( '' );
70 | let indices = this.Reveal.location.getIndicesFromHash( query, { oneBasedIndex: true } );
71 |
72 | // If no valid index was found and the input query is a
73 | // string, fall back on a simple search
74 | if( !indices && /\S+/i.test( query ) && query.length > 1 ) {
75 | indices = this.search( query );
76 | }
77 |
78 | if( indices && query !== '' ) {
79 | this.Reveal.slide( indices.h, indices.v, indices.f );
80 | return true;
81 | }
82 | else {
83 | this.Reveal.slide( this.indicesOnShow.h, this.indicesOnShow.v, this.indicesOnShow.f );
84 | return false;
85 | }
86 |
87 | }
88 |
89 | jumpAfter( delay ) {
90 |
91 | clearTimeout( this.jumpTimeout );
92 | this.jumpTimeout = setTimeout( () => this.jump(), delay );
93 |
94 | }
95 |
96 | /**
97 | * A lofi search that looks for the given query in all
98 | * of our slides and returns the first match.
99 | */
100 | search( query ) {
101 |
102 | const regex = new RegExp( '\\b' + query.trim() + '\\b', 'i' );
103 |
104 | const slide = this.Reveal.getSlides().find( ( slide ) => {
105 | return regex.test( slide.innerText );
106 | } );
107 |
108 | if( slide ) {
109 | return this.Reveal.getIndices( slide );
110 | }
111 | else {
112 | return null;
113 | }
114 |
115 | }
116 |
117 | /**
118 | * Reverts back to the slide we were on when jump to slide was
119 | * invoked.
120 | */
121 | cancel() {
122 |
123 | this.Reveal.slide( this.indicesOnShow.h, this.indicesOnShow.v, this.indicesOnShow.f );
124 | this.hide();
125 |
126 | }
127 |
128 | confirm() {
129 |
130 | this.jump();
131 | this.hide();
132 |
133 | }
134 |
135 | destroy() {
136 |
137 | this.jumpInput.removeEventListener( 'input', this.onInput );
138 | this.jumpInput.removeEventListener( 'keydown', this.onKeyDown );
139 | this.jumpInput.removeEventListener( 'blur', this.onBlur );
140 |
141 | this.element.remove();
142 |
143 | }
144 |
145 | onKeyDown( event ) {
146 |
147 | if( event.keyCode === 13 ) {
148 | this.confirm();
149 | }
150 | else if( event.keyCode === 27 ) {
151 | this.cancel();
152 |
153 | event.stopImmediatePropagation();
154 | }
155 |
156 | }
157 |
158 | onInput( event ) {
159 |
160 | this.jumpAfter( 200 );
161 |
162 | }
163 |
164 | onBlur() {
165 |
166 | setTimeout( () => this.hide(), 1 );
167 |
168 | }
169 |
170 | }
--------------------------------------------------------------------------------
/docs/js/controllers/location.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Reads and writes the URL based on reveal.js' current state.
3 | */
4 | export default class Location {
5 |
6 | // The minimum number of milliseconds that must pass between
7 | // calls to history.replaceState
8 | MAX_REPLACE_STATE_FREQUENCY = 1000
9 |
10 | constructor( Reveal ) {
11 |
12 | this.Reveal = Reveal;
13 |
14 | // Delays updates to the URL due to a Chrome thumbnailer bug
15 | this.writeURLTimeout = 0;
16 |
17 | this.replaceStateTimestamp = 0;
18 |
19 | this.onWindowHashChange = this.onWindowHashChange.bind( this );
20 |
21 | }
22 |
23 | bind() {
24 |
25 | window.addEventListener( 'hashchange', this.onWindowHashChange, false );
26 |
27 | }
28 |
29 | unbind() {
30 |
31 | window.removeEventListener( 'hashchange', this.onWindowHashChange, false );
32 |
33 | }
34 |
35 | /**
36 | * Returns the slide indices for the given hash link.
37 | *
38 | * @param {string} [hash] the hash string that we want to
39 | * find the indices for
40 | *
41 | * @returns slide indices or null
42 | */
43 | getIndicesFromHash( hash=window.location.hash, options={} ) {
44 |
45 | // Attempt to parse the hash as either an index or name
46 | let name = hash.replace( /^#\/?/, '' );
47 | let bits = name.split( '/' );
48 |
49 | // If the first bit is not fully numeric and there is a name we
50 | // can assume that this is a named link
51 | if( !/^[0-9]*$/.test( bits[0] ) && name.length ) {
52 | let element;
53 |
54 | let f;
55 |
56 | // Parse named links with fragments (#/named-link/2)
57 | if( /\/[-\d]+$/g.test( name ) ) {
58 | f = parseInt( name.split( '/' ).pop(), 10 );
59 | f = isNaN(f) ? undefined : f;
60 | name = name.split( '/' ).shift();
61 | }
62 |
63 | // Ensure the named link is a valid HTML ID attribute
64 | try {
65 | element = document.getElementById( decodeURIComponent( name ) );
66 | }
67 | catch ( error ) { }
68 |
69 | if( element ) {
70 | return { ...this.Reveal.getIndices( element ), f };
71 | }
72 | }
73 | else {
74 | const config = this.Reveal.getConfig();
75 | let hashIndexBase = config.hashOneBasedIndex || options.oneBasedIndex ? 1 : 0;
76 |
77 | // Read the index components of the hash
78 | let h = ( parseInt( bits[0], 10 ) - hashIndexBase ) || 0,
79 | v = ( parseInt( bits[1], 10 ) - hashIndexBase ) || 0,
80 | f;
81 |
82 | if( config.fragmentInURL ) {
83 | f = parseInt( bits[2], 10 );
84 | if( isNaN( f ) ) {
85 | f = undefined;
86 | }
87 | }
88 |
89 | return { h, v, f };
90 | }
91 |
92 | // The hash couldn't be parsed or no matching named link was found
93 | return null
94 |
95 | }
96 |
97 | /**
98 | * Reads the current URL (hash) and navigates accordingly.
99 | */
100 | readURL() {
101 |
102 | const currentIndices = this.Reveal.getIndices();
103 | const newIndices = this.getIndicesFromHash();
104 |
105 | if( newIndices ) {
106 | if( ( newIndices.h !== currentIndices.h || newIndices.v !== currentIndices.v || newIndices.f !== undefined ) ) {
107 | this.Reveal.slide( newIndices.h, newIndices.v, newIndices.f );
108 | }
109 | }
110 | // If no new indices are available, we're trying to navigate to
111 | // a slide hash that does not exist
112 | else {
113 | this.Reveal.slide( currentIndices.h || 0, currentIndices.v || 0 );
114 | }
115 |
116 | }
117 |
118 | /**
119 | * Updates the page URL (hash) to reflect the current
120 | * state.
121 | *
122 | * @param {number} delay The time in ms to wait before
123 | * writing the hash
124 | */
125 | writeURL( delay ) {
126 |
127 | let config = this.Reveal.getConfig();
128 | let currentSlide = this.Reveal.getCurrentSlide();
129 |
130 | // Make sure there's never more than one timeout running
131 | clearTimeout( this.writeURLTimeout );
132 |
133 | // If a delay is specified, timeout this call
134 | if( typeof delay === 'number' ) {
135 | this.writeURLTimeout = setTimeout( this.writeURL, delay );
136 | }
137 | else if( currentSlide ) {
138 |
139 | let hash = this.getHash();
140 |
141 | // If we're configured to push to history OR the history
142 | // API is not available.
143 | if( config.history ) {
144 | window.location.hash = hash;
145 | }
146 | // If we're configured to reflect the current slide in the
147 | // URL without pushing to history.
148 | else if( config.hash ) {
149 | // If the hash is empty, don't add it to the URL
150 | if( hash === '/' ) {
151 | this.debouncedReplaceState( window.location.pathname + window.location.search );
152 | }
153 | else {
154 | this.debouncedReplaceState( '#' + hash );
155 | }
156 | }
157 | // UPDATE: The below nuking of all hash changes breaks
158 | // anchors on pages where reveal.js is running. Removed
159 | // in 4.0. Why was it here in the first place? ¯\_(ツ)_/¯
160 | //
161 | // If history and hash are both disabled, a hash may still
162 | // be added to the URL by clicking on a href with a hash
163 | // target. Counter this by always removing the hash.
164 | // else {
165 | // window.history.replaceState( null, null, window.location.pathname + window.location.search );
166 | // }
167 |
168 | }
169 |
170 | }
171 |
172 | replaceState( url ) {
173 |
174 | window.history.replaceState( null, null, url );
175 | this.replaceStateTimestamp = Date.now();
176 |
177 | }
178 |
179 | debouncedReplaceState( url ) {
180 |
181 | clearTimeout( this.replaceStateTimeout );
182 |
183 | if( Date.now() - this.replaceStateTimestamp > this.MAX_REPLACE_STATE_FREQUENCY ) {
184 | this.replaceState( url );
185 | }
186 | else {
187 | this.replaceStateTimeout = setTimeout( () => this.replaceState( url ), this.MAX_REPLACE_STATE_FREQUENCY );
188 | }
189 |
190 | }
191 |
192 | /**
193 | * Return a hash URL that will resolve to the given slide location.
194 | *
195 | * @param {HTMLElement} [slide=currentSlide] The slide to link to
196 | */
197 | getHash( slide ) {
198 |
199 | let url = '/';
200 |
201 | // Attempt to create a named link based on the slide's ID
202 | let s = slide || this.Reveal.getCurrentSlide();
203 | let id = s ? s.getAttribute( 'id' ) : null;
204 | if( id ) {
205 | id = encodeURIComponent( id );
206 | }
207 |
208 | let index = this.Reveal.getIndices( slide );
209 | if( !this.Reveal.getConfig().fragmentInURL ) {
210 | index.f = undefined;
211 | }
212 |
213 | // If the current slide has an ID, use that as a named link,
214 | // but we don't support named links with a fragment index
215 | if( typeof id === 'string' && id.length ) {
216 | url = '/' + id;
217 |
218 | // If there is also a fragment, append that at the end
219 | // of the named link, like: #/named-link/2
220 | if( index.f >= 0 ) url += '/' + index.f;
221 | }
222 | // Otherwise use the /h/v index
223 | else {
224 | let hashIndexBase = this.Reveal.getConfig().hashOneBasedIndex ? 1 : 0;
225 | if( index.h > 0 || index.v > 0 || index.f >= 0 ) url += index.h + hashIndexBase;
226 | if( index.v > 0 || index.f >= 0 ) url += '/' + (index.v + hashIndexBase );
227 | if( index.f >= 0 ) url += '/' + index.f;
228 | }
229 |
230 | return url;
231 |
232 | }
233 |
234 | /**
235 | * Handler for the window level 'hashchange' event.
236 | *
237 | * @param {object} [event]
238 | */
239 | onWindowHashChange( event ) {
240 |
241 | this.readURL();
242 |
243 | }
244 |
245 | }
--------------------------------------------------------------------------------
/docs/js/controllers/notes.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Handles the showing of speaker notes
3 | */
4 | export default class Notes {
5 |
6 | constructor( Reveal ) {
7 |
8 | this.Reveal = Reveal;
9 |
10 | }
11 |
12 | render() {
13 |
14 | this.element = document.createElement( 'div' );
15 | this.element.className = 'speaker-notes';
16 | this.element.setAttribute( 'data-prevent-swipe', '' );
17 | this.element.setAttribute( 'tabindex', '0' );
18 | this.Reveal.getRevealElement().appendChild( this.element );
19 |
20 | }
21 |
22 | /**
23 | * Called when the reveal.js config is updated.
24 | */
25 | configure( config, oldConfig ) {
26 |
27 | if( config.showNotes ) {
28 | this.element.setAttribute( 'data-layout', typeof config.showNotes === 'string' ? config.showNotes : 'inline' );
29 | }
30 |
31 | }
32 |
33 | /**
34 | * Pick up notes from the current slide and display them
35 | * to the viewer.
36 | *
37 | * @see {@link config.showNotes}
38 | */
39 | update() {
40 |
41 | if( this.Reveal.getConfig().showNotes && this.element && this.Reveal.getCurrentSlide() && !this.Reveal.print.isPrintingPDF() ) {
42 |
43 | this.element.innerHTML = this.getSlideNotes() || 'No notes on this slide.';
44 |
45 | }
46 |
47 | }
48 |
49 | /**
50 | * Updates the visibility of the speaker notes sidebar that
51 | * is used to share annotated slides. The notes sidebar is
52 | * only visible if showNotes is true and there are notes on
53 | * one or more slides in the deck.
54 | */
55 | updateVisibility() {
56 |
57 | if( this.Reveal.getConfig().showNotes && this.hasNotes() && !this.Reveal.print.isPrintingPDF() ) {
58 | this.Reveal.getRevealElement().classList.add( 'show-notes' );
59 | }
60 | else {
61 | this.Reveal.getRevealElement().classList.remove( 'show-notes' );
62 | }
63 |
64 | }
65 |
66 | /**
67 | * Checks if there are speaker notes for ANY slide in the
68 | * presentation.
69 | */
70 | hasNotes() {
71 |
72 | return this.Reveal.getSlidesElement().querySelectorAll( '[data-notes], aside.notes' ).length > 0;
73 |
74 | }
75 |
76 | /**
77 | * Checks if this presentation is running inside of the
78 | * speaker notes window.
79 | *
80 | * @return {boolean}
81 | */
82 | isSpeakerNotesWindow() {
83 |
84 | return !!window.location.search.match( /receiver/gi );
85 |
86 | }
87 |
88 | /**
89 | * Retrieves the speaker notes from a slide. Notes can be
90 | * defined in two ways:
91 | * 1. As a data-notes attribute on the slide
21 |
22 | 
23 | joseassis.com.br
24 |
25 |
26 | 
27 | joseassis.com.br
28 |
29 |
30 | 
31 | joseassis.com.br
32 |
33 |
34 | 
35 | joseassis.com.br
36 |
37 |
38 | 
39 | joseassis.com.br
40 |
41 |
42 | 
43 | joseassis.com.br
44 |
45 |
46 | 
47 | joseassis.com.br
48 |
49 |
50 | 
51 | joseassis.com.br
52 |
53 |
54 | 
55 | joseassis.com.br
56 |
57 |
58 | 
59 | joseassis.com.br
60 |
61 |
62 | 
63 | joseassis.com.br
64 |
65 |
66 | 
67 | joseassis.com.br
68 |
69 |
70 | 
71 | joseassis.com.br
72 |
73 |
74 | 
75 | joseassis.com.br
76 |
77 |
78 | 
79 | joseassis.com.br
80 |
81 |
82 | 
83 | joseassis.com.br
84 |
85 |
86 | 
87 | joseassis.com.br
88 |
89 |
90 | 
91 | joseassis.com.br
92 |
93 |
94 | 
95 | joseassis.com.br
96 |
97 |
98 | 
99 | joseassis.com.br
100 |
101 |
102 | 
103 | joseassis.com.br
104 |
105 |
106 | 
107 | joseassis.com.br
108 |
109 |
110 | 
111 | joseassis.com.br
112 |
113 |
114 | 
115 | joseassis.com.br
116 |
117 |
118 | 
119 | joseassis.com.br
120 |
121 |
122 | 
123 | joseassis.com.br
124 |
125 |
126 | 
127 | joseassis.com.br
128 |
129 |
130 | 
131 | joseassis.com.br
132 |
133 |
134 | 
135 | joseassis.com.br
136 |
137 |
138 | 
139 | joseassis.com.br
140 |
141 |
142 | 
143 | joseassis.com.br
144 |
145 |
146 | 
147 | joseassis.com.br
148 |
149 |
150 | 
151 | joseassis.com.br
152 |
153 |
154 | 
155 | joseassis.com.br
156 |
157 |
158 |
159 |
23 | joseassis.com.br
24 |
27 | joseassis.com.br
28 |
31 | joseassis.com.br
32 |
35 | joseassis.com.br
36 |
39 | joseassis.com.br
40 |
43 | joseassis.com.br
44 |
47 | joseassis.com.br
48 |
51 | joseassis.com.br
52 |
55 | joseassis.com.br
56 |
59 | joseassis.com.br
60 |
63 | joseassis.com.br
64 |
67 | joseassis.com.br
68 |
71 | joseassis.com.br
72 |
75 | joseassis.com.br
76 |
79 | joseassis.com.br
80 |
83 | joseassis.com.br
84 |
87 | joseassis.com.br
88 |
91 | joseassis.com.br
92 |
95 | joseassis.com.br
96 |
99 | joseassis.com.br
100 |
103 | joseassis.com.br
104 |
107 | joseassis.com.br
108 |
111 | joseassis.com.br
112 |
115 | joseassis.com.br
116 |
119 | joseassis.com.br
120 |
123 | joseassis.com.br
124 |
127 | joseassis.com.br
128 |
131 | joseassis.com.br
132 |
135 | joseassis.com.br
136 |
139 | joseassis.com.br
140 |
143 | joseassis.com.br
144 |
147 | joseassis.com.br
148 |
151 | joseassis.com.br
152 |
155 | joseassis.com.br
156 |