From 4b2daba3f73d477645d8accfb8b54a3221abf3c1 Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Mon, 30 Jan 2017 13:29:21 -0500
Subject: [PATCH 1/5] make jobs schedules disabled if the user doesn't have
 permission to edit

---
 awx/ui/client/src/lists/ScheduledJobs.js             |  1 +
 .../client/src/scheduler/scheduleToggle.block.less   |  8 +++++++-
 awx/ui/client/src/shared/form-generator.js           |  2 +-
 awx/ui/client/src/shared/generator-helpers.js        | 12 ++++++++----
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/awx/ui/client/src/lists/ScheduledJobs.js b/awx/ui/client/src/lists/ScheduledJobs.js
index 8afde66081..736ad61e4e 100644
--- a/awx/ui/client/src/lists/ScheduledJobs.js
+++ b/awx/ui/client/src/lists/ScheduledJobs.js
@@ -25,6 +25,7 @@ export default
                 ngClick: "toggleSchedule($event, schedule.id)",
                 nosort: true,
                 awToolTip: "{{ schedule.play_tip }}",
+                ngDisabled: "!schedule.summary_fields.user_capabilities.edit",
                 dataTipWatch: "schedule.play_tip",
                 dataPlacement: 'top'
             },
diff --git a/awx/ui/client/src/scheduler/scheduleToggle.block.less b/awx/ui/client/src/scheduler/scheduleToggle.block.less
index c553201ade..9733274bfe 100644
--- a/awx/ui/client/src/scheduler/scheduleToggle.block.less
+++ b/awx/ui/client/src/scheduler/scheduleToggle.block.less
@@ -6,9 +6,11 @@
     border-radius: 5px;
     border: 1px solid @default-icon;
     background-color: @default-icon;
-    width: 40px;
+    width: 42px;
     margin-top: 2px;
     cursor: pointer;
