Add container for busuanzi counter widget (#1154)

* [layout] _macro/post.swig: add container to busuanzi page_pv. * [layout] _partials/analytics/busuanzi-counter.swig: add container to busuanzi site_pv & site_uv. This will hide the `span` until `busuanzi`'s script is correctly loaded.
theme-next · Sep 15, 2019 · 4f757e4 · 4f757e4
1 parent d418339
commit 4f757e4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/layout/_macro/post.swig b/layout/_macro/post.swig
@@ -125,12 +125,12 @@
           {%- endif %}
 
           {%- if not is_index and theme.busuanzi_count.enable and theme.busuanzi_count.post_views %}
-            <span class="post-meta-item" title="{{ __('post.views') }}">
+            <span class="post-meta-item" title="{{ __('post.views') }}" id="busuanzi_container_page_pv" style="display: none;">
               <span class="post-meta-item-icon">
                 <i class="fa fa-{{ theme.busuanzi_count.post_views_icon }}"></i>
               </span>
               <span class="post-meta-item-text">{{ __('post.views') + __('symbol.colon') }}</span>
-              <span class="busuanzi-value" id="busuanzi_value_page_pv"></span>
+              <span id="busuanzi_value_page_pv"></span>
             </span>
           {%- endif %}
 

diff --git a/layout/_partials/analytics/busuanzi-counter.swig b/layout/_partials/analytics/busuanzi-counter.swig
@@ -3,11 +3,13 @@
   <script{{ pjax }} async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
 
   {%- if theme.busuanzi_count.total_visitors %}
-    <span class="post-meta-item-icon">
-      <i class="fa fa-{{ theme.busuanzi_count.total_visitors_icon }}"></i>
-    </span>
-    <span class="site-uv" title="{{ __('footer.total_visitors') }}">
-      <span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
+    <span class="post-meta-item" id="busuanzi_container_site_uv" style="display: none;">
+      <span class="post-meta-item-icon">
+        <i class="fa fa-{{ theme.busuanzi_count.total_visitors_icon }}"></i>
+      </span>
+      <span class="site-uv" title="{{ __('footer.total_visitors') }}">
+        <span id="busuanzi_value_site_uv"></span>
+      </span>
     </span>
   {%- endif %}
 
@@ -16,11 +18,13 @@
   {%- endif %}
 
   {%- if theme.busuanzi_count.total_views %}
-    <span class="post-meta-item-icon">
-      <i class="fa fa-{{ theme.busuanzi_count.total_views_icon }}"></i>
-    </span>
-    <span class="site-pv" title="{{ __('footer.total_views') }}">
-      <span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
+    <span class="post-meta-item" id="busuanzi_container_site_pv" style="display: none;">
+      <span class="post-meta-item-icon">
+        <i class="fa fa-{{ theme.busuanzi_count.total_views_icon }}"></i>
+      </span>
+      <span class="site-pv" title="{{ __('footer.total_views') }}">
+        <span id="busuanzi_value_site_pv"></span>
+      </span>
     </span>
   {%- endif %}
 </div>