#186 (#216)

* Updated Schemas

* Load Screen

* Loading Screen

* publish subscribe and dynamic explore page

* deleted swap file

* publish subscribe

* template fixes

* added start for reactive publication

* template issue

* .

* .

* course_records publish

* course_records reactively publish

* revert meteor update

* publish subscribe and lineheight for searchpage icons

* fixed indentation and removed test file

* indentation

* indentation

* Accounts page and fixed random erro

* toolbar for mobile devices

* toolbar

* account.html fixes

* Toolbar made responsive

* Responsive toolbar fixes

* created userlist component

* course_records course_id validation

* indentation

* markdown

* import changes

* validation addition

* Forms Module Deprecated Warning. Issue #110

* indentation

* Use routerLink

* api changes (#126)

* issue 32 fixed

* removed swp

* fixed nconf issues

* issue 82, 84 fixes

* fixed #82

* isse #77

* fixed tests

* fixed files

* fixed tests master

* fixed comment

* moved validator

* removed duplicate file

* fixed tests, removed duplicate underscore, publish

* changes

* fixed methods.ts import

* fixed issues w methods

* fixes

* minor fixes

* A

* api changes

* fixed api

* comments

* minor changes

* minor fixes

* method implementations (#127)

* issue 32 fixed

* removed swp

* fixed nconf issues

* issue 82, 84 fixes

* fixed #82

* isse #77

* fixed tests

* fixed files

* fixed tests master

* fixed comment

* moved validator

* removed duplicate file

* fixed tests, removed duplicate underscore, publish

* changes

* fixed methods.ts import

* fixed issues w methods

* fixes

* minor fixes

* A

* api changes

* fixed api

* comments

* minor changes

* minor fixes

* method implementations

* course pages now uses Child Routing

* deleted LabData class

* school name

* search function

* icon size and #136

* dashboard pull data from database

* fix inappropriate file naming for gradelist and lablist

* more templating issues

* .

* .

* markdown default

* lablist and gradelist

* template changes

* explore page changes

* delete instructor page

* user schema

* indentation

* indentation

* explore publish and taskview sidenav

* explore view links to course/courseId

* taskview sidenav

* taskview

* taskview sidenav changes

* Extend terminal on small width

* .

* .

* Added UserList Component in Courses

* Edit Course

* .

* course dashboard get courseid from url

* delete userlist

* input

* delete userlist

* publish for global admin

* Fixed router params

* Issue 161 fixed: instructor field in courses

* .

* fix nextButton

* .

* Issue #171

* Issue #168

* Issue 160: CourseList

* Removed LabView

* Enrollable field for buttons on explore pages

* TaskView -> LabView

* Fixed Gradelist, Lablist and styling issues

* Issue #162 Completed

* TaskView toolbar color darken

* remove tests

* Combine Subscriptions

* Reactive Subscription for CourseList and GradeList

* instructor view of course dashboard

* Dashboard not logged in

* markdown editor for labview

* .

* .

* remove test

* Syllabus update on course_dashboard for instructors works

* onChange detect for mdeditor

* fixed reversed md text editor

* Disable links to non-accessible tasks for students

* Fixed merge issues

* markdown on explore

* .

* indentation

* indentation

* indentation

* Course Permissions Editing functionality complete

* course settings for instructors complete

* #192

* .

* Wed Aug  3 11:06:55 EDT 2016

* #208

* Not Logged In View of Dashboard

* #181

* #199

* .

* Fri Aug  5 14:25:02 EDT 2016

* #186

Author: sandershihacker

client/imports/ui/pages/course/lablist.html

@@ -13,13 +13,24 @@
             <th class="md-text-cell">Lab</th>
             <th>Tasks Completed</th>
             <th>Due Date</th>
+            <th *ngIf="isInstruct()"></th>
           </tr>
         </thead>
         <tbody>
-          <tr *ngFor="let lab of getLabs()" [routerLink]="['/course/' + courseId + '/labs/' + lab._id]">
-            <td class="md-text-cell">{{ lab.lab_name }}</td>
+          <tr *ngFor="let lab of getLabs()">
+            <td class="md-text-cell" [routerLink]="['/course/' + courseId + '/labs/' + lab._id]">{{ lab.lab_name }}</td>
             <td>{{ lab.completed }}</td>
             <td>soon</td>
+            <td *ngIf="isInstruct()">
+              <button md-button (click)="export.show(); exportLab(lab._id);">Export</button>
+              <md-dialog #export>
+                <md-dialog-title>
+                  Exported Markdown
+                </md-dialog-title>
+                <div>{{ exportData }}</div>
+                <md-dialog-actions ok="Got It"></md-dialog-actions>
+              </md-dialog>
+            </td>
           </tr>
         </tbody>
       </md-data-table>

client/imports/ui/pages/course/lablist.ts

@@ -8,11 +8,15 @@
 // Angular Material Imports
   import { MATERIAL_DIRECTIVES, MATERIAL_PROVIDERS } from 'ng2-material';
   import { MdProgressBar } from '@angular2-material/progress-bar';
+  import { OVERLAY_PROVIDERS } from '@angular2-material/core/overlay/overlay';
 
 // Angular Meteor Imports
   import { MeteorComponent } from 'angular2-meteor';
   import { InjectUser } from 'angular2-meteor-accounts-ui';
 
+// Roles
+  import { Roles } from '../../../../../collections/users.ts';
+
 // Declare Collections
   declare var Collections: any;
   declare var _: any;
@@ -29,14 +33,15 @@
       ROUTER_DIRECTIVES,
       MATERIAL_DIRECTIVES
     ],
-    providers: [ MATERIAL_PROVIDERS ]
+    providers: [ MATERIAL_PROVIDERS, OVERLAY_PROVIDERS ]
   })
 
   export class LabList extends MeteorComponent {
     user: Meteor.User;
     courseId: string;
     userId: string = Meteor.userId();
     courseRecord: any;
+    exportData: string = "";
 
     // Test
     allLabs: Array<Object>;
@@ -101,4 +106,23 @@
       this.courseId = this.router.routerState.parent(this.route).snapshot.params['courseid'];
     }
 
+    isInstruct() {
+      if(typeof this.courseId !== "undefined") {
+        return Roles.isInstructorFor(this.courseId);
+      }
+      else {
+        return false;
+      }
+    }
+    exportLab(lab_id) {
+      var self = this;
+      Meteor.call('exportLab', lab_id, function(err, res) {
+        if(err) {
+          self.exportData = "Error getting data";
+        }
+        else {
+          self.exportData = res;
+        }
+      });
+    }
   }