+    display: flex;
+    height: 18px;
 }
 
 .ScheduleToggle-switch {
@@ -22,6 +24,10 @@
     font-size: 11px;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
+    padding-top: 0px;
+    margin-top: 0px;
+    border-top: 0px;
+    border-bottom: 0px;
 }
 
 .ScheduleToggle.is-on {
diff --git a/awx/ui/client/src/shared/form-generator.js b/awx/ui/client/src/shared/form-generator.js
index 070b637067..4c07eefecb 100644
--- a/awx/ui/client/src/shared/form-generator.js
+++ b/awx/ui/client/src/shared/form-generator.js
@@ -1271,7 +1271,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
 
                         for (i = 0; i < field.options.length; i++) {
                             html += "<label class=\"radio-inline ";
-                            html += (field.options[i].labelClass) ? ` ${field.options[i].labelClass} "` : "\""; 
+                            html += (field.options[i].labelClass) ? ` ${field.options[i].labelClass} "` : "\"";
                             html += (field.options[i].ngShow) ? this.attr(field.options[i], 'ngShow') : "";
                             html += ">";
                             html += "<input type=\"radio\" ";
diff --git a/awx/ui/client/src/shared/generator-helpers.js b/awx/ui/client/src/shared/generator-helpers.js
index 34978cdf5e..fb3ac9568c 100644
--- a/awx/ui/client/src/shared/generator-helpers.js
+++ b/awx/ui/client/src/shared/generator-helpers.js
@@ -509,12 +509,16 @@ angular.module('GeneratorHelpers', [systemStatus.name])
                 html += (field['class']) ? " " + field['class'] : "";
                 html += " " + field.columnClass;
                 html += "\"><div class='ScheduleToggle' ng-class='{\"is-on\": " + list.iterator + ".";
-                html += (field.flag) ? field.flag : "enabled";
-                html += "\}' aw-tool-tip='" + field.awToolTip + "' data-placement='" + field.dataPlacement + "' data-tip-watch='" + field.dataTipWatch + "'><div ng-show='" + list.iterator + "." ;
+                html += (field.flag) ? field.flag : "enabled\}' ";
+                html += "aw-tool-tip='" + field.awToolTip + "' data-placement='" + field.dataPlacement + "' data-tip-watch='" + field.dataTipWatch + "'><button ";
+                html += (field['ngDisabled']) ? `ng-disabled="${field['ngDisabled']}" ` : "";
+                html += "ng-show='" + list.iterator + "." ;
                 html += (field.flag) ? field.flag : 'enabled';
-                html += "' class='ScheduleToggle-switch is-on' ng-click='" + field.ngClick + "'>ON</div><div ng-show='!" + list.iterator + "." ;
+                html += "' class='ScheduleToggle-switch is-on' ng-click='" + field.ngClick + "'>ON</button><button ";
+                html += (field['ngDisabled']) ? `ng-disabled="${field['ngDisabled']}" ` : "";
+                html += "ng-show='!" + list.iterator + "." ;
                 html += (field.flag) ? field.flag : "enabled";
-                html += "' class='ScheduleToggle-switch' ng-click='" + field.ngClick + "'>OFF</div></div></td>";
+                html += "' class='ScheduleToggle-switch' ng-click='" + field.ngClick + "'>OFF</button></div></td>";
             } else {
                 html += "<td class=\"List-tableCell " + fld + "-column";
                 html += (field['class']) ? " " + field['class'] : "";

From 55643d5a1d075ef2e007d9ae76dc40b3de2e6a6c Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Mon, 30 Jan 2017 13:35:41 -0500
Subject: [PATCH 2/5] disable toggle on individual schedule pages, also show
 view schedule buttons even if user doesn't have edit permission

---
 awx/ui/client/src/lists/InventoryGroups.js | 2 +-
 awx/ui/client/src/lists/Projects.js        | 1 -
 awx/ui/client/src/lists/Schedules.js       | 1 +
 awx/ui/client/src/lists/Templates.js       | 1 -
 4 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/awx/ui/client/src/lists/InventoryGroups.js b/awx/ui/client/src/lists/InventoryGroups.js
index c2fad80d1a..5fade7c26c 100644
--- a/awx/ui/client/src/lists/InventoryGroups.js
+++ b/awx/ui/client/src/lists/InventoryGroups.js
@@ -140,7 +140,7 @@ export default
                 awToolTip: "{{ group.group_schedule_tooltip }}",
                 ngClass: "group.scm_type_class",
                 dataPlacement: 'top',
-                ngShow: "!(group.summary_fields.inventory_source.source === '') && group.summary_fields.user_capabilities.schedule"
+                ngShow: "!(group.summary_fields.inventory_source.source === '')"
             },
             edit: {
                 //label: 'Edit',
diff --git a/awx/ui/client/src/lists/Projects.js b/awx/ui/client/src/lists/Projects.js
index 26eb532f0e..4dac279846 100644
--- a/awx/ui/client/src/lists/Projects.js
+++ b/awx/ui/client/src/lists/Projects.js
@@ -97,7 +97,6 @@ export default
                 awToolTip: "{{ project.scm_schedule_tooltip }}",
                 ngClass: "project.scm_type_class",
                 dataPlacement: 'top',
-                ngShow: "project.summary_fields.user_capabilities.schedule"
             },
             edit: {
                 ngClick: "editProject(project.id)",
diff --git a/awx/ui/client/src/lists/Schedules.js b/awx/ui/client/src/lists/Schedules.js
index fbf03f5678..ef1d7072bc 100644
--- a/awx/ui/client/src/lists/Schedules.js
+++ b/awx/ui/client/src/lists/Schedules.js
@@ -19,6 +19,7 @@ export default
 
         fields: {
             toggleSchedule: {
+                ngDisabled: "!schedule.summary_fields.user_capabilities.edit",
                 label: '',
                 columnClass: 'List-staticColumn--toggle',
                 type: "toggle",
diff --git a/awx/ui/client/src/lists/Templates.js b/awx/ui/client/src/lists/Templates.js
index 67728dada0..a2dca9205d 100644
--- a/awx/ui/client/src/lists/Templates.js
+++ b/awx/ui/client/src/lists/Templates.js
@@ -94,7 +94,6 @@ export default
                 ngClick: 'scheduleJob(template)',
                 awToolTip: i18n._('Schedule future job template runs'),
                 dataPlacement: 'top',
-                ngShow: 'template.summary_fields.user_capabilities.schedule'
             },
             copy: {
                 label: i18n._('Copy'),

From 6c2b1d1c49f37f21bc0f814093b6d16d450c29d5 Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Mon, 30 Jan 2017 16:07:32 -0500
Subject: [PATCH 3/5] disabled schedule form fields for read only view

---
 awx/ui/client/legacy-styles/ansible-ui.less   | 19 ++++++++
 .../schedulerDatePicker.directive.js          |  3 +-
 .../schedulerDatePicker.partial.html          |  3 +-
 .../src/scheduler/schedulerEdit.controller.js |  5 +-
 .../src/scheduler/schedulerForm.partial.html  | 46 +++++++++++++++----
 awx/ui/client/src/shared/directives.js        |  9 ++++
 .../date-picker/date-picker.partial.html      |  5 +-
 7 files changed, 76 insertions(+), 14 deletions(-)

diff --git a/awx/ui/client/legacy-styles/ansible-ui.less b/awx/ui/client/legacy-styles/ansible-ui.less
index a511ffa33f..8bd22b2f5f 100644
--- a/awx/ui/client/legacy-styles/ansible-ui.less
+++ b/awx/ui/client/legacy-styles/ansible-ui.less
@@ -2239,3 +2239,22 @@ button[disabled],
 html input[disabled] {
     cursor: not-allowed;
 }
+
+.CodeMirror--disabled .CodeMirror.cm-s-default,
+.CodeMirror--disabled .CodeMirror-line {
+    background-color: #f6f6f6;
+}
+
+.CodeMirror--disabled .CodeMirror-gutter.CodeMirror-lint-markers,
+.CodeMirror--disabled .CodeMirror-gutter.CodeMirror-linenumbers {
+    background-color: #ebebeb;
+    color: @b7grey;
+}
+
+.CodeMirror--disabled .CodeMirror-lines {
+    cursor: default;
+}
+
+.CodeMirror--disabled .CodeMirror-cursors {
+    display: none;
+}
diff --git a/awx/ui/client/src/scheduler/schedulerDatePicker.directive.js b/awx/ui/client/src/scheduler/schedulerDatePicker.directive.js
index 3268474803..bcd4cc031d 100644
--- a/awx/ui/client/src/scheduler/schedulerDatePicker.directive.js
+++ b/awx/ui/client/src/scheduler/schedulerDatePicker.directive.js
@@ -17,7 +17,8 @@ export default
                     date: '=',
                     minDate: '=',
                     autoUpdate: '=?',
-                    inputClass: '&'
+                    inputClass: '&',
+                    disabled: '=?'
                 },
                 templateUrl: templateUrl('system-tracking/date-picker/date-picker'),
                 link: function(scope, element, attrs) {
diff --git a/awx/ui/client/src/scheduler/schedulerDatePicker.partial.html b/awx/ui/client/src/scheduler/schedulerDatePicker.partial.html
index a2e88ab2c5..728285096f 100644
--- a/awx/ui/client/src/scheduler/schedulerDatePicker.partial.html
+++ b/awx/ui/client/src/scheduler/schedulerDatePicker.partial.html
@@ -1,6 +1,7 @@
 <div class="DatePicker">
-    <button class="DatePicker-icon"><i class="fa fa-calendar"></i></button>
+    <button class="DatePicker-icon" ng-disabled="disabled"><i class="fa fa-calendar"></i></button>
     <input
+        ng-disabled="disabled"
         class="DatePicker-input"
         type="text"
         readonly
diff --git a/awx/ui/client/src/scheduler/schedulerEdit.controller.js b/awx/ui/client/src/scheduler/schedulerEdit.controller.js
index e7ab81ba32..cfee8a9e5f 100644
--- a/awx/ui/client/src/scheduler/schedulerEdit.controller.js
+++ b/awx/ui/client/src/scheduler/schedulerEdit.controller.js
@@ -69,11 +69,14 @@ function($filter, $compile, $state, $stateParams, EditSchedule, Wait, $scope, $r
     // extra_data field is not manifested in the UI when scheduling a Management Job
     if ($state.current.name !== 'managementJobSchedules.add' && $state.current.name !== 'managementJobSchedules.edit'){
         $scope.$on('ScheduleFound', function(){
+            let readOnly = !$scope.schedule_obj.summary_fields.user_capabilities
+                .edit;
             ParseTypeChange({
                 scope: $scope,
                 variable: 'extraVars',
                 parse_variable: 'parseType',
-                field_id: 'SchedulerForm-extraVars'
+                field_id: 'SchedulerForm-extraVars',
+                readOnly: readOnly
             });
         });
     }
diff --git a/awx/ui/client/src/scheduler/schedulerForm.partial.html b/awx/ui/client/src/scheduler/schedulerForm.partial.html
index fb13937b64..fc89502218 100644
--- a/awx/ui/client/src/scheduler/schedulerForm.partial.html
+++ b/awx/ui/client/src/scheduler/schedulerForm.partial.html
@@ -28,6 +28,7 @@
                     name="schedulerName"
                     id="schedulerName"
                     ng-model="schedulerName" required
+                    ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                     placeholder="Schedule name">
                 <div class="error"
                     ng-show="scheduler_form.$dirty && scheduler_form.schedulerName.$error.required">
@@ -40,7 +41,8 @@
                     Start Date
                 </label>
                 <div class="input-group Form-inputGroup SchedulerForm-inputGroup--date">
-                    <scheduler-date-picker date="schedulerStartDt">
+                    <scheduler-date-picker date="schedulerStartDt"
+                      disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)">
                     </scheduler-date-picker>
                 </div>
                 <div class="error"
@@ -65,6 +67,7 @@
                     <input name="schedulerStartHour"
                         id="schedulerStartHour"
                         sch-spinner="scheduler_form"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         class="scheduler-time-spinner
                             ScheduleTime-input SpinnerInput"
                         aw-spinner="schedulerStartHour"
@@ -80,6 +83,7 @@
                     <input name="schedulerStartMinute"
                         id="schedulerStartMinute"
                         sch-spinner="scheduler_form"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         class="scheduler-time-spinner
                             SchedulerTime-input SpinnerInput"
                         aw-spinner="schedulerStartMinute"
@@ -95,6 +99,7 @@
                     <input name="schedulerStartSecond"
                         id="schedulerStartSecond"
                         sch-spinner="scheduler_form"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         class="scheduler-time-spinner
                             SchedulerTime-input SpinnerInput"
                         aw-spinner="schedulerStartSecond"
@@ -116,6 +121,7 @@
                     Local Time Zone
                 </label>
                 <select
+                    ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                     class="MakeSelect2"
                     name="schedulerTimeZone"
                     id="schedulerTimeZone"
@@ -131,6 +137,7 @@
                     Repeat frequency
                 </label>
                 <select name="schedulerFrequency"
+                    ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                     id="schedulerFrequency"
                     class="MakeSelect2"
                     ng-model="schedulerFrequency"
@@ -159,6 +166,7 @@
                     <input name="schedulerInterval"
                         id="schedulerInterval"
                         sch-spinner="scheduler_form"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         class="scheduler-spinner
                             SpinnerInput"
                         aw-spinner="schedulerInterval"
@@ -185,6 +193,7 @@
                         <label class="Form-inputLabel">
                             <span class="red-text">*</span>
                             <input type="radio" value="day"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-model="$parent.monthlyRepeatOption"
                                 ng-change="monthlyRepeatChange()"
                                 name="monthlyRepeatOption"
@@ -196,6 +205,7 @@
                         name="monthDay"
                         id="monthDay"
                         sch-spinner="scheduler_form"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         class="scheduler-spinner SpinnerInput"
                         aw-spinner="$parent.monthDay"
                         ng-model="$parent.monthDay"
@@ -214,6 +224,7 @@
                         <label class="Form-inputLabel">
                             <span class="red-text">*</span>
                             <input type="radio"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 value="other"
                                 ng-model="$parent.monthlyRepeatOption"
                                 ng-change="monthlyRepeatChange()"
@@ -228,7 +239,7 @@
                             id="monthlyOccurrence"
                             ng-model="$parent.monthlyOccurrence"
                             ng-options="o.name for o in occurrences"
-                            ng-disabled="monthlyRepeatOption != 'other'"
+                            ng-disabled="monthlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class=" MakeSelect2 form-control
                                 input-sm
                                 RepeatFrequencyOptions-spacedSelect
@@ -239,7 +250,7 @@
                             id="monthlyWeekDay"
                             ng-model="$parent.monthlyWeekDay"
                             ng-options="w.name for w in weekdays"
-                            ng-disabled="monthlyRepeatOption != 'other'"
+                            ng-disabled="monthlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2 form-control input-sm" >
                         </select>
                     </div>
@@ -252,6 +263,7 @@
                         <span class="red-text">*</span>
                         <label class="Form-inputLabel">
                             <input type="radio"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 value="month"
                                 ng-model="$parent.yearlyRepeatOption"
                                 ng-change="yearlyRepeatChange()"
@@ -266,7 +278,7 @@
                             id="yearlyMonth"
                             ng-model="$parent.yearlyMonth"
                             ng-options="m.name for m in months"
-                            ng-disabled="yearlyRepeatOption != 'month'"
+                            ng-disabled="yearlyRepeatOption != 'month' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2 form-control input-sm
                                 RepeatFrequencyOptions-spacedSelect"
                         >
@@ -274,6 +286,7 @@
                         <input name="yearlyMonthDay"
                             id="yearlyMonthDay"
                             sch-spinner="scheduler_form"
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="scheduler-spinner
                                 SpinnerInput"
                             aw-spinner="$parent.yearlyMonthDay"
@@ -295,6 +308,7 @@
                         <label class="Form-inputLabel">
                             <span class="red-text">*</span>
                             <input type="radio"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 value="other"
                                 ng-model="$parent.yearlyRepeatOption"
                                 ng-change="yearlyRepeatChange()"
@@ -311,7 +325,7 @@
                             id="yearlyOccurrence"
                             ng-model="$parent.yearlyOccurrence"
                             ng-options="o.name for o in occurrences"
-                            ng-disabled="yearlyRepeatOption != 'other'"
+                            ng-disabled="yearlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2
                                 form-control input-sm
                                 RepeatFrequencyOptions-spacedSelect
@@ -323,7 +337,7 @@
                             id="yearlyWeekDay"
                             ng-model="$parent.yearlyWeekDay"
                             ng-options="w.name for w in weekdays"
-                            ng-disabled="yearlyRepeatOption != 'other'"
+                            ng-disabled="yearlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2
                                 form-control input-sm
                                 RepeatFrequencyOptions-spacedSelect
@@ -334,7 +348,7 @@
                             id="yearlyOtherMonth"
                             ng-model="$parent.yearlyOtherMonth"
                             ng-options="m.name for m in months"
-                            ng-disabled="yearlyRepeatOption != 'other'"
+                            ng-disabled="yearlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2
                                 form-control input-sm
                                 RepeatFrequencyOptions-thirdSelect">
@@ -427,6 +441,7 @@
                     </label>
                     <div>
                         <select id="schedulerEnd"
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             name="schedulerEnd"
                             ng-model="$parent.schedulerEnd"
                             ng-options="e.name for e in endOptions"
@@ -448,6 +463,7 @@
                             ng-name="schedulerOccurrenceCount"
                             ng-id="schedulerOccurrenceCount"
                             sch-spinner="scheduler_form"
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="scheduler-spinner
                                 SpinnerInput"
                             aw-spinner="$parent.schedulerOccurrenceCount"
@@ -468,7 +484,8 @@
                         End Date
                     </label>
                     <div class="input-group Form-inputGroup SchedulerForm-inputGroup--date">
-                        <scheduler-date-picker date="$parent.schedulerEndDt">
+                        <scheduler-date-picker date="$parent.schedulerEndDt"
+                          disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)">
                         </scheduler-date-picker>
                     </div>
                     <div class="error"
@@ -494,6 +511,7 @@
                         <input name="schedulerEndHour"
                             id="schedulerEndHour"
                             sch-spinner="scheduler_form"
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="scheduler-time-spinner
                                 ScheduleTime-input SpinnerInput"
                             aw-spinner="$parent.schedulerEndHour"
@@ -509,6 +527,7 @@
                         <input name="schedulerEndMinute"
                             id="$parent.schedulerEndMinute"
                             sch-spinner="scheduler_form"
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="scheduler-time-spinner
                                 SchedulerTime-input SpinnerInput"
                             aw-spinner="$parent.schedulerEndMinute"
@@ -524,6 +543,7 @@
                         <input name="schedulerEndSecond"
                             id="schedulerEndSecond"
                             sch-spinner="scheduler_form"
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="scheduler-time-spinner
                                 SchedulerTime-input SpinnerInput"
                             aw-spinner="$parent.schedulerEndSecond"
@@ -629,7 +649,7 @@
                 </div>
 
             </label>
-            <div>
+            <div ng-class="{'CodeMirror--disabled': !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)}">
                 <textarea rows="6" ng-model="extraVars" name="Scheduler-extraVars" class="form-control" id="SchedulerForm-extraVars"></textarea>
             </div>
         </div>
@@ -638,11 +658,19 @@
                 <button type="button"
                     class="btn btn-sm Form-cancelButton"
                     id="project_cancel_btn"
+                    ng-show="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
+                    ng-click="formCancel()">Close</button>
+                <button type="button"
+                    class="btn btn-sm Form-cancelButton"
+                    id="project_cancel_btn"
+                    ng-show="(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                     ng-click="formCancel()">Cancel</button>
                 <button type="button"
                     class="btn btn-sm Form-saveButton"
                     id="project_save_btn"
                     ng-click="saveSchedule()"
+                    ng-show="(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                     ng-disabled="!schedulerIsValid"> Save</button>
+
             </div>
     </div>
diff --git a/awx/ui/client/src/shared/directives.js b/awx/ui/client/src/shared/directives.js
index 35b9e8716b..1a82e39daf 100644
--- a/awx/ui/client/src/shared/directives.js
+++ b/awx/ui/client/src/shared/directives.js
@@ -981,6 +981,15 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'JobsHelper'])
                     }
                 }
             };
