Added show diff hihglight switch

P2Pvalue · May 22, 2017 · d924e8b · d924e8b
1 parent aefde5d
commit d924e8b
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 2 deletions.
diff --git a/src/app/editor/components/participants/editor-participants.component.html b/src/app/editor/components/participants/editor-participants.component.html
@@ -11,6 +11,16 @@
     Contributors
   </div>
 
+
+
+  <div class="togglebutton text-center">
+      <label>
+        Highlight contributions
+        <input (click)="switchDiffHighlight()" value="showHighlight" type="checkbox">
+        <span class="toggle"></span>
+      </label>
+    </div>
+
   <div  *ngIf="!showEditNameForm && me.session.id" class="list-group-item">
     <div class="row-picture">
         <app-user-icon  [participantSession]="me"></app-user-icon>

diff --git a/src/app/editor/components/participants/editor-participants.component.scss b/src/app/editor/components/participants/editor-participants.component.scss
@@ -35,6 +35,26 @@
       }
     }
 
+
+
+    .togglebutton {
+
+      margin-bottom: 1em;
+      border-bottom-color: $panel-separator-line-color;
+      border-bottom-style: solid;
+      border-bottom-width: 1px;
+      padding-bottom: 10px;
+      margin-bottom: 1em;
+
+      label {
+        font-size: 14px;
+
+        .toggle {
+          margin-left: 3em;
+        }
+      }
+    }
+
     .list-group-separator {
       margin-top: 0px;
     }

diff --git a/src/app/editor/components/participants/editor-participants.component.ts b/src/app/editor/components/participants/editor-participants.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from "@angular/core";
+import { Component, Input, Output, EventEmitter } from "@angular/core";
 import * as Moment from "moment";
 
 declare let window: any;
@@ -21,7 +21,9 @@ export class EditorParticipantsComponent {
   private showEditNameForm: boolean = false;
   private showParticipantsPastList: boolean = false;
 
+  private diffHighlight: boolean = false;
 
+  @Output() diffHighlightEvent: EventEmitter<any> = new EventEmitter();
 
   private saveEditNameForm() {
     this.showEditNameForm = false;
@@ -48,5 +50,10 @@ export class EditorParticipantsComponent {
     this.showParticipantsPastList = !this.showParticipantsPastList;
   }
 
+  private switchDiffHighlight() {
+    this.diffHighlight = !this.diffHighlight;
+    this.diffHighlightEvent.emit(this.diffHighlight);
+  }
+
 
 }
diff --git a/src/app/editor/editor.component.html b/src/app/editor/editor.component.html
@@ -40,7 +40,8 @@
           *ngIf="rightPanelContent == 'contributors'"
           [me]="participantSessionMe"
           [participantsRecent]="participantSessionsRecent"
-          [participantsPast]="participantSessionsPast">
+          [participantsPast]="participantSessionsPast"
+          (diffHighlightEvent)="onSwitchDiffHighlight($event)">
       </jp-editor-participants>
 
       <jp-editor-comments

diff --git a/src/app/editor/editor.component.ts b/src/app/editor/editor.component.ts
@@ -791,4 +791,13 @@ export class EditorComponent implements OnInit, OnDestroy {
   private onCoverEvent(event) {
   }
 
+  private onSwitchDiffHighlight(event) {
+    if (event) {
+      this.doc.get("text").showDiffHighlight();
+    } else {
+      this.doc.get("text").hideDiffHighlight();
+    }
+
+  }
+
 }