feat: compare word texts

#2194

Author: jo-elimu

pom-dependency-tree.txt

@@ -1,4 +1,4 @@
-ai.elimu:webapp:war:2.6.137-SNAPSHOT
+ai.elimu:webapp:war:2.6.138-SNAPSHOT
 +- ai.elimu:model:jar:model-2.0.123:compile
 |  \- com.google.code.gson:gson:jar:2.13.1:compile
 |     \- com.google.errorprone:error_prone_annotations:jar:2.38.0:compile

src/main/webapp/WEB-INF/jsp/content/word/list.jsp

@@ -75,17 +75,21 @@
                                 </div>
                             </td>
                             <td>
-                                <div style="float: right; text-align: right;">
-                                    <label>word.getText()</label>
+                                <div class="wordTextStatus" data-status="${word == word.text}">
+                                    <div style="float: right; text-align: right;">
+                                        <label>word.getText()</label>
+                                        <div style="font-size: 2em;">
+                                            "${word.text}"
+                                        </div>
+                                    </div>
+                                    
+                                    <label>word.toString()</label>
                                     <div style="font-size: 2em;">
-                                        "${word.text}"
+                                        <a class="editLink" href="<spring:url value='/content/word/edit/${word.id}' />">
+                                            "${word}"
+                                        </a>
                                     </div>
                                 </div>
-                                
-                                <label>word.toString()</label>
-                                <div style="font-size: 2em;">
-                                    <a class="editLink" href="<spring:url value='/content/word/edit/${word.id}' />">"${word}"</a>
-                                </div>
 
                                 <div id="letterSoundsContainer">
                                     <label>Sound-to-letter correspondences</label><br />

src/main/webapp/static/css/content/styles.css

@@ -101,16 +101,19 @@ blockquote,
     font-weight: bold;
 }
 
+.wordTextStatus,
 .peerReviewStatusContainer {
     color: #757575; /* grey darken-1 */
     background-color: #f5f5f5; /* grey lighten-4 */
     border-radius: 8px;
     padding: 0.5rem;
 }
+.wordTextStatus[data-status="true"],
 .peerReviewStatusContainer[data-status="APPROVED"] {
     color: #00897b; /* teal darken-1 */
     background-color: #e0f2f1; /* teal lighten-5 */
 }
+.wordTextStatus[data-status="false"],
 .peerReviewStatusContainer[data-status="NOT_APPROVED"] {
     color: #bf360c; /* deep-orange darken-4 */
     background-color: #ffccbc; /* deep-orange lighten-4 */