+
+            // hack to get ngDisabled to work
+            if (attrs.ngDisabled) {
+                scope.$watch(attrs.ngDisabled, function(val) {
+                    opts.disabled = (val === true) ? true : false;
+                    $(elm).spinner(opts);
+                });
+            }
+
             if (disabled) {
                 opts.disabled = true;
             }
diff --git a/awx/ui/client/src/system-tracking/date-picker/date-picker.partial.html b/awx/ui/client/src/system-tracking/date-picker/date-picker.partial.html
index 09bc001065..74bd409a6f 100644
--- a/awx/ui/client/src/system-tracking/date-picker/date-picker.partial.html
+++ b/awx/ui/client/src/system-tracking/date-picker/date-picker.partial.html
@@ -1,10 +1,11 @@
 <div class="DatePicker">
-    <button class="DatePicker-icon"><i class="fa fa-calendar"></i></button>
+    <button class="DatePicker-icon" ng-disabled="disabled"><i class="fa fa-calendar"></i></button>
     <input
         class="DatePicker-input"
         type="text"
         readonly
         ng-model="dateValue"
-        ng-class="inputClass()">
+        ng-class="inputClass()"
+        ng-disabled="disabled">
     <p class="error" ng-if="error">{{error}}</p>
 </div>

From 6ffe67ec41107003951f80a6c70c856c1777b5d9 Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Mon, 30 Jan 2017 16:09:01 -0500
Subject: [PATCH 4/5] fix jshint errors

