fyodorio

<div id="errors" style="
  background: #c00;
  color: #fff;
  display: none;
  margin: -20px -20px 20px;
  padding: 20px;
  white-space: pre-wrap;
"></div>
<div id="root"></div>
<script>

fyodorio

@Injectable()
export class ConfigurationsFacade {
  /**
   * Combine pieces of state using createSelector,
   * and expose them as observables through the facade.
   */
  loaded$ = this.store.pipe(select(ConfigurationsSelectors.getConfigurationsLoaded));
  failed$ = this.store.pipe(select(ConfigurationsSelectors.getConfigurationsLoadFailed));
  allConfigurations$: Observable<Configuration[]> = this.store.pipe(select(ConfigurationsSelectors.getAllConfigurations));
  selectedConfigurations$ = this.store.pipe(select(ConfigurationsSelectors.getSelected));

fyodorio

<div class="app">
  
  <div class="header">
    <div>☎ ♻ ✪</div> 
    <span></span>
    <div>mydartapp.io</div>
  </div>
  
  <div class="navigation">
    <div>Welcome</div>

fyodorio

<div class="app">
  <h1 class="header">My Great Dart Web App</h1>
  <div class="button">DO THE THING</div>
  <div class="output"></div>
</div>