<commit_before>{ Meteor }          = require 'meteor/meteor'
React               = require 'react'
AppsList = require '../lists/AppsList.cjsx'
{ Article, Button, Header, Heading, Search, Title, Split, Sidebar, Paragraph, Icons, Menu} = require 'grommet'

module.exports = React.createClass
  displayName: 'AppsPage'

  onSearch: (evt) ->
    @props.onAppSearchEntered evt.srcElement.value

  render: ->
    <Split flex='left' priority='left'>
      <Article>
        <Header fixed=true pad='medium'>
          <Title responsive=true truncate=true>Apps</Title>
          <Search value={@props.appSearchValue} onDOMChange={@onSearch} placeHolder='Search...' inline=true fill=true size='medium' />
        </Header>
        <AppsList apps={@props.apps} onAppNameSelected={@props.onAppNameSelected} />
      </Article>
      <Sidebar size='medium' colorIndex='light-2' direction='column'>
        <Header pad='medium' size='large' direction='column'>
        </Header>
        <Menu pad='medium'>
          <Button onClick={@props.onNewAppClicked} align='start' plain=true label='New App' icon={<Icons.Base.New />}></Button>
        </Menu>
      </Sidebar>
    </Split><commit_msg>show text indicating that a list is filtered by a certain value<commit_after>{ Meteor }          = require 'meteor/meteor'
React               = require 'react'
AppsList = require '../lists/AppsList.cjsx'
{ Article, Button, Box, Header, Heading, Search, Title, Split, Sidebar, Paragraph, Icons, Menu} = require 'grommet'

module.exports = React.createClass
  displayName: 'AppsPage'

  onSearch: (evt) ->
    @props.onAppSearchEntered evt.srcElement.value

  render: ->
    <Split flex='left' priority='left'>
      <Article>
        <Header fixed=true pad='medium'>
          <Title responsive=true truncate=true>Apps</Title>
          <Search value={@props.appSearchValue} onDOMChange={@onSearch} placeHolder='Search...' inline=true fill=true size='medium' />
        </Header>
        <AppsList apps={@props.apps} onAppNameSelected={@props.onAppNameSelected} />
        {if @props.appSearchValue?.length > 0
          <Box textAlign='center' pad='large'>
            This list is filtered by <strong>&ldquo;{@props.appSearchValue}&rdquo;</strong>
          </Box>
        }
      </Article>
      <Sidebar size='medium' colorIndex='light-2' direction='column'>
        <Header pad='medium' size='large' direction='column'>
        </Header>
        <Menu pad='medium'>
          <Button onClick={@props.onNewAppClicked} align='start' plain=true label='New App' icon={<Icons.Base.New />}></Button>
        </Menu>
      </Sidebar>
    </Split>
{'fraction_non_alphanumeric': 0.1517346549752192, 'fraction_numerical': 0.001143728555089592, 'mean_word_length': 3.1717011128775834, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 50, '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': '5261624', 'n_tokens_mistral': 807, 'n_tokens_neox': 791, 'n_words': 176}