---
 awx/ui/client/src/shared/generator-helpers.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/awx/ui/client/src/shared/generator-helpers.js b/awx/ui/client/src/shared/generator-helpers.js
index fb3ac9568c..7942c02163 100644
--- a/awx/ui/client/src/shared/generator-helpers.js
+++ b/awx/ui/client/src/shared/generator-helpers.js
@@ -511,11 +511,11 @@ angular.module('GeneratorHelpers', [systemStatus.name])
                 html += "\"><div class='ScheduleToggle' ng-class='{\"is-on\": " + list.iterator + ".";
                 html += (field.flag) ? field.flag : "enabled\}' ";
                 html += "aw-tool-tip='" + field.awToolTip + "' data-placement='" + field.dataPlacement + "' data-tip-watch='" + field.dataTipWatch + "'><button ";
-                html += (field['ngDisabled']) ? `ng-disabled="${field['ngDisabled']}" ` : "";
+                html += (field.ngDisabled) ? `ng-disabled="${field.ngDisabled}" ` : "";
                 html += "ng-show='" + list.iterator + "." ;
                 html += (field.flag) ? field.flag : 'enabled';
                 html += "' class='ScheduleToggle-switch is-on' ng-click='" + field.ngClick + "'>ON</button><button ";
-                html += (field['ngDisabled']) ? `ng-disabled="${field['ngDisabled']}" ` : "";
+                html += (field.ngDisabled) ? `ng-disabled="${field.ngDisabled}" ` : "";
                 html += "ng-show='!" + list.iterator + "." ;
                 html += (field.flag) ? field.flag : "enabled";
                 html += "' class='ScheduleToggle-switch' ng-click='" + field.ngClick + "'>OFF</button></div></td>";

