Synnefo

    url(r'^quotas/?$', 'quotas', name="astakos-api-quotas"),

/*!

 * jQuery Cookie Plugin v1.3.1

 * https://github.com/carhartl/jquery-cookie

 *

 * Copyright 2013 Klaus Hartl

 * Released under the MIT license

 */

(function (factory) {

	if (typeof define === 'function' && define.amd) {

		// AMD. Register as anonymous module.

		define(['jquery'], factory);

	} else {

		// Browser globals.

		factory(jQuery);

	}

}(function ($) {

	var pluses = /\+/g;

	function raw(s) {

		return s;

	}

	function decoded(s) {

		return decodeURIComponent(s.replace(pluses, ' '));

	}

	function converted(s) {

		if (s.indexOf('"') === 0) {

			// This is a quoted cookie as according to RFC2068, unescape

			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');

		}

		try {

			return config.json ? JSON.parse(s) : s;

		} catch(er) {}

	}

	var config = $.cookie = function (key, value, options) {

		// write

		if (value !== undefined) {

			options = $.extend({}, config.defaults, options);

			if (typeof options.expires === 'number') {

				var days = options.expires, t = options.expires = new Date();

				t.setDate(t.getDate() + days);

			}

			value = config.json ? JSON.stringify(value) : String(value);

			return (document.cookie = [

				config.raw ? key : encodeURIComponent(key),

				'=',

				config.raw ? value : encodeURIComponent(value),

				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE

				options.path    ? '; path=' + options.path : '',

				options.domain  ? '; domain=' + options.domain : '',

				options.secure  ? '; secure' : ''

			].join(''));

		}

		// read

		var decode = config.raw ? raw : decoded;

		var cookies = document.cookie.split('; ');

		var result = key ? undefined : {};

		for (var i = 0, l = cookies.length; i < l; i++) {

			var parts = cookies[i].split('=');

			var name = decode(parts.shift());

			var cookie = decode(parts.join('='));

			if (key && key === name) {

				result = converted(cookie);

				break;

			}

			if (!key) {

				result[name] = converted(cookie);

			}

		}

		return result;

	};

	config.defaults = {};

	$.removeCookie = function (key, options) {

		if ($.cookie(key) !== undefined) {

			// Must not alter options, thus extending a fresh object...

			$.cookie(key, '', $.extend({}, options, { expires: -1 }));

			return true;

		}

		return false;

	};

}));

/*!

 * mustache.js - Logic-less {{mustache}} templates with JavaScript

 * http://github.com/janl/mustache.js

 */

/*global define: false*/

