showoff 0.17.2 → 0.18.0

data/locales/pt.yml

@@ -0,0 +1,160 @@
+pt:
+  name: Apresentação Showoff
+  menu:
+    title: Menu Showoff
+    table_of_contents: Índice
+    downloads: Downloads
+    feedback: Enviando...
+    pace:
+      label: O palestrante deve...
+      slower: Ir mais devagar
+      faster: Ir mais rapido
+    question:
+      label: Faça uma pergunta
+      placeholder: Faça uma pergunta...
+    feedback:
+      label: Envie comentários
+      description: Este slide é...
+      worst: Ruim
+      best: Bom
+      why: Por quê...?
+      send: Enviar
+    edit: Editar Slide Atual
+    clear_annotations: Apagar Anotações
+    language: Idioma do conteúdo
+    close: Fechar
+    help: Digite <code>?</code> para ajuda.
+    anonymous: Todo conteúdo é anonimo.
+  navigation:
+    next: Próximo
+    previous: Anterior
+  loading: carregando apresentação...
+  activity_complete: Atividade completada
+  follow:
+    label: "Modo Seguidor:"
+  refresh: "Você tem certeza que quer atualizar o conteúdo do slide?\n\n(Use o `RELOAD` para recarregar completamente a UI inteira)"
+  reload: Você tem certeza que quer reiniciar Showoff?
+  preshow:
+    prompt: Em quanto minutos começar?
+    resume: "Resumindo em:"
+
+  downloads:
+    title: Arquivos de Downloads
+
+  help:
+    title: Ajuda
+    next: Ir para o próximo slide.
+    prev: Ir para o slide anterior.
+    contents: Mostrar o Índice.
+    follow: Alternar modo seguidor.
+    help: Mostrar esta ajuda.
+    refresh: Atualizar conteúdo do slide.
+    reload: Recarregar Showoff completamente.
+    blank: Tela vazia.
+    footer: Alternar o rodapé.
+    notes: Alternar anotaçōes.
+    clear: Limpar resultados de execução do código.
+    pause: Pausar a apresentação.
+    preshow: Mostrar images de slideshow <tt>preshow</tt> em crônometro.
+    execute: Executar o primeiro block de código visível.
+    debug: Mostrar informação de debugging.
+    close: Fechar
+
+  stats:
+    title: Visualizando Estatísticas
+    stray: audiência visualizando slides diferentes do seu.
+    idle: audiência não participativa.
+    current: Slides que estão sendo visualizados no momento
+    elapsed: Tempo gasto em cada slide
+    nodata: Nenhum dado a mostrar.
+    allcurrent: Toda a audiência esta visualizando o slide do palestrante.
+
+  forms:
+    display: Mostrar Resultados
+    save: Salvar
+
+  presenter:
+    topbar:
+      annotations: Anotacoōes
+      edit: Editar Slide
+      report: Relatar Problema com Slide
+      stats: Visualizando Estatísticas
+      downloads: Downloads
+      display: Tela de Apresentação
+      print: Imprimir Slides
+      settings: Configuraçoōes
+      newpage: Abrir em uma nova pagina...
+      tooltip:
+        annotations: Permitir anotaçōes de subsistema.
+        edit: Editar slide atual em uma nova janela.
+        report: Relatar Problema com o slide atual.
+        stats: Visualizar slides com os quais sua audiência está interagindo.
+        downloads: Abrir os arquivos de download em um menu ou nova página.
+        display: Permitir Tela de Apresentacão; você deve usá-la no projetor.
+        print: Imprimir slides usando uma nova janela.
+        settings: Abrir tela de Configuraçōes.
+    preview:
+      next: Próximo
+      previous: Anterior
+    mobile:
+      update: Atualizar
+    notes:
+      label:  Anotaçoōes Showoff
+      personal: Anotaçoōes Pessoais
+    timer:
+      label: "Cronômetro:"
+      start: Iniciar
+      pause: Pausar
+      resume: Resumir
+      cancel: Cancelar
+      unit: mminutos
+    pace:
+      faster: Acelere!
+      slower: Desacelere!
+    questions: Perguntas da Audiência
+    annotation:
+      tools: Ferramentas
+      lines: Linhas
+      shapes: Formas
+    status:
+      label: "Slides:"
+    settings:
+      label: Configuracoōes
+      close: Fechar
+      follower:
+        label: Rastreamento de Atualizaçōes
+        tooltip: Enviar notificaçōes de alteração de slide.
+        description: Quando esta função estiver habilitada, o server do Showoff irá rastrear toda a alteração de slide. Desabilite esta função para visualizar a apresentação sem alterá-la inadvertidamente.
+      remote:
+        label: Permitir Controle Remoto
+        tooltip: Habilita o uso de outros controles.
+        description: Quando esta função esta habilitada, você pode carregar o controle em outro navegador (geralmente seu celular) para controlar a apresentação.
+      layout:
+        label: Layout
+        default: Layout Padrão
+        thumbs: Mostrar ícone miniatura do slide anterior e do próximo slide.
+        beside: Mostrar próximo slide na tela principal do palestrante.
+        floating: Abrir o próximo slide em uma nova janela.
+        confirmation: As configuraçoōes de segurança do seu navegador requer confirmaçaão antes de abrir uma nova janela.
+        open: Abrir Janela
+        cancel: Cancelar
+        reset:
+          label: Limpar configuraçoōes do Showoff.
+          tooltip: Reseta configuraçoōes do Showoff UI para os valores padrão.
+      language:
+        label: Idioma do Conteúdo
+        tooltip: Selecione traducoōes ou auto-selecione com base nas configuracoōes de seu navegador.
+        description: Esta apresentação esta disponível em outros idiomas. Escolha o idioma que você gostaria de visualizar ou deixe em <tt>automatic</tt> para usar as configuraçōes do seu navegador.
+    print:
+      label: Escolha o tipo de visualizaçao de anotaçōes
+      description: Selecione o conteúdo que voceêê gostaria de mostrar abaixo dos slides.
+      none: Não incluir anotaçōes
+      notes: Anotaçōes do Palestrante
+      handouts: Brochura para Audiência
+
+  language:
+    auto: Automática
+    disable: Desabilitar Traduçōes
+
+  error:
+    file_not_found: Arquivo nao Encontrado!

