adds icon to make appointments semi-transparent. also fixes css strea…

…ming in gulpfile (openemr#1874)

gulpfile.js

@@ -16,6 +16,7 @@ var rename = require('gulp-rename');
 var runSequence = require('run-sequence');
 var sass = require('gulp-sass');
 var sourcemaps = require('gulp-sourcemaps');
+var watch = require('gulp-watch');
 
 
 var packages = require('./package.json');
@@ -223,6 +224,10 @@ gulp.task('install', function() {
 gulp.task('watch', function() {
  // watch all changes and re-run styles
  gulp.watch('./interface/**/*.scss', {interval: 1000, mode: 'poll'}, ['styles']);
+
+ // watch all changes to css/php files in themes and copy to public 
+ return watch('./interface/themes/*.{css,php}', { ignoreInitial: false })
+ .pipe(gulp.dest(config.dest.themes)); 
 });
 
 gulp.task('sync-only', function () {

interface/main/calendar/modules/PostCalendar/pntemplates/default/views/week/ajax_template.html

@@ -777,8 +777,8 @@
  }
  }
  if ($catid == 1) $content .= "</strike>";
-
  $content .= "</a>";
+ $content .= '<a class="show-appointment shown"></a>';
  }
  elseif($groupid){
  $divTitle .= "\n" . getTypeName($grouptype) . "\n";
@@ -916,6 +916,16 @@
  $(".event").mouseover(function() { $(this).toggleClass("event_highlight"); });
  $(".event").mouseout(function() { $(this).toggleClass("event_highlight"); });
 
+ $(".show-appointment").on('click', function() {
+ var self = $( this );
+ if (self.hasClass('shown')) {
+ self.parent().parent('.event_appointment').css('opacity' , '0.1').css('pointer-events' , 'none');
+ self.removeClass('shown').addClass('unshown').css('pointer-events' , 'all');
+ } else {
+ self.parent().parent('.event_appointment').css('opacity' , '1').css('pointer-events' , 'unset');
+ self.removeClass('unshown').addClass('shown').css('pointer-events' , 'unset');
+ }
+ })
 
  $(".tdMonthName-small").click(function() {
 

interface/themes/ajax_calendar.css

@@ -356,6 +356,23 @@ div.tiny { width:1px; height:1px; font-size:1px; }
  color: red;
 }
 
+.show-appointment {
+ position: absolute;
+ bottom: 2px;
+ right: 4px;
+ font-family: 'FontAwesome';
+}
+
+.show-appointment.unshown::before {
+ cursor: pointer;
+ content: "\f06e";
+}
+
+.show-appointment.shown::before {
+ cursor: pointer;
+ content: "\f070";
+}
+
 .view1 {
  font-size:10px;
 }