* add Mapping frequency config setting to let user decide which algor…

…ithm he prefer for mapping frequnecy of term to font size
cedricwalter · Apr 22, 2012 · 89a554c · 89a554c
1 parent 1a1730d
commit 89a554c
Show file tree

Hide file tree

Showing 9 changed files with 422 additions and 93 deletions.
diff --git a/com_cedTag/admin/config.xml b/com_cedTag/admin/config.xml
@@ -25,6 +25,14 @@
                default="-|_|,|~|!|?|@|%|^|(|)|&lt;|&gt;|:|;|{|}|[|]|&amp;|`|&quot;|#|*"
                label="Strip Characters" description="Characters to strip from the tag name, seperate with |">
         </field>
+        <field name="mappingFrequencyToSizeAlgorithm" type="radio" default="pareto" label="Mapping frequency"
+               description="Mapping frequency of terms to font size">
+            <option value="pareto">Pareto distribution</option>
+            <option value="dynamicbuckets">Dynamic Bucketizing by Frequency</option>
+            <!--<option value="fixedbuckets">Fixed number of Bucket by Frequency</option> -->
+        </field>
+
+
     </fieldset>
     <fieldset name="Backend" label="Backend">
         <field name="tag_page_limit" type="text" default="30" label="Tag/Term Page Limit" size="4"
@@ -61,10 +69,11 @@
             <option value="0">No</option>
         </field>
         <field name="showCategory" type="radio" default="1" label="Show Articles Category"
-                       description="Show Articles Category">
-                    <option value="1">Yes</option>
-                    <option value="0">No</option>
+               description="Show Articles Category">
+            <option value="1">Yes</option>
+            <option value="0">No</option>
         </field>
+
         <field name="Order" type="list" default="" label="Order"
                description="Order that the articles will be displayed in.">
             <option value="">Default</option>

diff --git a/com_cedTag/css/tagcloud.css b/com_cedTag/css/tagcloud.css
@@ -100,11 +100,10 @@
     -webkit-transition-timing-function: linear;
 
     border: 1px solid #2484B0;
-    color: #2484B0;
-
     border-radius: 9px;
-
     cursor: auto;
+
+    color: #2484B0;
 }
 
 .tag li:after {
@@ -209,4 +208,155 @@ div.joomlatags {
 *******************************************************************/
 .button2-left .add_Tags {
     background: url(../images/addTags.png) 100% 0 no-repeat;
-}
+}
+
+.cloud {
+
+}
+
+/*
+When using Mapping frequency = Pareto Ditribution
+only this css class is used
+*/
+.cloud .tag {
+    -webkit-transition-delay: 0s;
+    -webkit-transition-duration: 0.5s;
+    -webkit-transition-property: color;
+    -webkit-transition-timing-function: linear;
+
+    color: #2484B0;
+
+    /* box around term */
+    padding: 0px 6px 0px 6px !important;
+    border: 1px solid #2484B0;
+    border-radius: 9px;
+    /* end box around term */
+
+    cursor: auto;
+}
+
+/*
+When using Mapping frequency = Dynamic Buckets
+all these 7 css class are used
+*/
+.cloud .tag1 {
+    -webkit-transition-delay: 0s;
+    -webkit-transition-duration: 0.5s;
+    -webkit-transition-property: color;
+    -webkit-transition-timing-function: linear;
+
+    color: #2484B0;
+
+    /* box around term */
+    padding: 0px 6px 0px 6px !important;
+    border: 1px solid #2484B0;
+    border-radius: 9px;
+    /* end box around term */
+
+    cursor: auto;
+}
+
+.cloud .tag2 {
+    -webkit-transition-delay: 0s;
+    -webkit-transition-duration: 0.5s;
+    -webkit-transition-property: color;
+    -webkit-transition-timing-function: linear;
+
+    color: #2484B0;
+
+    /* box around term */
+    padding: 0px 6px 0px 6px !important;
+    border: 1px solid #2484B0;
+    border-radius: 9px;
+    /* end box around term */
+
+    cursor: auto;
+}
+
+.cloud .tag3 {
+    -webkit-transition-delay: 0s;
+    -webkit-transition-duration: 0.5s;
+    -webkit-transition-property: color;
+    -webkit-transition-timing-function: linear;
+
+    color: #2484B0;
+
+    /* box around term */
+    padding: 0px 6px 0px 6px !important;
+    border: 1px solid #2484B0;
+    border-radius: 9px;
+    /* end box around term */
+
+    cursor: auto;
+}
+
+.cloud .tag4 {
+    -webkit-transition-delay: 0s;
+    -webkit-transition-duration: 0.5s;
+    -webkit-transition-property: color;
+    -webkit-transition-timing-function: linear;
+
+    color: #2484B0;
+
+    /* box around term */
+    padding: 0px 6px 0px 6px !important;
+    border: 1px solid #2484B0;
+    border-radius: 9px;
+    /* end box around term */
+
+    cursor: auto;
+}
+
+.cloud .tag5 {
+    -webkit-transition-delay: 0s;
+    -webkit-transition-duration: 0.5s;
+    -webkit-transition-property: color;
+    -webkit-transition-timing-function: linear;
+
+    color: #2484B0;
+
+    /* box around term */
+    padding: 0px 6px 0px 6px !important;
+    border: 1px solid #2484B0;
+    border-radius: 9px;
+    /* end box around term */
+
+    cursor: auto;
+}
+
+.cloud .tag6 {
+    -webkit-transition-delay: 0s;
+    -webkit-transition-duration: 0.5s;
+    -webkit-transition-property: color;
+    -webkit-transition-timing-function: linear;
+
+    color: #2484B0;
+
+    /* box around term */
+    padding: 0px 6px 0px 6px !important;
+    border: 1px solid #2484B0;
+    border-radius: 9px;
+    /* end box around term */
+
+    cursor: auto;
+}
+
+.cloud .tag7 {
+    -webkit-transition-delay: 0s;
+    -webkit-transition-duration: 0.5s;
+    -webkit-transition-property: color;
+    -webkit-transition-timing-function: linear;
+
+    color: #2484B0;
+
+    /* box around term */
+    padding: 0px 6px 0px 6px !important;
+    border: 1px solid #2484B0;
+    border-radius: 9px;
+    /* end box around term */
+
+    cursor: auto;
+}
+
+
+