data/public/css/presenter.css

@@ -40,6 +40,10 @@
   #topbar a,
   #topbar .ui-widget {
     text-decoration: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
   }
 
   #topbar a i {
@@ -50,6 +54,11 @@
   #topbar .ui-widget:hover {
     background-color: #263238;
   }
+  #topbar a:active,
+  #topbar a.enabled:active,
+  #topbar .ui-widget:active {
+    background-color: #2e424c;
+  }
 
   #close-sidebar {
     padding: .25em;
@@ -106,13 +115,14 @@
   display: none;
   position: absolute;
   z-index: 2147483647;
-  top: 3em;
+  top: 2.95em;
   left: 25%;
   max-height: 80%;
   width: 50%;
   padding-bottom: 1em;
   border-radius: 0 0 .5em .5em;
   overflow: auto;
+  background-color: #263238;
 }
 
   #presenterPopup a {
@@ -176,6 +186,9 @@
       margin: 2px 0px;
     }
 
+    #timerSection #startTimer {
+      float: right;
+    }
     #timerSection #pauseTimer {
       float: left;
       display: none;

data/public/css/showoff.css

@@ -97,8 +97,14 @@ pre code {
     z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
     display: none;
   }
+    #footer .container {
+      border: 1px solid #ccc;
+      padding: 2px 6px;
+      margin: 0 3px;
+      border-radius: 3px;
+    }
   #followMode {
-    display: none;
+    font-weight: bold;
   }
   #pauseScreen {
       background: rgba(0, 0, 0, 0.85);
@@ -151,7 +157,8 @@ pre code {
   margin: 2em;
 }
 
-.content img {
+.content img,
+.content svg {
   display:block;
   margin-left:auto;
   margin-right:auto;
@@ -265,8 +272,7 @@ pre code {
 
 .offscreen { position:absolute; top:0; left:-9999px; overflow:hidden; }
 
-#debugInfo,
-#slideFilename {
+body.presenter #debugInfo {
   margin-left: 30px;
 }
 
@@ -386,10 +392,15 @@ img#disconnected {
   clear: both;
 }
 
+.optionWrapper,
 .buttonWrapper {
   line-height: 48px;
   padding: 0 16px;
   font-weight: bold;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .buttonWrapper:hover,
@@ -508,6 +519,10 @@ img#disconnected {
   text-decoration: line-through;
   color: #ccc;
 }
+#languageMenu {
+  line-height: 2em;
+}
+
 
 /* End Sidebar styling */
 
