New hide-options attribute on mgt-tasks (#256)

* Adding hide-options attribute to mgt-tasks

Author: shweaver-MSFT

src/components/mgt-tasks/mgt-tasks.ts

@@ -188,6 +188,15 @@ export class MgtTasks extends MgtTemplatedComponent {
   @property({ attribute: 'hide-header', type: Boolean })
   public hideHeader: boolean = false;
 
+  /**
+   * sets whether the options are rendered
+   *
+   * @type {boolean}
+   * @memberof MgtTasks
+   */
+  @property({ attribute: 'hide-options', type: Boolean })
+  public hideOptions: boolean;
+
   /**
    * allows developer to define specific group id
    */
@@ -1012,17 +1021,18 @@ export class MgtTasks extends MgtTemplatedComponent {
       `;
     }
 
-    const taskOptions = this.readOnly
-      ? null
-      : html`
-          <div class="TaskOptions">
-            <mgt-dot-options
-              .options="${{
-                'Delete Task': () => this.removeTask(task)
-              }}"
-            ></mgt-dot-options>
-          </div>
-        `;
+    const taskOptions =
+      this.readOnly || this.hideOptions
+        ? null
+        : html`
+            <div class="TaskOptions">
+              <mgt-dot-options
+                .options="${{
+                  'Delete Task': () => this.removeTask(task)
+                }}"
+              ></mgt-dot-options>
+            </div>
+          `;
 
     return html`
       <div