<commit_before>import {Component, OnInit} from 'angular2/core'
import {Crisis} from './ICrisis'
import {CrisisDetailComponent} from './crisis-detail.component'
import {CrisisService} from './crisis.service'


@Component({
  selector: 'crisis-list'
, providers: [CrisisService]
, directives: [CrisisDetailComponent]
, template: `
    <h2>Today's Top Crises</h2>
    <ul class="crises">
      <li *ngFor="#crisis of crises"
          (click)=selectCrisis(crisis)>
        <span class="badge">{{crisis.id}}</span> {{crisis.description}}
      </li>
    </ul>
    <div *ngIf="selectedCrisis">
      <crisis-detail [crisis]="selectedCrisis"></crisis-detail>
    </div>
  `
, styles:[`
    .selected {
      background-color: #CFD8DC !important;
      color: white;
    }
    .crises {
      margin: 0 0 2em 0;
      list-style-type: none;
      padding: 0;<commit_msg>feat(crisis/crisis-list.component): added styling on select<commit_after>import {Component, OnInit} from 'angular2/core'
import {Crisis} from './ICrisis'
import {CrisisDetailComponent} from './crisis-detail.component'
import {CrisisService} from './crisis.service'


@Component({
  selector: 'crisis-list'
, providers: [CrisisService]
, directives: [CrisisDetailComponent]
, template: `
    <h2>Today's Top Crises</h2>
    <ul class="crises">
      <li *ngFor="#crisis of crises"
          [class.selected]="crisis === selectedCrisis"
          (click)=selectCrisis(crisis)>
        <span class="badge">{{crisis.id}}</span> {{crisis.description}}
      </li>
    </ul>
    <crisis-detail [crisis]="selectedCrisis"></crisis-detail>
  `
, styles:[`
    .selected {
      background-color: #CFD8DC !important;
      color: white;
    }
    .crises {
      margin: 0 0 2em 0;
      list-style-type: none;
      padding: 0;
{'fraction_non_alphanumeric': 0.16170690623245368, 'fraction_numerical': 0.010106681639528355, 'mean_word_length': 3.3676470588235294, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1062177', 'n_tokens_mistral': 666, 'n_tokens_neox': 635, 'n_words': 126}