Merge pull request TeamTobb#19 from TeamTobb/Dev

Dev

.gitignore

@@ -1,7 +1,8 @@
 *.js
 !public/lib/**
+!jspdf.debug.js
 node_modules/
 typings/
 *.map
 .vscode/*
-public/uploads/document/*
+public/uploads/document/*

package.json

@@ -19,6 +19,7 @@
   "dependencies": {
     "angular2": "latest",
     "angular2-jwt": "^0.1.9",
+    "angular2-modal": "^0.1.3",
     "body-parser": "latest",
     "connect-flash": "^0.1.1",
     "cookie-parser": "^1.3.3",
@@ -39,6 +40,7 @@
     "passport-http-bearer": "^1.0.1",
     "passport-local": "^1.0.0",
     "passport-local-mongoose": "^1.0.0",
+    "public-ip": "^1.2.0",
     "reflect-metadata": "latest",
     "rxjs": "latest",
     "serve-favicon": "^2.2.0",

public/controllers/chapteritem.ts

@@ -8,36 +8,44 @@ import {Document, Line, Chapter} from '../domain/document.ts';
 
 
 @Component({
-  selector: 'chapteritem',
-  templateUrl: 'views/components/chapteritem.html'
+    selector: 'chapteritem',
+    templateUrl: 'views/components/chapteritem.html'
 
 })
 export class ChapterItem implements OnChanges {
     @Input() chapterName: string;
     @Input() chapterNr: string;
     @Input() chapterId: string;
     @Input() documentId: string;
-    @Output() toBeDeleted : EventEmitter<any> = new EventEmitter();
+    @Output() toBeDeleted: EventEmitter<any> = new EventEmitter();
 
-    constructor(private documentService: DocumentService) {}
+    constructor(private documentService: DocumentService) { }
     // TODO Make alert, sure you want to delete this chapter?
-    delete(event, nr: any){
+    delete(event, nr: any) {
         event.stopPropagation();
         nr = this.chapterNr;
         this.toBeDeleted.emit(nr)
     }
 
-    rename($event, chapterId, documentId){
+    rename($event, chapterId, documentId) {
         var newchapterName: string = $event.target.innerHTML
-        this.documentService.sendDiff({newchapterName}, chapterId)
+        this.documentService.sendDiff({ newchapterName }, this.chapterNr)
         $event.target.setAttribute("contenteditable", "false");
     }
 
-    ngOnChanges(changes: {[propertyName: string]: SimpleChange}) {
-        console.log("Something has Changed in chapterItem")
+    ngOnChanges(changes: { [propertyName: string]: SimpleChange }) {
+        // TODO: Find a better way to set the first item as selected
+        if (changes["chapterNr"] && this.chapterNr == 0+"") {
+            var selectedChapter = document.getElementById('chapter_item_' + this.chapterNr);
+            var otherChapters = document.getElementsByClassName('droptarget');
+            for (var i = 0; i < otherChapters.length; i++) {
+                otherChapters[i].className = "droptarget";
+            }
+            selectedChapter.className = "droptarget active";
+        }
     }
 
-    ondblclickChapter($event){
+    ondblclickChapter($event) {
         console.log("ondblclickChapter")
         $event.target.setAttribute("contenteditable", "true");
     }