From 3fab3a9e5c8b3bf6141a205e55f2c72c6d07c972 Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Mon, 30 Jan 2017 17:17:02 -0500
Subject: [PATCH 5/5] allow for read only view of management schedules as well

---
 .../scheduler/schedulerForm.partial.html      | 57 ++++++++++++++-----
 .../repeatFrequencyOptions.block.less         |  5 ++
 .../src/scheduler/schedulerForm.partial.html  |  9 ++-
 3 files changed, 57 insertions(+), 14 deletions(-)

diff --git a/awx/ui/client/src/management-jobs/scheduler/schedulerForm.partial.html b/awx/ui/client/src/management-jobs/scheduler/schedulerForm.partial.html
index d68ebfe3b8..0db2f24a43 100644
--- a/awx/ui/client/src/management-jobs/scheduler/schedulerForm.partial.html
+++ b/awx/ui/client/src/management-jobs/scheduler/schedulerForm.partial.html
@@ -21,6 +21,7 @@
                     Name
                 </label>
                 <input
+                    ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                     type="text"
                     class="form-control input-sm
                         Form-textInput"
@@ -40,7 +41,8 @@
                     Start Date
                 </label>
                 <div class="input-group Form-inputGroup SchedulerForm-inputGroup--date">
-                    <scheduler-date-picker date="schedulerStartDt">
+                    <scheduler-date-picker date="schedulerStartDt"
+                        disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)">
                     </scheduler-date-picker>
                 </div>
                 <div class="error"