@@ -754,6 +769,36 @@ form .element {
   display: none;
 }
 
+/**********************************
+ ***     form answer key        ***
+ **********************************/
+
+/* no, the option styling will likely not do anything */
+.slide.answerkey form option.incorrect,
+.slide.answerkey form label.incorrect {
+  text-decoration: line-through;
+  font-weight: 100;
+  opacity: .7;
+}
+.slide.answerkey form label.correct,
+.slide.answerkey form option.correct {
+  font-weight: 900;
+}
+/* Be careful with order here; these rules depend on cascading order */
+.slide.answerkey input + option,
+.slide.answerkey input + label.incorrect,
+.slide.answerkey input:checked + label.correct,
+.slide.answerkey input:checked + option.correct {
+  color: #00AA00; /* green */
+}
+.slide.answerkey input:checked + option,
+.slide.answerkey input:checked + label.incorrect,
+.slide.answerkey input + label.correct,
+.slide.answerkey input + option.correct {
+  color: #e74c3c; /* red */
+}
+
+
 /*****************
  ***   modals   ***
  *****************/
@@ -1253,6 +1298,11 @@ h1.section_title {
     margin-right:auto;
   }
 
+  /* keep the activity toggle from showing in printed output */
+  .slide.activity .activityToggle {
+    display: none;
+  }
+
   /* Styling to make the handout notes appear in the printed output. */
   .notes-section {
     display: block;

data/public/js/presenter.js

@@ -11,10 +11,6 @@ $(document).ready(function(){
   // set up the presenter modes
   mode = { track: true, follow: true, update: true, slave: false, notes: false, annotations: false, layout: 'default'};
 
-  // attempt to open another window for the presentation if the mode defaults
-  // to enabling this. It does not by default, so this is likely a no-op.
-  openSlave();
-
   // the presenter window doesn't need the reload on resize bit
   $(window).unbind('resize');
 
@@ -26,7 +22,7 @@ $(document).ready(function(){
 // browser security causes a click event to react differently than an actual user click. Even though they're the same damn thing.
 //  $("#report").click(        function() { reportIssue()   });
   $("#slaveWindow").click(   function() { toggleSlave()   });
-  $("#printSlides").click(   function() { printSlides()   });
+  $("#printSlides").click(   function() { printDialog()   });
   $("#settings").click(      function() { $("#settings-modal").dialog("open"); });
   $("#slideSource a").click( function() { openEditor() });
   $("#notesToggle").click(   function() { toggleNotes() });
@@ -51,10 +47,16 @@ $(document).ready(function(){
   $('#downloadslink').click(function(e) { presenterPopupToggle('/download', e); });
 
   $('#layoutSelector').change(function(e) { chooseLayout(e.target.value); });
-
   chooseLayout(null);
 
-  $("#settings-modal").dialog({
+  // the language selector is configured in showoff.js
+
+  // must be defined using [] syntax for a variable button name on IE.
+  var closeLabel      = I18n.t('presenter.settings.close');
+  var buttons         = {};
+  buttons[closeLabel] = function() { $(this).dialog( "close" ); };
+
+  $("#settings-modal, #print-modal").dialog({
     autoOpen: false,
     dialogClass: "no-close",
     draggable: false,
@@ -62,11 +64,7 @@ $(document).ready(function(){
     modal: true,
     resizable: false,
     width: 400,
-    buttons: {
-      Close: function() {
-        $( this ).dialog( "close" );
-      }
-    }
+    buttons: buttons
   });
 
   $("#annotationsToggle").checkboxradio({
@@ -152,6 +150,7 @@ $(document).ready(function(){
   $('#followerToggle').change( toggleUpdater );
   $('#annotationsToggle').change( toggleAnnotations );
 
+  initializeSettings();
   setInterval(function() { updatePace() }, 1000);
 
   setInterval(function() {
@@ -159,7 +158,7 @@ $(document).ready(function(){
       var percent = json['stray_p'];
       if(percent > 25) {
         $('#topbar #statslink').addClass('warning');
-        $('#topbar #statslink').attr('title', percent + "% of your audience is not viewing the same slide you are.");
+        $('#topbar #statslink').attr('title', percent + '%' +  I18n.t('stats.stray'));
       }
       else {
         $('#stray').hide(); // in case the popup is open
@@ -200,12 +199,17 @@ $(document).ready(function(){
 
 function presenterPopupToggle(page, event) {
   event.preventDefault();
+  // remove class from both so we don't lose an active state if user clicks the wrong item
+  $('#statslink').removeClass('enabled');
+  $('#downloadslink').removeClass('enabled');
+
   var popup = $('#presenterPopup');
   if (popup.length > 0) {
     popup.slideUp(200, function () {
       popup.remove();
     });
   } else {
+    $(event.target).addClass('enabled');
     popup = $('<div>');
     popup.attr('id', 'presenterPopup');
     $.get(page, function(data) {
@@ -216,7 +220,7 @@ function presenterPopupToggle(page, event) {
         href: page,
         target: '_new'
       });
-      link.text('Open in a new page...');
+      link.text(I18n.t('presenter.topbar.newpage'));
 
       content.attr('id', page.substring(1, page.length));
       content.append(link);
@@ -261,22 +265,27 @@ function windowIsOpen(window) {
 
 function toggleSlave() {
   mode.slave = !mode.slave;
-  openSlave();
+  if (mode.slave) {
+    openSlave();
+  } else {
+    closeSlave();
+  }
 }
 
 // Open, or maintain connection & reopen slave window.
 function openSlave()
 {
-  if (mode.slave) {
-    try {
-      if(windowIsClosed(slaveWindow)){
-          slaveWindow = window.open('/' + window.location.hash, 'toolbar');
-      }
-      else if(slaveWindow.location.hash != window.location.hash) {
-        // maybe we need to reset content?
-        slaveWindow.location.href = '/' + window.location.hash;
-      }
+  try {
+    if(windowIsClosed(slaveWindow)){
+        slaveWindow = window.open('/' + window.location.hash, 'toolbar');
+    }
+    else if(slaveWindow.location.hash != window.location.hash) {
+      // maybe we need to reset content?
+      slaveWindow.location.href = '/' + window.location.hash;
+    }
 
+    // give the window time to load before poking at it
+    window.setTimeout(function() {
       // maintain the pointer back to the parent.
       slaveWindow.presenterView = window;
       slaveWindow.mode = { track: false, slave: true, follow: false };
@@ -284,26 +293,41 @@ function openSlave()
       // Add a class to differentiate from the audience view
       slaveWindow.document.getElementById("preso").className = 'display';
 
-      $('#slaveWindow').addClass('enabled');
-    }
-    catch(e) {
-      console.log('Failed to open or connect display window. Popup blocker?');
-    }
+      // call back and update the parent presenter if the window is closed
+      slaveWindow.onunload = function(e) {
+        slaveWindow.opener.closeSlave(true);
+      };
+    }, 500);
 
-    // Set up a maintenance loop to keep the connection between windows. I wish there were a cleaner way to do this.
-    if (typeof maintainSlave == 'undefined') {
-      maintainSlave = setInterval(openSlave, 1000);
-    }
+    $('#slaveWindow').addClass('enabled');
   }
-  else {
-    try {
+  catch(e) {
+    console.log('Failed to open or connect display window. Popup blocker?');
+  }
+}
+
+function closeSlave(calledByChild) {
+  try {
+    mode.slave = false;
+    $('#slaveWindow').removeClass('enabled');
+
+    if(calledByChild) {
+      // if this is called by the display view, we don't want to try to close it again.
+      // browsers are the worst. If the user hit *refresh*, then this should reconnect the display view
+      window.setTimeout(function() {
+        if(! windowIsClosed(slaveWindow)) {
+          openSlave();
+        }
+      }, 500);
+    } else {
+      // called normally and close the display view
       slaveWindow && slaveWindow.close();
-      $('#slaveWindow').removeClass('enabled');
-    }
-    catch (e) {
-      console.log('Display window failed to close properly.');
     }
   }
+  catch (e) {
+    console.log('Display window failed to close properly.');
+  }
+
 }
 
 function nextSlideNum(url) {
@@ -357,7 +381,7 @@ function toggleNotes() {
   if (mode.notes) {
     try {
       if(windowIsClosed(notesWindow)){
-        notesWindow = blankStyledWindow("Showoff Notes", 'width=350,height=450', 'notes', true);
+        notesWindow = blankStyledWindow(I18n.t('notes.label'), 'width=350,height=450', 'notes', true);
         window.setTimeout(function() {
           // call back and update the parent presenter if the window is closed
           notesWindow.onunload = function(e) {
@@ -438,15 +462,53 @@ function blankStyledWindow(title, dimensions, classes, resizable) {
   return newWindow;
 }
 
-function printSlides()
+function printDialog() {
+  var list = $('#print-modal #print-sections');
+
+  if(! list.hasClass('processed')) {
+    sections = getAllSections()
+    sections.unshift('') // add the "none" option
+    sections.forEach(function(section) {
+      var link = $('<a>');
+      var item = $('<li>');
+      link.attr('href', '#');
+      link.click(function(){
+        printSlides(section);
+      });
+
+      switch(section) {
+        case '':
+          link.text(I18n.t('presenter.print.none'));
+          break;
+        case 'notes':
+          link.text(I18n.t('presenter.print.notes'));
+          break;
+        case 'handouts':
+          link.text(I18n.t('presenter.print.handouts'));
+          break;
+        default:
+          link.text(section);
+      }
+
+      item.append(link);
+      list.append(item);
+    });
+    list.addClass('processed');
+  }
+
+  $("#print-modal").dialog("open");
+}
+
+function printSlides(section)
 {
   try {
-    var printWindow = window.open('/print');
+    var printWindow = window.open('/print/'+section);
     printWindow.window.print();
   }
   catch(e) {
     console.log('Failed to open print window. Popup blocker?');
   }
+  $("#print-modal").dialog("close");
 }
 
 function postQuestion(question, questionID) {
@@ -551,7 +613,7 @@ gotoSlide = function (slideNum)
     if ( !mobile() ) {
       $("#navigation li li").get(slidenum).scrollIntoView();
     }
-    postSlide()
+    postSlide();
 }
 
 // override with an alternate implementation.
@@ -657,14 +719,19 @@ function postSlide() {
     }
 
     var nextIndex = slidenum + 1;
-    var nextSlide = (nextIndex >= slides.size()) ? '' : slides.eq(nextIndex).html();
-    var prevSlide = (slidenum > 0) ? slides.eq(slidenum - 1).html() : ''
+    var nextSlide = (nextIndex >= slides.size()) ? $('') : slides.eq(nextIndex);
+    var nextThumb = $('#nextSlide .container');
+    var prevSlide = (slidenum > 0) ? slides.eq(slidenum - 1) : $('');
+    var prevThumb = $('#prevSlide .container');
+
+    nextThumb.html(nextSlide.html());
+    prevThumb.html(prevSlide.html());
 
-    $('#nextSlide .container').html(nextSlide);
-    $('#prevSlide .container').html(prevSlide);
+    copyBackground(nextSlide, nextThumb);
+    copyBackground(prevSlide, prevThumb);
 
     if (windowIsOpen(nextWindow)) {
-      $(nextWindow.document.body).html(nextSlide);
+      $(nextWindow.document.body).html(nextSlide.html());
     }
 
     if (windowIsOpen(notesWindow)) {
@@ -674,7 +741,7 @@ function postSlide() {
 		var fileName = currentSlide.children('div').first().attr('ref');
 		$('#slideFile').text(fileName);
     $('#progress').progressbar({ max: slideTotal })
-                  .progressbar('value', slidenum);
+                  .progressbar('value', slidenum+1);
 
     $("#notes div.form.wrapper").each(function(e) {
       renderFormInterval = renderFormWatcher($(this));
@@ -870,6 +937,12 @@ function stopTimer() {
   unpinSidebar('timer');
 }
 
+function initializeSettings() {
+  // enable this if we are the "master" presenter
+  $("#followerToggle").prop("checked", master);
+  mode.update = $("#followerToggle").prop("checked");
+}
+
 /********************
  Follower Code
  ********************/