Difference between revisions of "Team:Exeter/Notebook"

Line 39: Line 39:
 
             }
 
             }
 
             notePad.innerHTML = (toShow == null) ? "<h1>"+dateText+"</h1><ul><li>Slow day...</li></ul>" : toShow;
 
             notePad.innerHTML = (toShow == null) ? "<h1>"+dateText+"</h1><ul><li>Slow day...</li></ul>" : toShow;
 +
            console.log("change function does trigger");
 +
            var buttonPrev = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z\" /></svg>";
 +
            var buttonNext = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z \" transform=\"translate(85,100) rotate(180)\"></svg>";
 +
            $('.ui-datepicker-prev').append(buttonPrev);
 +
            $('.ui-datepicker-next').append(buttonNext);
 
     }
 
     }
 
   });
 
   });
Line 44: Line 49:
  
 
   $(document).on('click','.ui-datepicker-next',function(){
 
   $(document).on('click','.ui-datepicker-next',function(){
−
  console.log("change function does trigger");
+
      var buttonPrev = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z\" /></svg>";
−
  var buttonPrev = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z\" /></svg>";
+
      var buttonNext = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z \" transform=\"translate(85,100) rotate(180)\"></svg>";
−
    var buttonNext = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z \" transform=\"translate(85,100) rotate(180)\"></svg>"
+
      $('.ui-datepicker-prev').append(buttonPrev);
−
    $('.ui-datepicker-prev').append(buttonPrev);
+
      $('.ui-datepicker-next').append(buttonNext);
−
    $('.ui-datepicker-next').append(buttonNext);
+
 
   });  
 
   });  
  
 
$(document).on('click','.ui-datepicker-prev',function(){
 
$(document).on('click','.ui-datepicker-prev',function(){
−
  console.log("change function does trigger");
+
      var buttonPrev = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z\" /></svg>";
−
  var buttonPrev = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z\" /></svg>";
+
      var buttonNext = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z \" transform=\"translate(85,100) rotate(180)\"></svg>";
−
    var buttonNext = "<svg viewbox=\"0 0 100 100\"><path class=\"arrow\" d=\"M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z \" transform=\"translate(85,100) rotate(180)\"></svg>"
+
      $('.ui-datepicker-prev').append(buttonPrev);
−
    $('.ui-datepicker-prev').append(buttonPrev);
+
      $('.ui-datepicker-next').append(buttonNext);
−
    $('.ui-datepicker-next').append(buttonNext);
+
 
   });  
 
   });  
  

Revision as of 11:58, 31 August 2017