@@ -63,6 +65,7 @@
                 </label>
                 <div class="input-group SchedulerTime">
                     <input name="schedulerStartHour"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         id="schedulerStartHour"
                         sch-spinner="scheduler_form"
                         class="scheduler-time-spinner
@@ -78,6 +81,7 @@
                         :
                     </span>
                     <input name="schedulerStartMinute"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         id="schedulerStartMinute"
                         sch-spinner="scheduler_form"
                         class="scheduler-time-spinner
@@ -93,6 +97,7 @@
                         :
                     </span>
                     <input name="schedulerStartSecond"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         id="schedulerStartSecond"
                         sch-spinner="scheduler_form"
                         class="scheduler-time-spinner
@@ -128,6 +133,7 @@
                     Local Time Zone
                 </label>
                 <select
+                    ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                     class="MakeSelect2"
                     name="schedulerTimeZone"
                     id="schedulerTimeZone"
@@ -143,6 +149,7 @@
                     Repeat frequency
                 </label>
                 <select name="schedulerFrequency"
+                    ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                     id="schedulerFrequency"
                     class="MakeSelect2"
                     ng-model="schedulerFrequency"
@@ -156,7 +163,8 @@
             </div>
             <div class="form-group SchedulerForm-formGroup" ng-if="cleanupJob  && !isFactCleanup">
                 <label class="Form-inputLabel"><span class="red-text">*</span> Days of data to keep</label>
-                <input type="number" sch-spinner="scheduler_form" class="scheduler-time-spinner SchedulerTime-input SpinnerInput RepeatFrequencyOptions-number" name="schedulerPurgeDays" id="schedulerPurgeDays" min="1" aw-spinner="schedulerPurgeDays" ng-model="schedulerPurgeDays" required placeholder="Days of data to keep">
+                <input type="number" sch-spinner="scheduler_form" class="scheduler-time-spinner SchedulerTime-input SpinnerInput RepeatFrequencyOptions-number" name="schedulerPurgeDays" id="schedulerPurgeDays" min="1" aw-spinner="schedulerPurgeDays" ng-model="schedulerPurgeDays" required placeholder="Days of data to keep"
+                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)">
                 <div class="error" ng-show="scheduler_form.schedulerPurgeDays.$dirty && scheduler_form.schedulerPurgeDays.$error.required">A value is required.</div>
                 <div class="error" ng-show="scheduler_form.schedulerPurgeDays.$error.number">This is not a valid number.</div>
             </div>
@@ -175,6 +183,7 @@
                         Every
                     </label>
                     <input name="schedulerInterval"
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         id="schedulerInterval"
                         sch-spinner="scheduler_form"
                         class="scheduler-spinner
@@ -211,6 +220,7 @@
                         </label>
                     </div>
                     <input
+                        ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                         name="monthDay"
                         id="monthDay"
                         sch-spinner="scheduler_form"
@@ -232,6 +242,7 @@
                         <label class="Form-inputLabel">
                             <span class="red-text">*</span>
                             <input type="radio"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 value="other"
                                 ng-model="$parent.monthlyRepeatOption"
                                 ng-change="monthlyRepeatChange()"
@@ -246,7 +257,7 @@
                             id="monthlyOccurrence"
                             ng-model="$parent.monthlyOccurrence"
                             ng-options="o.name for o in occurrences"
