Hide hidden objectives when not in edit mode

client/src/components/objective-groups/Objective.vue

@@ -1,5 +1,5 @@
 <template>
-  <li class="objective hideable-element" :class="{'hideable-element--hidden': hidden}">
+  <li class="objective hideable-element" :class="{'hideable-element--hidden': hidden}" v-if="editModule || !hidden">
     <visibility-action
       v-if="editModule"
       :block="objective"></visibility-action>

client/src/components/objective-groups/ObjectiveGroup.vue

@@ -8,7 +8,7 @@
                  :objective="objective" :school-class="currentFilter">
       </objective>
     </ul>
-    <add-content-button :parent="group">
+    <add-content-button :parent="group" v-if="editModule">
     </add-content-button>
   </div>
 
@@ -23,6 +23,8 @@
   import ME_QUERY from '@/graphql/gql/meQuery.gql';
   import AddContentButton from '@/components/AddContentButton';
 
+  import {mapGetters} from 'vuex';
+
   export default {
     props: {
       group: {
@@ -46,6 +48,7 @@
     },
 
     computed: {
+      ...mapGetters(['editModule']),
       canManageContent() {
         return this.me.permissions.includes('users.can_manage_school_class_content');
       },