Changeset 22664

Timestamp:

May 14, 2013, 9:30:26 PM (11 years ago)

Author:

rvelices

Message:

feature 2885: Add geoip info in the stats / history page

Location:

trunk/admin/themes

Files:

• clear/theme.css (modified) (1 diff)
• default/js/jquery.geoip.js (added)
• default/template/history.tpl (modified) (4 diffs)
• default/theme.css (modified) (1 diff)
• roma/theme.css (modified) (1 diff)

trunk/admin/themes/clear/theme.css

@@ -188 +188 @@
 
 /* jQuery tooltips */
+.ui-tooltip {
+        color: #000;
+        background-color: #eee;
+}
 .cluetip-outer { border-color:#999; color: #777; background-color: #eee; }
 .cluetip-title { background-color: #ddd; }

trunk/admin/themes/default/template/history.tpl

@@ -7 +7 @@
 {/literal}{/footer_script}
 
-<div class="titrePage">
-  <h2>{'History'|@translate} {$TABSHEET_TITLE}</h2>
-</div>
+<h2>{'History'|@translate} {$TABSHEET_TITLE}</h2>
 
 <form class="filter" method="post" name="filter" action="{$F_ACTION}">
@@ -84 +82 @@
   </label>
 
-  <input class="submit" type="submit" name="submit" value="{'Submit'|@translate}">
+  <input type="submit" name="submit" value="{'Submit'|@translate}">
 </fieldset>
 </form>
@@ -125 +123 @@
   <td class="hour">{$detail.TIME}</td>
   <td>{$detail.USER}</td>
-  <td>{$detail.IP}</td>
+  <td class="IP">{$detail.IP}</td>
   <td>{$detail.IMAGE}</td>
   <td>{$detail.TYPE}</td>
@@ -137 +135 @@
 
 {if !empty($navbar) }{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if}
+
+{combine_script id='jquery.geoip' load='async' path='admin/themes/default/js/jquery.geoip.js'}
+{combine_script id='jquery.ui.tooltip' load='footer'}
+
+{footer_script}{literal}
+jQuery(".IP").tooltip( {
+        items: "*",
+        /*show: {delay:0, effect:"show"},
+        hide: {delay:50, effect:"hide"},*/
+        content: function(response) {
+                var that = $(this);
+                GeoIp.get( that.text(), function(data) {
+                        response( data.fullName );
+                });
+        }
+});
+{/literal}{/footer_script}

trunk/admin/themes/default/theme.css

@@ -505 +505 @@
 
 /* jQuery tooltips */
+.ui-tooltip {
+        padding: 8px;
+        position: absolute;
+        z-index: 9999;
+        max-width: 300px;
+        -webkit-box-shadow: 0 0 5px #aaa;
+        box-shadow: 0 0 5px #aaa;
+}
+
 .cluetip-outer {
         position: relative;

trunk/admin/themes/roma/theme.css

@@ -161 +161 @@
 
 /* jQuery tooltips */
+.ui-tooltip {
+        color: #eee;
+        background-color: #000;
+}
 .cluetip-outer { border-color: #666; color: #666; background-color: #222; }
 .cluetip-title { color: #ff3363; background-color: #111; }