Changeset 23037 for extensions/community/admin_permissions.tpl

Timestamp:

Jun 4, 2013, 12:55:59 PM (11 years ago)

Author:

plg

Message:

manage quota (number of photos, disk usage)

File:

• extensions/community/admin_permissions.tpl (modified) (5 diffs)

extensions/community/admin_permissions.tpl

@@ +1 @@
+{combine_script id='jquery.ui.slider' require='jquery.ui' load='footer' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'}
+{combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css"}
+
 {literal}
 <style>
@@ -6 +9 @@
 .permissionActions img {margin-bottom:-2px}
 .rowSelected {background-color:#C2F5C2 !important}
+#community_nb_photos, #community_storage {width:400px; display:inline-block; margin-right:10px;}
 </style>
 {/literal}
 
 {footer_script}{literal}
+function sprintf() {
+        var i = 0, a, f = arguments[i++], o = [], m, p, c, x, s = '';
+        while (f) {
+                if (m = /^[^\x25]+/.exec(f)) {
+                        o.push(m[0]);
+                }
+                else if (m = /^\x25{2}/.exec(f)) {
+                        o.push('%');
+                }
+                else if (m = /^\x25(?:(\d+)\$)?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-fosuxX])/.exec(f)) {
+                        if (((a = arguments[m[1] || i++]) == null) || (a == undefined)) {
+                                throw('Too few arguments.');
+                        }
+                        if (/[^s]/.test(m[7]) && (typeof(a) != 'number')) {
+                                throw('Expecting number but found ' + typeof(a));
+                        }
+                        switch (m[7]) {
+                                case 'b': a = a.toString(2); break;
+                                case 'c': a = String.fromCharCode(a); break;
+                                case 'd': a = parseInt(a); break;
+                                case 'e': a = m[6] ? a.toExponential(m[6]) : a.toExponential(); break;
+                                case 'f': a = m[6] ? parseFloat(a).toFixed(m[6]) : parseFloat(a); break;
+                                case 'o': a = a.toString(8); break;
+                                case 's': a = ((a = String(a)) && m[6] ? a.substring(0, m[6]) : a); break;
+                                case 'u': a = Math.abs(a); break;
+                                case 'x': a = a.toString(16); break;
+                                case 'X': a = a.toString(16).toUpperCase(); break;
+                        }
+                        a = (/[def]/.test(m[7]) && m[2] && a >= 0 ? '+'+ a : a);
+                        c = m[3] ? m[3] == '0' ? '0' : m[3].charAt(1) : ' ';
+                        x = m[5] - String(a).length - s.length;
+                        p = m[5] ? str_repeat(c, x) : '';
+                        o.push(s + (m[4] ? a + p : p + a));
+                }
+                else {
+                        throw('Huh ?!');
+                }
+                f = f.substring(m[0].length);
+        }
+        return o.join('');
+}
+
 $(document).ready(function() {
   $("select[name=who]").change(function () {
@@ -52 +98 @@
     return false;
   });
+
+  /* ∞ */
+  /**
+   * find the key from a value in the startStopValues array
+   */
+  function getSliderKeyFromValue(value, values) {
+    for (var key in values) {
+      if (values[key] == value) {
+        return key;
+      }
+    }
+    return 0;
+  }
+
+  var nbPhotosValues = [5,10,20,50,100,500,1000,5000,-1];
+
+  function getNbPhotosInfoFromIdx(idx) {
+    if (idx == nbPhotosValues.length - 1) {
+      return "{/literal}{'no limit'|@translate}{literal}";
+    }
+
+    return sprintf(
+      "{/literal}{'up to %d photos (for each user)'|@translate}{literal}",
+      nbPhotosValues[idx]
+    );
+  }
+
+  /* init nb_photos info span */
+  var nbPhotos_init = getSliderKeyFromValue(jQuery('input[name=nb_photos]').val(), nbPhotosValues);
+
+  jQuery("#community_nb_photos_info").html(getNbPhotosInfoFromIdx(nbPhotos_init));
+
+  jQuery("#community_nb_photos").slider({
+    range: "min",
+    min: 0,
+    max: nbPhotosValues.length - 1,
+    value: nbPhotos_init,
+    slide: function( event, ui ) {
+      jQuery("#community_nb_photos_info").html(getNbPhotosInfoFromIdx(ui.value));
+    },
+    stop: function( event, ui ) {
+      jQuery("input[name=nb_photos]").val(nbPhotosValues[ui.value]);
+    }
+  });
+
+  var storageValues = [10,50,100,200,500,1000,5000,-1];
+
+  function getStorageInfoFromIdx(idx) {
+    if (idx == storageValues.length - 1) {
+      return "{/literal}{'no limit'|@translate}{literal}";
+    }
+
+    return sprintf(
+      "{/literal}{'up to %dMB (for each user)'|@translate}{literal}",
+      storageValues[idx]
+    );
+  }
+
+  /* init storage info span */
+  var storage_init = getSliderKeyFromValue(jQuery('input[name=storage]').val(), storageValues);
+
+  jQuery("#community_storage_info").html(getStorageInfoFromIdx(storage_init));
+
+  jQuery("#community_storage").slider({
+    range: "min",
+    min: 0,
+    max: storageValues.length - 1,
+    value: storage_init,
+    slide: function( event, ui ) {
+      jQuery("#community_storage_info").html(getStorageInfoFromIdx(ui.value));
+    },
+    stop: function( event, ui ) {
+      jQuery("input[name=storage]").val(storageValues[ui.value]);
+    }
+  });
+
 });
 {/literal}{/footer_script}
@@ -104 +226 @@
     </p>
 
+    <p style="margin-bottom:0">
+      <strong>{'How many photos?'|@translate}</strong>
+    </p>
+    <div id="community_nb_photos"></div>
+    <span id="community_nb_photos_info">{'no limit'|@translate}</span>
+    <input type="hidden" name="nb_photos" value="{$nb_photos}">
+
+    <p style="margin-top:1.5em;margin-bottom:0;">
+      <strong>{'How much disk space?'|@translate}</strong>
+    </p>
+    <div id="community_storage"></div>
+    <span id="community_storage_info">{'no limit'|@translate}</span>
+    <input type="hidden" name="storage" value="{$storage}">
+
     {if isset($edit)}
       <input type="hidden" name="edit" value="{$edit}">
     {/if}
     
-    <p style="margin:0;">
+    <p style="margin-top:1.5em;">
       <input class="submit" type="submit" name="submit_add" value="{if isset($edit)}{'Submit'|@translate}{else}{'Add'|@translate}{/if}"/>
       <a href="{$F_ADD_ACTION}">{'Cancel'|@translate}</a>
@@ -128 +264 @@
     <td>{$permission.WHERE}</td>
     <td>
-      <span title="{$permission.TRUST_TOOLTIP}">{$permission.TRUST}</span>
-    {if $permission.RECURSIVE}
-, <span title="{$permission.RECURSIVE_TOOLTIP}">{'sub-albums'|@translate}</span>
-    {/if}
+      <span title="{$permission.TRUST_TOOLTIP}">{$permission.TRUST}</span>{if $permission.RECURSIVE},
+<span title="{$permission.RECURSIVE_TOOLTIP}">{'sub-albums'|@translate}</span>{/if}{if $permission.NB_PHOTOS},
+<span title="{$permission.NB_PHOTOS_TOOLTIP}">{'%d photos'|@translate|sprintf:$permission.NB_PHOTOS}</span>{/if}{if $permission.STORAGE},
+<span title="{$permission.STORAGE_TOOLTIP}">{$permission.STORAGE}MB</span>{/if}
     {if $permission.CREATE_SUBCATEGORIES}
 , {'sub-albums creation'|@translate}