Update My schedule icon on session element after sign out

Author: ozasadnyy

src/behaviors/my-schedule-behavior.html

@@ -43,6 +43,7 @@
       },
 
       isInMySchedule: function (id) {
+        if (!this.app.user) return false;
         if (!this.app.user.sessions) {
           this.app.user.sessions = {};
         }

src/elements/session-element.html

@@ -196,8 +196,8 @@ <h2 class="session-title">[[session.title]]</h2>
             </div>
 
             <iron-icon
-              class$="action-icon [[_getMyScheduleIcon(session.id, app.user.sessions)]]"
-              icon$="[[_getMyScheduleIcon(session.id, app.user.sessions)]]"
+              class$="action-icon [[myScheduleIcon]]"
+              icon$="[[myScheduleIcon]]"
               on-tap="toggleMyScheduleSession"
               session-id$="[[session.id]]"
               disabled$="[[!online]]"
@@ -270,9 +270,19 @@ <h2 class="session-title">[[session.title]]</h2>
           sessionColor: {
             type: String,
             value: ''
+          },
+
+          myScheduleIcon: {
+            type: String,
+            value: 'add-circle-outline'
           }
         },
 
+        observers: [
+          '_getMyScheduleIcon(session.id, app.user.sessions)',
+          '_userUpdated(app.user)'
+        ],
+
         ready: function () {
           this.async(function () {
             this.sessionColor = this.getComputedStyleValue('--' + this._generateClass(this.session.mainTag));
@@ -289,7 +299,13 @@ <h2 class="session-title">[[session.title]]</h2>
         },
 
         _getMyScheduleIcon: function (id) {
-          return this.isInMySchedule(id) ? 'remove-circle' : 'add-circle-outline';
+          this.myScheduleIcon = this.isInMySchedule(id) ? 'remove-circle' : 'add-circle-outline';
+        },
+
+        _userUpdated: function (user) {
+          if (!user && this.session) {
+            this._getMyScheduleIcon(this.session.id);
+          }
         }
       });
 

src/pages/schedule-page.html

@@ -72,15 +72,15 @@
         <template is="dom-repeat" items="[[schedule]]" as="day" on-dom-change="updateCascadedNodes">
           <schedule-day
             name$="day[[_addToValue(index, 1)]]"
-            app={{app}}
+            app="{{app}}"
             day="[[day]]"
             filters="[[filters]]"
           ></schedule-day>
         </template>
         <template is="dom-if" if="{{app.user}}">
           <my-schedule
             name="myschedule"
-            app={{app}}
+            app="{{app}}"
             schedule="[[schedule]]"
           ></my-schedule>
         </template>