summaryrefslogtreecommitdiff
path: root/skins/larry
diff options
context:
space:
mode:
authorAleksander Machniak <alec@alec.pl>2014-06-26 12:32:52 +0200
committerAleksander Machniak <alec@alec.pl>2014-06-26 12:32:52 +0200
commitc5f06896d4db5f2479b5988cb2cea6ef0fa80cad (patch)
tree27a34963be1c24bb8e6885ae7e4cc9186783d60c /skins/larry
parent1a3132366e42a514ea9c471928eef8a63953125a (diff)
Display full quota information in popup (#1485769, #1486604)
Diffstat (limited to 'skins/larry')
-rw-r--r--skins/larry/styles.css24
-rw-r--r--skins/larry/ui.js15
2 files changed, 37 insertions, 2 deletions
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index e4a5c6799..5e3eae2b3 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -2277,6 +2277,30 @@ a.iconbutton:focus,
background: url(images/quota.png) -100px 0 no-repeat;
}
+table.quota-info {
+ border-spacing: 0;
+ border-collapse: collapse;
+ table-layout: fixed;
+ margin: 5px;
+}
+
+table.quota-info td,
+table.quota-info th {
+ color: white;
+ border: 1px solid lightgrey;
+ padding: 2px 3px;
+ text-align: center;
+ min-width: 80px;
+}
+
+table.quota-info td.name {
+ text-align: left;
+}
+
+table.quota-info td.root {
+ font-style: italic;
+}
+
/*** popup menus ***/
.popupmenu,
diff --git a/skins/larry/ui.js b/skins/larry/ui.js
index 11125c389..f67b42250 100644
--- a/skins/larry/ui.js
+++ b/skins/larry/ui.js
@@ -515,14 +515,25 @@ function rcube_mail_ui()
function update_quota(p)
{
- var step = 24, step_count = 20,
+ var element = $('#quotadisplay'), menu = $('#quotamenu'),
+ step = 24, step_count = 20,
y = p.total ? Math.ceil(p.percent / 100 * step_count) * step : 0;
// never show full-circle if quota is close to 100% but below.
if (p.total && y == step * step_count && p.percent < 100)
y -= step;
- $('#quotadisplay').css('background-position', '0 -'+y+'px');
+ element.css('background-position', '0 -' + y + 'px');
+
+ if (p.table) {
+ if (!menu.length)
+ menu = $('<div id="quotamenu" class="popupmenu">').appendTo($('body'));
+
+ menu.html(p.table);
+ element.css('cursor', 'pointer').off('click').on('click', function(e) {
+ return rcmail.command('menu-open', 'quotamenu', e.target, e);
+ });
+ }
}