(function (root, mustache) {

  if (typeof exports === "object" && exports) {

    module.exports = mustache; // CommonJS

  } else if (typeof define === "function" && define.amd) {

    define(mustache); // AMD

  } else {

    root.Mustache = mustache; // <script>

  }

}(this, (function () {

  var whiteRe = /\s*/;

  var spaceRe = /\s+/;

  var nonSpaceRe = /\S/;

  var eqRe = /\s*=/;

  var curlyRe = /\s*\}/;

  var tagRe = /#|\^|\/|>|\{|&|=|!/;

  var _test = RegExp.prototype.test;

  var _toString = Object.prototype.toString;

  // Workaround for https://issues.apache.org/jira/browse/COUCHDB-577

  // See https://github.com/janl/mustache.js/issues/189

  function testRe(re, string) {

    return _test.call(re, string);

  }

  function isWhitespace(string) {

    return !testRe(nonSpaceRe, string);

  }

  var isArray = Array.isArray || function (obj) {

    return _toString.call(obj) === '[object Array]';

  };

  function escapeRe(string) {

    return string.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");

  }

  var entityMap = {

    "&": "&",

    "<": "&lt;",

    ">": ">",

    '"': '"',

    "'": ''',

    "/": '/'

  };

  function escapeHtml(string) {

    return String(string).replace(/[&<>"'\/]/g, function (s) {

      return entityMap[s];

    });

  }

  function Scanner(string) {

    this.string = string;

    this.tail = string;

    this.pos = 0;

  }

  /**

   * Returns `true` if the tail is empty (end of string).

   */

  Scanner.prototype.eos = function () {

    return this.tail === "";

  };

  /**

   * Tries to match the given regular expression at the current position.

   * Returns the matched text if it can match, the empty string otherwise.

   */

  Scanner.prototype.scan = function (re) {

    var match = this.tail.match(re);

    if (match && match.index === 0) {

      this.tail = this.tail.substring(match[0].length);

      this.pos += match[0].length;

      return match[0];

    }

    return "";

  };

  /**

   * Skips all text until the given regular expression can be matched. Returns

   * the skipped string, which is the entire tail if no match can be made.

   */

  Scanner.prototype.scanUntil = function (re) {

    var match, pos = this.tail.search(re);

    switch (pos) {

    case -1:

      match = this.tail;

      this.pos += this.tail.length;

      this.tail = "";

      break;

    case 0:

      match = "";

      break;

    default:

      match = this.tail.substring(0, pos);

      this.tail = this.tail.substring(pos);

      this.pos += pos;

    }

    return match;

  };

  function Context(view, parent) {

    this.view = view || {};

    this.parent = parent;

    this._cache = {};

  }

  Context.make = function (view) {

    return (view instanceof Context) ? view : new Context(view);

  };

  Context.prototype.push = function (view) {

    return new Context(view, this);

  };

  Context.prototype.lookup = function (name) {

    var value = this._cache[name];

    if (!value) {

      if (name == '.') {

        value = this.view;

      } else {

        var context = this;

        while (context) {

          if (name.indexOf('.') > 0) {

            value = context.view;

            var names = name.split('.'), i = 0;

            while (value && i < names.length) {

              value = value[names[i++]];

            }

          } else {

            value = context.view[name];

          }

          if (value != null) break;

          context = context.parent;

        }

      }

      this._cache[name] = value;

    }

    if (typeof value === 'function') value = value.call(this.view);

    return value;

  };

  function Writer() {

    this.clearCache();

  }

  Writer.prototype.clearCache = function () {

    this._cache = {};

    this._partialCache = {};

  };

  Writer.prototype.compile = function (template, tags) {

    var fn = this._cache[template];

    if (!fn) {

      var tokens = mustache.parse(template, tags);

      fn = this._cache[template] = this.compileTokens(tokens, template);

    }

    return fn;

  };

  Writer.prototype.compilePartial = function (name, template, tags) {

    var fn = this.compile(template, tags);

    this._partialCache[name] = fn;

    return fn;

  };

  Writer.prototype.getPartial = function (name) {

    if (!(name in this._partialCache) && this._loadPartial) {

      this.compilePartial(name, this._loadPartial(name));

    }

    return this._partialCache[name];

  };

  Writer.prototype.compileTokens = function (tokens, template) {

    var self = this;

    return function (view, partials) {

      if (partials) {

        if (typeof partials === 'function') {

          self._loadPartial = partials;

        } else {

          for (var name in partials) {

            self.compilePartial(name, partials[name]);

          }

        }

      }

      return renderTokens(tokens, self, Context.make(view), template);

    };

  };

  Writer.prototype.render = function (template, view, partials) {

    return this.compile(template)(view, partials);

  };

  /**

   * Low-level function that renders the given `tokens` using the given `writer`

   * and `context`. The `template` string is only needed for templates that use

   * higher-order sections to extract the portion of the original template that

   * was contained in that section.

   */

  function renderTokens(tokens, writer, context, template) {

    var buffer = '';

    var token, tokenValue, value;

    for (var i = 0, len = tokens.length; i < len; ++i) {

      token = tokens[i];

      tokenValue = token[1];

      switch (token[0]) {

      case '#':

        value = context.lookup(tokenValue);

        if (typeof value === 'object') {

          if (isArray(value)) {

            for (var j = 0, jlen = value.length; j < jlen; ++j) {

              buffer += renderTokens(token[4], writer, context.push(value[j]), template);

            }

          } else if (value) {

            buffer += renderTokens(token[4], writer, context.push(value), template);

          }

        } else if (typeof value === 'function') {

          var text = template == null ? null : template.slice(token[3], token[5]);

          value = value.call(context.view, text, function (template) {

            return writer.render(template, context);

          });

          if (value != null) buffer += value;

        } else if (value) {

          buffer += renderTokens(token[4], writer, context, template);

        }

        break;

      case '^':

        value = context.lookup(tokenValue);

        // Use JavaScript's definition of falsy. Include empty arrays.

        // See https://github.com/janl/mustache.js/issues/186

        if (!value || (isArray(value) && value.length === 0)) {

          buffer += renderTokens(token[4], writer, context, template);

        }

        break;

      case '>':

        value = writer.getPartial(tokenValue);

        if (typeof value === 'function') buffer += value(context);

        break;

      case '&':

        value = context.lookup(tokenValue);

        if (value != null) buffer += value;

        break;

      case 'name':

        value = context.lookup(tokenValue);

        if (value != null) buffer += mustache.escape(value);

        break;

      case 'text':

        buffer += tokenValue;

        break;

      }

    }

    return buffer;

  }

  /**

   * Forms the given array of `tokens` into a nested tree structure where

   * tokens that represent a section have two additional items: 1) an array of

   * all tokens that appear in that section and 2) the index in the original

   * template that represents the end of that section.

   */

  function nestTokens(tokens) {

    var tree = [];

    var collector = tree;

    var sections = [];

    var token;

    for (var i = 0, len = tokens.length; i < len; ++i) {

      token = tokens[i];

      switch (token[0]) {

      case '#':

      case '^':

        sections.push(token);

        collector.push(token);

        collector = token[4] = [];

        break;

      case '/':

        var section = sections.pop();

        section[5] = token[2];

        collector = sections.length > 0 ? sections[sections.length - 1][4] : tree;

        break;

      default:

        collector.push(token);

      }

    }

    return tree;

  }

  /**

   * Combines the values of consecutive text tokens in the given `tokens` array

   * to a single token.

   */

  function squashTokens(tokens) {

    var squashedTokens = [];

    var token, lastToken;

    for (var i = 0, len = tokens.length; i < len; ++i) {

      token = tokens[i];

      if (token) {

        if (token[0] === 'text' && lastToken && lastToken[0] === 'text') {

          lastToken[1] += token[1];

          lastToken[3] = token[3];

        } else {

          lastToken = token;

          squashedTokens.push(token);

        }

      }

    }

    return squashedTokens;

  }

  function escapeTags(tags) {

    return [

      new RegExp(escapeRe(tags[0]) + "\\s*"),

      new RegExp("\\s*" + escapeRe(tags[1]))

    ];

  }

  /**

   * Breaks up the given `template` string into a tree of token objects. If

   * `tags` is given here it must be an array with two string values: the

   * opening and closing tags used in the template (e.g. ["<%", "%>"]). Of

   * course, the default is to use mustaches (i.e. Mustache.tags).

   */

  function parseTemplate(template, tags) {

    template = template || '';

    tags = tags || mustache.tags;

    if (typeof tags === 'string') tags = tags.split(spaceRe);

    if (tags.length !== 2) throw new Error('Invalid tags: ' + tags.join(', '));

    var tagRes = escapeTags(tags);

    var scanner = new Scanner(template);

    var sections = [];     // Stack to hold section tokens

    var tokens = [];       // Buffer to hold the tokens

    var spaces = [];       // Indices of whitespace tokens on the current line

    var hasTag = false;    // Is there a {{tag}} on the current line?

    var nonSpace = false;  // Is there a non-space char on the current line?

    // Strips all whitespace tokens array for the current line

    // if there was a {{#tag}} on it and otherwise only space.

    function stripSpace() {

      if (hasTag && !nonSpace) {

        while (spaces.length) {

          delete tokens[spaces.pop()];

        }

      } else {

        spaces = [];

      }

      hasTag = false;

      nonSpace = false;

    }

    var start, type, value, chr, token;

    while (!scanner.eos()) {

      start = scanner.pos;

      // Match any text between tags.

      value = scanner.scanUntil(tagRes[0]);

      if (value) {

        for (var i = 0, len = value.length; i < len; ++i) {

          chr = value.charAt(i);

          if (isWhitespace(chr)) {

            spaces.push(tokens.length);

          } else {

            nonSpace = true;

          }

          tokens.push(['text', chr, start, start + 1]);

          start += 1;

          // Check for whitespace on the current line.

          if (chr == '\n') stripSpace();

        }

      }

      // Match the opening tag.

      if (!scanner.scan(tagRes[0])) break;

      hasTag = true;

      // Get the tag type.

      type = scanner.scan(tagRe) || 'name';

      scanner.scan(whiteRe);

      // Get the tag value.

      if (type === '=') {

        value = scanner.scanUntil(eqRe);

        scanner.scan(eqRe);

        scanner.scanUntil(tagRes[1]);

      } else if (type === '{') {

        value = scanner.scanUntil(new RegExp('\\s*' + escapeRe('}' + tags[1])));

        scanner.scan(curlyRe);

        scanner.scanUntil(tagRes[1]);

        type = '&';

      } else {

        value = scanner.scanUntil(tagRes[1]);

      }

      // Match the closing tag.

      if (!scanner.scan(tagRes[1])) throw new Error('Unclosed tag at ' + scanner.pos);

      token = [type, value, start, scanner.pos];

      tokens.push(token);

      if (type === '#' || type === '^') {

        sections.push(token);

      } else if (type === '/') {

        // Check section nesting.

        if (sections.length === 0) throw new Error('Unopened section "' + value + '" at ' + start);

        var openSection = sections.pop();

        if (openSection[1] !== value) throw new Error('Unclosed section "' + openSection[1] + '" at ' + start);

      } else if (type === 'name' || type === '{' || type === '&') {

        nonSpace = true;

      } else if (type === '=') {

        // Set the tags for the next time around.

        tags = value.split(spaceRe);

        if (tags.length !== 2) throw new Error('Invalid tags at ' + start + ': ' + tags.join(', '));

        tagRes = escapeTags(tags);

      }

    }

    // Make sure there are no open sections when we're done.

    var openSection = sections.pop();

    if (openSection) throw new Error('Unclosed section "' + openSection[1] + '" at ' + scanner.pos);

    tokens = squashTokens(tokens);

    return nestTokens(tokens);

  }

  var mustache = {};

  mustache.name = "mustache.js";

  mustache.version = "0.7.2";

  mustache.tags = ["{{", "}}"];

  mustache.Scanner = Scanner;

  mustache.Context = Context;

  mustache.Writer = Writer;

  mustache.parse = parseTemplate;

  // Export the escaping function so that the user may override it.

  // See https://github.com/janl/mustache.js/issues/244

  mustache.escape = escapeHtml;

  // All Mustache.* functions use this writer.

  var _writer = new Writer();

  /**

   * Clears all cached templates and partials in the default writer.

   */

  mustache.clearCache = function () {

    return _writer.clearCache();

  };

  /**

   * Compiles the given `template` to a reusable function using the default

   * writer.

   */

  mustache.compile = function (template, tags) {

    return _writer.compile(template, tags);

  };

  /**

   * Compiles the partial with the given `name` and `template` to a reusable

   * function using the default writer.

   */

  mustache.compilePartial = function (name, template, tags) {

    return _writer.compilePartial(name, template, tags);

  };

  /**

   * Compiles the given array of tokens (the output of a parse) to a reusable

   * function using the default writer.

   */

  mustache.compileTokens = function (tokens, template) {

    return _writer.compileTokens(tokens, template);

  };

  /**

   * Renders the `template` with the given `view` and `partials` using the

   * default writer.

   */

  mustache.render = function (template, view, partials) {

    return _writer.render(template, view, partials);

  };

  // This is here for backwards compatibility with 0.4.x.

  mustache.to_html = function (template, view, partials, send) {

    var result = mustache.render(template, view, partials);

    if (typeof send === "function") {

      send(result);

    } else {

      return result;

    }

  };

  return mustache;

}())));

DO_LOG = false

LOG = DO_LOG ? _.bind(console.log, console) : function() {};

WARN = DO_LOG ? _.bind(console.warn, console) : function() {};

var default_usage_cls_map = {

  0: 'green',

  33: 'yellow',

  66: 'red'

}

function UsageView(settings) {

  this.meta = this.settings.meta;

  this.groups = this.settings.groups;

  this.el = {};

  this.usage_cls_map = this.settings.usage_cls_map || default_usage_cls_map;

  this.initialize();

_.extend(UsageView.prototype, {

  tpls: {

      'main': '<div class="stats clearfix"><ul></ul></div>',

      'quotas': "#quotaTpl"

  },

  initialize: function() {

    LOG("Initializing UsageView", this.settings);

    this.initResources();

    // initial usage set ????

    this.quotas = {};

    if (this.settings.quotas && _.keys(this.settings.quotas).length > 0) {

      this.setQuotas(this.settings.quotas);

    }

    this.initLayout();

    this.updateQuotas();

  },

  $: function(selector) {

    return this.container;

  },

  render: function(tpl, params) {

    LOG("Rendering", tpl, params);

    var tpl = this.tpls[tpl];

    if (/^[#\.]/.exec(tpl)) { 

      tpl = $(tpl).html();

    }

    var rendered = Mustache.render(tpl, params);

    return $(rendered);

  },

  initLayout: function() {

    LOG("Initializing layout");

    this.el.main = this.render('main');

    this.container.append(this.el.main);

    var ul = this.container.find("ul");

    this.el.list = this.render('quotas', {

      'resources':this.resources_ordered

    });

    ul.append(this.el.list);

  },

  initResources: function() {

    var ordered = this.meta.resources_order;

    var resources = {};

    var resources_ordered = [];

    _.each(this.meta.resources, function(group, index) {

      _.each(group[1], function(resource, rindex) {

        var resource_index = ordered.length;

        if (!_.contains(ordered, resource.name)) {

          ordered.push(resource.name);

        } else {

          resource_index = ordered.indexOf(resource.name);

        }

        resource.index = resource_index;

        resource.resource_name = resource.name.split(".")[1];

        resources[resource.name] = resource;

      })

    });

    resources_ordered = _.map(ordered, function(rk) { return resources[rk] });

    this.resources = resources;

    this.resources_ordered = resources_ordered;

    LOG("Resources initialized", this.resources_ordered, this.resources);

  },

  updateLayout: function() {

    LOG("Updating layout", this.quotas);

    var self = this;

    _.each(this.quotas, function(value, key) {

      var usage = self.getUsage(key);

      var el = self.$().find("li[data-resource='"+key+"']");

      self.updateResourceElement(el, usage);

    })

  },

  updateResourceElement: function(el, usage) {

    el.find(".currValue").text(usage.curr);

    el.find(".maxValue").text(usage.max);

    el.find(".bar span").css({width:usage.perc+"%"});

    el.find(".bar .value").text(usage.perc+"%");

    var left = usage.label_left == 'auto' ? 

               usage.label_left : usage.label_left + "%";

    el.find(".bar .value").css({left:left});

    el.find(".bar .value").css({color:usage.label_color});

    el.removeClass("green yellow red");

    el.addClass(usage.cls);

  },

  getUsage: function(resource_name) {

    var resource = this.quotas[resource_name];

    var resource_meta = this.resources[resource_name];

    var value, limit, percentage; 

    limit = resource.limit;

    value = resource.limit - resource.available;

    if (value < 0 ) { value = 0 }

    percentage = (value/limit) * 100;

    if (value == 0) { percentage = 0 }

    if (resource.available <= 0) {

      percentage = 100;

    }

    if (resource_meta.unit == 'bytes') {

      value = humanize.filesize(value);

      limit = humanize.filesize(limit);

    }

    var cls = 'green';

    _.each(this.usage_cls_map, function(ucls, u){

      if (percentage >= u) {

        cls = ucls

      }

    })

    var label_left = percentage >= 30 ? percentage - 17 : 'auto'; 

    var label_col = label_left == 'auto' ? 'inherit' : '#fff';

    percentage = humanize.numberFormat(percentage, 0);

    qdata = {'curr': value, 'max': limit, 'perc': percentage, 'cls': cls,

             'label_left': label_left, 'label_color': label_col}

    _.extend(qdata, resource);

    console.log(resource_name, value, resource);

    return qdata

  },

  setQuotas: function(data) {

    LOG("Set quotas", data);

    var self = this;

    this.quotas = data;

    _.each(this.quotas, function(v, k) {

      var r = self.resources[k];

      var usage = self.getUsage(k);

      r.usage = usage;

      self.resources[k].usage = usage;

      self.resources_ordered[r.index].usage = usage;

    });

  },

  _ajaxOptions: function() {

    var token = $.cookie(this.settings.cookie_name).split("|")[1];

    return {

      'url': this.url,

      'headers': {

        'X-Auth-Token': token

      },

    }

  },

  updateQuotas: function() {

    LOG("Updating quotas");

    var self = this;

    this.getQuotas(function(data){

      self.setQuotas(data.system);

      self.updateLayout();

    })

  },

  getQuotas: function(callback) {

    var options = this._ajaxOptions();

    options.success = callback;

    LOG("Calling quotas API", options);

    $.ajax(options);

});

window.UsageView = UsageView;

      <script src="{{ IM_STATIC_URL }}js/jquery.cookie.js"></script>	 	 

      <script src="{{ IM_STATIC_URL }}js/mustache.js"></script>	 	 

{% load filters astakos_tags %}

<script id="quotaTpl" type="text/template">

  {% verbatim %}

  {{#resources}}

  <li class="clearfix {{ resource_name }} {{ usage.cls }}" 

      data-resource="{{ name }}">

  <div class="img-wrap">&nbsp;</div>

  <div class="info" data-currvalue="" data-maxvalue="">

    <h3>{{ report_desc }}</h3>

    <p>

      <span class="currValue">{{ usage.curr }}</span> out of 

      <span class="maxValue">{{ usage.max }}</span> {{ report_desc }}

    </p>

  </div>

  <div class="bar">

    <div>

        <span style="width:{{ usage.perc }}%"></span>

        <em 

            class="value" 

            style="left: {{ usage.label_left }}%; color: {{ usage.label_color }}">

            {{ usage.perc }} %

        </em>

    </div>

  </div>

  </li>

  {{/resources}}

  {% endverbatim %}

</script>

<div class="maincol {% block innerpage.class %}{% endblock %}"> 

    <h2>RESOURCE USAGE</h2>

    <div id="quota-container">

    </div>

$(document).ready(function(){

  var usageView = new UsageView({

    'url': '{% url astakos-api-quotas %}',

    'cookie_name': '{{ token_cookie_name|safe }}',

    'dataType': 'json',

    'container': '#quota-container',

    'quotas': {{ current_usage|safe }},

    'meta': {

      'resources': {{ resource_catalog|safe }},

      'groups': {{ resource_groups|safe }},

      'resources_order': {{ resources_order|safe }}

    }

  });

  window.usageView = usageView;

  window.setInterval(function(){

    window.usageView.updateQuotas();

  }, {{ usage_update_interval }});

})

class VerbatimNode(template.Node):

    def __init__(self, text):

        self.text = text

    def render(self, context):

        return self.text

@register.tag

def verbatim(parser, token):

    text = []

    while 1:

        token = parser.tokens.pop(0)

        if token.contents == 'endverbatim':

            break

        if token.token_type == template.TOKEN_VAR:

            text.append('{{')

        elif token.token_type == template.TOKEN_BLOCK:

            text.append('{%')

        text.append(token.contents)

        if token.token_type == template.TOKEN_VAR:

            text.append('}}')

        elif token.token_type == template.TOKEN_BLOCK:

            text.append('%}')

    return VerbatimNode(''.join(text))

from astakos.im import quotas

    current_usage = quotas.get_user_quotas(request.user)

    current_usage = json.dumps(current_usage['system'])

    resource_catalog, resource_groups = _resources_catalog(request)

    resource_catalog = json.dumps(resource_catalog)

    resource_groups = json.dumps(resource_groups)

    resources_order = json.dumps(presentation.RESOURCES.get('resources_order'))

                           resource_catalog=resource_catalog,

                           resource_groups=resource_groups,

                           resources_order=resources_order,

                           current_usage=current_usage,

                           token_cookie_name=astakos_settings.COOKIE_NAME,

                           usage_update_interval=

                           astakos_settings.USAGE_UPDATE_INTERVAL)