From b0b7e3f3026a28b2e495e0d973f22c44bf2cafff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=B1=E5=8D=9A=E4=BA=9E?= <naruto0426@rulingcom.com>
Date: Mon, 27 Mar 2023 21:46:18 +0800
Subject: [PATCH] fix css

---
 .../_video_pro_widget_jqcloud1.html.erb       | 36 +++++++++----------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/modules/video_pro/_video_pro_widget_jqcloud1.html.erb b/modules/video_pro/_video_pro_widget_jqcloud1.html.erb
index e2c5add..baf2cdb 100644
--- a/modules/video_pro/_video_pro_widget_jqcloud1.html.erb
+++ b/modules/video_pro/_video_pro_widget_jqcloud1.html.erb
@@ -1,10 +1,8 @@
 <div class="w-video_data video_data-widget-2">
   <%= javascript_include_tag 'video_pro/wordcloud2.js' %>
-  <div style="width: 100%; height: 40vw; max-height: 20em;" class="my_favorite_latin_words jqcloud wordcloud2"><div>
+  <div style="width: 100%; height: 40vw; max-height: 17em;" class="my_favorite_latin_words jqcloud wordcloud2"><div>
   <script>
     var container_{{subpart-id}} = $('[data-subpart-id="{{subpart-id}}"] .my_favorite_latin_words');
-    var width_{{subpart-id}} = container_{{subpart-id}}.width();
-    container_{{subpart-id}}.attr('width', width_{{subpart-id}})
     var jqcloud_words_{{subpart-id}} = {{jqcloud_words}};
     var text_map_{{subpart-id}} = {};
     var max_value_{{subpart-id}} = 1;
@@ -15,6 +13,8 @@
     });
     var list_{{subpart-id}} = $.map(jqcloud_words_{{subpart-id}}, function(v){
       text_map_{{subpart-id}}[v.text] = v.link;
+
+
       return [[v.text, Math.ceil(v.weight/max_value_{{subpart-id}}*3), v.link]];
     });
     container_{{subpart-id}}.on('wordcloudstop', function (e) {
@@ -23,30 +23,28 @@
         $(this).html('<a title="'+ list_{{subpart-id}}[i][0] + '" style="color: inherit" href="' + list_{{subpart-id}}[i][2]  +'">' + text + '</a>');
       });
     });
-    $(document).ready(function(){
+    function wordCloud_{{subpart-id}}(){
+      var width = container_{{subpart-id}}.width();
+      var height = container_{{subpart-id}}.height();
+      container_{{subpart-id}}.attr('width', width);
       WordCloud(container_{{subpart-id}}[0], {
         list: list_{{subpart-id}},
         gridSize: 3,
-        weightFactor: jqcloud_words_{{subpart-id}}.length * width_{{subpart-id}} / 550,
+        weightFactor: jqcloud_words_{{subpart-id}}.length * Math.min(width, 1200) / 770,
         rotateRatio: 0,
         shuffle: false,
         drawOutOfBound: false,
         shrinkToFit: true,
-        shape: 'square'
+        shape: 'square',
+        color: 'random-dark',
+        ellipticity: height/(width-40)
       });
-    })
+    }
     $(window).resize(function(){
-      width_{{subpart-id}} = container_{{subpart-id}}.width();
-      WordCloud(container_{{subpart-id}}[0], {
-        list: list_{{subpart-id}},
-        gridSize: 3,
-        weightFactor: jqcloud_words_{{subpart-id}}.length * width_{{subpart-id}} / 550,
-        rotateRatio: 0,
-        shuffle: false,
-        drawOutOfBound: false,
-        shrinkToFit: true,
-        shape: 'square'
-      });
+      wordCloud_{{subpart-id}}();
     })
+    $(document).ready(function(){
+     wordCloud_{{subpart-id}}();
+    });
   </script>
-</div>
\ No newline at end of file
+</div>