<commit_before>- title "Chat"

.chat
  .row
    .large-12.columns.update-banner
      %p.update-text A new update for the chat client is available. Please refresh your browser.
    .small-12.large-2.columns
      .settings
        %h4 Chat Settings
        %ul
          %li
            .large-12.columns.setting-title
              %span Desktop Notifications
            .large-12.columns.setting-button
              .switch
                %input#x{:checked => "", :name => "switch-x", :type => "radio"}/
                %label{:for => "x", :onclick => ""} Off
                %input#x1{:name => "switch-x", :type => "radio"}/
                %label{:for => "x1", :onclick => ""} On
                %span
      .onlineUsers
        %h4 Online Users
        %p Loading...

    .small-12.large-10.columns.main-chat#mainChatScroll
      .chats 
        .chat-display
          .chat-text
            .panel#chatLoading(style='text-align: center')
              Loading...
              %i.icon.icon-spin.icon-spinner(style="margin-left: 10px")
  .row
    .small-12.large-10.columns.input-area.right
      %form.sendMessage
        .row.collapse
          .small-12.columns
            .input-wrapper
              %input.message(type="text" placeholder="Write Something...")
              %i.icon-share-alt{:onclick => "$('form.sendMessage').submit()"}

:coffee
  onlineUsersTemplate = Hogan.compile "
    <h4>Online Users</h4>
    <ul>
      {{#user}}<commit_msg>Move notification below input form<commit_after>- title "Chat"

.chat
  .row
    .small-12.large-2.columns
      .settings
        %h4 Chat Settings
        %ul
          %li
            .large-12.columns.setting-title
              %span Desktop Notifications
            .large-12.columns.setting-button
              .switch
                %input#x{:checked => "", :name => "switch-x", :type => "radio"}/
                %label{:for => "x", :onclick => ""} Off
                %input#x1{:name => "switch-x", :type => "radio"}/
                %label{:for => "x1", :onclick => ""} On
                %span
      .onlineUsers
        %h4 Online Users
        %p Loading...

    .small-12.large-10.columns.main-chat#mainChatScroll
      .chats 
        .chat-display
          .chat-text
            .panel#chatLoading(style='text-align: center')
              Loading...
              %i.icon.icon-spin.icon-spinner(style="margin-left: 10px")
  .row
    .small-12.large-10.columns.input-area.right
      %form.sendMessage
        .row.collapse
          .small-12.columns
            .input-wrapper
              %input.message(type="text" placeholder="Write Something...")
              %i.icon-share-alt{:onclick => "$('form.sendMessage').submit()"}
    .small-12.large-10.columns.update-banner
      %p.update-text A new update for the chat client is available. Please refresh your browser.

:coffee
  onlineUsersTemplate = Hogan.compile "
    <h4>Online Users</h4>
    <ul>
      {{#user}}
{'fraction_non_alphanumeric': 0.14864864864864866, 'fraction_numerical': 0.01891891891891892, 'mean_word_length': 1.694267515923567, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 29, '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': '7223609', 'n_tokens_mistral': 942, 'n_tokens_neox': 890, 'n_words': 171}