-                            ng-disabled="monthlyRepeatOption != 'other'"
+                            ng-disabled="monthlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class=" MakeSelect2 form-control
                                 input-sm
                                 RepeatFrequencyOptions-spacedSelect
@@ -257,7 +268,7 @@
                             id="monthlyWeekDay"
                             ng-model="$parent.monthlyWeekDay"
                             ng-options="w.name for w in weekdays"
-                            ng-disabled="monthlyRepeatOption != 'other'"
+                            ng-disabled="monthlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2 form-control input-sm" >
                         </select>
                     </div>
@@ -270,6 +281,7 @@
                         <span class="red-text">*</span>
                         <label class="Form-inputLabel">
                             <input type="radio"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 value="month"
                                 ng-model="$parent.yearlyRepeatOption"
                                 ng-change="yearlyRepeatChange()"
@@ -284,12 +296,13 @@
                             id="yearlyMonth"
                             ng-model="$parent.yearlyMonth"
                             ng-options="m.name for m in months"
-                            ng-disabled="yearlyRepeatOption != 'month'"
+                            ng-disabled="yearlyRepeatOption != 'month' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2 form-control input-sm
                                 RepeatFrequencyOptions-spacedSelect"
                         >
                         </select>
                         <input name="yearlyMonthDay"
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             id="yearlyMonthDay"
                             sch-spinner="scheduler_form"
                             class="scheduler-spinner
@@ -313,6 +326,7 @@
                         <label class="Form-inputLabel">
                             <span class="red-text">*</span>
                             <input type="radio"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 value="other"
                                 ng-model="$parent.yearlyRepeatOption"
                                 ng-change="yearlyRepeatChange()"
@@ -329,7 +343,7 @@
                             id="yearlyOccurrence"
                             ng-model="$parent.yearlyOccurrence"
                             ng-options="o.name for o in occurrences"
-                            ng-disabled="yearlyRepeatOption != 'other'"
+                            ng-disabled="yearlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2
                                 form-control input-sm
                                 RepeatFrequencyOptions-spacedSelect
@@ -341,7 +355,7 @@
                             id="yearlyWeekDay"
                             ng-model="$parent.yearlyWeekDay"
                             ng-options="w.name for w in weekdays"
-                            ng-disabled="yearlyRepeatOption != 'other'"
+                            ng-disabled="yearlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2
                                 form-control input-sm
                                 RepeatFrequencyOptions-spacedSelect
@@ -352,7 +366,7 @@
                             id="yearlyOtherMonth"
                             ng-model="$parent.yearlyOtherMonth"
                             ng-options="m.name for m in months"
-                            ng-disabled="yearlyRepeatOption != 'other'"
+                            ng-disabled="yearlyRepeatOption != 'other' || !(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             class="MakeSelect2
                                 form-control input-sm
                                 RepeatFrequencyOptions-thirdSelect">
@@ -374,6 +388,7 @@
                             data-toggle="buttons-checkbox"
                             id="weekdaySelect">
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDaySUClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -382,6 +397,7 @@
                                 Sun
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayMOClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -390,6 +406,7 @@
                                 Mon
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayTUClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -398,6 +415,7 @@
                                 Tue
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayWEClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -406,6 +424,7 @@
                                 Wed
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayTHClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -414,6 +433,7 @@
                                 Thu
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayFRClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -422,6 +442,7 @@
                                 Fri
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDaySAClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -445,6 +466,7 @@
                     </label>
                     <div>
                         <select id="schedulerEnd"
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             name="schedulerEnd"
                             ng-model="$parent.schedulerEnd"
                             ng-options="e.name for e in endOptions"
@@ -463,6 +485,7 @@
                         Occurrence(s)
                     </label>
                         <input
+                            ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                             ng-name="schedulerOccurrenceCount"
                             ng-id="schedulerOccurrenceCount"
                             sch-spinner="scheduler_form"
@@ -486,7 +509,8 @@
                         End Date
                     </label>
                     <div class="input-group Form-inputGroup SchedulerForm-inputGroup--date">
-                        <scheduler-date-picker date="$parent.schedulerEndDt">
+                        <scheduler-date-picker date="$parent.schedulerEndDt"
+                            disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)">
                         </scheduler-date-picker>
                     </div>
                     <div class="error"
@@ -506,8 +530,8 @@
             <div class="form-group SchedulerForm-formGroup" ng-if="isFactCleanup">
                 <label class="Form-inputLabel RepeatFrequencyOptions-everyLabel"><span class="red-text">*</span> Select a time period after which to remove old facts</label>
                 <div class="RepeatFrequencyOptions-inputGroup RepeatFrequencyOptions-inputGroup--halvesWithSelect">
