comparison of usage stats of a selected word among all poets #471

GanjooRazor/Pages/Search.cshtml

@@ -203,43 +203,9 @@
                                 <svg class="noindent-info-button" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#5f6368"><g><rect fill="none" height="24" width="24" /></g><g><g><g><path d="M7.5,4C5.57,4,4,5.57,4,7.5S5.57,11,7.5,11S11,9.43,11,7.5S9.43,4,7.5,4z M7.5,9C6.67,9,6,8.33,6,7.5S6.67,6,7.5,6 S9,6.67,9,7.5S8.33,9,7.5,9z M16.5,13c-1.93,0-3.5,1.57-3.5,3.5s1.57,3.5,3.5,3.5s3.5-1.57,3.5-3.5S18.43,13,16.5,13z M16.5,18 c-0.83,0-1.5-0.67-1.5-1.5s0.67-1.5,1.5-1.5s1.5,0.67,1.5,1.5S17.33,18,16.5,18z M5.41,20L4,18.59L18.59,4L20,5.41L5.41,20z" /></g></g></g></svg>
                             </a>
 
-                            <div class="expandable-container-wrapper">
-                                <div class="expandable-content" id="expandableContent">
-                                    <div id="wordcounts-placeholder">
-                                    </div>
-                                </div>
-                                <div class="expandable-blur-overlay" id="expandableBlur"></div>
+                            <div id="wordcounts-placeholder">
                             </div>
 
-                            <a id="expand-toggle-btn" href="javascript:toggleExpandableContent()" class="pagebutton comments-link">
-                                نمایش فهرست کامل
-                            </a>
-
-                            <script>
-                                const expandableDiv = document.getElementById("expandableContent");
-                                const blurOverlay = document.getElementById("expandableBlur");
-                                const toggleButton = document.getElementById("expand-toggle-btn");
-                                let isExpanded = false;
-
-                                const collapsedHeight = 200;
-                                expandableDiv.style.height = collapsedHeight + "px";
-
-                                function toggleExpandableContent() {
-                                    if (isExpanded) {
-                                        // Collapse
-                                        expandableDiv.style.height = collapsedHeight + "px";
-                                        blurOverlay.style.opacity = "1"; // Show blur
-                                        toggleButton.textContent = "نمایش فهرست کامل";
-                                    } else {
-                                        // Expand to full height
-                                        expandableDiv.style.height = expandableDiv.scrollHeight + "px";
-                                        blurOverlay.style.opacity = "0"; // Remove blur
-                                        toggleButton.textContent = "جمع کردن فهرست";
-                                    }
-                                    isExpanded = !isExpanded;
-                                }
-                            </script>
-
                         </div>
                     }
 

GanjooRazor/Pages/_CategoryWordsCountByCatPartial.cshtml

@@ -1,5 +1,49 @@
 @model GanjooRazor.Pages._CategoryWordsCountByCatPartialModel
-@{
+
+@if (Model.WordStats.Length == 0)
+{
+    <text>
+        <partial name="_CategoryWordsCountByCatTablePartial" model="Model.Model">
+    </text>
+}
+else
+{
+    <div class="expandable-container-wrapper">
+        <div class="expandable-content" id="expandableContent">
+            <partial name="_CategoryWordsCountByCatTablePartial" model="Model.Model">
+        </div>
+        <div class="expandable-blur-overlay" id="expandableBlur"></div>
+    </div>
+
+    <a id="expand-toggle-btn" href="javascript:toggleExpandableContent()" class="pagebutton comments-link">
+        نمایش فهرست کامل
+    </a>
+
+    <script>
+        const expandableDiv = document.getElementById("expandableContent");
+        const blurOverlay = document.getElementById("expandableBlur");
+        const toggleButton = document.getElementById("expand-toggle-btn");
+        let isExpanded = false;
+
+        const collapsedHeight = 200;
+        expandableDiv.style.height = collapsedHeight + "px";
+
+        function toggleExpandableContent() {
+            if (isExpanded) {
+                // Collapse
+                expandableDiv.style.height = collapsedHeight + "px";
+                blurOverlay.style.opacity = "1"; // Show blur
+                toggleButton.textContent = "نمایش فهرست کامل";
+            } else {
+                // Expand to full height
+                expandableDiv.style.height = (expandableDiv.scrollHeight + 170 ) + "px";
+                blurOverlay.style.opacity = "0"; // Remove blur
+                toggleButton.textContent = "جمع کردن فهرست";
+            }
+            isExpanded = !isExpanded;
+        }
+    </script>
 }
 
-<partial name="_CategoryWordsCountByCatTablePartial" model="Model.Model">
+
+

GanjooRazor/Pages/_CategoryWordsCountByCatTablePartial.cshtml

@@ -13,9 +13,9 @@
         <thead>
             <tr class="h">
                 <td class="c1">ردیف</td>
-                <td class="c2">سخنور</td>
+                <td class="c2">بخش</td>
                 <td class="c3">شمار</td>
-                <td class="c4">درصد از کل واژگان سخنور</td>
+                <td class="c4">درصد از کل واژگان بخش</td>
             </tr>
         </thead>
         <tbody>
@@ -58,7 +58,7 @@
         </tbody>
     </table>
     <p>
-        <small><strong>نکته:</strong> ستون چهارم درصد شمار این واژه به نسبت کل واژگان خود آن سخنور را نشان می‌دهد و نه کل گنجور و از این جهت جمع این ستون عددی بی‌معنی است.</small>
+        <small><strong>نکته:</strong> ستون چهارم درصد شمار این واژه به نسبت کل واژگان خود آن بخش را نشان می‌دهد و نه کل فهرست و از این جهت جمع این ستون عددی بی‌معنی است.</small>
     </p>
 }