<commit_before>Conversations Design (JavaFX)
-----------------------------

**Description:** 

This design is made for Conversation.im Project (Teaser task). 

**/ChatClientDemo :** The Folder contain Eclipse Project and static design layout developed with help of materialized design principles and related to conversation layout.

**/ExecutableJAR:**  This folder contains executable JAR file and supported resource file. (Execution instructions are mentioned in below steps)


**How to Run :**

For Windows User :

 1. Fork repository or Download repository as zip. 
 2. Browse to Folder /ExecutableJAR and run command (jdk : 1.8.121 ): 

> java -cp conversations-design-javafx.jar;lib/*;. im.conversations.app.launch.MainDemo


**Screen layout :**


**1. Main Chat Window Screen**

Main chat window includes left user panel, right panel for selection and center panel for chat messages. All components are developned in materialized template and flow according to main screen layout.

![](/SupportedFiles/mainScreen.jpg?raw=true)


**2. User Selection (left panel)**

User can be selected from left chat panel. Ripple color can be customized for user or group.
Status circle (online, Away, Busy) is independent component from screen and can be customized dynamically at run time.

![](/SupportedFiles/userSelection.gif?raw=true)


**3. Channel or Group Selection right menu**

Channels or Individual person selection can also be perform with click of right menu
Avatar Image and shadow of image are dynamic components and can be configured run time. Also Icons in channel and user selection window can be bind dynamically.
![](/SupportedFiles/rightPanel.gif?raw=true)


**4. Options pop-up menu**


![](/SupportedFiles/popUpMenu.gif?raw=true)


**5. Materialized Message Box Layout at bottom of Chat Window**

Materialize Text Support provided to Text Field for Entering Chat.

![](/SupportedFiles/textBoxSelection.gif?raw=true)


**6. Can initiate New Message after Entering Text and pressing Enter Key.**

For prototype Added Emoji Support at time of message and it will be extended by clicking left emoji button 
Three formats supported for current implementation

~smile~ : for Smiling 
~laugh~ : for Laughing
~heart~ : for heart

![](/SupportedFiles/emojiSupport.gif?raw=true)
<commit_msg>ReadME format for space and New Line<commit_after>Conversations Design (JavaFX)
-----------------------------

**Description:** 

This design is made for Conversation.im Project (Teaser task). 

**/ChatClientDemo :** The Folder contain Eclipse Project and static design layout developed with help of materialized design principles and related to conversation layout.

**/ExecutableJAR:**  This folder contains executable JAR file and supported resource file. (Execution instructions are mentioned in below steps)





**How to Run :**

For Windows User :

 1. Fork repository or Download repository as zip. 
 2. Browse to Folder /ExecutableJAR and run command (jdk : 1.8.121 ): 

> java -cp conversations-design-javafx.jar;lib/*;. im.conversations.app.launch.MainDemo





**Screen layout :**


**1. Main Chat Window Screen**

Main chat window includes left user panel, right panel for selection and center panel for chat messages. All components are developned in materialized template and flow according to main screen layout.

![](/SupportedFiles/mainScreen.jpg?raw=true)


**2. User Selection (left panel)**

User can be selected from left chat panel. Ripple color can be customized for user or group.
Status circle (online, Away, Busy) is independent component from screen and can be customized dynamically at run time.

![](/SupportedFiles/userSelection.gif?raw=true)


**3. Channel or Group Selection right menu**

Channels or Individual person selection can also be perform with click of right menu
Avatar Image and shadow of image are dynamic components and can be configured run time. Also Icons in channel and user selection window can be bind dynamically.

![](/SupportedFiles/rightPanel.gif?raw=true)


**4. Options pop-up menu**


![](/SupportedFiles/popUpMenu.gif?raw=true)


**5. Materialized Message Box Layout at bottom of Chat Window**

Materialize Text Support provided to Text Field for Entering Chat.

![](/SupportedFiles/textBoxSelection.gif?raw=true)


**6. Can initiate New Message after Entering Text and pressing Enter Key.**

For prototype Added Emoji Support at time of message and it will be extended by clicking left emoji button 
Three formats supported for current implementation

~smile~ : for Smiling 
~laugh~ : for Laughing
~heart~ : for heart

![](/SupportedFiles/emojiSupport.gif?raw=true)

{'fraction_non_alphanumeric': 0.0907911802853437, 'fraction_numerical': 0.005620406398616515, 'mean_word_length': 4.380232558139535, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3122373', 'n_tokens_mistral': 1245, 'n_tokens_neox': 1168, 'n_words': 572}