-                    <input type="number" id="keep_amount" name="keep_amount" ng-model="keep_amount" aw-spinner="keep_amount" ng-required="true" sch-spinner="scheduler_form" class="scheduler-time-spinner SchedulerTime-input SpinnerInput RepeatFrequencyOptions-number" aw-min=0 aw-max=9999 integer></input>
-                    <select id="keep_unit" name="keep_unit" ng-model="keep_unit" ng-options="type.label for type in keep_unit_choices track by type.value" ng-required="true" class="form-control input-sm MakeSelect2"></select>
+                    <input type="number" id="keep_amount" name="keep_amount" ng-model="keep_amount" aw-spinner="keep_amount" ng-required="true" sch-spinner="scheduler_form" class="scheduler-time-spinner SchedulerTime-input SpinnerInput RepeatFrequencyOptions-number" aw-min=0 aw-max=9999 integer ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"></input>
+                    <select id="keep_unit" name="keep_unit" ng-model="keep_unit" ng-options="type.label for type in keep_unit_choices track by type.value" ng-required="true" class="form-control input-sm MakeSelect2" ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"></select>
                 </div>
 
                 <!-- The below errors are ONLY for id="keep_amount", not for id="keep_unit" -->
@@ -523,8 +547,8 @@
                 <label class="Form-inputLabel RepeatFrequencyOptions-everyLabel"><span class="red-text">*</span> Select a frequency for snapshot retention</label>
                 <div class="RepeatFrequencyOptions-inputGroup RepeatFrequencyOptions-inputGroup--halvesWithSelect">
                     <input type="number" sch-spinner="scheduler_form" class="scheduler-time-spinner SchedulerTime-input SpinnerInput RepeatFrequencyOptions-number" id="granularity_keep_amount" name="granularity_keep_amount" ng-model="granularity_keep_amount" aw-spinner="granularity_keep_amount"
-                    ng-required="true" aw-min=0 aw-max=9999 >
-                    <select id="granularity_keep_unit" name="granularity_keep_unit" ng-model="granularity_keep_unit" ng-options="type.label for type in granularity_keep_unit_choices track by type.value" ng-required="true" class="form-control input-sm MakeSelect2"></select>
+                    ng-required="true" aw-min=0 aw-max=9999  ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)">
+                    <select id="granularity_keep_unit" name="granularity_keep_unit" ng-model="granularity_keep_unit" ng-options="type.label for type in granularity_keep_unit_choices track by type.value" ng-required="true" class="form-control input-sm MakeSelect2" ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"></select>
                 </div>
 
                 <!-- The below errors are ONLY for id="granularity_keep_amount", not for id="granularity_keep_unit" -->
@@ -607,11 +631,18 @@
             <button type="button"
                 class="btn btn-sm Form-cancelButton"
                 id="project_cancel_btn"
+                ng-show="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
+                ng-click="formCancel()">Close</button>
+            <button type="button"
+                class="btn btn-sm Form-cancelButton"
+                id="project_cancel_btn"
+                ng-show="(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                 ng-click="formCancel()">Cancel</button>
             <button type="button"
                 class="btn btn-sm Form-saveButton"
                 id="project_save_btn"
                 ng-click="saveSchedule()"
+                ng-show="(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                 ng-disabled="!schedulerIsValid"> Save</button>
         </div>
     </div>
diff --git a/awx/ui/client/src/scheduler/repeatFrequencyOptions.block.less b/awx/ui/client/src/scheduler/repeatFrequencyOptions.block.less
index e5ec79ac5d..7f22ee8535 100644
--- a/awx/ui/client/src/scheduler/repeatFrequencyOptions.block.less
+++ b/awx/ui/client/src/scheduler/repeatFrequencyOptions.block.less
@@ -88,6 +88,11 @@
     flex: 1;
 }
 
+.RepeatFrequencyOptions-weekButton.active {
+    background-color: @default-list-header-bg !important;
+    border-color: @d7grey !important;
+}
+
 .RepeatFrequencyOptions-everyGroup {
     display: flex;
     flex-wrap: wrap;
diff --git a/awx/ui/client/src/scheduler/schedulerForm.partial.html b/awx/ui/client/src/scheduler/schedulerForm.partial.html
index fc89502218..900fcf2933 100644
--- a/awx/ui/client/src/scheduler/schedulerForm.partial.html
+++ b/awx/ui/client/src/scheduler/schedulerForm.partial.html
@@ -42,7 +42,7 @@
                 </label>
                 <div class="input-group Form-inputGroup SchedulerForm-inputGroup--date">
                     <scheduler-date-picker date="schedulerStartDt"
-                      disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)">
+                        disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)">
                     </scheduler-date-picker>
                 </div>
                 <div class="error"
@@ -370,6 +370,7 @@
                             data-toggle="buttons-checkbox"
                             id="weekdaySelect">
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDaySUClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -378,6 +379,7 @@
                                 Sun
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayMOClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -386,6 +388,7 @@
                                 Mon
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayTUClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -394,6 +397,7 @@
                                 Tue
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayWEClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -402,6 +406,7 @@
                                 Wed
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayTHClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -410,6 +415,7 @@
                                 Thu
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDayFRClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"
@@ -418,6 +424,7 @@
                                 Fri
                             </button>
                             <button type="button"
+                                ng-disabled="!(schedule_obj.summary_fields.user_capabilities.edit || canAdd)"
                                 ng-class="weekDaySAClass"
                                 class="btn btn-default
                                     RepeatFrequencyOptions-weekButton"