         </BS.Col>
       </BS.Row>
 
-      {@renderCommonChoice() unless not @state.isEditable and @state.showingPeriods}
-      {@renderPeriodsChoice() unless not @state.isEditable and not @state.showingPeriods}
+      {@renderCommonChoice() unless @state.isVisibleToStudents and @state.showingPeriods}
+      {@renderPeriodsChoice() unless @state.isVisibleToStudents and not @state.showingPeriods}
       { invalidPeriodsAlert }
     </div>
 

            <input
              id={"period-toggle-#{period.id}"}
              type='checkbox'
              disabled={not isEditable}
              onChange={_.partial(togglePeriodEnabled, period)}
              checked={false}/>
            <label className="period" htmlFor={"period-toggle-#{period.id}"}>{period.name}</label>

          <BS.Col sm=4 md=3>
            <input
              id={"period-toggle-#{period.id}"}
              disabled={isVisibleToStudents}
              type='checkbox'
              onChange={_.partial(togglePeriodEnabled, period)}
              checked={true}/>
