Headers and names

Author: dyakovri

src/views/EventView.vue

@@ -89,28 +89,13 @@ export default {
             comments: {},
         };
     },
-    watch: {
-        eventInfo(elem) {
-            let changeHeaderLayoutEvent = new CustomEvent(
-                'change-header-layout',
-                {
-                    detail: {
-                        layoutName: 'back',
-                        text: `${this.formatDate(
-                            new Date(elem.start_ts.slice(0, 10)),
-                        )}, ${elem.start_ts.slice(11, 16)}`,
-                    },
-                },
-            );
-            document.dispatchEvent(changeHeaderLayoutEvent);
-        },
-    },
     beforeMount() {
         this.loadEventInfo();
         console.log(this.eventInfo);
         let changeHeaderLayoutEvent = new CustomEvent('change-header-layout', {
             detail: {
                 layoutName: 'back',
+                text: 'Событие',
             },
         });
         document.dispatchEvent(changeHeaderLayoutEvent);

src/views/LecturerView.vue

@@ -75,25 +75,12 @@ export default {
             return `/apps/browser#${process.env.VUE_APP_FEEDBACK_FORM}?url=${window.location.href}`;
         },
     },
-    watch: {
-        lecturerInfo(elem) {
-            let changeHeaderLayoutEvent = new CustomEvent(
-                'change-header-layout',
-                {
-                    detail: {
-                        layoutName: 'back',
-                        text: `${elem.last_name} ${elem.first_name[0]}. ${elem.middle_name[0]}.`,
-                    },
-                },
-            );
-            document.dispatchEvent(changeHeaderLayoutEvent);
-        },
-    },
     beforeMount() {
         this.loadLecturerInfo();
         let changeHeaderLayoutEvent = new CustomEvent('change-header-layout', {
             detail: {
                 layoutName: 'back',
+                text: 'Преподаватель',
             },
         });
         document.dispatchEvent(changeHeaderLayoutEvent);

src/views/RoomView.vue

@@ -8,6 +8,9 @@
             v-else
             class="wrapper"
         >
+            <div class="room-name">
+                <b>{{ roomInfo.name }}</b>
+            </div>
             <div class="location-wrapper">
                 <div
                     v-if="roomInfo.building"
@@ -64,25 +67,12 @@ export default {
             return `/apps/browser#${process.env.VUE_APP_CDN}/app/map/`;
         },
     },
-    watch: {
-        roomInfo(elem) {
-            let changeHeaderLayoutEvent = new CustomEvent(
-                'change-header-layout',
-                {
-                    detail: {
-                        layoutName: 'back',
-                        text: elem.name,
-                    },
-                },
-            );
-            document.dispatchEvent(changeHeaderLayoutEvent);
-        },
-    },
     mounted() {
         this.loadRoomInfo();
         let changeHeaderLayoutEvent = new CustomEvent('change-header-layout', {
             detail: {
                 layoutName: 'back',
+                text: 'Помещение',
             },
         });
         document.dispatchEvent(changeHeaderLayoutEvent);
@@ -125,6 +115,11 @@ export default {
     width: 100%;
 }
 
+.room-name {
+    font-size: 24px;
+    margin-bottom: 8px;
+}
+
 .room-header {
     align-self: flex-start;
 }