<commit_before><template>
  <v-ons-list-item
    modifier="longdivider"
    tappable
    :key="idx"
    @click="clickItem"
  >
    <div class="left image">
      <img :src="tweet.user.profile_image_url" class="list-item__thumbnail">
    </div>
    <div class="center">
      <tweet-item :tweet="tweet"></tweet-item>
    </div>
  </v-ons-list-item>
</template>

<script>
  import { mapActions } from 'vuex'
  import TweetItem from './TweetItem'

  export default {
    name: 'tweet-list-item',
    components: { TweetItem },
    props: [ 'idx', 'tweet' ],
    methods: {
      clickItem: function (event) {
        if (!(event.target.localName === 'a' || event.target.localName === 'img')) {
          this.openTweetItemDialog({
            idStr: this.tweet.id_str,
            screenName: this.tweet.user.screen_name,
            favorited: this.tweet.favorited,
            retweeted: this.tweet.retweeted
          })
        }
      },
      ...mapActions([
        'openTweetItemDialog'
      ])
    }
  }
</script>

<style scoped>
.image {
  height: 60px;
}
</style>
<commit_msg>Fix padding<commit_after><template>
  <v-ons-list-item
    modifier="longdivider"
    tappable
    :key="idx"
    @click="clickItem"
  >
    <div class="left">
      <img :src="tweet.user.profile_image_url" class="list-item__thumbnail">
    </div>
    <div class="center">
      <tweet-item :tweet="tweet"></tweet-item>
    </div>
  </v-ons-list-item>
</template>

<script>
  import { mapActions } from 'vuex'
  import TweetItem from './TweetItem'

  export default {
    name: 'tweet-list-item',
    components: { TweetItem },
    props: [ 'idx', 'tweet' ],
    methods: {
      clickItem: function (event) {
        if (!(event.target.localName === 'a' || event.target.localName === 'img')) {
          this.openTweetItemDialog({
            idStr: this.tweet.id_str,
            screenName: this.tweet.user.screen_name,
            favorited: this.tweet.favorited,
            retweeted: this.tweet.retweeted
          })
        }
      },
      ...mapActions([
        'openTweetItemDialog'
      ])
    }
  }
</script>

<style scoped>
  /* Overwrite Onsen UI */
  .list-item__center {
    padding: 6px 6px 6px 0;
  }

  .list-item__left, .list-item__center {
    align-items: flex-start;
  }
</style>

{'fraction_non_alphanumeric': 0.15968586387434555, 'fraction_numerical': 0.002617801047120419, 'mean_word_length': 2.3088023088023086, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 33, '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': '6528605', 'n_tokens_mistral': 817, 'n_tokens_neox': 809, 'n_words': 140}