', '', ' ", "
"],
- nodeContainerSelector: "div." + Ext.baseCSSPrefix + "legend-container",
- itemSelector: "div." + Ext.baseCSSPrefix + "legend-item",
- docked: "bottom"
- },
- setDocked: function(d) {
- var c = this,
- a = c.ownerCt,
- b;
- c.docked = d;
- switch (d) {
- case "top":
- case "bottom":
- c.addCls(Ext.baseCSSPrefix + "horizontal");
- b = "hbox";
- break;
- case "left":
- case "right":
- c.removeCls(Ext.baseCSSPrefix + "horizontal");
- b = "vbox";
- break
- }
- if (a) {
- a.setDocked(d)
- }
- },
- setStore: function(a) {
- this.bindStore(a)
- },
- clearViewEl: function() {
- this.callParent(arguments);
- Ext.removeNode(this.getNodeContainer())
- },
- onItemClick: function(a, c, b, d) {
- this.callParent(arguments);
- this.toggleItem(b)
- }
-});
-Ext.define("Ext.chart.Legend", {
- xtype: "legend",
- extend: "Ext.chart.LegendBase",
- config: {
- baseCls: Ext.baseCSSPrefix + "legend",
- padding: 5,
- rect: null,
- disableSelection: true,
- toggleable: true
- },
- toggleItem: function(c) {
- if (!this.getToggleable()) {
- return
- }
- var b = this.getStore(),
- h = 0,
- e, g = true,
- d, f, a;
- if (b) {
- f = b.getCount();
- for (d = 0; d < f; d++) {
- a = b.getAt(d);
- if (a.get("disabled")) {
- h++
- }
- }
- g = f - h > 1;
- a = b.getAt(c);
- if (a) {
- e = a.get("disabled");
- if (e || g) {
- a.set("disabled", !e)
- }
- }
- }
- }
-});
-Ext.define("Ext.chart.AbstractChart", {
- extend: "Ext.draw.Container",
- requires: ["Ext.chart.theme.Default", "Ext.chart.series.Series", "Ext.chart.interactions.Abstract", "Ext.chart.axis.Axis", "Ext.data.StoreManager", "Ext.chart.Legend", "Ext.data.Store"],
- isChart: true,
- defaultBindProperty: "store",
- config: {
- store: "ext-empty-store",
- theme: "default",
- style: null,
- animation: !Ext.isIE8,
- series: [],
- axes: [],
- legend: null,
- colors: null,
- insetPadding: {
- top: 10,
- left: 10,
- right: 10,
- bottom: 10
- },
- background: null,
- interactions: [],
- mainRect: null,
- resizeHandler: null,
- highlightItem: null
- },
- animationSuspendCount: 0,
- chartLayoutSuspendCount: 0,
- axisThicknessSuspendCount: 0,
- isThicknessChanged: false,
- surfaceZIndexes: {
- background: 0,
- main: 1,
- grid: 2,
- series: 3,
- axis: 4,
- chart: 5,
- overlay: 6,
- events: 7
- },
- constructor: function(a) {
- var b = this;
- b.itemListeners = {};
- b.surfaceMap = {};
- b.chartComponents = {};
- b.isInitializing = true;
- b.suspendChartLayout();
- b.animationSuspendCount++;
- b.callParent(arguments);
- delete b.isInitializing;
- b.getSurface("main");
- b.getSurface("chart").setFlipRtlText(b.getInherited().rtl);
- b.getSurface("overlay").waitFor(b.getSurface("series"));
- b.animationSuspendCount--;
- b.resumeChartLayout()
- },
- applyAnimation: function(a, b) {
- if (!a) {
- a = {
- duration: 0
- }
- } else {
- if (a === true) {
- a = {
- easing: "easeInOut",
- duration: 500
- }
- }
- }
- return b ? Ext.apply({}, a, b) : a
- },
- getAnimation: function() {
- if (this.animationSuspendCount) {
- return {
- duration: 0
- }
- } else {
- return this.callParent()
- }
- },
- applyInsetPadding: function(b, a) {
- if (!Ext.isObject(b)) {
- return Ext.util.Format.parseBox(b)
- } else {
- if (!a) {
- return b
- } else {
- return Ext.apply(a, b)
- }
- }
- },
- suspendAnimation: function() {
- var d = this,
- c = d.getSeries(),
- e = c.length,
- b = -1,
- a;
- d.animationSuspendCount++;
- if (d.animationSuspendCount === 1) {
- while (++b < e) {
- a = c[b];
- a.setAnimation(a.getAnimation())
- }
- }
- },
- resumeAnimation: function() {
- var d = this,
- c = d.getSeries(),
- f = c.length,
- b = -1,
- a, e;
- d.animationSuspendCount--;
- if (d.animationSuspendCount === 0) {
- while (++b < f) {
- a = c[b];
- e = a.getAnimation();
- a.setAnimation(e.duration && e || d.getAnimation())
- }
- }
- },
- suspendChartLayout: function() {
- this.chartLayoutSuspendCount++;
- if (this.chartLayoutSuspendCount === 1) {
- if (this.scheduledLayoutId) {
- this.layoutInSuspension = true;
- this.cancelChartLayout()
- } else {
- this.layoutInSuspension = false
- }
- }
- },
- resumeChartLayout: function() {
- this.chartLayoutSuspendCount--;
- if (this.chartLayoutSuspendCount === 0) {
- if (this.layoutInSuspension) {
- this.scheduleLayout()
- }
- }
- },
- cancelChartLayout: function() {
- if (this.scheduledLayoutId) {
- Ext.draw.Animator.cancel(this.scheduledLayoutId);
- this.scheduledLayoutId = null
- }
- },
- scheduleLayout: function() {
- var a = this;
- if (a.allowSchedule() && !a.scheduledLayoutId) {
- a.scheduledLayoutId = Ext.draw.Animator.schedule("doScheduleLayout", a)
- }
- },
- allowSchedule: function() {
- return true
- },
- doScheduleLayout: function() {
- if (this.chartLayoutSuspendCount) {
- this.layoutInSuspension = true
- } else {
- this.performLayout()
- }
- },
- suspendThicknessChanged: function() {
- this.axisThicknessSuspendCount++
- },
- resumeThicknessChanged: function() {
- if (this.axisThicknessSuspendCount > 0) {
- this.axisThicknessSuspendCount--;
- if (this.axisThicknessSuspendCount === 0 && this.isThicknessChanged) {
- this.onThicknessChanged()
- }
- }
- },
- onThicknessChanged: function() {
- if (this.axisThicknessSuspendCount === 0) {
- this.isThicknessChanged = false;
- this.performLayout()
- } else {
- this.isThicknessChanged = true
- }
- },
- applySprites: function(b) {
- var a = this.getSurface("chart");
- b = Ext.Array.from(b);
- a.removeAll(true);
- a.add(b);
- return b
- },
- initItems: function() {
- var a = this.items,
- b, d, c;
- if (a && !a.isMixedCollection) {
- this.items = [];
- a = Ext.Array.from(a);
- for (b = 0, d = a.length; b < d; b++) {
- c = a[b];
- if (c.type) {
- Ext.raise("To add custom sprites to the chart use the 'sprites' config.")
- } else {
- this.items.push(c)
- }
- }
- }
- this.callParent()
- },
- applyBackground: function(c, e) {
- var b = this.getSurface("background"),
- d, a, f;
- if (c) {
- if (e) {
- d = e.attr.width;
- a = e.attr.height;
- f = e.type === (c.type || "rect")
- }
- if (c.isSprite) {
- e = c
- } else {
- if (c.type === "image" && Ext.isString(c.src)) {
- if (f) {
- e.setAttributes({
- src: c.src
- })
- } else {
- b.remove(e, true);
- e = b.add(c)
- }
- } else {
- if (f) {
- e.setAttributes({
- fillStyle: c
- })
- } else {
- b.remove(e, true);
- e = b.add({
- type: "rect",
- fillStyle: c,
- fx: {
- customDurations: {
- x: 0,
- y: 0,
- width: 0,
- height: 0
- }
- }
- })
- }
- }
- }
- }
- if (d && a) {
- e.setAttributes({
- width: d,
- height: a
- })
- }
- e.setAnimation(this.getAnimation());
- return e
- },
- getLegendStore: function() {
- return this.legendStore
- },
- refreshLegendStore: function() {
- if (this.getLegendStore()) {
- var d, e, c = this.getSeries(),
- b, a = [];
- if (c) {
- for (d = 0, e = c.length; d < e; d++) {
- b = c[d];
- if (b.getShowInLegend()) {
- b.provideLegendInfo(a)
- }
- }
- }
- this.getLegendStore().setData(a)
- }
- },
- resetLegendStore: function() {
- var c = this.getLegendStore(),
- e, d, a, b;
- if (c) {
- e = this.getLegendStore().getData().items;
- for (d = 0, a = e.length; d < a; d++) {
- b = e[d];
- b.beginEdit();
- b.set("disabled", false);
- b.commit()
- }
- }
- },
- onUpdateLegendStore: function(b, a) {
- var d = this.getSeries(),
- c;
- if (a && d) {
- c = d.map[a.get("series")];
- if (c) {
- c.setHiddenByIndex(a.get("index"), a.get("disabled"));
- this.redraw()
- }
- }
- },
- defaultResizeHandler: function(a) {
- this.scheduleLayout();
- return false
- },
- applyMainRect: function(a, b) {
- if (!b) {
- return a
- }
- this.getSeries();
- this.getAxes();
- if (a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]) {
- return b
- } else {
- return a
- }
- },
- register: function(a) {
- var b = this.chartComponents,
- c = a.getId();
- b[c] = a
- },
- unregister: function(a) {
- var b = this.chartComponents,
- c = a.getId();
- delete b[c]
- },
- get: function(a) {
- return this.chartComponents[a]
- },
- getAxis: function(a) {
- if (a instanceof Ext.chart.axis.Axis) {
- return a
- } else {
- if (Ext.isNumber(a)) {
- return this.getAxes()[a]
- } else {
- if (Ext.isString(a)) {
- return this.get(a)
- }
- }
- }
- },
- getSurface: function(b, c) {
- b = b || "main";
- c = c || b;
- var d = this,
- a = this.callParent([b]),
- f = d.surfaceZIndexes,
- e = d.surfaceMap;
- if (c in f) {
- a.element.setStyle("zIndex", f[c])
- }
- if (!e[c]) {
- e[c] = []
- }
- if (Ext.Array.indexOf(e[c], a) < 0) {
- a.type = c;
- e[c].push(a);
- a.on("destroy", d.forgetSurface, d)
- }
- return a
- },
- forgetSurface: function(a) {
- var d = this.surfaceMap;
- if (!d || this.isDestroying) {
- return
- }
- var c = d[a.type],
- b = c ? Ext.Array.indexOf(c, a) : -1;
- if (b >= 0) {
- c.splice(b, 1)
- }
- },
- applyAxes: function(b, k) {
- var l = this,
- g = {
- left: "right",
- right: "left"
- },
- m = [],
- c, d, e, a, f, h, j;
- l.animationSuspendCount++;
- l.getStore();
- if (!k) {
- k = [];
- k.map = {}
- }
- j = k.map;
- m.map = {};
- b = Ext.Array.from(b, true);
- for (f = 0, h = b.length; f < h; f++) {
- c = b[f];
- if (!c) {
- continue
- }
- if (c instanceof Ext.chart.axis.Axis) {
- d = j[c.getId()];
- c.setChart(l)
- } else {
- c = Ext.Object.chain(c);
- e = c.linkedTo;
- a = c.id;
- if (Ext.isNumber(e)) {
- c = Ext.merge({}, b[e], c)
- } else {
- if (Ext.isString(e)) {
- Ext.Array.each(b, function(i) {
- if (i.id === c.linkedTo) {
- c = Ext.merge({}, i, c);
- return false
- }
- })
- }
- }
- c.id = a;
- c.chart = l;
- if (l.getInherited().rtl) {
- c.position = g[c.position] || c.position
- }
- a = c.getId && c.getId() || c.id;
- c = Ext.factory(c, null, d = j[a], "axis")
- }
- if (c) {
- m.push(c);
- m.map[c.getId()] = c;
- if (!d) {
- c.on("animationstart", "onAnimationStart", l);
- c.on("animationend", "onAnimationEnd", l)
- }
- }
- }
- for (f in j) {
- if (!m.map[f]) {
- j[f].destroy()
- }
- }
- l.animationSuspendCount--;
- return m
- },
- updateAxes: function() {
- if (!this.isDestroying) {
- this.scheduleLayout()
- }
- },
- circularCopyArray: function(e, f, d) {
- var c = [],
- b, a = e && e.length;
- if (a) {
- for (b = 0; b < d; b++) {
- c.push(e[(f + b) % a])
- }
- }
- return c
- },
- circularCopyObject: function(f, g, d) {
- var c = this,
- b, e, a = {};
- if (d) {
- for (b in f) {
- if (f.hasOwnProperty(b)) {
- e = f[b];
- if (Ext.isArray(e)) {
- a[b] = c.circularCopyArray(e, g, d)
- } else {
- a[b] = e
- }
- }
- }
- }
- return a
- },
- getColors: function() {
- var b = this,
- a = b.config.colors,
- c = b.getTheme();
- if (Ext.isArray(a) && a.length > 0) {
- a = b.applyColors(a)
- }
- return a || (c && c.getColors())
- },
- applyColors: function(a) {
- a = Ext.Array.map(a, function(b) {
- if (Ext.isString(b)) {
- return b
- } else {
- return b.toString()
- }
- });
- return a
- },
- updateColors: function(c) {
- var k = this,
- e = k.getTheme(),
- a = c || (e && e.getColors()),
- l = 0,
- f = k.getSeries(),
- d = f && f.length,
- g, j, b, h;
- if (a.length) {
- for (g = 0; g < d; g++) {
- j = f[g];
- h = j.themeColorCount();
- b = k.circularCopyArray(a, l, h);
- l += h;
- j.updateChartColors(b)
- }
- }
- k.refreshLegendStore()
- },
- applyTheme: function(a) {
- if (a && a.isTheme) {
- return a
- }
- return Ext.Factory.chartTheme(a)
- },
- updateTheme: function(g) {
- var e = this,
- f = e.getAxes(),
- d = e.getSeries(),
- a = e.getColors(),
- c, b;
- e.updateChartTheme(g);
- for (b = 0; b < f.length; b++) {
- f[b].updateTheme(g)
- }
- for (b = 0; b < d.length; b++) {
- c = d[b];
- c.updateTheme(g)
- }
- e.updateSpriteTheme(g);
- e.updateColors(a);
- e.redraw()
- },
- themeOnlyIfConfigured: {},
- updateChartTheme: function(c) {
- var i = this,
- k = c.getChart(),
- n = i.getInitialConfig(),
- b = i.defaultConfig,
- e = i.getConfigurator().configs,
- f = k.defaults,
- g = k[i.xtype],
- h = i.themeOnlyIfConfigured,
- l, j, o, a, m, d;
- k = Ext.merge({}, f, g);
- for (l in k) {
- j = k[l];
- d = e[l];
- if (j !== null && j !== undefined && d) {
- m = n[l];
- o = Ext.isObject(j);
- a = m === b[l];
- if (o) {
- if (a && h[l]) {
- continue
- }
- j = Ext.merge({}, j, m)
- }
- if (a || o) {
- i[d.names.set](j)
- }
- }
- }
- },
- updateSpriteTheme: function(c) {
- this.getSprites();
- var j = this,
- e = j.getSurface("chart"),
- h = e.getItems(),
- m = c.getSprites(),
- k, a, l, f, d, b, g;
- for (b = 0, g = h.length; b < g; b++) {
- k = h[b];
- a = m[k.type];
- if (a) {
- f = {};
- d = k.type === "text";
- for (l in a) {
- if (!(l in k.config)) {
- if (!(d && l.indexOf("font") === 0 && k.config.font)) {
- f[l] = a[l]
- }
- }
- }
- k.setAttributes(f)
- }
- }
- },
- addSeries: function(b) {
- var a = this.getSeries();
- Ext.Array.push(a, b);
- this.setSeries(a)
- },
- removeSeries: function(d) {
- d = Ext.Array.from(d);
- var b = this.getSeries(),
- f = [],
- a = d.length,
- g = {},
- c, e;
- for (c = 0; c < a; c++) {
- e = d[c];
- if (typeof e !== "string") {
- e = e.getId()
- }
- g[e] = true
- }
- for (c = 0, a = b.length; c < a; c++) {
- if (!g[b[c].getId()]) {
- f.push(b[c])
- }
- }
- this.setSeries(f)
- },
- applySeries: function(e, d) {
- var g = this,
- j = [],
- h, a, c, f, b;
- g.animationSuspendCount++;
- g.getAxes();
- if (d) {
- h = d.map
- } else {
- d = [];
- h = d.map = {}
- }
- j.map = {};
- e = Ext.Array.from(e, true);
- for (c = 0, f = e.length; c < f; c++) {
- b = e[c];
- if (!b) {
- continue
- }
- a = h[b.getId && b.getId() || b.id];
- if (b instanceof Ext.chart.series.Series) {
- if (a && a !== b) {
- a.destroy()
- }
- b.setChart(g)
- } else {
- if (Ext.isObject(b)) {
- if (a) {
- a.setConfig(b);
- b = a
- } else {
- if (Ext.isString(b)) {
- b = {
- type: b
- }
- }
- b.chart = g;
- b = Ext.create(b.xclass || ("series." + b.type), b);
- b.on("animationstart", "onAnimationStart", g);
- b.on("animationend", "onAnimationEnd", g)
- }
- }
- }
- j.push(b);
- j.map[b.getId()] = b
- }
- for (c in h) {
- if (!j.map[h[c].getId()]) {
- h[c].destroy()
- }
- }
- g.animationSuspendCount--;
- return j
- },
- applyLegend: function(b, a) {
- return Ext.factory(b, Ext.chart.Legend, a)
- },
- updateLegend: function(b, a) {
- if (a) {
- a.destroy()
- }
- if (b) {
- this.getItems();
- this.legendStore = new Ext.data.Store({
- autoDestroy: true,
- fields: ["id", "name", "mark", "disabled", "series", "index"]
- });
- b.setStore(this.legendStore);
- this.refreshLegendStore();
- this.legendStore.on("update", "onUpdateLegendStore", this)
- }
- },
- updateSeries: function(b, a) {
- var c = this;
- if (c.isDestroying) {
- return
- }
- c.animationSuspendCount++;
- c.fireEvent("serieschange", c, b, a);
- c.refreshLegendStore();
- if (!Ext.isEmpty(b)) {
- c.updateTheme(c.getTheme())
- }
- c.scheduleLayout();
- c.animationSuspendCount--
- },
- applyInteractions: function(h, d) {
- if (!d) {
- d = [];
- d.map = {}
- }
- var g = this,
- a = [],
- c = d.map,
- e, f, b;
- a.map = {};
- h = Ext.Array.from(h, true);
- for (e = 0, f = h.length; e < f; e++) {
- b = h[e];
- if (!b) {
- continue
- }
- b = Ext.factory(b, null, c[b.getId && b.getId() || b.id], "interaction");
- if (b) {
- b.setChart(g);
- a.push(b);
- a.map[b.getId()] = b
- }
- }
- for (e in c) {
- if (!a.map[e]) {
- c[e].destroy()
- }
- }
- return a
- },
- getInteraction: function(e) {
- var f = this.getInteractions(),
- a = f && f.length,
- c = null,
- b, d;
- if (a) {
- for (d = 0; d < a; ++d) {
- b = f[d];
- if (b.type === e) {
- c = b;
- break
- }
- }
- }
- return c
- },
- applyStore: function(a) {
- return a && Ext.StoreManager.lookup(a)
- },
- updateStore: function(a, c) {
- var b = this;
- if (c) {
- c.un({
- datachanged: "onDataChanged",
- update: "onDataChanged",
- scope: b,
- order: "after"
- });
- if (c.autoDestroy) {
- c.destroy()
- }
- }
- if (a) {
- a.on({
- datachanged: "onDataChanged",
- update: "onDataChanged",
- scope: b,
- order: "after"
- })
- }
- b.fireEvent("storechange", b, a, c);
- b.onDataChanged()
- },
- redraw: function() {
- this.fireEvent("redraw", this)
- },
- performLayout: function() {
- var d = this,
- b = d.getChartSize(true),
- c = [0, 0, b.width, b.height],
- a = d.getBackground();
- d.hasFirstLayout = true;
- d.fireEvent("layout", d);
- d.cancelChartLayout();
- d.getSurface("background").setRect(c);
- d.getSurface("chart").setRect(c);
- a.setAttributes({
- width: b.width,
- height: b.height
- })
- },
- getChartSize: function(b) {
- var a = this;
- if (b) {
- a.chartSize = null
- }
- return a.chartSize || (a.chartSize = a.innerElement.getSize())
- },
- getEventXY: function(a) {
- return this.getSurface().getEventXY(a)
- },
- getItemForPoint: function(h, g) {
- var f = this,
- a = f.getSeries(),
- e = f.getMainRect(),
- d = a.length,
- b = f.hasFirstLayout ? d - 1 : -1,
- c, j;
- if (!(e && h >= 0 && h <= e[2] && g >= 0 && g <= e[3])) {
- return null
- }
- for (; b >= 0; b--) {
- c = a[b];
- j = c.getItemForPoint(h, g);
- if (j) {
- return j
- }
- }
- return null
- },
- getItemsForPoint: function(h, g) {
- var f = this,
- a = f.getSeries(),
- d = a.length,
- b = f.hasFirstLayout ? d - 1 : -1,
- e = [],
- c, j;
- for (; b >= 0; b--) {
- c = a[b];
- j = c.getItemForPoint(h, g);
- if (j) {
- e.push(j)
- }
- }
- return e
- },
- onAnimationStart: function() {
- this.fireEvent("animationstart", this)
- },
- onAnimationEnd: function() {
- this.fireEvent("animationend", this)
- },
- onDataChanged: function() {
- var d = this;
- if (d.isInitializing) {
- return
- }
- var c = d.getMainRect(),
- a = d.getStore(),
- b = d.getSeries(),
- e = d.getAxes();
- if (!a || !e || !b) {
- return
- }
- if (!c) {
- d.on({
- redraw: d.onDataChanged,
- scope: d,
- single: true
- });
- return
- }
- d.processData();
- d.redraw()
- },
- recordCount: 0,
- processData: function() {
- var g = this,
- e = g.getStore().getCount(),
- c = g.getSeries(),
- f = c.length,
- d = false,
- b = 0,
- a;
- for (; b < f; b++) {
- a = c[b];
- a.processData();
- if (!d && a.isStoreDependantColorCount) {
- d = true
- }
- }
- if (d && e > g.recordCount) {
- g.updateColors(g.getColors());
- g.recordCount = e
- }
- },
- bindStore: function(a) {
- this.setStore(a)
- },
- applyHighlightItem: function(f, a) {
- if (f === a) {
- return
- }
- if (Ext.isObject(f) && Ext.isObject(a)) {
- var e = f,
- d = a,
- c = e.sprite && (e.sprite[0] || e.sprite),
- b = d.sprite && (d.sprite[0] || d.sprite);
- if (c === b && e.index === d.index) {
- return
- }
- }
- return f
- },
- updateHighlightItem: function(b, a) {
- if (a) {
- a.series.setAttributesForItem(a, {
- highlighted: false
- })
- }
- if (b) {
- b.series.setAttributesForItem(b, {
- highlighted: true
- });
- this.fireEvent("itemhighlight", this, b, a)
- }
- this.fireEvent("itemhighlightchange", this, b, a)
- },
- destroyChart: function() {
- var f = this,
- d = f.getLegend(),
- g = f.getAxes(),
- c = f.getSeries(),
- h = f.getInteractions(),
- b = [],
- a, e;
- f.surfaceMap = null;
- for (a = 0, e = h.length; a < e; a++) {
- h[a].destroy()
- }
- for (a = 0, e = g.length; a < e; a++) {
- g[a].destroy()
- }
- for (a = 0, e = c.length; a < e; a++) {
- c[a].destroy()
- }
- f.setInteractions(b);
- f.setAxes(b);
- f.setSeries(b);
- if (d) {
- d.destroy();
- f.setLegend(null)
- }
- f.legendStore = null;
- f.setStore(null);
- f.cancelChartLayout()
- },
- getRefItems: function(b) {
- var g = this,
- e = g.getSeries(),
- h = g.getAxes(),
- a = g.getInteractions(),
- c = [],
- d, f;
- for (d = 0, f = e.length; d < f; d++) {
- c.push(e[d]);
- if (e[d].getRefItems) {
- c.push.apply(c, e[d].getRefItems(b))
- }
- }
- for (d = 0, f = h.length; d < f; d++) {
- c.push(h[d]);
- if (h[d].getRefItems) {
- c.push.apply(c, h[d].getRefItems(b))
- }
- }
- for (d = 0, f = a.length; d < f; d++) {
- c.push(a[d]);
- if (a[d].getRefItems) {
- c.push.apply(c, a[d].getRefItems(b))
- }
- }
- return c
- }
-});
-Ext.define("Ext.chart.overrides.AbstractChart", {
- override: "Ext.chart.AbstractChart",
- updateLegend: function(b, a) {
- var c;
- this.callParent([b, a]);
- if (b) {
- c = b.docked;
- this.addDocked({
- dock: c,
- xtype: "panel",
- shrinkWrap: true,
- scrollable: true,
- layout: {
- type: c === "top" || c === "bottom" ? "hbox" : "vbox",
- pack: "center"
- },
- items: b,
- cls: Ext.baseCSSPrefix + "legend-panel"
- })
- }
- },
- performLayout: function() {
- if (this.isVisible(true)) {
- return this.callParent()
- }
- this.cancelChartLayout();
- return false
- },
- afterComponentLayout: function(c, a, b, d) {
- this.callParent([c, a, b, d]);
- this.scheduleLayout()
- },
- allowSchedule: function() {
- return this.rendered
- },
- onDestroy: function() {
- this.destroyChart();
- this.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.grid.HorizontalGrid", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "grid.horizontal",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- width: "number",
- height: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- width: 1,
- height: 1,
- strokeStyle: "#DDD"
- }
- }
- },
- render: function(b, c, e) {
- var a = this.attr,
- f = b.roundPixel(a.y),
- d = c.lineWidth * 0.5;
- c.beginPath();
- c.rect(e[0] - b.matrix.getDX(), f + d, +e[2], a.height);
- c.fill();
- c.beginPath();
- c.moveTo(e[0] - b.matrix.getDX(), f + d);
- c.lineTo(e[0] + e[2] - b.matrix.getDX(), f + d);
- c.stroke()
- }
-});
-Ext.define("Ext.chart.grid.VerticalGrid", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "grid.vertical",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- width: "number",
- height: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- width: 1,
- height: 1,
- strokeStyle: "#DDD"
- }
- }
- },
- render: function(c, d, f) {
- var b = this.attr,
- a = c.roundPixel(b.x),
- e = d.lineWidth * 0.5;
- d.beginPath();
- d.rect(a - e, f[1] - c.matrix.getDY(), b.width, f[3]);
- d.fill();
- d.beginPath();
- d.moveTo(a - e, f[1] - c.matrix.getDY());
- d.lineTo(a - e, f[1] + f[3] - c.matrix.getDY());
- d.stroke()
- }
-});
-Ext.define("Ext.chart.CartesianChart", {
- extend: "Ext.chart.AbstractChart",
- alternateClassName: "Ext.chart.Chart",
- requires: ["Ext.chart.grid.HorizontalGrid", "Ext.chart.grid.VerticalGrid"],
- xtype: ["cartesian", "chart"],
- isCartesian: true,
- config: {
- flipXY: false,
- innerRect: [0, 0, 1, 1],
- innerPadding: {
- top: 0,
- left: 0,
- right: 0,
- bottom: 0
- }
- },
- applyInnerPadding: function(b, a) {
- if (!Ext.isObject(b)) {
- return Ext.util.Format.parseBox(b)
- } else {
- if (!a) {
- return b
- } else {
- return Ext.apply(a, b)
- }
- }
- },
- getDirectionForAxis: function(a) {
- var b = this.getFlipXY();
- if (a === "left" || a === "right") {
- if (b) {
- return "X"
- } else {
- return "Y"
- }
- } else {
- if (b) {
- return "Y"
- } else {
- return "X"
- }
- }
- },
- performLayout: function() {
- var A = this;
- A.animationSuspendCount++;
- if (A.callParent() === false) {
- --A.animationSuspendCount;
- return
- }
- A.suspendThicknessChanged();
- var d = A.getSurface("chart").getRect(),
- o = d[2],
- n = d[3],
- z = A.getAxes(),
- b, q = A.getSeries(),
- h, l, a, f = A.getInsetPadding(),
- v = A.getInnerPadding(),
- r, c, e = Ext.apply({}, f),
- u, p, s, k, m, y, t, x, g, j = A.getInherited().rtl,
- w = A.getFlipXY();
- if (o <= 0 || n <= 0) {
- return
- }
- for (x = 0; x < z.length; x++) {
- b = z[x];
- l = b.getSurface();
- m = b.getFloating();
- y = m ? m.value : null;
- a = b.getThickness();
- switch (b.getPosition()) {
- case "top":
- l.setRect([0, e.top + 1, o, a]);
- break;
- case "bottom":
- l.setRect([0, n - (e.bottom + a), o, a]);
- break;
- case "left":
- l.setRect([e.left, 0, a, n]);
- break;
- case "right":
- l.setRect([o - (e.right + a), 0, a, n]);
- break
- }
- if (y === null) {
- e[b.getPosition()] += a
- }
- }
- o -= e.left + e.right;
- n -= e.top + e.bottom;
- u = [e.left, e.top, o, n];
- e.left += v.left;
- e.top += v.top;
- e.right += v.right;
- e.bottom += v.bottom;
- p = o - v.left - v.right;
- s = n - v.top - v.bottom;
- A.setInnerRect([e.left, e.top, p, s]);
- if (p <= 0 || s <= 0) {
- return
- }
- A.setMainRect(u);
- A.getSurface().setRect(u);
- for (x = 0, g = A.surfaceMap.grid && A.surfaceMap.grid.length; x < g; x++) {
- c = A.surfaceMap.grid[x];
- c.setRect(u);
- c.matrix.set(1, 0, 0, 1, v.left, v.top);
- c.matrix.inverse(c.inverseMatrix)
- }
- for (x = 0; x < z.length; x++) {
- b = z[x];
- l = b.getSurface();
- t = l.matrix;
- k = t.elements;
- switch (b.getPosition()) {
- case "top":
- case "bottom":
- k[4] = e.left;
- b.setLength(p);
- break;
- case "left":
- case "right":
- k[5] = e.top;
- b.setLength(s);
- break
- }
- b.updateTitleSprite();
- t.inverse(l.inverseMatrix)
- }
- for (x = 0, g = q.length; x < g; x++) {
- h = q[x];
- r = h.getSurface();
- r.setRect(u);
- if (w) {
- if (j) {
- r.matrix.set(0, -1, -1, 0, v.left + p, v.top + s)
- } else {
- r.matrix.set(0, -1, 1, 0, v.left, v.top + s)
- }
- } else {
- r.matrix.set(1, 0, 0, -1, v.left, v.top + s)
- }
- r.matrix.inverse(r.inverseMatrix);
- h.getOverlaySurface().setRect(u)
- }
- A.redraw();
- A.animationSuspendCount--;
- A.resumeThicknessChanged()
- },
- refloatAxes: function() {
- var h = this,
- g = h.getAxes(),
- o = (g && g.length) || 0,
- c, d, n, f, l, b, k, r = h.getChartSize(),
- q = h.getInsetPadding(),
- p = h.getInnerPadding(),
- a = r.width - q.left - q.right,
- m = r.height - q.top - q.bottom,
- j, e;
- for (e = 0; e < o; e++) {
- c = g[e];
- f = c.getFloating();
- l = f ? f.value : null;
- if (l === null) {
- delete c.floatingAtCoord;
- continue
- }
- d = c.getSurface();
- n = d.getRect();
- if (!n) {
- continue
- }
- n = n.slice();
- b = h.getAxis(f.alongAxis);
- if (b) {
- j = b.getAlignment() === "horizontal";
- if (Ext.isString(l)) {
- l = b.getCoordFor(l)
- }
- b.floatingAxes[c.getId()] = l;
- k = b.getSprites()[0].attr.matrix;
- if (j) {
- l = l * k.getXX() + k.getDX();
- c.floatingAtCoord = l + p.left + p.right
- } else {
- l = l * k.getYY() + k.getDY();
- c.floatingAtCoord = l + p.top + p.bottom
- }
- } else {
- j = c.getAlignment() === "horizontal";
- if (j) {
- c.floatingAtCoord = l + p.top + p.bottom
- } else {
- c.floatingAtCoord = l + p.left + p.right
- }
- l = d.roundPixel(0.01 * l * (j ? m : a))
- }
- switch (c.getPosition()) {
- case "top":
- n[1] = q.top + p.top + l - n[3] + 1;
- break;
- case "bottom":
- n[1] = q.top + p.top + (b ? l : m - l);
- break;
- case "left":
- n[0] = q.left + p.left + l - n[2];
- break;
- case "right":
- n[0] = q.left + p.left + (b ? l : a - l) - 1;
- break
- }
- d.setRect(n)
- }
- },
- redraw: function() {
- var C = this,
- r = C.getSeries(),
- z = C.getAxes(),
- b = C.getMainRect(),
- p, t, w = C.getInnerPadding(),
- f, l, s, e, q, A, v, g, d, c, a, k, n, y = C.getFlipXY(),
- x = 1000,
- m, u, h, o, B;
- if (!b) {
- return
- }
- p = b[2] - w.left - w.right;
- t = b[3] - w.top - w.bottom;
- for (A = 0; A < r.length; A++) {
- h = r[A];
- if ((c = h.getXAxis())) {
- n = c.getVisibleRange();
- l = c.getRange();
- l = [l[0] + (l[1] - l[0]) * n[0], l[0] + (l[1] - l[0]) * n[1]]
- } else {
- l = h.getXRange()
- }
- if ((a = h.getYAxis())) {
- n = a.getVisibleRange();
- s = a.getRange();
- s = [s[0] + (s[1] - s[0]) * n[0], s[0] + (s[1] - s[0]) * n[1]]
- } else {
- s = h.getYRange()
- }
- q = {
- visibleMinX: l[0],
- visibleMaxX: l[1],
- visibleMinY: s[0],
- visibleMaxY: s[1],
- innerWidth: p,
- innerHeight: t,
- flipXY: y
- };
- f = h.getSprites();
- for (v = 0, g = f.length; v < g; v++) {
- o = f[v];
- m = o.attr.zIndex;
- if (m < x) {
- m += (A + 1) * 100 + x;
- o.attr.zIndex = m;
- B = o.getMarker("items");
- if (B) {
- u = B.attr.zIndex;
- if (u === Number.MAX_VALUE) {
- B.attr.zIndex = m
- } else {
- if (u < x) {
- B.attr.zIndex = m + u
- }
- }
- }
- }
- o.setAttributes(q, true)
- }
- }
- for (A = 0; A < z.length; A++) {
- d = z[A];
- e = d.isSide();
- f = d.getSprites();
- k = d.getRange();
- n = d.getVisibleRange();
- q = {
- dataMin: k[0],
- dataMax: k[1],
- visibleMin: n[0],
- visibleMax: n[1]
- };
- if (e) {
- q.length = t;
- q.startGap = w.bottom;
- q.endGap = w.top
- } else {
- q.length = p;
- q.startGap = w.left;
- q.endGap = w.right
- }
- for (v = 0, g = f.length; v < g; v++) {
- f[v].setAttributes(q, true)
- }
- }
- C.renderFrame();
- C.callParent(arguments)
- },
- renderFrame: function() {
- this.refloatAxes();
- this.callParent()
- }
-});
-Ext.define("Ext.chart.grid.CircularGrid", {
- extend: "Ext.draw.sprite.Circle",
- alias: "grid.circular",
- inheritableStatics: {
- def: {
- defaults: {
- r: 1,
- strokeStyle: "#DDD"
- }
- }
- }
-});
-Ext.define("Ext.chart.grid.RadialGrid", {
- extend: "Ext.draw.sprite.Path",
- alias: "grid.radial",
- inheritableStatics: {
- def: {
- processors: {
- startRadius: "number",
- endRadius: "number"
- },
- defaults: {
- startRadius: 0,
- endRadius: 1,
- scalingCenterX: 0,
- scalingCenterY: 0,
- strokeStyle: "#DDD"
- },
- triggers: {
- startRadius: "path,bbox",
- endRadius: "path,bbox"
- }
- }
- },
- render: function() {
- this.callParent(arguments)
- },
- updatePath: function(d, a) {
- var b = a.startRadius,
- c = a.endRadius;
- d.moveTo(b, 0);
- d.lineTo(c, 0)
- }
-});
-Ext.define("Ext.chart.PolarChart", {
- extend: "Ext.chart.AbstractChart",
- requires: ["Ext.chart.grid.CircularGrid", "Ext.chart.grid.RadialGrid"],
- xtype: "polar",
- isPolar: true,
- config: {
- center: [0, 0],
- radius: 0,
- innerPadding: 0
- },
- getDirectionForAxis: function(a) {
- return a === "radial" ? "Y" : "X"
- },
- applyCenter: function(a, b) {
- if (b && a[0] === b[0] && a[1] === b[1]) {
- return
- }
- return [+a[0], +a[1]]
- },
- updateCenter: function(a) {
- var g = this,
- h = g.getAxes(),
- d = g.getSeries(),
- c, f, e, b;
- for (c = 0, f = h.length; c < f; c++) {
- e = h[c];
- e.setCenter(a)
- }
- for (c = 0, f = d.length; c < f; c++) {
- b = d[c];
- b.setCenter(a)
- }
- },
- applyInnerPadding: function(b, a) {
- return Ext.isNumber(b) ? b : a
- },
- doSetSurfaceRect: function(b, c) {
- var a = this.getMainRect();
- b.setRect(c);
- b.matrix.set(1, 0, 0, 1, a[0] - c[0], a[1] - c[1]);
- b.inverseMatrix.set(1, 0, 0, 1, c[0] - a[0], c[1] - a[1])
- },
- applyAxes: function(f, h) {
- var e = this,
- g = Ext.Array.from(e.config.series)[0],
- b, d, c, a;
- if (g.type === "radar" && f && f.length) {
- for (b = 0, d = f.length; b < d; b++) {
- c = f[b];
- if (c.position === "angular") {
- a = true;
- break
- }
- }
- if (!a) {
- f.push({
- type: "category",
- position: "angular",
- fields: g.xField || g.angleField,
- style: {
- estStepSize: 1
- },
- grid: true
- })
- }
- }
- return this.callParent(arguments)
- },
- performLayout: function() {
- var F = this,
- g = true;
- try {
- F.animationSuspendCount++;
- if (this.callParent() === false) {
- g = false;
- return
- }
- F.suspendThicknessChanged();
- var h = F.getSurface("chart").getRect(),
- v = F.getInsetPadding(),
- G = F.getInnerPadding(),
- l = Ext.apply({}, v),
- d, s = h[2] - v.left - v.right,
- r = h[3] - v.top - v.bottom,
- x = [v.left, v.top, s, r],
- u = F.getSeries(),
- p, t = s - G * 2,
- w = r - G * 2,
- D = [t * 0.5 + G, w * 0.5 + G],
- j = Math.min(t, w) * 0.5,
- A = F.getAxes(),
- f, a, k, m = [],
- o = [],
- E = j - G,
- z, n, b, q, y, c, C;
- F.setMainRect(x);
- F.doSetSurfaceRect(F.getSurface(), x);
- for (z = 0, n = F.surfaceMap.grid && F.surfaceMap.grid.length; z < n; z++) {
- F.doSetSurfaceRect(F.surfaceMap.grid[z], h)
- }
- for (z = 0, n = A.length; z < n; z++) {
- f = A[z];
- switch (f.getPosition()) {
- case "angular":
- m.push(f);
- break;
- case "radial":
- o.push(f);
- break
- }
- }
- for (z = 0, n = m.length; z < n; z++) {
- f = m[z];
- q = f.getFloating();
- y = q ? q.value : null;
- F.doSetSurfaceRect(f.getSurface(), h);
- a = f.getThickness();
- for (d in l) {
- l[d] += a
- }
- s = h[2] - l.left - l.right;
- r = h[3] - l.top - l.bottom;
- b = Math.min(s, r) * 0.5;
- if (z === 0) {
- E = b - G
- }
- f.setMinimum(0);
- f.setLength(b);
- f.getSprites();
- k = f.sprites[0].attr.lineWidth * 0.5;
- for (d in l) {
- l[d] += k
- }
- }
- for (z = 0, n = o.length; z < n; z++) {
- f = o[z];
- F.doSetSurfaceRect(f.getSurface(), h);
- f.setMinimum(0);
- f.setLength(E);
- f.getSprites()
- }
- for (z = 0, n = u.length; z < n; z++) {
- p = u[z];
- if (p.type === "gauge" && !c) {
- c = p
- } else {
- p.setRadius(E)
- }
- F.doSetSurfaceRect(p.getSurface(), x)
- }
- F.doSetSurfaceRect(F.getSurface("overlay"), h);
- if (c) {
- c.setRect(x);
- C = c.getRadius() - G;
- F.setRadius(C);
- F.setCenter(c.getCenter());
- c.setRadius(C);
- if (A.length && A[0].getPosition() === "gauge") {
- f = A[0];
- F.doSetSurfaceRect(f.getSurface(), h);
- f.setTotalAngle(c.getTotalAngle());
- f.setLength(C)
- }
- } else {
- F.setRadius(j);
- F.setCenter(D)
- }
- F.redraw()
- } catch (B) {
- throw B
- } finally {
- F.animationSuspendCount--;
- if (g) {
- F.resumeThicknessChanged()
- }
- }
- },
- refloatAxes: function() {
- var j = this,
- g = j.getAxes(),
- h = j.getMainRect(),
- f, k, b, d, a, c, e;
- if (!h) {
- return
- }
- e = 0.5 * Math.min(h[2], h[3]);
- for (d = 0, a = g.length; d < a; d++) {
- c = g[d];
- f = c.getFloating();
- k = f ? f.value : null;
- if (k !== null) {
- b = j.getAxis(f.alongAxis);
- if (c.getPosition() === "angular") {
- if (b) {
- k = b.getLength() * k / b.getRange()[1]
- } else {
- k = 0.01 * k * e
- }
- c.sprites[0].setAttributes({
- length: k
- }, true)
- } else {
- if (b) {
- if (Ext.isString(k)) {
- k = b.getCoordFor(k)
- }
- k = k / (b.getRange()[1] + 1) * Math.PI * 2 - Math.PI * 1.5 + c.getRotation()
- } else {
- k = Ext.draw.Draw.rad(k)
- }
- c.sprites[0].setAttributes({
- baseRotation: k
- }, true)
- }
- }
- }
- },
- redraw: function() {
- var f = this,
- g = f.getAxes(),
- d, c = f.getSeries(),
- b, a, e;
- for (a = 0, e = g.length; a < e; a++) {
- d = g[a];
- d.getSprites()
- }
- for (a = 0, e = c.length; a < e; a++) {
- b = c[a];
- b.getSprites()
- }
- f.renderFrame();
- f.callParent(arguments)
- },
- renderFrame: function() {
- this.refloatAxes();
- this.callParent()
- }
-});
-Ext.define("Ext.chart.SpaceFillingChart", {
- extend: "Ext.chart.AbstractChart",
- xtype: "spacefilling",
- config: {},
- performLayout: function() {
- var j = this;
- try {
- j.animationSuspendCount++;
- if (j.callParent() === false) {
- return
- }
- var k = j.getSurface("chart").getRect(),
- l = j.getInsetPadding(),
- a = k[2] - l.left - l.right,
- m = k[3] - l.top - l.bottom,
- h = [l.left, l.top, a, m],
- b = j.getSeries(),
- d, c, g;
- j.getSurface().setRect(h);
- j.setMainRect(h);
- for (c = 0, g = b.length; c < g; c++) {
- d = b[c];
- d.getSurface().setRect(h);
- if (d.setRect) {
- d.setRect(h)
- }
- d.getOverlaySurface().setRect(k)
- }
- j.redraw()
- } catch (f) {
- throw f
- } finally {
- j.animationSuspendCount--
- }
- },
- redraw: function() {
- var e = this,
- c = e.getSeries(),
- b, a, d;
- for (a = 0, d = c.length; a < d; a++) {
- b = c[a];
- b.getSprites()
- }
- e.renderFrame();
- e.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.axis.sprite.Axis3D", {
- extend: "Ext.chart.axis.sprite.Axis",
- alias: "sprite.axis3d",
- type: "axis3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- },
- triggers: {
- depth: "layout"
- }
- }
- },
- config: {
- fx: {
- customDurations: {
- depth: 0
- }
- }
- },
- layoutUpdater: function() {
- var h = this,
- f = h.getAxis().getChart();
- if (f.isInitializing) {
- return
- }
- var e = h.attr,
- d = h.getLayout(),
- c = d.isDiscrete ? 0 : e.depth,
- g = f.getInherited().rtl,
- b = e.dataMin + (e.dataMax - e.dataMin) * e.visibleMin,
- i = e.dataMin + (e.dataMax - e.dataMin) * e.visibleMax,
- a = {
- attr: e,
- segmenter: h.getSegmenter(),
- renderer: h.defaultRenderer
- };
- if (e.position === "left" || e.position === "right") {
- e.translationX = 0;
- e.translationY = i * (e.length - c) / (i - b) + c;
- e.scalingX = 1;
- e.scalingY = (-e.length + c) / (i - b);
- e.scalingCenterY = 0;
- e.scalingCenterX = 0;
- h.applyTransformations(true)
- } else {
- if (e.position === "top" || e.position === "bottom") {
- if (g) {
- e.translationX = e.length + b * e.length / (i - b) + 1
- } else {
- e.translationX = -b * e.length / (i - b)
- }
- e.translationY = 0;
- e.scalingX = (g ? -1 : 1) * (e.length - c) / (i - b);
- e.scalingY = 1;
- e.scalingCenterY = 0;
- e.scalingCenterX = 0;
- h.applyTransformations(true)
- }
- }
- if (d) {
- d.calculateLayout(a);
- h.setLayoutContext(a)
- }
- },
- renderAxisLine: function(a, j, f, c) {
- var i = this,
- h = i.attr,
- b = h.lineWidth * 0.5,
- f = i.getLayout(),
- d = f.isDiscrete ? 0 : h.depth,
- k = h.position,
- e, g;
- if (h.axisLine && h.length) {
- switch (k) {
- case "left":
- e = a.roundPixel(c[2]) - b;
- j.moveTo(e, -h.endGap + d);
- j.lineTo(e, h.length + h.startGap);
- break;
- case "right":
- j.moveTo(b, -h.endGap);
- j.lineTo(b, h.length + h.startGap);
- break;
- case "bottom":
- j.moveTo(-h.startGap, b);
- j.lineTo(h.length - d + h.endGap, b);
- break;
- case "top":
- e = a.roundPixel(c[3]) - b;
- j.moveTo(-h.startGap, e);
- j.lineTo(h.length + h.endGap, e);
- break;
- case "angular":
- j.moveTo(h.centerX + h.length, h.centerY);
- j.arc(h.centerX, h.centerY, h.length, 0, Math.PI * 2, true);
- break;
- case "gauge":
- g = i.getGaugeAngles();
- j.moveTo(h.centerX + Math.cos(g.start) * h.length, h.centerY + Math.sin(g.start) * h.length);
- j.arc(h.centerX, h.centerY, h.length, g.start, g.end, true);
- break
- }
- }
- }
-});
-Ext.define("Ext.chart.axis.Axis3D", {
- extend: "Ext.chart.axis.Axis",
- xtype: "axis3d",
- requires: ["Ext.chart.axis.sprite.Axis3D"],
- config: {
- depth: 0
- },
- onSeriesChange: function(e) {
- var g = this,
- b = "depthchange",
- f = "onSeriesDepthChange",
- d, c;
-
- function a(h) {
- var i = g.boundSeries;
- for (d = 0; d < i.length; d++) {
- c = i[d];
- c[h](b, f, g)
- }
- }
- a("un");
- g.callParent(arguments);
- a("on")
- },
- onSeriesDepthChange: function(b, f) {
- var d = this,
- g = f,
- e = d.boundSeries,
- a, c;
- if (f > d.getDepth()) {
- g = f
- } else {
- for (a = 0; a < e.length; a++) {
- c = e[a];
- if (c !== b && c.getDepth) {
- f = c.getDepth();
- if (f > g) {
- g = f
- }
- }
- }
- }
- d.setDepth(g)
- },
- updateDepth: function(d) {
- var b = this,
- c = b.getSprites(),
- a = {
- depth: d
- };
- if (c && c.length) {
- c[0].setAttributes(a)
- }
- if (b.gridSpriteEven && b.gridSpriteOdd) {
- b.gridSpriteEven.getTemplate().setAttributes(a);
- b.gridSpriteOdd.getTemplate().setAttributes(a)
- }
- },
- getGridAlignment: function() {
- switch (this.getPosition()) {
- case "left":
- case "right":
- return "horizontal3d";
- case "top":
- case "bottom":
- return "vertical3d"
- }
- }
-});
-Ext.define("Ext.chart.axis.Category", {
- requires: ["Ext.chart.axis.layout.CombineDuplicate", "Ext.chart.axis.segmenter.Names"],
- extend: "Ext.chart.axis.Axis",
- alias: "axis.category",
- type: "category",
- config: {
- layout: "combineDuplicate",
- segmenter: "names"
- }
-});
-Ext.define("Ext.chart.axis.Category3D", {
- requires: ["Ext.chart.axis.layout.CombineDuplicate", "Ext.chart.axis.segmenter.Names"],
- extend: "Ext.chart.axis.Axis3D",
- alias: "axis.category3d",
- type: "category3d",
- config: {
- layout: "combineDuplicate",
- segmenter: "names"
- }
-});
-Ext.define("Ext.chart.axis.Numeric", {
- extend: "Ext.chart.axis.Axis",
- type: "numeric",
- alias: ["axis.numeric", "axis.radial"],
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Numeric"],
- config: {
- layout: "continuous",
- segmenter: "numeric",
- aggregator: "double"
- }
-});
-Ext.define("Ext.chart.axis.Numeric3D", {
- extend: "Ext.chart.axis.Axis3D",
- alias: ["axis.numeric3d"],
- type: "numeric3d",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Numeric"],
- config: {
- layout: "continuous",
- segmenter: "numeric",
- aggregator: "double"
- }
-});
-Ext.define("Ext.chart.axis.Time", {
- extend: "Ext.chart.axis.Numeric",
- alias: "axis.time",
- type: "time",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Time"],
- config: {
- calculateByLabelSize: true,
- dateFormat: null,
- fromDate: null,
- toDate: null,
- step: [Ext.Date.DAY, 1],
- layout: "continuous",
- segmenter: "time",
- aggregator: "time"
- },
- updateDateFormat: function(a) {
- this.setRenderer(function(c, b) {
- return Ext.Date.format(new Date(b), a)
- })
- },
- updateFromDate: function(a) {
- this.setMinimum(+a)
- },
- updateToDate: function(a) {
- this.setMaximum(+a)
- },
- getCoordFor: function(a) {
- if (Ext.isString(a)) {
- a = new Date(a)
- }
- return +a
- }
-});
-Ext.define("Ext.chart.axis.Time3D", {
- extend: "Ext.chart.axis.Numeric3D",
- alias: "axis.time3d",
- type: "time3d",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Time"],
- config: {
- calculateByLabelSize: true,
- dateFormat: null,
- fromDate: null,
- toDate: null,
- step: [Ext.Date.DAY, 1],
- layout: "continuous",
- segmenter: "time",
- aggregator: "time"
- },
- updateDateFormat: function(a) {
- this.setRenderer(function(c, b) {
- return Ext.Date.format(new Date(b), a)
- })
- },
- updateFromDate: function(a) {
- this.setMinimum(+a)
- },
- updateToDate: function(a) {
- this.setMaximum(+a)
- },
- getCoordFor: function(a) {
- if (Ext.isString(a)) {
- a = new Date(a)
- }
- return +a
- }
-});
-Ext.define("Ext.chart.grid.HorizontalGrid3D", {
- extend: "Ext.chart.grid.HorizontalGrid",
- alias: "grid.horizontal3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- }
- }
- },
- render: function(a, k, d) {
- var f = this.attr,
- i = a.roundPixel(f.x),
- h = a.roundPixel(f.y),
- l = a.matrix.getDX(),
- c = k.lineWidth * 0.5,
- j = f.height,
- e = f.depth,
- b, g;
- if (h <= d[1]) {
- return
- }
- b = d[0] + e - l;
- g = h + c - e;
- k.beginPath();
- k.rect(b, g, d[2], j);
- k.fill();
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + d[2], g);
- k.stroke();
- b = d[0] + i - l;
- g = h + c;
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + e, g - e);
- k.lineTo(b + e, g - e + j);
- k.lineTo(b, g + j);
- k.closePath();
- k.fill();
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + e, g - e);
- k.stroke()
- }
-});
-Ext.define("Ext.chart.grid.VerticalGrid3D", {
- extend: "Ext.chart.grid.VerticalGrid",
- alias: "grid.vertical3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- }
- }
- },
- render_: function(c, d, f) {
- var b = this.attr,
- a = c.roundPixel(b.x),
- e = d.lineWidth * 0.5;
- d.beginPath();
- d.rect(a - e, f[1] - c.matrix.getDY(), b.width, f[3]);
- d.fill();
- d.beginPath();
- d.moveTo(a - e, f[1] - c.matrix.getDY());
- d.lineTo(a - e, f[1] + f[3] - c.matrix.getDY());
- d.stroke()
- },
- render: function(b, j, e) {
- var g = this.attr,
- i = b.roundPixel(g.x),
- k = b.matrix.getDY(),
- d = j.lineWidth * 0.5,
- a = g.width,
- f = g.depth,
- c, h;
- if (i >= e[2]) {
- return
- }
- c = i - d + f;
- h = e[1] - f - k;
- j.beginPath();
- j.rect(c, h, a, e[3]);
- j.fill();
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c, h + e[3]);
- j.stroke();
- c = i - d;
- h = e[3];
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c + f, h - f);
- j.lineTo(c + f + a, h - f);
- j.lineTo(c + a, h);
- j.closePath();
- j.fill();
- c = i - d;
- h = e[3];
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c + f, h - f);
- j.stroke()
- }
-});
-Ext.define("Ext.chart.interactions.CrossZoom", {
- extend: "Ext.chart.interactions.Abstract",
- type: "crosszoom",
- alias: "interaction.crosszoom",
- isCrossZoom: true,
- config: {
- axes: true,
- gestures: {
- dragstart: "onGestureStart",
- drag: "onGesture",
- dragend: "onGestureEnd",
- dblclick: "onDoubleTap"
- },
- undoButton: {}
- },
- stopAnimationBeforeSync: false,
- zoomAnimationInProgress: false,
- constructor: function() {
- this.callParent(arguments);
- this.zoomHistory = []
- },
- applyAxes: function(b) {
- var a = {};
- if (b === true) {
- return {
- top: {},
- right: {},
- bottom: {},
- left: {}
- }
- } else {
- if (Ext.isArray(b)) {
- a = {};
- Ext.each(b, function(c) {
- a[c] = {}
- })
- } else {
- if (Ext.isObject(b)) {
- Ext.iterate(b, function(c, d) {
- if (d === true) {
- a[c] = {}
- } else {
- if (d !== false) {
- a[c] = d
- }
- }
- })
- }
- }
- }
- return a
- },
- applyUndoButton: function(b, a) {
- var c = this;
- if (a) {
- a.destroy()
- }
- if (b) {
- return Ext.create("Ext.Button", Ext.apply({
- cls: [],
- text: "Undo Zoom",
- disabled: true,
- handler: function() {
- c.undoZoom()
- }
- }, b))
- }
- },
- getSurface: function() {
- return this.getChart() && this.getChart().getSurface("main")
- },
- setSeriesOpacity: function(b) {
- var a = this.getChart() && this.getChart().getSurface("series");
- if (a) {
- a.element.setStyle("opacity", b)
- }
- },
- onGestureStart: function(h) {
- var j = this,
- i = j.getChart(),
- d = j.getSurface(),
- l = i.getInnerRect(),
- c = i.getInnerPadding(),
- g = c.left,
- b = g + l[2],
- f = c.top,
- a = f + l[3],
- n = i.getEventXY(h),
- m = n[0],
- k = n[1];
- if (j.zoomAnimationInProgress) {
- return
- }
- if (m > g && m < b && k > f && k < a) {
- j.gestureEvent = "drag";
- j.lockEvents(j.gestureEvent);
- j.startX = m;
- j.startY = k;
- j.selectionRect = d.add({
- type: "rect",
- globalAlpha: 0.5,
- fillStyle: "rgba(80,80,140,0.5)",
- strokeStyle: "rgba(80,80,140,1)",
- lineWidth: 2,
- x: m,
- y: k,
- width: 0,
- height: 0,
- zIndex: 10000
- });
- j.setSeriesOpacity(0.8);
- return false
- }
- },
- onGesture: function(h) {
- var j = this;
- if (j.zoomAnimationInProgress) {
- return
- }
- if (j.getLocks()[j.gestureEvent] === j) {
- var i = j.getChart(),
- d = j.getSurface(),
- l = i.getInnerRect(),
- c = i.getInnerPadding(),
- g = c.left,
- b = g + l[2],
- f = c.top,
- a = f + l[3],
- n = i.getEventXY(h),
- m = n[0],
- k = n[1];
- if (m < g) {
- m = g
- } else {
- if (m > b) {
- m = b
- }
- }
- if (k < f) {
- k = f
- } else {
- if (k > a) {
- k = a
- }
- }
- j.selectionRect.setAttributes({
- width: m - j.startX,
- height: k - j.startY
- });
- if (Math.abs(j.startX - m) < 11 || Math.abs(j.startY - k) < 11) {
- j.selectionRect.setAttributes({
- globalAlpha: 0.5
- })
- } else {
- j.selectionRect.setAttributes({
- globalAlpha: 1
- })
- }
- d.renderFrame();
- return false
- }
- },
- onGestureEnd: function(i) {
- var l = this;
- if (l.zoomAnimationInProgress) {
- return
- }
- if (l.getLocks()[l.gestureEvent] === l) {
- var k = l.getChart(),
- d = l.getSurface(),
- n = k.getInnerRect(),
- c = k.getInnerPadding(),
- g = c.left,
- b = g + n[2],
- f = c.top,
- a = f + n[3],
- h = n[2],
- j = n[3],
- p = k.getEventXY(i),
- o = p[0],
- m = p[1];
- if (o < g) {
- o = g
- } else {
- if (o > b) {
- o = b
- }
- }
- if (m < f) {
- m = f
- } else {
- if (m > a) {
- m = a
- }
- }
- if (Math.abs(l.startX - o) < 11 || Math.abs(l.startY - m) < 11) {
- d.remove(l.selectionRect)
- } else {
- l.zoomBy([Math.min(l.startX, o) / h, 1 - Math.max(l.startY, m) / j, Math.max(l.startX, o) / h, 1 - Math.min(l.startY, m) / j]);
- l.selectionRect.setAttributes({
- x: Math.min(l.startX, o),
- y: Math.min(l.startY, m),
- width: Math.abs(l.startX - o),
- height: Math.abs(l.startY - m)
- });
- l.selectionRect.setAnimation(k.getAnimation() || {
- duration: 0
- });
- l.selectionRect.setAttributes({
- globalAlpha: 0,
- x: 0,
- y: 0,
- width: h,
- height: j
- });
- l.zoomAnimationInProgress = true;
- k.suspendThicknessChanged();
- l.selectionRect.fx.on("animationend", function() {
- k.resumeThicknessChanged();
- d.remove(l.selectionRect);
- l.selectionRect = null;
- l.zoomAnimationInProgress = false
- })
- }
- d.renderFrame();
- l.sync();
- l.unlockEvents(l.gestureEvent);
- l.setSeriesOpacity(1);
- if (!l.zoomAnimationInProgress) {
- d.remove(l.selectionRect);
- l.selectionRect = null
- }
- }
- },
- zoomBy: function(o) {
- var n = this,
- a = n.getAxes(),
- k = n.getChart(),
- j = k.getAxes(),
- l = k.getInherited().rtl,
- f, d = {},
- c, b;
- if (l) {
- o = o.slice();
- c = 1 - o[0];
- b = 1 - o[2];
- o[0] = Math.min(c, b);
- o[2] = Math.max(c, b)
- }
- for (var h = 0; h < j.length; h++) {
- var g = j[h];
- f = a[g.getPosition()];
- if (f && f.allowZoom !== false) {
- var e = g.isSide(),
- m = g.getVisibleRange();
- d[g.getId()] = m.slice(0);
- if (!e) {
- g.setVisibleRange([(m[1] - m[0]) * o[0] + m[0], (m[1] - m[0]) * o[2] + m[0]])
- } else {
- g.setVisibleRange([(m[1] - m[0]) * o[1] + m[0], (m[1] - m[0]) * o[3] + m[0]])
- }
- }
- }
- n.zoomHistory.push(d);
- n.getUndoButton().setDisabled(false)
- },
- undoZoom: function() {
- var c = this.zoomHistory.pop(),
- d = this.getChart().getAxes();
- if (c) {
- for (var a = 0; a < d.length; a++) {
- var b = d[a];
- if (c[b.getId()]) {
- b.setVisibleRange(c[b.getId()])
- }
- }
- }
- this.getUndoButton().setDisabled(this.zoomHistory.length === 0);
- this.sync()
- },
- onDoubleTap: function(a) {
- this.undoZoom()
- },
- destroy: function() {
- this.setUndoButton(null);
- this.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.interactions.Crosshair", {
- extend: "Ext.chart.interactions.Abstract",
- requires: ["Ext.chart.grid.HorizontalGrid", "Ext.chart.grid.VerticalGrid", "Ext.chart.CartesianChart", "Ext.chart.axis.layout.Discrete"],
- type: "crosshair",
- alias: "interaction.crosshair",
- config: {
- axes: {
- top: {
- label: {},
- rect: {}
- },
- right: {
- label: {},
- rect: {}
- },
- bottom: {
- label: {},
- rect: {}
- },
- left: {
- label: {},
- rect: {}
- }
- },
- lines: {
- horizontal: {
- strokeStyle: "black",
- lineDash: [5, 5]
- },
- vertical: {
- strokeStyle: "black",
- lineDash: [5, 5]
- }
- },
- gesture: "drag"
- },
- applyAxes: function(b, a) {
- return Ext.merge(a || {}, b)
- },
- applyLines: function(a, b) {
- return Ext.merge(b || {}, a)
- },
- updateChart: function(a) {
- if (a && !a.isCartesian) {
- Ext.raise("Crosshair interaction can only be used on cartesian charts.")
- }
- this.callParent(arguments)
- },
- getGestures: function() {
- var a = this,
- b = {};
- b[a.getGesture()] = "onGesture";
- b[a.getGesture() + "start"] = "onGestureStart";
- b[a.getGesture() + "end"] = "onGestureEnd";
- return b
- },
- onGestureStart: function(N) {
- var m = this,
- O = m.getChart(),
- B = O.getTheme().getAxis(),
- A, F = O.getSurface("overlay"),
- s = O.getInnerRect(),
- n = s[2],
- M = s[3],
- r = O.getEventXY(N),
- D = r[0],
- C = r[1],
- E = O.getAxes(),
- u = m.getAxes(),
- h = m.getLines(),
- q, v, b, d, k, z, G, L, J, o, I, w, l, f, p, j, t, a, g, H, c, K;
- if (D > 0 && D < n && C > 0 && C < M) {
- m.lockEvents(m.getGesture());
- H = Ext.apply({
- xclass: "Ext.chart.grid.HorizontalGrid",
- x: 0,
- y: C,
- width: n
- }, h.horizontal);
- c = Ext.apply({
- xclass: "Ext.chart.grid.VerticalGrid",
- x: D,
- y: 0,
- height: M
- }, h.vertical);
- m.axesLabels = m.axesLabels || {};
- for (K = 0; K < E.length; K++) {
- q = E[K];
- v = q.getSurface();
- b = v.getRect();
- w = q.getSprites()[0];
- d = b[2];
- k = b[3];
- z = q.getPosition();
- G = q.getAlignment();
- t = q.getTitle();
- a = t && t.attr.text !== "" && t.getBBox();
- l = w.attr;
- f = w.thickness;
- p = l.axisLine ? l.lineWidth : 0;
- j = p / 2;
- I = Math.max(l.majorTickSize, l.minorTickSize) + p;
- L = m.axesLabels[z] = v.add({
- type: "composite"
- });
- L.labelRect = L.add(Ext.apply({
- type: "rect",
- fillStyle: "white",
- x: z === "right" ? p : 0,
- y: z === "bottom" ? p : 0,
- width: d - p - (G === "vertical" && a ? a.width : 0),
- height: k - p - (G === "horizontal" && a ? a.height : 0),
- translationX: z === "left" && a ? a.width : 0,
- translationY: z === "top" && a ? a.height : 0
- }, u.rect || u[z].rect));
- if (G === "vertical" && !c.strokeStyle) {
- c.strokeStyle = l.strokeStyle
- }
- if (G === "horizontal" && !H.strokeStyle) {
- H.strokeStyle = l.strokeStyle
- }
- A = Ext.merge({}, B.defaults, B[z]);
- J = Ext.apply({}, q.config.label, A.label);
- o = u.label || u[z].label;
- L.labelText = L.add(Ext.apply(J, o, {
- type: "text",
- x: (function() {
- switch (z) {
- case "left":
- g = a ? a.x + a.width : 0;
- return g + (d - g - I) / 2 - j;
- case "right":
- g = a ? d - a.x : 0;
- return I + (d - I - g) / 2 + j;
- default:
- return 0
- }
- })(),
- y: (function() {
- switch (z) {
- case "top":
- g = a ? a.y + a.height : 0;
- return g + (k - g - I) / 2 - j;
- case "bottom":
- g = a ? k - a.y : 0;
- return I + (k - I - g) / 2 + j;
- default:
- return 0
- }
- })()
- }))
- }
- m.horizontalLine = F.add(H);
- m.verticalLine = F.add(c);
- return false
- }
- },
- onGesture: function(G) {
- var K = this;
- if (K.getLocks()[K.getGesture()] !== K) {
- return
- }
- var u = K.getChart(),
- z = u.getSurface("overlay"),
- a = Ext.Array.slice(u.getInnerRect()),
- r = u.getInnerPadding(),
- t = r.left,
- q = r.top,
- E = a[2],
- f = a[3],
- d = u.getEventXY(G),
- k = d[0],
- j = d[1],
- D = u.getAxes(),
- c, h, m, p, J, w, I, H, s, b, C, g, v, n, l, A, F, o, B;
- if (k < 0) {
- k = 0
- } else {
- if (k > E) {
- k = E
- }
- }
- if (j < 0) {
- j = 0
- } else {
- if (j > f) {
- j = f
- }
- }
- k += t;
- j += q;
- for (B = 0; B < D.length; B++) {
- c = D[B];
- h = c.getPosition();
- m = c.getAlignment();
- p = c.getSurface();
- J = c.getSprites()[0];
- w = J.attr.matrix;
- C = J.attr.textPadding * 2;
- s = K.axesLabels[h];
- I = J.getLayoutContext();
- H = c.getSegmenter();
- if (s) {
- if (m === "vertical") {
- v = w.getYY();
- l = w.getDY();
- F = (j - l - q) / v;
- if (c.getLayout() instanceof Ext.chart.axis.layout.Discrete) {
- j = Math.round(F) * v + l + q;
- F = H.from(Math.round(F));
- F = J.attr.data[F]
- } else {
- F = H.from(F)
- }
- o = H.renderer(F, I);
- s.setAttributes({
- translationY: j - q
- });
- s.labelText.setAttributes({
- text: o
- });
- b = s.labelText.getBBox();
- s.labelRect.setAttributes({
- height: b.height + C,
- y: -(b.height + C) / 2
- });
- p.renderFrame()
- } else {
- g = w.getXX();
- n = w.getDX();
- A = (k - n - t) / g;
- if (c.getLayout() instanceof Ext.chart.axis.layout.Discrete) {
- k = Math.round(A) * g + n + t;
- A = H.from(Math.round(A));
- A = J.attr.data[A]
- } else {
- A = H.from(A)
- }
- o = H.renderer(A, I);
- s.setAttributes({
- translationX: k - t
- });
- s.labelText.setAttributes({
- text: o
- });
- b = s.labelText.getBBox();
- s.labelRect.setAttributes({
- width: b.width + C,
- x: -(b.width + C) / 2
- });
- p.renderFrame()
- }
- }
- }
- K.horizontalLine.setAttributes({
- y: j,
- strokeStyle: J.attr.strokeStyle
- });
- K.verticalLine.setAttributes({
- x: k,
- strokeStyle: J.attr.strokeStyle
- });
- z.renderFrame();
- return false
- },
- onGestureEnd: function(h) {
- var l = this,
- k = l.getChart(),
- a = k.getSurface("overlay"),
- j = k.getAxes(),
- c, g, d, b, f;
- a.remove(l.verticalLine);
- a.remove(l.horizontalLine);
- for (f = 0; f < j.length; f++) {
- c = j[f];
- g = c.getPosition();
- d = c.getSurface();
- b = l.axesLabels[g];
- if (b) {
- delete l.axesLabels[g];
- d.remove(b)
- }
- d.renderFrame()
- }
- a.renderFrame();
- l.unlockEvents(l.getGesture())
- }
-});
-Ext.define("Ext.chart.interactions.ItemHighlight", {
- extend: "Ext.chart.interactions.Abstract",
- type: "itemhighlight",
- alias: "interaction.itemhighlight",
- isItemHighlight: true,
- config: {
- gestures: {
- tap: "onTapGesture",
- mousemove: "onMouseMoveGesture",
- mousedown: "onMouseDownGesture",
- mouseup: "onMouseUpGesture",
- mouseleave: "onMouseUpGesture"
- },
- sticky: false
- },
- stickyHighlightItem: null,
- onMouseMoveGesture: function(g) {
- var d = this,
- h = d.tipItem,
- a = g.pointerType === "mouse",
- c, f, b;
- if (d.getSticky()) {
- return true
- }
- if (d.isDragging) {
- if (h && a) {
- h.series.hideTooltip(h);
- d.tipItem = null
- }
- } else {
- if (!d.stickyHighlightItem) {
- c = d.getItemForEvent(g);
- b = d.getChart();
- if (c !== b.getHighlightItem()) {
- d.highlight(c);
- d.sync()
- }
- if (a) {
- if (h && (!c || h.field !== c.field || h.record !== c.record)) {
- h.series.hideTooltip(h);
- d.tipItem = h = null
- }
- if (c && (f = c.series.getTooltip())) {
- if (f.trackMouse || !h) {
- c.series.showTooltip(c, g.getXY())
- }
- d.tipItem = c
- }
- }
- return false
- }
- }
- },
- highlight: function(a) {
- this.getChart().setHighlightItem(a)
- },
- showTooltip: function(b, a) {
- a.series.showTooltip(a, b.getXY());
- this.tipItem = a
- },
- onMouseDownGesture: function() {
- this.isDragging = true
- },
- onMouseUpGesture: function() {
- this.isDragging = false
- },
- onTapGesture: function(c) {
- var b = this;
- if (c.pointerType === "mouse" && !b.getSticky()) {
- return
- }
- var a = b.getItemForEvent(c);
- if (b.stickyHighlightItem && a && (b.stickyHighlightItem.index === a.index)) {
- a = null
- }
- b.stickyHighlightItem = a;
- b.highlight(a)
- }
-});
-Ext.define("Ext.chart.interactions.ItemEdit", {
- extend: "Ext.chart.interactions.ItemHighlight",
- requires: ["Ext.tip.ToolTip"],
- type: "itemedit",
- alias: "interaction.itemedit",
- isItemEdit: true,
- config: {
- style: null,
- renderer: null,
- tooltip: true,
- gestures: {
- dragstart: "onDragStart",
- drag: "onDrag",
- dragend: "onDragEnd"
- },
- cursors: {
- ewResize: "ew-resize",
- nsResize: "ns-resize",
- move: "move"
- }
- },
- item: null,
- applyTooltip: function(b) {
- if (b) {
- var a = Ext.apply({}, b, {
- renderer: this.defaultTooltipRenderer,
- constrainPosition: true,
- shrinkWrapDock: true,
- autoHide: true,
- offsetX: 10,
- offsetY: 10
- });
- b = new Ext.tip.ToolTip(a)
- }
- return b
- },
- defaultTooltipRenderer: function(b, a, f, d) {
- var c = [];
- if (f.xField) {
- c.push(f.xField + ": " + f.xValue)
- }
- if (f.yField) {
- c.push(f.yField + ": " + f.yValue)
- }
- b.setHtml(c.join("', "', "{name}", "
", "")) - }, - onDragStart: function(d) { - var c = this, - a = c.getChart(), - b = a.getHighlightItem(); - if (b) { - a.fireEvent("beginitemedit", a, c, c.item = b); - return false - } - }, - onDrag: function(f) { - var d = this, - b = d.getChart(), - c = b.getHighlightItem(), - a = c && c.sprite.type; - if (c) { - switch (a) { - case "barSeries": - return d.onDragBar(f); - break; - case "scatterSeries": - return d.onDragScatter(f); - break - } - } - }, - highlight: function(f) { - var e = this, - d = e.getChart(), - a = d.getFlipXY(), - g = e.getCursors(), - c = f && f.sprite.type, - b = d.el.dom.style; - e.callParent([f]); - if (f) { - switch (c) { - case "barSeries": - if (a) { - b.cursor = g.ewResize - } else { - b.cursor = g.nsResize - } - break; - case "scatterSeries": - b.cursor = g.move; - break - } - } else { - d.el.dom.style.cursor = "default" - } - }, - onDragBar: function(i) { - var m = this, - k = m.getChart(), - l = k.getInherited().rtl, - f = k.isCartesian && k.getFlipXY(), - q = k.getHighlightItem(), - g = q.sprite.getMarker("items"), - p = g.getMarkerFor(q.sprite.getId(), q.index), - b = q.sprite.getSurface(), - c = b.getRect(), - r = b.getEventXY(i), - o = q.sprite.attr.matrix, - j = m.getRenderer(), - a, n, d, h; - if (f) { - h = l ? c[2] - r[0] : r[0] - } else { - h = c[3] - r[1] - } - a = { - x: p.x, - y: h, - width: p.width, - height: p.height + (p.y - h), - radius: p.radius, - fillStyle: "none", - lineDash: [4, 4], - zIndex: 100 - }; - Ext.apply(a, m.getStyle()); - if (Ext.isArray(q.series.getYField())) { - h = h - p.y - p.height - } - m.target = { - index: q.index, - yField: q.field, - yValue: (h - o.getDY()) / o.getYY() - }; - d = [k, { - target: m.target, - style: a, - item: q - }]; - n = Ext.callback(j, null, d, 0, k); - if (n) { - Ext.apply(a, n) - } - q.sprite.putMarker("items", a, "itemedit"); - m.showTooltip(i, m.target, q); - b.renderFrame() - }, - onDragScatter: function(n) { - var t = this, - g = t.getChart(), - d = g.getInherited().rtl, - l = g.isCartesian && g.getFlipXY(), - o = g.getHighlightItem(), - b = o.sprite.getMarker("items"), - p = b.getMarkerFor(o.sprite.getId(), o.index), - j = o.sprite.getSurface(), - h = j.getRect(), - a = j.getEventXY(n), - k = o.sprite.attr.matrix, - c = o.series.getXAxis(), - f = c && c.getLayout().isContinuous, - i = t.getRenderer(), - m, u, q, s, r; - if (l) { - r = d ? h[2] - a[0] : a[0] - } else { - r = h[3] - a[1] - } - if (f) { - if (l) { - s = h[3] - a[1] - } else { - s = a[0] - } - } else { - s = p.translationX - } - m = { - translationX: s, - translationY: r, - scalingX: p.scalingX, - scalingY: p.scalingY, - r: p.r, - fillStyle: "none", - lineDash: [4, 4], - zIndex: 100 - }; - Ext.apply(m, t.getStyle()); - t.target = { - index: o.index, - yField: o.field, - yValue: (r - k.getDY()) / k.getYY() - }; - if (f) { - Ext.apply(t.target, { - xField: o.series.getXField(), - xValue: (s - k.getDX()) / k.getXX() - }) - } - q = [g, { - target: t.target, - style: m, - item: o - }]; - u = Ext.callback(i, null, q, 0, g); - if (u) { - Ext.apply(m, u) - } - o.sprite.putMarker("items", m, "itemedit"); - t.showTooltip(n, t.target, o); - j.renderFrame() - }, - showTooltip: function(g, f, c) { - var d = this.getTooltip(), - a, b; - if (d && Ext.toolkit !== "modern") { - a = d.config; - b = this.getChart(); - Ext.callback(a.renderer, null, [d, c, f, g], 0, b); - d.show([g.x + a.offsetX, g.y + a.offsetY]) - } - }, - hideTooltip: function() { - var a = this.getTooltip(); - if (a && Ext.toolkit !== "modern") { - a.hide() - } - }, - onDragEnd: function(g) { - var d = this, - f = d.target, - c = d.getChart(), - b = c.getStore(), - a; - if (f) { - a = b.getAt(f.index); - if (f.yField) { - a.set(f.yField, f.yValue, { - convert: false - }) - } - if (f.xField) { - a.set(f.xField, f.xValue, { - convert: false - }) - } - if (f.yField || f.xField) { - d.getChart().onDataChanged() - } - d.target = null - } - d.hideTooltip(); - if (d.item) { - c.fireEvent("enditemedit", c, d, d.item, f) - } - d.highlight(d.item = null) - }, - destroy: function() { - var a = this.getConfig("tooltip", true); - Ext.destroy(a); - this.callParent() - } -}); -Ext.define("Ext.chart.interactions.PanZoom", { - extend: "Ext.chart.interactions.Abstract", - type: "panzoom", - alias: "interaction.panzoom", - requires: ["Ext.draw.Animator"], - config: { - axes: { - top: {}, - right: {}, - bottom: {}, - left: {} - }, - minZoom: null, - maxZoom: null, - showOverflowArrows: true, - panGesture: "drag", - zoomGesture: "pinch", - zoomOnPanGesture: false, - modeToggleButton: { - xtype: "segmentedbutton", - width: 200, - defaults: { - ui: "default-toolbar" - }, - cls: Ext.baseCSSPrefix + "panzoom-toggle", - items: [{ - text: "Pan" - }, { - text: "Zoom" - }] - }, - hideLabelInGesture: false - }, - stopAnimationBeforeSync: true, - applyAxes: function(b, a) { - return Ext.merge(a || {}, b) - }, - applyZoomOnPanGesture: function(a) { - this.getChart(); - if (this.isMultiTouch()) { - return false - } - return a - }, - updateZoomOnPanGesture: function(b) { - var a = this.getModeToggleButton(); - if (!this.isMultiTouch()) { - a.show(); - a.setValue(b ? 1 : 0) - } else { - a.hide() - } - }, - toggleMode: function() { - var a = this; - if (!a.isMultiTouch()) { - a.setZoomOnPanGesture(!a.getZoomOnPanGesture()) - } - }, - applyModeToggleButton: function(c, b) { - var d = this, - a = Ext.factory(c, "Ext.button.Segmented", b); - if (!a && b) { - b.destroy() - } - if (a && !b) { - a.addListener("toggle", function(e) { - d.setZoomOnPanGesture(e.getValue() === 1) - }) - } - return a - }, - getGestures: function() { - var c = this, - e = {}, - d = c.getPanGesture(), - b = c.getZoomGesture(), - a = Ext.supports.Touch; - e[b] = "onZoomGestureMove"; - e[b + "start"] = "onZoomGestureStart"; - e[b + "end"] = "onZoomGestureEnd"; - e[d] = "onPanGestureMove"; - e[d + "start"] = "onPanGestureStart"; - e[d + "end"] = "onPanGestureEnd"; - e.doubletap = "onDoubleTap"; - return e - }, - onDoubleTap: function(h) { - var f = this, - c = f.getChart(), - g = c.getAxes(), - b, a, d; - for (a = 0, d = g.length; a < d; a++) { - b = g[a]; - b.setVisibleRange([0, 1]) - } - c.redraw() - }, - onPanGestureStart: function(d) { - if (!d || !d.touches || d.touches.length < 2) { - var b = this, - a = b.getChart().getInnerRect(), - c = b.getChart().element.getXY(); - b.startX = d.getX() - c[0] - a[0]; - b.startY = d.getY() - c[1] - a[1]; - b.oldVisibleRanges = null; - b.hideLabels(); - b.getChart().suspendThicknessChanged(); - b.lockEvents(b.getPanGesture()); - return false - } - }, - onPanGestureMove: function(d) { - var b = this; - if (b.getLocks()[b.getPanGesture()] === b) { - var a = b.getChart().getInnerRect(), - c = b.getChart().element.getXY(); - if (b.getZoomOnPanGesture()) { - b.transformAxesBy(b.getZoomableAxes(d), 0, 0, (d.getX() - c[0] - a[0]) / b.startX, b.startY / (d.getY() - c[1] - a[1])) - } else { - b.transformAxesBy(b.getPannableAxes(d), d.getX() - c[0] - a[0] - b.startX, d.getY() - c[1] - a[1] - b.startY, 1, 1) - } - b.sync(); - return false - } - }, - onPanGestureEnd: function(b) { - var a = this, - c = a.getPanGesture(); - if (a.getLocks()[c] === a) { - a.getChart().resumeThicknessChanged(); - a.showLabels(); - a.sync(); - a.unlockEvents(c); - return false - } - }, - onZoomGestureStart: function(b) { - if (b.touches && b.touches.length === 2) { - var c = this, - i = c.getChart().element.getXY(), - f = c.getChart().getInnerRect(), - h = i[0] + f[0], - d = i[1] + f[1], - j = [b.touches[0].point.x - h, b.touches[0].point.y - d, b.touches[1].point.x - h, b.touches[1].point.y - d], - g = Math.max(44, Math.abs(j[2] - j[0])), - a = Math.max(44, Math.abs(j[3] - j[1])); - c.getChart().suspendThicknessChanged(); - c.lastZoomDistances = [g, a]; - c.lastPoints = j; - c.oldVisibleRanges = null; - c.hideLabels(); - c.lockEvents(c.getZoomGesture()); - return false - } - }, - onZoomGestureMove: function(d) { - var f = this; - if (f.getLocks()[f.getZoomGesture()] === f) { - var i = f.getChart().getInnerRect(), - n = f.getChart().element.getXY(), - k = n[0] + i[0], - h = n[1] + i[1], - o = Math.abs, - c = f.lastPoints, - m = [d.touches[0].point.x - k, d.touches[0].point.y - h, d.touches[1].point.x - k, d.touches[1].point.y - h], - g = Math.max(44, o(m[2] - m[0])), - b = Math.max(44, o(m[3] - m[1])), - a = this.lastZoomDistances || [g, b], - l = g / a[0], - j = b / a[1]; - f.transformAxesBy(f.getZoomableAxes(d), i[2] * (l - 1) / 2 + m[2] - c[2] * l, i[3] * (j - 1) / 2 + m[3] - c[3] * j, l, j); - f.sync(); - return false - } - }, - onZoomGestureEnd: function(c) { - var b = this, - a = b.getZoomGesture(); - if (b.getLocks()[a] === b) { - b.getChart().resumeThicknessChanged(); - b.showLabels(); - b.sync(); - b.unlockEvents(a); - return false - } - }, - hideLabels: function() { - if (this.getHideLabelInGesture()) { - this.eachInteractiveAxes(function(a) { - a.hideLabels() - }) - } - }, - showLabels: function() { - if (this.getHideLabelInGesture()) { - this.eachInteractiveAxes(function(a) { - a.showLabels() - }) - } - }, - isEventOnAxis: function(c, a) { - var b = a.getSurface().getRect(); - return b[0] <= c.getX() && c.getX() <= b[0] + b[2] && b[1] <= c.getY() && c.getY() <= b[1] + b[3] - }, - getPannableAxes: function(d) { - var h = this, - a = h.getAxes(), - f = h.getChart().getAxes(), - c, g = f.length, - k = [], - j = false, - b; - if (d) { - for (c = 0; c < g; c++) { - if (this.isEventOnAxis(d, f[c])) { - j = true; - break - } - } - } - for (c = 0; c < g; c++) { - b = a[f[c].getPosition()]; - if (b && b.allowPan !== false && (!j || this.isEventOnAxis(d, f[c]))) { - k.push(f[c]) - } - } - return k - }, - getZoomableAxes: function(f) { - var j = this, - a = j.getAxes(), - g = j.getChart().getAxes(), - l = [], - d, h = g.length, - c, k = false, - b; - if (f) { - for (d = 0; d < h; d++) { - if (this.isEventOnAxis(f, g[d])) { - k = true; - break - } - } - } - for (d = 0; d < h; d++) { - c = g[d]; - b = a[c.getPosition()]; - if (b && b.allowZoom !== false && (!k || this.isEventOnAxis(f, c))) { - l.push(c) - } - } - return l - }, - eachInteractiveAxes: function(c) { - var d = this, - b = d.getAxes(), - e = d.getChart().getAxes(); - for (var a = 0; a < e.length; a++) { - if (b[e[a].getPosition()]) { - if (false === c.call(this, e[a])) { - return - } - } - } - }, - transformAxesBy: function(d, j, g, h, e) { - var f = this.getChart().getInnerRect(), - a = this.getAxes(), - k, b = this.oldVisibleRanges, - l = false; - if (!b) { - this.oldVisibleRanges = b = {}; - this.eachInteractiveAxes(function(i) { - b[i.getId()] = i.getVisibleRange() - }) - } - if (!f) { - return - } - for (var c = 0; c < d.length; c++) { - k = a[d[c].getPosition()]; - l = this.transformAxisBy(d[c], b[d[c].getId()], j, g, h, e, this.minZoom || k.minZoom, this.maxZoom || k.maxZoom) || l - } - return l - }, - transformAxisBy: function(c, o, r, q, k, i, h, m) { - var s = this, - b = o[1] - o[0], - l = c.getVisibleRange(), - g = h || s.getMinZoom() || c.config.minZoom, - j = m || s.getMaxZoom() || c.config.maxZoom, - a = s.getChart().getInnerRect(), - f, p; - if (!a) { - return - } - var d = c.isSide(), - e = d ? a[3] : a[2], - n = d ? -q : r; - b /= d ? i : k; - if (b < 0) { - b = -b - } - if (b * g > 1) { - b = 1 - } - if (b * j < 1) { - b = 1 / j - } - f = o[0]; - p = o[1]; - l = l[1] - l[0]; - if (b === l && l === 1) { - return - } - c.setVisibleRange([(o[0] + o[1] - b) * 0.5 - n / e * b, (o[0] + o[1] + b) * 0.5 - n / e * b]); - return (Math.abs(f - c.getVisibleRange()[0]) > 1e-10 || Math.abs(p - c.getVisibleRange()[1]) > 1e-10) - }, - destroy: function() { - this.setModeToggleButton(null); - this.callParent() - } -}); -Ext.define("Ext.chart.interactions.Rotate", { - extend: "Ext.chart.interactions.Abstract", - type: "rotate", - alias: "interaction.rotate", - config: { - gesture: "rotate", - gestures: { - rotate: "onRotate", - rotateend: "onRotate", - dragstart: "onGestureStart", - drag: "onGesture", - dragend: "onGestureEnd" - }, - rotation: 0 - }, - oldRotations: null, - getAngle: function(f) { - var c = this, - b = c.getChart(), - d = b.getEventXY(f), - a = b.getCenter(); - return Math.atan2(d[1] - a[1], d[0] - a[0]) - }, - getRadius: function(a) { - return this.getChart().getRadius() - }, - getEventRadius: function(h) { - var f = this, - d = f.getChart(), - g = d.getEventXY(h), - a = d.getCenter(), - c = g[0] - a[0], - b = g[1] - a[1]; - return Math.sqrt(c * c + b * b) - }, - onGestureStart: function(d) { - var c = this, - b = c.getRadius(d), - a = c.getEventRadius(d); - if (b >= a) { - c.lockEvents("drag"); - c.angle = c.getAngle(d); - c.oldRotations = {}; - return false - } - }, - onGesture: function(b) { - var a = this, - c = a.getAngle(b) - a.angle; - if (a.getLocks().drag === a) { - a.doRotateTo(c, true); - return false - } - }, - doRotateTo: function(d, a, b) { - var n = this, - l = n.getChart(), - k = l.getAxes(), - f = l.getSeries(), - m = n.oldRotations, - c, j, g, e, h; - if (!b) { - l.suspendAnimation() - } - for (e = 0, h = k.length; e < h; e++) { - c = k[e]; - g = m[c.getId()] || (m[c.getId()] = c.getRotation()); - c.setRotation(d + (a ? g : 0)) - } - for (e = 0, h = f.length; e < h; e++) { - j = f[e]; - g = m[j.getId()] || (m[j.getId()] = j.getRotation()); - j.setRotation(d + (a ? g : 0)) - } - n.setRotation(d + (a ? g : 0)); - n.fireEvent("rotate", n, n.getRotation()); - n.sync(); - if (!b) { - l.resumeAnimation() - } - }, - rotateTo: function(c, b, a) { - this.doRotateTo(c, b, a); - this.oldRotations = {} - }, - onGestureEnd: function(b) { - var a = this; - if (a.getLocks().drag === a) { - a.onGesture(b); - a.unlockEvents("drag"); - a.fireEvent("rotationEnd", a, a.getRotation()); - return false - } - }, - onRotate: function(a) {} -}); -Ext.define("Ext.chart.interactions.RotatePie3D", { - extend: "Ext.chart.interactions.Rotate", - type: "rotatePie3d", - alias: "interaction.rotatePie3d", - getAngle: function(g) { - var a = this.getChart(), - f = a.getInherited().rtl, - d = f ? -1 : 1, - h = g.getXY(), - c = a.element.getXY(), - b = a.getMainRect(); - return d * Math.atan2(h[1] - c[1] - b[3] * 0.5, h[0] - c[0] - b[2] * 0.5) - }, - getRadius: function(j) { - var f = this.getChart(), - a = f.getRadius(), - d = f.getSeries(), - h = d.length, - c = 0, - b, g; - for (; c < h; c++) { - b = d[c]; - if (b.isPie3D) { - g = b.getRadius(); - if (g > a) { - a = g - } - } - } - return a - } -}); -Ext.define("Ext.chart.plugin.ItemEvents", { - extend: "Ext.plugin.Abstract", - alias: "plugin.chartitemevents", - moveEvents: false, - mouseMoveEvents: { - mousemove: true, - mouseover: true, - mouseout: true - }, - itemMouseMoveEvents: { - itemmousemove: true, - itemmouseover: true, - itemmouseout: true - }, - init: function(b) { - var a = "handleEvent"; - this.chart = b; - b.addElementListener({ - click: a, - dblclick: a, - mousedown: a, - mousemove: a, - mouseup: a, - mouseover: a, - mouseout: a, - priority: 1001, - scope: this - }) - }, - hasItemMouseMoveListeners: function() { - var b = this.chart.hasListeners, - a; - for (a in this.itemMouseMoveEvents) { - if (a in b) { - return true - } - } - return false - }, - handleEvent: function(g) { - var d = this, - a = d.chart, - h = g.type in d.mouseMoveEvents, - c = d.lastItem, - f, b; - if (h && !d.hasItemMouseMoveListeners() && !d.moveEvents) { - return - } - f = a.getEventXY(g); - b = a.getItemForPoint(f[0], f[1]); - if (h && !Ext.Object.equals(b, c)) { - if (c) { - a.fireEvent("itemmouseout", a, c, g); - c.series.fireEvent("itemmouseout", c.series, c, g) - } - if (b) { - a.fireEvent("itemmouseover", a, b, g); - b.series.fireEvent("itemmouseover", b.series, b, g) - } - } - if (b) { - a.fireEvent("item" + g.type, a, b, g); - b.series.fireEvent("item" + g.type, b.series, b, g) - } - d.lastItem = b - } -}); -Ext.define("Ext.chart.series.Cartesian", { - extend: "Ext.chart.series.Series", - config: { - xField: null, - yField: null, - xAxis: null, - yAxis: null - }, - directions: ["X", "Y"], - fieldCategoryX: ["X"], - fieldCategoryY: ["Y"], - applyXAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - applyYAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - updateXAxis: function(a) { - a.processData(this) - }, - updateYAxis: function(a) { - a.processData(this) - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - getItemForPoint: function(a, g) { - if (this.getSprites()) { - var f = this, - d = f.getSprites()[0], - b = f.getStore(), - e, c; - if (f.getHidden()) { - return null - } - if (d) { - c = d.getIndexNearPoint(a, g); - if (c !== -1) { - e = { - series: f, - category: f.getItemInstancing() ? "items" : "markers", - index: c, - record: b.getData().items[c], - field: f.getYField(), - sprite: d - }; - return e - } - } - } - }, - createSprite: function() { - var c = this, - a = c.callParent(), - b = c.getChart(), - d = c.getXAxis(); - a.setAttributes({ - flipXY: b.getFlipXY(), - xAxis: d - }); - if (a.setAggregator && d && d.getAggregator) { - if (d.getAggregator) { - a.setAggregator({ - strategy: d.getAggregator() - }) - } else { - a.setAggregator({}) - } - } - return a - }, - getSprites: function() { - var d = this, - c = this.getChart(), - e = d.getAnimation() || c && c.getAnimation(), - b = d.getItemInstancing(), - f = d.sprites, - a; - if (!c) { - return [] - } - if (!f.length) { - a = d.createSprite() - } else { - a = f[0] - } - if (e) { - if (b) { - a.itemsMarker.getTemplate().setAnimation(e) - } - a.setAnimation(e) - } - return f - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getSubStyleWithTheme(), - c = a.fillStyle; - if (Ext.isArray(c)) { - c = c[0] - } - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - }, - getXRange: function() { - return [this.dataRange[0], this.dataRange[2]] - }, - getYRange: function() { - return [this.dataRange[1], this.dataRange[3]] - } -}); -Ext.define("Ext.chart.series.StackedCartesian", { - extend: "Ext.chart.series.Cartesian", - config: { - stacked: true, - splitStacks: true, - fullStack: false, - fullStackTotal: 100, - hidden: [] - }, - spriteAnimationCount: 0, - themeColorCount: function() { - var b = this, - a = b.getYField(); - return Ext.isArray(a) ? a.length : 1 - }, - updateStacked: function() { - this.processData() - }, - updateSplitStacks: function() { - this.processData() - }, - coordinateY: function() { - return this.coordinateStacked("Y", 1, 2) - }, - coordinateStacked: function(D, e, m) { - var F = this, - f = F.getStore(), - r = f.getData().items, - B = r.length, - c = F["get" + D + "Axis"](), - x = F.getHidden(), - a = F.getSplitStacks(), - z = F.getFullStack(), - l = F.getFullStackTotal(), - p = { - min: 0, - max: 0 - }, - n = F["fieldCategory" + D], - C = [], - o = [], - E = [], - h, A = F.getStacked(), - g = F.getSprites(), - q = [], - w, v, u, s, H, y, b, d, G, t; - if (!g.length) { - return - } - for (w = 0; w < n.length; w++) { - d = n[w]; - s = F.getFields([d]); - H = s.length; - for (v = 0; v < B; v++) { - C[v] = 0; - o[v] = 0; - E[v] = 0 - } - for (v = 0; v < H; v++) { - if (!x[v]) { - q[v] = F.coordinateData(r, s[v], c) - } - } - if (A && z) { - y = []; - if (a) { - b = [] - } - for (v = 0; v < B; v++) { - y[v] = 0; - if (a) { - b[v] = 0 - } - for (u = 0; u < H; u++) { - G = q[u]; - if (!G) { - continue - } - G = G[v]; - if (G >= 0 || !a) { - y[v] += G - } else { - if (G < 0) { - b[v] += G - } - } - } - } - } - for (v = 0; v < H; v++) { - t = {}; - if (x[v]) { - t["dataStart" + d] = C; - t["data" + d] = C; - g[v].setAttributes(t); - continue - } - G = q[v]; - if (A) { - h = []; - for (u = 0; u < B; u++) { - if (!G[u]) { - G[u] = 0 - } - if (G[u] >= 0 || !a) { - if (z && y[u]) { - G[u] *= l / y[u] - } - C[u] = o[u]; - o[u] += G[u]; - h[u] = o[u] - } else { - if (z && b[u]) { - G[u] *= l / b[u] - } - C[u] = E[u]; - E[u] += G[u]; - h[u] = E[u] - } - } - t["dataStart" + d] = C; - t["data" + d] = h; - F.getRangeOfData(C, p); - F.getRangeOfData(h, p) - } else { - t["dataStart" + d] = C; - t["data" + d] = G; - F.getRangeOfData(G, p) - } - g[v].setAttributes(t) - } - } - F.dataRange[e] = p.min; - F.dataRange[e + m] = p.max; - t = {}; - t["dataMin" + D] = p.min; - t["dataMax" + D] = p.max; - for (w = 0; w < g.length; w++) { - g[w].setAttributes(t) - } - }, - getFields: function(f) { - var e = this, - a = [], - c, b, d; - for (b = 0, d = f.length; b < d; b++) { - c = e["get" + f[b] + "Field"](); - if (Ext.isArray(c)) { - a.push.apply(a, c) - } else { - a.push(c) - } - } - return a - }, - updateLabelOverflowPadding: function(a) { - this.getLabel().setAttributes({ - labelOverflowPadding: a - }) - }, - getSprites: function() { - var k = this, - j = k.getChart(), - c = k.getAnimation() || j && j.getAnimation(), - f = k.getFields(k.fieldCategoryY), - b = k.getItemInstancing(), - h = k.sprites, - l, e = k.getHidden(), - g = false, - d, a = f.length; - if (!j) { - return [] - } - for (d = 0; d < a; d++) { - l = h[d]; - if (!l) { - l = k.createSprite(); - l.setAttributes({ - zIndex: -d - }); - l.setField(f[d]); - g = true; - e.push(false); - if (b) { - l.itemsMarker.getTemplate().setAttributes(k.getStyleByIndex(d)) - } else { - l.setAttributes(k.getStyleByIndex(d)) - } - } - if (c) { - if (b) { - l.itemsMarker.getTemplate().setAnimation(c) - } - l.setAnimation(c) - } - } - if (g) { - k.updateHidden(e) - } - return h - }, - getItemForPoint: function(k, j) { - if (this.getSprites()) { - var h = this, - b, g, m, a = h.getItemInstancing(), - f = h.getSprites(), - l = h.getStore(), - c = h.getHidden(), - n, d, e; - for (b = 0, g = f.length; b < g; b++) { - if (!c[b]) { - m = f[b]; - d = m.getIndexNearPoint(k, j); - if (d !== -1) { - e = h.getYField(); - n = { - series: h, - index: d, - category: a ? "items" : "markers", - record: l.getData().items[d], - field: typeof e === "string" ? e : e[b], - sprite: m - }; - return n - } - } - } - return null - } - }, - provideLegendInfo: function(e) { - var g = this, - f = g.getSprites(), - h = g.getTitle(), - j = g.getYField(), - d = g.getHidden(), - k = f.length === 1, - b, l, c, a; - for (c = 0; c < f.length; c++) { - b = g.getStyleByIndex(c); - l = b.fillStyle; - if (h) { - if (Ext.isArray(h)) { - a = h[c] - } else { - if (k) { - a = h - } - } - } else { - if (Ext.isArray(j)) { - a = j[c] - } else { - a = g.getId() - } - } - e.push({ - name: a, - mark: (Ext.isObject(l) ? l.stops && l.stops[0].color : l) || b.strokeStyle || "black", - disabled: d[c], - series: g.getId(), - index: c - }) - } - }, - onSpriteAnimationStart: function(a) { - this.spriteAnimationCount++; - if (this.spriteAnimationCount === 1) { - this.fireEvent("animationstart") - } - }, - onSpriteAnimationEnd: function(a) { - this.spriteAnimationCount--; - if (this.spriteAnimationCount === 0) { - this.fireEvent("animationend") - } - } -}); -Ext.define("Ext.chart.series.sprite.Series", { - extend: "Ext.draw.sprite.Sprite", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - inheritableStatics: { - def: { - processors: { - dataMinX: "number", - dataMaxX: "number", - dataMinY: "number", - dataMaxY: "number", - rangeX: "data", - rangeY: "data", - dataX: "data", - dataY: "data" - }, - defaults: { - dataMinX: 0, - dataMaxX: 1, - dataMinY: 0, - dataMaxY: 1, - rangeX: null, - rangeY: null, - dataX: null, - dataY: null - }, - triggers: { - dataX: "bbox", - dataY: "bbox", - dataMinX: "bbox", - dataMaxX: "bbox", - dataMinY: "bbox", - dataMaxY: "bbox" - } - } - }, - config: { - store: null, - series: null, - field: null - } -}); -Ext.define("Ext.chart.series.sprite.Cartesian", { - extend: "Ext.chart.series.sprite.Series", - inheritableStatics: { - def: { - processors: { - labels: "default", - labelOverflowPadding: "number", - selectionTolerance: "number", - flipXY: "bool", - renderer: "default", - visibleMinX: "number", - visibleMinY: "number", - visibleMaxX: "number", - visibleMaxY: "number", - innerWidth: "number", - innerHeight: "number" - }, - defaults: { - labels: null, - labelOverflowPadding: 10, - selectionTolerance: 20, - flipXY: false, - renderer: null, - transformFillStroke: false, - visibleMinX: 0, - visibleMinY: 0, - visibleMaxX: 1, - visibleMaxY: 1, - innerWidth: 1, - innerHeight: 1 - }, - triggers: { - dataX: "dataX,bbox", - dataY: "dataY,bbox", - visibleMinX: "panzoom", - visibleMinY: "panzoom", - visibleMaxX: "panzoom", - visibleMaxY: "panzoom", - innerWidth: "panzoom", - innerHeight: "panzoom" - }, - updaters: { - dataX: function(a) { - this.processDataX(); - this.scheduleUpdater(a, "dataY", ["dataY"]) - }, - dataY: function() { - this.processDataY() - }, - panzoom: function(c) { - var e = c.visibleMaxX - c.visibleMinX, - d = c.visibleMaxY - c.visibleMinY, - b = c.flipXY ? c.innerHeight : c.innerWidth, - g = !c.flipXY ? c.innerHeight : c.innerWidth, - a = this.getSurface(), - f = a ? a.getInherited().rtl : false; - if (f && !c.flipXY) { - c.translationX = b + c.visibleMinX * b / e - } else { - c.translationX = -c.visibleMinX * b / e - } - c.translationY = -c.visibleMinY * g / d; - c.scalingX = (f && !c.flipXY ? -1 : 1) * b / e; - c.scalingY = g / d; - c.scalingCenterX = 0; - c.scalingCenterY = 0; - this.applyTransformations(true) - } - } - } - }, - processDataY: Ext.emptyFn, - processDataX: Ext.emptyFn, - updatePlainBBox: function(b) { - var a = this.attr; - b.x = a.dataMinX; - b.y = a.dataMinY; - b.width = a.dataMaxX - a.dataMinX; - b.height = a.dataMaxY - a.dataMinY - }, - binarySearch: function(d) { - var b = this.attr.dataX, - f = 0, - a = b.length; - if (d <= b[0]) { - return f - } - if (d >= b[a - 1]) { - return a - 1 - } - while (f + 1 < a) { - var c = (f + a) >> 1, - e = b[c]; - if (e === d) { - return c - } else { - if (e < d) { - f = c - } else { - a = c - } - } - } - return f - }, - render: function(b, c, g) { - var f = this, - a = f.attr, - e = a.inverseMatrix.clone(); - e.appendMatrix(b.inverseMatrix); - if (a.dataX === null || a.dataX === undefined) { - return - } - if (a.dataY === null || a.dataY === undefined) { - return - } - if (e.getXX() * e.getYX() || e.getXY() * e.getYY()) { - console.log("Cartesian Series sprite does not support rotation/sheering"); - return - } - var d = e.transformList([ - [g[0] - 1, g[3] + 1], - [g[0] + g[2] + 1, -1] - ]); - d = d[0].concat(d[1]); - f.renderClipped(b, c, d, g) - }, - renderClipped: Ext.emptyFn, - getIndexNearPoint: function(f, e) { - var w = this, - q = w.attr.matrix, - h = w.attr.dataX, - g = w.attr.dataY, - k = w.attr.selectionTolerance, - t, r, c = -1, - j = q.clone().prependMatrix(w.surfaceMatrix).inverse(), - u = j.transformPoint([f, e]), - b = j.transformPoint([f - k, e - k]), - n = j.transformPoint([f + k, e + k]), - a = Math.min(b[0], n[0]), - s = Math.max(b[0], n[0]), - l = Math.min(b[1], n[1]), - d = Math.max(b[1], n[1]), - m, v, o, p; - for (o = 0, p = h.length; o < p; o++) { - m = h[o]; - v = g[o]; - if (m > a && m < s && v > l && v < d) { - if (c === -1 || (Math.abs(m - u[0]) < t) && (Math.abs(v - u[1]) < r)) { - t = Math.abs(m - u[0]); - r = Math.abs(v - u[1]); - c = o - } - } - } - return c - } -}); -Ext.define("Ext.chart.series.sprite.StackedCartesian", { - extend: "Ext.chart.series.sprite.Cartesian", - inheritableStatics: { - def: { - processors: { - groupCount: "number", - groupOffset: "number", - dataStartY: "data" - }, - defaults: { - selectionTolerance: 20, - groupCount: 1, - groupOffset: 0, - dataStartY: null - }, - triggers: { - dataStartY: "dataY,bbox" - } - } - }, - getIndexNearPoint: function(e, d) { - var o = this, - q = o.attr.matrix, - h = o.attr.dataX, - f = o.attr.dataY, - u = o.attr.dataStartY, - l = o.attr.selectionTolerance, - s = 0.5, - r = Infinity, - b = -1, - k = q.clone().prependMatrix(this.surfaceMatrix).inverse(), - t = k.transformPoint([e, d]), - a = k.transformPoint([e - l, d - l]), - n = k.transformPoint([e + l, d + l]), - m = Math.min(a[1], n[1]), - c = Math.max(a[1], n[1]), - j, g; - for (var p = 0; p < h.length; p++) { - if (Math.min(u[p], f[p]) <= c && m <= Math.max(u[p], f[p])) { - j = Math.abs(h[p] - t[0]); - g = Math.max(-Math.min(f[p] - t[1], t[1] - u[p]), 0); - if (j < s && g <= r) { - s = j; - r = g; - b = p - } - } - } - return b - } -}); -Ext.define("Ext.chart.series.sprite.Area", { - alias: "sprite.areaSeries", - extend: "Ext.chart.series.sprite.StackedCartesian", - inheritableStatics: { - def: { - processors: { - step: "bool" - }, - defaults: { - step: false - } - } - }, - renderClipped: function(q, s, A) { - var B = this, - p = B.attr, - l = p.dataX, - j = p.dataY, - C = p.dataStartY, - t = p.matrix, - h, g, v, f, d, z, w, e = t.elements[0], - m = t.elements[4], - o = t.elements[3], - k = t.elements[5], - c = B.surfaceMatrix, - n = {}, - r = Math.min(A[0], A[2]), - u = Math.max(A[0], A[2]), - b = Math.max(0, this.binarySearch(r)), - a = Math.min(l.length - 1, this.binarySearch(u) + 1); - s.beginPath(); - z = l[b] * e + m; - w = j[b] * o + k; - s.moveTo(z, w); - if (p.step) { - d = w; - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, d); - s.lineTo(h, d = g) - } - } else { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, g) - } - } - if (C) { - if (p.step) { - f = l[a] * e + m; - for (v = a; v >= b; v--) { - h = l[v] * e + m; - g = C[v] * o + k; - s.lineTo(f, g); - s.lineTo(f = h, g) - } - } else { - for (v = a; v >= b; v--) { - h = l[v] * e + m; - g = C[v] * o + k; - s.lineTo(h, g) - } - } - } else { - s.lineTo(l[a] * e + m, g); - s.lineTo(l[a] * e + m, k); - s.lineTo(z, k); - s.lineTo(z, j[v] * o + k) - } - if (p.transformFillStroke) { - p.matrix.toContext(s) - } - s.fill(); - if (p.transformFillStroke) { - p.inverseMatrix.toContext(s) - } - s.beginPath(); - s.moveTo(z, w); - if (p.step) { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, d); - s.lineTo(h, d = g); - n.translationX = c.x(h, g); - n.translationY = c.y(h, g); - B.putMarker("markers", n, v, !p.renderer) - } - } else { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, g); - n.translationX = c.x(h, g); - n.translationY = c.y(h, g); - B.putMarker("markers", n, v, !p.renderer) - } - } - if (p.transformFillStroke) { - p.matrix.toContext(s) - } - s.stroke() - } -}); -Ext.define("Ext.chart.series.Area", { - extend: "Ext.chart.series.StackedCartesian", - alias: "series.area", - type: "area", - seriesType: "areaSeries", - requires: ["Ext.chart.series.sprite.Area"], - config: { - splitStacks: false - } -}); -Ext.define("Ext.chart.series.sprite.Bar", { - alias: "sprite.barSeries", - extend: "Ext.chart.series.sprite.StackedCartesian", - inheritableStatics: { - def: { - processors: { - minBarWidth: "number", - maxBarWidth: "number", - minGapWidth: "number", - radius: "number", - inGroupGapWidth: "number" - }, - defaults: { - minBarWidth: 2, - maxBarWidth: 100, - minGapWidth: 5, - inGroupGapWidth: 3, - radius: 0 - } - } - }, - drawLabel: function(k, i, s, h, o) { - var q = this, - n = q.attr, - f = q.getMarker("labels"), - d = f.getTemplate(), - l = q.labelCfg || (q.labelCfg = {}), - c = q.surfaceMatrix, - j = n.labelOverflowPadding, - b = d.attr.display, - m = d.attr.orientation, - g, e, a, r, t, p; - l.x = c.x(i, h); - l.y = c.y(i, h); - if (!n.flipXY) { - l.rotationRads = -Math.PI * 0.5 - } else { - l.rotationRads = 0 - } - l.calloutVertical = !n.flipXY; - switch (m) { - case "horizontal": - l.rotationRads = 0; - l.calloutVertical = false; - break; - case "vertical": - l.rotationRads = -Math.PI * 0.5; - l.calloutVertical = true; - break - } - l.text = k; - if (d.attr.renderer) { - p = [k, f, l, { - store: q.getStore() - }, o]; - r = Ext.callback(d.attr.renderer, null, p, 0, q.getSeries()); - if (typeof r === "string") { - l.text = r - } else { - if (typeof r === "object") { - if ("text" in r) { - l.text = r.text - } - t = true - } - } - } - a = q.getMarkerBBox("labels", o, true); - if (!a) { - q.putMarker("labels", l, o); - a = q.getMarkerBBox("labels", o, true) - } - e = (a.width / 2 + j); - if (s > h) { - e = -e - } - if ((m === "horizontal" && n.flipXY) || (m === "vertical" && !n.flipXY) || !m) { - g = (b === "insideStart") ? s + e : h - e - } else { - g = (b === "insideStart") ? s + j * 2 : h - j * 2 - } - l.x = c.x(i, g); - l.y = c.y(i, g); - g = (b === "insideStart") ? s - e : h + e; - l.calloutPlaceX = c.x(i, g); - l.calloutPlaceY = c.y(i, g); - g = (b === "insideStart") ? s : h; - l.calloutStartX = c.x(i, g); - l.calloutStartY = c.y(i, g); - if (s > h) { - e = -e - } - if (Math.abs(h - s) <= e * 2 || b === "outside") { - l.callout = 1 - } else { - l.callout = 0 - } - if (t) { - Ext.apply(l, r) - } - q.putMarker("labels", l, o) - }, - drawBar: function(l, b, d, c, h, k, a, e) { - var g = this, - j = {}, - f = g.attr.renderer, - i; - j.x = c; - j.y = h; - j.width = k - c; - j.height = a - h; - j.radius = g.attr.radius; - if (f) { - i = Ext.callback(f, null, [g, j, { - store: g.getStore() - }, e], 0, g.getSeries()); - Ext.apply(j, i) - } - g.putMarker("items", j, e, !f) - }, - renderClipped: function(G, u, F, C) { - if (this.cleanRedraw) { - return - } - var q = this, - o = q.attr, - w = o.dataX, - v = o.dataY, - H = o.labels, - n = o.dataStartY, - m = o.groupCount, - E = o.groupOffset - (m - 1) * 0.5, - z = o.inGroupGapWidth, - t = u.lineWidth, - D = o.matrix, - B = D.elements[0], - j = D.elements[3], - e = D.elements[4], - d = G.roundPixel(D.elements[5]) - 1, - J = (B < 0 ? -1 : 1) * B - o.minGapWidth, - k = (Math.min(J, o.maxBarWidth) - z * (m - 1)) / m, - A = G.roundPixel(Math.max(o.minBarWidth, k)), - c = q.surfaceMatrix, - g, I, b, h, K, a, l = 0.5 * o.lineWidth, - L = Math.min(F[0], F[2]), - x = Math.max(F[0], F[2]), - y = Math.max(0, Math.floor(L)), - p = Math.min(w.length - 1, Math.ceil(x)), - f = H && q.getMarker("labels"), - s, r; - for (K = y; K <= p; K++) { - s = n ? n[K] : 0; - r = v[K]; - a = w[K] * B + e + E * (A + z); - g = G.roundPixel(a - A / 2) + l; - h = G.roundPixel(r * j + d + t); - I = G.roundPixel(a + A / 2) - l; - b = G.roundPixel(s * j + d + t); - q.drawBar(u, G, F, g, h - l, I, b - l, K); - if (f && H[K] != null) { - q.drawLabel(H[K], a, b, h, K) - } - q.putMarker("markers", { - translationX: c.x(a, h), - translationY: c.y(a, h) - }, K, true) - } - }, - getIndexNearPoint: function(l, k) { - var m = this, - g = m.attr, - h = g.dataX, - a = m.getSurface(), - b = a.getRect() || [0, 0, 0, 0], - j = b[3], - e, d, c, n, f = -1; - if (g.flipXY) { - e = j - k; - if (a.getInherited().rtl) { - d = b[2] - l - } else { - d = l - } - } else { - e = l; - d = j - k - } - for (c = 0; c < h.length; c++) { - n = m.getMarkerBBox("items", c); - if (Ext.draw.Draw.isPointInBBox(e, d, n)) { - f = c; - break - } - } - return f - } -}); -Ext.define("Ext.chart.series.Bar", { - extend: "Ext.chart.series.StackedCartesian", - alias: "series.bar", - type: "bar", - seriesType: "barSeries", - requires: ["Ext.chart.series.sprite.Bar", "Ext.draw.sprite.Rect"], - config: { - itemInstancing: { - type: "rect", - fx: { - customDurations: { - x: 0, - y: 0, - width: 0, - height: 0, - radius: 0 - } - } - } - }, - getItemForPoint: function(a, f) { - if (this.getSprites()) { - var d = this, - c = d.getChart(), - e = c.getInnerPadding(), - b = c.getInherited().rtl; - arguments[0] = a + (b ? e.right : -e.left); - arguments[1] = f + e.bottom; - return d.callParent(arguments) - } - }, - updateXAxis: function(a) { - a.setLabelInSpan(true); - this.callParent(arguments) - }, - updateHidden: function(a) { - this.callParent(arguments); - this.updateStacked() - }, - updateStacked: function(c) { - var e = this, - g = e.getSprites(), - d = g.length, - f = [], - a = {}, - b; - for (b = 0; b < d; b++) { - if (!g[b].attr.hidden) { - f.push(g[b]) - } - } - d = f.length; - if (e.getStacked()) { - a.groupCount = 1; - a.groupOffset = 0; - for (b = 0; b < d; b++) { - f[b].setAttributes(a) - } - } else { - a.groupCount = f.length; - for (b = 0; b < d; b++) { - a.groupOffset = b; - f[b].setAttributes(a) - } - } - e.callParent(arguments) - } -}); -Ext.define("Ext.chart.series.sprite.Bar3D", { - extend: "Ext.chart.series.sprite.Bar", - alias: "sprite.bar3dSeries", - requires: ["Ext.draw.gradient.Linear"], - inheritableStatics: { - def: { - processors: { - depthWidthRatio: "number", - saturationFactor: "number", - brightnessFactor: "number", - colorSpread: "number" - }, - defaults: { - depthWidthRatio: 1 / 3, - saturationFactor: 1, - brightnessFactor: 1, - colorSpread: 1, - transformFillStroke: true - }, - triggers: { - groupCount: "panzoom" - }, - updaters: { - panzoom: function(c) { - var g = this, - e = c.visibleMaxX - c.visibleMinX, - d = c.visibleMaxY - c.visibleMinY, - b = c.flipXY ? c.innerHeight : c.innerWidth, - h = !c.flipXY ? c.innerHeight : c.innerWidth, - a = g.getSurface(), - f = a ? a.getInherited().rtl : false; - if (f && !c.flipXY) { - c.translationX = b + c.visibleMinX * b / e - } else { - c.translationX = -c.visibleMinX * b / e - } - c.translationY = -c.visibleMinY * (h - g.depth) / d; - c.scalingX = (f && !c.flipXY ? -1 : 1) * b / e; - c.scalingY = (h - g.depth) / d; - c.scalingCenterX = 0; - c.scalingCenterY = 0; - g.applyTransformations(true) - } - } - } - }, - config: { - showStroke: false - }, - depth: 0, - drawBar: function(p, b, d, c, l, o, a, h) { - var k = this, - i = k.attr, - n = {}, - j = i.renderer, - m, g, f, e; - n.x = (c + o) * 0.5; - n.y = l; - n.width = (o - c) * 0.75; - n.height = a - l; - n.depth = g = n.width * i.depthWidthRatio; - n.orientation = i.flipXY ? "horizontal" : "vertical"; - n.saturationFactor = i.saturationFactor; - n.brightnessFactor = i.brightnessFactor; - n.colorSpread = i.colorSpread; - if (g !== k.depth) { - k.depth = g; - f = k.getSeries(); - f.fireEvent("depthchange", f, g) - } - if (j) { - e = [k, n, { - store: k.getStore() - }, h]; - m = Ext.callback(j, null, e, 0, k.getSeries()); - Ext.apply(n, m) - } - k.putMarker("items", n, h, !j) - } -}); -Ext.define("Ext.chart.series.sprite.Box", { - extend: "Ext.draw.sprite.Sprite", - alias: "sprite.box", - type: "box", - inheritableStatics: { - def: { - processors: { - x: "number", - y: "number", - width: "number", - height: "number", - depth: "number", - orientation: "enums(vertical,horizontal)", - showStroke: "bool", - saturationFactor: "number", - brightnessFactor: "number", - colorSpread: "number" - }, - triggers: { - x: "bbox", - y: "bbox", - width: "bbox", - height: "bbox", - depth: "bbox", - orientation: "bbox" - }, - defaults: { - x: 0, - y: 0, - width: 8, - height: 8, - depth: 8, - orientation: "vertical", - showStroke: false, - saturationFactor: 1, - brightnessFactor: 1, - colorSpread: 1, - lineJoin: "bevel" - } - } - }, - constructor: function(a) { - this.callParent([a]); - this.topGradient = new Ext.draw.gradient.Linear({}); - this.rightGradient = new Ext.draw.gradient.Linear({}); - this.frontGradient = new Ext.draw.gradient.Linear({}) - }, - updatePlainBBox: function(d) { - var c = this.attr, - b = c.x, - g = c.y, - e = c.width, - a = c.height, - f = c.depth; - d.x = b - e * 0.5; - d.width = e + f; - if (a > 0) { - d.y = g; - d.height = a + f - } else { - d.y = g + f; - d.height = a - f - } - }, - render: function(l, m) { - var u = this, - k = u.attr, - r = k.x, - j = k.y, - f = j + k.height, - i = j < f, - e = k.width * 0.5, - v = k.depth, - d = k.orientation === "horizontal", - g = k.globalAlpha < 1, - c = k.fillStyle, - n = Ext.draw.Color.create(c.isGradient ? c.getStops()[0].color : c), - h = k.saturationFactor, - o = k.brightnessFactor, - t = k.colorSpread, - b = n.getHSV(), - a = {}, - s, q, p; - if (!k.showStroke) { - m.strokeStyle = Ext.draw.Color.RGBA_NONE - } - if (i) { - p = j; - j = f; - f = p - } - u.topGradient.setDegrees(d ? 0 : 80); - u.topGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 + t * 0.1) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.11) * o, 0, 1)) - }]); - u.rightGradient.setDegrees(d ? 45 : 90); - u.rightGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.14) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 + t * 0.4) * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.32) * o, 0, 1)) - }]); - if (d) { - u.frontGradient.setDegrees(0) - } else { - u.frontGradient.setRadians(Math.atan2(j - f, e * 2)) - } - u.frontGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 - t * 0.1) * h, 0, 1), Ext.Number.constrain((0.5 + t * 0.1) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 + t * 0.1) * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.23) * o, 0, 1)) - }]); - if (g || i) { - m.beginPath(); - m.moveTo(r - e, f); - m.lineTo(r - e + v, f + v); - m.lineTo(r + e + v, f + v); - m.lineTo(r + e, f); - m.closePath(); - a.x = r - e; - a.y = j; - a.width = e + v; - a.height = v; - m.fillStyle = (d ? u.rightGradient : u.topGradient).generateGradient(m, a); - m.fillStroke(k) - } - if (g) { - m.beginPath(); - m.moveTo(r - e, j); - m.lineTo(r - e + v, j + v); - m.lineTo(r - e + v, f + v); - m.lineTo(r - e, f); - m.closePath(); - a.x = r + e; - a.y = f; - a.width = v; - a.height = j + v - f; - m.fillStyle = (d ? u.topGradient : u.rightGradient).generateGradient(m, a); - m.fillStroke(k) - } - q = l.roundPixel(j); - m.beginPath(); - m.moveTo(r - e, q); - m.lineTo(r - e + v, j + v); - m.lineTo(r + e + v, j + v); - m.lineTo(r + e, q); - m.closePath(); - a.x = r - e; - a.y = j; - a.width = e + v; - a.height = v; - m.fillStyle = (d ? u.rightGradient : u.topGradient).generateGradient(m, a); - m.fillStroke(k); - s = l.roundPixel(r + e); - m.beginPath(); - m.moveTo(s, l.roundPixel(j)); - m.lineTo(r + e + v, j + v); - m.lineTo(r + e + v, f + v); - m.lineTo(s, f); - m.closePath(); - a.x = r + e; - a.y = f; - a.width = v; - a.height = j + v - f; - m.fillStyle = (d ? u.topGradient : u.rightGradient).generateGradient(m, a); - m.fillStroke(k); - s = l.roundPixel(r + e); - q = l.roundPixel(j); - m.beginPath(); - m.moveTo(r - e, f); - m.lineTo(r - e, q); - m.lineTo(s, q); - m.lineTo(s, f); - m.closePath(); - a.x = r - e; - a.y = f; - a.width = e * 2; - a.height = j - f; - m.fillStyle = u.frontGradient.generateGradient(m, a); - m.fillStroke(k) - } -}); -Ext.define("Ext.chart.series.Bar3D", { - extend: "Ext.chart.series.Bar", - requires: ["Ext.chart.series.sprite.Bar3D", "Ext.chart.series.sprite.Box"], - alias: "series.bar3d", - type: "bar3d", - seriesType: "bar3dSeries", - config: { - itemInstancing: { - type: "box", - fx: { - customDurations: { - x: 0, - y: 0, - width: 0, - height: 0, - depth: 0 - } - } - }, - highlightCfg: { - opacity: 0.8 - } - }, - getSprites: function() { - var c = this.callParent(arguments), - b, d, a; - for (a = 0; a < c.length; a++) { - b = c[a]; - d = b.attr.zIndex; - if (d < 0) { - b.setAttributes({ - zIndex: -d - }) - } - if (b.setSeries) { - b.setSeries(this) - } - } - return c - }, - getDepth: function() { - var a = this.getSprites()[0]; - return a ? (a.depth || 0) : 0 - }, - getItemForPoint: function(m, k) { - if (this.getSprites()) { - var j = this, - b, o, a = j.getItemInstancing(), - h = j.getSprites(), - n = j.getStore(), - c = j.getHidden(), - g = j.getChart(), - l = g.getInnerPadding(), - f = g.getInherited().rtl, - p, d, e; - m = m + (f ? l.right : -l.left); - k = k + l.bottom; - for (b = h.length - 1; b >= 0; b--) { - if (!c[b]) { - o = h[b]; - d = o.getIndexNearPoint(m, k); - if (d !== -1) { - e = j.getYField(); - p = { - series: j, - index: d, - category: a ? "items" : "markers", - record: n.getData().items[d], - field: typeof e === "string" ? e : e[b], - sprite: o - }; - return p - } - } - } - return null - } - } -}); -Ext.define("Ext.draw.LimitedCache", { - config: { - limit: 40, - feeder: function() { - return 0 - }, - scope: null - }, - cache: null, - constructor: function(a) { - this.cache = {}; - this.cache.list = []; - this.cache.tail = 0; - this.initConfig(a) - }, - get: function(e) { - var c = this.cache, - b = this.getLimit(), - a = this.getFeeder(), - d = this.getScope() || this; - if (c[e]) { - return c[e].value - } - if (c.list[c.tail]) { - delete c[c.list[c.tail].cacheId] - } - c[e] = c.list[c.tail] = { - value: a.apply(d, Array.prototype.slice.call(arguments, 1)), - cacheId: e - }; - c.tail++; - if (c.tail === b) { - c.tail = 0 - } - return c[e].value - }, - clear: function() { - this.cache = {}; - this.cache.list = []; - this.cache.tail = 0 - } -}); -Ext.define("Ext.draw.SegmentTree", { - config: { - strategy: "double" - }, - time: function(m, l, n, c, E, d, e) { - var f = 0, - o, A, s = new Date(n[m.startIdx[0]]), - x = new Date(n[m.endIdx[l - 1]]), - D = Ext.Date, - u = [ - [D.MILLI, 1, "ms1", null], - [D.MILLI, 2, "ms2", "ms1"], - [D.MILLI, 5, "ms5", "ms1"], - [D.MILLI, 10, "ms10", "ms5"], - [D.MILLI, 50, "ms50", "ms10"], - [D.MILLI, 100, "ms100", "ms50"], - [D.MILLI, 500, "ms500", "ms100"], - [D.SECOND, 1, "s1", "ms500"], - [D.SECOND, 10, "s10", "s1"], - [D.SECOND, 30, "s30", "s10"], - [D.MINUTE, 1, "mi1", "s10"], - [D.MINUTE, 5, "mi5", "mi1"], - [D.MINUTE, 10, "mi10", "mi5"], - [D.MINUTE, 30, "mi30", "mi10"], - [D.HOUR, 1, "h1", "mi30"], - [D.HOUR, 6, "h6", "h1"], - [D.HOUR, 12, "h12", "h6"], - [D.DAY, 1, "d1", "h12"], - [D.DAY, 7, "d7", "d1"], - [D.MONTH, 1, "mo1", "d1"], - [D.MONTH, 3, "mo3", "mo1"], - [D.MONTH, 6, "mo6", "mo3"], - [D.YEAR, 1, "y1", "mo3"], - [D.YEAR, 5, "y5", "y1"], - [D.YEAR, 10, "y10", "y5"], - [D.YEAR, 100, "y100", "y10"] - ], - z, b, k = f, - F = l, - j = false, - r = m.startIdx, - h = m.endIdx, - w = m.minIdx, - C = m.maxIdx, - a = m.open, - y = m.close, - g = m.minX, - q = m.minY, - p = m.maxX, - B = m.maxY, - v, t; - for (z = 0; l > f + 1 && z < u.length; z++) { - s = new Date(n[r[0]]); - b = u[z]; - s = D.align(s, b[0], b[1]); - if (D.diff(s, x, b[0]) > n.length * 2 * b[1]) { - continue - } - if (b[3] && m.map["time_" + b[3]]) { - o = m.map["time_" + b[3]][0]; - A = m.map["time_" + b[3]][1] - } else { - o = k; - A = F - } - f = l; - t = s; - j = true; - r[l] = r[o]; - h[l] = h[o]; - w[l] = w[o]; - C[l] = C[o]; - a[l] = a[o]; - y[l] = y[o]; - g[l] = g[o]; - q[l] = q[o]; - p[l] = p[o]; - B[l] = B[o]; - t = Ext.Date.add(t, b[0], b[1]); - for (v = o + 1; v < A; v++) { - if (n[h[v]] < +t) { - h[l] = h[v]; - y[l] = y[v]; - if (B[v] > B[l]) { - B[l] = B[v]; - p[l] = p[v]; - C[l] = C[v] - } - if (q[v] < q[l]) { - q[l] = q[v]; - g[l] = g[v]; - w[l] = w[v] - } - } else { - l++; - r[l] = r[v]; - h[l] = h[v]; - w[l] = w[v]; - C[l] = C[v]; - a[l] = a[v]; - y[l] = y[v]; - g[l] = g[v]; - q[l] = q[v]; - p[l] = p[v]; - B[l] = B[v]; - t = Ext.Date.add(t, b[0], b[1]) - } - } - if (l > f) { - m.map["time_" + b[2]] = [f, l] - } - } - }, - "double": function(h, u, j, a, t, b, c) { - var e = 0, - k, f = 1, - n, d, v, g, s, l, m, r, q, p, o; - while (u > e + 1) { - k = e; - e = u; - f += f; - for (n = k; n < e; n += 2) { - if (n === e - 1) { - d = h.startIdx[n]; - v = h.endIdx[n]; - g = h.minIdx[n]; - s = h.maxIdx[n]; - l = h.open[n]; - m = h.close[n]; - r = h.minX[n]; - q = h.minY[n]; - p = h.maxX[n]; - o = h.maxY[n] - } else { - d = h.startIdx[n]; - v = h.endIdx[n + 1]; - l = h.open[n]; - m = h.close[n]; - if (h.minY[n] <= h.minY[n + 1]) { - g = h.minIdx[n]; - r = h.minX[n]; - q = h.minY[n] - } else { - g = h.minIdx[n + 1]; - r = h.minX[n + 1]; - q = h.minY[n + 1] - } - if (h.maxY[n] >= h.maxY[n + 1]) { - s = h.maxIdx[n]; - p = h.maxX[n]; - o = h.maxY[n] - } else { - s = h.maxIdx[n + 1]; - p = h.maxX[n + 1]; - o = h.maxY[n + 1] - } - } - h.startIdx[u] = d; - h.endIdx[u] = v; - h.minIdx[u] = g; - h.maxIdx[u] = s; - h.open[u] = l; - h.close[u] = m; - h.minX[u] = r; - h.minY[u] = q; - h.maxX[u] = p; - h.maxY[u] = o; - u++ - } - h.map["double_" + f] = [e, u] - } - }, - none: Ext.emptyFn, - aggregateData: function(h, a, r, c, d) { - var b = h.length, - e = [], - s = [], - f = [], - q = [], - j = [], - p = [], - n = [], - o = [], - m = [], - k = [], - g = { - startIdx: e, - endIdx: s, - minIdx: f, - maxIdx: q, - open: j, - minX: p, - minY: n, - maxX: o, - maxY: m, - close: k - }, - l; - for (l = 0; l < b; l++) { - e[l] = l; - s[l] = l; - f[l] = l; - q[l] = l; - j[l] = a[l]; - p[l] = h[l]; - n[l] = c[l]; - o[l] = h[l]; - m[l] = r[l]; - k[l] = d[l] - } - g.map = { - original: [0, b] - }; - if (b) { - this[this.getStrategy()](g, b, h, a, r, c, d) - } - return g - }, - binarySearchMin: function(c, g, a, e) { - var b = this.dataX; - if (e <= b[c.startIdx[0]]) { - return g - } - if (e >= b[c.startIdx[a - 1]]) { - return a - 1 - } - while (g + 1 < a) { - var d = (g + a) >> 1, - f = b[c.startIdx[d]]; - if (f === e) { - return d - } else { - if (f < e) { - g = d - } else { - a = d - } - } - } - return g - }, - binarySearchMax: function(c, g, a, e) { - var b = this.dataX; - if (e <= b[c.endIdx[0]]) { - return g - } - if (e >= b[c.endIdx[a - 1]]) { - return a - 1 - } - while (g + 1 < a) { - var d = (g + a) >> 1, - f = b[c.endIdx[d]]; - if (f === e) { - return d - } else { - if (f < e) { - g = d - } else { - a = d - } - } - } - return a - }, - constructor: function(a) { - this.initConfig(a) - }, - setData: function(d, a, b, c, e) { - if (!b) { - e = c = b = a - } - this.dataX = d; - this.dataOpen = a; - this.dataHigh = b; - this.dataLow = c; - this.dataClose = e; - if (d.length === b.length && d.length === c.length) { - this.cache = this.aggregateData(d, a, b, c, e) - } - }, - getAggregation: function(d, k, i) { - if (!this.cache) { - return null - } - var c = Infinity, - g = this.dataX[this.dataX.length - 1] - this.dataX[0], - l = this.cache.map, - m = l.original, - a, e, j, b, f, h; - for (a in l) { - e = l[a]; - j = e[1] - e[0] - 1; - b = g / j; - if (i <= b && b < c) { - m = e; - c = b - } - } - f = Math.max(this.binarySearchMin(this.cache, m[0], m[1], d), m[0]); - h = Math.min(this.binarySearchMax(this.cache, m[0], m[1], k) + 1, m[1]); - return { - data: this.cache, - start: f, - end: h - } - } -}); -Ext.define("Ext.chart.series.sprite.Aggregative", { - extend: "Ext.chart.series.sprite.Cartesian", - requires: ["Ext.draw.LimitedCache", "Ext.draw.SegmentTree"], - inheritableStatics: { - def: { - processors: { - dataHigh: "data", - dataLow: "data", - dataClose: "data" - }, - aliases: { - dataOpen: "dataY" - }, - defaults: { - dataHigh: null, - dataLow: null, - dataClose: null - } - } - }, - config: { - aggregator: {} - }, - applyAggregator: function(b, a) { - return Ext.factory(b, Ext.draw.SegmentTree, a) - }, - constructor: function() { - this.callParent(arguments) - }, - processDataY: function() { - var d = this, - b = d.attr, - e = b.dataHigh, - a = b.dataLow, - f = b.dataClose, - c = b.dataY; - d.callParent(arguments); - if (b.dataX && c && c.length > 0) { - if (e) { - d.getAggregator().setData(b.dataX, b.dataY, e, a, f) - } else { - d.getAggregator().setData(b.dataX, b.dataY) - } - } - }, - getGapWidth: function() { - return 1 - }, - renderClipped: function(b, c, g, f) { - var e = this, - d = Math.min(g[0], g[2]), - a = Math.max(g[0], g[2]), - h = e.getAggregator() && e.getAggregator().getAggregation(d, a, (a - d) / f[2] * e.getGapWidth()); - if (h) { - e.dataStart = h.data.startIdx[h.start]; - e.dataEnd = h.data.endIdx[h.end - 1]; - e.renderAggregates(h.data, h.start, h.end, b, c, g, f) - } - } -}); -Ext.define("Ext.chart.series.sprite.CandleStick", { - alias: "sprite.candlestickSeries", - extend: "Ext.chart.series.sprite.Aggregative", - inheritableStatics: { - def: { - processors: { - raiseStyle: function(b, a) { - return Ext.merge({}, a || {}, b) - }, - dropStyle: function(b, a) { - return Ext.merge({}, a || {}, b) - }, - barWidth: "number", - padding: "number", - ohlcType: "enums(candlestick,ohlc)" - }, - defaults: { - raiseStyle: { - strokeStyle: "green", - fillStyle: "green" - }, - dropStyle: { - strokeStyle: "red", - fillStyle: "red" - }, - planar: false, - barWidth: 15, - padding: 3, - lineJoin: "miter", - miterLimit: 5, - ohlcType: "candlestick" - }, - triggers: { - raiseStyle: "raiseStyle", - dropStyle: "dropStyle" - }, - updaters: { - raiseStyle: function() { - this.raiseTemplate && this.raiseTemplate.setAttributes(this.attr.raiseStyle) - }, - dropStyle: function() { - this.dropTemplate && this.dropTemplate.setAttributes(this.attr.dropStyle) - } - } - } - }, - candlestick: function(i, c, a, e, h, f, b) { - var d = Math.min(c, h), - g = Math.max(c, h); - i.moveTo(f, e); - i.lineTo(f, g); - i.moveTo(f + b, g); - i.lineTo(f + b, d); - i.lineTo(f - b, d); - i.lineTo(f - b, g); - i.closePath(); - i.moveTo(f, a); - i.lineTo(f, d) - }, - ohlc: function(b, d, e, a, f, c, g) { - b.moveTo(c, e); - b.lineTo(c, a); - b.moveTo(c, d); - b.lineTo(c - g, d); - b.moveTo(c, f); - b.lineTo(c + g, f) - }, - constructor: function() { - this.callParent(arguments); - this.raiseTemplate = new Ext.draw.sprite.Rect({ - parent: this - }); - this.dropTemplate = new Ext.draw.sprite.Rect({ - parent: this - }) - }, - getGapWidth: function() { - var a = this.attr, - b = a.barWidth, - c = a.padding; - return b + c - }, - renderAggregates: function(d, c, b, t, u, z) { - var D = this, - s = this.attr, - j = s.dataX, - v = s.matrix, - e = v.getXX(), - r = v.getYY(), - l = v.getDX(), - h = v.getDY(), - o = s.barWidth / e, - C, k = s.ohlcType, - f = Math.round(o * 0.5 * e), - a = d.open, - y = d.close, - B = d.maxY, - p = d.minY, - q = d.startIdx, - m, g, E, n, A, x, w = s.lineWidth * t.devicePixelRatio / 2; - w -= Math.floor(w); - u.save(); - C = this.raiseTemplate; - C.useAttributes(u, z); - u.beginPath(); - for (x = c; x < b; x++) { - if (a[x] <= y[x]) { - m = Math.round(a[x] * r + h) + w; - g = Math.round(B[x] * r + h) + w; - E = Math.round(p[x] * r + h) + w; - n = Math.round(y[x] * r + h) + w; - A = Math.round(j[q[x]] * e + l) + w; - D[k](u, m, g, E, n, A, f) - } - } - u.fillStroke(C.attr); - u.restore(); - u.save(); - C = this.dropTemplate; - C.useAttributes(u, z); - u.beginPath(); - for (x = c; x < b; x++) { - if (a[x] > y[x]) { - m = Math.round(a[x] * r + h) + w; - g = Math.round(B[x] * r + h) + w; - E = Math.round(p[x] * r + h) + w; - n = Math.round(y[x] * r + h) + w; - A = Math.round(j[q[x]] * e + l) + w; - D[k](u, m, g, E, n, A, f) - } - } - u.fillStroke(C.attr); - u.restore() - } -}); -Ext.define("Ext.chart.series.CandleStick", { - extend: "Ext.chart.series.Cartesian", - requires: ["Ext.chart.series.sprite.CandleStick"], - alias: "series.candlestick", - type: "candlestick", - seriesType: "candlestickSeries", - config: { - openField: null, - highField: null, - lowField: null, - closeField: null - }, - fieldCategoryY: ["Open", "High", "Low", "Close"], - themeColorCount: function() { - return 2 - } -}); -Ext.define("Ext.chart.series.Polar", { - extend: "Ext.chart.series.Series", - config: { - rotation: 0, - radius: null, - center: [0, 0], - offsetX: 0, - offsetY: 0, - showInLegend: true, - xField: null, - yField: null, - angleField: null, - radiusField: null, - xAxis: null, - yAxis: null - }, - directions: ["X", "Y"], - fieldCategoryX: ["X"], - fieldCategoryY: ["Y"], - deprecatedConfigs: { - field: "angleField", - lengthField: "radiusField" - }, - constructor: function(b) { - var c = this, - a = c.getConfigurator(), - e = a.configs, - d; - if (b) { - for (d in c.deprecatedConfigs) { - if (d in b && !(b in e)) { - Ext.raise("'" + d + "' config has been deprecated. Please use the '" + c.deprecatedConfigs[d] + "' config instead.") - } - } - } - c.callParent([b]) - }, - getXField: function() { - return this.getAngleField() - }, - updateXField: function(a) { - this.setAngleField(a) - }, - getYField: function() { - return this.getRadiusField() - }, - updateYField: function(a) { - this.setRadiusField(a) - }, - applyXAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - applyYAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - getXRange: function() { - return [this.dataRange[0], this.dataRange[2]] - }, - getYRange: function() { - return [this.dataRange[1], this.dataRange[3]] - }, - themeColorCount: function() { - var c = this, - a = c.getStore(), - b = a && a.getCount() || 0; - return b - }, - isStoreDependantColorCount: true, - getDefaultSpriteConfig: function() { - return { - type: this.seriesType, - renderer: this.getRenderer(), - centerX: 0, - centerY: 0, - rotationCenterX: 0, - rotationCenterY: 0 - } - }, - applyRotation: function(a) { - return Ext.draw.sprite.AttributeParser.angle(a) - }, - updateRotation: function(a) { - var b = this.getSprites(); - if (b && b[0]) { - b[0].setAttributes({ - baseRotation: a - }) - } - } -}); -Ext.define("Ext.chart.series.Gauge", { - alias: "series.gauge", - extend: "Ext.chart.series.Polar", - type: "gauge", - seriesType: "pieslice", - requires: ["Ext.draw.sprite.Sector"], - config: { - needle: false, - needleLength: 90, - needleWidth: 4, - donut: 30, - showInLegend: false, - value: null, - colors: null, - sectors: null, - minimum: 0, - maximum: 100, - rotation: 0, - totalAngle: Math.PI / 2, - rect: [0, 0, 1, 1], - center: [0.5, 0.75], - radius: 0.5, - wholeDisk: false - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - updateNeedle: function(b) { - var a = this, - d = a.getSprites(), - c = a.valueToAngle(a.getValue()); - if (d && d.length) { - d[0].setAttributes({ - startAngle: (b ? c : 0), - endAngle: c, - strokeOpacity: (b ? 1 : 0), - lineWidth: (b ? a.getNeedleWidth() : 0) - }); - a.doUpdateStyles() - } - }, - themeColorCount: function() { - var c = this, - a = c.getStore(), - b = a && a.getCount() || 0; - return b + (c.getNeedle() ? 0 : 1) - }, - updateColors: function(a, b) { - var f = this, - h = f.getSectors(), - j = h && h.length, - e = f.getSprites(), - c = Ext.Array.clone(a), - g = a && a.length, - d; - if (!g || !a[0]) { - return - } - for (d = 0; d < j; d++) { - c[d + 1] = h[d].color || c[d + 1] || a[d % g] - } - if (e.length) { - e[0].setAttributes({ - strokeStyle: c[0] - }) - } - this.setSubStyle({ - fillStyle: c, - strokeStyle: c - }); - this.doUpdateStyles() - }, - updateRect: function(f) { - var d = this.getWholeDisk(), - c = d ? Math.PI : this.getTotalAngle() / 2, - g = this.getDonut() / 100, - e, b, a; - if (c <= Math.PI / 2) { - e = 2 * Math.sin(c); - b = 1 - g * Math.cos(c) - } else { - e = 2; - b = 1 - Math.cos(c) - } - a = Math.min(f[2] / e, f[3] / b); - this.setRadius(a); - this.setCenter([f[2] / 2, a + (f[3] - b * a) / 2]) - }, - updateCenter: function(a) { - this.setStyle({ - centerX: a[0], - centerY: a[1], - rotationCenterX: a[0], - rotationCenterY: a[1] - }); - this.doUpdateStyles() - }, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a - (this.getTotalAngle() + Math.PI) / 2 - }); - this.doUpdateStyles() - }, - doUpdateShape: function(b, f) { - var a, d = this.getSectors(), - c = (d && d.length) || 0, - e = this.getNeedleLength() / 100; - a = [b * e, b]; - while (c--) { - a.push(b) - } - this.setSubStyle({ - endRho: a, - startRho: b / 100 * f - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - var b = this.getDonut(); - this.doUpdateShape(a, b) - }, - updateDonut: function(b) { - var a = this.getRadius(); - this.doUpdateShape(a, b) - }, - valueToAngle: function(a) { - a = this.applyValue(a); - return this.getTotalAngle() * (a - this.getMinimum()) / (this.getMaximum() - this.getMinimum()) - }, - applyValue: function(a) { - return Math.min(this.getMaximum(), Math.max(a, this.getMinimum())) - }, - updateValue: function(b) { - var a = this, - c = a.getNeedle(), - e = a.valueToAngle(b), - d = a.getSprites(); - d[0].rendererData.value = b; - d[0].setAttributes({ - startAngle: (c ? e : 0), - endAngle: e - }); - a.doUpdateStyles() - }, - processData: function() { - var f = this, - j = f.getStore(), - a, d, h, b, g, e = j && j.first(), - c, i; - if (e) { - c = f.getXField(); - if (c) { - i = e.get(c) - } - } - if (a = f.getXAxis()) { - d = a.getMinimum(); - h = a.getMaximum(); - b = a.getSprites()[0].fx; - g = b.getDuration(); - b.setDuration(0); - if (Ext.isNumber(d)) { - f.setMinimum(d) - } else { - a.setMinimum(f.getMinimum()) - } - if (Ext.isNumber(h)) { - f.setMaximum(h) - } else { - a.setMaximum(f.getMaximum()) - } - b.setDuration(g) - } - if (!Ext.isNumber(i)) { - i = f.getMinimum() - } - f.setValue(i) - }, - getDefaultSpriteConfig: function() { - return { - type: this.seriesType, - renderer: this.getRenderer(), - fx: { - customDurations: { - translationX: 0, - translationY: 0, - rotationCenterX: 0, - rotationCenterY: 0, - centerX: 0, - centerY: 0, - startRho: 0, - endRho: 0, - baseRotation: 0 - } - } - } - }, - normalizeSectors: function(f) { - var d = this, - c = (f && f.length) || 0, - b, e, g, a; - if (c) { - for (b = 0; b < c; b++) { - e = f[b]; - if (typeof e === "number") { - f[b] = { - start: (b > 0 ? f[b - 1].end : d.getMinimum()), - end: Math.min(e, d.getMaximum()) - }; - if (b == (c - 1) && f[b].end < d.getMaximum()) { - f[b + 1] = { - start: f[b].end, - end: d.getMaximum() - } - } - } else { - if (typeof e.start === "number") { - g = Math.max(e.start, d.getMinimum()) - } else { - g = (b > 0 ? f[b - 1].end : d.getMinimum()) - } - if (typeof e.end === "number") { - a = Math.min(e.end, d.getMaximum()) - } else { - a = d.getMaximum() - } - f[b].start = g; - f[b].end = a - } - } - } else { - f = [{ - start: d.getMinimum(), - end: d.getMaximum() - }] - } - return f - }, - getSprites: function() { - var j = this, - m = j.getStore(), - l = j.getValue(), - c, g; - if (!m && !Ext.isNumber(l)) { - return [] - } - var h = j.getChart(), - b = j.getAnimation() || h && h.getAnimation(), - f = j.sprites, - k = 0, - o, n, e, d, a = []; - if (f && f.length) { - f[0].setAnimation(b); - return f - } - d = { - store: m, - field: j.getXField(), - angleField: j.getXField(), - value: l, - series: j - }; - o = j.createSprite(); - o.setAttributes({ - zIndex: 10 - }, true); - o.rendererData = d; - o.rendererIndex = k++; - a.push(j.getNeedleWidth()); - j.getLabel().getTemplate().setField(true); - n = j.normalizeSectors(j.getSectors()); - for (c = 0, g = n.length; c < g; c++) { - e = { - startAngle: j.valueToAngle(n[c].start), - endAngle: j.valueToAngle(n[c].end), - label: n[c].label, - fillStyle: n[c].color, - strokeOpacity: 0, - doCallout: false, - labelOverflowPadding: -1 - }; - Ext.apply(e, n[c].style); - o = j.createSprite(); - o.rendererData = d; - o.rendererIndex = k++; - o.setAttributes(e, true); - a.push(e.lineWidth) - } - j.setSubStyle({ - lineWidth: a - }); - j.doUpdateStyles(); - return f - } -}); -Ext.define("Ext.chart.series.sprite.Line", { - alias: "sprite.lineSeries", - extend: "Ext.chart.series.sprite.Aggregative", - inheritableStatics: { - def: { - processors: { - smooth: "bool", - fillArea: "bool", - step: "bool", - preciseStroke: "bool", - xAxis: "default", - yCap: "default" - }, - defaults: { - smooth: false, - fillArea: false, - step: false, - preciseStroke: true, - xAxis: null, - yCap: Math.pow(2, 20), - yJump: 50 - }, - triggers: { - dataX: "dataX,bbox,smooth", - dataY: "dataY,bbox,smooth", - smooth: "smooth" - }, - updaters: { - smooth: function(a) { - var c = a.dataX, - b = a.dataY; - if (a.smooth && c && b && c.length > 2 && b.length > 2) { - this.smoothX = Ext.draw.Draw.spline(c); - this.smoothY = Ext.draw.Draw.spline(b) - } else { - delete this.smoothX; - delete this.smoothY - } - } - } - } - }, - list: null, - updatePlainBBox: function(d) { - var b = this.attr, - c = Math.min(0, b.dataMinY), - a = Math.max(0, b.dataMaxY); - d.x = b.dataMinX; - d.y = c; - d.width = b.dataMaxX - b.dataMinX; - d.height = a - c - }, - drawStrip: function(a, c) { - a.moveTo(c[0], c[1]); - for (var b = 2, d = c.length; b < d; b += 2) { - a.lineTo(c[b], c[b + 1]) - } - }, - drawStraightStroke: function(p, q, e, d, u, h) { - var w = this, - o = w.attr, - n = o.renderer, - g = o.step, - a = true, - l = { - type: "line", - smooth: false, - step: g - }, - m = [], - l, z, v, f, k, j, t, c, s, b, r; - for (r = 3; r < u.length; r += 3) { - t = u[r - 3]; - c = u[r - 2]; - k = u[r]; - j = u[r + 1]; - s = u[r + 3]; - b = u[r + 4]; - if (n) { - l.x = k; - l.y = j; - l.x0 = t; - l.y0 = c; - v = [w, l, w.rendererData, e + r / 3]; - z = Ext.callback(n, null, v, 0, w.getSeries()) - } - if (Ext.isNumber(k + j + t + c)) { - if (a) { - q.beginPath(); - q.moveTo(t, c); - m.push(t, c); - f = t; - a = false - } - } else { - continue - } - if (g) { - q.lineTo(k, c); - m.push(k, c) - } - q.lineTo(k, j); - m.push(k, j); - if (z || !(Ext.isNumber(s + b))) { - q.save(); - Ext.apply(q, z); - if (o.fillArea) { - q.lineTo(k, h); - q.lineTo(f, h); - q.closePath(); - q.fill() - } - q.beginPath(); - w.drawStrip(q, m); - m = []; - q.stroke(); - q.restore(); - q.beginPath(); - a = true - } - } - }, - calculateScale: function(c, a) { - var b = 0, - d = c; - while (d < a && c > 0) { - b++; - d += c >> b - } - return Math.pow(2, b > 0 ? b - 1 : b) - }, - drawSmoothStroke: function(u, v, c, b, C, f) { - var G = this, - t = G.attr, - d = t.step, - z = t.matrix, - s = t.renderer, - e = z.getXX(), - p = z.getYY(), - m = z.getDX(), - k = z.getDY(), - r = G.smoothX, - q = G.smoothY, - I = G.calculateScale(t.dataX.length, b), - o, F, n, E, h, g, B, a, A, w, H, D, l = { - type: "line", - smooth: true, - step: d - }; - v.beginPath(); - v.moveTo(r[c * 3] * e + m, q[c * 3] * p + k); - for (A = 0, w = c * 3 + 1; A < C.length - 3; A += 3, w += 3 * I) { - o = r[w] * e + m; - F = q[w] * p + k; - n = r[w + 1] * e + m; - E = q[w + 1] * p + k; - h = u.roundPixel(C[A + 3]); - g = C[A + 4]; - B = u.roundPixel(C[A]); - a = C[A + 1]; - if (s) { - l.x0 = B; - l.y0 = a; - l.cx1 = o; - l.cy1 = F; - l.cx2 = n; - l.cy2 = E; - l.x = h; - l.y = g; - D = [G, l, G.rendererData, c + A / 3 + 1]; - H = Ext.callback(s, null, D, 0, G.getSeries()); - v.save(); - Ext.apply(v, H) - } - if (t.fillArea) { - v.moveTo(B, a); - v.bezierCurveTo(o, F, n, E, h, g); - v.lineTo(h, f); - v.lineTo(B, f); - v.lineTo(B, a); - v.closePath(); - v.fill(); - v.beginPath() - } - v.moveTo(B, a); - v.bezierCurveTo(o, F, n, E, h, g); - v.stroke(); - v.moveTo(B, a); - v.closePath(); - if (s) { - v.restore() - } - v.beginPath(); - v.moveTo(h, g) - } - v.beginPath() - }, - drawLabel: function(k, i, h, o, a) { - var q = this, - n = q.attr, - e = q.getMarker("labels"), - d = e.getTemplate(), - m = q.labelCfg || (q.labelCfg = {}), - c = q.surfaceMatrix, - g, f, j = n.labelOverflowPadding, - l, b, r, p, s; - m.x = c.x(i, h); - m.y = c.y(i, h); - if (n.flipXY) { - m.rotationRads = Math.PI * 0.5 - } else { - m.rotationRads = 0 - } - m.text = k; - if (d.attr.renderer) { - p = [k, e, m, q.rendererData, o]; - r = Ext.callback(d.attr.renderer, null, p, 0, q.getSeries()); - if (typeof r === "string") { - m.text = r - } else { - if (typeof r === "object") { - if ("text" in r) { - m.text = r.text - } - s = true - } - } - } - b = q.getMarkerBBox("labels", o, true); - if (!b) { - q.putMarker("labels", m, o); - b = q.getMarkerBBox("labels", o, true) - } - l = b.height / 2; - g = i; - switch (d.attr.display) { - case "under": - f = h - l - j; - break; - case "rotate": - g += j; - f = h - j; - m.rotationRads = -Math.PI / 4; - break; - default: - f = h + l + j - } - m.x = c.x(g, f); - m.y = c.y(g, f); - if (s) { - Ext.apply(m, r) - } - q.putMarker("labels", m, o) - }, - drawMarker: function(j, h, d) { - var g = this, - e = g.attr, - f = e.renderer, - c = g.surfaceMatrix, - b = {}, - i, a; - if (f && g.getMarker("markers")) { - b.type = "marker"; - b.x = j; - b.y = h; - a = [g, b, g.rendererData, d]; - i = Ext.callback(f, null, a, 0, g.getSeries()); - if (i) { - Ext.apply(b, i) - } - } - b.translationX = c.x(j, h); - b.translationY = c.y(j, h); - delete b.x; - delete b.y; - g.putMarker("markers", b, d, !f) - }, - drawStroke: function(a, c, h, b, f, e) { - var d = this, - g = d.attr.smooth && d.smoothX && d.smoothY; - if (g) { - d.drawSmoothStroke(a, c, h, b, f, e) - } else { - d.drawStraightStroke(a, c, h, b, f, e) - } - }, - renderAggregates: function(B, w, l, N, o, I, D) { - var m = this, - k = m.attr, - s = k.dataX, - r = k.dataY, - h = k.labels, - v = k.xAxis, - a = k.yCap, - g = k.smooth && m.smoothX && m.smoothY, - d = h && m.getMarker("labels"), - t = m.getMarker("markers"), - E = k.matrix, - u = N.devicePixelRatio, - C = E.getXX(), - f = E.getYY(), - c = E.getDX(), - b = E.getDY(), - q = m.list || (m.list = []), - F = B.minX, - e = B.maxX, - j = B.minY, - P = B.maxY, - U = B.startIdx, - S = true, - Q, T, L, K, R, G; - m.rendererData = { - store: m.getStore() - }; - q.length = 0; - for (R = w; R < l; R++) { - var O = F[R], - p = e[R], - M = j[R], - n = P[R]; - if (O < p) { - q.push(O * C + c, M * f + b, U[R]); - q.push(p * C + c, n * f + b, U[R]) - } else { - if (O > p) { - q.push(p * C + c, n * f + b, U[R]); - q.push(O * C + c, M * f + b, U[R]) - } else { - q.push(p * C + c, n * f + b, U[R]) - } - } - } - if (q.length) { - for (R = 0; R < q.length; R += 3) { - L = q[R]; - K = q[R + 1]; - if (Ext.isNumber(L + K)) { - if (K > a) { - K = a - } else { - if (K < -a) { - K = -a - } - } - q[R + 1] = K - } else { - S = false; - continue - } - G = q[R + 2]; - if (t) { - m.drawMarker(L, K, G) - } - if (d && h[G]) { - m.drawLabel(h[G], L, K, G, D) - } - } - m.isContinuousLine = S; - if (g && !S) { - Ext.raise("Line smoothing in only supported for gapless data, where all data points are finite numbers.") - } - if (v) { - T = v.getAlignment() === "vertical"; - if (Ext.isNumber(v.floatingAtCoord)) { - Q = (T ? D[2] : D[3]) - v.floatingAtCoord - } else { - Q = T ? D[0] : D[1] - } - } else { - Q = k.flipXY ? D[0] : D[1] - } - if (k.preciseStroke) { - if (k.fillArea) { - o.fill() - } - if (k.transformFillStroke) { - k.inverseMatrix.toContext(o) - } - m.drawStroke(N, o, w, l, q, Q); - if (k.transformFillStroke) { - k.matrix.toContext(o) - } - o.stroke() - } else { - m.drawStroke(N, o, w, l, q, Q); - if (S && g && k.fillArea && !k.renderer) { - var A = s[s.length - 1] * C + c + u, - z = r[r.length - 1] * f + b, - J = s[0] * C + c - u, - H = r[0] * f + b; - o.lineTo(A, z); - o.lineTo(A, Q - k.lineWidth); - o.lineTo(J, Q - k.lineWidth); - o.lineTo(J, H) - } - if (k.transformFillStroke) { - k.matrix.toContext(o) - } - if (k.fillArea) { - o.fillStroke(k, true) - } else { - o.stroke(true) - } - } - } - } -}); -Ext.define("Ext.chart.series.Line", { - extend: "Ext.chart.series.Cartesian", - alias: "series.line", - type: "line", - seriesType: "lineSeries", - requires: ["Ext.chart.series.sprite.Line"], - config: { - selectionTolerance: 20, - smooth: false, - step: false, - fill: undefined, - aggregator: { - strategy: "double" - } - }, - defaultSmoothness: 3, - overflowBuffer: 1, - themeMarkerCount: function() { - return 1 - }, - getDefaultSpriteConfig: function() { - var d = this, - e = d.callParent(arguments), - c = Ext.apply({}, d.getStyle()), - b, a = false; - if (typeof d.config.fill != "undefined") { - if (d.config.fill) { - a = true; - if (typeof c.fillStyle == "undefined") { - if (typeof c.strokeStyle == "undefined") { - b = d.getStyleWithTheme(); - c.fillStyle = b.fillStyle; - c.strokeStyle = b.strokeStyle - } else { - c.fillStyle = c.strokeStyle - } - } - } - } else { - if (c.fillStyle) { - a = true - } - } - if (!a) { - delete c.fillStyle - } - c = Ext.apply(e || {}, c); - return Ext.apply(c, { - fillArea: a, - step: d.config.step, - smooth: d.config.smooth, - selectionTolerance: d.config.selectionTolerance - }) - }, - updateStep: function(b) { - var a = this.getSprites()[0]; - if (a && a.attr.step !== b) { - a.setAttributes({ - step: b - }) - } - }, - updateFill: function(b) { - var a = this.getSprites()[0]; - if (a && a.attr.fillArea !== b) { - a.setAttributes({ - fillArea: b - }) - } - }, - updateSmooth: function(a) { - var b = this.getSprites()[0]; - if (b && b.attr.smooth !== a) { - b.setAttributes({ - smooth: a - }) - } - } -}); -Ext.define("Ext.chart.series.sprite.PieSlice", { - extend: "Ext.draw.sprite.Sector", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - alias: "sprite.pieslice", - inheritableStatics: { - def: { - processors: { - doCallout: "bool", - label: "string", - rotateLabels: "bool", - labelOverflowPadding: "number", - renderer: "default" - }, - defaults: { - doCallout: true, - rotateLabels: true, - label: "", - labelOverflowPadding: 10, - renderer: null - } - } - }, - config: { - rendererData: null, - rendererIndex: 0, - series: null - }, - setGradientBBox: function(q, k) { - var j = this, - i = j.attr, - g = (i.fillStyle && i.fillStyle.isGradient) || (i.strokeStyle && i.strokeStyle.isGradient); - if (g && !i.constrainGradients) { - var b = j.getMidAngle(), - d = i.margin, - e = i.centerX, - c = i.centerY, - a = i.endRho, - l = i.matrix, - o = l.getScaleX(), - n = l.getScaleY(), - m = o * a, - f = n * a, - p = { - width: m + m, - height: f + f - }; - if (d) { - e += d * Math.cos(b); - c += d * Math.sin(b) - } - p.x = l.x(e, c) - m; - p.y = l.y(e, c) - f; - q.setGradientBBox(p) - } else { - j.callParent([q, k]) - } - }, - render: function(b, c, g, f) { - var e = this, - a = e.attr, - h = {}, - d; - if (a.renderer) { - h = { - type: "sector", - text: a.text, - centerX: a.centerX, - centerY: a.centerY, - margin: a.margin, - startAngle: Math.min(a.startAngle, a.endAngle), - endAngle: Math.max(a.startAngle, a.endAngle), - startRho: Math.min(a.startRho, a.endRho), - endRho: Math.max(a.startRho, a.endRho) - }; - d = Ext.callback(a.renderer, null, [e, h, e.rendererData, e.rendererIndex], 0, e.getSeries()); - e.setAttributes(d); - e.useAttributes(c, g) - } - e.callParent([b, c, g, f]); - if (a.label && e.getMarker("labels")) { - e.placeLabel() - } - }, - placeLabel: function() { - var z = this, - s = z.attr, - r = s.attributeId, - t = Math.min(s.startAngle, s.endAngle), - p = Math.max(s.startAngle, s.endAngle), - k = (t + p) * 0.5, - n = s.margin, - h = s.centerX, - g = s.centerY, - f = Math.sin(k), - c = Math.cos(k), - v = Math.min(s.startRho, s.endRho) + n, - m = Math.max(s.startRho, s.endRho) + n, - l = (v + m) * 0.5, - b = z.surfaceMatrix, - o = z.labelCfg || (z.labelCfg = {}), - e = z.getMarker("labels"), - d = e.getTemplate(), - a = d.getCalloutLine(), - q = a && a.length || 40, - u, j, i, A, w; - b.appendMatrix(s.matrix); - o.text = s.label; - j = h + c * l; - i = g + f * l; - o.x = b.x(j, i); - o.y = b.y(j, i); - j = h + c * m; - i = g + f * m; - o.calloutStartX = b.x(j, i); - o.calloutStartY = b.y(j, i); - j = h + c * (m + q); - i = g + f * (m + q); - o.calloutPlaceX = b.x(j, i); - o.calloutPlaceY = b.y(j, i); - if (!s.rotateLabels) { - o.rotationRads = 0 - } else { - switch (d.attr.orientation) { - case "horizontal": - o.rotationRads = k + Math.atan2(b.y(1, 0) - b.y(0, 0), b.x(1, 0) - b.x(0, 0)) + Math.PI / 2; - break; - case "vertical": - o.rotationRads = k + Math.atan2(b.y(1, 0) - b.y(0, 0), b.x(1, 0) - b.x(0, 0)); - break - } - } - o.calloutColor = (a && a.color) || z.attr.fillStyle; - if (a) { - if (a.width) { - o.calloutWidth = a.width - } - } else { - o.calloutHasLine = false - } - o.globalAlpha = s.globalAlpha * s.fillOpacity; - o.hidden = (s.startAngle == s.endAngle); - if (d.attr.renderer) { - w = [z.attr.label, e, o, z.rendererData, z.rendererIndex]; - A = Ext.callback(d.attr.renderer, null, w, 0, z.getSeries()); - if (typeof A === "string") { - o.text = A - } else { - Ext.apply(o, A) - } - } - z.putMarker("labels", o, r); - u = z.getMarkerBBox("labels", r, true); - if (u) { - if (s.doCallout) { - if (d.attr.display === "outside") { - z.putMarker("labels", { - callout: 1 - }, r) - } else { - if (d.attr.display === "inside") { - z.putMarker("labels", { - callout: 0 - }, r) - } else { - z.putMarker("labels", { - callout: 1 - z.sliceContainsLabel(s, u) - }, r) - } - } - } else { - z.putMarker("labels", { - globalAlpha: z.sliceContainsLabel(s, u) - }, r) - } - } - }, - sliceContainsLabel: function(d, f) { - var e = d.labelOverflowPadding, - h = (d.endRho + d.startRho) / 2, - g = h + (f.width + e) / 2, - i = h - (f.width + e) / 2, - j, c, b, a; - if (e < 0) { - return 1 - } - if (f.width + e * 2 > (d.endRho - d.startRho)) { - return 0 - } - c = Math.sqrt(d.endRho * d.endRho - g * g); - b = Math.sqrt(d.endRho * d.endRho - i * i); - j = Math.abs(d.endAngle - d.startAngle); - a = (j > Math.PI / 2 ? i : Math.abs(Math.tan(j / 2)) * i); - if (f.height + e * 2 > Math.min(c, b, a) * 2) { - return 0 - } - return 1 - } -}); -Ext.define("Ext.chart.series.Pie", { - extend: "Ext.chart.series.Polar", - requires: ["Ext.chart.series.sprite.PieSlice"], - type: "pie", - alias: "series.pie", - seriesType: "pieslice", - config: { - donut: 0, - rotation: 0, - clockwise: true, - totalAngle: 2 * Math.PI, - hidden: [], - radiusFactor: 100, - highlightCfg: { - margin: 20 - }, - style: {} - }, - directions: ["X"], - applyLabel: function(a, b) { - if (Ext.isObject(a) && !Ext.isString(a.orientation)) { - Ext.apply(a = Ext.Object.chain(a), { - orientation: "vertical" - }) - } - return this.callParent([a, b]) - }, - updateLabelData: function() { - var h = this, - j = h.getStore(), - g = j.getData().items, - e = h.getSprites(), - a = h.getLabel().getTemplate().getField(), - d = h.getHidden(), - b, f, c, k; - if (e.length && a) { - c = []; - for (b = 0, f = g.length; b < f; b++) { - c.push(g[b].get(a)) - } - for (b = 0, f = e.length; b < f; b++) { - k = e[b]; - k.setAttributes({ - label: c[b] - }); - k.putMarker("labels", { - hidden: d[b] - }, k.attr.attributeId) - } - } - }, - coordinateX: function() { - var t = this, - f = t.getStore(), - q = f.getData().items, - c = q.length, - b = t.getXField(), - e = t.getYField(), - l, a = 0, - m, k, s = 0, - o = t.getHidden(), - d = [], - p, g = 0, - h = t.getTotalAngle(), - r = t.getClockwise() ? 1 : -1, - j = t.getSprites(), - n; - if (!j) { - return - } - for (p = 0; p < c; p++) { - l = Math.abs(Number(q[p].get(b))) || 0; - k = e && Math.abs(Number(q[p].get(e))) || 0; - if (!o[p]) { - a += l; - if (k > s) { - s = k - } - } - d[p] = a; - if (p >= o.length) { - o[p] = false - } - } - o.length = c; - t.maxY = s; - if (a !== 0) { - m = h / a - } - for (p = 0; p < c; p++) { - j[p].setAttributes({ - startAngle: g, - endAngle: g = (m ? r * d[p] * m : 0), - globalAlpha: 1 - }) - } - if (c < t.sprites.length) { - for (p = c; p < t.sprites.length; p++) { - n = t.sprites[p]; - n.getMarker("labels").clear(n.getId()); - n.releaseMarker("labels"); - n.destroy() - } - t.sprites.length = c - } - for (p = c; p < t.sprites.length; p++) { - j[p].setAttributes({ - startAngle: h, - endAngle: h, - globalAlpha: 0 - }) - } - t.getChart().refreshLegendStore() - }, - updateCenter: function(a) { - this.setStyle({ - translationX: a[0] + this.getOffsetX(), - translationY: a[1] + this.getOffsetY() - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - this.setStyle({ - startRho: a * this.getDonut() * 0.01, - endRho: a * this.getRadiusFactor() * 0.01 - }); - this.doUpdateStyles() - }, - getStyleByIndex: function(c) { - var g = this, - j = g.getStore(), - k = j.getAt(c), - f = g.getYField(), - d = g.getRadius(), - a = {}, - e, b, h; - if (k) { - h = f && Math.abs(Number(k.get(f))) || 0; - e = d * g.getDonut() * 0.01; - b = d * g.getRadiusFactor() * 0.01; - a = g.callParent([c]); - a.startRho = e; - a.endRho = g.maxY ? (e + (b - e) * h / g.maxY) : b - } - return a - }, - updateDonut: function(b) { - var a = this.getRadius(); - this.setStyle({ - startRho: a * b * 0.01, - endRho: a * this.getRadiusFactor() * 0.01 - }); - this.doUpdateStyles() - }, - rotationOffset: -Math.PI / 2, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a + this.rotationOffset - }); - this.doUpdateStyles() - }, - updateTotalAngle: function(a) { - this.processData() - }, - getSprites: function() { - var k = this, - h = k.getChart(), - n = k.getStore(); - if (!h || !n) { - return [] - } - k.getColors(); - k.getSubStyle(); - var j = n.getData().items, - b = j.length, - d = k.getAnimation() || h && h.getAnimation(), - g = k.sprites, - o, l = 0, - f, e, c = false, - m = k.getLabel(), - a = m.getTemplate(); - f = { - store: n, - field: k.getXField(), - angleField: k.getXField(), - radiusField: k.getYField(), - series: k - }; - for (e = 0; e < b; e++) { - o = g[e]; - if (!o) { - o = k.createSprite(); - if (k.getHighlight()) { - o.config.highlight = k.getHighlight(); - o.addModifier("highlight", true) - } - if (a.getField()) { - a.setAttributes({ - labelOverflowPadding: k.getLabelOverflowPadding() - }); - a.fx.setCustomDurations({ - callout: 200 - }) - } - o.setAttributes(k.getStyleByIndex(e)); - o.rendererData = f; - o.rendererIndex = l++; - c = true - } - o.setAnimation(d) - } - if (c) { - k.doUpdateStyles() - } - return k.sprites - }, - betweenAngle: function(d, f, c) { - var e = Math.PI * 2, - g = this.rotationOffset; - if (!this.getClockwise()) { - d *= -1; - f *= -1; - c *= -1; - f -= g; - c -= g - } else { - f += g; - c += g - } - d -= f; - c -= f; - d %= e; - c %= e; - d += e; - c += e; - d %= e; - c %= e; - return d < c || c === 0 - }, - getItemForAngle: function(a) { - var h = this, - f = h.getSprites(), - d; - a %= Math.PI * 2; - while (a < 0) { - a += Math.PI * 2 - } - if (f) { - var j = h.getStore(), - g = j.getData().items, - c = h.getHidden(), - b = 0, - e = j.getCount(); - for (; b < e; b++) { - if (!c[b]) { - d = f[b].attr; - if (d.startAngle <= a && d.endAngle >= a) { - return { - series: h, - sprite: f[b], - index: b, - record: g[b], - field: h.getXField() - } - } - } - } - } - return null - }, - getItemForPoint: function(f, e) { - var t = this, - c = t.getSprites(); - if (c) { - var s = t.getCenter(), - q = t.getOffsetX(), - p = t.getOffsetY(), - j = f - s[0] + q, - h = e - s[1] + p, - b = t.getStore(), - g = t.getDonut(), - o = b.getData().items, - r = Math.atan2(h, j) - t.getRotation(), - a = Math.sqrt(j * j + h * h), - l = t.getRadius() * g * 0.01, - m = t.getHidden(), - n, d, k; - for (n = 0, d = o.length; n < d; n++) { - if (!m[n]) { - k = c[n].attr; - if (a >= l + k.margin && a <= k.endRho + k.margin) { - if (t.betweenAngle(r, k.startAngle, k.endAngle)) { - return { - series: t, - sprite: c[n], - index: n, - record: o[n], - field: t.getXField() - } - } - } - } - } - return null - } - }, - provideLegendInfo: function(f) { - var h = this, - j = h.getStore(); - if (j) { - var g = j.getData().items, - b = h.getLabel().getTemplate().getField(), - c = h.getXField(), - e = h.getHidden(), - d, a, k; - for (d = 0; d < g.length; d++) { - a = h.getStyleByIndex(d); - k = a.fillStyle; - if (Ext.isObject(k)) { - k = k.stops && k.stops[0].color - } - f.push({ - name: b ? String(g[d].get(b)) : c + " " + d, - mark: k || a.strokeStyle || "black", - disabled: e[d], - series: h.getId(), - index: d - }) - } - } - } -}); -Ext.define("Ext.chart.series.sprite.Pie3DPart", { - extend: "Ext.draw.sprite.Path", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - alias: "sprite.pie3dPart", - inheritableStatics: { - def: { - processors: { - centerX: "number", - centerY: "number", - startAngle: "number", - endAngle: "number", - startRho: "number", - endRho: "number", - margin: "number", - thickness: "number", - bevelWidth: "number", - distortion: "number", - baseColor: "color", - colorSpread: "number", - baseRotation: "number", - part: "enums(top,bottom,start,end,innerFront,innerBack,outerFront,outerBack)", - label: "string" - }, - aliases: { - rho: "endRho" - }, - triggers: { - centerX: "path,bbox", - centerY: "path,bbox", - startAngle: "path,partZIndex", - endAngle: "path,partZIndex", - startRho: "path", - endRho: "path,bbox", - margin: "path,bbox", - thickness: "path", - distortion: "path", - baseRotation: "path,partZIndex", - baseColor: "partZIndex,partColor", - colorSpread: "partColor", - part: "path,partZIndex", - globalAlpha: "canvas,alpha" - }, - defaults: { - centerX: 0, - centerY: 0, - startAngle: Math.PI * 2, - endAngle: Math.PI * 2, - startRho: 0, - endRho: 150, - margin: 0, - thickness: 35, - distortion: 0.5, - baseRotation: 0, - baseColor: "white", - colorSpread: 1, - miterLimit: 1, - bevelWidth: 5, - strokeOpacity: 0, - part: "top", - label: "" - }, - updaters: { - alpha: "alphaUpdater", - partColor: "partColorUpdater", - partZIndex: "partZIndexUpdater" - } - } - }, - bevelParams: [], - constructor: function(a) { - this.callParent([a]); - this.bevelGradient = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: "rgba(255,255,255,0)" - }, { - offset: 0.7, - color: "rgba(255,255,255,0.6)" - }, { - offset: 1, - color: "rgba(255,255,255,0)" - }] - }) - }, - alphaUpdater: function(a) { - var d = this, - c = a.globalAlpha, - b = d.oldOpacity; - if (c !== b && (c === 1 || b === 1)) { - d.scheduleUpdater(a, "path", ["globalAlpha"]); - d.oldOpacity = c - } - }, - partColorUpdater: function(a) { - var d = Ext.draw.Color.fly(a.baseColor), - b = d.toString(), - e = a.colorSpread, - c; - switch (a.part) { - case "top": - c = new Ext.draw.gradient.Radial({ - start: { - x: 0, - y: 0, - r: 0 - }, - end: { - x: 0, - y: 0, - r: 1 - }, - stops: [{ - offset: 0, - color: d.createLighter(0.1 * e) - }, { - offset: 1, - color: d.createDarker(0.1 * e) - }] - }); - break; - case "bottom": - c = new Ext.draw.gradient.Radial({ - start: { - x: 0, - y: 0, - r: 0 - }, - end: { - x: 0, - y: 0, - r: 1 - }, - stops: [{ - offset: 0, - color: d.createDarker(0.2 * e) - }, { - offset: 1, - color: d.toString() - }] - }); - break; - case "outerFront": - case "outerBack": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.15 * e).toString() - }, { - offset: 0.3, - color: b - }, { - offset: 0.8, - color: d.createLighter(0.2 * e).toString() - }, { - offset: 1, - color: d.createDarker(0.25 * e).toString() - }] - }); - break; - case "start": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 1, - color: d.createLighter(0.2 * e).toString() - }] - }); - break; - case "end": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 1, - color: d.createLighter(0.2 * e).toString() - }] - }); - break; - case "innerFront": - case "innerBack": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 0.2, - color: d.createLighter(0.2 * e).toString() - }, { - offset: 0.7, - color: b - }, { - offset: 1, - color: d.createDarker(0.1 * e).toString() - }] - }); - break - } - a.fillStyle = c; - a.canvasAttributes.fillStyle = c - }, - partZIndexUpdater: function(a) { - var c = Ext.draw.sprite.AttributeParser.angle, - e = a.baseRotation, - d = a.startAngle, - b = a.endAngle, - f; - switch (a.part) { - case "top": - a.zIndex = 5; - break; - case "outerFront": - d = c(d + e); - b = c(b + e); - if (d >= 0 && b < 0) { - f = Math.sin(d) - } else { - if (d <= 0 && b > 0) { - f = Math.sin(b) - } else { - if (d >= 0 && b > 0) { - if (d > b) { - f = 0 - } else { - f = Math.max(Math.sin(d), Math.sin(b)) - } - } else { - f = 1 - } - } - } - a.zIndex = 4 + f; - break; - case "outerBack": - a.zIndex = 1; - break; - case "start": - a.zIndex = 4 + Math.sin(c(d + e)); - break; - case "end": - a.zIndex = 4 + Math.sin(c(b + e)); - break; - case "innerFront": - a.zIndex = 2; - break; - case "innerBack": - a.zIndex = 4 + Math.sin(c((d + b) / 2 + e)); - break; - case "bottom": - a.zIndex = 0; - break - } - a.dirtyZIndex = true - }, - updatePlainBBox: function(k) { - var f = this.attr, - a = f.part, - b = f.baseRotation, - e = f.centerX, - d = f.centerY, - j, c, i, h, g, l; - if (a === "start") { - c = f.startAngle + b - } else { - if (a === "end") { - c = f.endAngle + b - } - } - if (Ext.isNumber(c)) { - g = Math.sin(c); - l = Math.cos(c); - i = Math.min(e + l * f.startRho, e + l * f.endRho); - h = d + g * f.startRho * f.distortion; - k.x = i; - k.y = h; - k.width = l * (f.endRho - f.startRho); - k.height = f.thickness + g * (f.endRho - f.startRho) * 2; - return - } - if (a === "innerFront" || a === "innerBack") { - j = f.startRho - } else { - j = f.endRho - } - k.width = j * 2; - k.height = j * f.distortion * 2 + f.thickness; - k.x = f.centerX - j; - k.y = f.centerY - j * f.distortion - }, - updateTransformedBBox: function(a) { - if (this.attr.part === "start" || this.attr.part === "end") { - return this.callParent(arguments) - } - return this.updatePlainBBox(a) - }, - updatePath: function(a) { - if (!this.attr.globalAlpha) { - return - } - if (this.attr.endAngle < this.attr.startAngle) { - return - } - this[this.attr.part + "Renderer"](a) - }, - render: function(b, c) { - var d = this, - a = d.attr; - if (!a.globalAlpha) { - return - } - d.callParent([b, c]); - d.bevelRenderer(b, c); - if (a.label && d.getMarker("labels")) { - d.placeLabel() - } - }, - placeLabel: function() { - var z = this, - u = z.attr, - t = u.attributeId, - p = u.margin, - c = u.distortion, - i = u.centerX, - h = u.centerY, - j = u.baseRotation, - v = u.startAngle + j, - r = u.endAngle + j, - m = (v + r) / 2, - w = u.startRho + p, - o = u.endRho + p, - n = (w + o) / 2, - a = Math.sin(m), - b = Math.cos(m), - e = z.surfaceMatrix, - g = z.getMarker("labels"), - f = g.getTemplate(), - d = f.getCalloutLine(), - s = d && d.length || 40, - q = {}, - l, k; - e.appendMatrix(u.matrix); - q.text = u.label; - l = i + b * n; - k = h + a * n * c; - q.x = e.x(l, k); - q.y = e.y(l, k); - l = i + b * o; - k = h + a * o * c; - q.calloutStartX = e.x(l, k); - q.calloutStartY = e.y(l, k); - l = i + b * (o + s); - k = h + a * (o + s) * c; - q.calloutPlaceX = e.x(l, k); - q.calloutPlaceY = e.y(l, k); - q.calloutWidth = 2; - z.putMarker("labels", q, t); - z.putMarker("labels", { - callout: 1 - }, t) - }, - bevelRenderer: function(b, c) { - var f = this, - a = f.attr, - e = a.bevelWidth, - g = f.bevelParams, - d; - for (d = 0; d < g.length; d++) { - c.beginPath(); - c.ellipse.apply(c, g[d]); - c.save(); - c.lineWidth = e; - c.strokeOpacity = e ? 1 : 0; - c.strokeGradient = f.bevelGradient; - c.stroke(a); - c.restore() - } - }, - lidRenderer: function(o, m) { - var k = this.attr, - g = k.margin, - c = k.distortion, - i = k.centerX, - h = k.centerY, - f = k.baseRotation, - j = k.startAngle + f, - e = k.endAngle + f, - d = (j + e) / 2, - l = k.startRho, - b = k.endRho, - n = Math.sin(e), - a = Math.cos(e); - i += Math.cos(d) * g; - h += Math.sin(d) * g * c; - o.ellipse(i, h + m, l, l * c, 0, j, e, false); - o.lineTo(i + a * b, h + m + n * b * c); - o.ellipse(i, h + m, b, b * c, 0, e, j, true); - o.closePath() - }, - topRenderer: function(a) { - this.lidRenderer(a, 0) - }, - bottomRenderer: function(b) { - var a = this.attr; - if (a.globalAlpha < 1 || a.shadowColor !== Ext.draw.Color.RGBA_NONE) { - this.lidRenderer(b, a.thickness) - } - }, - sideRenderer: function(l, s) { - var o = this.attr, - k = o.margin, - g = o.centerX, - f = o.centerY, - e = o.distortion, - h = o.baseRotation, - p = o.startAngle + h, - m = o.endAngle + h, - a = o.thickness, - q = o.startRho, - j = o.endRho, - r = (s === "start" && p) || (s === "end" && m), - b = Math.sin(r), - d = Math.cos(r), - c = o.globalAlpha < 1, - n = s === "start" && d < 0 || s === "end" && d > 0 || c, - i; - if (n) { - i = (p + m) / 2; - g += Math.cos(i) * k; - f += Math.sin(i) * k * e; - l.moveTo(g + d * q, f + b * q * e); - l.lineTo(g + d * j, f + b * j * e); - l.lineTo(g + d * j, f + b * j * e + a); - l.lineTo(g + d * q, f + b * q * e + a); - l.closePath() - } - }, - startRenderer: function(a) { - this.sideRenderer(a, "start") - }, - endRenderer: function(a) { - this.sideRenderer(a, "end") - }, - rimRenderer: function(q, e, o, j) { - var w = this, - s = w.attr, - p = s.margin, - h = s.centerX, - g = s.centerY, - d = s.distortion, - i = s.baseRotation, - t = Ext.draw.sprite.AttributeParser.angle, - u = s.startAngle + i, - r = s.endAngle + i, - k = t((u + r) / 2), - a = s.thickness, - b = s.globalAlpha < 1, - c, n, v; - w.bevelParams = []; - u = t(u); - r = t(r); - h += Math.cos(k) * p; - g += Math.sin(k) * p * d; - c = u >= 0 && r >= 0; - n = u <= 0 && r <= 0; - - function l() { - q.ellipse(h, g + a, e, e * d, 0, Math.PI, u, true); - q.lineTo(h + Math.cos(u) * e, g + Math.sin(u) * e * d); - v = [h, g, e, e * d, 0, u, Math.PI, false]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function f() { - q.ellipse(h, g + a, e, e * d, 0, 0, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, 0, true]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function x() { - q.ellipse(h, g + a, e, e * d, 0, Math.PI, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, Math.PI, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function m() { - q.ellipse(h, g + a, e, e * d, 0, u, 0, false); - q.lineTo(h + e, g); - v = [h, g, e, e * d, 0, 0, u, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - if (j) { - if (!o || b) { - if (u >= 0 && r < 0) { - l() - } else { - if (u <= 0 && r > 0) { - f() - } else { - if (u <= 0 && r < 0) { - if (u > r) { - q.ellipse(h, g + a, e, e * d, 0, 0, Math.PI, false); - q.lineTo(h - e, g); - v = [h, g, e, e * d, 0, Math.PI, 0, true]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } else { - if (u > r) { - l(); - f() - } else { - v = [h, g, e, e * d, 0, u, r, false]; - if (c && !o || n && o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d + a); - q.ellipse(h, g + a, e, e * d, 0, r, u, true); - q.closePath() - } - } - } - } - } - } else { - if (o || b) { - if (u >= 0 && r < 0) { - x() - } else { - if (u <= 0 && r > 0) { - m() - } else { - if (u <= 0 && r < 0) { - if (u > r) { - x(); - m() - } else { - q.ellipse(h, g + a, e, e * d, 0, u, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, u, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } else { - if (u > r) { - q.ellipse(h, g + a, e, e * d, 0, -Math.PI, 0, false); - q.lineTo(h + e, g); - v = [h, g, e, e * d, 0, 0, -Math.PI, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } - } - } - } - } - }, - innerFrontRenderer: function(a) { - this.rimRenderer(a, this.attr.startRho, true, true) - }, - innerBackRenderer: function(a) { - this.rimRenderer(a, this.attr.startRho, true, false) - }, - outerFrontRenderer: function(a) { - this.rimRenderer(a, this.attr.endRho, false, true) - }, - outerBackRenderer: function(a) { - this.rimRenderer(a, this.attr.endRho, false, false) - } -}); -Ext.define("Ext.draw.PathUtil", function() { - var a = Math.abs, - c = Math.pow, - e = Math.cos, - b = Math.acos, - d = Math.sqrt, - f = Math.PI; - return { - singleton: true, - requires: ["Ext.draw.overrides.Path", "Ext.draw.overrides.sprite.Path", "Ext.draw.overrides.sprite.Instancing", "Ext.draw.overrides.Surface"], - cubicRoots: function(m) { - var z = m[0], - x = m[1], - w = m[2], - v = m[3]; - if (z === 0) { - return this.quadraticRoots(x, w, v) - } - var s = x / z, - r = w / z, - q = v / z, - k = (3 * r - c(s, 2)) / 9, - j = (9 * s * r - 27 * q - 2 * c(s, 3)) / 54, - p = c(k, 3) + c(j, 2), - n = [], - h, g, o, l, u, y = Ext.Number.sign; - if (p >= 0) { - h = y(j + d(p)) * c(a(j + d(p)), 1 / 3); - g = y(j - d(p)) * c(a(j - d(p)), 1 / 3); - n[0] = -s / 3 + (h + g); - n[1] = -s / 3 - (h + g) / 2; - n[2] = n[1]; - o = a(d(3) * (h - g) / 2); - if (o !== 0) { - n[1] = -1; - n[2] = -1 - } - } else { - l = b(j / d(-c(k, 3))); - n[0] = 2 * d(-k) * e(l / 3) - s / 3; - n[1] = 2 * d(-k) * e((l + 2 * f) / 3) - s / 3; - n[2] = 2 * d(-k) * e((l + 4 * f) / 3) - s / 3 - } - for (u = 0; u < 3; u++) { - if (n[u] < 0 || n[u] > 1) { - n[u] = -1 - } - } - return n - }, - quadraticRoots: function(h, g, n) { - var m, l, k, j; - if (h === 0) { - return this.linearRoot(g, n) - } - m = g * g - 4 * h * n; - if (m === 0) { - k = [-g / (2 * h)] - } else { - if (m > 0) { - l = d(m); - k = [(-g - l) / (2 * h), (-g + l) / (2 * h)] - } else { - return [] - } - } - for (j = 0; j < k.length; j++) { - if (k[j] < 0 || k[j] > 1) { - k[j] = -1 - } - } - return k - }, - linearRoot: function(h, g) { - var i = -g / h; - if (h === 0 || i < 0 || i > 1) { - return [] - } - return [i] - }, - bezierCoeffs: function(h, g, k, j) { - var i = []; - i[0] = -h + 3 * g - 3 * k + j; - i[1] = 3 * h - 6 * g + 3 * k; - i[2] = -3 * h + 3 * g; - i[3] = h; - return i - }, - cubicLineIntersections: function(I, G, F, E, l, k, j, h, M, p, K, n) { - var u = [], - N = [], - D = p - n, - z = K - M, - y = M * (n - p) - p * (K - M), - L = this.bezierCoeffs(I, G, F, E), - J = this.bezierCoeffs(l, k, j, h), - H, x, w, v, g, q, o, m; - u[0] = D * L[0] + z * J[0]; - u[1] = D * L[1] + z * J[1]; - u[2] = D * L[2] + z * J[2]; - u[3] = D * L[3] + z * J[3] + y; - x = this.cubicRoots(u); - for (H = 0; H < x.length; H++) { - v = x[H]; - if (v < 0 || v > 1) { - continue - } - g = v * v; - q = g * v; - o = L[0] * q + L[1] * g + L[2] * v + L[3]; - m = J[0] * q + J[1] * g + J[2] * v + J[3]; - if ((K - M) !== 0) { - w = (o - M) / (K - M) - } else { - w = (m - p) / (n - p) - } - if (!(w < 0 || w > 1)) { - N.push([o, m]) - } - } - return N - }, - splitCubic: function(g, q, p, o, m) { - var j = m * m, - n = m * j, - i = m - 1, - h = i * i, - k = i * h, - l = n * o - 3 * j * i * p + 3 * m * h * q - k * g; - return [ - [g, m * q - i * g, j * p - 2 * m * i * q + h * g, l], - [l, j * o - 2 * m * i * p + h * q, m * o - i * p, o] - ] - }, - cubicDimension: function(p, o, l, k) { - var j = 3 * (-p + 3 * (o - l) + k), - i = 6 * (p - 2 * o + l), - h = -3 * (p - o), - q, n, g = Math.min(p, k), - m = Math.max(p, k), - r; - if (j === 0) { - if (i === 0) { - return [g, m] - } else { - q = -h / i; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - } - } else { - r = i * i - 4 * j * h; - if (r >= 0) { - r = d(r); - q = (r - i) / 2 / j; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - if (r > 0) { - q -= r / j; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - } - } - } - return [g, m] - }, - interpolateCubic: function(h, g, l, k, i) { - if (i === 0) { - return h - } - if (i === 1) { - return k - } - var j = (1 - i) / i; - return i * i * i * (k + j * (3 * l + j * (3 * g + j * h))) - }, - cubicsIntersections: function(r, q, p, o, A, z, y, v, g, F, E, D, m, l, k, i) { - var C = this, - x = C.cubicDimension(r, q, p, o), - B = C.cubicDimension(A, z, y, v), - n = C.cubicDimension(g, F, E, D), - s = C.cubicDimension(m, l, k, i), - j, h, u, t, w = []; - if (x[0] > n[1] || x[1] < n[0] || B[0] > s[1] || B[1] < s[0]) { - return [] - } - if (a(A - z) < 1 && a(y - v) < 1 && a(r - o) < 1 && a(q - p) < 1 && a(m - l) < 1 && a(k - i) < 1 && a(g - D) < 1 && a(F - E) < 1) { - return [ - [(r + o) * 0.5, (A + z) * 0.5] - ] - } - j = C.splitCubic(r, q, p, o, 0.5); - h = C.splitCubic(A, z, y, v, 0.5); - u = C.splitCubic(g, F, E, D, 0.5); - t = C.splitCubic(m, l, k, i, 0.5); - w.push.apply(w, C.cubicsIntersections.apply(C, j[0].concat(h[0], u[0], t[0]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[0].concat(h[0], u[1], t[1]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[1].concat(h[1], u[0], t[0]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[1].concat(h[1], u[1], t[1]))); - return w - }, - linesIntersection: function(k, p, j, o, h, n, q, m) { - var l = (j - k) * (m - n) - (o - p) * (q - h), - i, g; - if (l === 0) { - return null - } - i = ((q - h) * (p - n) - (k - h) * (m - n)) / l; - g = ((j - k) * (p - n) - (o - p) * (k - h)) / l; - if (i >= 0 && i <= 1 && g >= 0 && g <= 1) { - return [k + i * (j - k), p + i * (o - p)] - } - return null - }, - pointOnLine: function(j, m, h, l, g, n) { - var k, i; - if (a(h - j) < a(l - m)) { - i = j; - j = m; - m = i; - i = h; - h = l; - l = i; - i = g; - g = n; - n = i - } - k = (g - j) / (h - j); - if (k < 0 || k > 1) { - return false - } - return a(m + k * (l - m) - n) < 4 - }, - pointOnCubic: function(w, u, s, r, l, k, h, g, p, o) { - var C = this, - B = C.bezierCoeffs(w, u, s, r), - A = C.bezierCoeffs(l, k, h, g), - z, v, n, m, q; - B[3] -= p; - A[3] -= o; - n = C.cubicRoots(B); - m = C.cubicRoots(A); - for (z = 0; z < n.length; z++) { - q = n[z]; - for (v = 0; v < m.length; v++) { - if (q >= 0 && q <= 1 && a(q - m[v]) < 0.05) { - return true - } - } - } - return false - } - } -}); -Ext.define("Ext.chart.series.Pie3D", { - extend: "Ext.chart.series.Polar", - requires: ["Ext.chart.series.sprite.Pie3DPart", "Ext.draw.PathUtil"], - type: "pie3d", - seriesType: "pie3d", - alias: "series.pie3d", - isPie3D: true, - config: { - rect: [0, 0, 0, 0], - thickness: 35, - distortion: 0.5, - donut: false, - hidden: [], - highlightCfg: { - margin: 20 - }, - shadow: false - }, - rotationOffset: -Math.PI / 2, - setField: function(a) { - return this.setXField(a) - }, - getField: function() { - return this.getXField() - }, - updateRotation: function(a) { - this.setStyle({ - baseRotation: a + this.rotationOffset - }); - this.doUpdateStyles() - }, - updateDistortion: function() { - this.setRadius() - }, - updateThickness: function() { - this.setRadius() - }, - updateColors: function(a) { - this.setSubStyle({ - baseColor: a - }) - }, - applyShadow: function(a) { - if (a === true) { - a = { - shadowColor: "rgba(0,0,0,0.8)", - shadowBlur: 30 - } - } else { - if (!Ext.isObject(a)) { - a = { - shadowColor: Ext.draw.Color.RGBA_NONE - } - } - } - return a - }, - updateShadow: function(g) { - var e = this, - f = e.getSprites(), - d = e.spritesPerSlice, - c = f && f.length, - b, a; - for (b = 1; b < c; b += d) { - a = f[b]; - if (a.attr.part = "bottom") { - a.setAttributes(g) - } - } - }, - getStyleByIndex: function(b) { - var d = this.callParent([b]), - c = this.getStyle(), - a = d.fillStyle || d.fill || d.color, - e = c.strokeStyle || c.stroke; - if (a) { - d.baseColor = a; - delete d.fillStyle; - delete d.fill; - delete d.color - } - if (e) { - d.strokeStyle = e - } - return d - }, - doUpdateStyles: function() { - var g = this, - h = g.getSprites(), - f = g.spritesPerSlice, - e = h && h.length, - c = 0, - b = 0, - a, d; - for (; c < e; c += f, b++) { - d = g.getStyleByIndex(b); - for (a = 0; a < f; a++) { - h[c + a].setAttributes(d) - } - } - }, - coordinateX: function() { - var w = this, - m = w.getChart(), - u = m && m.getAnimation(), - f = w.getStore(), - t = f.getData().items, - d = t.length, - b = w.getXField(), - p = w.getRotation(), - s = w.getHidden(), - n, c = 0, - h, e = [], - k = w.getSprites(), - a = k.length, - l = w.spritesPerSlice, - g = 0, - o = Math.PI * 2, - v = 1e-10, - r, q; - for (r = 0; r < d; r++) { - n = Math.abs(Number(t[r].get(b))) || 0; - if (!s[r]) { - c += n - } - e[r] = c; - if (r >= s.length) { - s[r] = false - } - } - s.length = d; - if (c === 0) { - return - } - h = 2 * Math.PI / c; - for (r = 0; r < d; r++) { - e[r] *= h - } - for (r = 0; r < a; r++) { - k[r].setAnimation(u) - } - for (r = 0; r < d; r++) { - for (q = 0; q < l; q++) { - k[r * l + q].setAttributes({ - startAngle: g, - endAngle: e[r] - v, - globalAlpha: 1, - baseRotation: p - }) - } - g = e[r] - } - for (r *= l; r < a; r++) { - k[r].setAnimation(u); - k[r].setAttributes({ - startAngle: o, - endAngle: o, - globalAlpha: 0, - baseRotation: p - }) - } - }, - updateLabelData: function() { - var l = this, - m = l.getStore(), - k = m.getData().items, - h = l.getSprites(), - b = l.getLabel().getTemplate().getField(), - f = l.getHidden(), - a = l.spritesPerSlice, - d, c, g, e, n; - if (h.length && b) { - e = []; - for (d = 0, g = k.length; d < g; d++) { - e.push(k[d].get(b)) - } - for (d = 0, c = 0, g = h.length; d < g; d += a, c++) { - n = h[d]; - n.setAttributes({ - label: e[c] - }); - n.putMarker("labels", { - hidden: f[c] - }, n.attr.attributeId) - } - } - }, - applyRadius: function() { - var f = this, - d = f.getChart(), - h = d.getInnerPadding(), - e = d.getMainRect() || [0, 0, 1, 1], - c = e[2] - h * 2, - a = e[3] - h * 2 - f.getThickness(), - g = c / 2, - b = g * f.getDistortion(); - if (b > a / 2) { - return a / (f.getDistortion() * 2) - } else { - return g - } - }, - getSprites: function() { - var y = this, - e = y.getStore(); - if (!e) { - return [] - } - var n = y.getChart(), - p = y.getSurface(), - t = e.getData().items, - l = y.spritesPerSlice, - a = t.length, - v = y.getAnimation() || n && n.getAnimation(), - x = y.getCenter(), - w = y.getOffsetX(), - u = y.getOffsetY(), - b = y.getRadius(), - q = y.getRotation(), - d = y.getHighlight(), - c = { - centerX: x[0] + w, - centerY: x[1] + u - y.getThickness() / 2, - endRho: b, - startRho: b * y.getDonut() / 100, - thickness: y.getThickness(), - distortion: y.getDistortion() - }, - k = y.sprites, - h = y.getLabel(), - f = h.getTemplate(), - m, g, o, s, r; - for (s = 0; s < a; s++) { - g = Ext.apply({}, this.getStyleByIndex(s), c); - if (!k[s * l]) { - for (r = 0; r < y.partNames.length; r++) { - o = p.add({ - type: "pie3dPart", - part: y.partNames[r] - }); - if (r === 0 && f.getField()) { - o.bindMarker("labels", h) - } - o.fx.setDurationOn("baseRotation", q); - if (d) { - o.config.highlight = d; - o.addModifier("highlight", true) - } - o.setAttributes(g); - k.push(o) - } - } else { - m = k.slice(s * l, (s + 1) * l); - for (r = 0; r < m.length; r++) { - o = m[r]; - if (v) { - o.setAnimation(v) - } - o.setAttributes(g) - } - } - } - return k - }, - betweenAngle: function(d, f, c) { - var e = Math.PI * 2, - g = this.rotationOffset; - f += g; - c += g; - d -= f; - c -= f; - d %= e; - c %= e; - d += e; - c += e; - d %= e; - c %= e; - return d < c || c === 0 - }, - getItemForPoint: function(k, j) { - var h = this, - g = h.getSprites(); - if (g) { - var l = h.getStore(), - b = l.getData().items, - a = h.spritesPerSlice, - e = h.getHidden(), - c, f, m, d; - for (c = 0, f = b.length; c < f; c++) { - if (!e[c]) { - d = c * a; - m = g[d]; - if (m.hitTest([k, j])) { - return { - series: h, - sprite: g.slice(d, d + a), - index: c, - record: b[c], - category: "sprites", - field: h.getXField() - } - } - } - } - return null - } - }, - provideLegendInfo: function(f) { - var h = this, - k = h.getStore(); - if (k) { - var g = k.getData().items, - b = h.getLabel().getTemplate().getField(), - j = h.getField(), - e = h.getHidden(), - d, a, c; - for (d = 0; d < g.length; d++) { - a = h.getStyleByIndex(d); - c = a.baseColor; - f.push({ - name: b ? String(g[d].get(b)) : j + " " + d, - mark: c || "black", - disabled: e[d], - series: h.getId(), - index: d - }) - } - } - } -}, function() { - var b = this.prototype, - a = Ext.chart.series.sprite.Pie3DPart.def.getInitialConfig().processors.part; - b.partNames = a.replace(/^enums\(|\)/g, "").split(","); - b.spritesPerSlice = b.partNames.length -}); -Ext.define("Ext.chart.series.sprite.Polar", { - extend: "Ext.chart.series.sprite.Series", - inheritableStatics: { - def: { - processors: { - centerX: "number", - centerY: "number", - startAngle: "number", - endAngle: "number", - startRho: "number", - endRho: "number", - baseRotation: "number", - labels: "default", - labelOverflowPadding: "number" - }, - defaults: { - centerX: 0, - centerY: 0, - startAngle: 0, - endAngle: Math.PI, - startRho: 0, - endRho: 150, - baseRotation: 0, - labels: null, - labelOverflowPadding: 10 - }, - triggers: { - centerX: "bbox", - centerY: "bbox", - startAngle: "bbox", - endAngle: "bbox", - startRho: "bbox", - endRho: "bbox", - baseRotation: "bbox" - } - } - }, - updatePlainBBox: function(b) { - var a = this.attr; - b.x = a.centerX - a.endRho; - b.y = a.centerY + a.endRho; - b.width = a.endRho * 2; - b.height = a.endRho * 2 - } -}); -Ext.define("Ext.chart.series.sprite.Radar", { - alias: "sprite.radar", - extend: "Ext.chart.series.sprite.Polar", - getDataPointXY: function(d) { - var u = this, - n = u.attr, - f = n.centerX, - e = n.centerY, - o = n.matrix, - t = n.dataMinX, - s = n.dataMaxX, - k = n.dataX, - j = n.dataY, - l = n.endRho, - p = n.startRho, - g = n.baseRotation, - i, h, m, c, b, a, q; - if (n.rangeY) { - q = n.rangeY[1] - } else { - q = n.dataMaxY - } - c = (k[d] - t) / (s - t + 1) * 2 * Math.PI + g; - m = j[d] / q * (l - p) + p; - b = f + Math.cos(c) * m; - a = e + Math.sin(c) * m; - i = o.x(b, a); - h = o.y(b, a); - return [i, h] - }, - render: function(a, l) { - var h = this, - f = h.attr, - g = f.dataX, - b = g.length, - e = h.surfaceMatrix, - d = {}, - c, k, j, m; - l.beginPath(); - for (c = 0; c < b; c++) { - m = h.getDataPointXY(c); - k = m[0]; - j = m[1]; - if (c === 0) { - l.moveTo(k, j) - } - l.lineTo(k, j); - d.translationX = e.x(k, j); - d.translationY = e.y(k, j); - h.putMarker("markers", d, c, true) - } - l.closePath(); - l.fillStroke(f) - } -}); -Ext.define("Ext.chart.series.Radar", { - extend: "Ext.chart.series.Polar", - type: "radar", - seriesType: "radar", - alias: "series.radar", - requires: ["Ext.chart.series.sprite.Radar"], - themeColorCount: function() { - return 1 - }, - isStoreDependantColorCount: false, - themeMarkerCount: function() { - return 1 - }, - updateAngularAxis: function(a) { - a.processData(this) - }, - updateRadialAxis: function(a) { - a.processData(this) - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - updateCenter: function(a) { - this.setStyle({ - translationX: a[0] + this.getOffsetX(), - translationY: a[1] + this.getOffsetY() - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - this.setStyle({ - endRho: a - }); - this.doUpdateStyles() - }, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a - }); - this.doUpdateStyles() - }, - updateTotalAngle: function(a) { - this.processData() - }, - getItemForPoint: function(k, j) { - var h = this, - m = h.sprites && h.sprites[0], - f = m.attr, - g = f.dataX, - a = g.length, - l = h.getStore(), - e = h.getMarker(), - b, o, p, d, n, c; - if (h.getHidden()) { - return null - } - if (m && e) { - c = m.getMarker("markers"); - for (d = 0; d < a; d++) { - n = c.getBBoxFor(d); - b = (n.width + n.height) * 0.25; - p = m.getDataPointXY(d); - if (Math.abs(p[0] - k) < b && Math.abs(p[1] - j) < b) { - o = { - series: h, - sprite: m, - index: d, - category: "markers", - record: l.getData().items[d], - field: h.getYField() - }; - return o - } - } - } - return h.callParent(arguments) - }, - getDefaultSpriteConfig: function() { - var a = this.callParent(), - b = { - customDurations: { - translationX: 0, - translationY: 0, - rotationRads: 0, - dataMinX: 0, - dataMaxX: 0 - } - }; - if (a.fx) { - Ext.apply(a.fx, b) - } else { - a.fx = b - } - return a - }, - getSprites: function() { - var d = this, - c = d.getChart(), - e = d.getAnimation() || c && c.getAnimation(), - b = d.sprites[0], - a; - if (!c) { - return [] - } - if (!b) { - b = d.createSprite() - } - if (e) { - a = b.getMarker("markers"); - if (a) { - a.getTemplate().setAnimation(e) - } - b.setAnimation(e) - } - return d.sprites - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getSubStyleWithTheme(), - c = a.fillStyle; - if (Ext.isArray(c)) { - c = c[0] - } - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - } -}); -Ext.define("Ext.chart.series.sprite.Scatter", { - alias: "sprite.scatterSeries", - extend: "Ext.chart.series.sprite.Cartesian", - renderClipped: function(r, s, w, u) { - if (this.cleanRedraw) { - return - } - var C = this, - q = C.attr, - l = q.dataX, - h = q.dataY, - z = q.labels, - j = C.getSeries(), - b = z && C.getMarker("labels"), - t = C.attr.matrix, - c = t.getXX(), - p = t.getYY(), - m = t.getDX(), - k = t.getDY(), - n = {}, - D, B, d = r.getInherited().rtl && !q.flipXY ? -1 : 1, - a, A, o, e, g, f, v; - if (q.flipXY) { - a = u[1] - c * d; - A = u[1] + u[3] + c * d; - o = u[0] - p; - e = u[0] + u[2] + p - } else { - a = u[0] - c * d; - A = u[0] + u[2] + c * d; - o = u[1] - p; - e = u[1] + u[3] + p - } - for (v = 0; v < l.length; v++) { - g = l[v]; - f = h[v]; - g = g * c + m; - f = f * p + k; - if (a <= g && g <= A && o <= f && f <= e) { - if (q.renderer) { - n = { - type: "items", - translationX: g, - translationY: f - }; - B = [C, n, { - store: C.getStore() - }, v]; - D = Ext.callback(q.renderer, null, B, 0, j); - n = Ext.apply(n, D) - } else { - n.translationX = g; - n.translationY = f - } - C.putMarker("items", n, v, !q.renderer); - if (b && z[v]) { - C.drawLabel(z[v], g, f, v, u) - } - } - } - }, - drawLabel: function(j, h, g, p, a) { - var r = this, - m = r.attr, - d = r.getMarker("labels"), - c = d.getTemplate(), - l = r.labelCfg || (r.labelCfg = {}), - b = r.surfaceMatrix, - f, e, i = m.labelOverflowPadding, - o = m.flipXY, - k, n, s, q; - l.text = j; - n = r.getMarkerBBox("labels", p, true); - if (!n) { - r.putMarker("labels", l, p); - n = r.getMarkerBBox("labels", p, true) - } - if (o) { - l.rotationRads = Math.PI * 0.5 - } else { - l.rotationRads = 0 - } - k = n.height / 2; - f = h; - switch (c.attr.display) { - case "under": - e = g - k - i; - break; - case "rotate": - f += i; - e = g - i; - l.rotationRads = -Math.PI / 4; - break; - default: - e = g + k + i - } - l.x = b.x(f, e); - l.y = b.y(f, e); - if (c.attr.renderer) { - q = [j, d, l, { - store: r.getStore() - }, p]; - s = Ext.callback(c.attr.renderer, null, q, 0, r.getSeries()); - if (typeof s === "string") { - l.text = s - } else { - Ext.apply(l, s) - } - } - r.putMarker("labels", l, p) - } -}); -Ext.define("Ext.chart.series.Scatter", { - extend: "Ext.chart.series.Cartesian", - alias: "series.scatter", - type: "scatter", - seriesType: "scatterSeries", - requires: ["Ext.chart.series.sprite.Scatter"], - config: { - itemInstancing: { - fx: { - customDurations: { - translationX: 0, - translationY: 0 - } - } - } - }, - themeMarkerCount: function() { - return 1 - }, - applyMarker: function(b, a) { - this.getItemInstancing(); - this.setItemInstancing(b); - return this.callParent(arguments) - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getMarkerStyleByIndex(0), - c = a.fillStyle; - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - } -}); -Ext.define("Ext.chart.theme.Blue", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.blue", "chart.theme.Blue"], - config: { - baseColor: "#4d7fe6" - } -}); -Ext.define("Ext.chart.theme.BlueGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.blue-gradients", "chart.theme.Blue:gradients"], - config: { - baseColor: "#4d7fe6", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category1", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category1", "chart.theme.Category1"], - config: { - colors: ["#f0a50a", "#c20024", "#2044ba", "#810065", "#7eae29"] - } -}); -Ext.define("Ext.chart.theme.Category1Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category1-gradients", "chart.theme.Category1:gradients"], - config: { - colors: ["#f0a50a", "#c20024", "#2044ba", "#810065", "#7eae29"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category2", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category2", "chart.theme.Category2"], - config: { - colors: ["#6d9824", "#87146e", "#2a9196", "#d39006", "#1e40ac"] - } -}); -Ext.define("Ext.chart.theme.Category2Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category2-gradients", "chart.theme.Category2:gradients"], - config: { - colors: ["#6d9824", "#87146e", "#2a9196", "#d39006", "#1e40ac"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category3", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category3", "chart.theme.Category3"], - config: { - colors: ["#fbbc29", "#ce2e4e", "#7e0062", "#158b90", "#57880e"] - } -}); -Ext.define("Ext.chart.theme.Category3Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category3-gradients", "chart.theme.Category3:gradients"], - config: { - colors: ["#fbbc29", "#ce2e4e", "#7e0062", "#158b90", "#57880e"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category4", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category4", "chart.theme.Category4"], - config: { - colors: ["#ef5773", "#fcbd2a", "#4f770d", "#1d3eaa", "#9b001f"] - } -}); -Ext.define("Ext.chart.theme.Category4Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category4-gradients", "chart.theme.Category4:gradients"], - config: { - colors: ["#ef5773", "#fcbd2a", "#4f770d", "#1d3eaa", "#9b001f"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category5", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category5", "chart.theme.Category5"], - config: { - colors: ["#7eae29", "#fdbe2a", "#910019", "#27b4bc", "#d74dbc"] - } -}); -Ext.define("Ext.chart.theme.Category5Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category5-gradients", "chart.theme.Category5:gradients"], - config: { - colors: ["#7eae29", "#fdbe2a", "#910019", "#27b4bc", "#d74dbc"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category6", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category6", "chart.theme.Category6"], - config: { - colors: ["#44dce1", "#0b2592", "#996e05", "#7fb325", "#b821a1"] - } -}); -Ext.define("Ext.chart.theme.Category6Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category6-gradients", "chart.theme.Category6:gradients"], - config: { - colors: ["#44dce1", "#0b2592", "#996e05", "#7fb325", "#b821a1"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.DefaultGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.default-gradients", "chart.theme.Base:gradients"], - config: { - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Green", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.green", "chart.theme.Green"], - config: { - baseColor: "#b1da5a" - } -}); -Ext.define("Ext.chart.theme.GreenGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.green-gradients", "chart.theme.Green:gradients"], - config: { - baseColor: "#b1da5a", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Midnight", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.midnight", "chart.theme.Midnight"], - config: { - colors: ["#A837FF", "#4AC0F2", "#FF4D35", "#FF8809", "#61C102", "#FF37EA"], - chart: { - defaults: { - background: "rgb(52, 52, 53)" - } - }, - axis: { - defaults: { - style: { - strokeStyle: "rgb(224, 224, 227)" - }, - label: { - fillStyle: "rgb(224, 224, 227)" - }, - title: { - fillStyle: "rgb(224, 224, 227)" - }, - grid: { - strokeStyle: "rgb(112, 112, 115)" - } - } - }, - series: { - defaults: { - label: { - fillStyle: "rgb(224, 224, 227)" - } - } - }, - sprites: { - text: { - fillStyle: "rgb(224, 224, 227)" - } - } - } -}); -Ext.define("Ext.chart.theme.Muted", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.muted", "chart.theme.Muted"], - config: { - colors: ["#8ca640", "#974144", "#4091ba", "#8e658e", "#3b8d8b", "#b86465", "#d2af69", "#6e8852", "#3dcc7e", "#a6bed1", "#cbaa4b", "#998baa"] - } -}); -Ext.define("Ext.chart.theme.Purple", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.purple", "chart.theme.Purple"], - config: { - baseColor: "#da5abd" - } -}); -Ext.define("Ext.chart.theme.PurpleGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.purple-gradients", "chart.theme.Purple:gradients"], - config: { - baseColor: "#da5abd", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Red", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.red", "chart.theme.Red"], - config: { - baseColor: "#e84b67" - } -}); -Ext.define("Ext.chart.theme.RedGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.red-gradients", "chart.theme.Red:gradients"], - config: { - baseColor: "#e84b67", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Sky", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.sky", "chart.theme.Sky"], - config: { - baseColor: "#4ce0e7" - } -}); -Ext.define("Ext.chart.theme.SkyGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.sky-gradients", "chart.theme.Sky:gradients"], - config: { - baseColor: "#4ce0e7", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Yellow", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.yellow", "chart.theme.Yellow"], - config: { - baseColor: "#fec935" - } -}); -Ext.define("Ext.chart.theme.YellowGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.yellow-gradients", "chart.theme.Yellow:gradients"], - config: { - baseColor: "#fec935", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.draw.Point", { - requires: ["Ext.draw.Draw", "Ext.draw.Matrix"], - isPoint: true, - x: 0, - y: 0, - length: 0, - angle: 0, - angleUnits: "degrees", - statics: { - fly: (function() { - var a = null; - return function(b, c) { - if (!a) { - a = new Ext.draw.Point() - } - a.constructor(b, c); - return a - } - })() - }, - constructor: function(a, c) { - var b = this; - if (typeof a === "number") { - b.x = a; - if (typeof c === "number") { - b.y = c - } else { - b.y = a - } - } else { - if (Ext.isArray(a)) { - b.x = a[0]; - b.y = a[1] - } else { - if (a) { - b.x = a.x; - b.y = a.y - } - } - } - b.calculatePolar() - }, - calculateCartesian: function() { - var b = this, - a = b.length, - c = b.angle; - if (b.angleUnits === "degrees") { - c = Ext.draw.Draw.rad(c) - } - b.x = Math.cos(c) * a; - b.y = Math.sin(c) * a - }, - calculatePolar: function() { - var b = this, - a = b.x, - c = b.y; - b.length = Math.sqrt(a * a + c * c); - b.angle = Math.atan2(c, a); - if (b.angleUnits === "degrees") { - b.angle = Ext.draw.Draw.degrees(b.angle) - } - }, - setX: function(a) { - this.x = a; - this.calculatePolar() - }, - setY: function(a) { - this.y = a; - this.calculatePolar() - }, - set: function(a, b) { - this.constructor(a, b) - }, - setAngle: function(a) { - this.angle = a; - this.calculateCartesian() - }, - setLength: function(a) { - this.length = a; - this.calculateCartesian() - }, - setPolar: function(b, a) { - this.angle = b; - this.length = a; - this.calculateCartesian() - }, - clone: function() { - return new Ext.draw.Point(this.x, this.y) - }, - add: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return new Ext.draw.Point(this.x + b.x, this.y + b.y) - }, - sub: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return new Ext.draw.Point(this.x - b.x, this.y - b.y) - }, - mul: function(a) { - return new Ext.draw.Point(this.x * a, this.y * a) - }, - div: function(a) { - return new Ext.draw.Point(this.x / a, this.y / a) - }, - dot: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return this.x * b.x + this.y * b.y - }, - equals: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return this.x === b.x && this.y === b.y - }, - rotate: function(f, c) { - var d, e, b, g, a; - if (this.angleUnits === "degrees") { - f = Ext.draw.Draw.rad(f); - d = Math.sin(f); - e = Math.cos(f) - } - if (c) { - b = c.x; - g = c.y - } else { - b = 0; - g = 0 - } - a = Ext.draw.Matrix.fly([e, d, -d, e, b - e * b + g * d, g - e * g + b * -d]).transformPoint(this); - return new Ext.draw.Point(a) - }, - transform: function(a) { - if (a && a.isMatrix) { - return new Ext.draw.Point(a.transformPoint(this)) - } else { - if (arguments.length === 6) { - return new Ext.draw.Point(Ext.draw.Matrix.fly(arguments).transformPoint(this)) - } else { - Ext.raise("Invalid parameters.") - } - } - }, - round: function() { - return new Ext.draw.Point(Math.round(this.x), Math.round(this.y)) - }, - ceil: function() { - return new Ext.draw.Point(Math.ceil(this.x), Math.ceil(this.y)) - }, - floor: function() { - return new Ext.draw.Point(Math.floor(this.x), Math.floor(this.y)) - }, - abs: function(a, b) { - return new Ext.draw.Point(Math.abs(this.x), Math.abs(this.y)) - }, - normalize: function(c) { - var b = this.x, - f = this.y, - a, e, d; - c = c || 1; - if (b === 0) { - a = 0; - e = c * Ext.Number.sign(f) - } else { - d = f / b; - a = c / Math.sqrt(1 + d * d); - e = a * d - } - return new Ext.draw.Point(a, e) - }, - getDistanceToLine: function(c, b) { - if (arguments.length === 4) { - c = new Ext.draw.Point(arguments[0], arguments[1]); - b = new Ext.draw.Point(arguments[2], arguments[3]) - } - var d = b.sub(c).normalize(), - a = c.sub(this); - return a.sub(d.mul(a.dot(d))) - }, - isZero: function() { - return this.x === 0 && this.y === 0 - }, - isNumber: function() { - return Ext.isNumber(this.x + this.y) - } -}); -Ext.define("Ext.draw.plugin.SpriteEvents", { - extend: "Ext.plugin.Abstract", - alias: "plugin.spriteevents", - requires: ["Ext.draw.PathUtil"], - mouseMoveEvents: { - mousemove: true, - mouseover: true, - mouseout: true - }, - spriteMouseMoveEvents: { - spritemousemove: true, - spritemouseover: true, - spritemouseout: true - }, - init: function(a) { - var b = "handleEvent"; - this.drawContainer = a; - a.addElementListener({ - click: b, - dblclick: b, - mousedown: b, - mousemove: b, - mouseup: b, - mouseover: b, - mouseout: b, - priority: 1001, - scope: this - }) - }, - hasSpriteMouseMoveListeners: function() { - var b = this.drawContainer.hasListeners, - a; - for (a in this.spriteMouseMoveEvents) { - if (a in b) { - return true - } - } - return false - }, - hitTestEvent: function(f) { - var b = this.drawContainer.getItems(), - a, d, c; - for (c = b.length - 1; c >= 0; c--) { - a = b.get(c); - d = a.hitTestEvent(f); - if (d) { - return d - } - } - return null - }, - handleEvent: function(f) { - var d = this, - b = d.drawContainer, - g = f.type in d.mouseMoveEvents, - a = d.lastSprite, - c; - if (g && !d.hasSpriteMouseMoveListeners()) { - return - } - c = d.hitTestEvent(f); - if (g && !Ext.Object.equals(c, a)) { - if (a) { - b.fireEvent("spritemouseout", a, f) - } - if (c) { - b.fireEvent("spritemouseover", c, f) - } - } - if (c) { - b.fireEvent("sprite" + f.type, c, f) - } - d.lastSprite = c - } -}); -Ext.define("Ext.chart.TipSurface", { - extend: "Ext.draw.Container", - spriteArray: false, - renderFirst: true, - constructor: function(a) { - this.callParent([a]); - if (a.sprites) { - this.spriteArray = [].concat(a.sprites); - delete a.sprites - } - }, - onRender: function() { - var c = this, - b = 0, - a = 0, - d, e; - this.callParent(arguments); - e = c.spriteArray; - if (c.renderFirst && e) { - c.renderFirst = false; - for (a = e.length; b < a; b++) { - d = c.surface.add(e[b]); - d.setAttributes({ - hidden: false - }, true) - } - } - } -}); -Ext.define("Ext.chart.interactions.ItemInfo", { - extend: "Ext.chart.interactions.Abstract", - type: "iteminfo", - alias: "interaction.iteminfo", - config: { - extjsGestures: { - start: { - event: "click", - handler: "onInfoGesture" - }, - move: { - event: "mousemove", - handler: "onInfoGesture" - }, - end: { - event: "mouseleave", - handler: "onInfoGesture" - } - } - }, - item: null, - onInfoGesture: function(f, a) { - var c = this, - b = c.getItemForEvent(f), - d = b && b.series.tooltip; - if (d) { - d.onMouseMove.call(d, f) - } - if (b !== c.item) { - if (b) { - b.series.showTip(b) - } else { - c.item.series.hideTip(c.item) - } - c.item = b - } - return false - } -}); diff --git a/serverside/jsmod/5.4-3/proxmoxlib.js b/serverside/jsmod/5.4-3/proxmoxlib.js deleted file mode 100644 index 6e316d7..0000000 --- a/serverside/jsmod/5.4-3/proxmoxlib.js +++ /dev/null @@ -1,6757 +0,0 @@ -// 1.0-25 -Ext.ns('Proxmox'); -Ext.ns('Proxmox.Setup'); - -if (!Ext.isDefined(Proxmox.Setup.auth_cookie_name)) { - throw "Proxmox library not initialized"; -} - -// avoid errors related to Accessible Rich Internet Applications -// (access for people with disabilities) -// TODO reenable after all components are upgraded -Ext.enableAria = false; -Ext.enableAriaButtons = false; -Ext.enableAriaPanels = false; - -// avoid errors when running without development tools -if (!Ext.isDefined(Ext.global.console)) { - var console = { - dir: function() {}, - log: function() {} - }; -} - -Ext.Ajax.defaultHeaders = { - 'Accept': 'application/json' -}; - -Ext.Ajax.on('beforerequest', function(conn, options) { - if (Proxmox.CSRFPreventionToken) { - if (!options.headers) { - options.headers = {}; - } - options.headers.CSRFPreventionToken = Proxmox.CSRFPreventionToken; - } -}); - -Ext.define('Proxmox.Utils', { utilities: { - - // this singleton contains miscellaneous utilities - - yesText: gettext('Yes'), - noText: gettext('No'), - enabledText: gettext('Enabled'), - disabledText: gettext('Disabled'), - noneText: gettext('none'), - errorText: gettext('Error'), - unknownText: gettext('Unknown'), - defaultText: gettext('Default'), - daysText: gettext('days'), - dayText: gettext('day'), - runningText: gettext('running'), - stoppedText: gettext('stopped'), - neverText: gettext('never'), - totalText: gettext('Total'), - usedText: gettext('Used'), - directoryText: gettext('Directory'), - stateText: gettext('State'), - groupText: gettext('Group'), - - language_map: { - zh_CN: 'Chinese (Simplified)', - zh_TW: 'Chinese (Traditional)', - ca: 'Catalan', - da: 'Danish', - en: 'English', - eu: 'Euskera (Basque)', - fr: 'French', - de: 'German', - it: 'Italian', - es: 'Spanish', - ja: 'Japanese', - nb: 'Norwegian (Bokmal)', - nn: 'Norwegian (Nynorsk)', - fa: 'Persian (Farsi)', - pl: 'Polish', - pt_BR: 'Portuguese (Brazil)', - ru: 'Russian', - sl: 'Slovenian', - sv: 'Swedish', - tr: 'Turkish' - }, - - render_language: function (value) { - if (!value) { - return Proxmox.Utils.defaultText + ' (English)'; - } - var text = Proxmox.Utils.language_map[value]; - if (text) { - return text + ' (' + value + ')'; - } - return value; - }, - - language_array: function() { - var data = [['__default__', Proxmox.Utils.render_language('')]]; - Ext.Object.each(Proxmox.Utils.language_map, function(key, value) { - data.push([key, Proxmox.Utils.render_language(value)]); - }); - - return data; - }, - - getNoSubKeyHtml: function(url) { - // url http://www.proxmox.com/products/proxmox-ve/subscription-service-plans - return Ext.String.format('You do not have a valid subscription for this server. Please visit www.proxmox.com to get a list of available options.', url || 'http://www.proxmox.com'); - }, - - format_boolean_with_default: function(value) { - if (Ext.isDefined(value) && value !== '__default__') { - return value ? Proxmox.Utils.yesText : Proxmox.Utils.noText; - } - return Proxmox.Utils.defaultText; - }, - - format_boolean: function(value) { - return value ? Proxmox.Utils.yesText : Proxmox.Utils.noText; - }, - - format_neg_boolean: function(value) { - return !value ? Proxmox.Utils.yesText : Proxmox.Utils.noText; - }, - - format_enabled_toggle: function(value) { - return value ? Proxmox.Utils.enabledText : Proxmox.Utils.disabledText; - }, - - format_expire: function(date) { - if (!date) { - return Proxmox.Utils.neverText; - } - return Ext.Date.format(date, "Y-m-d"); - }, - - format_duration_long: function(ut) { - - var days = Math.floor(ut / 86400); - ut -= days*86400; - var hours = Math.floor(ut / 3600); - ut -= hours*3600; - var mins = Math.floor(ut / 60); - ut -= mins*60; - - var hours_str = '00' + hours.toString(); - hours_str = hours_str.substr(hours_str.length - 2); - var mins_str = "00" + mins.toString(); - mins_str = mins_str.substr(mins_str.length - 2); - var ut_str = "00" + ut.toString(); - ut_str = ut_str.substr(ut_str.length - 2); - - if (days) { - var ds = days > 1 ? Proxmox.Utils.daysText : Proxmox.Utils.dayText; - return days.toString() + ' ' + ds + ' ' + - hours_str + ':' + mins_str + ':' + ut_str; - } else { - return hours_str + ':' + mins_str + ':' + ut_str; - } - }, - - format_subscription_level: function(level) { - if (level === 'c') { - return 'Community'; - } else if (level === 'b') { - return 'Basic'; - } else if (level === 's') { - return 'Standard'; - } else if (level === 'p') { - return 'Premium'; - } else { - return Proxmox.Utils.noneText; - } - }, - - compute_min_label_width: function(text, width) { - - if (width === undefined) { width = 100; } - - var tm = new Ext.util.TextMetrics(); - var min = tm.getWidth(text + ':'); - - return min < width ? width : min; - }, - - setAuthData: function(data) { - Proxmox.CSRFPreventionToken = data.CSRFPreventionToken; - Proxmox.UserName = data.username; - Proxmox.LoggedOut = data.LoggedOut; - // creates a session cookie (expire = null) - // that way the cookie gets deleted after the browser window is closed - Ext.util.Cookies.set(Proxmox.Setup.auth_cookie_name, data.ticket, null, '/', null, true); - }, - - authOK: function() { - if (Proxmox.LoggedOut) { - return undefined; - } - return (Proxmox.UserName !== '') && Ext.util.Cookies.get(Proxmox.Setup.auth_cookie_name); - }, - - authClear: function() { - if (Proxmox.LoggedOut) { - return undefined; - } - Ext.util.Cookies.clear(Proxmox.Setup.auth_cookie_name); - }, - - // comp.setLoading() is buggy in ExtJS 4.0.7, so we - // use el.mask() instead - setErrorMask: function(comp, msg) { - var el = comp.el; - if (!el) { - return; - } - if (!msg) { - el.unmask(); - } else { - if (msg === true) { - el.mask(gettext("Loading...")); - } else { - el.mask(msg); - } - } - }, - - monStoreErrors: function(me, store, clearMaskBeforeLoad) { - if (clearMaskBeforeLoad) { - me.mon(store, 'beforeload', function(s, operation, eOpts) { - Proxmox.Utils.setErrorMask(me, false); - }); - } else { - me.mon(store, 'beforeload', function(s, operation, eOpts) { - if (!me.loadCount) { - me.loadCount = 0; // make sure it is numeric - Proxmox.Utils.setErrorMask(me, true); - } - }); - } - - // only works with 'proxmox' proxy - me.mon(store.proxy, 'afterload', function(proxy, request, success) { - me.loadCount++; - - if (success) { - Proxmox.Utils.setErrorMask(me, false); - return; - } - - var msg; - /*jslint nomen: true */ - var operation = request._operation; - var error = operation.getError(); - if (error.statusText) { - msg = error.statusText + ' (' + error.status + ')'; - } else { - msg = gettext('Connection error'); - } - Proxmox.Utils.setErrorMask(me, msg); - }); - }, - - extractRequestError: function(result, verbose) { - var msg = gettext('Successful'); - - if (!result.success) { - msg = gettext("Unknown error"); - if (result.message) { - msg = result.message; - if (result.status) { - msg += ' (' + result.status + ')'; - } - } - if (verbose && Ext.isObject(result.errors)) { - msg += "
"; - Ext.Object.each(result.errors, function(prop, desc) { - msg += "
" + Ext.htmlEncode(prop) + ": " + - Ext.htmlEncode(desc); - }); - } - } - - return msg; - }, - - // Ext.Ajax.request - API2Request: function(reqOpts) { - - var newopts = Ext.apply({ - waitMsg: gettext('Please wait...') - }, reqOpts); - - if (!newopts.url.match(/^\/api2/)) { - newopts.url = '/api2/extjs' + newopts.url; - } - delete newopts.callback; - - var createWrapper = function(successFn, callbackFn, failureFn) { - Ext.apply(newopts, { - success: function(response, options) { - if (options.waitMsgTarget) { - if (Proxmox.Utils.toolkit === 'touch') { - options.waitMsgTarget.setMasked(false); - } else { - options.waitMsgTarget.setLoading(false); - } - } - var result = Ext.decode(response.responseText); - response.result = result; - if (!result.success) { - response.htmlStatus = Proxmox.Utils.extractRequestError(result, true); - Ext.callback(callbackFn, options.scope, [options, false, response]); - Ext.callback(failureFn, options.scope, [response, options]); - return; - } - Ext.callback(callbackFn, options.scope, [options, true, response]); - Ext.callback(successFn, options.scope, [response, options]); - }, - failure: function(response, options) { - if (options.waitMsgTarget) { - if (Proxmox.Utils.toolkit === 'touch') { - options.waitMsgTarget.setMasked(false); - } else { - options.waitMsgTarget.setLoading(false); - } - } - response.result = {}; - try { - response.result = Ext.decode(response.responseText); - } catch(e) {} - var msg = gettext('Connection error') + ' - server offline?'; - if (response.aborted) { - msg = gettext('Connection error') + ' - aborted.'; - } else if (response.timedout) { - msg = gettext('Connection error') + ' - Timeout.'; - } else if (response.status && response.statusText) { - msg = gettext('Connection error') + ' ' + response.status + ': ' + response.statusText; - } - response.htmlStatus = msg; - Ext.callback(callbackFn, options.scope, [options, false, response]); - Ext.callback(failureFn, options.scope, [response, options]); - } - }); - }; - - createWrapper(reqOpts.success, reqOpts.callback, reqOpts.failure); - - var target = newopts.waitMsgTarget; - if (target) { - if (Proxmox.Utils.toolkit === 'touch') { - target.setMasked({ xtype: 'loadmask', message: newopts.waitMsg} ); - } else { - // Note: ExtJS bug - this does not work when component is not rendered - target.setLoading(newopts.waitMsg); - } - } - Ext.Ajax.request(newopts); - }, - - checked_command: function(orig_cmd) { - Proxmox.Utils.API2Request({ - url: '/nodes/localhost/subscription', - method: 'GET', - //waitMsgTarget: me, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, opts) { - var data = response.result.data; - - if (data.status !== 'Active') { - Ext.Msg.show({ - title: gettext('No valid subscription'), - icon: Ext.Msg.WARNING, - msg: Proxmox.Utils.getNoSubKeyHtml(data.url), - buttons: Ext.Msg.OK, - callback: function(btn) { - if (btn !== 'ok') { - return; - } - orig_cmd(); - } - }); - } else { - orig_cmd(); - } - } - }); - }, - - assemble_field_data: function(values, data) { - if (Ext.isObject(data)) { - Ext.Object.each(data, function(name, val) { - if (values.hasOwnProperty(name)) { - var bucket = values[name]; - if (!Ext.isArray(bucket)) { - bucket = values[name] = [bucket]; - } - if (Ext.isArray(val)) { - values[name] = bucket.concat(val); - } else { - bucket.push(val); - } - } else { - values[name] = val; - } - }); - } - }, - - dialog_title: function(subject, create, isAdd) { - if (create) { - if (isAdd) { - return gettext('Add') + ': ' + subject; - } else { - return gettext('Create') + ': ' + subject; - } - } else { - return gettext('Edit') + ': ' + subject; - } - }, - - network_iface_types: { - eth: gettext("Network Device"), - bridge: 'Linux Bridge', - bond: 'Linux Bond', - vlan: 'Linux VLAN', - OVSBridge: 'OVS Bridge', - OVSBond: 'OVS Bond', - OVSPort: 'OVS Port', - OVSIntPort: 'OVS IntPort' - }, - - render_network_iface_type: function(value) { - return Proxmox.Utils.network_iface_types[value] || - Proxmox.Utils.unknownText; - }, - - task_desc_table: { - acmenewcert: [ 'SRV', gettext('Order Certificate') ], - acmeregister: [ 'ACME Account', gettext('Register') ], - acmedeactivate: [ 'ACME Account', gettext('Deactivate') ], - acmeupdate: [ 'ACME Account', gettext('Update') ], - acmerefresh: [ 'ACME Account', gettext('Refresh') ], - acmerenew: [ 'SRV', gettext('Renew Certificate') ], - acmerevoke: [ 'SRV', gettext('Revoke Certificate') ], - 'move_volume': [ 'CT', gettext('Move Volume') ], - clustercreate: [ '', gettext('Create Cluster') ], - clusterjoin: [ '', gettext('Join Cluster') ], - diskinit: [ 'Disk', gettext('Initialize Disk with GPT') ], - vncproxy: [ 'VM/CT', gettext('Console') ], - spiceproxy: [ 'VM/CT', gettext('Console') + ' (Spice)' ], - vncshell: [ '', gettext('Shell') ], - spiceshell: [ '', gettext('Shell') + ' (Spice)' ], - qmsnapshot: [ 'VM', gettext('Snapshot') ], - qmrollback: [ 'VM', gettext('Rollback') ], - qmdelsnapshot: [ 'VM', gettext('Delete Snapshot') ], - qmcreate: [ 'VM', gettext('Create') ], - qmrestore: [ 'VM', gettext('Restore') ], - qmdestroy: [ 'VM', gettext('Destroy') ], - qmigrate: [ 'VM', gettext('Migrate') ], - qmclone: [ 'VM', gettext('Clone') ], - qmmove: [ 'VM', gettext('Move disk') ], - qmtemplate: [ 'VM', gettext('Convert to template') ], - qmstart: [ 'VM', gettext('Start') ], - qmstop: [ 'VM', gettext('Stop') ], - qmreset: [ 'VM', gettext('Reset') ], - qmshutdown: [ 'VM', gettext('Shutdown') ], - qmsuspend: [ 'VM', gettext('Hibernate') ], - qmpause: [ 'VM', gettext('Pause') ], - qmresume: [ 'VM', gettext('Resume') ], - qmconfig: [ 'VM', gettext('Configure') ], - vzsnapshot: [ 'CT', gettext('Snapshot') ], - vzrollback: [ 'CT', gettext('Rollback') ], - vzdelsnapshot: [ 'CT', gettext('Delete Snapshot') ], - vzcreate: ['CT', gettext('Create') ], - vzrestore: ['CT', gettext('Restore') ], - vzdestroy: ['CT', gettext('Destroy') ], - vzmigrate: [ 'CT', gettext('Migrate') ], - vzclone: [ 'CT', gettext('Clone') ], - vztemplate: [ 'CT', gettext('Convert to template') ], - vzstart: ['CT', gettext('Start') ], - vzstop: ['CT', gettext('Stop') ], - vzmount: ['CT', gettext('Mount') ], - vzumount: ['CT', gettext('Unmount') ], - vzshutdown: ['CT', gettext('Shutdown') ], - vzsuspend: [ 'CT', gettext('Suspend') ], - vzresume: [ 'CT', gettext('Resume') ], - hamigrate: [ 'HA', gettext('Migrate') ], - hastart: [ 'HA', gettext('Start') ], - hastop: [ 'HA', gettext('Stop') ], - srvstart: ['SRV', gettext('Start') ], - srvstop: ['SRV', gettext('Stop') ], - srvrestart: ['SRV', gettext('Restart') ], - srvreload: ['SRV', gettext('Reload') ], - cephcreatemgr: ['Ceph Manager', gettext('Create') ], - cephdestroymgr: ['Ceph Manager', gettext('Destroy') ], - cephcreatemon: ['Ceph Monitor', gettext('Create') ], - cephdestroymon: ['Ceph Monitor', gettext('Destroy') ], - cephcreateosd: ['Ceph OSD', gettext('Create') ], - cephdestroyosd: ['Ceph OSD', gettext('Destroy') ], - cephcreatepool: ['Ceph Pool', gettext('Create') ], - cephdestroypool: ['Ceph Pool', gettext('Destroy') ], - cephfscreate: ['CephFS', gettext('Create') ], - cephcreatemds: ['Ceph Metadata Server', gettext('Create') ], - cephdestroymds: ['Ceph Metadata Server', gettext('Destroy') ], - imgcopy: ['', gettext('Copy data') ], - imgdel: ['', gettext('Erase data') ], - unknownimgdel: ['', gettext('Destroy image from unknown guest') ], - download: ['', gettext('Download') ], - vzdump: ['VM/CT', gettext('Backup') ], - aptupdate: ['', gettext('Update package database') ], - startall: [ '', gettext('Start all VMs and Containers') ], - stopall: [ '', gettext('Stop all VMs and Containers') ], - migrateall: [ '', gettext('Migrate all VMs and Containers') ], - dircreate: [ gettext('Directory Storage'), gettext('Create') ], - lvmcreate: [ gettext('LVM Storage'), gettext('Create') ], - lvmthincreate: [ gettext('LVM-Thin Storage'), gettext('Create') ], - zfscreate: [ gettext('ZFS Storage'), gettext('Create') ] - }, - - format_task_description: function(type, id) { - var farray = Proxmox.Utils.task_desc_table[type]; - var text; - if (!farray) { - text = type; - if (id) { - type += ' ' + id; - } - return text; - } - var prefix = farray[0]; - text = farray[1]; - if (prefix) { - return prefix + ' ' + id + ' - ' + text; - } - return text; - }, - - format_size: function(size) { - /*jslint confusion: true */ - - var units = ['', 'Ki', 'Mi', 'Gi', 'Ti', 'Pi', 'Ei', 'Zi', 'Yi']; - var num = 0; - - while (size >= 1024 && ((num++)+1) < units.length) { - size = size / 1024; - } - - return size.toFixed((num > 0)?2:0) + " " + units[num] + "B"; - }, - - render_upid: function(value, metaData, record) { - var type = record.data.type; - var id = record.data.id; - - return Proxmox.Utils.format_task_description(type, id); - }, - - render_uptime: function(value) { - - var uptime = value; - - if (uptime === undefined) { - return ''; - } - - if (uptime <= 0) { - return '-'; - } - - return Proxmox.Utils.format_duration_long(uptime); - }, - - parse_task_upid: function(upid) { - var task = {}; - - var res = upid.match(/^UPID:(\S+):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8,9}):([0-9A-Fa-f]{8}):([^:\s]+):([^:\s]*):([^:\s]+):$/); - if (!res) { - throw "unable to parse upid '" + upid + "'"; - } - task.node = res[1]; - task.pid = parseInt(res[2], 16); - task.pstart = parseInt(res[3], 16); - task.starttime = parseInt(res[4], 16); - task.type = res[5]; - task.id = res[6]; - task.user = res[7]; - - task.desc = Proxmox.Utils.format_task_description(task.type, task.id); - - return task; - }, - - render_timestamp: function(value, metaData, record, rowIndex, colIndex, store) { - var servertime = new Date(value * 1000); - return Ext.Date.format(servertime, 'Y-m-d H:i:s'); - }, - - openXtermJsViewer: function(vmtype, vmid, nodename, vmname, cmd) { - var url = Ext.Object.toQueryString({ - console: vmtype, // kvm, lxc, upgrade or shell - xtermjs: 1, - vmid: vmid, - vmname: vmname, - node: nodename, - cmd: cmd, - - }); - var nw = window.open("?" + url, '_blank', 'toolbar=no,location=no,status=no,menubar=no,resizable=yes,width=800,height=420'); - if (nw) { - nw.focus(); - } - } - -}, - - singleton: true, - constructor: function() { - var me = this; - Ext.apply(me, me.utilities); - - var IPV4_OCTET = "(?:25[0-5]|(?:[1-9]|1[0-9]|2[0-4])?[0-9])"; - var IPV4_REGEXP = "(?:(?:" + IPV4_OCTET + "\\.){3}" + IPV4_OCTET + ")"; - var IPV6_H16 = "(?:[0-9a-fA-F]{1,4})"; - var IPV6_LS32 = "(?:(?:" + IPV6_H16 + ":" + IPV6_H16 + ")|" + IPV4_REGEXP + ")"; - - - me.IP4_match = new RegExp("^(?:" + IPV4_REGEXP + ")$"); - me.IP4_cidr_match = new RegExp("^(?:" + IPV4_REGEXP + ")\/([0-9]{1,2})$"); - - var IPV6_REGEXP = "(?:" + - "(?:(?:" + "(?:" + IPV6_H16 + ":){6})" + IPV6_LS32 + ")|" + - "(?:(?:" + "::" + "(?:" + IPV6_H16 + ":){5})" + IPV6_LS32 + ")|" + - "(?:(?:(?:" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){4})" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,1}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){3})" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,2}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){2})" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,3}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){1})" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,4}" + IPV6_H16 + ")?::" + ")" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,5}" + IPV6_H16 + ")?::" + ")" + IPV6_H16 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,7}" + IPV6_H16 + ")?::" + ")" + ")" + - ")"; - - me.IP6_match = new RegExp("^(?:" + IPV6_REGEXP + ")$"); - me.IP6_cidr_match = new RegExp("^(?:" + IPV6_REGEXP + ")\/([0-9]{1,3})$"); - me.IP6_bracket_match = new RegExp("^\\[(" + IPV6_REGEXP + ")\\]"); - - me.IP64_match = new RegExp("^(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + ")$"); - - var DnsName_REGEXP = "(?:(([a-zA-Z0-9]([a-zA-Z0-9\\-]*[a-zA-Z0-9])?)\\.)*([A-Za-z0-9]([A-Za-z0-9\\-]*[A-Za-z0-9])?))"; - me.DnsName_match = new RegExp("^" + DnsName_REGEXP + "$"); - - me.HostPort_match = new RegExp("^(" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")(:\\d+)?$"); - me.HostPortBrackets_match = new RegExp("^\\[(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")\\](:\\d+)?$"); - me.IP6_dotnotation_match = new RegExp("^" + IPV6_REGEXP + "(\\.\\d+)?$"); - } -}); -// ExtJS related things - - // do not send '_dc' parameter -Ext.Ajax.disableCaching = false; - -// custom Vtypes -Ext.apply(Ext.form.field.VTypes, { - IPAddress: function(v) { - return Proxmox.Utils.IP4_match.test(v); - }, - IPAddressText: gettext('Example') + ': 192.168.1.1', - IPAddressMask: /[\d\.]/i, - - IPCIDRAddress: function(v) { - var result = Proxmox.Utils.IP4_cidr_match.exec(v); - // limits according to JSON Schema see - // pve-common/src/PVE/JSONSchema.pm - return (result !== null && result[1] >= 8 && result[1] <= 32); - }, - IPCIDRAddressText: gettext('Example') + ': 192.168.1.1/24' + "
" + gettext('Valid CIDR Range') + ': 8-32', - IPCIDRAddressMask: /[\d\.\/]/i, - - IP6Address: function(v) { - return Proxmox.Utils.IP6_match.test(v); - }, - IP6AddressText: gettext('Example') + ': 2001:DB8::42', - IP6AddressMask: /[A-Fa-f0-9:]/, - - IP6CIDRAddress: function(v) { - var result = Proxmox.Utils.IP6_cidr_match.exec(v); - // limits according to JSON Schema see - // pve-common/src/PVE/JSONSchema.pm - return (result !== null && result[1] >= 8 && result[1] <= 128); - }, - IP6CIDRAddressText: gettext('Example') + ': 2001:DB8::42/64' + "
" + gettext('Valid CIDR Range') + ': 8-128', - IP6CIDRAddressMask: /[A-Fa-f0-9:\/]/, - - IP6PrefixLength: function(v) { - return v >= 0 && v <= 128; - }, - IP6PrefixLengthText: gettext('Example') + ': X, where 0 <= X <= 128', - IP6PrefixLengthMask: /[0-9]/, - - IP64Address: function(v) { - return Proxmox.Utils.IP64_match.test(v); - }, - IP64AddressText: gettext('Example') + ': 192.168.1.1 2001:DB8::42', - IP64AddressMask: /[A-Fa-f0-9\.:]/, - - MacAddress: function(v) { - return (/^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/).test(v); - }, - MacAddressMask: /[a-fA-F0-9:]/, - MacAddressText: gettext('Example') + ': 01:23:45:67:89:ab', - - MacPrefix: function(v) { - return (/^[a-f0-9][02468ace](?::[a-f0-9]{2}){0,2}:?$/i).test(v); - }, - MacPrefixMask: /[a-fA-F0-9:]/, - MacPrefixText: gettext('Example') + ': 02:8f - ' + gettext('only unicast addresses are allowed'), - - BridgeName: function(v) { - return (/^vmbr\d{1,4}$/).test(v); - }, - BridgeNameText: gettext('Format') + ': vmbrN, where 0 <= N <= 9999', - - BondName: function(v) { - return (/^bond\d{1,4}$/).test(v); - }, - BondNameText: gettext('Format') + ': bondN, where 0 <= N <= 9999', - - InterfaceName: function(v) { - return (/^[a-z][a-z0-9_]{1,20}$/).test(v); - }, - InterfaceNameText: gettext("Allowed characters") + ": 'a-z', '0-9', '_'" + "
" + - gettext("Minimum characters") + ": 2" + "
" + - gettext("Maximum characters") + ": 21" + "
" + - gettext("Must start with") + ": 'a-z'", - - StorageId: function(v) { - return (/^[a-z][a-z0-9\-\_\.]*[a-z0-9]$/i).test(v); - }, - StorageIdText: gettext("Allowed characters") + ": 'A-Z', 'a-z', '0-9', '-', '_', '.'" + "
" + - gettext("Minimum characters") + ": 2" + "
" + - gettext("Must start with") + ": 'A-Z', 'a-z'
" + - gettext("Must end with") + ": 'A-Z', 'a-z', '0-9'
", - - ConfigId: function(v) { - return (/^[a-z][a-z0-9\_]+$/i).test(v); - }, - ConfigIdText: gettext("Allowed characters") + ": 'A-Z', 'a-z', '0-9', '_'" + "
" + - gettext("Minimum characters") + ": 2" + "
" + - gettext("Must start with") + ": " + gettext("letter"), - - HttpProxy: function(v) { - return (/^http:\/\/.*$/).test(v); - }, - HttpProxyText: gettext('Example') + ": http://username:password@host:port/", - - DnsName: function(v) { - return Proxmox.Utils.DnsName_match.test(v); - }, - DnsNameText: gettext('This is not a valid DNS name'), - - // workaround for https://www.sencha.com/forum/showthread.php?302150 - proxmoxMail: function(v) { - return (/^(\w+)([\-+.][\w]+)*@(\w[\-\w]*\.){1,5}([A-Za-z]){2,63}$/).test(v); - }, - proxmoxMailText: gettext('Example') + ": user@example.com", - - DnsOrIp: function(v) { - if (!Proxmox.Utils.DnsName_match.test(v) && - !Proxmox.Utils.IP64_match.test(v)) { - return false; - } - - return true; - }, - DnsOrIpText: gettext('Not a valid DNS name or IP address.'), - - HostList: function(v) { - var list = v.split(/[\ \,\;]+/); - var i; - for (i = 0; i < list.length; i++) { - if (list[i] == "") { - continue; - } - - if (!Proxmox.Utils.HostPort_match.test(list[i]) && - !Proxmox.Utils.HostPortBrackets_match.test(list[i]) && - !Proxmox.Utils.IP6_dotnotation_match.test(list[i])) { - return false; - } - } - - return true; - }, - HostListText: gettext('Not a valid list of hosts'), - - password: function(val, field) { - if (field.initialPassField) { - var pwd = field.up('form').down( - '[name=' + field.initialPassField + ']'); - return (val == pwd.getValue()); - } - return true; - }, - - passwordText: gettext('Passwords do not match') -}); - -// Firefox 52+ Touchscreen bug -// see https://www.sencha.com/forum/showthread.php?336762-Examples-don-t-work-in-Firefox-52-touchscreen/page2 -// and https://bugzilla.proxmox.com/show_bug.cgi?id=1223 -Ext.define('EXTJS_23846.Element', { - override: 'Ext.dom.Element' -}, function(Element) { - var supports = Ext.supports, - proto = Element.prototype, - eventMap = proto.eventMap, - additiveEvents = proto.additiveEvents; - - if (Ext.os.is.Desktop && supports.TouchEvents && !supports.PointerEvents) { - eventMap.touchstart = 'mousedown'; - eventMap.touchmove = 'mousemove'; - eventMap.touchend = 'mouseup'; - eventMap.touchcancel = 'mouseup'; - - additiveEvents.mousedown = 'mousedown'; - additiveEvents.mousemove = 'mousemove'; - additiveEvents.mouseup = 'mouseup'; - additiveEvents.touchstart = 'touchstart'; - additiveEvents.touchmove = 'touchmove'; - additiveEvents.touchend = 'touchend'; - additiveEvents.touchcancel = 'touchcancel'; - - additiveEvents.pointerdown = 'mousedown'; - additiveEvents.pointermove = 'mousemove'; - additiveEvents.pointerup = 'mouseup'; - additiveEvents.pointercancel = 'mouseup'; - } -}); - -Ext.define('EXTJS_23846.Gesture', { - override: 'Ext.event.publisher.Gesture' -}, function(Gesture) { - var me = Gesture.instance; - - if (Ext.supports.TouchEvents && !Ext.isWebKit && Ext.os.is.Desktop) { - me.handledDomEvents.push('mousedown', 'mousemove', 'mouseup'); - me.registerEvents(); - } -}); - -// we always want the number in x.y format and never in, e.g., x,y -Ext.define('PVE.form.field.Number', { - override: 'Ext.form.field.Number', - submitLocaleSeparator: false -}); - -// ExtJs 5-6 has an issue with caching -// see https://www.sencha.com/forum/showthread.php?308989 -Ext.define('Proxmox.UnderlayPool', { - override: 'Ext.dom.UnderlayPool', - - checkOut: function () { - var cache = this.cache, - len = cache.length, - el; - - // do cleanup because some of the objects might have been destroyed - while (len--) { - if (cache[len].destroyed) { - cache.splice(len, 1); - } - } - // end do cleanup - - el = cache.shift(); - - if (!el) { - el = Ext.Element.create(this.elementConfig); - el.setVisibilityMode(2); - //
'+ current +'
';
- }
- }
-
- if (pending) {
- return current + '' + pending + '
';
- } else {
- return current;
- }
- },
-
- initComponent : function() {
- var me = this;
-
- var rows = me.rows;
-
- if (!me.rstore) {
- if (!me.url) {
- throw "no url specified";
- }
-
- me.rstore = Ext.create('Proxmox.data.ObjectStore', {
- model: 'KeyValuePendingDelete',
- readArray: true,
- url: me.url,
- interval: me.interval,
- extraParams: me.extraParams,
- rows: me.rows
- });
- }
-
- me.callParent();
- }
-});
-Ext.define('Proxmox.panel.InputPanel', {
- extend: 'Ext.panel.Panel',
- alias: ['widget.inputpanel'],
- listeners: {
- activate: function() {
- // notify owning container that it should display a help button
- if (this.onlineHelp) {
- Ext.GlobalEvents.fireEvent('proxmoxShowHelp', this.onlineHelp);
- }
- },
- deactivate: function() {
- if (this.onlineHelp) {
- Ext.GlobalEvents.fireEvent('proxmoxHideHelp', this.onlineHelp);
- }
- }
- },
- border: false,
-
- // override this with an URL to a relevant chapter of the pve manual
- // setting this will display a help button in our parent panel
- onlineHelp: undefined,
-
- // will be set if the inputpanel has advanced items
- hasAdvanced: false,
-
- // if the panel has advanced items,
- // this will determine if they are shown by default
- showAdvanced: false,
-
- // overwrite this to modify submit data
- onGetValues: function(values) {
- return values;
- },
-
- getValues: function(dirtyOnly) {
- var me = this;
-
- if (Ext.isFunction(me.onGetValues)) {
- dirtyOnly = false;
- }
-
- var values = {};
-
- Ext.Array.each(me.query('[isFormField]'), function(field) {
- if (!dirtyOnly || field.isDirty()) {
- Proxmox.Utils.assemble_field_data(values, field.getSubmitData());
- }
- });
-
- return me.onGetValues(values);
- },
-
- setAdvancedVisible: function(visible) {
- var me = this;
- var advItems = me.getComponent('advancedContainer');
- if (advItems) {
- advItems.setVisible(visible);
- }
- },
-
- setValues: function(values) {
- var me = this;
-
- var form = me.up('form');
-
- Ext.iterate(values, function(fieldId, val) {
- var field = me.query('[isFormField][name=' + fieldId + ']')[0];
- if (field) {
- field.setValue(val);
- if (form.trackResetOnLoad) {
- field.resetOriginalValue();
- }
- }
- });
- },
-
- initComponent: function() {
- var me = this;
-
- var items;
-
- if (me.items) {
- me.columns = 1;
- items = [
- {
- columnWidth: 1,
- layout: 'anchor',
- items: me.items
- }
- ];
- me.items = undefined;
- } else if (me.column4) {
- me.columns = 4;
- items = [
- {
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column1
- },
- {
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column2
- },
- {
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column3
- },
- {
- columnWidth: 0.25,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.column4
- }
- ];
- if (me.columnB) {
- items.push({
- columnWidth: 1,
- padding: '10 0 0 0',
- layout: 'anchor',
- items: me.columnB
- });
- }
- } else if (me.column1) {
- me.columns = 2;
- items = [
- {
- columnWidth: 0.5,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column1
- },
- {
- columnWidth: 0.5,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.column2 || [] // allow empty column
- }
- ];
- if (me.columnB) {
- items.push({
- columnWidth: 1,
- padding: '10 0 0 0',
- layout: 'anchor',
- items: me.columnB
- });
- }
- } else {
- throw "unsupported config";
- }
-
- var advItems;
- if (me.advancedItems) {
- advItems = [
- {
- columnWidth: 1,
- layout: 'anchor',
- items: me.advancedItems
- }
- ];
- me.advancedItems = undefined;
- } else if (me.advancedColumn1) {
- advItems = [
- {
- columnWidth: 0.5,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.advancedColumn1
- },
- {
- columnWidth: 0.5,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.advancedColumn2 || [] // allow empty column
- }
- ];
-
- me.advancedColumn1 = undefined;
- me.advancedColumn2 = undefined;
-
- if (me.advancedColumnB) {
- advItems.push({
- columnWidth: 1,
- padding: '10 0 0 0',
- layout: 'anchor',
- items: me.advancedColumnB
- });
- me.advancedColumnB = undefined;
- }
- }
-
- if (advItems) {
- me.hasAdvanced = true;
- advItems.unshift({
- columnWidth: 1,
- xtype: 'box',
- hidden: false,
- border: true,
- autoEl: {
- tag: 'hr'
- }
- });
- items.push({
- columnWidth: 1,
- xtype: 'container',
- itemId: 'advancedContainer',
- hidden: !me.showAdvanced,
- layout: 'column',
- defaults: {
- border: false
- },
- items: advItems
- });
- }
-
- if (me.useFieldContainer) {
- Ext.apply(me, {
- layout: 'fit',
- items: Ext.apply(me.useFieldContainer, {
- layout: 'column',
- defaultType: 'container',
- items: items
- })
- });
- } else {
- Ext.apply(me, {
- layout: 'column',
- defaultType: 'container',
- items: items
- });
- }
-
- me.callParent();
- }
-});
-/*
- * Display log entries in a panel with scrollbar
- * The log entries are automatically refreshed via a background task,
- * with newest entries comming at the bottom
- */
-Ext.define('Proxmox.panel.LogView', {
- extend: 'Ext.panel.Panel',
- xtype: 'proxmoxLogView',
-
- pageSize: 500,
- viewBuffer: 50,
- lineHeight: 16,
-
- scrollToEnd: true,
-
- // callback for load failure, used for ceph
- failCallback: undefined,
-
- controller: {
- xclass: 'Ext.app.ViewController',
-
- updateParams: function() {
- var me = this;
- var viewModel = me.getViewModel();
- var since = viewModel.get('since');
- var until = viewModel.get('until');
- if (viewModel.get('hide_timespan')) {
- return;
- }
-
- if (since > until) {
- Ext.Msg.alert('Error', 'Since date must be less equal than Until date.');
- return;
- }
-
- viewModel.set('params.since', Ext.Date.format(since, 'Y-m-d'));
- viewModel.set('params.until', Ext.Date.format(until, 'Y-m-d') + ' 23:59:59');
- me.getView().loadTask.delay(200);
- },
-
- scrollPosBottom: function() {
- var view = this.getView();
- var pos = view.getScrollY();
- var maxPos = view.getScrollable().getMaxPosition().y;
- return maxPos - pos;
- },
-
- updateView: function(text, first, total) {
- var me = this;
- var view = me.getView();
- var viewModel = me.getViewModel();
- var content = me.lookup('content');
- var data = viewModel.get('data');
-
- if (first === data.first && total === data.total && text.length === data.textlen) {
- return; // same content, skip setting and scrolling
- }
- viewModel.set('data', {
- first: first,
- total: total,
- textlen: text.length
- });
-
- var scrollPos = me.scrollPosBottom();
-
- content.update(text);
-
- if (view.scrollToEnd && scrollPos <= 0) {
- // we use setTimeout to work around scroll handling on touchscreens
- setTimeout(function() { view.scrollTo(0, Infinity); }, 10);
- }
- },
-
- doLoad: function() {
- var me = this;
- var view = me.getView();
- var viewModel = me.getViewModel();
- Proxmox.Utils.API2Request({
- url: me.getView().url,
- params: viewModel.get('params'),
- method: 'GET',
- success: function(response) {
- Proxmox.Utils.setErrorMask(me, false);
- var total = response.result.total;
- var lines = new Array();
- var first = Infinity;
-
- Ext.Array.each(response.result.data, function(line) {
- if (first > line.n) {
- first = line.n;
- }
- lines[line.n - 1] = Ext.htmlEncode(line.t);
- });
-
- lines.length = total;
- me.updateView(lines.join(''), first - 1, total); - }, - failure: function(response) { - if (view.failCallback) { - view.failCallback(response); - } else { - var msg = response.htmlStatus; - Proxmox.Utils.setErrorMask(me, msg); - } - } - }); - }, - - onScroll: function(x, y) { - var me = this; - var view = me.getView(); - var viewModel = me.getViewModel(); - - var lineHeight = view.lineHeight; - var line = view.getScrollY()/lineHeight; - var start = viewModel.get('params.start'); - var limit = viewModel.get('params.limit'); - var viewLines = view.getHeight()/lineHeight; - - var viewStart = Math.max(parseInt(line - 1 - view.viewBuffer, 10), 0); - var viewEnd = parseInt(line + viewLines + 1 + view.viewBuffer, 10); - - if (viewStart < start || viewEnd > (start+limit)) { - viewModel.set('params.start', - Math.max(parseInt(line - limit/2 + 10, 10), 0)); - view.loadTask.delay(200); - } - }, - - init: function(view) { - var me = this; - - if (!view.url) { - throw "no url specified"; - } - - var viewModel = this.getViewModel(); - var since = new Date(); - since.setDate(since.getDate() - 3); - viewModel.set('until', new Date()); - viewModel.set('since', since); - viewModel.set('params.limit', view.pageSize); - viewModel.set('hide_timespan', !view.log_select_timespan); - me.lookup('content').setStyle('line-height', view.lineHeight + 'px'); - - view.loadTask = new Ext.util.DelayedTask(me.doLoad, me); - - me.updateParams(); - view.task = Ext.TaskManager.start({ - run: function() { - if (!view.isVisible() || !view.scrollToEnd) { - return; - } - - if (me.scrollPosBottom() <= 1) { - view.loadTask.delay(200); - } - }, - interval: 1000 - }); - } - }, - - onDestroy: function() { - var me = this; - me.loadTask.cancel(); - Ext.TaskManager.stop(me.task); - }, - - // for user to initiate a load from outside - requestUpdate: function() { - var me = this; - me.loadTask.delay(200); - }, - - viewModel: { - data: { - until: null, - since: null, - hide_timespan: false, - data: { - start: 0, - total: 0, - textlen: 0 - }, - params: { - start: 0, - limit: 500, - } - } - }, - - layout: 'auto', - bodyPadding: 5, - scrollable: { - x: 'auto', - y: 'auto', - listeners: { - // we have to have this here, since we cannot listen to events - // of the scroller in the viewcontroller (extjs bug?), nor does - // the panel have a 'scroll' event' - scroll: { - fn: function(scroller, x, y) { - var controller = this.component.getController(); - if (controller) { // on destroy, controller can be gone - controller.onScroll(x,y); - } - }, - buffer: 200 - }, - } - }, - - tbar: { - bind: { - hidden: '{hide_timespan}' - }, - items: [ - '->', - 'Since: ', - { - xtype: 'datefield', - name: 'since_date', - reference: 'since', - format: 'Y-m-d', - bind: { - value: '{since}', - maxValue: '{until}' - } - }, - 'Until: ', - { - xtype: 'datefield', - name: 'until_date', - reference: 'until', - format: 'Y-m-d', - bind: { - value: '{until}', - minValue: '{since}' - } - }, - { - xtype: 'button', - text: 'Update', - handler: 'updateParams' - } - ], - }, - - items: [ - { - xtype: 'box', - reference: 'content', - style: { - font: 'normal 11px tahoma, arial, verdana, sans-serif', - 'white-space': 'pre' - }, - } - ] -}); -Ext.define('Proxmox.widget.RRDChart', { - extend: 'Ext.chart.CartesianChart', - alias: 'widget.proxmoxRRDChart', - - unit: undefined, // bytes, bytespersecond, percent - - controller: { - xclass: 'Ext.app.ViewController', - - convertToUnits: function(value) { - var units = ['', 'k','M','G','T', 'P']; - var si = 0; - while(value >= 1000 && si < (units.length -1)){ - value = value / 1000; - si++; - } - - // javascript floating point weirdness - value = Ext.Number.correctFloat(value); - - // limit to 2 decimal points - value = Ext.util.Format.number(value, "0.##"); - - return value.toString() + " " + units[si]; - }, - - leftAxisRenderer: function(axis, label, layoutContext) { - var me = this; - - return me.convertToUnits(label); - }, - - onSeriesTooltipRender: function(tooltip, record, item) { - var me = this.getView(); - - var suffix = ''; - - if (me.unit === 'percent') { - suffix = '%'; - } else if (me.unit === 'bytes') { - suffix = 'B'; - } else if (me.unit === 'bytespersecond') { - suffix = 'B/s'; - } - - var prefix = item.field; - if (me.fieldTitles && me.fieldTitles[me.fields.indexOf(item.field)]) { - prefix = me.fieldTitles[me.fields.indexOf(item.field)]; - } - tooltip.setHtml(prefix + ': ' + this.convertToUnits(record.get(item.field)) + suffix + - '
' + new Date(record.get('time'))); - }, - - onAfterAnimation: function(chart, eopts) { - // if the undobuton is disabled, - // disable our tool - - var ourUndoZoomButton = chart.tools[0]; - var undoButton = chart.interactions[0].getUndoButton(); - ourUndoZoomButton.setDisabled(undoButton.isDisabled()); - } - }, - - width: 770, - height: 300, - animation: false, - interactions: [{ - type: 'crosszoom' - }], - axes: [{ - type: 'numeric', - position: 'left', - grid: true, - renderer: 'leftAxisRenderer', - //renderer: function(axis, label) { return label; }, - minimum: 0 - }, { - type: 'time', - position: 'bottom', - grid: true, - fields: ['time'] - }], - legend: { - docked: 'bottom' - }, - listeners: { - animationend: 'onAfterAnimation' - }, - - - initComponent: function() { - var me = this; - var series = {}; - - if (!me.store) { - throw "cannot work without store"; - } - - if (!me.fields) { - throw "cannot work without fields"; - } - - me.callParent(); - - // add correct label for left axis - var axisTitle = ""; - if (me.unit === 'percent') { - axisTitle = "%"; - } else if (me.unit === 'bytes') { - axisTitle = "Bytes"; - } else if (me.unit === 'bytespersecond') { - axisTitle = "Bytes/s"; - } else if (me.fieldTitles && me.fieldTitles.length === 1) { - axisTitle = me.fieldTitles[0]; - } else if (me.fields.length === 1) { - axisTitle = me.fields[0]; - } - - me.axes[0].setTitle(axisTitle); - - if (!me.noTool) { - me.addTool([{ - type: 'minus', - disabled: true, - tooltip: gettext('Undo Zoom'), - handler: function(){ - var undoButton = me.interactions[0].getUndoButton(); - if (undoButton.handler) { - undoButton.handler(); - } - } - },{ - type: 'restore', - tooltip: gettext('Toggle Legend'), - handler: function(){ - if (me.legend) { - me.legend.setVisible(!me.legend.isVisible()); - } - } - }]); - } - - // add a series for each field we get - me.fields.forEach(function(item, index){ - var title = item; - if (me.fieldTitles && me.fieldTitles[index]) { - title = me.fieldTitles[index]; - } - me.addSeries(Ext.apply( - { - type: 'line', - xField: 'time', - yField: item, - title: title, - fill: true, - style: { - lineWidth: 1.5, - opacity: 0.60 - }, - marker: { - opacity: 0, - scaling: 0.01, - fx: { - duration: 200, - easing: 'easeOut' - } - }, - highlightCfg: { - opacity: 1, - scaling: 1.5 - }, - tooltip: { - trackMouse: true, - renderer: 'onSeriesTooltipRender' - } - }, - me.seriesConfig - )); - }); - - // enable animation after the store is loaded - me.store.onAfter('load', function() { - me.setAnimation(true); - }, this, {single: true}); - } -}); -Ext.define('Proxmox.panel.GaugeWidget', { - extend: 'Ext.panel.Panel', - alias: 'widget.proxmoxGauge', - - defaults: { - style: { - 'text-align':'center' - } - }, - items: [ - { - xtype: 'box', - itemId: 'title', - data: { - title: '' - }, - tpl: '
{title}
' - }, - { - xtype: 'polar', - height: 120, - border: false, - itemId: 'chart', - series: [{ - type: 'gauge', - value: 0, - colors: ['#f5f5f5'], - sectors: [0], - donut: 90, - needleLength: 100, - totalAngle: Math.PI - }], - sprites: [{ - id: 'valueSprite', - type: 'text', - text: '', - textAlign: 'center', - textBaseline: 'bottom', - x: 125, - y: 110, - fontSize: 30 - }] - }, - { - xtype: 'box', - itemId: 'text' - } - ], - - header: false, - border: false, - - warningThreshold: 0.6, - criticalThreshold: 0.9, - warningColor: '#fc0', - criticalColor: '#FF6C59', - defaultColor: '#7289DA', - backgroundColor: '#2C2F33', - - initialValue: 0, - - - updateValue: function(value, text) { - var me = this; - var color = me.defaultColor; - var attr = {}; - - if (value >= me.criticalThreshold) { - color = me.criticalColor; - } else if (value >= me.warningThreshold) { - color = me.warningColor; - } - - me.chart.series[0].setColors([color, me.backgroundColor]); - me.chart.series[0].setValue(value*100); - - me.valueSprite.setText(' '+(value*100).toFixed(0) + '%'); - attr.x = me.chart.getWidth()/2; - attr.y = me.chart.getHeight()-20; - if (me.spriteFontSize) { - attr.fontSize = me.spriteFontSize; - } - me.valueSprite.setAttributes(attr, true); - - if (text !== undefined) { - me.text.setHtml(text); - } - }, - - initComponent: function() { - var me = this; - - me.callParent(); - - if (me.title) { - me.getComponent('title').update({title: me.title}); - } - me.text = me.getComponent('text'); - me.chart = me.getComponent('chart'); - me.valueSprite = me.chart.getSurface('chart').get('valueSprite'); - } -}); -// fixme: how can we avoid those lint errors? -/*jslint confusion: true */ -Ext.define('Proxmox.window.Edit', { - extend: 'Ext.window.Window', - alias: 'widget.proxmoxWindowEdit', - - // autoLoad trigger a load() after component creation - autoLoad: false, - - resizable: false, - - // use this tio atimatically generate a title like - // Create:' +
- Ext.String.htmlEncode(data.Description) +
- '
',
- rowBodyColspan: colspan
- };
- }
- });
-
- var reload = function() {
- store.load();
- };
-
- Proxmox.Utils.monStoreErrors(me, store, true);
-
- var apt_command = function(cmd){
- Proxmox.Utils.API2Request({
- url: "/nodes/" + me.nodename + "/apt/" + cmd,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, opts) {
- var upid = response.result.data;
-
- var win = Ext.create('Proxmox.window.TaskViewer', {
- upid: upid
- });
- win.show();
- me.mon(win, 'close', reload);
- }
- });
- };
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var update_btn = new Ext.Button({
- text: gettext('Refresh'),
- handler: function(){
- Proxmox.Utils.checked_command(function() { apt_command('update'); });
- }
- });
-
- var show_changelog = function(rec) {
- if (!rec || !rec.data || !(rec.data.ChangeLogUrl && rec.data.Package)) {
- return;
- }
-
- var view = Ext.createWidget('component', {
- autoScroll: true,
- style: {
- 'background-color': 'white',
- 'white-space': 'pre',
- 'font-family': 'monospace',
- padding: '5px'
- }
- });
-
- var win = Ext.create('Ext.window.Window', {
- title: gettext('Changelog') + ": " + rec.data.Package,
- width: 800,
- height: 400,
- layout: 'fit',
- modal: true,
- items: [ view ]
- });
-
- Proxmox.Utils.API2Request({
- waitMsgTarget: me,
- url: "/nodes/" + me.nodename + "/apt/changelog",
- params: {
- name: rec.data.Package,
- version: rec.data.Version
- },
- method: 'GET',
- failure: function(response, opts) {
- win.close();
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, opts) {
- win.show();
- view.update(Ext.htmlEncode(response.result.data));
- }
- });
-
- };
-
- var changelog_btn = new Proxmox.button.Button({
- text: gettext('Changelog'),
- selModel: sm,
- disabled: true,
- enableFn: function(rec) {
- if (!rec || !rec.data || !(rec.data.ChangeLogUrl && rec.data.Package)) {
- return false;
- }
- return true;
- },
- handler: function(b, e, rec) {
- show_changelog(rec);
- }
- });
-
- if (me.upgradeBtn) {
- me.tbar = [ update_btn, me.upgradeBtn, changelog_btn ];
- } else {
- me.tbar = [ update_btn, changelog_btn ];
- }
-
- Ext.apply(me, {
- store: store,
- stateful: true,
- stateId: 'grid-update',
- selModel: sm,
- viewConfig: {
- stripeRows: false,
- emptyText: '' + gettext('No updates available.') + '
" + Ext.htmlEncode(changes) + ""); - changeitem.setHidden(false); - } - } - }); - }; - - var run_editor = function() { - var grid = me.down('gridpanel'); - var sm = grid.getSelectionModel(); - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iface: rec.data.iface, - iftype: rec.data.type - }); - win.show(); - win.on('destroy', reload); - }; - - var edit_btn = new Ext.Button({ - text: gettext('Edit'), - disabled: true, - handler: run_editor - }); - - var del_btn = new Ext.Button({ - text: gettext('Remove'), - disabled: true, - handler: function(){ - var grid = me.down('gridpanel'); - var sm = grid.getSelectionModel(); - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var iface = rec.data.iface; - - Proxmox.Utils.API2Request({ - url: baseUrl + '/' + iface, - method: 'DELETE', - waitMsgTarget: me, - callback: function() { - reload(); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - }); - - var set_button_status = function() { - var grid = me.down('gridpanel'); - var sm = grid.getSelectionModel(); - var rec = sm.getSelection()[0]; - - edit_btn.setDisabled(!rec); - del_btn.setDisabled(!rec); - }; - - var render_ports = function(value, metaData, record) { - if (value === 'bridge') { - return record.data.bridge_ports; - } else if (value === 'bond') { - return record.data.slaves; - } else if (value === 'OVSBridge') { - return record.data.ovs_ports; - } else if (value === 'OVSBond') { - return record.data.ovs_bonds; - } - }; - - var find_next_iface_id = function(prefix) { - var next; - for (next = 0; next <= 9999; next++) { - if (!store.getById(prefix + next.toString())) { - break; - } - } - return prefix + next.toString(); - }; - - var menu_items = []; - - if (me.types.indexOf('bridge') !== -1) { - menu_items.push({ - text: Proxmox.Utils.render_network_iface_type('bridge'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'bridge', - iface_default: find_next_iface_id('vmbr') - }); - win.on('destroy', reload); - win.show(); - } - }); - } - - if (me.types.indexOf('bond') !== -1) { - menu_items.push({ - text: Proxmox.Utils.render_network_iface_type('bond'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'bond', - iface_default: find_next_iface_id('bond') - }); - win.on('destroy', reload); - win.show(); - } - }); - } - - if (me.types.indexOf('ovs') !== -1) { - if (menu_items.length > 0) { - menu_items.push({ xtype: 'menuseparator' }); - } - - menu_items.push( - { - text: Proxmox.Utils.render_network_iface_type('OVSBridge'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'OVSBridge', - iface_default: find_next_iface_id('vmbr') - }); - win.on('destroy', reload); - win.show(); - } - }, - { - text: Proxmox.Utils.render_network_iface_type('OVSBond'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'OVSBond', - iface_default: find_next_iface_id('bond') - }); - win.on('destroy', reload); - win.show(); - } - }, - { - text: Proxmox.Utils.render_network_iface_type('OVSIntPort'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'OVSIntPort' - }); - win.on('destroy', reload); - win.show(); - } - } - ); - } - - Ext.apply(me, { - layout: 'border', - tbar: [ - { - text: gettext('Create'), - menu: { - plain: true, - items: menu_items - } - }, ' ', - { - text: gettext('Revert'), - handler: function() { - Proxmox.Utils.API2Request({ - url: baseUrl, - method: 'DELETE', - waitMsgTarget: me, - callback: function() { - reload(); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - }, - edit_btn, - del_btn - ], - items: [ - { - xtype: 'gridpanel', - stateful: true, - stateId: 'grid-node-network', - store: store, - region: 'center', - border: false, - columns: [ - { - header: gettext('Name'), - sortable: true, - dataIndex: 'iface' - }, - { - header: gettext('Type'), - sortable: true, - width: 120, - renderer: Proxmox.Utils.render_network_iface_type, - dataIndex: 'type' - }, - { - xtype: 'booleancolumn', - header: gettext('Active'), - width: 80, - sortable: true, - dataIndex: 'active', - trueText: Proxmox.Utils.yesText, - falseText: Proxmox.Utils.noText, - undefinedText: Proxmox.Utils.noText, - }, - { - xtype: 'booleancolumn', - header: gettext('Autostart'), - width: 80, - sortable: true, - dataIndex: 'autostart', - trueText: Proxmox.Utils.yesText, - falseText: Proxmox.Utils.noText, - undefinedText: Proxmox.Utils.noText - }, - { - xtype: 'booleancolumn', - header: gettext('VLAN aware'), - width: 80, - sortable: true, - dataIndex: 'bridge_vlan_aware', - trueText: Proxmox.Utils.yesText, - falseText: Proxmox.Utils.noText, - undefinedText: Proxmox.Utils.noText - }, - { - header: gettext('Ports/Slaves'), - dataIndex: 'type', - renderer: render_ports - }, - { - header: gettext('IP address'), - sortable: true, - width: 120, - dataIndex: 'address', - renderer: function(value, metaData, rec) { - if (rec.data.address && rec.data.address6) { - return rec.data.address + "
" - + rec.data.address6 + '/' + rec.data.netmask6; - } else if (rec.data.address6) { - return rec.data.address6 + '/' + rec.data.netmask6; - } else { - return rec.data.address; - } - } - }, - { - header: gettext('Subnet mask'), - width: 120, - sortable: true, - dataIndex: 'netmask' - }, - { - header: gettext('Gateway'), - width: 120, - sortable: true, - dataIndex: 'gateway', - renderer: function(value, metaData, rec) { - if (rec.data.gateway && rec.data.gateway6) { - return rec.data.gateway + "
" + rec.data.gateway6; - } else if (rec.data.gateway6) { - return rec.data.gateway6; - } else { - return rec.data.gateway; - } - } - }, - { - header: gettext('Comment'), - dataIndex: 'comments', - flex: 1, - renderer: Ext.String.htmlEncode - } - ], - listeners: { - selectionchange: set_button_status, - itemdblclick: run_editor - } - }, - { - border: false, - region: 'south', - autoScroll: true, - hidden: true, - itemId: 'changes', - tbar: [ - gettext('Pending changes') + ' (' + - gettext('Please reboot to activate changes') + ')' - ], - split: true, - bodyPadding: 5, - flex: 0.6, - html: gettext("No changes") - } - ], - }); - - me.callParent(); - reload(); - } -}); -Ext.define('Proxmox.node.DNSEdit', { - extend: 'Proxmox.window.Edit', - alias: ['widget.proxmoxNodeDNSEdit'], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.items = [ - { - xtype: 'textfield', - fieldLabel: gettext('Search domain'), - name: 'search', - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('DNS server') + " 1", - vtype: 'IP64Address', - skipEmptyText: true, - name: 'dns1' - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('DNS server') + " 2", - vtype: 'IP64Address', - skipEmptyText: true, - name: 'dns2' - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('DNS server') + " 3", - vtype: 'IP64Address', - skipEmptyText: true, - name: 'dns3' - } - ]; - - Ext.applyIf(me, { - subject: gettext('DNS'), - url: "/api2/extjs/nodes/" + me.nodename + "/dns", - fieldDefaults: { - labelWidth: 120 - } - }); - - me.callParent(); - - me.load(); - } -}); -Ext.define('Proxmox.node.HostsView', { - extend: 'Ext.panel.Panel', - xtype: 'proxmoxNodeHostsView', - - reload: function() { - var me = this; - me.store.load(); - }, - - tbar: [ - { - text: gettext('Save'), - disabled: true, - itemId: 'savebtn', - handler: function() { - var me = this.up('panel'); - Proxmox.Utils.API2Request({ - params: { - digest: me.digest, - data: me.down('#hostsfield').getValue() - }, - method: 'POST', - url: '/nodes/' + me.nodename + '/hosts', - waitMsgTarget: me, - success: function(response, opts) { - me.reload(); - }, - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - } - }, - { - text: gettext('Revert'), - disabled: true, - itemId: 'resetbtn', - handler: function() { - var me = this.up('panel'); - me.down('#hostsfield').reset(); - } - } - ], - - layout: 'fit', - - items: [ - { - xtype: 'textarea', - itemId: 'hostsfield', - fieldStyle: { - 'font-family': 'monospace', - 'white-space': 'pre' - }, - listeners: { - dirtychange: function(ta, dirty) { - var me = this.up('panel'); - me.down('#savebtn').setDisabled(!dirty); - me.down('#resetbtn').setDisabled(!dirty); - } - } - } - ], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.store = Ext.create('Ext.data.Store', { - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + "/hosts", - } - }); - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.store); - - me.mon(me.store, 'load', function(store, records, success) { - if (!success || records.length < 1) { - return; - } - me.digest = records[0].data.digest; - var data = records[0].data.data; - me.down('#hostsfield').setValue(data); - me.down('#hostsfield').resetOriginalValue(); - }); - - me.reload(); - } -}); -Ext.define('Proxmox.node.DNSView', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.proxmoxNodeDNSView'], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var run_editor = function() { - var win = Ext.create('Proxmox.node.DNSEdit', { - nodename: me.nodename - }); - win.show(); - }; - - Ext.apply(me, { - url: "/api2/json/nodes/" + me.nodename + "/dns", - cwidth1: 130, - interval: 1000, - run_editor: run_editor, - rows: { - search: { - header: 'Search domain', - required: true, - renderer: Ext.htmlEncode - }, - dns1: { - header: gettext('DNS server') + " 1", - required: true, - renderer: Ext.htmlEncode - }, - dns2: { - header: gettext('DNS server') + " 2", - renderer: Ext.htmlEncode - }, - dns3: { - header: gettext('DNS server') + " 3", - renderer: Ext.htmlEncode - } - }, - tbar: [ - { - text: gettext("Edit"), - handler: run_editor - } - ], - listeners: { - itemdblclick: run_editor - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('deactivate', me.rstore.stopUpdate); - me.on('destroy', me.rstore.stopUpdate); - } -}); -Ext.define('Proxmox.node.Tasks', { - extend: 'Ext.grid.GridPanel', - - alias: ['widget.proxmoxNodeTasks'], - stateful: true, - stateId: 'grid-node-tasks', - loadMask: true, - sortableColumns: false, - vmidFilter: 0, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var store = Ext.create('Ext.data.BufferedStore', { - pageSize: 500, - autoLoad: true, - remoteFilter: true, - model: 'proxmox-tasks', - proxy: { - type: 'proxmox', - startParam: 'start', - limitParam: 'limit', - url: "/api2/json/nodes/" + me.nodename + "/tasks" - } - }); - - var userfilter = ''; - var filter_errors = 0; - - var updateProxyParams = function() { - var params = { - errors: filter_errors - }; - if (userfilter) { - params.userfilter = userfilter; - } - if (me.vmidFilter) { - params.vmid = me.vmidFilter; - } - store.proxy.extraParams = params; - }; - - updateProxyParams(); - - var reload_task = Ext.create('Ext.util.DelayedTask',function() { - updateProxyParams(); - store.reload(); - }); - - var run_task_viewer = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: rec.data.upid - }); - win.show(); - }; - - var view_btn = new Ext.Button({ - text: gettext('View'), - disabled: true, - handler: run_task_viewer - }); - - Proxmox.Utils.monStoreErrors(me, store, true); - - Ext.apply(me, { - store: store, - viewConfig: { - trackOver: false, - stripeRows: false, // does not work with getRowClass() - - getRowClass: function(record, index) { - var status = record.get('status'); - - if (status && status != 'OK') { - return "proxmox-invalid-row"; - } - } - }, - tbar: [ - view_btn, '->', gettext('User name') +':', ' ', - { - xtype: 'textfield', - width: 200, - value: userfilter, - enableKeyEvents: true, - listeners: { - keyup: function(field, e) { - userfilter = field.getValue(); - reload_task.delay(500); - } - } - }, ' ', gettext('Only Errors') + ':', ' ', - { - xtype: 'checkbox', - hideLabel: true, - checked: filter_errors, - listeners: { - change: function(field, checked) { - filter_errors = checked ? 1 : 0; - reload_task.delay(10); - } - } - }, ' ' - ], - columns: [ - { - header: gettext("Start Time"), - dataIndex: 'starttime', - width: 100, - renderer: function(value) { - return Ext.Date.format(value, "M d H:i:s"); - } - }, - { - header: gettext("End Time"), - dataIndex: 'endtime', - width: 100, - renderer: function(value, metaData, record) { - return Ext.Date.format(value,"M d H:i:s"); - } - }, - { - header: gettext("Node"), - dataIndex: 'node', - width: 100 - }, - { - header: gettext("User name"), - dataIndex: 'user', - width: 150 - }, - { - header: gettext("Description"), - dataIndex: 'upid', - flex: 1, - renderer: Proxmox.Utils.render_upid - }, - { - header: gettext("Status"), - dataIndex: 'status', - width: 200, - renderer: function(value, metaData, record) { - if (value == 'OK') { - return 'OK'; - } - // metaData.attr = 'style="color:red;"'; - return "ERROR: " + value; - } - } - ], - listeners: { - itemdblclick: run_task_viewer, - selectionchange: function(v, selections) { - view_btn.setDisabled(!(selections && selections[0])); - }, - show: function() { reload_task.delay(10); }, - destroy: function() { reload_task.cancel(); } - } - }); - - me.callParent(); - - } -}); -Ext.define('proxmox-services', { - extend: 'Ext.data.Model', - fields: [ 'service', 'name', 'desc', 'state' ], - idProperty: 'service' -}); - -Ext.define('Proxmox.node.ServiceView', { - extend: 'Ext.grid.GridPanel', - - alias: ['widget.proxmoxNodeServiceView'], - - startOnlyServices: {}, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var rstore = Ext.create('Proxmox.data.UpdateStore', { - interval: 1000, - storeid: 'proxmox-services' + me.nodename, - model: 'proxmox-services', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + "/services" - } - }); - - var store = Ext.create('Proxmox.data.DiffStore', { - rstore: rstore, - sortAfterUpdate: true, - sorters: [ - { - property : 'name', - direction: 'ASC' - } - ] - }); - - var view_service_log = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - var win = Ext.create('Ext.window.Window', { - title: gettext('Syslog') + ': ' + rec.data.service, - modal: true, - items: { - xtype: 'proxmoxLogView', - width: 800, - height: 400, - url: "/api2/extjs/nodes/" + me.nodename + "/syslog?service=" + - rec.data.service, - log_select_timespan: 1 - } - }); - win.show(); - }; - - var service_cmd = function(cmd) { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - Proxmox.Utils.API2Request({ - url: "/nodes/" + me.nodename + "/services/" + rec.data.service + "/" + cmd, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - me.loading = true; - }, - success: function(response, opts) { - rstore.startUpdate(); - var upid = response.result.data; - - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid - }); - win.show(); - } - }); - }; - - var start_btn = new Ext.Button({ - text: gettext('Start'), - disabled: true, - handler: function(){ - service_cmd("start"); - } - }); - - var stop_btn = new Ext.Button({ - text: gettext('Stop'), - disabled: true, - handler: function(){ - service_cmd("stop"); - } - }); - - var restart_btn = new Ext.Button({ - text: gettext('Restart'), - disabled: true, - handler: function(){ - service_cmd("restart"); - } - }); - - var syslog_btn = new Ext.Button({ - text: gettext('Syslog'), - disabled: true, - handler: view_service_log - }); - - var set_button_status = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - - if (!rec) { - start_btn.disable(); - stop_btn.disable(); - restart_btn.disable(); - syslog_btn.disable(); - return; - } - var service = rec.data.service; - var state = rec.data.state; - - syslog_btn.enable(); - - if (me.startOnlyServices[service]) { - if (state == 'running') { - start_btn.disable(); - restart_btn.enable(); - } else { - start_btn.enable(); - restart_btn.disable(); - } - stop_btn.disable(); - } else { - if (state == 'running') { - start_btn.disable(); - restart_btn.enable(); - stop_btn.enable(); - } else { - start_btn.enable(); - restart_btn.disable(); - stop_btn.disable(); - } - } - }; - - me.mon(store, 'refresh', set_button_status); - - Proxmox.Utils.monStoreErrors(me, rstore); - - Ext.apply(me, { - store: store, - stateful: false, - tbar: [ start_btn, stop_btn, restart_btn, syslog_btn ], - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - dataIndex: 'name' - }, - { - header: gettext('Status'), - width: 100, - sortable: true, - dataIndex: 'state' - }, - { - header: gettext('Description'), - renderer: Ext.String.htmlEncode, - dataIndex: 'desc', - flex: 2 - } - ], - listeners: { - selectionchange: set_button_status, - itemdblclick: view_service_log, - activate: rstore.startUpdate, - destroy: rstore.stopUpdate - } - }); - - me.callParent(); - } -}); -Ext.define('Proxmox.node.TimeEdit', { - extend: 'Proxmox.window.Edit', - alias: ['widget.proxmoxNodeTimeEdit'], - - subject: gettext('Time zone'), - - width: 400, - - autoLoad: true, - - fieldDefaults: { - labelWidth: 70 - }, - - items: { - xtype: 'combo', - fieldLabel: gettext('Time zone'), - name: 'timezone', - queryMode: 'local', - store: Ext.create('Proxmox.data.TimezoneStore'), - displayField: 'zone', - forceSelection: true, - editable: false, - allowBlank: false - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - me.url = "/api2/extjs/nodes/" + me.nodename + "/time"; - - me.callParent(); - } -}); -Ext.define('Proxmox.node.TimeView', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.proxmoxNodeTimeView'], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var tzoffset = (new Date()).getTimezoneOffset()*60000; - var renderlocaltime = function(value) { - var servertime = new Date((value * 1000) + tzoffset); - return Ext.Date.format(servertime, 'Y-m-d H:i:s'); - }; - - var run_editor = function() { - var win = Ext.create('Proxmox.node.TimeEdit', { - nodename: me.nodename - }); - win.show(); - }; - - Ext.apply(me, { - url: "/api2/json/nodes/" + me.nodename + "/time", - cwidth1: 150, - interval: 1000, - run_editor: run_editor, - rows: { - timezone: { - header: gettext('Time zone'), - required: true - }, - localtime: { - header: gettext('Server time'), - required: true, - renderer: renderlocaltime - } - }, - tbar: [ - { - text: gettext("Edit"), - handler: run_editor - } - ], - listeners: { - itemdblclick: run_editor - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('deactivate', me.rstore.stopUpdate); - me.on('destroy', me.rstore.stopUpdate); - } -}); diff --git a/serverside/jsmod/5.4-3/pvemanagerlib.js b/serverside/jsmod/5.4-3/pvemanagerlib.js deleted file mode 100644 index e62acde..0000000 --- a/serverside/jsmod/5.4-3/pvemanagerlib.js +++ /dev/null @@ -1,38347 +0,0 @@ -var pveOnlineHelpInfo = { - "ceph_rados_block_devices" : { - "link" : "/pve-docs/chapter-pvesm.html#ceph_rados_block_devices", - "title" : "Ceph RADOS Block Devices (RBD)" - }, - "chapter_ha_manager" : { - "link" : "/pve-docs/chapter-ha-manager.html#chapter_ha_manager", - "title" : "High Availability" - }, - "chapter_lvm" : { - "link" : "/pve-docs/chapter-sysadmin.html#chapter_lvm", - "title" : "Logical Volume Manager (LVM)" - }, - "chapter_pct" : { - "link" : "/pve-docs/chapter-pct.html#chapter_pct", - "title" : "Proxmox Container Toolkit" - }, - "chapter_pve_firewall" : { - "link" : "/pve-docs/chapter-pve-firewall.html#chapter_pve_firewall", - "title" : "Proxmox VE Firewall" - }, - "chapter_pveceph" : { - "link" : "/pve-docs/chapter-pveceph.html#chapter_pveceph", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "chapter_pvecm" : { - "link" : "/pve-docs/chapter-pvecm.html#chapter_pvecm", - "title" : "Cluster Manager" - }, - "chapter_pvesr" : { - "link" : "/pve-docs/chapter-pvesr.html#chapter_pvesr", - "title" : "Storage Replication" - }, - "chapter_storage" : { - "link" : "/pve-docs/chapter-pvesm.html#chapter_storage", - "title" : "Proxmox VE Storage" - }, - "chapter_system_administration" : { - "link" : "/pve-docs/chapter-sysadmin.html#chapter_system_administration", - "title" : "Host System Administration" - }, - "chapter_user_management" : { - "link" : "/pve-docs/chapter-pveum.html#chapter_user_management", - "title" : "User Management" - }, - "chapter_virtual_machines" : { - "link" : "/pve-docs/chapter-qm.html#chapter_virtual_machines", - "title" : "Qemu/KVM Virtual Machines" - }, - "chapter_vzdump" : { - "link" : "/pve-docs/chapter-vzdump.html#chapter_vzdump", - "title" : "Backup and Restore" - }, - "chapter_zfs" : { - "link" : "/pve-docs/chapter-sysadmin.html#chapter_zfs", - "title" : "ZFS on Linux" - }, - "datacenter_configuration_file" : { - "link" : "/pve-docs/pve-admin-guide.html#datacenter_configuration_file", - "title" : "Datacenter Configuration" - }, - "getting_help" : { - "link" : "/pve-docs/pve-admin-guide.html#getting_help", - "title" : "Getting Help" - }, - "gui_my_settings" : { - "link" : "/pve-docs/chapter-pve-gui.html#gui_my_settings", - "subtitle" : "My Settings", - "title" : "Graphical User Interface" - }, - "ha_manager_fencing" : { - "link" : "/pve-docs/chapter-ha-manager.html#ha_manager_fencing", - "subtitle" : "Fencing", - "title" : "High Availability" - }, - "ha_manager_groups" : { - "link" : "/pve-docs/chapter-ha-manager.html#ha_manager_groups", - "subtitle" : "Groups", - "title" : "High Availability" - }, - "ha_manager_resource_config" : { - "link" : "/pve-docs/chapter-ha-manager.html#ha_manager_resource_config", - "subtitle" : "Resources", - "title" : "High Availability" - }, - "ha_manager_resources" : { - "link" : "/pve-docs/chapter-ha-manager.html#ha_manager_resources", - "subtitle" : "Resources", - "title" : "High Availability" - }, - "pct_configuration" : { - "link" : "/pve-docs/chapter-pct.html#pct_configuration", - "subtitle" : "Configuration", - "title" : "Proxmox Container Toolkit" - }, - "pct_container_images" : { - "link" : "/pve-docs/chapter-pct.html#pct_container_images", - "subtitle" : "Container Images", - "title" : "Proxmox Container Toolkit" - }, - "pct_container_network" : { - "link" : "/pve-docs/chapter-pct.html#pct_container_network", - "subtitle" : "Network", - "title" : "Proxmox Container Toolkit" - }, - "pct_container_storage" : { - "link" : "/pve-docs/chapter-pct.html#pct_container_storage", - "subtitle" : "Container Storage", - "title" : "Proxmox Container Toolkit" - }, - "pct_cpu" : { - "link" : "/pve-docs/chapter-pct.html#pct_cpu", - "subtitle" : "CPU", - "title" : "Proxmox Container Toolkit" - }, - "pct_general" : { - "link" : "/pve-docs/chapter-pct.html#pct_general", - "subtitle" : "General Settings", - "title" : "Proxmox Container Toolkit" - }, - "pct_memory" : { - "link" : "/pve-docs/chapter-pct.html#pct_memory", - "subtitle" : "Memory", - "title" : "Proxmox Container Toolkit" - }, - "pct_migration" : { - "link" : "/pve-docs/chapter-pct.html#pct_migration", - "subtitle" : "Migration", - "title" : "Proxmox Container Toolkit" - }, - "pct_options" : { - "link" : "/pve-docs/chapter-pct.html#pct_options", - "subtitle" : "Options", - "title" : "Proxmox Container Toolkit" - }, - "pct_snapshots" : { - "link" : "/pve-docs/chapter-pct.html#pct_snapshots", - "subtitle" : "Snapshots", - "title" : "Proxmox Container Toolkit" - }, - "pct_startup_and_shutdown" : { - "link" : "/pve-docs/chapter-pct.html#pct_startup_and_shutdown", - "subtitle" : "Automatic Start and Shutdown of Containers", - "title" : "Proxmox Container Toolkit" - }, - "pve_admin_guide" : { - "link" : "/pve-docs/pve-admin-guide.html", - "title" : "Proxmox VE Administration Guide" - }, - "pve_ceph_install" : { - "link" : "/pve-docs/chapter-pveceph.html#pve_ceph_install", - "subtitle" : "Installation of Ceph Packages", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pve_ceph_monitors" : { - "link" : "/pve-docs/chapter-pveceph.html#pve_ceph_monitors", - "subtitle" : "Creating Ceph Monitors", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pve_ceph_osds" : { - "link" : "/pve-docs/chapter-pveceph.html#pve_ceph_osds", - "subtitle" : "Creating Ceph OSDs", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pve_ceph_pools" : { - "link" : "/pve-docs/chapter-pveceph.html#pve_ceph_pools", - "subtitle" : "Creating Ceph Pools", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pve_documentation_index" : { - "link" : "/pve-docs/index.html", - "title" : "Proxmox VE Documentation Index" - }, - "pve_firewall_cluster_wide_setup" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_cluster_wide_setup", - "subtitle" : "Cluster Wide Setup", - "title" : "Proxmox VE Firewall" - }, - "pve_firewall_host_specific_configuration" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_host_specific_configuration", - "subtitle" : "Host Specific Configuration", - "title" : "Proxmox VE Firewall" - }, - "pve_firewall_ip_aliases" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_ip_aliases", - "subtitle" : "IP Aliases", - "title" : "Proxmox VE Firewall" - }, - "pve_firewall_ip_sets" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_ip_sets", - "subtitle" : "IP Sets", - "title" : "Proxmox VE Firewall" - }, - "pve_firewall_vm_container_configuration" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_vm_container_configuration", - "subtitle" : "VM/Container Configuration", - "title" : "Proxmox VE Firewall" - }, - "pve_service_daemons" : { - "link" : "/pve-docs/index.html#_service_daemons", - "title" : "Service Daemons" - }, - "pveceph_fs" : { - "link" : "/pve-docs/chapter-pveceph.html#pveceph_fs", - "subtitle" : "CephFS", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pveceph_fs_create" : { - "link" : "/pve-docs/chapter-pveceph.html#pveceph_fs_create", - "subtitle" : "Create a CephFS", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pveceph_fs_mds" : { - "link" : "/pve-docs/chapter-pveceph.html#pveceph_fs_mds", - "subtitle" : "Metadata Server (MDS)", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pvesr_schedule_time_format" : { - "link" : "/pve-docs/chapter-pvesr.html#pvesr_schedule_time_format", - "subtitle" : "Schedule Format", - "title" : "Storage Replication" - }, - "pveum_authentication_realms" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_authentication_realms", - "subtitle" : "Authentication Realms", - "title" : "User Management" - }, - "pveum_groups" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_groups", - "subtitle" : "Groups", - "title" : "User Management" - }, - "pveum_permission_management" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_permission_management", - "subtitle" : "Permission Management", - "title" : "User Management" - }, - "pveum_pools" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_pools", - "subtitle" : "Pools", - "title" : "User Management" - }, - "pveum_roles" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_roles", - "subtitle" : "Roles", - "title" : "User Management" - }, - "pveum_tfa_auth" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_tfa_auth", - "subtitle" : "Two factor authentication", - "title" : "User Management" - }, - "pveum_users" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_users", - "subtitle" : "Users", - "title" : "User Management" - }, - "qm_bios_and_uefi" : { - "link" : "/pve-docs/chapter-qm.html#qm_bios_and_uefi", - "subtitle" : "BIOS and UEFI", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_cloud_init" : { - "link" : "/pve-docs/chapter-qm.html#qm_cloud_init", - "title" : "Cloud-Init Support" - }, - "qm_copy_and_clone" : { - "link" : "/pve-docs/chapter-qm.html#qm_copy_and_clone", - "subtitle" : "Copies and Clones", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_cpu" : { - "link" : "/pve-docs/chapter-qm.html#qm_cpu", - "subtitle" : "CPU", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_general_settings" : { - "link" : "/pve-docs/chapter-qm.html#qm_general_settings", - "subtitle" : "General Settings", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_hard_disk" : { - "link" : "/pve-docs/chapter-qm.html#qm_hard_disk", - "subtitle" : "Hard Disk", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_memory" : { - "link" : "/pve-docs/chapter-qm.html#qm_memory", - "subtitle" : "Memory", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_migration" : { - "link" : "/pve-docs/chapter-qm.html#qm_migration", - "subtitle" : "Migration", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_network_device" : { - "link" : "/pve-docs/chapter-qm.html#qm_network_device", - "subtitle" : "Network Device", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_options" : { - "link" : "/pve-docs/chapter-qm.html#qm_options", - "subtitle" : "Options", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_os_settings" : { - "link" : "/pve-docs/chapter-qm.html#qm_os_settings", - "subtitle" : "OS Settings", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_pci_passthrough" : { - "link" : "/pve-docs/chapter-qm.html#qm_pci_passthrough", - "title" : "PCI(e) Passthrough" - }, - "qm_startup_and_shutdown" : { - "link" : "/pve-docs/chapter-qm.html#qm_startup_and_shutdown", - "subtitle" : "Automatic Start and Shutdown of Virtual Machines", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_system_settings" : { - "link" : "/pve-docs/chapter-qm.html#qm_system_settings", - "subtitle" : "System Settings", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_usb_passthrough" : { - "link" : "/pve-docs/chapter-qm.html#qm_usb_passthrough", - "subtitle" : "USB Passthrough", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_virtual_machines_settings" : { - "link" : "/pve-docs/chapter-qm.html#qm_virtual_machines_settings", - "subtitle" : "Virtual Machines Settings", - "title" : "Qemu/KVM Virtual Machines" - }, - "storage_cephfs" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_cephfs", - "title" : "Ceph Filesystem (CephFS)" - }, - "storage_cifs" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_cifs", - "title" : "CIFS Backend" - }, - "storage_directory" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_directory", - "title" : "Directory Backend" - }, - "storage_glusterfs" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_glusterfs", - "title" : "GlusterFS Backend" - }, - "storage_lvm" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_lvm", - "title" : "LVM Backend" - }, - "storage_lvmthin" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_lvmthin", - "title" : "LVM thin Backend" - }, - "storage_nfs" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_nfs", - "title" : "NFS Backend" - }, - "storage_open_iscsi" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_open_iscsi", - "title" : "Open-iSCSI initiator" - }, - "storage_zfspool" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_zfspool", - "title" : "Local ZFS Pool Backend" - }, - "sysadmin_certificate_management" : { - "link" : "/pve-docs/chapter-sysadmin.html#sysadmin_certificate_management", - "title" : "Certificate Management" - }, - "sysadmin_network_configuration" : { - "link" : "/pve-docs/chapter-sysadmin.html#sysadmin_network_configuration", - "title" : "Network Configuration" - } -}; -Ext.ns('PVE'); - -// avoid errors related to Accessible Rich Internet Applications -// (access for people with disabilities) -// TODO reenable after all components are upgraded -Ext.enableAria = false; -Ext.enableAriaButtons = false; -Ext.enableAriaPanels = false; - -// avoid errors when running without development tools -if (!Ext.isDefined(Ext.global.console)) { - var console = { - log: function() {} - }; -} -console.log("Starting PVE Manager"); - -Ext.Ajax.defaultHeaders = { - 'Accept': 'application/json' -}; - -/*jslint confusion: true */ -Ext.define('PVE.Utils', { utilities: { - - // this singleton contains miscellaneous utilities - - toolkit: undefined, // (extjs|touch), set inside Toolkit.js - - bus_match: /^(ide|sata|virtio|scsi)\d+$/, - - log_severity_hash: { - 0: "panic", - 1: "alert", - 2: "critical", - 3: "error", - 4: "warning", - 5: "notice", - 6: "info", - 7: "debug" - }, - - support_level_hash: { - 'c': gettext('Community'), - 'b': gettext('Basic'), - 's': gettext('Standard'), - 'p': gettext('Premium') - }, - - noSubKeyHtml: 'You do not have a valid subscription for this server. Please visit www.proxmox.com to get a list of available options.', - - kvm_ostypes: { - 'Linux': [ - { desc: '4.X/3.X/2.6 Kernel', val: 'l26' }, - { desc: '2.4 Kernel', val: 'l24' } - ], - 'Microsoft Windows': [ - { desc: '10/2016', val: 'win10' }, - { desc: '8.x/2012/2012r2', val: 'win8' }, - { desc: '7/2008r2', val: 'win7' }, - { desc: 'Vista/2008', val: 'w2k8' }, - { desc: 'XP/2003', val: 'wxp' }, - { desc: '2000', val: 'w2k' } - ], - 'Solaris Kernel': [ - { desc: '-', val: 'solaris'} - ], - 'Other': [ - { desc: '-', val: 'other'} - ] - }, - - get_health_icon: function(state, circle) { - if (circle === undefined) { - circle = false; - } - - if (state === undefined) { - state = 'uknown'; - } - - var icon = 'faded fa-question'; - switch(state) { - case 'good': - icon = 'good fa-check'; - break; - case 'warning': - icon = 'warning fa-exclamation'; - break; - case 'critical': - icon = 'critical fa-times'; - break; - default: break; - } - - if (circle) { - icon += '-circle'; - } - - return icon; - }, - - map_ceph_health: { - 'HEALTH_OK':'good', - 'HEALTH_WARN':'warning', - 'HEALTH_ERR':'critical' - }, - - render_ceph_health: function(healthObj) { - var state = { - iconCls: PVE.Utils.get_health_icon(), - text: '' - }; - - if (!healthObj || !healthObj.status) { - return state; - } - - var health = PVE.Utils.map_ceph_health[healthObj.status]; - - state.iconCls = PVE.Utils.get_health_icon(health, true); - state.text = healthObj.status; - - return state; - }, - - render_zfs_health: function(value) { - if (typeof value == 'undefined'){ - return ""; - } - var iconCls = 'question-circle'; - switch (value) { - case 'AVAIL': - case 'ONLINE': - iconCls = 'check-circle good'; - break; - case 'REMOVED': - case 'DEGRADED': - iconCls = 'exclamation-circle warning'; - break; - case 'UNAVAIL': - case 'FAULTED': - case 'OFFLINE': - iconCls = 'times-circle critical'; - break; - default: //unknown - } - - return ' ' + value; - - }, - - get_kvm_osinfo: function(value) { - var info = { base: 'Other' }; // default - if (value) { - Ext.each(Object.keys(PVE.Utils.kvm_ostypes), function(k) { - Ext.each(PVE.Utils.kvm_ostypes[k], function(e) { - if (e.val === value) { - info = { desc: e.desc, base: k }; - } - }); - }); - } - return info; - }, - - render_kvm_ostype: function (value) { - var osinfo = PVE.Utils.get_kvm_osinfo(value); - if (osinfo.desc && osinfo.desc !== '-') { - return osinfo.base + ' ' + osinfo.desc; - } else { - return osinfo.base; - } - }, - - render_hotplug_features: function (value) { - var fa = []; - - if (!value || (value === '0')) { - return gettext('Disabled'); - } - - if (value === '1') { - value = 'disk,network,usb'; - } - - Ext.each(value.split(','), function(el) { - if (el === 'disk') { - fa.push(gettext('Disk')); - } else if (el === 'network') { - fa.push(gettext('Network')); - } else if (el === 'usb') { - fa.push('USB'); - } else if (el === 'memory') { - fa.push(gettext('Memory')); - } else if (el === 'cpu') { - fa.push(gettext('CPU')); - } else { - fa.push(el); - } - }); - - return fa.join(', '); - }, - - render_qga_features: function(value) { - if (!value) { - return Proxmox.Utils.defaultText + ' (' + Proxmox.Utils.disabledText + ')'; - } - var props = PVE.Parser.parsePropertyString(value, 'enabled'); - if (!PVE.Parser.parseBoolean(props.enabled)) { - return Proxmox.Utils.disabledText; - } - - delete props.enabled; - var agentstring = Proxmox.Utils.enabledText; - - Ext.Object.each(props, function(key, value) { - var keystring = '' ; - agentstring += ', ' + key + ': '; - - if (PVE.Parser.parseBoolean(value)) { - agentstring += Proxmox.Utils.enabledText; - } else { - agentstring += Proxmox.Utils.disabledText; - } - }); - - return agentstring; - }, - - render_qemu_machine: function(value) { - return value || (Proxmox.Utils.defaultText + ' (i440fx)'); - }, - - render_qemu_bios: function(value) { - if (!value) { - return Proxmox.Utils.defaultText + ' (SeaBIOS)'; - } else if (value === 'seabios') { - return "SeaBIOS"; - } else if (value === 'ovmf') { - return "OVMF (UEFI)"; - } else { - return value; - } - }, - - render_dc_ha_opts: function(value) { - if (!value) { - return Proxmox.Utils.defaultText; - } else { - return PVE.Parser.printPropertyString(value); - } - }, - render_as_property_string: function(value) { - return (!value) ? Proxmox.Utils.defaultText - : PVE.Parser.printPropertyString(value); - }, - - render_scsihw: function(value) { - if (!value) { - return Proxmox.Utils.defaultText + ' (LSI 53C895A)'; - } else if (value === 'lsi') { - return 'LSI 53C895A'; - } else if (value === 'lsi53c810') { - return 'LSI 53C810'; - } else if (value === 'megasas') { - return 'MegaRAID SAS 8708EM2'; - } else if (value === 'virtio-scsi-pci') { - return 'VirtIO SCSI'; - } else if (value === 'virtio-scsi-single') { - return 'VirtIO SCSI single'; - } else if (value === 'pvscsi') { - return 'VMware PVSCSI'; - } else { - return value; - } - }, - - // fixme: auto-generate this - // for now, please keep in sync with PVE::Tools::kvmkeymaps - kvm_keymaps: { - //ar: 'Arabic', - da: 'Danish', - de: 'German', - 'de-ch': 'German (Swiss)', - 'en-gb': 'English (UK)', - 'en-us': 'English (USA)', - es: 'Spanish', - //et: 'Estonia', - fi: 'Finnish', - //fo: 'Faroe Islands', - fr: 'French', - 'fr-be': 'French (Belgium)', - 'fr-ca': 'French (Canada)', - 'fr-ch': 'French (Swiss)', - //hr: 'Croatia', - hu: 'Hungarian', - is: 'Icelandic', - it: 'Italian', - ja: 'Japanese', - lt: 'Lithuanian', - //lv: 'Latvian', - mk: 'Macedonian', - nl: 'Dutch', - //'nl-be': 'Dutch (Belgium)', - no: 'Norwegian', - pl: 'Polish', - pt: 'Portuguese', - 'pt-br': 'Portuguese (Brazil)', - //ru: 'Russian', - sl: 'Slovenian', - sv: 'Swedish', - //th: 'Thai', - tr: 'Turkish' - }, - - kvm_vga_drivers: { - std: gettext('Standard VGA'), - vmware: gettext('VMware compatible'), - qxl: 'SPICE', - qxl2: 'SPICE dual monitor', - qxl3: 'SPICE three monitors', - qxl4: 'SPICE four monitors', - serial0: gettext('Serial terminal') + ' 0', - serial1: gettext('Serial terminal') + ' 1', - serial2: gettext('Serial terminal') + ' 2', - serial3: gettext('Serial terminal') + ' 3', - virtio: 'VirtIO-GPU', - none: Proxmox.Utils.noneText - }, - - render_kvm_language: function (value) { - if (!value || value === '__default__') { - return Proxmox.Utils.defaultText; - } - var text = PVE.Utils.kvm_keymaps[value]; - if (text) { - return text + ' (' + value + ')'; - } - return value; - }, - - kvm_keymap_array: function() { - var data = [['__default__', PVE.Utils.render_kvm_language('')]]; - Ext.Object.each(PVE.Utils.kvm_keymaps, function(key, value) { - data.push([key, PVE.Utils.render_kvm_language(value)]); - }); - - return data; - }, - - console_map: { - '__default__': Proxmox.Utils.defaultText + ' (HTML5)', - 'vv': 'SPICE (remote-viewer)', - 'html5': 'HTML5 (noVNC)', - 'xtermjs': 'xterm.js' - }, - - render_console_viewer: function(value) { - value = value || '__default__'; - if (PVE.Utils.console_map[value]) { - return PVE.Utils.console_map[value]; - } - return value; - }, - - console_viewer_array: function() { - return Ext.Array.map(Object.keys(PVE.Utils.console_map), function(v) { - return [v, PVE.Utils.render_console_viewer(v)]; - }); - }, - - render_kvm_vga_driver: function (value) { - if (!value) { - return Proxmox.Utils.defaultText; - } - var vga = PVE.Parser.parsePropertyString(value, 'type'); - var text = PVE.Utils.kvm_vga_drivers[vga.type]; - if (!vga.type) { - text = Proxmox.Utils.defaultText; - } - if (text) { - return text + ' (' + value + ')'; - } - return value; - }, - - kvm_vga_driver_array: function() { - var data = [['__default__', PVE.Utils.render_kvm_vga_driver('')]]; - Ext.Object.each(PVE.Utils.kvm_vga_drivers, function(key, value) { - data.push([key, PVE.Utils.render_kvm_vga_driver(value)]); - }); - - return data; - }, - - render_kvm_startup: function(value) { - var startup = PVE.Parser.parseStartup(value); - - var res = 'order='; - if (startup.order === undefined) { - res += 'any'; - } else { - res += startup.order; - } - if (startup.up !== undefined) { - res += ',up=' + startup.up; - } - if (startup.down !== undefined) { - res += ',down=' + startup.down; - } - - return res; - }, - - extractFormActionError: function(action) { - var msg; - switch (action.failureType) { - case Ext.form.action.Action.CLIENT_INVALID: - msg = gettext('Form fields may not be submitted with invalid values'); - break; - case Ext.form.action.Action.CONNECT_FAILURE: - msg = gettext('Connection error'); - var resp = action.response; - if (resp.status && resp.statusText) { - msg += " " + resp.status + ": " + resp.statusText; - } - break; - case Ext.form.action.Action.LOAD_FAILURE: - case Ext.form.action.Action.SERVER_INVALID: - msg = Proxmox.Utils.extractRequestError(action.result, true); - break; - } - return msg; - }, - - format_duration_short: function(ut) { - - if (ut < 60) { - return ut.toFixed(1) + 's'; - } - - if (ut < 3600) { - var mins = ut / 60; - return mins.toFixed(1) + 'm'; - } - - if (ut < 86400) { - var hours = ut / 3600; - return hours.toFixed(1) + 'h'; - } - - var days = ut / 86400; - return days.toFixed(1) + 'd'; - }, - - contentTypes: { - 'images': gettext('Disk image'), - 'backup': gettext('VZDump backup file'), - 'vztmpl': gettext('Container template'), - 'iso': gettext('ISO image'), - 'rootdir': gettext('Container'), - 'snippets': gettext('Snippets') - }, - - storageSchema: { - dir: { - name: Proxmox.Utils.directoryText, - ipanel: 'DirInputPanel', - faIcon: 'folder' - }, - lvm: { - name: 'LVM', - ipanel: 'LVMInputPanel', - faIcon: 'folder' - }, - lvmthin: { - name: 'LVM-Thin', - ipanel: 'LvmThinInputPanel', - faIcon: 'folder' - }, - nfs: { - name: 'NFS', - ipanel: 'NFSInputPanel', - faIcon: 'building' - }, - cifs: { - name: 'CIFS', - ipanel: 'CIFSInputPanel', - faIcon: 'building' - }, - glusterfs: { - name: 'GlusterFS', - ipanel: 'GlusterFsInputPanel', - faIcon: 'building' - }, - iscsi: { - name: 'iSCSI', - ipanel: 'IScsiInputPanel', - faIcon: 'building' - }, - sheepdog: { - name: 'Sheepdog', - ipanel: 'SheepdogInputPanel', - hideAdd: true, - faIcon: 'building' - }, - cephfs: { - name: 'CephFS', - ipanel: 'CephFSInputPanel', - faIcon: 'building' - }, - pvecephfs: { - name: 'CephFS (PVE)', - ipanel: 'CephFSInputPanel', - hideAdd: true, - faIcon: 'building' - }, - rbd: { - name: 'RBD', - ipanel: 'RBDInputPanel', - faIcon: 'building' - }, - pveceph: { - name: 'RBD (PVE)', - ipanel: 'RBDInputPanel', - hideAdd: true, - faIcon: 'building' - }, - zfs: { - name: 'ZFS over iSCSI', - ipanel: 'ZFSInputPanel', - faIcon: 'building' - }, - zfspool: { - name: 'ZFS', - ipanel: 'ZFSPoolInputPanel', - faIcon: 'folder' - }, - drbd: { - name: 'DRBD', - hideAdd: true - } - }, - - format_storage_type: function(value, md, record) { - if (value === 'rbd') { - value = (!record || record.get('monhost') ? 'rbd' : 'pveceph'); - } else if (value === 'cephfs') { - value = (!record || record.get('monhost') ? 'cephfs' : 'pvecephfs'); - } - - var schema = PVE.Utils.storageSchema[value]; - if (schema) { - return schema.name; - } - return Proxmox.Utils.unknownText; - }, - - format_ha: function(value) { - var text = Proxmox.Utils.noneText; - - if (value.managed) { - text = value.state || Proxmox.Utils.noneText; - - text += ', ' + Proxmox.Utils.groupText + ': '; - text += value.group || Proxmox.Utils.noneText; - } - - return text; - }, - - format_content_types: function(value) { - return value.split(',').sort().map(function(ct) { - return PVE.Utils.contentTypes[ct] || ct; - }).join(', '); - }, - - render_storage_content: function(value, metaData, record) { - var data = record.data; - if (Ext.isNumber(data.channel) && - Ext.isNumber(data.id) && - Ext.isNumber(data.lun)) { - return "CH " + - Ext.String.leftPad(data.channel,2, '0') + - " ID " + data.id + " LUN " + data.lun; - } - return data.volid.replace(/^.*:(.*\/)?/,''); - }, - - render_serverity: function (value) { - return PVE.Utils.log_severity_hash[value] || value; - }, - - render_cpu: function(value, metaData, record, rowIndex, colIndex, store) { - - if (!(record.data.uptime && Ext.isNumeric(value))) { - return ''; - } - - var maxcpu = record.data.maxcpu || 1; - - if (!Ext.isNumeric(maxcpu) && (maxcpu >= 1)) { - return ''; - } - - var per = value * 100; - - return per.toFixed(1) + '% of ' + maxcpu.toString() + (maxcpu > 1 ? 'CPUs' : 'CPU'); - }, - - render_size: function(value, metaData, record, rowIndex, colIndex, store) { - /*jslint confusion: true */ - - if (!Ext.isNumeric(value)) { - return ''; - } - - return Proxmox.Utils.format_size(value); - }, - - render_bandwidth: function(value) { - if (!Ext.isNumeric(value)) { - return ''; - } - - return Proxmox.Utils.format_size(value) + '/s'; - }, - - render_timestamp_human_readable: function(value) { - return Ext.Date.format(new Date(value * 1000), 'l d F Y H:i:s'); - }, - - render_duration: function(value) { - if (value === undefined) { - return '-'; - } - return PVE.Utils.format_duration_short(value); - }, - - calculate_mem_usage: function(data) { - if (!Ext.isNumeric(data.mem) || - data.maxmem === 0 || - data.uptime < 1) { - return -1; - } - - return (data.mem / data.maxmem); - }, - - render_mem_usage_percent: function(value, metaData, record, rowIndex, colIndex, store) { - if (!Ext.isNumeric(value) || value === -1) { - return ''; - } - if (value > 1 ) { - // we got no percentage but bytes - var mem = value; - var maxmem = record.data.maxmem; - if (!record.data.uptime || - maxmem === 0 || - !Ext.isNumeric(mem)) { - return ''; - } - - return ((mem*100)/maxmem).toFixed(1) + " %"; - } - return (value*100).toFixed(1) + " %"; - }, - - render_mem_usage: function(value, metaData, record, rowIndex, colIndex, store) { - - var mem = value; - var maxmem = record.data.maxmem; - - if (!record.data.uptime) { - return ''; - } - - if (!(Ext.isNumeric(mem) && maxmem)) { - return ''; - } - - return PVE.Utils.render_size(value); - }, - - calculate_disk_usage: function(data) { - - if (!Ext.isNumeric(data.disk) || - data.type === 'qemu' || - (data.type === 'lxc' && data.uptime === 0) || - data.maxdisk === 0) { - return -1; - } - - return (data.disk / data.maxdisk); - }, - - render_disk_usage_percent: function(value, metaData, record, rowIndex, colIndex, store) { - if (!Ext.isNumeric(value) || value === -1) { - return ''; - } - - return (value * 100).toFixed(1) + " %"; - }, - - render_disk_usage: function(value, metaData, record, rowIndex, colIndex, store) { - - var disk = value; - var maxdisk = record.data.maxdisk; - var type = record.data.type; - - if (!Ext.isNumeric(disk) || - type === 'qemu' || - maxdisk === 0 || - (type === 'lxc' && record.data.uptime === 0)) { - return ''; - } - - return PVE.Utils.render_size(value); - }, - - get_object_icon_class: function(type, record) { - var status = ''; - var objType = type; - - if (type === 'type') { - // for folder view - objType = record.groupbyid; - } else if (record.template) { - // templates - objType = 'template'; - status = type; - } else { - // everything else - status = record.status + ' ha-' + record.hastate; - } - - var defaults = PVE.tree.ResourceTree.typeDefaults[objType]; - if (defaults && defaults.iconCls) { - var retVal = defaults.iconCls + ' ' + status; - return retVal; - } - - return ''; - }, - - render_resource_type: function(value, metaData, record, rowIndex, colIndex, store) { - - var cls = PVE.Utils.get_object_icon_class(value,record.data); - - var fa = ' '; - return fa + value; - }, - - render_support_level: function(value, metaData, record) { - return PVE.Utils.support_level_hash[value] || '-'; - }, - - render_upid: function(value, metaData, record) { - var type = record.data.type; - var id = record.data.id; - - return Proxmox.Utils.format_task_description(type, id); - }, - - /* render functions for new status panel */ - - render_usage: function(val) { - return (val*100).toFixed(2) + '%'; - }, - - render_cpu_usage: function(val, max) { - return Ext.String.format(gettext('{0}% of {1}') + - ' ' + gettext('CPU(s)'), (val*100).toFixed(2), max); - }, - - render_size_usage: function(val, max) { - if (max === 0) { - return gettext('N/A'); - } - return (val*100/max).toFixed(2) + '% '+ '(' + - Ext.String.format(gettext('{0} of {1}'), - PVE.Utils.render_size(val), PVE.Utils.render_size(max)) + ')'; - }, - - /* this is different for nodes */ - render_node_cpu_usage: function(value, record) { - return PVE.Utils.render_cpu_usage(value, record.cpus); - }, - - /* this is different for nodes */ - render_node_size_usage: function(record) { - return PVE.Utils.render_size_usage(record.used, record.total); - }, - - render_optional_url: function(value) { - var match; - if (value && (match = value.match(/^https?:\/\//)) !== null) { - return '' + value + ''; - } - return value; - }, - - render_san: function(value) { - var names = []; - if (Ext.isArray(value)) { - value.forEach(function(val) { - if (!Ext.isNumber(val)) { - names.push(val); - } - }); - return names.join('
'); - } - return value; - }, - - render_full_name: function(firstname, metaData, record) { - var first = firstname || ''; - var last = record.data.lastname || ''; - return Ext.htmlEncode(first + " " + last); - }, - - render_u2f_error: function(error) { - var ErrorNames = { - '1': gettext('Other Error'), - '2': gettext('Bad Request'), - '3': gettext('Configuration Unsupported'), - '4': gettext('Device Ineligible'), - '5': gettext('Timeout') - }; - return "U2F Error: " + ErrorNames[error] || Proxmox.Utils.unknownText; - }, - - windowHostname: function() { - return window.location.hostname.replace(Proxmox.Utils.IP6_bracket_match, - function(m, addr, offset, original) { return addr; }); - }, - - openDefaultConsoleWindow: function(consoles, vmtype, vmid, nodename, vmname, cmd) { - var dv = PVE.Utils.defaultViewer(consoles); - PVE.Utils.openConsoleWindow(dv, vmtype, vmid, nodename, vmname, cmd); - }, - - openConsoleWindow: function(viewer, vmtype, vmid, nodename, vmname, cmd) { - // kvm, lxc, shell, upgrade - - if (vmid == undefined && (vmtype === 'kvm' || vmtype === 'lxc')) { - throw "missing vmid"; - } - - if (!nodename) { - throw "no nodename specified"; - } - - if (viewer === 'html5') { - PVE.Utils.openVNCViewer(vmtype, vmid, nodename, vmname, cmd); - } else if (viewer === 'xtermjs') { - Proxmox.Utils.openXtermJsViewer(vmtype, vmid, nodename, vmname, cmd); - } else if (viewer === 'vv') { - var url; - var params = { proxy: PVE.Utils.windowHostname() }; - if (vmtype === 'kvm') { - url = '/nodes/' + nodename + '/qemu/' + vmid.toString() + '/spiceproxy'; - PVE.Utils.openSpiceViewer(url, params); - } else if (vmtype === 'lxc') { - url = '/nodes/' + nodename + '/lxc/' + vmid.toString() + '/spiceproxy'; - PVE.Utils.openSpiceViewer(url, params); - } else if (vmtype === 'shell') { - url = '/nodes/' + nodename + '/spiceshell'; - PVE.Utils.openSpiceViewer(url, params); - } else if (vmtype === 'upgrade') { - url = '/nodes/' + nodename + '/spiceshell'; - params.upgrade = 1; - PVE.Utils.openSpiceViewer(url, params); - } else if (vmtype === 'cmd') { - url = '/nodes/' + nodename + '/spiceshell'; - params.cmd = cmd; - PVE.Utils.openSpiceViewer(url, params); - } - } else { - throw "unknown viewer type"; - } - }, - - defaultViewer: function(consoles) { - - var allowSpice, allowXtermjs; - - if (consoles === true) { - allowSpice = true; - allowXtermjs = true; - } else if (typeof consoles === 'object') { - allowSpice = consoles.spice; - allowXtermjs = !!consoles.xtermjs; - } - var vncdefault = 'html5'; - var dv = PVE.VersionInfo.console || vncdefault; - if ((dv === 'vv' && !allowSpice) || (dv === 'xtermjs' && !allowXtermjs)) { - dv = vncdefault; - } - - return dv; - }, - - openVNCViewer: function(vmtype, vmid, nodename, vmname, cmd) { - var url = Ext.Object.toQueryString({ - console: vmtype, // kvm, lxc, upgrade or shell - novnc: 1, - vmid: vmid, - vmname: vmname, - node: nodename, - resize: 'off', - cmd: cmd - }); - var nw = window.open("?" + url, '_blank', "innerWidth=745,innerheight=427"); - if (nw) { - nw.focus(); - } - }, - - openSpiceViewer: function(url, params){ - - var downloadWithName = function(uri, name) { - var link = Ext.DomHelper.append(document.body, { - tag: 'a', - href: uri, - css : 'display:none;visibility:hidden;height:0px;' - }); - - // Note: we need to tell android the correct file name extension - // but we do not set 'download' tag for other environments, because - // It can have strange side effects (additional user prompt on firefox) - var andriod = navigator.userAgent.match(/Android/i) ? true : false; - if (andriod) { - link.download = name; - } - - if (link.fireEvent) { - link.fireEvent('onclick'); - } else { - var evt = document.createEvent("MouseEvents"); - evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null); - link.dispatchEvent(evt); - } - }; - - Proxmox.Utils.API2Request({ - url: url, - params: params, - method: 'POST', - failure: function(response, opts){ - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, opts){ - var raw = "[virt-viewer]\n"; - Ext.Object.each(response.result.data, function(k, v) { - raw += k + "=" + v + "\n"; - }); - var url = 'data:application/x-virt-viewer;charset=UTF-8,' + - encodeURIComponent(raw); - - downloadWithName(url, "pve-spice.vv"); - } - }); - }, - - openTreeConsole: function(tree, record, item, index, e) { - e.stopEvent(); - var nodename = record.data.node; - var vmid = record.data.vmid; - var vmname = record.data.name; - if (record.data.type === 'qemu' && !record.data.template) { - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/qemu/' + vmid + '/status/current', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, opts) { - var allowSpice = !!response.result.data.spice; - PVE.Utils.openDefaultConsoleWindow(allowSpice, 'kvm', vmid, nodename, vmname); - } - }); - } else if (record.data.type === 'lxc' && !record.data.template) { - PVE.Utils.openDefaultConsoleWindow(true, 'lxc', vmid, nodename, vmname); - } - }, - - // test automation helper - call_menu_handler: function(menu, text) { - - var list = menu.query('menuitem'); - - Ext.Array.each(list, function(item) { - if (item.text === text) { - if (item.handler) { - item.handler(); - return 1; - } else { - return undefined; - } - } - }); - }, - - createCmdMenu: function(v, record, item, index, event) { - event.stopEvent(); - if (!(v instanceof Ext.tree.View)) { - v.select(record); - } - var menu; - var template = !!record.data.template; - var type = record.data.type; - - if (template) { - if (type === 'qemu' || type == 'lxc') { - menu = Ext.create('PVE.menu.TemplateMenu', { - pveSelNode: record - }); - } - } else if (type === 'qemu' || - type === 'lxc' || - type === 'node') { - menu = Ext.create('PVE.' + type + '.CmdMenu', { - pveSelNode: record, - nodename: record.data.node - }); - } else { - return; - } - - menu.showAt(event.getXY()); - return menu; - }, - - // helper for deleting field which are set to there default values - delete_if_default: function(values, fieldname, default_val, create) { - if (values[fieldname] === '' || values[fieldname] === default_val) { - if (!create) { - if (values['delete']) { - values['delete'] += ',' + fieldname; - } else { - values['delete'] = fieldname; - } - } - - delete values[fieldname]; - } - }, - - loadSSHKeyFromFile: function(file, callback) { - // ssh-keygen produces 740 bytes for an average 4096 bit rsa key, with - // a user@host comment, 1420 for 8192 bits; current max is 16kbit - // assume: 740*8 for max. 32kbit (5920 byte file) - // round upwards to nearest nice number => 8192 bytes, leaves lots of comment space - if (file.size > 8192) { - Ext.Msg.alert(gettext('Error'), gettext("Invalid file size: ") + file.size); - return; - } - /*global - FileReader - */ - var reader = new FileReader(); - reader.onload = function(evt) { - callback(evt.target.result); - }; - reader.readAsText(file); - }, - - bus_counts: { ide: 4, sata: 6, scsi: 16, virtio: 16 }, - - // types is either undefined (all busses), an array of busses, or a single bus - forEachBus: function(types, func) { - var busses = Object.keys(PVE.Utils.bus_counts); - var i, j, count, cont; - - if (Ext.isArray(types)) { - busses = types; - } else if (Ext.isDefined(types)) { - busses = [ types ]; - } - - // check if we only have valid busses - for (i = 0; i < busses.length; i++) { - if (!PVE.Utils.bus_counts[busses[i]]) { - throw "invalid bus: '" + busses[i] + "'"; - } - } - - for (i = 0; i < busses.length; i++) { - count = PVE.Utils.bus_counts[busses[i]]; - for (j = 0; j < count; j++) { - cont = func(busses[i], j); - if (!cont && cont !== undefined) { - return; - } - } - } - }, - - mp_counts: { mps: 256, unused: 256 }, - - forEachMP: function(func, includeUnused) { - var i, cont; - for (i = 0; i < PVE.Utils.mp_counts.mps; i++) { - cont = func('mp', i); - if (!cont && cont !== undefined) { - return; - } - } - - if (!includeUnused) { - return; - } - - for (i = 0; i < PVE.Utils.mp_counts.unused; i++) { - cont = func('unused', i); - if (!cont && cont !== undefined) { - return; - } - } - }, - - cleanEmptyObjectKeys: function (obj) { - var propName; - for (propName in obj) { - if (obj.hasOwnProperty(propName)) { - if (obj[propName] === null || obj[propName] === undefined) { - delete obj[propName]; - } - } - } - }, - - handleStoreErrorOrMask: function(me, store, regex, callback) { - - me.mon(store, 'load', function (proxy, response, success, operation) { - - if (success) { - Proxmox.Utils.setErrorMask(me, false); - return; - } - var msg; - - if (operation.error.statusText) { - if (operation.error.statusText.match(regex)) { - callback(me, operation.error); - return; - } else { - msg = operation.error.statusText + ' (' + operation.error.status + ')'; - } - } else { - msg = gettext('Connection error'); - } - Proxmox.Utils.setErrorMask(me, msg); - }); - }, - - showCephInstallOrMask: function(container, msg, nodename, callback){ - var regex = new RegExp("not (installed|initialized)", "i"); - if (msg.match(regex)) { - if (Proxmox.UserName === 'root@pam') { - container.el.mask(); - if (!container.down('pveCephInstallWindow')){ - var isInstalled = msg.match(/not initialized/i) ? true : false; - var win = Ext.create('PVE.ceph.Install', { - nodename: nodename - }); - win.getViewModel().set('isInstalled', isInstalled); - container.add(win); - win.show(); - callback(win); - } - } else { - container.mask(Ext.String.format(gettext('{0} not installed.') + - ' ' + gettext('Log in as root to install.'), 'Ceph'), ['pve-static-mask']); - } - return true; - } else { - return false; - } - } -}, - - singleton: true, - constructor: function() { - var me = this; - Ext.apply(me, me.utilities); - } - -}); - -// ExtJS related things - -Proxmox.Utils.toolkit = 'extjs'; - -// custom PVE specific VTypes -Ext.apply(Ext.form.field.VTypes, { - - QemuStartDate: function(v) { - return (/^(now|\d{4}-\d{1,2}-\d{1,2}(T\d{1,2}:\d{1,2}:\d{1,2})?)$/).test(v); - }, - QemuStartDateText: gettext('Format') + ': "now" or "2006-06-17T16:01:21" or "2006-06-17"', - IP64AddressList: function(v) { - var list = v.split(/[\ \,\;]+/); - var i; - for (i = 0; i < list.length; i++) { - if (list[i] == '') { - continue; - } - - if (!Proxmox.Utils.IP64_match.test(list[i])) { - return false; - } - } - - return true; - }, - IP64AddressListText: gettext('Example') + ': 192.168.1.1,192.168.1.2', - IP64AddressListMask: /[A-Fa-f0-9\,\:\.\;\ ]/ -}); - -Ext.define('PVE.form.field.Display', { - override: 'Ext.form.field.Display', - - setSubmitValue: function(value) { - // do nothing, this is only to allow generalized bindings for the: - // `me.isCreate ? 'textfield' : 'displayfield'` cases we have. - } -}); -// Some configuration values are complex strings - -// so we need parsers/generators for them. - -Ext.define('PVE.Parser', { statics: { - - // this class only contains static functions - - parseACME: function(value) { - if (!value) { - return; - } - - var res = {}; - var errors = false; - - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; //continue - } - - var match_res; - if ((match_res = p.match(/^(?:domains=)?((?:[a-zA-Z0-9\-\.]+[;, ]?)+)$/)) !== null) { - res.domains = match_res[1].split(/[;, ]/); - } else { - errors = true; - return false; - } - }); - - if (errors || !res) { - return; - } - - return res; - }, - - parseBoolean: function(value, default_value) { - if (!Ext.isDefined(value)) { - return default_value; - } - value = value.toLowerCase(); - return value === '1' || - value === 'on' || - value === 'yes' || - value === 'true'; - }, - - parsePropertyString: function(value, defaultKey) { - var res = {}, - error; - - Ext.Array.each(value.split(','), function(p) { - var kv = p.split('=', 2); - if (Ext.isDefined(kv[1])) { - res[kv[0]] = kv[1]; - } else if (Ext.isDefined(defaultKey)) { - if (Ext.isDefined(res[defaultKey])) { - error = 'defaultKey may be only defined once in propertyString'; - return false; // break - } - res[defaultKey] = kv[0]; - } else { - error = 'invalid propertyString, not a key=value pair and no defaultKey defined'; - return false; // break - } - }); - - if (error !== undefined) { - console.error(error); - return; - } - - return res; - }, - - printPropertyString: function(data, defaultKey) { - var stringparts = []; - - Ext.Object.each(data, function(key, value) { - if (defaultKey !== undefined && key === defaultKey) { - stringparts.unshift(value); - } else { - stringparts.push(key + '=' + value); - } - }); - - return stringparts.join(','); - }, - - parseQemuNetwork: function(key, value) { - if (!(key && value)) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - - var match_res; - - if ((match_res = p.match(/^(ne2k_pci|e1000|e1000-82540em|e1000-82544gc|e1000-82545em|vmxnet3|rtl8139|pcnet|virtio|ne2k_isa|i82551|i82557b|i82559er)(=([0-9a-f]{2}(:[0-9a-f]{2}){5}))?$/i)) !== null) { - res.model = match_res[1].toLowerCase(); - if (match_res[3]) { - res.macaddr = match_res[3]; - } - } else if ((match_res = p.match(/^bridge=(\S+)$/)) !== null) { - res.bridge = match_res[1]; - } else if ((match_res = p.match(/^rate=(\d+(\.\d+)?)$/)) !== null) { - res.rate = match_res[1]; - } else if ((match_res = p.match(/^tag=(\d+(\.\d+)?)$/)) !== null) { - res.tag = match_res[1]; - } else if ((match_res = p.match(/^firewall=(\d+)$/)) !== null) { - res.firewall = match_res[1]; - } else if ((match_res = p.match(/^link_down=(\d+)$/)) !== null) { - res.disconnect = match_res[1]; - } else if ((match_res = p.match(/^queues=(\d+)$/)) !== null) { - res.queues = match_res[1]; - } else if ((match_res = p.match(/^trunks=(\d+(?:-\d+)?(?:;\d+(?:-\d+)?)*)$/)) !== null) { - res.trunks = match_res[1]; - } else { - errors = true; - return false; // break - } - }); - - if (errors || !res.model) { - return; - } - - return res; - }, - - printQemuNetwork: function(net) { - - var netstr = net.model; - if (net.macaddr) { - netstr += "=" + net.macaddr; - } - if (net.bridge) { - netstr += ",bridge=" + net.bridge; - if (net.tag) { - netstr += ",tag=" + net.tag; - } - if (net.firewall) { - netstr += ",firewall=" + net.firewall; - } - } - if (net.rate) { - netstr += ",rate=" + net.rate; - } - if (net.queues) { - netstr += ",queues=" + net.queues; - } - if (net.disconnect) { - netstr += ",link_down=" + net.disconnect; - } - if (net.trunks) { - netstr += ",trunks=" + net.trunks; - } - return netstr; - }, - - parseQemuDrive: function(key, value) { - if (!(key && value)) { - return; - } - - var res = {}; - - var match_res = key.match(/^([a-z]+)(\d+)$/); - if (!match_res) { - return; - } - res['interface'] = match_res[1]; - res.index = match_res[2]; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - var match_res = p.match(/^([a-z_]+)=(\S+)$/); - if (!match_res) { - if (!p.match(/\=/)) { - res.file = p; - return; // continue - } - errors = true; - return false; // break - } - var k = match_res[1]; - if (k === 'volume') { - k = 'file'; - } - - if (Ext.isDefined(res[k])) { - errors = true; - return false; // break - } - - var v = match_res[2]; - - if (k === 'cache' && v === 'off') { - v = 'none'; - } - - res[k] = v; - }); - - if (errors || !res.file) { - return; - } - - return res; - }, - - printQemuDrive: function(drive) { - - var drivestr = drive.file; - - Ext.Object.each(drive, function(key, value) { - if (!Ext.isDefined(value) || key === 'file' || - key === 'index' || key === 'interface') { - return; // continue - } - drivestr += ',' + key + '=' + value; - }); - - return drivestr; - }, - - parseIPConfig: function(key, value) { - if (!(key && value)) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - - var match_res; - if ((match_res = p.match(/^ip=(\S+)$/)) !== null) { - res.ip = match_res[1]; - } else if ((match_res = p.match(/^gw=(\S+)$/)) !== null) { - res.gw = match_res[1]; - } else if ((match_res = p.match(/^ip6=(\S+)$/)) !== null) { - res.ip6 = match_res[1]; - } else if ((match_res = p.match(/^gw6=(\S+)$/)) !== null) { - res.gw6 = match_res[1]; - } else { - errors = true; - return false; // break - } - }); - - if (errors) { - return; - } - - return res; - }, - - printIPConfig: function(cfg) { - var c = ""; - var str = ""; - if (cfg.ip) { - str += "ip=" + cfg.ip; - c = ","; - } - if (cfg.gw) { - str += c + "gw=" + cfg.gw; - c = ","; - } - if (cfg.ip6) { - str += c + "ip6=" + cfg.ip6; - c = ","; - } - if (cfg.gw6) { - str += c + "gw6=" + cfg.gw6; - c = ","; - } - return str; - }, - - parseOpenVZNetIf: function(value) { - if (!value) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(';'), function(item) { - if (!item || item.match(/^\s*$/)) { - return; // continue - } - - var data = {}; - Ext.Array.each(item.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - var match_res = p.match(/^(ifname|mac|bridge|host_ifname|host_mac|mac_filter)=(\S+)$/); - if (!match_res) { - errors = true; - return false; // break - } - if (match_res[1] === 'bridge'){ - var bridgevlanf = match_res[2]; - var bridge_res = bridgevlanf.match(/^(vmbr(\d+))(v(\d+))?(f)?$/); - if (!bridge_res) { - errors = true; - return false; // break - } - data.bridge = bridge_res[1]; - data.tag = bridge_res[4]; - /*jslint confusion: true*/ - data.firewall = bridge_res[5] ? 1 : 0; - /*jslint confusion: false*/ - } else { - data[match_res[1]] = match_res[2]; - } - }); - - if (errors || !data.ifname) { - errors = true; - return false; // break - } - - data.raw = item; - - res[data.ifname] = data; - }); - - return errors ? undefined: res; - }, - - printOpenVZNetIf: function(netif) { - var netarray = []; - - Ext.Object.each(netif, function(iface, data) { - var tmparray = []; - Ext.Array.each(['ifname', 'mac', 'bridge', 'host_ifname' , 'host_mac', 'mac_filter', 'tag', 'firewall'], function(key) { - var value = data[key]; - if (key === 'bridge'){ - if(data.tag){ - value = value + 'v' + data.tag; - } - if (data.firewall){ - value = value + 'f'; - } - } - if (value) { - tmparray.push(key + '=' + value); - } - - }); - netarray.push(tmparray.join(',')); - }); - - return netarray.join(';'); - }, - - parseLxcNetwork: function(value) { - if (!value) { - return; - } - - var data = {}; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - var match_res = p.match(/^(bridge|hwaddr|mtu|name|ip|ip6|gw|gw6|tag|rate)=(\S+)$/); - if (match_res) { - data[match_res[1]] = match_res[2]; - } else if ((match_res = p.match(/^firewall=(\d+)$/)) !== null) { - data.firewall = PVE.Parser.parseBoolean(match_res[1]); - } else { - // todo: simply ignore errors ? - return; // continue - } - }); - - return data; - }, - - printLxcNetwork: function(data) { - var tmparray = []; - Ext.Array.each(['bridge', 'hwaddr', 'mtu', 'name', 'ip', - 'gw', 'ip6', 'gw6', 'firewall', 'tag'], function(key) { - var value = data[key]; - if (value) { - tmparray.push(key + '=' + value); - } - }); - - /*jslint confusion: true*/ - if (data.rate > 0) { - tmparray.push('rate=' + data.rate); - } - /*jslint confusion: false*/ - return tmparray.join(','); - }, - - parseLxcMountPoint: function(value) { - if (!value) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - var match_res = p.match(/^([a-z_]+)=(.+)$/); - if (!match_res) { - if (!p.match(/\=/)) { - res.file = p; - return; // continue - } - errors = true; - return false; // break - } - var k = match_res[1]; - if (k === 'volume') { - k = 'file'; - } - - if (Ext.isDefined(res[k])) { - errors = true; - return false; // break - } - - var v = match_res[2]; - - res[k] = v; - }); - - if (errors || !res.file) { - return; - } - - var m = res.file.match(/^([a-z][a-z0-9\-\_\.]*[a-z0-9]):/i); - if (m) { - res.storage = m[1]; - res.type = 'volume'; - } else if (res.file.match(/^\/dev\//)) { - res.type = 'device'; - } else { - res.type = 'bind'; - } - - return res; - }, - - printLxcMountPoint: function(mp) { - var drivestr = mp.file; - - Ext.Object.each(mp, function(key, value) { - if (!Ext.isDefined(value) || key === 'file' || - key === 'type' || key === 'storage') { - return; // continue - } - drivestr += ',' + key + '=' + value; - }); - - return drivestr; - }, - - parseStartup: function(value) { - if (value === undefined) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - - var match_res; - - if ((match_res = p.match(/^(order)?=(\d+)$/)) !== null) { - res.order = match_res[2]; - } else if ((match_res = p.match(/^up=(\d+)$/)) !== null) { - res.up = match_res[1]; - } else if ((match_res = p.match(/^down=(\d+)$/)) !== null) { - res.down = match_res[1]; - } else { - errors = true; - return false; // break - } - }); - - if (errors) { - return; - } - - return res; - }, - - printStartup: function(startup) { - var arr = []; - if (startup.order !== undefined && startup.order !== '') { - arr.push('order=' + startup.order); - } - if (startup.up !== undefined && startup.up !== '') { - arr.push('up=' + startup.up); - } - if (startup.down !== undefined && startup.down !== '') { - arr.push('down=' + startup.down); - } - - return arr.join(','); - }, - - parseQemuSmbios1: function(value) { - var res = {}; - - Ext.Array.each(value.split(','), function(p) { - var kva = p.split('=', 2); - res[kva[0]] = kva[1]; - }); - - return res; - }, - - printQemuSmbios1: function(data) { - - var datastr = ''; - - Ext.Object.each(data, function(key, value) { - if (value === '') { return; } - datastr += (datastr !== '' ? ',' : '') + key + '=' + value; - }); - - return datastr; - }, - - parseTfaConfig: function(value) { - var res = {}; - - Ext.Array.each(value.split(','), function(p) { - var kva = p.split('=', 2); - res[kva[0]] = kva[1]; - }); - - return res; - }, - - parseQemuCpu: function(value) { - if (!value) { - return {}; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - - if (!p.match(/\=/)) { - if (Ext.isDefined(res.cpu)) { - errors = true; - return false; // break - } - res.cputype = p; - return; // continue - } - - var match_res = p.match(/^([a-z_]+)=(\S+)$/); - if (!match_res) { - errors = true; - return false; // break - } - - var k = match_res[1]; - if (Ext.isDefined(res[k])) { - errors = true; - return false; // break - } - - res[k] = match_res[2]; - }); - - if (errors || !res.cputype) { - return; - } - - return res; - }, - - printQemuCpu: function(cpu) { - var cpustr = cpu.cputype; - var optstr = ''; - - Ext.Object.each(cpu, function(key, value) { - if (!Ext.isDefined(value) || key === 'cputype') { - return; // continue - } - optstr += ',' + key + '=' + value; - }); - - if (!cpustr) { - if (optstr) { - return 'kvm64' + optstr; - } - return; - } - - return cpustr + optstr; - }, - - parseSSHKey: function(key) { - // |--- options can have quotes--| type key comment - var keyre = /^(?:((?:[^\s"]|\"(?:\\.|[^"\\])*")+)\s+)?(\S+)\s+(\S+)(?:\s+(.*))?$/; - var typere = /^(?:ssh-(?:dss|rsa|ed25519)|ecdsa-sha2-nistp\d+)$/; - - var m = key.match(keyre); - if (!m) { - return null; - } - if (m.length < 3 || !m[2]) { // [2] is always either type or key - return null; - } - if (m[1] && m[1].match(typere)) { - return { - type: m[1], - key: m[2], - comment: m[3] - }; - } - if (m[2].match(typere)) { - return { - options: m[1], - type: m[2], - key: m[3], - comment: m[4] - }; - } - return null; - } -}}); -/* This state provider keeps part of the state inside - * the browser history. - * - * We compress (shorten) url using dictionary based compression - * i.e. use column separated list instead of url encoded hash: - * #v\d* version/format - * := indicates string values - * :\d+ lookup value in dictionary hash - * #v1:=value1:5:=value2:=value3:... -*/ - -Ext.define('PVE.StateProvider', { - extend: 'Ext.state.LocalStorageProvider', - - // private - setHV: function(name, newvalue, fireEvents) { - var me = this; - - var changes = false; - var oldtext = Ext.encode(me.UIState[name]); - var newtext = Ext.encode(newvalue); - if (newtext != oldtext) { - changes = true; - me.UIState[name] = newvalue; - //console.log("changed old " + name + " " + oldtext); - //console.log("changed new " + name + " " + newtext); - if (fireEvents) { - me.fireEvent("statechange", me, name, { value: newvalue }); - } - } - return changes; - }, - - // private - hslist: [ - // order is important for notifications - // [ name, default ] - ['view', 'server'], - ['rid', 'root'], - ['ltab', 'tasks'], - ['nodetab', ''], - ['storagetab', ''], - ['pooltab', ''], - ['kvmtab', ''], - ['lxctab', ''], - ['dctab', ''] - ], - - hprefix: 'v1', - - compDict: { - cloudinit: 52, - replication: 51, - system: 50, - monitor: 49, - 'ha-fencing': 48, - 'ha-groups': 47, - 'ha-resources': 46, - 'ceph-log': 45, - 'ceph-crushmap':44, - 'ceph-pools': 43, - 'ceph-osdtree': 42, - 'ceph-disklist': 41, - 'ceph-monlist': 40, - 'ceph-config': 39, - ceph: 38, - 'firewall-fwlog': 37, - 'firewall-options': 36, - 'firewall-ipset': 35, - 'firewall-aliases': 34, - 'firewall-sg': 33, - firewall: 32, - apt: 31, - members: 30, - snapshot: 29, - ha: 28, - support: 27, - pools: 26, - syslog: 25, - ubc: 24, - initlog: 23, - openvz: 22, - backup: 21, - resources: 20, - content: 19, - root: 18, - domains: 17, - roles: 16, - groups: 15, - users: 14, - time: 13, - dns: 12, - network: 11, - services: 10, - options: 9, - console: 8, - hardware: 7, - permissions: 6, - summary: 5, - tasks: 4, - clog: 3, - storage: 2, - folder: 1, - server: 0 - }, - - decodeHToken: function(token) { - var me = this; - - var state = {}; - if (!token) { - Ext.Array.each(me.hslist, function(rec) { - state[rec[0]] = rec[1]; - }); - return state; - } - - // return Ext.urlDecode(token); - - var items = token.split(':'); - var prefix = items.shift(); - - if (prefix != me.hprefix) { - return me.decodeHToken(); - } - - Ext.Array.each(me.hslist, function(rec) { - var value = items.shift(); - if (value) { - if (value[0] === '=') { - value = decodeURIComponent(value.slice(1)); - } else { - Ext.Object.each(me.compDict, function(key, cv) { - if (value == cv) { - value = key; - return false; - } - }); - } - } - state[rec[0]] = value; - }); - - return state; - }, - - encodeHToken: function(state) { - var me = this; - - // return Ext.urlEncode(state); - - var ctoken = me.hprefix; - Ext.Array.each(me.hslist, function(rec) { - var value = state[rec[0]]; - if (!Ext.isDefined(value)) { - value = rec[1]; - } - value = encodeURIComponent(value); - if (!value) { - ctoken += ':'; - } else { - var comp = me.compDict[value]; - if (Ext.isDefined(comp)) { - ctoken += ":" + comp; - } else { - ctoken += ":=" + value; - } - } - }); - - return ctoken; - }, - - constructor: function(config){ - var me = this; - - me.callParent([config]); - - me.UIState = me.decodeHToken(); // set default - - var history_change_cb = function(token) { - //console.log("HC " + token); - if (!token) { - var res = window.confirm(gettext('Are you sure you want to navigate away from this page?')); - if (res){ - // process text value and close... - Ext.History.back(); - } else { - Ext.History.forward(); - } - return; - } - - var newstate = me.decodeHToken(token); - Ext.Array.each(me.hslist, function(rec) { - if (typeof newstate[rec[0]] == "undefined") { - return; - } - me.setHV(rec[0], newstate[rec[0]], true); - }); - }; - - var start_token = Ext.History.getToken(); - if (start_token) { - history_change_cb(start_token); - } else { - var htext = me.encodeHToken(me.UIState); - Ext.History.add(htext); - } - - Ext.History.on('change', history_change_cb); - }, - - get: function(name, defaultValue){ - /*jslint confusion: true */ - var me = this; - var data; - - if (typeof me.UIState[name] != "undefined") { - data = { value: me.UIState[name] }; - } else { - data = me.callParent(arguments); - if (!data && name === 'GuiCap') { - data = { vms: {}, storage: {}, access: {}, nodes: {}, dc: {} }; - } - } - - //console.log("GET " + name + " " + Ext.encode(data)); - return data; - }, - - clear: function(name){ - var me = this; - - if (typeof me.UIState[name] != "undefined") { - me.UIState[name] = null; - } - - me.callParent(arguments); - }, - - set: function(name, value){ - var me = this; - - //console.log("SET " + name + " " + Ext.encode(value)); - if (typeof me.UIState[name] != "undefined") { - var newvalue = value ? value.value : null; - if (me.setHV(name, newvalue, false)) { - var htext = me.encodeHToken(me.UIState); - Ext.History.add(htext); - } - } else { - me.callParent(arguments); - } - } -}); -Ext.define('PVE.menu.Item', { - extend: 'Ext.menu.Item', - alias: 'widget.pveMenuItem', - - // set to wrap the handler callback in a confirm dialog showing this text - confirmMsg: false, - - // set to focus 'No' instead of 'Yes' button and show a warning symbol - dangerous: false, - - initComponent: function() { - var me = this; - - if (me.handler) { - me.setHandler(me.handler, me.scope); - } - - me.callParent(); - }, - - setHandler: function(fn, scope) { - var me = this; - me.scope = scope; - me.handler = function(button, e) { - var rec, msg; - if (me.confirmMsg) { - msg = me.confirmMsg; - Ext.MessageBox.defaultButton = me.dangerous ? 2 : 1; - Ext.Msg.show({ - title: gettext('Confirm'), - icon: me.dangerous ? Ext.Msg.WARNING : Ext.Msg.QUESTION, - msg: msg, - buttons: Ext.Msg.YESNO, - defaultFocus: me.dangerous ? 'no' : 'yes', - callback: function(btn) { - if (btn === 'yes') { - Ext.callback(fn, me.scope, [me, e], 0, me); - } - } - }); - } else { - Ext.callback(fn, me.scope, [me, e], 0, me); - } - }; - } -}); -Ext.define('PVE.menu.TemplateMenu', { - extend: 'Ext.menu.Menu', - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var guestType = me.pveSelNode.data.type; - if (guestType !== 'qemu' && guestType != 'lxc') { - throw "invalid guest type"; - } - - var vmname = me.pveSelNode.data.name; - - var template = me.pveSelNode.data.template; - - var vm_command = function(cmd, params) { - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + nodename + '/' + guestType + '/' + vmid + "/status/" + cmd, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - me.title = (guestType === 'qemu' ? 'VM ' : 'CT ') + vmid; - - me.items = [ - { - text: gettext('Migrate'), - iconCls: 'fa fa-fw fa-send-o', - handler: function() { - var win = Ext.create('PVE.window.Migrate', { - vmtype: guestType, - nodename: nodename, - vmid: vmid - }); - win.show(); - } - }, - { - text: gettext('Clone'), - iconCls: 'fa fa-fw fa-clone', - handler: function() { - var win = Ext.create('PVE.window.Clone', { - nodename: nodename, - guestType: guestType, - vmid: vmid, - isTemplate: template - }); - win.show(); - } - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.button.ConsoleButton', { - extend: 'Ext.button.Split', - alias: 'widget.pveConsoleButton', - - consoleType: 'shell', // one of 'shell', 'kvm', 'lxc', 'upgrade', 'cmd' - - cmd: undefined, - - consoleName: undefined, - - iconCls: 'fa fa-terminal', - - enableSpice: true, - enableXtermjs: true, - - nodename: undefined, - - vmid: 0, - - text: gettext('Console'), - - setEnableSpice: function(enable){ - var me = this; - - me.enableSpice = enable; - me.down('#spicemenu').setDisabled(!enable); - }, - - setEnableXtermJS: function(enable){ - var me = this; - - me.enableXtermjs = enable; - me.down('#xtermjs').setDisabled(!enable); - }, - - handler: function() { - var me = this; - var consoles = { - spice: me.enableSpice, - xtermjs: me.enableXtermjs - }; - PVE.Utils.openDefaultConsoleWindow(consoles, me.consoleType, me.vmid, - me.nodename, me.consoleName, me.cmd); - }, - - menu: [ - { - xtype:'menuitem', - text: 'noVNC', - iconCls: 'pve-itype-icon-novnc', - type: 'html5', - handler: function(button) { - var me = this.up('button'); - PVE.Utils.openConsoleWindow(button.type, me.consoleType, me.vmid, me.nodename, me.consoleName, me.cmd); - } - }, - { - xterm: 'menuitem', - itemId: 'spicemenu', - text: 'SPICE', - type: 'vv', - iconCls: 'pve-itype-icon-virt-viewer', - handler: function(button) { - var me = this.up('button'); - PVE.Utils.openConsoleWindow(button.type, me.consoleType, me.vmid, me.nodename, me.consoleName, me.cmd); - } - }, - { - text: 'xterm.js', - itemId: 'xtermjs', - iconCls: 'pve-itype-icon-xtermjs', - type: 'xtermjs', - handler: function(button) { - var me = this.up('button'); - PVE.Utils.openConsoleWindow(button.type, me.consoleType, me.vmid, me.nodename, me.consoleName, me.cmd); - } - } - ], - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.callParent(); - } -}); -/* Button features: - * - observe selection changes to enable/disable the button using enableFn() - * - pop up confirmation dialog using confirmMsg() - * - * does this for the button and every menu item - */ -Ext.define('PVE.button.Split', { - extend: 'Ext.button.Split', - alias: 'widget.pveSplitButton', - - // the selection model to observe - selModel: undefined, - - // if 'false' handler will not be called (button disabled) - enableFn: function(record) { }, - - // function(record) or text - confirmMsg: false, - - // take special care in confirm box (select no as default). - dangerous: false, - - handlerWrapper: function(button, event) { - var me = this; - var rec, msg; - if (me.selModel) { - rec = me.selModel.getSelection()[0]; - if (!rec || (me.enableFn(rec) === false)) { - return; - } - } - - if (me.confirmMsg) { - msg = me.confirmMsg; - // confirMsg can be boolean or function - /*jslint confusion: true*/ - if (Ext.isFunction(me.confirmMsg)) { - msg = me.confirmMsg(rec); - } - /*jslint confusion: false*/ - Ext.MessageBox.defaultButton = me.dangerous ? 2 : 1; - Ext.Msg.show({ - title: gettext('Confirm'), - icon: me.dangerous ? Ext.Msg.WARNING : Ext.Msg.QUESTION, - msg: msg, - buttons: Ext.Msg.YESNO, - callback: function(btn) { - if (btn !== 'yes') { - return; - } - me.realHandler(button, event, rec); - } - }); - } else { - me.realHandler(button, event, rec); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - - var me = this; - - if (me.handler) { - me.realHandler = me.handler; - me.handler = me.handlerWrapper; - } - - if (me.menu && me.menu.items) { - me.menu.items.forEach(function(item) { - if (item.handler) { - item.realHandler = item.handler; - item.handler = me.handlerWrapper; - } - - if (item.selModel) { - me.mon(item.selModel, "selectionchange", function() { - var rec = item.selModel.getSelection()[0]; - if (!rec || (item.enableFn(rec) === false )) { - item.setDisabled(true); - } else { - item.setDisabled(false); - } - }); - } - }); - } - - me.callParent(); - - if (me.selModel) { - - me.mon(me.selModel, "selectionchange", function() { - var rec = me.selModel.getSelection()[0]; - if (!rec || (me.enableFn(rec) === false)) { - me.setDisabled(true); - } else { - me.setDisabled(false); - } - }); - } - } -}); -Ext.define('PVE.controller.StorageEdit', { - extend: 'Ext.app.ViewController', - alias: 'controller.storageEdit', - control: { - 'field[name=content]': { - change: function(field, value) { - var hasBackups = Ext.Array.contains(value, 'backup'); - var maxfiles = this.lookupReference('maxfiles'); - if (!maxfiles) { - return; - } - - if (!hasBackups) { - // clear values which will never be submitted - maxfiles.reset(); - } - maxfiles.setDisabled(!hasBackups); - } - } - } -}); -Ext.define('PVE.qemu.CmdMenu', { - extend: 'Ext.menu.Menu', - - showSeparator: false, - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var vmname = me.pveSelNode.data.name; - - var vm_command = function(cmd, params) { - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + nodename + '/qemu/' + vmid + "/status/" + cmd, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }; - - var caps = Ext.state.Manager.get('GuiCap'); - - var running = false; - var stopped = true; - var suspended = false; - var standalone = PVE.data.ResourceStore.getNodes().length < 2; - - switch (me.pveSelNode.data.status) { - case 'running': - running = true; - stopped = false; - break; - case 'suspended': - stopped = false; - suspended = true; - break; - case 'paused': - stopped = false; - suspended = true; - break; - default: break; - } - - me.title = "VM " + vmid; - - me.items = [ - { - text: gettext('Start'), - iconCls: 'fa fa-fw fa-play', - hidden: running || suspended, - disabled: running || suspended, - handler: function() { - vm_command('start'); - } - }, - { - text: gettext('Pause'), - iconCls: 'fa fa-fw fa-pause', - hidden: stopped || suspended, - disabled: stopped || suspended, - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmpause', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - vm_command('suspend'); - }); - } - }, - { - text: gettext('Hibernate'), - iconCls: 'fa fa-fw fa-download', - hidden: stopped || suspended, - disabled: stopped || suspended, - tooltip: gettext('Suspend to disk'), - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmsuspend', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - vm_command('suspend', { todisk: 1 }); - }); - } - }, - { - text: gettext('Resume'), - iconCls: 'fa fa-fw fa-play', - hidden: !suspended, - handler: function() { - vm_command('resume'); - } - }, - { - text: gettext('Shutdown'), - iconCls: 'fa fa-fw fa-power-off', - disabled: stopped || suspended, - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmshutdown', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - vm_command('shutdown'); - }); - } - }, - { - text: gettext('Stop'), - iconCls: 'fa fa-fw fa-stop', - disabled: stopped, - tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'VM'), - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmstop', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - vm_command("stop"); - }); - } - }, - { - xtype: 'menuseparator', - hidden: (standalone || !caps.vms['VM.Migrate']) && !caps.vms['VM.Allocate'] && !caps.vms['VM.Clone'] - }, - { - text: gettext('Migrate'), - iconCls: 'fa fa-fw fa-send-o', - hidden: standalone || !caps.vms['VM.Migrate'], - handler: function() { - var win = Ext.create('PVE.window.Migrate', { - vmtype: 'qemu', - nodename: nodename, - vmid: vmid - }); - win.show(); - } - }, - { - text: gettext('Clone'), - iconCls: 'fa fa-fw fa-clone', - hidden: !caps.vms['VM.Clone'], - handler: function() { - PVE.window.Clone.wrap(nodename, vmid, me.isTemplate, 'qemu'); - } - }, - { - text: gettext('Convert to template'), - iconCls: 'fa fa-fw fa-file-o', - hidden: !caps.vms['VM.Allocate'], - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmtemplate', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/qemu/' + vmid + '/template', - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Console'), - iconCls: 'fa fa-fw fa-terminal', - handler: function() { - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/qemu/' + vmid + '/status/current', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, opts) { - var allowSpice = response.result.data.spice; - var allowXtermjs = response.result.data.serial; - var consoles = { - spice: allowSpice, - xtermjs: allowXtermjs - }; - PVE.Utils.openDefaultConsoleWindow(consoles, 'kvm', vmid, nodename, vmname); - } - }); - } - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.lxc.CmdMenu', { - extend: 'Ext.menu.Menu', - - showSeparator: false, - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no CT ID specified"; - } - var vmname = me.pveSelNode.data.name; - - var vm_command = function(cmd, params) { - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + nodename + '/lxc/' + vmid + "/status/" + cmd, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - var caps = Ext.state.Manager.get('GuiCap'); - - var running = false; - var stopped = true; - var suspended = false; - var standalone = PVE.data.ResourceStore.getNodes().length < 2; - - switch (me.pveSelNode.data.status) { - case 'running': - running = true; - stopped = false; - break; - case 'paused': - stopped = false; - suspended = true; - break; - default: break; - } - - me.title = 'CT ' + vmid; - - me.items = [ - { - text: gettext('Start'), - iconCls: 'fa fa-fw fa-play', - disabled: running, - handler: function() { - vm_command('start'); - } - }, -// { -// text: gettext('Suspend'), -// iconCls: 'fa fa-fw fa-pause', -// hidde: suspended, -// disabled: stopped || suspended, -// handler: function() { -// var msg = Proxmox.Utils.format_task_description('vzsuspend', vmid); -// Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { -// if (btn !== 'yes') { -// return; -// } -// -// vm_command('suspend'); -// }); -// } -// }, -// { -// text: gettext('Resume'), -// iconCls: 'fa fa-fw fa-play', -// hidden: !suspended, -// handler: function() { -// vm_command('resume'); -// } -// }, - { - text: gettext('Shutdown'), - iconCls: 'fa fa-fw fa-power-off', - disabled: stopped || suspended, - handler: function() { - var msg = Proxmox.Utils.format_task_description('vzshutdown', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - vm_command('shutdown'); - }); - } - }, - { - text: gettext('Stop'), - iconCls: 'fa fa-fw fa-stop', - disabled: stopped, - tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'CT'), - handler: function() { - var msg = Proxmox.Utils.format_task_description('vzstop', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - vm_command("stop"); - }); - } - }, - { - xtype: 'menuseparator', - hidden: standalone || !caps.vms['VM.Migrate'] - }, - { - text: gettext('Clone'), - iconCls: 'fa fa-fw fa-clone', - hidden: !caps.vms['VM.Clone'], - handler: function() { - PVE.window.Clone.wrap(nodename, vmid, me.isTemplate, 'lxc'); - } - }, - { - text: gettext('Migrate'), - iconCls: 'fa fa-fw fa-send-o', - hidden: standalone || !caps.vms['VM.Migrate'], - handler: function() { - var win = Ext.create('PVE.window.Migrate', { - vmtype: 'lxc', - nodename: nodename, - vmid: vmid - }); - win.show(); - } - }, - { - text: gettext('Convert to template'), - iconCls: 'fa fa-fw fa-file-o', - handler: function() { - var msg = Proxmox.Utils.format_task_description('vztemplate', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/lxc/' + vmid + '/template', - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Console'), - iconCls: 'fa fa-fw fa-terminal', - handler: function() { - PVE.Utils.openDefaultConsoleWindow(true, 'lxc', vmid, nodename, vmname); - } - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.node.CmdMenu', { - extend: 'Ext.menu.Menu', - xtype: 'nodeCmdMenu', - - showSeparator: false, - - items: [ - { - text: gettext('Create VM'), - itemId: 'createvm', - iconCls: 'fa fa-desktop', - handler: function() { - var me = this.up('menu'); - var wiz = Ext.create('PVE.qemu.CreateWizard', { - nodename: me.nodename - }); - wiz.show(); - } - }, - { - text: gettext('Create CT'), - itemId: 'createct', - iconCls: 'fa fa-cube', - handler: function() { - var me = this.up('menu'); - var wiz = Ext.create('PVE.lxc.CreateWizard', { - nodename: me.nodename - }); - wiz.show(); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Bulk Start'), - itemId: 'bulkstart', - iconCls: 'fa fa-fw fa-play', - handler: function() { - var me = this.up('menu'); - var win = Ext.create('PVE.window.BulkAction', { - nodename: me.nodename, - title: gettext('Bulk Start'), - btnText: gettext('Start'), - action: 'startall' - }); - win.show(); - } - }, - { - text: gettext('Bulk Stop'), - itemId: 'bulkstop', - iconCls: 'fa fa-fw fa-stop', - handler: function() { - var me = this.up('menu'); - var win = Ext.create('PVE.window.BulkAction', { - nodename: me.nodename, - title: gettext('Bulk Stop'), - btnText: gettext('Stop'), - action: 'stopall' - }); - win.show(); - } - }, - { - text: gettext('Bulk Migrate'), - itemId: 'bulkmigrate', - iconCls: 'fa fa-fw fa-send-o', - handler: function() { - var me = this.up('menu'); - var win = Ext.create('PVE.window.BulkAction', { - nodename: me.nodename, - title: gettext('Bulk Migrate'), - btnText: gettext('Migrate'), - action: 'migrateall' - }); - win.show(); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Shell'), - itemId: 'shell', - iconCls: 'fa fa-fw fa-terminal', - handler: function() { - var me = this.up('menu'); - PVE.Utils.openDefaultConsoleWindow(true, 'shell', undefined, me.nodename, undefined); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Wake-on-LAN'), - itemId: 'wakeonlan', - iconCls: 'fa fa-fw fa-power-off', - handler: function() { - var me = this.up('menu'); - Proxmox.Utils.API2Request({ - param: {}, - url: '/nodes/' + me.nodename + '/wakeonlan', - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, opts) { - Ext.Msg.show({ - title: 'Success', - icon: Ext.Msg.INFO, - msg: Ext.String.format(gettext("Wake on LAN packet send for '{0}': '{1}'"), me.nodename, response.result.data) - }); - } - }); - } - } - ], - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw 'no nodename specified'; - } - - me.title = gettext('Node') + " '" + me.nodename + "'"; - me.callParent(); - - var caps = Ext.state.Manager.get('GuiCap'); - // disable not allowed options - if (!caps.vms['VM.Allocate']) { - me.getComponent('createct').setDisabled(true); - me.getComponent('createvm').setDisabled(true); - } - - if (!caps.nodes['Sys.PowerMgmt']) { - me.getComponent('bulkstart').setDisabled(true); - me.getComponent('bulkstop').setDisabled(true); - me.getComponent('bulkmigrate').setDisabled(true); - me.getComponent('wakeonlan').setDisabled(true); - } - - if (!caps.nodes['Sys.Console']) { - me.getComponent('shell').setDisabled(true); - } - - if (me.pveSelNode.data.running) { - me.getComponent('wakeonlan').setDisabled(true); - } - } -}); -Ext.define('PVE.noVncConsole', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveNoVncConsole', - - nodename: undefined, - - vmid: undefined, - - cmd: undefined, - - consoleType: undefined, // lxc, kvm, shell, cmd - - layout: 'fit', - - xtermjs: false, - - border: false, - - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.consoleType) { - throw "no console type specified"; - } - - if (!me.vmid && me.consoleType !== 'shell' && me.consoleType !== 'cmd') { - throw "no VM ID specified"; - } - - // always use same iframe, to avoid running several noVnc clients - // at same time (to avoid performance problems) - var box = Ext.create('Ext.ux.IFrame', { itemid : "vncconsole" }); - - var type = me.xtermjs ? 'xtermjs' : 'novnc'; - Ext.apply(me, { - items: box, - listeners: { - activate: function() { - var queryDict = { - console: me.consoleType, // kvm, lxc, upgrade or shell - vmid: me.vmid, - node: me.nodename, - cmd: me.cmd, - resize: 'scale' - }; - queryDict[type] = 1; - PVE.Utils.cleanEmptyObjectKeys(queryDict); - var url = '/?' + Ext.Object.toQueryString(queryDict); - box.load(url); - } - } - }); - - me.callParent(); - - me.on('afterrender', function() { - me.focus(); - }); - } -}); - -Ext.define('PVE.data.PermPathStore', { - extend: 'Ext.data.Store', - alias: 'store.pvePermPath', - fields: [ 'value' ], - autoLoad: false, - data: [ - {'value': '/'}, - {'value': '/access'}, - {'value': '/nodes'}, - {'value': '/pool'}, - {'value': '/storage'}, - {'value': '/vms'} - ], - - constructor: function(config) { - var me = this; - - config = config || {}; - - me.callParent([config]); - - me.suspendEvents(); - PVE.data.ResourceStore.each(function(record) { - switch (record.get('type')) { - case 'node': - me.add({value: '/nodes/' + record.get('text')}); - break; - - case 'qemu': - me.add({value: '/vms/' + record.get('vmid')}); - break; - - case 'lxc': - me.add({value: '/vms/' + record.get('vmid')}); - break; - - case 'storage': - me.add({value: '/storage/' + record.get('storage')}); - break; - case 'pool': - me.add({value: '/pool/' + record.get('pool')}); - break; - } - }); - me.resumeEvents(); - - me.fireEvent('refresh', me); - me.fireEvent('datachanged', me); - - me.sort({ - property: 'value', - direction: 'ASC' - }); - } -}); -Ext.define('PVE.data.ResourceStore', { - extend: 'Proxmox.data.UpdateStore', - singleton: true, - - findVMID: function(vmid) { - var me = this, i; - - return (me.findExact('vmid', parseInt(vmid, 10)) >= 0); - }, - - // returns the cached data from all nodes - getNodes: function() { - var me = this; - - var nodes = []; - me.each(function(record) { - if (record.get('type') == "node") { - nodes.push( record.getData() ); - } - }); - - return nodes; - }, - - storageIsShared: function(storage_path) { - var me = this; - - var index = me.findExact('id', storage_path); - - return me.getAt(index).data.shared; - }, - - guestNode: function(vmid) { - var me = this; - - var index = me.findExact('vmid', parseInt(vmid, 10)); - - return me.getAt(index).data.node; - }, - - constructor: function(config) { - // fixme: how to avoid those warnings - /*jslint confusion: true */ - - var me = this; - - config = config || {}; - - var field_defaults = { - type: { - header: gettext('Type'), - type: 'string', - renderer: PVE.Utils.render_resource_type, - sortable: true, - hideable: false, - width: 100 - }, - id: { - header: 'ID', - type: 'string', - hidden: true, - sortable: true, - width: 80 - }, - running: { - header: gettext('Online'), - type: 'boolean', - renderer: Proxmox.Utils.format_boolean, - hidden: true, - convert: function(value, record) { - var info = record.data; - return (Ext.isNumeric(info.uptime) && (info.uptime > 0)); - } - }, - text: { - header: gettext('Description'), - type: 'string', - sortable: true, - width: 200, - convert: function(value, record) { - var info = record.data; - var text; - - if (value) { - return value; - } - - if (Ext.isNumeric(info.vmid) && info.vmid > 0) { - text = String(info.vmid); - if (info.name) { - text += " (" + info.name + ')'; - } - } else { // node, pool, storage - text = info[info.type] || info.id; - if (info.node && info.type !== 'node') { - text += " (" + info.node + ")"; - } - } - - return text; - } - }, - vmid: { - header: 'VMID', - type: 'integer', - hidden: true, - sortable: true, - width: 80 - }, - name: { - header: gettext('Name'), - hidden: true, - sortable: true, - type: 'string' - }, - disk: { - header: gettext('Disk usage'), - type: 'integer', - renderer: PVE.Utils.render_disk_usage, - sortable: true, - width: 100, - hidden: true - }, - diskuse: { - header: gettext('Disk usage') + " %", - type: 'number', - sortable: true, - renderer: PVE.Utils.render_disk_usage_percent, - width: 100, - calculate: PVE.Utils.calculate_disk_usage, - sortType: 'asFloat' - }, - maxdisk: { - header: gettext('Disk size'), - type: 'integer', - renderer: PVE.Utils.render_size, - sortable: true, - hidden: true, - width: 100 - }, - mem: { - header: gettext('Memory usage'), - type: 'integer', - renderer: PVE.Utils.render_mem_usage, - sortable: true, - hidden: true, - width: 100 - }, - memuse: { - header: gettext('Memory usage') + " %", - type: 'number', - renderer: PVE.Utils.render_mem_usage_percent, - calculate: PVE.Utils.calculate_mem_usage, - sortType: 'asFloat', - sortable: true, - width: 100 - }, - maxmem: { - header: gettext('Memory size'), - type: 'integer', - renderer: PVE.Utils.render_size, - hidden: true, - sortable: true, - width: 100 - }, - cpu: { - header: gettext('CPU usage'), - type: 'float', - renderer: PVE.Utils.render_cpu, - sortable: true, - width: 100 - }, - maxcpu: { - header: gettext('maxcpu'), - type: 'integer', - hidden: true, - sortable: true, - width: 60 - }, - diskread: { - header: gettext('Total Disk Read'), - type: 'integer', - hidden: true, - sortable: true, - renderer: Proxmox.Utils.format_size, - width: 100 - }, - diskwrite: { - header: gettext('Total Disk Write'), - type: 'integer', - hidden: true, - sortable: true, - renderer: Proxmox.Utils.format_size, - width: 100 - }, - netin: { - header: gettext('Total NetIn'), - type: 'integer', - hidden: true, - sortable: true, - renderer: Proxmox.Utils.format_size, - width: 100 - }, - netout: { - header: gettext('Total NetOut'), - type: 'integer', - hidden: true, - sortable: true, - renderer: Proxmox.Utils.format_size, - width: 100 - }, - template: { - header: gettext('Template'), - type: 'integer', - hidden: true, - sortable: true, - width: 60 - }, - uptime: { - header: gettext('Uptime'), - type: 'integer', - renderer: Proxmox.Utils.render_uptime, - sortable: true, - width: 110 - }, - node: { - header: gettext('Node'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - }, - storage: { - header: gettext('Storage'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - }, - pool: { - header: gettext('Pool'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - }, - hastate: { - header: gettext('HA State'), - type: 'string', - defaultValue: 'unmanaged', - hidden: true, - sortable: true - }, - status: { - header: gettext('Status'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - } - }; - - var fields = []; - var fieldNames = []; - Ext.Object.each(field_defaults, function(key, value) { - var field = {name: key, type: value.type}; - if (Ext.isDefined(value.convert)) { - field.convert = value.convert; - } - - if (Ext.isDefined(value.calculate)) { - field.calculate = value.calculate; - } - - if (Ext.isDefined(value.defaultValue)) { - field.defaultValue = value.defaultValue; - } - - fields.push(field); - fieldNames.push(key); - }); - - Ext.define('PVEResources', { - extend: "Ext.data.Model", - fields: fields, - proxy: { - type: 'proxmox', - url: '/api2/json/cluster/resources' - } - }); - - Ext.define('PVETree', { - extend: "Ext.data.Model", - fields: fields, - proxy: { type: 'memory' } - }); - - Ext.apply(config, { - storeid: 'PVEResources', - model: 'PVEResources', - defaultColumns: function() { - var res = []; - Ext.Object.each(field_defaults, function(field, info) { - var fi = Ext.apply({ dataIndex: field }, info); - res.push(fi); - }); - return res; - }, - fieldNames: fieldNames - }); - - me.callParent([config]); - } -}); -Ext.define('pve-domains', { - extend: "Ext.data.Model", - fields: [ - 'realm', 'type', 'comment', 'default', 'tfa', - { - name: 'descr', - // Note: We use this in the RealmComboBox.js (see Bug #125) - convert: function(value, record) { - if (value) { - return value; - } - - var info = record.data; - // return realm if there is no comment - var text = info.comment || info.realm; - - if (info.tfa) { - text += " (+ " + info.tfa + ")"; - } - - return Ext.String.htmlEncode(text); - } - } - ], - idProperty: 'realm', - proxy: { - type: 'proxmox', - url: "/api2/json/access/domains" - } -}); -Ext.define('pve-rrd-node', { - extend: 'Ext.data.Model', - fields: [ - { - name:'cpu', - // percentage - convert: function(value) { - return value*100; - } - }, - { - name:'iowait', - // percentage - convert: function(value) { - return value*100; - } - }, - 'loadavg', - 'maxcpu', - 'memtotal', - 'memused', - 'netin', - 'netout', - 'roottotal', - 'rootused', - 'swaptotal', - 'swapused', - { type: 'date', dateFormat: 'timestamp', name: 'time' } - ] -}); - -Ext.define('pve-rrd-guest', { - extend: 'Ext.data.Model', - fields: [ - { - name:'cpu', - // percentage - convert: function(value) { - return value*100; - } - }, - 'maxcpu', - 'netin', - 'netout', - 'mem', - 'maxmem', - 'disk', - 'maxdisk', - 'diskread', - 'diskwrite', - { type: 'date', dateFormat: 'timestamp', name: 'time' } - ] -}); - -Ext.define('pve-rrd-storage', { - extend: 'Ext.data.Model', - fields: [ - 'used', - 'total', - { type: 'date', dateFormat: 'timestamp', name: 'time' } - ] -}); -Ext.define('PVE.form.VlanField', { - extend: 'Ext.form.field.Number', - alias: ['widget.pveVlanField'], - - deleteEmpty: false, - - emptyText: 'no VLAN', - - fieldLabel: gettext('VLAN Tag'), - - allowBlank: true, - - getSubmitData: function() { - var me = this, - data = null, - val; - if (!me.disabled && me.submitValue) { - val = me.getSubmitValue(); - if (val) { - data = {}; - data[me.getName()] = val; - } else if (me.deleteEmpty) { - data = {}; - data['delete'] = me.getName(); - } - } - return data; - }, - - initComponent: function() { - var me = this; - - Ext.apply(me, { - minValue: 1, - maxValue: 4094 - }); - - me.callParent(); - } -}); -// boolean type including 'Default' (delete property from file) -Ext.define('PVE.form.Boolean', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.booleanfield'], - comboItems: [ - ['__default__', gettext('Default')], - [1, gettext('Yes')], - [0, gettext('No')] - ] -}); -Ext.define('PVE.form.CompressionSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveCompressionSelector'], - comboItems: [ - ['0', Proxmox.Utils.noneText], - ['lzo', 'LZO (' + gettext('fast') + ')'], - ['gzip', 'GZIP (' + gettext('good') + ')'] - ] -}); -Ext.define('PVE.form.PoolSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pvePoolSelector'], - - allowBlank: false, - valueField: 'poolid', - displayField: 'poolid', - - initComponent: function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-pools', - sorters: 'poolid' - }); - - Ext.apply(me, { - store: store, - autoSelect: false, - listConfig: { - columns: [ - { - header: gettext('Pool'), - sortable: true, - dataIndex: 'poolid', - flex: 1 - }, - { - header: gettext('Comment'), - sortable: false, - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - } - }); - - me.callParent(); - - store.load(); - } - -}, function() { - - Ext.define('pve-pools', { - extend: 'Ext.data.Model', - fields: [ 'poolid', 'comment' ], - proxy: { - type: 'proxmox', - url: "/api2/json/pools" - }, - idProperty: 'poolid' - }); - -}); -Ext.define('PVE.form.PrivilegesSelector', { - extend: 'Proxmox.form.KVComboBox', - xtype: 'pvePrivilegesSelector', - - multiSelect: true, - - initComponent: function() { - var me = this; - - // So me.store is available. - me.callParent(); - - Proxmox.Utils.API2Request({ - url: '/access/roles/Administrator', - method: 'GET', - success: function(response, options) { - var data = [], key; - /*jslint forin: true */ - for (key in response.result.data) { - data.push([key, key]); - } - /*jslint forin: false */ - - me.store.setData(data); - - me.store.sort({ - property: 'key', - direction: 'ASC' - }); - }, - - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } -}); -Ext.define('pve-groups', { - extend: 'Ext.data.Model', - fields: [ 'groupid', 'comment' ], - proxy: { - type: 'proxmox', - url: "/api2/json/access/groups" - }, - idProperty: 'groupid' -}); - -Ext.define('PVE.form.GroupSelector', { - extend: 'Proxmox.form.ComboGrid', - xtype: 'pveGroupSelector', - - allowBlank: false, - autoSelect: false, - valueField: 'groupid', - displayField: 'groupid', - listConfig: { - columns: [ - { - header: gettext('Group'), - sortable: true, - dataIndex: 'groupid', - flex: 1 - }, - { - header: gettext('Comment'), - sortable: false, - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - }, - - initComponent: function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-groups', - sorters: [{ - property: 'groupid' - }] - }); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - - store.load(); - } -}); -Ext.define('PVE.form.UserSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveUserSelector'], - - allowBlank: false, - autoSelect: false, - valueField: 'userid', - displayField: 'userid', - - editable: true, - anyMatch: true, - forceSelection: true, - - initComponent: function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-users', - sorters: [{ - property: 'userid' - }] - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: gettext('User'), - sortable: true, - dataIndex: 'userid', - flex: 1 - }, - { - header: gettext('Name'), - sortable: true, - renderer: PVE.Utils.render_full_name, - dataIndex: 'firstname', - flex: 1 - }, - { - header: gettext('Comment'), - sortable: false, - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - } - }); - - me.callParent(); - - store.load({ params: { enabled: 1 }}); - } - -}, function() { - - Ext.define('pve-users', { - extend: 'Ext.data.Model', - fields: [ - 'userid', 'firstname', 'lastname' , 'email', 'comment', - { type: 'boolean', name: 'enable' }, - { type: 'date', dateFormat: 'timestamp', name: 'expire' } - ], - proxy: { - type: 'proxmox', - url: "/api2/json/access/users" - }, - idProperty: 'userid' - }); - -}); - - -Ext.define('PVE.form.RoleSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveRoleSelector'], - - allowBlank: false, - autoSelect: false, - valueField: 'roleid', - displayField: 'roleid', - initComponent: function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-roles', - sorters: [{ - property: 'roleid' - }] - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: gettext('Role'), - sortable: true, - dataIndex: 'roleid', - flex: 1 - } - ] - } - }); - - me.callParent(); - - store.load(); - } - -}, function() { - - Ext.define('pve-roles', { - extend: 'Ext.data.Model', - fields: [ 'roleid', 'privs' ], - proxy: { - type: 'proxmox', - url: "/api2/json/access/roles" - }, - idProperty: 'roleid' - }); - -}); -Ext.define('PVE.form.GuestIDSelector', { - extend: 'Ext.form.field.Number', - alias: 'widget.pveGuestIDSelector', - - allowBlank: false, - - minValue: 100, - - maxValue: 999999999, - - validateExists: undefined, - - loadNextFreeID: false, - - guestType: undefined, - - validator: function(value) { - var me = this; - - if (!Ext.isNumeric(value) || - value < me.minValue || - value > me.maxValue) { - // check is done by ExtJS - return true; - } - - if (me.validateExists === true && !me.exists) { - return me.unknownID; - } - - if (me.validateExists === false && me.exists) { - return me.inUseID; - } - - return true; - }, - - initComponent: function() { - var me = this; - var label = '{0} ID'; - var unknownID = gettext('This {0} ID does not exists'); - var inUseID = gettext('This {0} ID is already in use'); - var type = 'CT/VM'; - - if (me.guestType === 'lxc') { - type = 'CT'; - } else if (me.guestType === 'qemu') { - type = 'VM'; - } - - me.label = Ext.String.format(label, type); - me.unknownID = Ext.String.format(unknownID, type); - me.inUseID = Ext.String.format(inUseID, type); - - Ext.apply(me, { - fieldLabel: me.label, - listeners: { - 'change': function(field, newValue, oldValue) { - if (!Ext.isDefined(me.validateExists)) { - return; - } - Proxmox.Utils.API2Request({ - params: { vmid: newValue }, - url: '/cluster/nextid', - method: 'GET', - success: function(response, opts) { - me.exists = false; - me.validate(); - }, - failure: function(response, opts) { - me.exists = true; - me.validate(); - } - }); - } - } - }); - - me.callParent(); - - if (me.loadNextFreeID) { - Proxmox.Utils.API2Request({ - url: '/cluster/nextid', - method: 'GET', - success: function(response, opts) { - me.setRawValue(response.result.data); - } - }); - } - } -}); -Ext.define('PVE.form.MemoryField', { - extend: 'Ext.form.field.Number', - alias: 'widget.pveMemoryField', - - allowBlank: false, - - hotplug: false, - - minValue: 32, - - maxValue: 4178944, - - step: 32, - - value: '512', // qm default - - allowDecimals: false, - - allowExponential: false, - - computeUpDown: function(value) { - var me = this; - - if (!me.hotplug) { - return { up: value + me.step, down: value - me.step }; - } - - var dimm_size = 512; - var prev_dimm_size = 0; - var min_size = 1024; - var current_size = min_size; - var value_up = min_size; - var value_down = min_size; - var value_start = min_size; - - var i, j; - for (j = 0; j < 9; j++) { - for (i = 0; i < 32; i++) { - if ((value >= current_size) && (value < (current_size + dimm_size))) { - value_start = current_size; - value_up = current_size + dimm_size; - value_down = current_size - ((i === 0) ? prev_dimm_size : dimm_size); - } - current_size += dimm_size; - } - prev_dimm_size = dimm_size; - dimm_size = dimm_size*2; - } - - return { up: value_up, down: value_down, start: value_start }; - }, - - onSpinUp: function() { - var me = this; - if (!me.readOnly) { - var res = me.computeUpDown(me.getValue()); - me.setValue(Ext.Number.constrain(res.up, me.minValue, me.maxValue)); - } - }, - - onSpinDown: function() { - var me = this; - if (!me.readOnly) { - var res = me.computeUpDown(me.getValue()); - me.setValue(Ext.Number.constrain(res.down, me.minValue, me.maxValue)); - } - }, - - initComponent: function() { - var me = this; - - if (me.hotplug) { - me.minValue = 1024; - - me.on('blur', function(field) { - var value = me.getValue(); - var res = me.computeUpDown(value); - if (value === res.start || value === res.up || value === res.down) { - return; - } - field.setValue(res.up); - }); - } - - me.callParent(); - } -}); -Ext.define('PVE.form.NetworkCardSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: 'widget.pveNetworkCardSelector', - comboItems: [ - ['e1000', 'Intel E1000'], - ['virtio', 'VirtIO (' + gettext('paravirtualized') + ')'], - ['rtl8139', 'Realtek RTL8139'], - ['vmxnet3', 'VMware vmxnet3'] - ] -}); -Ext.define('PVE.form.DiskFormatSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: 'widget.pveDiskFormatSelector', - comboItems: [ - ['raw', gettext('Raw disk image') + ' (raw)'], - ['qcow2', gettext('QEMU image format') + ' (qcow2)'], - ['vmdk', gettext('VMware image format') + ' (vmdk)'] - ] -}); -Ext.define('PVE.form.DiskSelector', { - extend: 'Proxmox.form.ComboGrid', - xtype: 'pveDiskSelector', - - // can be - // undefined: all - // unused: only unused - // journal_disk: all disks with gpt - diskType: undefined, - - valueField: 'devpath', - displayField: 'devpath', - emptyText: gettext('No Disks unused'), - listConfig: { - columns: [ - { - header: gettext('Device'), - width: 80, - sortable: true, - dataIndex: 'devpath' - }, - { - header: gettext('Size'), - width: 60, - sortable: false, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - }, - { - header: gettext('Serial'), - flex: 1, - sortable: true, - dataIndex: 'serial' - } - ] - }, - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - if (!nodename) { - throw "no node name specified"; - } - - var store = Ext.create('Ext.data.Store', { - filterOnLoad: true, - model: 'pve-disk-list', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/disks/list", - extraParams: { type: me.diskType } - }, - sorters: [ - { - property : 'devpath', - direction: 'ASC' - } - ] - }); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - - store.load(); - } -}, function() { - - Ext.define('pve-disk-list', { - extend: 'Ext.data.Model', - fields: [ 'devpath', 'used', { name: 'size', type: 'number'}, - {name: 'osdid', type: 'number'}, - 'vendor', 'model', 'serial'], - idProperty: 'devpath' - }); -}); -Ext.define('PVE.form.BusTypeSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: 'widget.pveBusSelector', - - noVirtIO: false, - - initComponent: function() { - var me = this; - - me.comboItems = [['ide', 'IDE'], ['sata', 'SATA']]; - - if (!me.noVirtIO) { - me.comboItems.push(['virtio', 'VirtIO Block']); - } - - me.comboItems.push(['scsi', 'SCSI']); - - me.callParent(); - } -}); -Ext.define('PVE.form.ControllerSelector', { - extend: 'Ext.form.FieldContainer', - alias: 'widget.pveControllerSelector', - - statics: { - maxIds: { - ide: 3, - sata: 5, - virtio: 15, - scsi: 13 - } - }, - - noVirtIO: false, - - vmconfig: {}, // used to check for existing devices - - sortByPreviousUsage: function(vmconfig, controllerList) { - - var usedControllers = Ext.clone(PVE.form.ControllerSelector.maxIds); - - var type; - for (type in usedControllers) { - if(usedControllers.hasOwnProperty(type)) { - usedControllers[type] = 0; - } - } - - var property; - for (property in vmconfig) { - if (vmconfig.hasOwnProperty(property)) { - if (property.match(PVE.Utils.bus_match) && !vmconfig[property].match(/media=cdrom/)) { - var foundController = property.match(PVE.Utils.bus_match)[1]; - usedControllers[foundController]++; - } - } - } - - var vmDefaults = PVE.qemu.OSDefaults[vmconfig.ostype]; - - var sortPriority = vmDefaults && vmDefaults.busPriority - ? vmDefaults.busPriority : PVE.qemu.OSDefaults.generic; - - var sortedList = Ext.clone(controllerList); - sortedList.sort(function(a,b) { - if (usedControllers[b] == usedControllers[a]) { - return sortPriority[b] - sortPriority[a]; - } - return usedControllers[b] - usedControllers[a]; - }); - - return sortedList; - }, - - setVMConfig: function(vmconfig, autoSelect) { - var me = this; - - me.vmconfig = Ext.apply({}, vmconfig); - - var clist = ['ide', 'virtio', 'scsi', 'sata']; - var bussel = me.down('field[name=controller]'); - var deviceid = me.down('field[name=deviceid]'); - - if (autoSelect === 'cdrom') { - clist = ['ide', 'scsi', 'sata']; - if (!Ext.isDefined(me.vmconfig.ide2)) { - bussel.setValue('ide'); - deviceid.setValue(2); - return; - } - } else { - // in most cases we want to add a disk to the same controller - // we previously used - clist = me.sortByPreviousUsage(me.vmconfig, clist); - } - - Ext.Array.each(clist, function(controller) { - var confid, i; - bussel.setValue(controller); - for (i = 0; i <= PVE.form.ControllerSelector.maxIds[controller]; i++) { - confid = controller + i.toString(); - if (!Ext.isDefined(me.vmconfig[confid])) { - deviceid.setValue(i); - return false; // break - } - } - }); - deviceid.validate(); - }, - - initComponent: function() { - var me = this; - - Ext.apply(me, { - fieldLabel: gettext('Bus/Device'), - layout: 'hbox', - defaults: { - hideLabel: true - }, - items: [ - { - xtype: 'pveBusSelector', - name: 'controller', - value: PVE.qemu.OSDefaults.generic.busType, - noVirtIO: me.noVirtIO, - allowBlank: false, - flex: 2, - listeners: { - change: function(t, value) { - if (!value) { - return; - } - var field = me.down('field[name=deviceid]'); - field.setMaxValue(PVE.form.ControllerSelector.maxIds[value]); - field.validate(); - } - } - }, - { - xtype: 'proxmoxintegerfield', - name: 'deviceid', - minValue: 0, - maxValue: PVE.form.ControllerSelector.maxIds.ide, - value: '0', - flex: 1, - allowBlank: false, - validator: function(value) { - /*jslint confusion: true */ - if (!me.rendered) { - return; - } - var field = me.down('field[name=controller]'); - var controller = field.getValue(); - var confid = controller + value; - if (Ext.isDefined(me.vmconfig[confid])) { - return "This device is already in use."; - } - return true; - } - } - ] - }); - - me.callParent(); - } -}); -Ext.define('PVE.form.EmailNotificationSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveEmailNotificationSelector'], - comboItems: [ - ['always', gettext('Always')], - ['failure', gettext('On failure only')] - ] -}); -/*global Proxmox*/ -Ext.define('PVE.form.RealmComboBox', { - extend: 'Ext.form.field.ComboBox', - alias: ['widget.pveRealmComboBox'], - - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.store.on('load', this.onLoad, view); - }, - - onLoad: function(store, records, success) { - if (!success) { - return; - } - var me = this; - var val = me.getValue(); - if (!val || !me.store.findRecord('realm', val)) { - var def = 'pam'; - Ext.each(records, function(rec) { - if (rec.data && rec.data['default']) { - def = rec.data.realm; - } - }); - me.setValue(def); - } - } - }, - - fieldLabel: gettext('Realm'), - name: 'realm', - queryMode: 'local', - allowBlank: false, - editable: false, - forceSelection: true, - autoSelect: false, - triggerAction: 'all', - valueField: 'realm', - displayField: 'descr', - getState: function() { - return { value: this.getValue() }; - }, - applyState : function(state) { - if (state && state.value) { - this.setValue(state.value); - } - }, - stateEvents: [ 'select' ], - stateful: true, // last chosen auth realm is saved between page reloads - id: 'pveloginrealm', // We need stable ids when using stateful, not autogenerated - stateID: 'pveloginrealm', - - needOTP: function(realm) { - var me = this; - // use exact match - var rec = me.store.findRecord('realm', realm, 0, false, false, true); - return rec && rec.data && rec.data.tfa ? rec.data.tfa : undefined; - }, - - store: { - model: 'pve-domains', - autoLoad: true - } -}); -/* - * Top left combobox, used to select a view of the underneath RessourceTree - */ -Ext.define('PVE.form.ViewSelector', { - extend: 'Ext.form.field.ComboBox', - alias: ['widget.pveViewSelector'], - - editable: false, - allowBlank: false, - forceSelection: true, - autoSelect: false, - valueField: 'key', - displayField: 'value', - hideLabel: true, - queryMode: 'local', - - initComponent: function() { - var me = this; - - var default_views = { - server: { - text: gettext('Server View'), - groups: ['node'] - }, - folder: { - text: gettext('Folder View'), - groups: ['type'] - }, - storage: { - text: gettext('Storage View'), - groups: ['node'], - filterfn: function(node) { - return node.data.type === 'storage' || node.data.type === 'node'; - } - }, - pool: { - text: gettext('Pool View'), - groups: ['pool'], - // Pool View only lists VMs and Containers - filterfn: function(node) { - return node.data.type === 'qemu' || node.data.type === 'lxc' || node.data.type === 'openvz' || - node.data.type === 'pool'; - } - } - }; - - var groupdef = []; - Ext.Object.each(default_views, function(viewname, value) { - groupdef.push([viewname, value.text]); - }); - - var store = Ext.create('Ext.data.Store', { - model: 'KeyValue', - proxy: { - type: 'memory', - reader: 'array' - }, - data: groupdef, - autoload: true - }); - - Ext.apply(me, { - store: store, - value: groupdef[0][0], - getViewFilter: function() { - var view = me.getValue(); - return Ext.apply({ id: view }, default_views[view] || default_views.server); - }, - - getState: function() { - return { value: me.getValue() }; - }, - - applyState : function(state, doSelect) { - var view = me.getValue(); - if (state && state.value && (view != state.value)) { - var record = store.findRecord('key', state.value); - if (record) { - me.setValue(state.value, true); - if (doSelect) { - me.fireEvent('select', me, [record]); - } - } - } - }, - stateEvents: [ 'select' ], - stateful: true, - stateId: 'pveview', - id: 'view' - }); - - me.callParent(); - - var statechange = function(sp, key, value) { - if (key === me.id) { - me.applyState(value, true); - } - }; - - var sp = Ext.state.Manager.getProvider(); - me.mon(sp, 'statechange', statechange, me); - } -}); -Ext.define('PVE.form.NodeSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveNodeSelector'], - - // invalidate nodes which are offline - onlineValidator: false, - - selectCurNode: false, - - // do not allow those nodes (array) - disallowedNodes: undefined, - - // only allow those nodes (array) - allowedNodes: undefined, - // set default value to empty array, else it inits it with - // null and after the store load it is an empty array, - // triggering dirtychange - value: [], - valueField: 'node', - displayField: 'node', - store: { - fields: [ 'node', 'cpu', 'maxcpu', 'mem', 'maxmem', 'uptime' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes' - }, - sorters: [ - { - property : 'node', - direction: 'ASC' - }, - { - property : 'mem', - direction: 'DESC' - } - ] - }, - - listConfig: { - columns: [ - { - header: gettext('Node'), - dataIndex: 'node', - sortable: true, - hideable: false, - flex: 1 - }, - { - header: gettext('Memory usage') + " %", - renderer: PVE.Utils.render_mem_usage_percent, - sortable: true, - width: 100, - dataIndex: 'mem' - }, - { - header: gettext('CPU usage'), - renderer: PVE.Utils.render_cpu, - sortable: true, - width: 100, - dataIndex: 'cpu' - } - ] - }, - - validator: function(value) { - /*jslint confusion: true */ - var me = this; - if (!me.onlineValidator || (me.allowBlank && !value)) { - return true; - } - - var offline = []; - var notAllowed = []; - - Ext.Array.each(value.split(/\s*,\s*/), function(node) { - var rec = me.store.findRecord(me.valueField, node); - if (!(rec && rec.data) || !Ext.isNumeric(rec.data.mem)) { - offline.push(node); - } else if (me.allowedNodes && !Ext.Array.contains(me.allowedNodes, node)) { - notAllowed.push(node); - } - }); - - if (value && notAllowed.length !== 0) { - return "Node " + notAllowed.join(', ') + " is not allowed for this action!"; - } - - if (value && offline.length !== 0) { - return "Node " + offline.join(', ') + " seems to be offline!"; - } - return true; - }, - - initComponent: function() { - var me = this; - - if (me.selectCurNode && PVE.curSelectedNode && PVE.curSelectedNode.data.node) { - me.preferredValue = PVE.curSelectedNode.data.node; - } - - me.callParent(); - me.getStore().load(); - - // filter out disallowed nodes - me.getStore().addFilter(new Ext.util.Filter({ - filterFn: function(item) { - if (Ext.isArray(me.disallowedNodes)) { - return !Ext.Array.contains(me.disallowedNodes, item.data.node); - } else { - return true; - } - } - })); - - me.mon(me.getStore(), 'load', function(){ - me.isValid(); - }); - } -}); -Ext.define('PVE.form.FileSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: 'widget.pveFileSelector', - - editable: true, - anyMatch: true, - forceSelection: true, - - listeners: { - afterrender: function() { - var me = this; - if (!me.disabled) { - me.setStorage(me.storage, me.nodename); - } - } - }, - - setStorage: function(storage, nodename) { - var me = this; - - var change = false; - if (storage && (me.storage !== storage)) { - me.storage = storage; - change = true; - } - - if (nodename && (me.nodename !== nodename)) { - me.nodename = nodename; - change = true; - } - - if (!(me.storage && me.nodename && change)) { - return; - } - - var url = '/api2/json/nodes/' + me.nodename + '/storage/' + me.storage + '/content'; - if (me.storageContent) { - url += '?content=' + me.storageContent; - } - - me.store.setProxy({ - type: 'proxmox', - url: url - }); - - me.store.removeAll(); - me.store.load(); - }, - - setNodename: function(nodename) { - this.setStorage(undefined, nodename); - }, - - store: { - model: 'pve-storage-content' - }, - - allowBlank: false, - autoSelect: false, - valueField: 'volid', - displayField: 'text', - - listConfig: { - width: 600, - columns: [ - { - header: gettext('Name'), - dataIndex: 'text', - hideable: false, - flex: 1 - }, - { - header: gettext('Format'), - width: 60, - dataIndex: 'format' - }, - { - header: gettext('Size'), - width: 100, - dataIndex: 'size', - renderer: Proxmox.Utils.format_size - } - ] - } -}); -Ext.define('PVE.form.StorageSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: 'widget.pveStorageSelector', - - allowBlank: false, - valueField: 'storage', - displayField: 'storage', - listConfig: { - columns: [ - { - header: gettext('Name'), - dataIndex: 'storage', - hideable: false, - flex: 1 - }, - { - header: gettext('Type'), - width: 60, - dataIndex: 'type' - }, - { - header: gettext('Avail'), - width: 80, - dataIndex: 'avail', - renderer: Proxmox.Utils.format_size - }, - { - header: gettext('Capacity'), - width: 80, - dataIndex: 'total', - renderer: Proxmox.Utils.format_size - } - ] - }, - - reloadStorageList: function() { - var me = this; - if (!me.nodename) { - return; - } - - var params = { - format: 1 - }; - var url = '/api2/json/nodes/' + me.nodename + '/storage'; - if (me.storageContent) { - params.content = me.storageContent; - } - if (me.targetNode) { - params.target = me.targetNode; - params.enabled = 1; // skip disabled storages - } - me.store.setProxy({ - type: 'proxmox', - url: url, - extraParams: params - }); - - me.store.load(); - - }, - - setTargetNode: function(targetNode) { - var me = this; - - if (!targetNode || (me.targetNode === targetNode)) { - return; - } - - me.targetNode = targetNode; - - me.reloadStorageList(); - }, - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - - me.reloadStorageList(); - }, - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - me.nodename = undefined; - - var store = Ext.create('Ext.data.Store', { - model: 'pve-storage-status', - sorters: { - property: 'storage', - order: 'DESC' - } - }); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - - if (nodename) { - me.setNodename(nodename); - } - } -}, function() { - - Ext.define('pve-storage-status', { - extend: 'Ext.data.Model', - fields: [ 'storage', 'active', 'type', 'avail', 'total' ], - idProperty: 'storage' - }); - -}); -Ext.define('PVE.form.DiskStorageSelector', { - extend: 'Ext.container.Container', - alias: 'widget.pveDiskStorageSelector', - - layout: 'fit', - defaults: { - margin: '0 0 5 0' - }, - - // the fieldLabel for the storageselector - storageLabel: gettext('Storage'), - - // the content to show (e.g., images or rootdir) - storageContent: undefined, - - // if true, selects the first available storage - autoSelect: false, - - allowBlank: false, - emptyText: '', - - // hides the selection field - // this is always hidden on creation, - // and only shown when the storage needs a selection and - // hideSelection is not true - hideSelection: undefined, - - // hides the size field (e.g, for the efi disk dialog) - hideSize: false, - - // sets the intial size value - // string because else we get a type confusion - defaultSize: '32', - - changeStorage: function(f, value) { - var me = this; - var formatsel = me.getComponent('diskformat'); - var hdfilesel = me.getComponent('hdimage'); - var hdsizesel = me.getComponent('disksize'); - - // initial store load, and reset/deletion of the storage - if (!value) { - hdfilesel.setDisabled(true); - hdfilesel.setVisible(false); - - formatsel.setDisabled(true); - return; - } - - var rec = f.store.getById(value); - // if the storage is not defined, or valid, - // we cannot know what to enable/disable - if (!rec) { - return; - } - - var selectformat = false; - if (rec.data.format) { - var format = rec.data.format[0]; // 0 is the formats, 1 the default in the backend - delete format.subvol; // we never need subvol in the gui - selectformat = (Ext.Object.getSize(format) > 1); - } - - var select = !!rec.data.select_existing && !me.hideSelection; - - formatsel.setDisabled(!selectformat); - formatsel.setValue(selectformat ? 'qcow2' : 'raw'); - - hdfilesel.setDisabled(!select); - hdfilesel.setVisible(select); - if (select) { - hdfilesel.setStorage(value); - } - - hdsizesel.setDisabled(select || me.hideSize); - hdsizesel.setVisible(!select && !me.hideSize); - }, - - setNodename: function(nodename) { - var me = this; - var hdstorage = me.getComponent('hdstorage'); - var hdfilesel = me.getComponent('hdimage'); - - hdstorage.setNodename(nodename); - hdfilesel.setNodename(nodename); - }, - - setDisabled: function(value) { - var me = this; - var hdstorage = me.getComponent('hdstorage'); - - // reset on disable - if (value) { - hdstorage.setValue(); - } - hdstorage.setDisabled(value); - - // disabling does not always fire this event and we do not need - // the value of the validity - hdstorage.fireEvent('validitychange'); - }, - - initComponent: function() { - var me = this; - - me.items = [ - { - xtype: 'pveStorageSelector', - itemId: 'hdstorage', - name: 'hdstorage', - reference: 'hdstorage', - fieldLabel: me.storageLabel, - nodename: me.nodename, - storageContent: me.storageContent, - disabled: me.disabled, - autoSelect: me.autoSelect, - allowBlank: me.allowBlank, - emptyText: me.emptyText, - listeners: { - change: { - fn: me.changeStorage, - scope: me - } - } - }, - { - xtype: 'pveFileSelector', - name: 'hdimage', - reference: 'hdimage', - itemId: 'hdimage', - fieldLabel: gettext('Disk image'), - nodename: me.nodename, - disabled: true, - hidden: true - }, - { - xtype: 'numberfield', - itemId: 'disksize', - reference: 'disksize', - name: 'disksize', - fieldLabel: gettext('Disk size') + ' (GiB)', - hidden: me.hideSize, - disabled: me.hideSize, - minValue: 0.001, - maxValue: 128*1024, - decimalPrecision: 3, - value: me.defaultSize, - allowBlank: false - }, - { - xtype: 'pveDiskFormatSelector', - itemId: 'diskformat', - reference: 'diskformat', - name: 'diskformat', - fieldLabel: gettext('Format'), - nodename: me.nodename, - disabled: true, - hidden: me.storageContent === 'rootdir', - value: 'qcow2', - allowBlank: false - } - ]; - - // use it to disable the children but not ourself - me.disabled = false; - - me.callParent(); - } -}); -Ext.define('PVE.form.BridgeSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.PVE.form.BridgeSelector'], - - bridgeType: 'any_bridge', // bridge, OVSBridge or any_bridge - - store: { - fields: [ 'iface', 'active', 'type' ], - filterOnLoad: true, - sorters: [ - { - property : 'iface', - direction: 'ASC' - } - ] - }, - valueField: 'iface', - displayField: 'iface', - listConfig: { - columns: [ - { - header: gettext('Bridge'), - dataIndex: 'iface', - hideable: false, - width: 100 - }, - { - header: gettext('Active'), - width: 60, - dataIndex: 'active', - renderer: Proxmox.Utils.format_boolean - }, - { - header: gettext('Comment'), - dataIndex: 'comments', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - }, - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - - me.store.setProxy({ - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/network?type=' + - me.bridgeType - }); - - me.store.load(); - }, - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - me.nodename = undefined; - - me.callParent(); - - me.setNodename(nodename); - } -}); - -Ext.define('PVE.form.PCISelector', { - extend: 'Proxmox.form.ComboGrid', - xtype: 'pvePCISelector', - - store: { - fields: [ 'id','vendor_name', 'device_name', 'vendor', 'device', 'iommugroup', 'mdev' ], - filterOnLoad: true, - sorters: [ - { - property : 'id', - direction: 'ASC' - } - ] - }, - - autoSelect: false, - valueField: 'id', - displayField: 'id', - - // can contain a load callback for the store - // useful to determine the state of the IOMMU - onLoadCallBack: undefined, - - listConfig: { - width: 800, - columns: [ - { - header: 'ID', - dataIndex: 'id', - width: 80 - }, - { - header: gettext('IOMMU Group'), - dataIndex: 'iommugroup', - width: 50 - }, - { - header: gettext('Vendor'), - dataIndex: 'vendor_name', - flex: 2 - }, - { - header: gettext('Device'), - dataIndex: 'device_name', - flex: 6 - }, - { - header: gettext('Mediated Devices'), - dataIndex: 'mdev', - flex: 1, - renderer: function(val) { - return Proxmox.Utils.format_boolean(!!val); - } - } - ] - }, - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - - me.store.setProxy({ - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/hardware/pci' - }); - - me.store.load(); - }, - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - me.nodename = undefined; - - me.callParent(); - - if (me.onLoadCallBack !== undefined) { - me.mon(me.getStore(), 'load', me.onLoadCallBack); - } - - me.setNodename(nodename); - } -}); - -Ext.define('PVE.form.MDevSelector', { - extend: 'Proxmox.form.ComboGrid', - xtype: 'pveMDevSelector', - - store: { - fields: [ 'type','available', 'description' ], - filterOnLoad: true, - sorters: [ - { - property : 'type', - direction: 'ASC' - } - ] - }, - autoSelect: false, - valueField: 'type', - displayField: 'type', - listConfig: { - columns: [ - { - header: gettext('Type'), - dataIndex: 'type', - flex: 1 - }, - { - header: gettext('Available'), - dataIndex: 'available', - width: 80 - }, - { - header: gettext('Description'), - dataIndex: 'description', - flex: 1, - renderer: function(value) { - if (!value) { - return ''; - } - - return value.split('\n').join('
'); - } - } - ] - }, - - setPciID: function(pciid, force) { - var me = this; - - if (!force && (!pciid || (me.pciid === pciid))) { - return; - } - - me.pciid = pciid; - me.updateProxy(); - }, - - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - me.updateProxy(); - }, - - updateProxy: function() { - var me = this; - me.store.setProxy({ - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/hardware/pci/' + me.pciid + '/mdev' - }); - me.store.load(); - }, - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw 'no node name specified'; - } - - me.callParent(); - - if (me.pciid) { - me.setPciID(me.pciid, true); - } - } -}); - -Ext.define('PVE.form.SecurityGroupsSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveSecurityGroupsSelector'], - - valueField: 'group', - displayField: 'group', - initComponent: function() { - var me = this; - - var store = Ext.create('Ext.data.Store', { - autoLoad: true, - fields: [ 'group', 'comment' ], - idProperty: 'group', - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/firewall/groups" - }, - sorters: { - property: 'group', - order: 'DESC' - } - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: gettext('Security Group'), - dataIndex: 'group', - hideable: false, - width: 100 - }, - { - header: gettext('Comment'), - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.form.IPRefSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveIPRefSelector'], - - base_url: undefined, - - preferredValue: '', // hack: else Form sets dirty flag? - - ref_type: undefined, // undefined = any [undefined, 'ipset' or 'alias'] - - valueField: 'ref', - displayField: 'ref', - - initComponent: function() { - var me = this; - - if (!me.base_url) { - throw "no base_url specified"; - } - - var url = "/api2/json" + me.base_url; - if (me.ref_type) { - url += "?type=" + me.ref_type; - } - - var store = Ext.create('Ext.data.Store', { - autoLoad: true, - fields: [ 'type', 'name', 'ref', 'comment' ], - idProperty: 'ref', - proxy: { - type: 'proxmox', - url: url - }, - sorters: { - property: 'ref', - order: 'DESC' - } - }); - - var disable_query_for_ips = function(f, value) { - if (value === null || - value.match(/^\d/)) { // IP address starts with \d - f.queryDelay = 9999999999; // hack: disbale with long delay - } else { - f.queryDelay = 10; - } - }; - - var columns = []; - - if (!me.ref_type) { - columns.push({ - header: gettext('Type'), - dataIndex: 'type', - hideable: false, - width: 60 - }); - } - - columns.push( - { - header: gettext('Name'), - dataIndex: 'ref', - hideable: false, - width: 140 - }, - { - header: gettext('Comment'), - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ); - - Ext.apply(me, { - store: store, - listConfig: { columns: columns } - }); - - me.on('change', disable_query_for_ips); - - me.callParent(); - } -}); - -Ext.define('PVE.form.IPProtocolSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveIPProtocolSelector'], - valueField: 'p', - displayField: 'p', - listConfig: { - columns: [ - { - header: gettext('Protocol'), - dataIndex: 'p', - hideable: false, - sortable: false, - width: 100 - }, - { - header: gettext('Number'), - dataIndex: 'n', - hideable: false, - sortable: false, - width: 50 - }, - { - header: gettext('Description'), - dataIndex: 'd', - hideable: false, - sortable: false, - flex: 1 - } - ] - }, - store: { - fields: [ 'p', 'd', 'n'], - data: [ - { p: 'tcp', n: 6, d: 'Transmission Control Protocol' }, - { p: 'udp', n: 17, d: 'User Datagram Protocol' }, - { p: 'icmp', n: 1, d: 'Internet Control Message Protocol' }, - { p: 'igmp', n: 2, d: 'Internet Group Management' }, - { p: 'ggp', n: 3, d: 'gateway-gateway protocol' }, - { p: 'ipencap', n: 4, d: 'IP encapsulated in IP' }, - { p: 'st', n: 5, d: 'ST datagram mode' }, - { p: 'egp', n: 8, d: 'exterior gateway protocol' }, - { p: 'igp', n: 9, d: 'any private interior gateway (Cisco)' }, - { p: 'pup', n: 12, d: 'PARC universal packet protocol' }, - { p: 'hmp', n: 20, d: 'host monitoring protocol' }, - { p: 'xns-idp', n: 22, d: 'Xerox NS IDP' }, - { p: 'rdp', n: 27, d: '"reliable datagram" protocol' }, - { p: 'iso-tp4', n: 29, d: 'ISO Transport Protocol class 4 [RFC905]' }, - { p: 'dccp', n: 33, d: 'Datagram Congestion Control Prot. [RFC4340]' }, - { p: 'xtp', n: 36, d: 'Xpress Transfer Protocol' }, - { p: 'ddp', n: 37, d: 'Datagram Delivery Protocol' }, - { p: 'idpr-cmtp', n: 38, d: 'IDPR Control Message Transport' }, - { p: 'ipv6', n: 41, d: 'Internet Protocol, version 6' }, - { p: 'ipv6-route', n: 43, d: 'Routing Header for IPv6' }, - { p: 'ipv6-frag', n: 44, d: 'Fragment Header for IPv6' }, - { p: 'idrp', n: 45, d: 'Inter-Domain Routing Protocol' }, - { p: 'rsvp', n: 46, d: 'Reservation Protocol' }, - { p: 'gre', n: 47, d: 'General Routing Encapsulation' }, - { p: 'esp', n: 50, d: 'Encap Security Payload [RFC2406]' }, - { p: 'ah', n: 51, d: 'Authentication Header [RFC2402]' }, - { p: 'skip', n: 57, d: 'SKIP' }, - { p: 'ipv6-icmp', n: 58, d: 'ICMP for IPv6' }, - { p: 'ipv6-nonxt', n: 59, d: 'No Next Header for IPv6' }, - { p: 'ipv6-opts', n: 60, d: 'Destination Options for IPv6' }, - { p: 'vmtp', n: 81, d: 'Versatile Message Transport' }, - { p: 'eigrp', n: 88, d: 'Enhanced Interior Routing Protocol (Cisco)' }, - { p: 'ospf', n: 89, d: 'Open Shortest Path First IGP' }, - { p: 'ax.25', n: 93, d: 'AX.25 frames' }, - { p: 'ipip', n: 94, d: 'IP-within-IP Encapsulation Protocol' }, - { p: 'etherip', n: 97, d: 'Ethernet-within-IP Encapsulation [RFC3378]' }, - { p: 'encap', n: 98, d: 'Yet Another IP encapsulation [RFC1241]' }, - { p: 'pim', n: 103, d: 'Protocol Independent Multicast' }, - { p: 'ipcomp', n: 108, d: 'IP Payload Compression Protocol' }, - { p: 'vrrp', n: 112, d: 'Virtual Router Redundancy Protocol [RFC5798]' }, - { p: 'l2tp', n: 115, d: 'Layer Two Tunneling Protocol [RFC2661]' }, - { p: 'isis', n: 124, d: 'IS-IS over IPv4' }, - { p: 'sctp', n: 132, d: 'Stream Control Transmission Protocol' }, - { p: 'fc', n: 133, d: 'Fibre Channel' }, - { p: 'mobility-header', n: 135, d: 'Mobility Support for IPv6 [RFC3775]' }, - { p: 'udplite', n: 136, d: 'UDP-Lite [RFC3828]' }, - { p: 'mpls-in-ip', n: 137, d: 'MPLS-in-IP [RFC4023]' }, - { p: 'hip', n: 139, d: 'Host Identity Protocol' }, - { p: 'shim6', n: 140, d: 'Shim6 Protocol [RFC5533]' }, - { p: 'wesp', n: 141, d: 'Wrapped Encapsulating Security Payload' }, - { p: 'rohc', n: 142, d: 'Robust Header Compression' } - ] - } -}); -Ext.define('PVE.form.CPUModelSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.CPUModelSelector'], - comboItems: [ - ['__default__', Proxmox.Utils.defaultText + ' (kvm64)'], - ['486', '486'], - ['athlon', 'athlon'], - ['core2duo', 'core2duo'], - ['coreduo', 'coreduo'], - ['kvm32', 'kvm32'], - ['kvm64', 'kvm64'], - ['pentium', 'pentium'], - ['pentium2', 'pentium2'], - ['pentium3', 'pentium3'], - ['phenom', 'phenom'], - ['qemu32', 'qemu32'], - ['qemu64', 'qemu64'], - ['Conroe', 'Conroe'], - ['Penryn', 'Penryn'], - ['Nehalem', 'Nehalem'], - ['Westmere', 'Westmere'], - ['SandyBridge', 'SandyBridge'], - ['IvyBridge', 'IvyBridge'], - ['Haswell', 'Haswell'], - ['Haswell-noTSX','Haswell-noTSX'], - ['Broadwell', 'Broadwell'], - ['Broadwell-noTSX','Broadwell-noTSX'], - ['Skylake-Client','Skylake-Client'], - ['Opteron_G1', 'Opteron_G1'], - ['Opteron_G2', 'Opteron_G2'], - ['Opteron_G3', 'Opteron_G3'], - ['Opteron_G4', 'Opteron_G4'], - ['Opteron_G5', 'Opteron_G5'], - ['EPYC', 'EPYC'], - ['host', 'host'] - - ] -}); -Ext.define('PVE.form.VNCKeyboardSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.VNCKeyboardSelector'], - comboItems: PVE.Utils.kvm_keymap_array() -}); -Ext.define('PVE.form.CacheTypeSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.CacheTypeSelector'], - comboItems: [ - ['__default__', Proxmox.Utils.defaultText + " (" + gettext('No cache') + ")"], - ['directsync', 'Direct sync'], - ['writethrough', 'Write through'], - ['writeback', 'Write back'], - ['unsafe', 'Write back (' + gettext('unsafe') + ')'], - ['none', gettext('No cache')] - ] -}); -Ext.define('PVE.form.SnapshotSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.PVE.form.SnapshotSelector'], - - valueField: 'name', - displayField: 'name', - - loadStore: function(nodename, vmid) { - var me = this; - - if (!nodename) { - return; - } - - me.nodename = nodename; - - if (!vmid) { - return; - } - - me.vmid = vmid; - - me.store.setProxy({ - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid +'/snapshot' - }); - - me.store.load(); - }, - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - if (!me.guestType) { - throw "no guest type specified"; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'name'], - filterOnLoad: true - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: gettext('Snapshot'), - dataIndex: 'name', - hideable: false, - flex: 1 - } - ] - } - }); - - me.callParent(); - - me.loadStore(me.nodename, me.vmid); - } -}); -Ext.define('PVE.form.ContentTypeSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveContentTypeSelector'], - - cts: undefined, - - initComponent: function() { - var me = this; - - me.comboItems = []; - - if (me.cts === undefined) { - me.cts = ['images', 'iso', 'vztmpl', 'backup', 'rootdir', 'snippets']; - } - - Ext.Array.each(me.cts, function(ct) { - me.comboItems.push([ct, PVE.Utils.format_content_types(ct)]); - }); - - me.callParent(); - } -}); -Ext.define('PVE.form.HotplugFeatureSelector', { - extend: 'Ext.form.CheckboxGroup', - alias: 'widget.pveHotplugFeatureSelector', - - columns: 1, - vertical: true, - - defaults: { - name: 'hotplug', - submitValue: false - }, - items: [ - { - boxLabel: gettext('Disk'), - inputValue: 'disk', - checked: true - }, - { - boxLabel: gettext('Network'), - inputValue: 'network', - checked: true - }, - { - boxLabel: 'USB', - inputValue: 'usb', - checked: true - }, - { - boxLabel: gettext('Memory'), - inputValue: 'memory' - }, - { - boxLabel: gettext('CPU'), - inputValue: 'cpu' - } - ], - - setValue: function(value) { - var me = this; - var newVal = []; - if (value === '1') { - newVal = ['disk', 'network', 'usb']; - } else if (value !== '0') { - newVal = value.split(','); - } - me.callParent([{ hotplug: newVal }]); - }, - - // overide framework function to - // assemble the hotplug value - getSubmitData: function() { - var me = this, - boxes = me.getBoxes(), - data = []; - Ext.Array.forEach(boxes, function(box){ - if (box.getValue()) { - data.push(box.inputValue); - } - }); - - /* because above is hotplug an array */ - /*jslint confusion: true*/ - if (data.length === 0) { - return { 'hotplug':'0' }; - } else { - return { 'hotplug': data.join(',') }; - } - } - -}); -Ext.define('PVE.form.AgentFeatureSelector', { - extend: 'Proxmox.panel.InputPanel', - alias: ['widget.pveAgentFeatureSelector'], - - initComponent: function() { - var me = this; - me.items= [ - { - xtype: 'proxmoxcheckbox', - boxLabel: gettext('Qemu Agent'), - name: 'enabled', - uncheckedValue: 0, - listeners: { - change: function(f, value, old) { - var gtcb = me.down('proxmoxcheckbox[name=fstrim_cloned_disks]'); - if (value) { - gtcb.setDisabled(false); - } else { - gtcb.setDisabled(true); - } - } - } - }, - { - xtype: 'proxmoxcheckbox', - boxLabel: gettext('Run guest-trim after clone disk'), - name: 'fstrim_cloned_disks', - disabled: true - } - ]; - me.callParent(); - }, - - onGetValues: function(values) { - var agentstr = PVE.Parser.printPropertyString(values, 'enabled'); - return { agent: agentstr }; - }, - - setValues: function(values) { - var agent = values.agent || ''; - var res = PVE.Parser.parsePropertyString(agent, 'enabled'); - this.callParent([res]); - } -}); -Ext.define('PVE.form.iScsiProviderSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveiScsiProviderSelector'], - comboItems: [ - ['comstar', 'Comstar'], - [ 'istgt', 'istgt'], - [ 'iet', 'IET'], - [ 'LIO', 'LIO'] - ] -}); -Ext.define('PVE.form.DayOfWeekSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveDayOfWeekSelector'], - comboItems:[], - initComponent: function(){ - var me = this; - me.comboItems = [ - ['mon', Ext.util.Format.htmlDecode(Ext.Date.dayNames[1])], - ['tue', Ext.util.Format.htmlDecode(Ext.Date.dayNames[2])], - ['wed', Ext.util.Format.htmlDecode(Ext.Date.dayNames[3])], - ['thu', Ext.util.Format.htmlDecode(Ext.Date.dayNames[4])], - ['fri', Ext.util.Format.htmlDecode(Ext.Date.dayNames[5])], - ['sat', Ext.util.Format.htmlDecode(Ext.Date.dayNames[6])], - ['sun', Ext.util.Format.htmlDecode(Ext.Date.dayNames[0])] - ]; - this.callParent(); - } -}); -Ext.define('PVE.form.BackupModeSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveBackupModeSelector'], - comboItems: [ - ['snapshot', gettext('Snapshot')], - ['suspend', gettext('Suspend')], - ['stop', gettext('Stop')] - ] -}); -Ext.define('PVE.form.ScsiHwSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveScsiHwSelector'], - comboItems: [ - ['__default__', PVE.Utils.render_scsihw('')], - ['lsi', PVE.Utils.render_scsihw('lsi')], - ['lsi53c810', PVE.Utils.render_scsihw('lsi53c810')], - ['megasas', PVE.Utils.render_scsihw('megasas')], - ['virtio-scsi-pci', PVE.Utils.render_scsihw('virtio-scsi-pci')], - ['virtio-scsi-single', PVE.Utils.render_scsihw('virtio-scsi-single')], - ['pvscsi', PVE.Utils.render_scsihw('pvscsi')] - ] -}); -Ext.define('PVE.form.FirewallPolicySelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveFirewallPolicySelector'], - comboItems: [ - ['ACCEPT', 'ACCEPT'], - ['REJECT', 'REJECT'], - [ 'DROP', 'DROP'] - ] -}); -/* - * This is a global search field - * it loads the /cluster/resources on focus - * and displays the result in a floating grid - * - * it filters and sorts the objects by the algorithm in - * the customFilter function - * - * also it does accept key up/down and enter for input - * and it opens to ctrl+shift+f and ctrl+space - */ -Ext.define('PVE.form.GlobalSearchField', { - extend: 'Ext.form.field.Text', - alias: 'widget.pveGlobalSearchField', - - emptyText: gettext('Search'), - enableKeyEvents: true, - selectOnFocus: true, - padding: '0 5 0 5', - - grid: { - xtype: 'gridpanel', - focusOnToFront: false, - floating: true, - emptyText: Proxmox.Utils.noneText, - width: 600, - height: 400, - scrollable: { - xtype: 'scroller', - y: true, - x:false - }, - store: { - model: 'PVEResources', - proxy:{ - type: 'proxmox', - url: '/api2/extjs/cluster/resources' - } - }, - plugins: { - ptype: 'bufferedrenderer', - trailingBufferZone: 20, - leadingBufferZone: 20 - }, - - hideMe: function() { - var me = this; - if (typeof me.ctxMenu !== 'undefined' && me.ctxMenu.isVisible()) { - return; - } - me.hasFocus = false; - if (!me.textfield.hasFocus) { - me.hide(); - } - }, - - setFocus: function() { - var me = this; - me.hasFocus = true; - }, - - listeners: { - rowclick: function(grid, record) { - var me = this; - me.textfield.selectAndHide(record.id); - }, - itemcontextmenu: function(v, record, item, index, event) { - var me = this; - me.ctxMenu = PVE.Utils.createCmdMenu(v, record, item, index, event); - }, - /* because of lint */ - focusleave: { - fn: 'hideMe' - }, - focusenter: 'setFocus' - }, - - columns: [ - { - text: gettext('Type'), - dataIndex: 'type', - width: 100, - renderer: PVE.Utils.render_resource_type - }, - { - text: gettext('Description'), - flex: 1, - dataIndex: 'text' - }, - { - text: gettext('Node'), - dataIndex: 'node' - }, - { - text: gettext('Pool'), - dataIndex: 'pool' - } - ] - }, - - customFilter: function(item) { - var me = this; - var match = 0; - var fieldArr = []; - var i,j, fields; - - // different types of objects have different fields to search - // for example, a node will never have a pool and vice versa - switch (item.data.type) { - case 'pool': fieldArr = ['type', 'pool', 'text']; break; - case 'node': fieldArr = ['type', 'node', 'text']; break; - case 'storage': fieldArr = ['type', 'pool', 'node', 'storage']; break; - default: fieldArr = ['name', 'type', 'node', 'pool', 'vmid']; - } - if (me.filterVal === '') { - item.data.relevance = 0; - return true; - } - - // all text is case insensitive and each word is - // searched alone - // for every partial match, the row gets - // 1 match point, for every exact match - // it gets 2 points - // - // results gets sorted by points (descending) - fields = me.filterVal.split(/\s+/); - for(i = 0; i < fieldArr.length; i++) { - var v = item.data[fieldArr[i]]; - if (v !== undefined) { - v = v.toString().toLowerCase(); - for(j = 0; j < fields.length; j++) { - if (v.indexOf(fields[j]) !== -1) { - match++; - if(v === fields[j]) { - match++; - } - } - } - } - } - // give the row the 'relevance' value - item.data.relevance = match; - return (match > 0); - }, - - updateFilter: function(field, newValue, oldValue) { - var me = this; - // parse input and filter store, - // show grid - me.grid.store.filterVal = newValue.toLowerCase().trim(); - me.grid.store.clearFilter(true); - me.grid.store.filterBy(me.customFilter); - me.grid.getSelectionModel().select(0); - }, - - selectAndHide: function(id) { - var me = this; - me.tree.selectById(id); - me.grid.hide(); - me.setValue(''); - me.blur(); - }, - - onKey: function(field, e) { - var me = this; - var key = e.getKey(); - - switch(key) { - case Ext.event.Event.ENTER: - // go to first entry if there is one - if (me.grid.store.getCount() > 0) { - me.selectAndHide(me.grid.getSelection()[0].data.id); - } - break; - case Ext.event.Event.UP: - me.grid.getSelectionModel().selectPrevious(); - break; - case Ext.event.Event.DOWN: - me.grid.getSelectionModel().selectNext(); - break; - case Ext.event.Event.ESC: - me.grid.hide(); - me.blur(); - break; - } - }, - - loadValues: function(field) { - var me = this; - var records = []; - - me.hasFocus = true; - me.grid.textfield = me; - me.grid.store.load(); - me.grid.showBy(me, 'tl-bl'); - }, - - hideGrid: function() { - var me = this; - - me.hasFocus = false; - if (!me.grid.hasFocus) { - me.grid.hide(); - } - }, - - listeners: { - change: { - fn: 'updateFilter', - buffer: 250 - }, - specialkey: 'onKey', - focusenter: 'loadValues', - focusleave: { - fn: 'hideGrid', - delay: 100 - } - }, - - toggleFocus: function() { - var me = this; - if (!me.hasFocus) { - me.focus(); - } else { - me.blur(); - } - }, - - initComponent: function() { - var me = this; - - if (!me.tree) { - throw "no tree given"; - } - - me.grid = Ext.create(me.grid); - - me.callParent(); - - /*jslint confusion: true*/ - /*because shift is also a function*/ - // bind ctrl+shift+f and ctrl+space - // to open/close the search - me.keymap = new Ext.KeyMap({ - target: Ext.get(document), - binding: [{ - key:'F', - ctrl: true, - shift: true, - fn: me.toggleFocus, - scope: me - },{ - key:' ', - ctrl: true, - fn: me.toggleFocus, - scope: me - }] - }); - - // always select first item and - // sort by relevance after load - me.mon(me.grid.store, 'load', function() { - me.grid.getSelectionModel().select(0); - me.grid.store.sort({ - property: 'relevance', - direction: 'DESC' - }); - }); - } - -}); -Ext.define('PVE.form.QemuBiosSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveQemuBiosSelector'], - - initComponent: function() { - var me = this; - - me.comboItems = [ - ['__default__', PVE.Utils.render_qemu_bios('')], - ['seabios', PVE.Utils.render_qemu_bios('seabios')], - ['ovmf', PVE.Utils.render_qemu_bios('ovmf')] - ]; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -/* filter is a javascript builtin, but extjs calls it also filter */ -Ext.define('PVE.form.VMSelector', { - extend: 'Ext.grid.Panel', - alias: 'widget.vmselector', - - mixins: { - field: 'Ext.form.field.Field' - }, - - allowBlank: true, - selectAll: false, - isFormField: true, - - plugins: 'gridfilters', - - store: { - model: 'PVEResources', - autoLoad: true, - sorters: 'vmid', - filters: [{ - property: 'type', - value: /lxc|qemu/ - }] - }, - columns: [ - { - header: 'ID', - dataIndex: 'vmid', - width: 80, - filter: { - type: 'number' - } - }, - { - header: gettext('Node'), - dataIndex: 'node' - }, - { - header: gettext('Status'), - dataIndex: 'status', - filter: { - type: 'list' - } - }, - { - header: gettext('Name'), - dataIndex: 'name', - flex: 1, - filter: { - type: 'string' - } - }, - { - header: gettext('Pool'), - dataIndex: 'pool', - filter: { - type: 'list' - } - }, - { - header: gettext('Type'), - dataIndex: 'type', - width: 120, - renderer: function(value) { - if (value === 'qemu') { - return gettext('Virtual Machine'); - } else if (value === 'lxc') { - return gettext('LXC Container'); - } - - return ''; - }, - filter: { - type: 'list', - store: { - data: [ - {id: 'qemu', text: gettext('Virtual Machine')}, - {id: 'lxc', text: gettext('LXC Container')} - ], - // due to EXTJS-18711 - // we have to do a static list via a store - // but to avoid creating an object, - // we have to have a pseudo un function - un: function(){} - } - } - }, - { - header: 'HA ' + gettext('Status'), - dataIndex: 'hastate', - flex: 1, - filter: { - type: 'list' - } - } - ], - - selModel: { - selType: 'checkboxmodel', - mode: 'SIMPLE' - }, - - checkChangeEvents: [ - 'selectionchange', - 'change' - ], - - listeners: { - selectionchange: function() { - // to trigger validity and error checks - this.checkChange(); - } - }, - - getValue: function() { - var me = this; - var sm = me.getSelectionModel(); - var selection = sm.getSelection(); - var values = []; - var store = me.getStore(); - selection.forEach(function(item) { - // only add if not filtered - if (store.findExact('vmid', item.data.vmid) !== -1) { - values.push(item.data.vmid); - } - }); - return values; - }, - - setValue: function(value) { - console.log(value); - var me = this; - var sm = me.getSelectionModel(); - if (!Ext.isArray(value)) { - value = value.split(','); - } - var selection = []; - var store = me.getStore(); - - value.forEach(function(item) { - var rec = store.findRecord('vmid',item, 0, false, true, true); - console.log(store); - - if (rec) { - console.log(rec); - selection.push(rec); - } - }); - - sm.select(selection); - - return me.mixins.field.setValue.call(me, value); - }, - - getErrors: function(value) { - var me = this; - if (me.allowBlank === false && - me.getSelectionModel().getCount() === 0) { - me.addBodyCls(['x-form-trigger-wrap-default','x-form-trigger-wrap-invalid']); - return [gettext('No VM selected')]; - } - - me.removeBodyCls(['x-form-trigger-wrap-default','x-form-trigger-wrap-invalid']); - return []; - }, - - initComponent: function() { - var me = this; - - me.callParent(); - - if (me.nodename) { - me.store.filters.add({ - property: 'node', - exactMatch: true, - value: me.nodename - }); - } - - // only show the relevant guests by default - if (me.action) { - var statusfilter = ''; - switch (me.action) { - case 'startall': - statusfilter = 'stopped'; - break; - case 'stopall': - statusfilter = 'running'; - break; - } - if (statusfilter !== '') { - me.store.filters.add({ - property: 'template', - value: 0 - },{ - id: 'x-gridfilter-status', - operator: 'in', - property: 'status', - value: [statusfilter] - }); - } - } - - var store = me.getStore(); - var sm = me.getSelectionModel(); - - if (me.selectAll) { - me.mon(store,'load', function(){ - me.getSelectionModel().selectAll(false); - }); - } - } -}); - - -Ext.define('PVE.form.VMComboSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: 'widget.vmComboSelector', - - valueField: 'vmid', - displayField: 'vmid', - - autoSelect: false, - editable: true, - anyMatch: true, - forceSelection: true, - - store: { - model: 'PVEResources', - autoLoad: true, - sorters: 'vmid', - filters: [{ - property: 'type', - value: /lxc|qemu/ - }] - }, - - listConfig: { - width: 600, - plugins: 'gridfilters', - columns: [ - { - header: 'ID', - dataIndex: 'vmid', - width: 80, - filter: { - type: 'number' - } - }, - { - header: gettext('Name'), - dataIndex: 'name', - flex: 1, - filter: { - type: 'string' - } - }, - { - header: gettext('Node'), - dataIndex: 'node' - }, - { - header: gettext('Status'), - dataIndex: 'status', - filter: { - type: 'list' - } - }, - { - header: gettext('Pool'), - dataIndex: 'pool', - hidden: true, - filter: { - type: 'list' - } - }, - { - header: gettext('Type'), - dataIndex: 'type', - width: 120, - renderer: function(value) { - if (value === 'qemu') { - return gettext('Virtual Machine'); - } else if (value === 'lxc') { - return gettext('LXC Container'); - } - - return ''; - }, - filter: { - type: 'list', - store: { - data: [ - {id: 'qemu', text: gettext('Virtual Machine')}, - {id: 'lxc', text: gettext('LXC Container')} - ], - un: function(){} // due to EXTJS-18711 - } - } - }, - { - header: 'HA ' + gettext('Status'), - dataIndex: 'hastate', - hidden: true, - flex: 1, - filter: { - type: 'list' - } - } - ] - } -}); -Ext.define('PVE.form.USBSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveUSBSelector'], - allowBlank: false, - autoSelect: false, - displayField: 'usbid', - valueField: 'usbid', - editable: true, - - getUSBValue: function() { - var me = this; - var rec = me.store.findRecord('usbid', me.value); - var val = 'host='+ me.value; - if (rec && rec.data.speed === "5000") { - val = 'host=' + me.value + ",usb3=1"; - } - return val; - }, - - validator: function(value) { - var me = this; - if (me.type === 'device') { - return (/^[a-f0-9]{4}\:[a-f0-9]{4}$/i).test(value); - } else if (me.type === 'port') { - return (/^[0-9]+\-[0-9]+(\.[0-9]+)*$/).test(value); - } - return false; - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - - if (!nodename) { - throw "no nodename specified"; - } - - if (me.type !== 'device' && me.type !== 'port') { - throw "no valid type specified"; - } - - var store = new Ext.data.Store({ - model: 'pve-usb-' + me.type, - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/scan/usb" - }, - filters: [ - function (item) { - return !!item.data.usbpath && !!item.data.prodid && item.data['class'] != 9; - } - ] - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: (me.type === 'device')?gettext('Device'):gettext('Port'), - sortable: true, - dataIndex: 'usbid', - width: 80 - }, - { - header: gettext('Manufacturer'), - sortable: true, - dataIndex: 'manufacturer', - width: 100 - }, - { - header: gettext('Product'), - sortable: true, - dataIndex: 'product', - flex: 1 - }, - { - header: gettext('Speed'), - width: 70, - sortable: true, - dataIndex: 'speed', - renderer: function(value) { - if (value === "5000") { - return "USB 3.0"; - } else if (value === "480") { - return "USB 2.0"; - } else { - return "USB 1.x"; - } - } - } - ] - } - }); - - me.callParent(); - - store.load(); - } - -}, function() { - - Ext.define('pve-usb-device', { - extend: 'Ext.data.Model', - fields: [ - { - name: 'usbid', - convert: function(val, data) { - if (val) { - return val; - } - return data.get('vendid') + ':' + data.get('prodid'); - } - }, - 'speed', 'product', 'manufacturer', 'vendid', 'prodid', 'usbpath', - { name: 'port' , type: 'number' }, - { name: 'level' , type: 'number' }, - { name: 'class' , type: 'number' }, - { name: 'devnum' , type: 'number' }, - { name: 'busnum' , type: 'number' } - ] - }); - - Ext.define('pve-usb-port', { - extend: 'Ext.data.Model', - fields: [ - { - name: 'usbid', - convert: function(val,data) { - if (val) { - return val; - } - return data.get('busnum') + '-' + data.get('usbpath'); - } - }, - 'speed', 'product', 'manufacturer', 'vendid', 'prodid', 'usbpath', - { name: 'port' , type: 'number' }, - { name: 'level' , type: 'number' }, - { name: 'class' , type: 'number' }, - { name: 'devnum' , type: 'number' }, - { name: 'busnum' , type: 'number' } - ] - }); -}); -Ext.define('PVE.form.CalendarEvent', { - extend: 'Ext.form.field.ComboBox', - xtype: 'pveCalendarEvent', - - editable: true, - - valueField: 'value', - displayField: 'text', - queryMode: 'local', - - store: { - field: [ 'value', 'text'], - data: [ - { value: '*/30', text: Ext.String.format(gettext("Every {0} minutes"), 30) }, - { value: '*/2:00', text: gettext("Every two hours")}, - { value: '2,22:30', text: gettext("Every day") + " 02:30, 22:30"}, - { value: 'mon..fri', text: gettext("Monday to Friday") + " 00:00"}, - { value: 'mon..fri */1:00', text: gettext("Monday to Friday") + ': ' + gettext("hourly")}, - { value: 'sun 01:00', text: gettext("Sunday") + " 01:00"} - ] - }, - - tpl: [ - '
- {text} ', - '
{title}:
' - }, - { - flex: 1, - xtype: 'cartesian', - height: '100%', - itemId: 'chart', - border: false, - axes: [ - { - type: 'numeric', - position: 'left', - hidden: true, - minimum: 0 - }, - { - type: 'numeric', - position: 'bottom', - hidden: true - } - ], - - store: { - data: {} - }, - - sprites: [{ - id: 'valueSprite', - type: 'text', - text: '0 B/s', - textAlign: 'end', - textBaseline: 'middle', - fontSize: 14 - }], - - series: [{ - type: 'line', - xField: 'time', - yField: 'val', - fill: 'true', - colors: ['#cfcfcf'], - tooltip: { - trackMouse: true, - renderer: function( tooltip, record, ctx) { - var me = this.getChart(); - var date = new Date(record.data.time); - var value = me.up().renderer(record.data.val); - tooltip.setHtml( - me.up().title + ': ' + value + '' + - Ext.Date.format(date, 'H:i:s') - ); - } - }, - style: { - lineWidth: 1.5, - opacity: 0.60 - }, - marker: { - opacity: 0, - scaling: 0.01, - fx: { - duration: 200, - easing: 'easeOut' - } - }, - highlightCfg: { - opacity: 1, - scaling: 1.5 - } - }] - } - ], - - // the renderer for the tooltip and last value, - // default just the value - renderer: Ext.identityFn, - - // show the last x seconds - // default is 5 minutes - timeFrame: 5*60, - - addDataPoint: function(value, time) { - var me = this.chart; - var panel = me.up(); - var now = new Date(); - var begin = new Date(now.getTime() - (1000*panel.timeFrame)); - - me.store.add({ - time: time || now.getTime(), - val: value || 0 - }); - - // delete all old records when we have 20 times more datapoints - // than seconds in our timeframe (so even a subsecond graph does - // not trigger this often) - // - // records in the store do not take much space, but like this, - // we prevent a memory leak when someone has the site open for a long time - // with minimal graphical glitches - if (me.store.count() > panel.timeFrame * 20) { - var oldData = me.store.getData().createFiltered(function(item) { - return item.data.time < begin.getTime(); - }); - - me.store.remove(oldData.getRange()); - } - - me.timeaxis.setMinimum(begin.getTime()); - me.timeaxis.setMaximum(now.getTime()); - me.valuesprite.setText(panel.renderer(value || 0).toString()); - me.valuesprite.setAttributes({ - x: me.getWidth() - 15, - y: me.getHeight()/2 - }, true); - me.redraw(); - }, - - setTitle: function(title) { - this.title = title; - var me = this.getComponent('title'); - me.update({title: title}); - }, - - initComponent: function(){ - var me = this; - me.callParent(); - - if (me.title) { - me.getComponent('title').update({title: me.title}); - } - me.chart = me.getComponent('chart'); - me.chart.timeaxis = me.chart.getAxes()[1]; - me.chart.valuesprite = me.chart.getSurface('chart').get('valueSprite'); - if (me.color) { - me.chart.series[0].setStyle({ - fill: me.color, - stroke: me.color - }); - } - } -}); -Ext.define('PVE.widget.Info',{ - extend: 'Ext.container.Container', - alias: 'widget.pveInfoWidget', - - layout: { - type: 'vbox', - align: 'stretch' - }, - - value: 0, - maximum: 1, - printBar: true, - items: [ - { - xtype: 'component', - itemId: 'label', - data: { - title: '', - usage: '', - iconCls: undefined - }, - tpl: [ - '
',
- '',
- ' ',
- ' ',
- '{title}
{usage}
'
- ]
- },
- {
- height: 2,
- border: 0
- },
- {
- xtype: 'progressbar',
- itemId: 'progress',
- height: 5,
- value: 0,
- animate: true
- }
- ],
-
- warningThreshold: 0.6,
- criticalThreshold: 0.9,
-
- setPrintBar: function(enable) {
- var me = this;
- me.printBar = enable;
- me.getComponent('progress').setVisible(enable);
- },
-
- setIconCls: function(iconCls) {
- var me = this;
- me.getComponent('label').data.iconCls = iconCls;
- },
-
- updateValue: function(text, usage) {
- var me = this;
- var label = me.getComponent('label');
- label.update(Ext.apply(label.data, {title: me.title, usage:text}));
-
- if (usage !== undefined &&
- me.printBar &&
- Ext.isNumeric(usage) &&
- usage >= 0) {
- var progressBar = me.getComponent('progress');
- progressBar.updateProgress(usage, '');
- if (usage > me.criticalThreshold) {
- progressBar.removeCls('warning');
- progressBar.addCls('critical');
- } else if (usage > me.warningThreshold) {
- progressBar.removeCls('critical');
- progressBar.addCls('warning');
- } else {
- progressBar.removeCls('warning');
- progressBar.removeCls('critical');
- }
- }
- },
-
- initComponent: function() {
- var me = this;
-
- if (!me.title) {
- throw "no title defined";
- }
-
- me.callParent();
-
- me.getComponent('progress').setVisible(me.printBar);
-
- me.updateValue(me.text, me.value);
- me.setIconCls(me.iconCls);
- }
-
-});
-Ext.define('PVE.panel.TemplateStatusView',{
- extend: 'PVE.panel.StatusView',
- alias: 'widget.pveTemplateStatusView',
-
- layout: {
- type: 'vbox',
- align: 'stretch'
- },
-
- defaults: {
- xtype: 'pveInfoWidget',
- printBar: false,
- padding: '2 25'
- },
- items: [
- {
- xtype: 'box',
- height: 20
- },
- {
- itemId: 'hamanaged',
- iconCls: 'fa fa-heartbeat fa-fw',
- title: gettext('HA State'),
- printBar: false,
- textField: 'ha',
- renderer: PVE.Utils.format_ha
- },
- {
- itemId: 'node',
- iconCls: 'fa fa-fw fa-building',
- title: gettext('Node')
- },
- {
- xtype: 'box',
- height: 20
- },
- {
- itemId: 'cpus',
- iconCls: 'fa fa-fw pve-itype-icon-processor pve-icon',
- title: gettext('Processors'),
- textField: 'cpus'
- },
- {
- itemId: 'memory',
- iconCls: 'fa fa-fw pve-itype-icon-memory pve-icon',
- title: gettext('Memory'),
- textField: 'maxmem',
- renderer: PVE.Utils.render_size
- },
- {
- itemId: 'swap',
- iconCls: 'fa fa-refresh fa-fw',
- title: gettext('Swap'),
- textField: 'maxswap',
- renderer: PVE.Utils.render_size
- },
- {
- itemId: 'disk',
- iconCls: 'fa fa-hdd-o fa-fw',
- title: gettext('Bootdisk size'),
- textField: 'maxdisk',
- renderer: PVE.Utils.render_size
- },
- {
- xtype: 'box',
- height: 20
- }
- ],
-
- initComponent: function() {
- var me = this;
-
- var name = me.pveSelNode.data.name;
- if (!name) {
- throw "no name specified";
- }
-
- me.title = name;
-
- me.callParent();
- if (me.pveSelNode.data.type !== 'lxc') {
- me.remove(me.getComponent('swap'));
- }
- me.getComponent('node').updateValue(me.pveSelNode.data.node);
- }
-});
-Ext.define('PVE.widget.HealthWidget', {
- extend: 'Ext.Component',
- alias: 'widget.pveHealthWidget',
-
- data: {
- iconCls: PVE.Utils.get_health_icon(undefined, true),
- text: '',
- title: ''
- },
-
- style: {
- 'text-align':'center'
- },
-
- tpl: [
- '{title}
', - '', - '', - '{text}' - ], - - updateHealth: function(data) { - var me = this; - me.update(Ext.apply(me.data, data)); - }, - - initComponent: function(){ - var me = this; - - if (me.title) { - me.config.data.title = me.title; - } - - me.callParent(); - } - -}); -/*global u2f*/ -Ext.define('PVE.window.LoginWindow', { - extend: 'Ext.window.Window', - - controller: { - - xclass: 'Ext.app.ViewController', - - onLogon: function() { - var me = this; - - var form = this.lookupReference('loginForm'); - var unField = this.lookupReference('usernameField'); - var saveunField = this.lookupReference('saveunField'); - var view = this.getView(); - - if (!form.isValid()) { - return; - } - - view.el.mask(gettext('Please wait...'), 'x-mask-loading'); - - // set or clear username - var sp = Ext.state.Manager.getProvider(); - if (saveunField.getValue() === true) { - sp.set(unField.getStateId(), unField.getValue()); - } else { - sp.clear(unField.getStateId()); - } - sp.set(saveunField.getStateId(), saveunField.getValue()); - - form.submit({ - failure: function(f, resp){ - me.failure(resp); - }, - success: function(f, resp){ - view.el.unmask(); - - var data = resp.result.data; - if (Ext.isDefined(data.NeedTFA)) { - // Store first factor login information first: - data.LoggedOut = true; - Proxmox.Utils.setAuthData(data); - - if (Ext.isDefined(data.U2FChallenge)) { - me.perform_u2f(data); - } else { - me.perform_otp(); - } - } else { - me.success(data); - } - } - }); - - }, - failure: function(resp) { - var me = this; - var view = me.getView(); - view.el.unmask(); - var handler = function() { - var uf = me.lookupReference('usernameField'); - uf.focus(true, true); - }; - - Ext.MessageBox.alert(gettext('Error'), - gettext("Login failed. Please try again"), - handler); - }, - success: function(data) { - var me = this; - var view = me.getView(); - var handler = view.handler || Ext.emptyFn; - handler.call(me, data); - view.close(); - }, - - perform_otp: function() { - var me = this; - var win = Ext.create('PVE.window.TFALoginWindow', { - onLogin: function(value) { - me.finish_tfa(value); - }, - onCancel: function() { - Proxmox.LoggedOut = false; - Proxmox.Utils.authClear(); - me.getView().show(); - } - }); - win.show(); - }, - - perform_u2f: function(data) { - var me = this; - // Show the message: - var msg = Ext.Msg.show({ - title: 'U2F: '+gettext('Verification'), - message: gettext('Please press the button on your U2F Device'), - buttons: [] - }); - var chlg = data.U2FChallenge; - var key = { - version: chlg.version, - keyHandle: chlg.keyHandle - }; - u2f.sign(chlg.appId, chlg.challenge, [key], function(res) { - msg.close(); - if (res.errorCode) { - Proxmox.Utils.authClear(); - Ext.Msg.alert(gettext('Error'), PVE.Utils.render_u2f_error(res.errorCode)); - return; - } - delete res.errorCode; - me.finish_tfa(JSON.stringify(res)); - }); - }, - finish_tfa: function(res) { - var me = this; - var view = me.getView(); - view.el.mask(gettext('Please wait...'), 'x-mask-loading'); - var params = { response: res }; - Proxmox.Utils.API2Request({ - url: '/api2/extjs/access/tfa', - params: params, - method: 'POST', - timeout: 5000, // it'll delay both success & failure - success: function(resp, opts) { - view.el.unmask(); - // Fill in what we copy over from the 1st factor: - var data = resp.result.data; - data.CSRFPreventionToken = Proxmox.CSRFPreventionToken; - data.username = Proxmox.UserName; - // Finish logging in: - me.success(data); - }, - failure: function(resp, opts) { - Proxmox.Utils.authClear(); - me.failure(resp); - } - }); - }, - - control: { - 'field[name=username]': { - specialkey: function(f, e) { - if (e.getKey() === e.ENTER) { - var pf = this.lookupReference('passwordField'); - if (!pf.getValue()) { - pf.focus(false); - } - } - } - }, - 'field[name=lang]': { - change: function(f, value) { - var dt = Ext.Date.add(new Date(), Ext.Date.YEAR, 10); - Ext.util.Cookies.set('PVELangCookie', value, dt); - this.getView().mask(gettext('Please wait...'), 'x-mask-loading'); - window.location.reload(); - } - }, - 'button[reference=loginButton]': { - click: 'onLogon' - }, - '#': { - show: function() { - var sp = Ext.state.Manager.getProvider(); - var checkboxField = this.lookupReference('saveunField'); - var unField = this.lookupReference('usernameField'); - - var checked = sp.get(checkboxField.getStateId()); - checkboxField.setValue(checked); - - if(checked === true) { - var username = sp.get(unField.getStateId()); - unField.setValue(username); - var pwField = this.lookupReference('passwordField'); - pwField.focus(); - } - } - } - } - }, - - width: 400, - - modal: true, - - border: false, - - draggable: true, - - closable: false, - - resizable: false, - - layout: 'auto', - - title: gettext('Proxmox VE Login'), - - defaultFocus: 'usernameField', - - defaultButton: 'loginButton', - - items: [{ - xtype: 'form', - layout: 'form', - url: '/api2/extjs/access/ticket', - reference: 'loginForm', - - fieldDefaults: { - labelAlign: 'right', - allowBlank: false - }, - - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('User name'), - name: 'username', - itemId: 'usernameField', - reference: 'usernameField', - stateId: 'login-username' - }, - { - xtype: 'textfield', - inputType: 'password', - fieldLabel: gettext('Password'), - name: 'password', - reference: 'passwordField' - }, - { - xtype: 'pveRealmComboBox', - name: 'realm' - }, - { - xtype: 'proxmoxLanguageSelector', - fieldLabel: gettext('Language'), - value: Ext.util.Cookies.get('PVELangCookie') || Proxmox.defaultLang || 'en', - name: 'lang', - reference: 'langField', - submitValue: false - } - ], - buttons: [ - { - xtype: 'checkbox', - fieldLabel: gettext('Save User name'), - name: 'saveusername', - reference: 'saveunField', - stateId: 'login-saveusername', - labelWidth: 'auto', - labelAlign: 'right', - submitValue: false - }, - { - text: gettext('Login'), - reference: 'loginButton' - } - ] - }] - }); -Ext.define('PVE.window.TFALoginWindow', { - extend: 'Ext.window.Window', - - modal: true, - resizable: false, - title: 'Two-Factor Authentication', - layout: 'form', - defaultButton: 'loginButton', - defaultFocus: 'otpField', - - controller: { - xclass: 'Ext.app.ViewController', - login: function() { - var me = this; - var view = me.getView(); - view.onLogin(me.lookup('otpField').value); - view.close(); - }, - cancel: function() { - var me = this; - var view = me.getView(); - view.onCancel(); - view.close(); - } - }, - - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('Please enter your OTP verification code:'), - name: 'otp', - itemId: 'otpField', - reference: 'otpField', - allowBlank: false - } - ], - - buttons: [ - { - text: gettext('Login'), - reference: 'loginButton', - handler: 'login' - }, - { - text: gettext('Cancel'), - handler: 'cancel' - } - ] -}); -Ext.define('PVE.window.Wizard', { - extend: 'Ext.window.Window', - - activeTitle: '', // used for automated testing - - width: 700, - height: 510, - - modal: true, - border: false, - - draggable: true, - closable: true, - resizable: false, - - layout: 'border', - - getValues: function(dirtyOnly) { - var me = this; - - var values = {}; - - var form = me.down('form').getForm(); - - form.getFields().each(function(field) { - if (!field.up('inputpanel') && (!dirtyOnly || field.isDirty())) { - Proxmox.Utils.assemble_field_data(values, field.getSubmitData()); - } - }); - - Ext.Array.each(me.query('inputpanel'), function(panel) { - Proxmox.Utils.assemble_field_data(values, panel.getValues(dirtyOnly)); - }); - - return values; - }, - - initComponent: function() { - var me = this; - - var tabs = me.items || []; - delete me.items; - - /* - * Items may have the following functions: - * validator(): per tab custom validation - * onSubmit(): submit handler - * onGetValues(): overwrite getValues results - */ - - Ext.Array.each(tabs, function(tab) { - tab.disabled = true; - }); - tabs[0].disabled = false; - - var maxidx = 0; - var curidx = 0; - - var check_card = function(card) { - var valid = true; - var fields = card.query('field, fieldcontainer'); - if (card.isXType('fieldcontainer')) { - fields.unshift(card); - } - Ext.Array.each(fields, function(field) { - // Note: not all fielcontainer have isValid() - if (Ext.isFunction(field.isValid) && !field.isValid()) { - valid = false; - } - }); - - if (Ext.isFunction(card.validator)) { - return card.validator(); - } - - return valid; - }; - - var disable_at = function(card) { - var tp = me.down('#wizcontent'); - var idx = tp.items.indexOf(card); - for(;idx < tp.items.getCount();idx++) { - var nc = tp.items.getAt(idx); - if (nc) { - nc.disable(); - } - } - }; - - var tabchange = function(tp, newcard, oldcard) { - if (newcard.onSubmit) { - me.down('#next').setVisible(false); - me.down('#submit').setVisible(true); - } else { - me.down('#next').setVisible(true); - me.down('#submit').setVisible(false); - } - var valid = check_card(newcard); - me.down('#next').setDisabled(!valid); - me.down('#submit').setDisabled(!valid); - me.down('#back').setDisabled(tp.items.indexOf(newcard) == 0); - - var idx = tp.items.indexOf(newcard); - if (idx > maxidx) { - maxidx = idx; - } - curidx = idx; - - var next = idx + 1; - var ntab = tp.items.getAt(next); - if (valid && ntab && !newcard.onSubmit) { - ntab.enable(); - } - }; - - if (me.subject && !me.title) { - me.title = Proxmox.Utils.dialog_title(me.subject, true, false); - } - - var sp = Ext.state.Manager.getProvider(); - var advchecked = sp.get('proxmox-advanced-cb'); - - Ext.apply(me, { - items: [ - { - xtype: 'form', - region: 'center', - layout: 'fit', - border: false, - margins: '5 5 0 5', - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [{ - itemId: 'wizcontent', - xtype: 'tabpanel', - activeItem: 0, - bodyPadding: 10, - listeners: { - afterrender: function(tp) { - var atab = this.getActiveTab(); - tabchange(tp, atab); - }, - tabchange: function(tp, newcard, oldcard) { - tabchange(tp, newcard, oldcard); - } - }, - items: tabs - }] - } - ], - fbar: [ - { - xtype: 'proxmoxHelpButton', - itemId: 'help' - }, - '->', - { - xtype: 'proxmoxcheckbox', - boxLabelAlign: 'before', - boxLabel: gettext('Advanced'), - value: advchecked, - listeners: { - change: function(cb, val) { - var tp = me.down('#wizcontent'); - tp.query('inputpanel').forEach(function(ip) { - ip.setAdvancedVisible(val); - }); - - sp.set('proxmox-advanced-cb', val); - } - } - }, - { - text: gettext('Back'), - disabled: true, - itemId: 'back', - minWidth: 60, - handler: function() { - var tp = me.down('#wizcontent'); - var atab = tp.getActiveTab(); - var prev = tp.items.indexOf(atab) - 1; - if (prev < 0) { - return; - } - var ntab = tp.items.getAt(prev); - if (ntab) { - tp.setActiveTab(ntab); - } - } - }, - { - text: gettext('Next'), - disabled: true, - itemId: 'next', - minWidth: 60, - handler: function() { - - var form = me.down('form').getForm(); - - var tp = me.down('#wizcontent'); - var atab = tp.getActiveTab(); - if (!check_card(atab)) { - return; - } - - var next = tp.items.indexOf(atab) + 1; - var ntab = tp.items.getAt(next); - if (ntab) { - ntab.enable(); - tp.setActiveTab(ntab); - } - - } - }, - { - text: gettext('Finish'), - minWidth: 60, - hidden: true, - itemId: 'submit', - handler: function() { - var tp = me.down('#wizcontent'); - var atab = tp.getActiveTab(); - atab.onSubmit(); - } - } - ] - }); - me.callParent(); - - Ext.Array.each(me.query('inputpanel'), function(panel) { - panel.setAdvancedVisible(advchecked); - }); - - Ext.Array.each(me.query('field'), function(field) { - var validcheck = function() { - var tp = me.down('#wizcontent'); - - // check tabs from current to the last enabled for validity - // since we might have changed a validity on a later one - var i; - for (i = curidx; i <= maxidx && i < tp.items.getCount(); i++) { - var tab = tp.items.getAt(i); - var valid = check_card(tab); - - // only set the buttons on the current panel - if (i === curidx) { - me.down('#next').setDisabled(!valid); - me.down('#submit').setDisabled(!valid); - } - - // if a panel is invalid, then disable it and all following, - // else enable it and go to the next - var ntab = tp.items.getAt(i + 1); - if (!valid) { - disable_at(ntab); - return; - } else if (ntab && !tab.onSubmit) { - ntab.enable(); - } - } - }; - field.on('change', validcheck); - field.on('validitychange', validcheck); - }); - } -}); -Ext.define('PVE.window.NotesEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - Ext.apply(me, { - title: gettext('Notes'), - width: 600, - height: '400px', - resizable: true, - layout: 'fit', - defaultButton: undefined, - items: { - xtype: 'textarea', - name: 'description', - height: '100%', - value: '', - hideLabel: true - } - }); - - me.callParent(); - - me.load(); - } -}); -Ext.define('PVE.window.Backup', { - extend: 'Ext.window.Window', - - resizable: false, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - if (!me.vmtype) { - throw "no VM type specified"; - } - - var storagesel = Ext.create('PVE.form.StorageSelector', { - nodename: me.nodename, - name: 'storage', - value: me.storage, - fieldLabel: gettext('Storage'), - storageContent: 'backup', - allowBlank: false - }); - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [ - storagesel, - { - xtype: 'pveBackupModeSelector', - fieldLabel: gettext('Mode'), - value: 'snapshot', - name: 'mode' - }, - { - xtype: 'pveCompressionSelector', - name: 'compress', - value: 'lzo', - fieldLabel: gettext('Compression') - }, - { - xtype: 'textfield', - fieldLabel: gettext('Send email to'), - name: 'mailto', - emptyText: Proxmox.Utils.noneText - } - ] - }); - - var form = me.formPanel.getForm(); - - var submitBtn = Ext.create('Ext.Button', { - text: gettext('Backup'), - handler: function(){ - var storage = storagesel.getValue(); - var values = form.getValues(); - var params = { - storage: storage, - vmid: me.vmid, - mode: values.mode, - remove: 0 - }; - - if ( values.mailto ) { - params.mailto = values.mailto; - } - - if (values.compress) { - params.compress = values.compress; - } - - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/vzdump', - params: params, - method: 'POST', - failure: function (response, opts) { - Ext.Msg.alert('Error',response.htmlStatus); - }, - success: function(response, options) { - // close later so we reload the grid - // after the task has completed - me.hide(); - - var upid = response.result.data; - - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: upid, - listeners: { - close: function() { - me.close(); - } - } - }); - win.show(); - } - }); - } - }); - - var helpBtn = Ext.create('Proxmox.button.Help', { - onlineHelp: 'chapter_vzdump', - listenToGlobalEvent: false, - hidden: false - }); - - var title = gettext('Backup') + " " + - ((me.vmtype === 'lxc') ? "CT" : "VM") + - " " + me.vmid; - - Ext.apply(me, { - title: title, - width: 350, - modal: true, - layout: 'auto', - border: false, - items: [ me.formPanel ], - buttons: [ helpBtn, '->', submitBtn ] - }); - - me.callParent(); - } -}); -Ext.define('PVE.window.Restore', { - extend: 'Ext.window.Window', // fixme: Proxmox.window.Edit? - - resizable: false, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.volid) { - throw "no volume ID specified"; - } - - if (!me.vmtype) { - throw "no vmtype specified"; - } - - var storagesel = Ext.create('PVE.form.StorageSelector', { - nodename: me.nodename, - name: 'storage', - value: '', - fieldLabel: gettext('Storage'), - storageContent: (me.vmtype === 'lxc') ? 'rootdir' : 'images', - allowBlank: true - }); - - var IDfield; - if (me.vmid) { - IDfield = Ext.create('Ext.form.field.Display', { - name: 'vmid', - value: me.vmid, - fieldLabel: (me.vmtype === 'lxc') ? 'CT' : 'VM' - }); - } else { - IDfield = Ext.create('PVE.form.GuestIDSelector', { - name: 'vmid', - guestType: me.vmtype, - loadNextFreeID: true, - validateExists: false - }); - } - - var items = [ - { - xtype: 'displayfield', - value: me.volidText || me.volid, - fieldLabel: gettext('Source') - }, - storagesel, - IDfield, - { - xtype: 'proxmoxintegerfield', - name: 'bwlimit', - fieldLabel: gettext('Read Limit (MiB/s)'), - minValue: 0, - emptyText: gettext('Defaults to target storage restore limit'), - autoEl: { - tag: 'div', - 'data-qtip': gettext("Use '0' to disable all bandwidth limits.") - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'unique', - fieldLabel: gettext('Unique'), - hidden: !!me.vmid, - autoEl: { - tag: 'div', - 'data-qtip': gettext('Autogenerate unique properties, e.g., MAC addresses') - }, - checked: false - } - ]; - - /*jslint confusion: true*/ - if (me.vmtype === 'lxc') { - items.push({ - xtype: 'proxmoxcheckbox', - name: 'unprivileged', - value: true, - fieldLabel: gettext('Unprivileged container') - }); - } - /*jslint confusion: false*/ - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: items - }); - - var form = me.formPanel.getForm(); - - var doRestore = function(url, params) { - Proxmox.Utils.API2Request({ - url: url, - params: params, - method: 'POST', - waitMsgTarget: me, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: upid - }); - win.show(); - me.close(); - } - }); - }; - - var submitBtn = Ext.create('Ext.Button', { - text: gettext('Restore'), - handler: function(){ - var storage = storagesel.getValue(); - var values = form.getValues(); - - var params = { - storage: storage, - vmid: me.vmid || values.vmid, - force: me.vmid ? 1 : 0 - }; - if (values.unique) { params.unique = 1; } - - if (values.bwlimit !== undefined) { - params.bwlimit = values.bwlimit * 1024; - } - - var url; - var msg; - if (me.vmtype === 'lxc') { - url = '/nodes/' + me.nodename + '/lxc'; - params.ostemplate = me.volid; - params.restore = 1; - if (values.unprivileged) { params.unprivileged = 1; } - msg = Proxmox.Utils.format_task_description('vzrestore', params.vmid); - } else if (me.vmtype === 'qemu') { - url = '/nodes/' + me.nodename + '/qemu'; - params.archive = me.volid; - msg = Proxmox.Utils.format_task_description('qmrestore', params.vmid); - } else { - throw 'unknown VM type'; - } - - if (me.vmid) { - msg += '. ' + gettext('This will permanently erase current VM data.'); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - doRestore(url, params); - }); - } else { - doRestore(url, params); - } - } - }); - - form.on('validitychange', function(f, valid) { - submitBtn.setDisabled(!valid); - }); - - var title = gettext('Restore') + ": " + ( - (me.vmtype === 'lxc') ? 'CT' : 'VM'); - - if (me.vmid) { - title += " " + me.vmid; - } - - Ext.apply(me, { - title: title, - width: 500, - modal: true, - layout: 'auto', - border: false, - items: [ me.formPanel ], - buttons: [ submitBtn ] - }); - - me.callParent(); - } -}); -/* Popup a message window - * where the user has to manually enter the ressource ID - * to enable the destroy button - */ -Ext.define('PVE.window.SafeDestroy', { - extend: 'Ext.window.Window', - alias: 'widget.pveSafeDestroy', - - title: gettext('Confirm'), - modal: true, - buttonAlign: 'center', - bodyPadding: 10, - width: 450, - layout: { type:'hbox' }, - defaultFocus: 'confirmField', - showProgress: false, - - config: { - item: { - id: undefined, - type: undefined - }, - url: undefined, - params: {} - }, - - getParams: function() { - var me = this; - if (Ext.Object.isEmpty(me.params)) { - return ''; - } - return '?' + Ext.Object.toQueryString(me.params); - }, - - controller: { - - xclass: 'Ext.app.ViewController', - - control: { - 'field[name=confirm]': { - change: function(f, value) { - var view = this.getView(); - var removeButton = this.lookupReference('removeButton'); - if (value === view.getItem().id.toString()) { - removeButton.enable(); - } else { - removeButton.disable(); - } - }, - specialkey: function (field, event) { - var removeButton = this.lookupReference('removeButton'); - if (!removeButton.isDisabled() && event.getKey() == event.ENTER) { - removeButton.fireEvent('click', removeButton, event); - } - } - }, - 'button[reference=removeButton]': { - click: function() { - var view = this.getView(); - Proxmox.Utils.API2Request({ - url: view.getUrl() + view.getParams(), - method: 'DELETE', - waitMsgTarget: view, - failure: function(response, opts) { - view.close(); - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, options) { - var hasProgressBar = view.showProgress && - response.result.data ? true : false; - - if (hasProgressBar) { - // stay around so we can trigger our close events - // when background action is completed - view.hide(); - - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid, - listeners: { - destroy: function () { - view.close(); - } - } - }); - win.show(); - } else { - view.close(); - } - } - }); - } - } - } - }, - - items: [ - { - xtype: 'component', - cls: [ Ext.baseCSSPrefix + 'message-box-icon', - Ext.baseCSSPrefix + 'message-box-warning', - Ext.baseCSSPrefix + 'dlg-icon'] - }, - { - xtype: 'container', - flex: 1, - layout: { - type: 'vbox', - align: 'stretch' - }, - items: [ - { - xtype: 'component', - reference: 'messageCmp' - }, - { - itemId: 'confirmField', - reference: 'confirmField', - xtype: 'textfield', - name: 'confirm', - labelWidth: 300, - hideTrigger: true, - allowBlank: false - } - ] - } - ], - buttons: [ - { - reference: 'removeButton', - text: gettext('Remove'), - disabled: true - } - ], - - initComponent : function() { - var me = this; - - me.callParent(); - - var item = me.getItem(); - - if (!Ext.isDefined(item.id)) { - throw "no ID specified"; - } - - if (!Ext.isDefined(item.type)) { - throw "no VM type specified"; - } - - var messageCmp = me.lookupReference('messageCmp'); - var msg; - - if (item.type === 'VM') { - msg = Proxmox.Utils.format_task_description('qmdestroy', item.id); - } else if (item.type === 'CT') { - msg = Proxmox.Utils.format_task_description('vzdestroy', item.id); - } else if (item.type === 'CephPool') { - msg = Proxmox.Utils.format_task_description('cephdestroypool', item.id); - } else if (item.type === 'Image') { - msg = Proxmox.Utils.format_task_description('unknownimgdel', item.id); - } else { - throw "unknown item type specified"; - } - - messageCmp.setHtml(msg); - - var confirmField = me.lookupReference('confirmField'); - msg = gettext('Please enter the ID to confirm') + - ' (' + item.id + ')'; - confirmField.setFieldLabel(msg); - } -}); -Ext.define('PVE.window.BackupConfig', { - extend: 'Ext.window.Window', - title: gettext('Configuration'), - width: 600, - height: 400, - layout: 'fit', - modal: true, - items: { - xtype: 'component', - itemId: 'configtext', - autoScroll: true, - style: { - 'background-color': 'white', - 'white-space': 'pre', - 'font-family': 'monospace', - padding: '5px' - } - }, - - initComponent: function() { - var me = this; - - if (!me.volume) { - throw "no volume specified"; - } - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - me.callParent(); - - Proxmox.Utils.API2Request({ - url: "/nodes/" + nodename + "/vzdump/extractconfig", - method: 'GET', - params: { - volume: me.volume - }, - failure: function(response, opts) { - me.close(); - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response,options) { - me.show(); - me.down('#configtext').update(Ext.htmlEncode(response.result.data)); - } - }); - } -}); -Ext.define('PVE.window.Settings', { - extend: 'Ext.window.Window', - - width: '800px', - title: gettext('My Settings'), - iconCls: 'fa fa-gear', - modal: true, - bodyPadding: 10, - resizable: false, - - buttons: [ - { - xtype: 'proxmoxHelpButton', - onlineHelp: 'gui_my_settings', - hidden: false - }, - '->', - { - text: gettext('Close'), - handler: function() { - this.up('window').close(); - } - } - ], - - layout: { - type: 'hbox', - align: 'top' - }, - - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - var me = this; - var sp = Ext.state.Manager.getProvider(); - - var username = sp.get('login-username') || Proxmox.Utils.noneText; - me.lookupReference('savedUserName').setValue(username); - - var settings = ['fontSize', 'fontFamily', 'letterSpacing', 'lineHeight']; - settings.forEach(function(setting) { - var val = localStorage.getItem('pve-xterm-' + setting); - if (val !== undefined && val !== null) { - var field = me.lookup(setting); - field.setValue(val); - field.resetOriginalValue(); - } - }); - }, - - set_button_status: function() { - var me = this; - - var form = me.lookup('xtermform'); - var valid = form.isValid(); - var dirty = form.isDirty(); - - var hasvalues = false; - var values = form.getValues(); - Ext.Object.eachValue(values, function(value) { - if (value) { - hasvalues = true; - return false; - } - }); - - me.lookup('xtermsave').setDisabled(!dirty || !valid); - me.lookup('xtermreset').setDisabled(!hasvalues); - }, - - control: { - '#xtermjs form': { - dirtychange: 'set_button_status', - validitychange: 'set_button_status' - }, - '#xtermjs button': { - click: function(button) { - var me = this; - var settings = ['fontSize', 'fontFamily', 'letterSpacing', 'lineHeight']; - settings.forEach(function(setting) { - var field = me.lookup(setting); - if (button.reference === 'xtermsave') { - var value = field.getValue(); - if (value) { - localStorage.setItem('pve-xterm-' + setting, value); - } else { - localStorage.removeItem('pve-xterm-' + setting); - } - } else if (button.reference === 'xtermreset') { - field.setValue(undefined); - localStorage.removeItem('pve-xterm-' + setting); - } - field.resetOriginalValue(); - }); - me.set_button_status(); - } - }, - 'button[name=reset]': { - click: function () { - var blacklist = ['GuiCap', 'login-username', 'dash-storages']; - var sp = Ext.state.Manager.getProvider(); - var state; - for (state in sp.state) { - if (sp.state.hasOwnProperty(state)) { - if (blacklist.indexOf(state) !== -1) { - continue; - } - - sp.clear(state); - } - } - - window.location.reload(); - } - }, - 'button[name=clear-username]': { - click: function () { - var me = this; - var usernamefield = me.lookupReference('savedUserName'); - var sp = Ext.state.Manager.getProvider(); - - usernamefield.setValue(Proxmox.Utils.noneText); - sp.clear('login-username'); - } - }, - 'grid[reference=dashboard-storages]': { - selectionchange: function(grid, selected) { - var me = this; - var sp = Ext.state.Manager.getProvider(); - - // saves the selected storageids as - // "id1,id2,id3,..." - // or clears the variable - if (selected.length > 0) { - sp.set('dash-storages', - Ext.Array.pluck(selected, 'id').join(',')); - } else { - sp.clear('dash-storages'); - } - }, - afterrender: function(grid) { - var me = grid; - var sp = Ext.state.Manager.getProvider(); - var store = me.getStore(); - var items = []; - me.suspendEvent('selectionchange'); - var storages = sp.get('dash-storages') || ''; - storages.split(',').forEach(function(storage){ - // we have to get the records - // to be able to select them - if (storage !== '') { - var item = store.getById(storage); - if (item) { - items.push(item); - } - } - }); - me.getSelectionModel().select(items); - me.resumeEvent('selectionchange'); - } - } - } - }, - - items: [{ - xtype: 'fieldset', - width: '50%', - title: gettext('Webinterface Settings'), - margin: '5', - layout: { - type: 'vbox', - align: 'left' - }, - defaults: { - width: '100%', - margin: '0 0 10 0' - }, - items: [ - { - xtype: 'displayfield', - fieldLabel: gettext('Dashboard Storages'), - labelAlign: 'left', - labelWidth: '50%' - }, - { - xtype: 'grid', - maxHeight: 150, - reference: 'dashboard-storages', - selModel: { - selType: 'checkboxmodel' - }, - columns: [{ - header: gettext('Name'), - dataIndex: 'storage', - flex: 1 - },{ - header: gettext('Node'), - dataIndex: 'node', - flex: 1 - }], - store: { - type: 'diff', - field: ['type', 'storage', 'id', 'node'], - rstore: PVE.data.ResourceStore, - filters: [{ - property: 'type', - value: 'storage' - }], - sorters: [ 'node','storage'] - } - }, - { - xtype: 'box', - autoEl: { tag: 'hr'} - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Saved User name'), - labelAlign: 'left', - labelWidth: '50%', - stateId: 'login-username', - reference: 'savedUserName', - value: '' - }, - { - xtype: 'button', - cls: 'x-btn-default-toolbar-small proxmox-inline-button', - text: gettext('Clear User name'), - width: 'auto', - name: 'clear-username' - }, - { - xtype: 'box', - autoEl: { tag: 'hr'} - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Layout'), - labelAlign: 'left', - labelWidth: '50%' - }, - { - xtype: 'button', - cls: 'x-btn-default-toolbar-small proxmox-inline-button', - text: gettext('Reset Layout'), - width: 'auto', - name: 'reset' - } - ] - },{ - xtype: 'fieldset', - itemId: 'xtermjs', - width: '50%', - margin: '5', - title: gettext('xterm.js Settings'), - items: [{ - xtype: 'form', - reference: 'xtermform', - border: false, - layout: { - type: 'vbox', - algin: 'left' - }, - defaults: { - width: '100%', - margin: '0 0 10 0' - }, - items: [ - { - xtype: 'textfield', - name: 'fontFamily', - reference: 'fontFamily', - emptyText: Proxmox.Utils.defaultText, - fieldLabel: gettext('Font-Family') - }, - { - xtype: 'proxmoxintegerfield', - emptyText: Proxmox.Utils.defaultText, - name: 'fontSize', - reference: 'fontSize', - minValue: 1, - fieldLabel: gettext('Font-Size') - }, - { - xtype: 'numberfield', - name: 'letterSpacing', - reference: 'letterSpacing', - emptyText: Proxmox.Utils.defaultText, - fieldLabel: gettext('Letter Spacing') - }, - { - xtype: 'numberfield', - name: 'lineHeight', - minValue: 0.1, - reference: 'lineHeight', - emptyText: Proxmox.Utils.defaultText, - fieldLabel: gettext('Line Height') - }, - { - xtype: 'container', - layout: { - type: 'hbox', - pack: 'end' - }, - items: [ - { - xtype: 'button', - reference: 'xtermreset', - disabled: true, - text: gettext('Reset') - }, - { - xtype: 'button', - reference: 'xtermsave', - disabled: true, - text: gettext('Save') - } - ] - } - ] - }] - }], - - onShow: function() { - var me = this; - me.callParent(); - } -}); -Ext.define('PVE.panel.StartupInputPanel', { - extend: 'Proxmox.panel.InputPanel', - onlineHelp: 'qm_startup_and_shutdown', - - onGetValues: function(values) { - var me = this; - - var res = PVE.Parser.printStartup(values); - - if (res === undefined || res === '') { - return { 'delete': 'startup' }; - } - - return { startup: res }; - }, - - setStartup: function(value) { - var me = this; - - var startup = PVE.Parser.parseStartup(value); - if (startup) { - me.setValues(startup); - } - }, - - initComponent : function() { - var me = this; - - me.items = [ - { - xtype: 'textfield', - name: 'order', - defaultValue: '', - emptyText: 'any', - fieldLabel: gettext('Start/Shutdown order') - }, - { - xtype: 'textfield', - name: 'up', - defaultValue: '', - emptyText: 'default', - fieldLabel: gettext('Startup delay') - }, - { - xtype: 'textfield', - name: 'down', - defaultValue: '', - emptyText: 'default', - fieldLabel: gettext('Shutdown timeout') - } - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.window.StartupEdit', { - extend: 'Proxmox.window.Edit', - alias: 'widget.pveWindowStartupEdit', - onlineHelp: undefined, - - initComponent : function() { - - var me = this; - var ipanelConfig = me.onlineHelp ? {onlineHelp: me.onlineHelp} : {}; - var ipanel = Ext.create('PVE.panel.StartupInputPanel', ipanelConfig); - - Ext.applyIf(me, { - subject: gettext('Start/Shutdown order'), - fieldDefaults: { - labelWidth: 120 - }, - items: [ ipanel ] - }); - - me.callParent(); - - me.load({ - success: function(response, options) { - var i, confid; - me.vmconfig = response.result.data; - ipanel.setStartup(me.vmconfig.startup); - } - }); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.ceph.Install', { - extend: 'Ext.window.Window', - xtype: 'pveCephInstallWindow', - mixins: ['Proxmox.Mixin.CBind'], - - width: 220, - header: false, - resizable: false, - draggable: false, - modal: true, - nodename: undefined, - shadow: false, - border: false, - bodyBorder: false, - closable: false, - cls: 'install-mask', - bodyCls: 'install-mask', - layout: { - align: 'stretch', - pack: 'center', - type: 'vbox' - }, - viewModel: { - data: { - cephVersion: 'luminous', - isInstalled: false - }, - formulas: { - buttonText: function (get){ - if (get('isInstalled')) { - return gettext('Configure Ceph'); - } else { - return gettext('Install Ceph-') + get('cephVersion'); - } - }, - windowText: function (get) { - if (get('isInstalled')) { - return '
' + - Ext.String.format(gettext('{0} is not initialized.'), 'Ceph') + ' '+ - gettext('You need to create a initial config once.') + '
'; - } else { - return '' +
- Ext.String.format(gettext('{0} is not installed on this node.'), 'Ceph') + '
' +
- gettext('Would you like to install it now?') + '
/
'
- },
- {
- xtype: 'proxmoxKVComboBox',
- name: 'unit',
- comboItems: [['second', 'second'], ['minute', 'minute'],
- ['hour', 'hour'], ['day', 'day']],
- allowBlank: false,
- flex: 1,
- value: 'second'
- }
- ]
- },
- {
- xtype: 'numberfield',
- name: 'burst',
- fieldLabel: gettext('Log burst limit'),
- minValue: 1,
- maxValue: 99,
- value: 5
- }
- ],
-
- onGetValues: function(values) {
- var me = this;
-
- var vals = {};
- vals.enable = values.enable !== undefined ? 1 : 0;
- vals.rate = values.rate + '/' + values.unit;
- vals.burst = values.burst;
- var properties = PVE.Parser.printPropertyString(vals, undefined);
- if (properties == '') {
- return { 'delete': 'log_ratelimit' };
- }
- return { log_ratelimit: properties };
- },
-
- setValues: function(values) {
- var me = this;
-
- var properties = {};
- if (values.log_ratelimit !== undefined) {
- properties = PVE.Parser.parsePropertyString(values.log_ratelimit);
- var matches = properties.rate.match(/^(\d+)\/(second|minute|hour|day)$/);
- if (matches) {
- properties.rate = matches[1];
- properties.unit = matches[2];
- }
- }
- me.callParent([properties]);
- }
-});
-
-Ext.define('PVE.FirewallLograteEdit', {
- extend: 'Proxmox.window.Edit',
- xtype: 'pveFirewallLograteEdit',
-
- subject: gettext('Log rate limit'),
-
- items: [{
- xtype: 'pveFirewallLograteInputPanel'
- }],
- autoLoad: true
-});
-Ext.define('PVE.panel.NotesView', {
- extend: 'Ext.panel.Panel',
- xtype: 'pveNotesView',
-
- title: gettext("Notes"),
- bodyStyle: 'white-space:pre',
- bodyPadding: 10,
- scrollable: true,
-
- tbar: {
- itemId: 'tbar',
- hidden: true,
- items: [
- {
- text: gettext('Edit'),
- handler: function() {
- var me = this.up('panel');
- me.run_editor();
- }
- }
- ]
- },
-
- run_editor: function() {
- var me = this;
- var win = Ext.create('PVE.window.NotesEdit', {
- pveSelNode: me.pveSelNode,
- url: me.url
- });
- win.show();
- win.on('destroy', me.load, me);
- },
-
- load: function() {
- var me = this;
-
- Proxmox.Utils.API2Request({
- url: me.url,
- waitMsgTarget: me,
- failure: function(response, opts) {
- me.update(gettext('Error') + " " + response.htmlStatus);
- },
- success: function(response, opts) {
- var data = response.result.data.description || '';
- me.update(Ext.htmlEncode(data));
- }
- });
- },
-
- listeners: {
- render: function(c) {
- var me = this;
- me.getEl().on('dblclick', me.run_editor, me);
- }
- },
-
- tools: [{
- type: 'gear',
- handler: function() {
- var me = this.up('panel');
- me.run_editor();
- }
- }],
-
- initComponent : function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var type = me.pveSelNode.data.type;
- if (!Ext.Array.contains(['node', 'qemu', 'lxc'], type)) {
- throw 'invalid type specified';
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid && type !== 'node') {
- throw "no VM ID specified";
- }
-
- me.url = '/api2/extjs/nodes/' + nodename + '/';
-
- // add the type specific path if qemu/lxc
- if (type === 'qemu' || type === 'lxc') {
- me.url += type + '/' + vmid + '/';
- }
-
- me.url += 'config';
-
- me.callParent();
- if (type === 'node') {
- me.down('#tbar').setVisible(true);
- }
- me.load();
- }
-});
-Ext.define('PVE.grid.ResourceGrid', {
- extend: 'Ext.grid.GridPanel',
- alias: ['widget.pveResourceGrid'],
-
- border: false,
- defaultSorter: {
- property: 'type',
- direction: 'ASC'
- },
- initComponent : function() {
- var me = this;
-
- var rstore = PVE.data.ResourceStore;
- var sp = Ext.state.Manager.getProvider();
-
- var coldef = rstore.defaultColumns();
-
- var store = Ext.create('Ext.data.Store', {
- model: 'PVEResources',
- sorters: me.defaultSorter,
- proxy: { type: 'memory' }
- });
-
- var textfilter = '';
-
- var textfilter_match = function(item) {
- var match = false;
- Ext.each(['name', 'storage', 'node', 'type', 'text'], function(field) {
- var v = item.data[field];
- if (v !== undefined) {
- v = v.toLowerCase();
- if (v.indexOf(textfilter) >= 0) {
- match = true;
- return false;
- }
- }
- });
- return match;
- };
-
- var updateGrid = function() {
-
- var filterfn = me.viewFilter ? me.viewFilter.filterfn : null;
-
- //console.log("START GRID UPDATE " + me.viewFilter);
-
- store.suspendEvents();
-
- var nodeidx = {};
- var gather_child_nodes = function(cn) {
- if (!cn) {
- return;
- }
- var cs = cn.childNodes;
- if (!cs) {
- return;
- }
- var len = cs.length, i = 0, n, res;
-
- for (; i < len; i++) {
- var child = cs[i];
- var orgnode = rstore.data.get(child.data.id);
- if (orgnode) {
- if ((!filterfn || filterfn(child)) &&
- (!textfilter || textfilter_match(child))) {
- nodeidx[child.data.id] = orgnode;
- }
- }
- gather_child_nodes(child);
- }
- };
- gather_child_nodes(me.pveSelNode);
-
- // remove vanished items
- var rmlist = [];
- store.each(function(olditem) {
- var item = nodeidx[olditem.data.id];
- if (!item) {
- //console.log("GRID REM UID: " + olditem.data.id);
- rmlist.push(olditem);
- }
- });
-
- if (rmlist.length) {
- store.remove(rmlist);
- }
-
- // add new items
- var addlist = [];
- var key;
- for (key in nodeidx) {
- if (nodeidx.hasOwnProperty(key)) {
- var item = nodeidx[key];
-
- // getById() use find(), which is slow (ExtJS4 DP5)
- //var olditem = store.getById(item.data.id);
- var olditem = store.data.get(item.data.id);
-
- if (!olditem) {
- //console.log("GRID ADD UID: " + item.data.id);
- var info = Ext.apply({}, item.data);
- var child = Ext.create(store.model, info);
- addlist.push(item);
- continue;
- }
- // try to detect changes
- var changes = false;
- var fieldkeys = PVE.data.ResourceStore.fieldNames;
- var fieldcount = fieldkeys.length;
- var fieldind;
- for (fieldind = 0; fieldind < fieldcount; fieldind++) {
- var field = fieldkeys[fieldind];
- if (field != 'id' && item.data[field] != olditem.data[field]) {
- changes = true;
- //console.log("changed item " + item.id + " " + field + " " + item.data[field] + " != " + olditem.data[field]);
- olditem.beginEdit();
- olditem.set(field, item.data[field]);
- }
- }
- if (changes) {
- olditem.endEdit(true);
- olditem.commit(true);
- }
- }
- }
-
- if (addlist.length) {
- store.add(addlist);
- }
-
- store.sort();
-
- store.resumeEvents();
-
- store.fireEvent('refresh', store);
-
- //console.log("END GRID UPDATE");
- };
-
- var filter_task = new Ext.util.DelayedTask(function(){
- updateGrid();
- });
-
- var load_cb = function() {
- updateGrid();
- };
-
- Ext.apply(me, {
- store: store,
- stateful: true,
- stateId: 'grid-resource',
- tbar: [
- '->',
- gettext('Search') + ':', ' ',
- {
- xtype: 'textfield',
- width: 200,
- value: textfilter,
- enableKeyEvents: true,
- listeners: {
- keyup: function(field, e) {
- var v = field.getValue();
- textfilter = v.toLowerCase();
- filter_task.delay(500);
- }
- }
- }
- ],
- viewConfig: {
- stripeRows: true
- },
- listeners: {
- itemcontextmenu: PVE.Utils.createCmdMenu,
- itemdblclick: function(v, record) {
- var ws = me.up('pveStdWorkspace');
- ws.selectById(record.data.id);
- },
- destroy: function() {
- rstore.un("load", load_cb);
- }
- },
- columns: coldef
- });
- me.callParent();
- updateGrid();
- rstore.on("load", load_cb);
- }
-});
-Ext.define('PVE.pool.AddVM', {
- extend: 'Proxmox.window.Edit',
- width: 600,
- height: 400,
- isAdd: true,
- isCreate: true,
- initComponent : function() {
-
- var me = this;
-
- if (!me.pool) {
- throw "no pool specified";
- }
-
- me.url = "/pools/" + me.pool;
- me.method = 'PUT';
-
- var vmsField = Ext.create('Ext.form.field.Text', {
- name: 'vms',
- hidden: true,
- allowBlank: false
- });
-
- var vmStore = Ext.create('Ext.data.Store', {
- model: 'PVEResources',
- sorters: [
- {
- property: 'vmid',
- order: 'ASC'
- }
- ],
- filters: [
- function(item) {
- return ((item.data.type === 'lxc' || item.data.type === 'qemu') && item.data.pool === '');
- }
- ]
- });
-
- var vmGrid = Ext.create('widget.grid',{
- store: vmStore,
- border: true,
- height: 300,
- scrollable: true,
- selModel: {
- selType: 'checkboxmodel',
- mode: 'SIMPLE',
- listeners: {
- selectionchange: function(model, selected, opts) {
- var selectedVms = [];
- selected.forEach(function(vm) {
- selectedVms.push(vm.data.vmid);
- });
- vmsField.setValue(selectedVms);
- }
- }
- },
- columns: [
- {
- header: 'ID',
- dataIndex: 'vmid',
- width: 60
- },
- {
- header: gettext('Node'),
- dataIndex: 'node'
- },
- {
- header: gettext('Status'),
- dataIndex: 'uptime',
- renderer: function(value) {
- if (value) {
- return Proxmox.Utils.runningText;
- } else {
- return Proxmox.Utils.stoppedText;
- }
- }
- },
- {
- header: gettext('Name'),
- dataIndex: 'name',
- flex: 1
- },
- {
- header: gettext('Type'),
- dataIndex: 'type'
- }
- ]
- });
- Ext.apply(me, {
- subject: gettext('Virtual Machine'),
- items: [ vmsField, vmGrid ]
- });
-
- me.callParent();
- vmStore.load();
- }
-});
-
-Ext.define('PVE.pool.AddStorage', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
-
- var me = this;
-
- if (!me.pool) {
- throw "no pool specified";
- }
-
- me.isCreate = true;
- me.isAdd = true;
- me.url = "/pools/" + me.pool;
- me.method = 'PUT';
-
- Ext.apply(me, {
- subject: gettext('Storage'),
- width: 350,
- items: [
- {
- xtype: 'pveStorageSelector',
- name: 'storage',
- nodename: 'localhost',
- autoSelect: false,
- value: '',
- fieldLabel: gettext("Storage")
- }
- ]
- });
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.grid.PoolMembers', {
- extend: 'Ext.grid.GridPanel',
- alias: ['widget.pvePoolMembers'],
-
- // fixme: dynamic status update ?
-
- stateful: true,
- stateId: 'grid-pool-members',
-
- initComponent : function() {
- var me = this;
-
- if (!me.pool) {
- throw "no pool specified";
- }
-
- var store = Ext.create('Ext.data.Store', {
- model: 'PVEResources',
- sorters: [
- {
- property : 'type',
- direction: 'ASC'
- }
- ],
- proxy: {
- type: 'proxmox',
- root: 'data.members',
- url: "/api2/json/pools/" + me.pool
- }
- });
-
- var coldef = PVE.data.ResourceStore.defaultColumns();
-
- var reload = function() {
- store.load();
- };
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var remove_btn = new Proxmox.button.Button({
- text: gettext('Remove'),
- disabled: true,
- selModel: sm,
- confirmMsg: function (rec) {
- return Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
- "'" + rec.data.id + "'");
- },
- handler: function(btn, event, rec) {
- var params = { 'delete': 1 };
- if (rec.data.type === 'storage') {
- params.storage = rec.data.storage;
- } else if (rec.data.type === 'qemu' || rec.data.type === 'lxc' || rec.data.type === 'openvz') {
- params.vms = rec.data.vmid;
- } else {
- throw "unknown resource type";
- }
-
- Proxmox.Utils.API2Request({
- url: '/pools/' + me.pool,
- method: 'PUT',
- params: params,
- waitMsgTarget: me,
- callback: function() {
- reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- }
- });
- }
- });
-
- Ext.apply(me, {
- store: store,
- selModel: sm,
- tbar: [
- {
- text: gettext('Add'),
- menu: new Ext.menu.Menu({
- items: [
- {
- text: gettext('Virtual Machine'),
- iconCls: 'pve-itype-icon-qemu',
- handler: function() {
- var win = Ext.create('PVE.pool.AddVM', { pool: me.pool });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('Storage'),
- iconCls: 'pve-itype-icon-storage',
- handler: function() {
- var win = Ext.create('PVE.pool.AddStorage', { pool: me.pool });
- win.on('destroy', reload);
- win.show();
- }
- }
- ]
- })
- },
- remove_btn
- ],
- viewConfig: {
- stripeRows: true
- },
- columns: coldef,
- listeners: {
- itemcontextmenu: PVE.Utils.createCmdMenu,
- itemdblclick: function(v, record) {
- var ws = me.up('pveStdWorkspace');
- ws.selectById(record.data.id);
- },
- activate: reload
- }
- });
-
- me.callParent();
- }
-});
-Ext.define('PVE.form.FWMacroSelector', {
- extend: 'Proxmox.form.ComboGrid',
- alias: 'widget.pveFWMacroSelector',
- allowBlank: true,
- autoSelect: false,
- valueField: 'macro',
- displayField: 'macro',
- listConfig: {
- columns: [
- {
- header: gettext('Macro'),
- dataIndex: 'macro',
- hideable: false,
- width: 100
- },
- {
- header: gettext('Description'),
- renderer: Ext.String.htmlEncode,
- flex: 1,
- dataIndex: 'descr'
- }
- ]
- },
- initComponent: function() {
- var me = this;
-
- var store = Ext.create('Ext.data.Store', {
- autoLoad: true,
- fields: [ 'macro', 'descr' ],
- idProperty: 'macro',
- proxy: {
- type: 'proxmox',
- url: "/api2/json/cluster/firewall/macros"
- },
- sorters: {
- property: 'macro',
- order: 'DESC'
- }
- });
-
- Ext.apply(me, {
- store: store
- });
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.FirewallRulePanel', {
- extend: 'Proxmox.panel.InputPanel',
-
- allow_iface: false,
-
- list_refs_url: undefined,
-
- onGetValues: function(values) {
- var me = this;
-
- // hack: editable ComboGrid returns nothing when empty, so we need to set ''
- // Also, disabled text fields return nothing, so we need to set ''
-
- Ext.Array.each(['source', 'dest', 'macro', 'proto', 'sport', 'dport', 'log'], function(key) {
- if (values[key] === undefined) {
- values[key] = '';
- }
- });
-
- delete values.modified_marker;
-
- return values;
- },
-
- initComponent : function() {
- var me = this;
-
- if (!me.list_refs_url) {
- throw "no list_refs_url specified";
- }
-
- me.column1 = [
- {
- // hack: we use this field to mark the form 'dirty' when the
- // record has errors- so that the user can safe the unmodified
- // form again.
- xtype: 'hiddenfield',
- name: 'modified_marker',
- value: ''
- },
- {
- xtype: 'proxmoxKVComboBox',
- name: 'type',
- value: 'in',
- comboItems: [['in', 'in'], ['out', 'out']],
- fieldLabel: gettext('Direction'),
- allowBlank: false
- },
- {
- xtype: 'proxmoxKVComboBox',
- name: 'action',
- value: 'ACCEPT',
- comboItems: [['ACCEPT', 'ACCEPT'], ['DROP', 'DROP'], ['REJECT', 'REJECT']],
- fieldLabel: gettext('Action'),
- allowBlank: false
- }
- ];
-
- if (me.allow_iface) {
- me.column1.push({
- xtype: 'proxmoxtextfield',
- name: 'iface',
- deleteEmpty: !me.isCreate,
- value: '',
- fieldLabel: gettext('Interface')
- });
- } else {
- me.column1.push({
- xtype: 'displayfield',
- fieldLabel: '',
- value: ''
- });
- }
-
- me.column1.push(
- {
- xtype: 'displayfield',
- fieldLabel: '',
- height: 7,
- value: ''
- },
- {
- xtype: 'pveIPRefSelector',
- name: 'source',
- autoSelect: false,
- editable: true,
- base_url: me.list_refs_url,
- value: '',
- fieldLabel: gettext('Source')
-
- },
- {
- xtype: 'pveIPRefSelector',
- name: 'dest',
- autoSelect: false,
- editable: true,
- base_url: me.list_refs_url,
- value: '',
- fieldLabel: gettext('Destination')
- }
- );
-
-
- me.column2 = [
- {
- xtype: 'proxmoxcheckbox',
- name: 'enable',
- checked: false,
- uncheckedValue: 0,
- fieldLabel: gettext('Enable')
- },
- {
- xtype: 'pveFWMacroSelector',
- name: 'macro',
- fieldLabel: gettext('Macro'),
- editable: true,
- allowBlank: true,
- listeners: {
- change: function(f, value) {
- if (value === null) {
- me.down('field[name=proto]').setDisabled(false);
- me.down('field[name=sport]').setDisabled(false);
- me.down('field[name=dport]').setDisabled(false);
- } else {
- me.down('field[name=proto]').setDisabled(true);
- me.down('field[name=proto]').setValue('');
- me.down('field[name=sport]').setDisabled(true);
- me.down('field[name=sport]').setValue('');
- me.down('field[name=dport]').setDisabled(true);
- me.down('field[name=dport]').setValue('');
- }
- }
- }
- },
- {
- xtype: 'pveIPProtocolSelector',
- name: 'proto',
- autoSelect: false,
- editable: true,
- value: '',
- fieldLabel: gettext('Protocol')
- },
- {
- xtype: 'displayfield',
- fieldLabel: '',
- height: 7,
- value: ''
- },
- {
- xtype: 'textfield',
- name: 'sport',
- value: '',
- fieldLabel: gettext('Source port')
- },
- {
- xtype: 'textfield',
- name: 'dport',
- value: '',
- fieldLabel: gettext('Dest. port')
- }
- ];
-
- me.advancedColumn1 = [
- {
- xtype: 'pveFirewallLogLevels'
- }
- ];
-
- me.columnB = [
- {
- xtype: 'textfield',
- name: 'comment',
- value: '',
- fieldLabel: gettext('Comment')
- }
- ];
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.FirewallRuleEdit', {
- extend: 'Proxmox.window.Edit',
-
- base_url: undefined,
- list_refs_url: undefined,
-
- allow_iface: false,
-
- initComponent : function() {
-
- var me = this;
-
- if (!me.base_url) {
- throw "no base_url specified";
- }
- if (!me.list_refs_url) {
- throw "no list_refs_url specified";
- }
-
- me.isCreate = (me.rule_pos === undefined);
-
- if (me.isCreate) {
- me.url = '/api2/extjs' + me.base_url;
- me.method = 'POST';
- } else {
- me.url = '/api2/extjs' + me.base_url + '/' + me.rule_pos.toString();
- me.method = 'PUT';
- }
-
- var ipanel = Ext.create('PVE.FirewallRulePanel', {
- isCreate: me.isCreate,
- list_refs_url: me.list_refs_url,
- allow_iface: me.allow_iface,
- rule_pos: me.rule_pos
- });
-
- Ext.apply(me, {
- subject: gettext('Rule'),
- isAdd: true,
- items: [ ipanel ]
- });
-
- me.callParent();
-
- if (!me.isCreate) {
- me.load({
- success: function(response, options) {
- var values = response.result.data;
- ipanel.setValues(values);
- if (values.errors) {
- var field = me.query('[isFormField][name=modified_marker]')[0];
- field.setValue(1);
- Ext.Function.defer(function() {
- var form = ipanel.up('form').getForm();
- form.markInvalid(values.errors);
- }, 100);
- }
- }
- });
- } else if (me.rec) {
- ipanel.setValues(me.rec.data);
- }
- }
-});
-
-Ext.define('PVE.FirewallGroupRuleEdit', {
- extend: 'Proxmox.window.Edit',
-
- base_url: undefined,
-
- allow_iface: false,
-
- initComponent : function() {
-
- var me = this;
-
- me.isCreate = (me.rule_pos === undefined);
-
- if (me.isCreate) {
- me.url = '/api2/extjs' + me.base_url;
- me.method = 'POST';
- } else {
- me.url = '/api2/extjs' + me.base_url + '/' + me.rule_pos.toString();
- me.method = 'PUT';
- }
-
- var column1 = [
- {
- xtype: 'hiddenfield',
- name: 'type',
- value: 'group'
- },
- {
- xtype: 'pveSecurityGroupsSelector',
- name: 'action',
- value: '',
- fieldLabel: gettext('Security Group'),
- allowBlank: false
- }
- ];
-
- if (me.allow_iface) {
- column1.push({
- xtype: 'proxmoxtextfield',
- name: 'iface',
- deleteEmpty: !me.isCreate,
- value: '',
- fieldLabel: gettext('Interface')
- });
- }
-
- var ipanel = Ext.create('Proxmox.panel.InputPanel', {
- isCreate: me.isCreate,
- column1: column1,
- column2: [
- {
- xtype: 'proxmoxcheckbox',
- name: 'enable',
- checked: false,
- uncheckedValue: 0,
- fieldLabel: gettext('Enable')
- }
- ],
- columnB: [
- {
- xtype: 'textfield',
- name: 'comment',
- value: '',
- fieldLabel: gettext('Comment')
- }
- ]
- });
-
- Ext.apply(me, {
- subject: gettext('Rule'),
- isAdd: true,
- items: [ ipanel ]
- });
-
- me.callParent();
-
- if (!me.isCreate) {
- me.load({
- success: function(response, options) {
- var values = response.result.data;
- ipanel.setValues(values);
- }
- });
- }
- }
-});
-
-Ext.define('PVE.FirewallRules', {
- extend: 'Ext.grid.Panel',
- alias: 'widget.pveFirewallRules',
-
- onlineHelp: 'chapter_pve_firewall',
-
- stateful: true,
- stateId: 'grid-firewall-rules',
-
- base_url: undefined,
- list_refs_url: undefined,
-
- addBtn: undefined,
- removeBtn: undefined,
- editBtn: undefined,
- groupBtn: undefined,
-
- tbar_prefix: undefined,
-
- allow_groups: true,
- allow_iface: false,
-
- setBaseUrl: function(url) {
- var me = this;
-
- me.base_url = url;
-
- if (url === undefined) {
- me.addBtn.setDisabled(true);
- if (me.groupBtn) {
- me.groupBtn.setDisabled(true);
- }
- me.store.removeAll();
- } else {
- me.addBtn.setDisabled(false);
- me.removeBtn.baseurl = url + '/';
- if (me.groupBtn) {
- me.groupBtn.setDisabled(false);
- }
- me.store.setProxy({
- type: 'proxmox',
- url: '/api2/json' + url
- });
-
- me.store.load();
- }
- },
-
- moveRule: function(from, to) {
- var me = this;
-
- if (!me.base_url) {
- return;
- }
-
- Proxmox.Utils.API2Request({
- url: me.base_url + "/" + from,
- method: 'PUT',
- params: { moveto: to },
- waitMsgTarget: me,
- failure: function(response, options) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- callback: function() {
- me.store.load();
- }
- });
- },
-
- updateRule: function(rule) {
- var me = this;
-
- if (!me.base_url) {
- return;
- }
-
- rule.enable = rule.enable ? 1 : 0;
-
- var pos = rule.pos;
- delete rule.pos;
- delete rule.errors;
-
- Proxmox.Utils.API2Request({
- url: me.base_url + '/' + pos.toString(),
- method: 'PUT',
- params: rule,
- waitMsgTarget: me,
- failure: function(response, options) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- callback: function() {
- me.store.load();
- }
- });
- },
-
-
- initComponent: function() {
- /*jslint confusion: true */
- var me = this;
-
- if (!me.list_refs_url) {
- throw "no list_refs_url specified";
- }
-
- var store = Ext.create('Ext.data.Store',{
- model: 'pve-fw-rule'
- });
-
- var reload = function() {
- store.load();
- };
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var type = rec.data.type;
-
- var editor;
- if (type === 'in' || type === 'out') {
- editor = 'PVE.FirewallRuleEdit';
- } else if (type === 'group') {
- editor = 'PVE.FirewallGroupRuleEdit';
- } else {
- return;
- }
-
- var win = Ext.create(editor, {
- digest: rec.data.digest,
- allow_iface: me.allow_iface,
- base_url: me.base_url,
- list_refs_url: me.list_refs_url,
- rule_pos: rec.data.pos
- });
-
- win.show();
- win.on('destroy', reload);
- };
-
- me.editBtn = Ext.create('Proxmox.button.Button',{
- text: gettext('Edit'),
- disabled: true,
- selModel: sm,
- handler: run_editor
- });
-
- me.addBtn = Ext.create('Ext.Button', {
- text: gettext('Add'),
- disabled: true,
- handler: function() {
- var win = Ext.create('PVE.FirewallRuleEdit', {
- allow_iface: me.allow_iface,
- base_url: me.base_url,
- list_refs_url: me.list_refs_url
- });
- win.on('destroy', reload);
- win.show();
- }
- });
-
- var run_copy_editor = function() {
- var rec = sm.getSelection()[0];
-
- if (!rec) {
- return;
- }
- var type = rec.data.type;
-
-
- if (!(type === 'in' || type === 'out')) {
- return;
- }
-
- var win = Ext.create('PVE.FirewallRuleEdit', {
- allow_iface: me.allow_iface,
- base_url: me.base_url,
- list_refs_url: me.list_refs_url,
- rec: rec
- });
-
- win.show();
- win.on('destroy', reload);
- };
-
- me.copyBtn = Ext.create('Proxmox.button.Button',{
- text: gettext('Copy'),
- selModel: sm,
- enableFn: function(rec) {
- return (rec.data.type === 'in' || rec.data.type === 'out');
- },
- disabled: true,
- handler: run_copy_editor
- });
-
- if (me.allow_groups) {
- me.groupBtn = Ext.create('Ext.Button', {
- text: gettext('Insert') + ': ' +
- gettext('Security Group'),
- disabled: true,
- handler: function() {
- var win = Ext.create('PVE.FirewallGroupRuleEdit', {
- allow_iface: me.allow_iface,
- base_url: me.base_url
- });
- win.on('destroy', reload);
- win.show();
- }
- });
- }
-
- me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton',{
- selModel: sm,
- baseurl: me.base_url + '/',
- confirmMsg: false,
- getRecordName: function(rec) {
- var rule = rec.data;
- return rule.pos.toString() +
- '?digest=' + encodeURIComponent(rule.digest);
- },
- callback: function() {
- me.store.load();
- }
- });
-
- var tbar = me.tbar_prefix ? [ me.tbar_prefix ] : [];
- tbar.push(me.addBtn, me.copyBtn);
- if (me.groupBtn) {
- tbar.push(me.groupBtn);
- }
- tbar.push(me.removeBtn, me.editBtn);
-
- var render_errors = function(name, value, metaData, record) {
- var errors = record.data.errors;
- if (errors && errors[name]) {
- metaData.tdCls = 'proxmox-invalid-row';
- var html = '' + Ext.htmlEncode(errors[name]) + '
'; - metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + - html.replace(/\"/g,'"') + '"'; - } - return value; - }; - - var columns = [ - { - // similar to xtype: 'rownumberer', - dataIndex: 'pos', - resizable: false, - width: 23, - sortable: false, - align: 'right', - hideable: false, - menuDisabled: true, - renderer: function(value, metaData, record, rowIdx, colIdx, store) { - metaData.tdCls = Ext.baseCSSPrefix + 'grid-cell-special'; - if (value >= 0) { - return value; - } - return ''; - } - }, - { - xtype: 'checkcolumn', - header: gettext('Enable'), - dataIndex: 'enable', - listeners: { - checkchange: function(column, recordIndex, checked) { - var record = me.getStore().getData().items[recordIndex]; - record.commit(); - var data = {}; - Ext.Array.forEach(record.getFields(), function(field) { - data[field.name] = record.get(field.name); - }); - if (!me.allow_iface || !data.iface) { - delete data.iface; - } - me.updateRule(data); - } - }, - width: 50 - }, - { - header: gettext('Type'), - dataIndex: 'type', - renderer: function(value, metaData, record) { - return render_errors('type', value, metaData, record); - }, - width: 50 - }, - { - header: gettext('Action'), - dataIndex: 'action', - renderer: function(value, metaData, record) { - return render_errors('action', value, metaData, record); - }, - width: 80 - }, - { - header: gettext('Macro'), - dataIndex: 'macro', - renderer: function(value, metaData, record) { - return render_errors('macro', value, metaData, record); - }, - width: 80 - } - ]; - - if (me.allow_iface) { - columns.push({ - header: gettext('Interface'), - dataIndex: 'iface', - renderer: function(value, metaData, record) { - return render_errors('iface', value, metaData, record); - }, - width: 80 - }); - } - - columns.push( - { - header: gettext('Source'), - dataIndex: 'source', - renderer: function(value, metaData, record) { - return render_errors('source', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Destination'), - dataIndex: 'dest', - renderer: function(value, metaData, record) { - return render_errors('dest', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Protocol'), - dataIndex: 'proto', - renderer: function(value, metaData, record) { - return render_errors('proto', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Dest. port'), - dataIndex: 'dport', - renderer: function(value, metaData, record) { - return render_errors('dport', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Source port'), - dataIndex: 'sport', - renderer: function(value, metaData, record) { - return render_errors('sport', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Log level'), - dataIndex: 'log', - renderer: function(value, metaData, record) { - return render_errors('log', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Comment'), - dataIndex: 'comment', - flex: 1, - renderer: function(value, metaData, record) { - return render_errors('comment', Ext.util.Format.htmlEncode(value), metaData, record); - } - } - ); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: tbar, - viewConfig: { - plugins: [ - { - ptype: 'gridviewdragdrop', - dragGroup: 'FWRuleDDGroup', - dropGroup: 'FWRuleDDGroup' - } - ], - listeners: { - beforedrop: function(node, data, dropRec, dropPosition) { - if (!dropRec) { - return false; // empty view - } - var moveto = dropRec.get('pos'); - if (dropPosition === 'after') { - moveto++; - } - var pos = data.records[0].get('pos'); - me.moveRule(pos, moveto); - return 0; - }, - itemdblclick: run_editor - } - }, - sortableColumns: false, - columns: columns - }); - - me.callParent(); - - if (me.base_url) { - me.setBaseUrl(me.base_url); // load - } - } -}, function() { - - Ext.define('pve-fw-rule', { - extend: 'Ext.data.Model', - fields: [ { name: 'enable', type: 'boolean' }, - 'type', 'action', 'macro', 'source', 'dest', 'proto', 'iface', - 'dport', 'sport', 'comment', 'pos', 'digest', 'errors' ], - idProperty: 'pos' - }); - -}); -Ext.define('PVE.FirewallAliasEdit', { - extend: 'Proxmox.window.Edit', - - base_url: undefined, - - alias_name: undefined, - - initComponent : function() { - - var me = this; - - me.isCreate = (me.alias_name === undefined); - - if (me.isCreate) { - me.url = '/api2/extjs' + me.base_url; - me.method = 'POST'; - } else { - me.url = '/api2/extjs' + me.base_url + '/' + me.alias_name; - me.method = 'PUT'; - } - - var items = [ - { - xtype: 'textfield', - name: me.isCreate ? 'name' : 'rename', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'textfield', - name: 'cidr', - fieldLabel: gettext('IP/CIDR'), - allowBlank: false - }, - { - xtype: 'textfield', - name: 'comment', - fieldLabel: gettext('Comment') - } - ]; - - var ipanel = Ext.create('Proxmox.panel.InputPanel', { - isCreate: me.isCreate, - items: items - }); - - Ext.apply(me, { - subject: gettext('Alias'), - isAdd: true, - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - values.rename = values.name; - ipanel.setValues(values); - } - }); - } - } -}); - -Ext.define('pve-fw-aliases', { - extend: 'Ext.data.Model', - - fields: [ 'name', 'cidr', 'comment', 'digest' ], - idProperty: 'name' -}); - -Ext.define('PVE.FirewallAliases', { - extend: 'Ext.grid.Panel', - alias: ['widget.pveFirewallAliases'], - - onlineHelp: 'pve_firewall_ip_aliases', - - stateful: true, - stateId: 'grid-firewall-aliases', - - base_url: undefined, - - title: gettext('Alias'), - - initComponent : function() { - - var me = this; - - if (!me.base_url) { - throw "missing base_url configuration"; - } - - var store = new Ext.data.Store({ - model: 'pve-fw-aliases', - proxy: { - type: 'proxmox', - url: "/api2/json" + me.base_url - }, - sorters: { - property: 'name', - order: 'DESC' - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var reload = function() { - var oldrec = sm.getSelection()[0]; - store.load(function(records, operation, success) { - if (oldrec) { - var rec = store.findRecord('name', oldrec.data.name); - if (rec) { - sm.select(rec); - } - } - }); - }; - - var run_editor = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var win = Ext.create('PVE.FirewallAliasEdit', { - base_url: me.base_url, - alias_name: rec.data.name - }); - - win.show(); - win.on('destroy', reload); - }; - - me.editBtn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - handler: run_editor - }); - - me.addBtn = Ext.create('Ext.Button', { - text: gettext('Add'), - handler: function() { - var win = Ext.create('PVE.FirewallAliasEdit', { - base_url: me.base_url - }); - win.on('destroy', reload); - win.show(); - } - }); - - me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - baseurl: me.base_url + '/', - callback: reload - }); - - - Ext.apply(me, { - store: store, - tbar: [ me.addBtn, me.removeBtn, me.editBtn ], - selModel: sm, - columns: [ - { header: gettext('Name'), dataIndex: 'name', width: 100 }, - { header: gettext('IP/CIDR'), dataIndex: 'cidr', width: 100 }, - { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 } - ], - listeners: { - itemdblclick: run_editor - } - }); - - me.callParent(); - me.on('activate', reload); - } -}); -Ext.define('PVE.FirewallOptions', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pveFirewallOptions'], - - fwtype: undefined, // 'dc', 'node' or 'vm' - - base_url: undefined, - - initComponent : function() { - /*jslint confusion: true */ - - var me = this; - - if (!me.base_url) { - throw "missing base_url configuration"; - } - - if (me.fwtype === 'dc' || me.fwtype === 'node' || me.fwtype === 'vm') { - if (me.fwtype === 'node') { - me.cwidth1 = 250; - } - } else { - throw "unknown firewall option type"; - } - - me.rows = {}; - - var add_boolean_row = function(name, text, defaultValue) { - me.add_boolean_row(name, text, { defaultValue: defaultValue }); - }; - var add_integer_row = function(name, text, minValue, labelWidth) { - me.add_integer_row(name, text, { - minValue: minValue, - deleteEmpty: true, - labelWidth: labelWidth, - renderer: function(value) { - if (value === undefined) { - return Proxmox.Utils.defaultText; - } - - return value; - } - }); - }; - - var add_log_row = function(name, labelWidth) { - me.rows[name] = { - header: name, - required: true, - defaultValue: 'nolog', - editor: { - xtype: 'proxmoxWindowEdit', - subject: name, - fieldDefaults: { labelWidth: labelWidth || 100 }, - items: { - xtype: 'pveFirewallLogLevels', - name: name, - fieldLabel: name - } - } - }; - }; - - if (me.fwtype === 'node') { - me.rows.enable = { - required: true, - defaultValue: 1, - header: gettext('Firewall'), - renderer: Proxmox.Utils.format_boolean, - editor: { - xtype: 'pveFirewallEnableEdit', - defaultValue: 1 - } - }; - add_boolean_row('nosmurfs', gettext('SMURFS filter'), 1); - add_boolean_row('tcpflags', gettext('TCP flags filter'), 0); - add_boolean_row('ndp', 'NDP', 1); - add_integer_row('nf_conntrack_max', 'nf_conntrack_max', 32768, 120); - add_integer_row('nf_conntrack_tcp_timeout_established', - 'nf_conntrack_tcp_timeout_established', 7875, 250); - add_log_row('log_level_in'); - add_log_row('log_level_out'); - add_log_row('tcp_flags_log_level', 120); - add_log_row('smurf_log_level'); - } else if (me.fwtype === 'vm') { - me.rows.enable = { - required: true, - defaultValue: 0, - header: gettext('Firewall'), - renderer: Proxmox.Utils.format_boolean, - editor: { - xtype: 'pveFirewallEnableEdit', - defaultValue: 0 - } - }; - add_boolean_row('dhcp', 'DHCP', 1); - add_boolean_row('ndp', 'NDP', 1); - add_boolean_row('radv', gettext('Router Advertisement'), 0); - add_boolean_row('macfilter', gettext('MAC filter'), 1); - add_boolean_row('ipfilter', gettext('IP filter'), 0); - add_log_row('log_level_in'); - add_log_row('log_level_out'); - } else if (me.fwtype === 'dc') { - add_boolean_row('enable', gettext('Firewall'), 0); - add_boolean_row('ebtables', 'ebtables', 1); - me.rows.log_ratelimit = { - header: gettext('Log rate limit'), - required: true, - defaultValue: 'enable=0', - editor: { - xtype: 'pveFirewallLograteEdit' - } - }; - } - - if (me.fwtype === 'dc' || me.fwtype === 'vm') { - me.rows.policy_in = { - header: gettext('Input Policy'), - required: true, - defaultValue: 'DROP', - editor: { - xtype: 'proxmoxWindowEdit', - subject: gettext('Input Policy'), - items: { - xtype: 'pveFirewallPolicySelector', - name: 'policy_in', - value: 'DROP', - fieldLabel: gettext('Input Policy') - } - } - }; - - me.rows.policy_out = { - header: gettext('Output Policy'), - required: true, - defaultValue: 'ACCEPT', - editor: { - xtype: 'proxmoxWindowEdit', - subject: gettext('Output Policy'), - items: { - xtype: 'pveFirewallPolicySelector', - name: 'policy_out', - value: 'ACCEPT', - fieldLabel: gettext('Output Policy') - } - } - }; - } - - var edit_btn = new Ext.Button({ - text: gettext('Edit'), - disabled: true, - handler: function() { me.run_editor(); } - }); - - var set_button_status = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - - if (!rec) { - edit_btn.disable(); - return; - } - var rowdef = me.rows[rec.data.key]; - edit_btn.setDisabled(!rowdef.editor); - }; - - Ext.apply(me, { - url: "/api2/json" + me.base_url, - tbar: [ edit_btn ], - editorConfig: { - url: '/api2/extjs/' + me.base_url - }, - listeners: { - itemdblclick: me.run_editor, - selectionchange: set_button_status - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('destroy', me.rstore.stopUpdate); - me.on('deactivate', me.rstore.stopUpdate); - } -}); - - -Ext.define('PVE.FirewallLogLevels', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveFirewallLogLevels'], - - name: 'log', - fieldLabel: gettext('Log level'), - value: 'nolog', - comboItems: [['nolog', 'nolog'], ['emerg', 'emerg'], ['alert', 'alert'], - ['crit', 'crit'], ['err', 'err'], ['warning', 'warning'], - ['notice', 'notice'], ['info', 'info'], ['debug', 'debug']] -}); -/* - * Left Treepanel, containing all the ressources we manage in this datacenter: server nodes, server storages, VMs and Containers - */ -Ext.define('PVE.tree.ResourceTree', { - extend: 'Ext.tree.TreePanel', - alias: ['widget.pveResourceTree'], - - statics: { - typeDefaults: { - node: { - iconCls: 'fa fa-building', - text: gettext('Nodes') - }, - pool: { - iconCls: 'fa fa-tags', - text: gettext('Resource Pool') - }, - storage: { - iconCls: 'fa fa-database', - text: gettext('Storage') - }, - qemu: { - iconCls: 'fa fa-desktop', - text: gettext('Virtual Machine') - }, - lxc: { - //iconCls: 'x-tree-node-lxc', - iconCls: 'fa fa-cube', - text: gettext('LXC Container') - }, - template: { - iconCls: 'fa fa-file-o' - } - } - }, - - useArrows: true, - - // private - nodeSortFn: function(node1, node2) { - var n1 = node1.data; - var n2 = node2.data; - - if ((n1.groupbyid && n2.groupbyid) || - !(n1.groupbyid || n2.groupbyid)) { - - var tcmp; - - var v1 = n1.type; - var v2 = n2.type; - - if ((tcmp = v1 > v2 ? 1 : (v1 < v2 ? -1 : 0)) != 0) { - return tcmp; - } - - // numeric compare for VM IDs - // sort templates after regular VMs - if (v1 === 'qemu' || v1 === 'lxc') { - if (n1.template && !n2.template) { - return 1; - } else if (n2.template && !n1.template) { - return -1; - } - v1 = n1.vmid; - v2 = n2.vmid; - if ((tcmp = v1 > v2 ? 1 : (v1 < v2 ? -1 : 0)) != 0) { - return tcmp; - } - } - - return n1.id > n2.id ? 1 : (n1.id < n2.id ? -1 : 0); - } else if (n1.groupbyid) { - return -1; - } else if (n2.groupbyid) { - return 1; - } - }, - - // private: fast binary search - findInsertIndex: function(node, child, start, end) { - var me = this; - - var diff = end - start; - - var mid = start + (diff>>1); - - if (diff <= 0) { - return start; - } - - var res = me.nodeSortFn(child, node.childNodes[mid]); - if (res <= 0) { - return me.findInsertIndex(node, child, start, mid); - } else { - return me.findInsertIndex(node, child, mid + 1, end); - } - }, - - setIconCls: function(info) { - var me = this; - - var cls = PVE.Utils.get_object_icon_class(info.type, info); - - if (cls !== '') { - info.iconCls = cls; - } - }, - - // add additional elements to text - // at the moment only the usage indicator for storages - setText: function(info) { - var me = this; - - var status = ''; - if (info.type === 'storage') { - var maxdisk = info.maxdisk; - var disk = info.disk; - var usage = disk/maxdisk; - var cls = ''; - if (usage <= 1.0 && usage >= 0.0) { - var height = (usage*100).toFixed(0); - var neg_height = (100-usage*100).toFixed(0); - status = '';
- status += '';
- status += '';
- status += '
';
- }
- }
-
- info.text = status + info.text;
- },
-
- setToolTip: function(info) {
- if (info.type === 'pool' || info.groupbyid !== undefined) {
- return;
- }
-
- var qtips = [gettext('Status') + ': ' + (info.qmpstatus || info.status)];
- if (info.hastate != 'unmanaged') {
- qtips.push(gettext('HA State') + ": " + info.hastate);
- }
-
- info.qtip = qtips.join(', ');
- },
-
- // private
- addChildSorted: function(node, info) {
- var me = this;
-
- me.setIconCls(info);
- me.setText(info);
- me.setToolTip(info);
-
- var defaults;
- if (info.groupbyid) {
- info.text = info.groupbyid;
- if (info.type === 'type') {
- defaults = PVE.tree.ResourceTree.typeDefaults[info.groupbyid];
- if (defaults && defaults.text) {
- info.text = defaults.text;
- }
- }
- }
- var child = Ext.create('PVETree', info);
-
- var cs = node.childNodes;
- var pos;
- if (cs) {
- pos = cs[me.findInsertIndex(node, child, 0, cs.length)];
- }
-
- node.insertBefore(child, pos);
-
- return child;
- },
-
- // private
- groupChild: function(node, info, groups, level) {
- var me = this;
-
- var groupby = groups[level];
- var v = info[groupby];
-
- if (v) {
- var group = node.findChild('groupbyid', v);
- if (!group) {
- var groupinfo;
- if (info.type === groupby) {
- groupinfo = info;
- } else {
- groupinfo = {
- type: groupby,
- id : groupby + "/" + v
- };
- if (groupby !== 'type') {
- groupinfo[groupby] = v;
- }
- }
- groupinfo.leaf = false;
- groupinfo.groupbyid = v;
- group = me.addChildSorted(node, groupinfo);
- }
- if (info.type === groupby) {
- return group;
- }
- if (group) {
- return me.groupChild(group, info, groups, level + 1);
- }
- }
-
- return me.addChildSorted(node, info);
- },
-
- initComponent : function() {
- var me = this;
-
- var rstore = PVE.data.ResourceStore;
- var sp = Ext.state.Manager.getProvider();
-
- if (!me.viewFilter) {
- me.viewFilter = {};
- }
-
- var pdata = {
- dataIndex: {},
- updateCount: 0
- };
-
- var store = Ext.create('Ext.data.TreeStore', {
- model: 'PVETree',
- root: {
- expanded: true,
- id: 'root',
- text: gettext('Datacenter'),
- iconCls: 'fa fa-server'
- }
- });
-
- var stateid = 'rid';
-
- var updateTree = function() {
- var tmp;
-
- store.suspendEvents();
-
- var rootnode = me.store.getRootNode();
- // remember selected node (and all parents)
- var sm = me.getSelectionModel();
-
- var lastsel = sm.getSelection()[0];
- var reselect = false;
- var parents = [];
- var p = lastsel;
- while (p && !!(p = p.parentNode)) {
- parents.push(p);
- }
-
- var index = pdata.dataIndex;
-
- var groups = me.viewFilter.groups || [];
- var filterfn = me.viewFilter.filterfn;
-
- // remove vanished or moved items
- // update in place changed items
- var key;
- for (key in index) {
- if (index.hasOwnProperty(key)) {
- var olditem = index[key];
-
- // getById() use find(), which is slow (ExtJS4 DP5)
- //var item = rstore.getById(olditem.data.id);
- var item = rstore.data.get(olditem.data.id);
-
- var changed = false;
- var moved = false;
- if (item) {
- // test if any grouping attributes changed
- // this will also catch migrated nodes
- // in server view
- var i, len;
- for (i = 0, len = groups.length; i < len; i++) {
- var attr = groups[i];
- if (item.data[attr] != olditem.data[attr]) {
- //console.log("changed " + attr);
- moved = true;
- break;
- }
- }
-
- // explicitely check for node, since
- // in some views, node is not a grouping
- // attribute
- if (!moved && item.data.node !== olditem.data.node) {
- moved = true;
- }
-
- // tree item has been updated
- if ((item.data.text !== olditem.data.text) ||
- (item.data.running !== olditem.data.running) ||
- (item.data.template !== olditem.data.template) ||
- (item.data.status !== olditem.data.status) ||
- (item.data.hastate!== olditem.data.hastate)) {
- //console.log("changed node/text/running " + olditem.data.id);
- changed = true;
- }
-
- // fixme: also test filterfn()?
- }
-
- if (changed) {
- olditem.beginEdit();
- //console.log("REM UPDATE UID: " + key + " ITEM " + item.data.running);
- var info = olditem.data;
- Ext.apply(info, item.data);
- me.setIconCls(info);
- me.setText(info);
- me.setToolTip(info);
- olditem.commit();
- }
- if ((!item || moved) && olditem.isLeaf()) {
- //console.log("REM UID: " + key + " ITEM " + olditem.data.id);
- delete index[key];
- var parentNode = olditem.parentNode;
- // when the selected item disappears,
- // we have to deselect it here, and reselect it
- // later
- if (lastsel && olditem.data.id === lastsel.data.id) {
- reselect = true;
- sm.deselect(olditem);
- }
- // since the store events are suspended, we
- // manually remove the item from the store also
- store.remove(olditem);
- parentNode.removeChild(olditem, true);
- }
- }
- }
-
- // add new items
- rstore.each(function(item) {
- var olditem = index[item.data.id];
- if (olditem) {
- return;
- }
-
- if (filterfn && !filterfn(item)) {
- return;
- }
-
- //console.log("ADD UID: " + item.data.id);
-
- var info = Ext.apply({ leaf: true }, item.data);
-
- var child = me.groupChild(rootnode, info, groups, 0);
- if (child) {
- index[item.data.id] = child;
- }
- });
-
- store.resumeEvents();
- store.fireEvent('refresh', store);
-
- // select parent node is selection vanished
- if (lastsel && !rootnode.findChild('id', lastsel.data.id, true)) {
- lastsel = rootnode;
- while (!!(p = parents.shift())) {
- if (!!(tmp = rootnode.findChild('id', p.data.id, true))) {
- lastsel = tmp;
- break;
- }
- }
- me.selectById(lastsel.data.id);
- } else if (lastsel && reselect) {
- me.selectById(lastsel.data.id);
- }
-
- // on first tree load set the selection from the stateful provider
- if (!pdata.updateCount) {
- rootnode.expand();
- me.applyState(sp.get(stateid));
- }
-
- pdata.updateCount++;
- };
-
- var statechange = function(sp, key, value) {
- if (key === stateid) {
- me.applyState(value);
- }
- };
-
- sp.on('statechange', statechange);
-
- Ext.apply(me, {
- allowSelection: true,
- store: store,
- viewConfig: {
- // note: animate cause problems with applyState
- animate: false
- },
- //useArrows: true,
- //rootVisible: false,
- //title: 'Resource Tree',
- listeners: {
- itemcontextmenu: PVE.Utils.createCmdMenu,
- destroy: function() {
- rstore.un("load", updateTree);
- },
- beforecellmousedown: function (tree, td, cellIndex, record, tr, rowIndex, ev) {
- var sm = me.getSelectionModel();
- // disable selection when right clicking
- // except the record is already selected
- me.allowSelection = (ev.button !== 2) || sm.isSelected(record);
- },
- beforeselect: function (tree, record, index, eopts) {
- var allow = me.allowSelection;
- me.allowSelection = true;
- return allow;
- },
- itemdblclick: PVE.Utils.openTreeConsole
- },
- setViewFilter: function(view) {
- me.viewFilter = view;
- me.clearTree();
- updateTree();
- },
- setDatacenterText: function(clustername) {
- var rootnode = me.store.getRootNode();
-
- var rnodeText = gettext('Datacenter');
- if (clustername !== undefined) {
- rnodeText += ' (' + clustername + ')';
- }
-
- rootnode.beginEdit();
- rootnode.data.text = rnodeText;
- rootnode.commit();
- },
- clearTree: function() {
- pdata.updateCount = 0;
- var rootnode = me.store.getRootNode();
- rootnode.collapse();
- rootnode.removeAll();
- pdata.dataIndex = {};
- me.getSelectionModel().deselectAll();
- },
- selectExpand: function(node) {
- var sm = me.getSelectionModel();
- if (!sm.isSelected(node)) {
- sm.select(node);
- var cn = node;
- while (!!(cn = cn.parentNode)) {
- if (!cn.isExpanded()) {
- cn.expand();
- }
- }
- me.getView().focusRow(node);
- }
- },
- selectById: function(nodeid) {
- var rootnode = me.store.getRootNode();
- var sm = me.getSelectionModel();
- var node;
- if (nodeid === 'root') {
- node = rootnode;
- } else {
- node = rootnode.findChild('id', nodeid, true);
- }
- if (node) {
- me.selectExpand(node);
- }
- return node;
- },
- applyState : function(state) {
- var sm = me.getSelectionModel();
- if (state && state.value) {
- me.selectById(state.value);
- } else {
- sm.deselectAll();
- }
- }
- });
-
- me.callParent();
-
- var sm = me.getSelectionModel();
- sm.on('select', function(sm, n) {
- sp.set(stateid, { value: n.data.id});
- });
-
- rstore.on("load", updateTree);
- rstore.startUpdate();
- //rstore.stopUpdate();
- }
-
-});
-Ext.define('pve-fw-ipsets', {
- extend: 'Ext.data.Model',
- fields: [ 'name', 'comment', 'digest' ],
- idProperty: 'name'
-});
-
-Ext.define('PVE.IPSetList', {
- extend: 'Ext.grid.Panel',
- alias: 'widget.pveIPSetList',
-
- stateful: true,
- stateId: 'grid-firewall-ipsetlist',
-
- ipset_panel: undefined,
-
- base_url: undefined,
-
- addBtn: undefined,
- removeBtn: undefined,
- editBtn: undefined,
-
- initComponent: function() {
-
- var me = this;
-
- if (me.ipset_panel == undefined) {
- throw "no rule panel specified";
- }
-
- if (me.base_url == undefined) {
- throw "no base_url specified";
- }
-
- var store = new Ext.data.Store({
- model: 'pve-fw-ipsets',
- proxy: {
- type: 'proxmox',
- url: "/api2/json" + me.base_url
- },
- sorters: {
- property: 'name',
- order: 'DESC'
- }
- });
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var reload = function() {
- var oldrec = sm.getSelection()[0];
- store.load(function(records, operation, success) {
- if (oldrec) {
- var rec = store.findRecord('name', oldrec.data.name);
- if (rec) {
- sm.select(rec);
- }
- }
- });
- };
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var win = Ext.create('Proxmox.window.Edit', {
- subject: "IPSet '" + rec.data.name + "'",
- url: me.base_url,
- method: 'POST',
- digest: rec.data.digest,
- items: [
- {
- xtype: 'hiddenfield',
- name: 'rename',
- value: rec.data.name
- },
- {
- xtype: 'textfield',
- name: 'name',
- value: rec.data.name,
- fieldLabel: gettext('Name'),
- allowBlank: false
- },
- {
- xtype: 'textfield',
- name: 'comment',
- value: rec.data.comment,
- fieldLabel: gettext('Comment')
- }
- ]
- });
- win.show();
- win.on('destroy', reload);
- };
-
- me.editBtn = new Proxmox.button.Button({
- text: gettext('Edit'),
- disabled: true,
- selModel: sm,
- handler: run_editor
- });
-
- me.addBtn = new Proxmox.button.Button({
- text: gettext('Create'),
- handler: function() {
- sm.deselectAll();
- var win = Ext.create('Proxmox.window.Edit', {
- subject: 'IPSet',
- url: me.base_url,
- method: 'POST',
- items: [
- {
- xtype: 'textfield',
- name: 'name',
- value: '',
- fieldLabel: gettext('Name'),
- allowBlank: false
- },
- {
- xtype: 'textfield',
- name: 'comment',
- value: '',
- fieldLabel: gettext('Comment')
- }
- ]
- });
- win.show();
- win.on('destroy', reload);
-
- }
- });
-
- me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', {
- selModel: sm,
- baseurl: me.base_url + '/',
- callback: reload
- });
-
- Ext.apply(me, {
- store: store,
- tbar: [ 'IPSet:', me.addBtn, me.removeBtn, me.editBtn ],
- selModel: sm,
- columns: [
- { header: 'IPSet', dataIndex: 'name', width: '100' },
- { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 }
- ],
- listeners: {
- itemdblclick: run_editor,
- select: function(sm, rec) {
- var url = me.base_url + '/' + rec.data.name;
- me.ipset_panel.setBaseUrl(url);
- },
- deselect: function() {
- me.ipset_panel.setBaseUrl(undefined);
- },
- show: reload
- }
- });
-
- me.callParent();
-
- store.load();
- }
-});
-
-Ext.define('PVE.IPSetCidrEdit', {
- extend: 'Proxmox.window.Edit',
-
- cidr: undefined,
-
- initComponent : function() {
-
- var me = this;
-
- me.isCreate = (me.cidr === undefined);
-
-
- if (me.isCreate) {
- me.url = '/api2/extjs' + me.base_url;
- me.method = 'POST';
- } else {
- me.url = '/api2/extjs' + me.base_url + '/' + me.cidr;
- me.method = 'PUT';
- }
-
- var column1 = [];
-
- if (me.isCreate) {
- if (!me.list_refs_url) {
- throw "no alias_base_url specified";
- }
-
- column1.push({
- xtype: 'pveIPRefSelector',
- name: 'cidr',
- ref_type: 'alias',
- autoSelect: false,
- editable: true,
- base_url: me.list_refs_url,
- value: '',
- fieldLabel: gettext('IP/CIDR')
- });
- } else {
- column1.push({
- xtype: 'displayfield',
- name: 'cidr',
- value: '',
- fieldLabel: gettext('IP/CIDR')
- });
- }
-
- var ipanel = Ext.create('Proxmox.panel.InputPanel', {
- isCreate: me.isCreate,
- column1: column1,
- column2: [
- {
- xtype: 'proxmoxcheckbox',
- name: 'nomatch',
- checked: false,
- uncheckedValue: 0,
- fieldLabel: 'nomatch'
- }
- ],
- columnB: [
- {
- xtype: 'textfield',
- name: 'comment',
- value: '',
- fieldLabel: gettext('Comment')
- }
- ]
- });
-
- Ext.apply(me, {
- subject: gettext('IP/CIDR'),
- items: [ ipanel ]
- });
-
- me.callParent();
-
- if (!me.isCreate) {
- me.load({
- success: function(response, options) {
- var values = response.result.data;
- ipanel.setValues(values);
- }
- });
- }
- }
-});
-
-Ext.define('PVE.IPSetGrid', {
- extend: 'Ext.grid.Panel',
- alias: 'widget.pveIPSetGrid',
-
- stateful: true,
- stateId: 'grid-firewall-ipsets',
-
- base_url: undefined,
- list_refs_url: undefined,
-
- addBtn: undefined,
- removeBtn: undefined,
- editBtn: undefined,
-
- setBaseUrl: function(url) {
- var me = this;
-
- me.base_url = url;
-
- if (url === undefined) {
- me.addBtn.setDisabled(true);
- me.store.removeAll();
- } else {
- me.addBtn.setDisabled(false);
- me.removeBtn.baseurl = url + '/';
- me.store.setProxy({
- type: 'proxmox',
- url: '/api2/json' + url
- });
-
- me.store.load();
- }
- },
-
- initComponent: function() {
- /*jslint confusion: true */
- var me = this;
-
- if (!me.list_refs_url) {
- throw "no1 list_refs_url specified";
- }
-
- var store = new Ext.data.Store({
- model: 'pve-ipset'
- });
-
- var reload = function() {
- store.load();
- };
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var win = Ext.create('PVE.IPSetCidrEdit', {
- base_url: me.base_url,
- cidr: rec.data.cidr
- });
- win.show();
- win.on('destroy', reload);
- };
-
- me.editBtn = new Proxmox.button.Button({
- text: gettext('Edit'),
- disabled: true,
- selModel: sm,
- handler: run_editor
- });
-
- me.addBtn = new Proxmox.button.Button({
- text: gettext('Add'),
- disabled: true,
- handler: function() {
- if (!me.base_url) {
- return;
- }
- var win = Ext.create('PVE.IPSetCidrEdit', {
- base_url: me.base_url,
- list_refs_url: me.list_refs_url
- });
- win.show();
- win.on('destroy', reload);
- }
- });
-
- me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', {
- selModel: sm,
- baseurl: me.base_url + '/',
- callback: reload
- });
-
- var render_errors = function(value, metaData, record) {
- var errors = record.data.errors;
- if (errors) {
- var msg = errors.cidr || errors.nomatch;
- if (msg) {
- metaData.tdCls = 'proxmox-invalid-row';
- var html = '' + Ext.htmlEncode(msg) + '
'; - metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + - html.replace(/\"/g,'"') + '"'; - } - } - return value; - }; - - Ext.apply(me, { - tbar: [ 'IP/CIDR:', me.addBtn, me.removeBtn, me.editBtn ], - store: store, - selModel: sm, - listeners: { - itemdblclick: run_editor - }, - columns: [ - { - xtype: 'rownumberer' - }, - { - header: gettext('IP/CIDR'), - dataIndex: 'cidr', - width: 150, - renderer: function(value, metaData, record) { - value = render_errors(value, metaData, record); - if (record.data.nomatch) { - return '! ' + value; - } - return value; - } - }, - { - header: gettext('Comment'), - dataIndex: 'comment', - flex: 1, - renderer: function(value) { - return Ext.util.Format.htmlEncode(value); - } - } - ] - }); - - me.callParent(); - - if (me.base_url) { - me.setBaseUrl(me.base_url); // load - } - } -}, function() { - - Ext.define('pve-ipset', { - extend: 'Ext.data.Model', - fields: [ { name: 'nomatch', type: 'boolean' }, - 'cidr', 'comment', 'errors' ], - idProperty: 'cidr' - }); - -}); - -Ext.define('PVE.IPSet', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveIPSet', - - title: 'IPSet', - - onlineHelp: 'pve_firewall_ip_sets', - - list_refs_url: undefined, - - initComponent: function() { - var me = this; - - if (!me.list_refs_url) { - throw "no list_refs_url specified"; - } - - var ipset_panel = Ext.createWidget('pveIPSetGrid', { - region: 'center', - list_refs_url: me.list_refs_url, - border: false - }); - - var ipset_list = Ext.createWidget('pveIPSetList', { - region: 'west', - ipset_panel: ipset_panel, - base_url: me.base_url, - width: '50%', - border: false, - split: true - }); - - Ext.apply(me, { - layout: 'border', - items: [ ipset_list, ipset_panel ], - listeners: { - show: function() { - ipset_list.fireEvent('show', ipset_list); - } - } - }); - - me.callParent(); - } -}); -/* - * Base class for all the multitab config panels - * - * How to use this: - * - * You create a subclass of this, and then define your wanted tabs - * as items like this: - * - * items: [{ - * title: "myTitle", - * xytpe: "somextype", - * iconCls: 'fa fa-icon', - * groups: ['somegroup'], - * expandedOnInit: true, - * itemId: 'someId' - * }] - * - * this has to be in the declarative syntax, else we - * cannot save them for later - * (so no Ext.create or Ext.apply of an item in the subclass) - * - * the groups array expects the itemids of the items - * which are the parents, which have to come before they - * are used - * - * if you want following the tree: - * - * Option1 - * Option2 - * -> SubOption1 - * -> SubSubOption1 - * - * the suboption1 group array has to look like this: - * groups: ['itemid-of-option2'] - * - * and of subsuboption1: - * groups: ['itemid-of-option2', 'itemid-of-suboption1'] - * - * setting the expandedOnInit determines if the item/group is expanded - * initially (false by default) - */ -Ext.define('PVE.panel.Config', { - extend: 'Ext.panel.Panel', - alias: 'widget.pvePanelConfig', - - showSearch: true, // add a ressource grid with a search button as first tab - viewFilter: undefined, // a filter to pass to that ressource grid - - tbarSpacing: true, // if true, adds a spacer after the title in tbar - - dockedItems: [{ - // this is needed for the overflow handler - xtype: 'toolbar', - overflowHandler: 'scroller', - dock: 'left', - style: { - backgroundColor: '#f5f5f5', - padding: 0, - margin: 0 - }, - items: { - xtype: 'treelist', - itemId: 'menu', - ui: 'nav', - expanderOnly: true, - expanderFirst: false, - animation: false, - singleExpand: false, - listeners: { - selectionchange: function(treeList, selection) { - var me = this.up('panel'); - me.suspendLayout = true; - me.activateCard(selection.data.id); - me.suspendLayout = false; - me.updateLayout(); - }, - itemclick: function(treelist, info) { - var olditem = treelist.getSelection(); - var newitem = info.node; - - // when clicking on the expand arrow, - // we dont select items, but still want - // the original behaviour - if (info.select === false) { - return; - } - - // if you click on a different item which is open, - // leave it open - // else toggle the clicked item - if (olditem.data.id !== newitem.data.id && - newitem.data.expanded === true) { - info.toggle = false; - } else { - info.toggle = true; - } - } - } - } - }, - { - xtype: 'toolbar', - itemId: 'toolbar', - dock: 'top', - height: 36, - overflowHandler: 'scroller' - }], - - firstItem: '', - layout: 'card', - border: 0, - - // used for automated test - selectById: function(cardid) { - var me = this; - - var root = me.store.getRoot(); - var selection = root.findChild('id', cardid, true); - - if (selection) { - selection.expand(); - var menu = me.down('#menu'); - menu.setSelection(selection); - return cardid; - } - }, - - activateCard: function(cardid) { - var me = this; - if (me.savedItems[cardid]) { - var curcard = me.getLayout().getActiveItem(); - var newcard = me.add(me.savedItems[cardid]); - me.helpButton.setOnlineHelp(newcard.onlineHelp || me.onlineHelp); - if (curcard) { - me.setActiveItem(cardid); - me.remove(curcard, true); - - // trigger state change - - var ncard = cardid; - // Note: '' is alias for first tab. - // First tab can be 'search' or something else - if (cardid === me.firstItem) { - ncard = ''; - } - if (me.hstateid) { - me.sp.set(me.hstateid, { value: ncard }); - } - } - } - }, - - initComponent: function() { - var me = this; - - var stateid = me.hstateid; - - me.sp = Ext.state.Manager.getProvider(); - - var activeTab; // leaving this undefined means items[0] will be the default tab - - if (stateid) { - var state = me.sp.get(stateid); - if (state && state.value) { - // if this tab does not exists, it chooses the first - activeTab = state.value; - } - } - - // get title - var title = me.title || me.pveSelNode.data.text; - me.title = undefined; - - // create toolbar - var tbar = me.tbar || []; - me.tbar = undefined; - - if (!me.onlineHelp) { - switch(me.pveSelNode.data.id) { - case 'type/storage':me.onlineHelp = 'chapter-pvesm.html'; break; - case 'type/qemu':me.onlineHelp = 'chapter-qm.html'; break; - case 'type/lxc':me.onlineHelp = 'chapter-pct.html'; break; - case 'type/pool':me.onlineHelp = 'chapter-pveum.html#_pools'; break; - case 'type/node':me.onlineHelp = 'chapter-sysadmin.html'; break; - } - } - - if (me.tbarSpacing) { - tbar.unshift('->'); - } - tbar.unshift({ - xtype: 'tbtext', - text: title, - baseCls: 'x-panel-header-text' - }); - - me.helpButton = Ext.create('Proxmox.button.Help', { - hidden: false, - listenToGlobalEvent: false, - onlineHelp: me.onlineHelp || undefined - }); - - tbar.push(me.helpButton); - - me.dockedItems[1].items = tbar; - - // include search tab - me.items = me.items || []; - if (me.showSearch) { - me.items.unshift({ - itemId: 'search', - title: gettext('Search'), - iconCls: 'fa fa-search', - xtype: 'pveResourceGrid', - pveSelNode: me.pveSelNode - }); - } - - me.savedItems = {}; - /*jslint confusion:true*/ - if (me.items[0]) { - me.firstItem = me.items[0].itemId; - } - /*jslint confusion:false*/ - - me.store = Ext.create('Ext.data.TreeStore', { - root: { - expanded: true - } - }); - var root = me.store.getRoot(); - me.items.forEach(function(item){ - var treeitem = Ext.create('Ext.data.TreeModel',{ - id: item.itemId, - text: item.title, - iconCls: item.iconCls, - leaf: true, - expanded: item.expandedOnInit - }); - item.header = false; - if (me.savedItems[item.itemId] !== undefined) { - throw "itemId already exists, please use another"; - } - me.savedItems[item.itemId] = item; - - var group; - var curnode = root; - - // get/create the group items - while (Ext.isArray(item.groups) && item.groups.length > 0) { - group = item.groups.shift(); - - var child = curnode.findChild('id', group); - if (child === null) { - // did not find the group item - // so add it where we are - break; - } - curnode = child; - } - - // insert the item - - // lets see if it already exists - var node = curnode.findChild('id', item.itemId); - - if (node === null) { - curnode.appendChild(treeitem); - } else { - // should not happen! - throw "id already exists"; - } - }); - - delete me.items; - me.defaults = me.defaults || {}; - Ext.apply(me.defaults, { - pveSelNode: me.pveSelNode, - viewFilter: me.viewFilter, - workspace: me.workspace, - border: 0 - }); - - me.callParent(); - - var menu = me.down('#menu'); - var selection = root.findChild('id', activeTab, true) || root.firstChild; - var node = selection; - while (node !== root) { - node.expand(); - node = node.parentNode; - } - menu.setStore(me.store); - menu.setSelection(selection); - - // on a state change, - // select the new item - var statechange = function(sp, key, state) { - // it the state change is for this panel - if (stateid && (key === stateid) && state) { - // get active item - var acard = me.getLayout().getActiveItem().itemId; - // get the itemid of the new value - var ncard = state.value || me.firstItem; - if (ncard && (acard != ncard)) { - // select the chosen item - menu.setSelection(root.findChild('id', ncard, true) || root.firstChild); - } - } - }; - - if (stateid) { - me.mon(me.sp, 'statechange', statechange); - } - } -}); -Ext.define('PVE.grid.BackupView', { - extend: 'Ext.grid.GridPanel', - - alias: ['widget.pveBackupView'], - - onlineHelp: 'chapter_vzdump', - - stateful: true, - stateId: 'grid-guest-backup', - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var vmtype = me.pveSelNode.data.type; - if (!vmtype) { - throw "no VM type specified"; - } - - var vmtypeFilter; - if (vmtype === 'openvz') { - vmtypeFilter = function(item) { - return item.data.volid.match(':backup/vzdump-openvz-'); - }; - } else if (vmtype === 'lxc') { - vmtypeFilter = function(item) { - return item.data.volid.match(':backup/vzdump-lxc-'); - }; - } else if (vmtype === 'qemu') { - vmtypeFilter = function(item) { - return item.data.volid.match(':backup/vzdump-qemu-'); - }; - } else { - throw "unsupported VM type '" + vmtype + "'"; - } - - var searchFilter = { - property: 'volid', - // on initial store display only our vmid backups - // surround with minus sign to prevent the 2016 VMID bug - value: vmtype + '-' + vmid + '-', - anyMatch: true, - caseSensitive: false - }; - - me.store = Ext.create('Ext.data.Store', { - model: 'pve-storage-content', - sorters: { - property: 'volid', - order: 'DESC' - }, - filters: [ - vmtypeFilter, - searchFilter - ] - }); - - var reload = Ext.Function.createBuffered(function() { - if (me.store) { - me.store.load(); - } - }, 100); - - var setStorage = function(storage) { - var url = '/api2/json/nodes/' + nodename + '/storage/' + storage + '/content'; - url += '?content=backup'; - - me.store.setProxy({ - type: 'proxmox', - url: url - }); - - reload(); - }; - - var storagesel = Ext.create('PVE.form.StorageSelector', { - nodename: nodename, - fieldLabel: gettext('Storage'), - labelAlign: 'right', - storageContent: 'backup', - allowBlank: false, - listeners: { - change: function(f, value) { - setStorage(value); - } - } - }); - - var storagefilter = Ext.create('Ext.form.field.Text', { - fieldLabel: gettext('Search'), - labelWidth: 50, - labelAlign: 'right', - enableKeyEvents: true, - value: searchFilter.value, - listeners: { - buffer: 500, - keyup: function(field) { - me.store.clearFilter(true); - searchFilter.value = field.getValue(); - me.store.filter([ - vmtypeFilter, - searchFilter - ]); - } - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var backup_btn = Ext.create('Ext.button.Button', { - text: gettext('Backup now'), - handler: function() { - var win = Ext.create('PVE.window.Backup', { - nodename: nodename, - vmid: vmid, - vmtype: vmtype, - storage: storagesel.getValue(), - listeners : { - close: function() { - reload(); - } - } - }); - win.show(); - } - }); - - var restore_btn = Ext.create('Proxmox.button.Button', { - text: gettext('Restore'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - return !!rec; - }, - handler: function(b, e, rec) { - var volid = rec.data.volid; - - var win = Ext.create('PVE.window.Restore', { - nodename: nodename, - vmid: vmid, - volid: rec.data.volid, - volidText: PVE.Utils.render_storage_content(rec.data.volid, {}, rec), - vmtype: vmtype - }); - win.show(); - win.on('destroy', reload); - } - }); - - var delete_btn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - dangerous: true, - confirmMsg: function(rec) { - var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), - "'" + rec.data.volid + "'"); - msg += " " + gettext('This will permanently erase all data.'); - - return msg; - }, - getUrl: function(rec) { - var storage = storagesel.getValue(); - return '/nodes/' + nodename + '/storage/' + storage + '/content/' + rec.data.volid; - }, - callback: function() { - reload(); - } - }); - - var config_btn = Ext.create('Proxmox.button.Button', { - text: gettext('Show Configuration'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - return !!rec; - }, - handler: function(b, e, rec) { - var storage = storagesel.getValue(); - if (!storage) { - return; - } - - var win = Ext.create('PVE.window.BackupConfig', { - volume: rec.data.volid, - pveSelNode: me.pveSelNode - }); - - win.show(); - } - }); - - Ext.apply(me, { - selModel: sm, - tbar: [ backup_btn, restore_btn, delete_btn,config_btn, '->', storagesel, storagefilter ], - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - renderer: PVE.Utils.render_storage_content, - dataIndex: 'volid' - }, - { - header: gettext('Format'), - width: 100, - dataIndex: 'format' - }, - { - header: gettext('Size'), - width: 100, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - } - ] - }); - - me.callParent(); - } -}); -/*jslint confusion: true */ -Ext.define('PVE.CephCreateFS', { - extend: 'Proxmox.window.Edit', - alias: 'widget.pveCephCreateFS', - - showTaskViewer: true, - onlineHelp: 'pveceph_fs_create', - - subject: 'Ceph FS', - isCreate: true, - method: 'POST', - - setFSName: function(fsName) { - var me = this; - - if (fsName === '' || fsName === undefined) { - fsName = 'cephfs'; - } - - me.url = "/nodes/" + me.nodename + "/ceph/fs/" + fsName; - }, - - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('Name'), - name: 'name', - value: 'cephfs', - listeners: { - change: function(f, value) { - this.up('pveCephCreateFS').setFSName(value); - } - }, - submitValue: false, // already encoded in apicall URL - emptyText: 'cephfs' - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: 'Placement Groups', - name: 'pg_num', - value: 128, - emptyText: 128, - minValue: 8, - maxValue: 32768, - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Add Storage'), - value: true, - name: 'add-storage' - } - ], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - me.setFSName(); - - me.callParent(); - } -}); - -Ext.define('PVE.CephCreateMDS', { - extend: 'Proxmox.window.Edit', - alias: 'widget.pveCephCreateMDS', - - showProgress: true, - onlineHelp: 'pveceph_fs_mds', - - subject: 'Ceph MDS', - isCreate: true, - method: 'POST', - - setNode: function(nodename) { - var me = this; - - me.nodename = nodename; - me.url = "/nodes/" + nodename + "/ceph/mds/" + nodename; - }, - - items: [ - { - xtype: 'pveNodeSelector', - fieldLabel: gettext('Node'), - selectCurNode: true, - submitValue: false, - allowBlank: false, - listeners: { - change: function(f, value) { - this.up('pveCephCreateMDS').setNode(value); - } - } - } - ], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - me.setNode(me.nodename); - - me.callParent(); - } -}); - -Ext.define('PVE.NodeCephFSPanel', { - extend: 'Ext.panel.Panel', - xtype: 'pveNodeCephFSPanel', - mixins: ['Proxmox.Mixin.CBind'], - - title: gettext('CephFS'), - onlineHelp: 'pveceph_fs', - - border: false, - defaults: { - border: false, - cbind: { - nodename: '{nodename}' - } - }, - - viewModel: { - parent: null, - data: { - cephfsConfigured: false, - mdsCount: 0 - }, - formulas: { - canCreateFS: function(get) { - return (!get('cephfsConfigured') && get('mdsCount') > 0); - } - } - }, - - items: [ - { - xtype: 'grid', - emptyText: Ext.String.format(gettext('No {0} configured.'), 'CephFS'), - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.rstore = Ext.create('Proxmox.data.UpdateStore', { - autoLoad: true, - xtype: 'update', - interval: 5 * 1000, - autoStart: true, - storeid: 'pve-ceph-fs', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + view.nodename + '/ceph/fs' - }, - model: 'pve-ceph-fs' - }); - view.setStore(Ext.create('Proxmox.data.DiffStore', { - rstore: view.rstore, - sorters: { - property: 'name', - order: 'DESC' - } - })); - var regex = new RegExp("not (installed|initialized)", "i"); - PVE.Utils.handleStoreErrorOrMask(view, view.rstore, regex, function(me, error){ - me.rstore.stopUpdate(); - PVE.Utils.showCephInstallOrMask(me.ownerCt, error.statusText, view.nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.rstore.startUpdate(); - }); - } - ); - }); - view.rstore.on('load', this.onLoad, this); - view.on('destroy', view.rstore.stopUpdate); - }, - - onCreate: function() { - var view = this.getView(); - view.rstore.stopUpdate(); - var win = Ext.create('PVE.CephCreateFS', { - autoShow: true, - nodename: view.nodename, - listeners: { - destroy: function() { - view.rstore.startUpdate(); - } - } - }); - }, - - onLoad: function(store, records, success) { - var vm = this.getViewModel(); - if (!(success && records && records.length > 0)) { - vm.set('cephfsConfigured', false); - return; - } - vm.set('cephfsConfigured', true); - } - }, - tbar: [ - { - text: gettext('Create CephFS'), - reference: 'createButton', - handler: 'onCreate', - bind: { - // only one CephFS per Ceph cluster makes sense for now - disabled: '{!canCreateFS}' - } - } - ], - columns: [ - { - header: gettext('Name'), - flex: 1, - dataIndex: 'name' - }, - { - header: 'Data Pool', - flex: 1, - dataIndex: 'data_pool' - }, - { - header: 'Metadata Pool', - flex: 1, - dataIndex: 'metadata_pool' - } - ], - cbind: { - nodename: '{nodename}' - } - }, - { - xtype: 'grid', - title: gettext('Metadata Servers'), - emptyText: Ext.String.format(gettext('No {0} configured.'), 'MDS'), - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.rstore = Ext.create('Proxmox.data.UpdateStore', { - autoLoad: true, - xtype: 'update', - interval: 3 * 1000, - autoStart: true, - storeid: 'pve-ceph-mds', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/'+ view.nodename +'/ceph/mds' - }, - model: 'pve-ceph-mds' - }); - view.setStore(Ext.create('Proxmox.data.DiffStore', { - rstore: view.rstore, - sorters: { - property: 'id', - order: 'DESC' - } - })); - var regex = new RegExp("not (installed|initialized)", "i"); - PVE.Utils.handleStoreErrorOrMask(view, view.rstore, regex, function(me, error){ - me.rstore.stopUpdate(); - PVE.Utils.showCephInstallOrMask(me.ownerCt, error.statusText, view.nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.rstore.startUpdate(); - }); - } - ); - }); - view.rstore.on('load', this.onLoad, this); - view.on('destroy', view.rstore.stopUpdate); - }, - onLoad: function(store, records, success) { - var vm = this.getViewModel(); - if (!success || !records) { - vm.set('mdsCount', 0); - return; - } - vm.set('mdsCount', records.length); - }, - onCreateMDS: function() { - var view = this.getView(); - view.rstore.stopUpdate(); - var win = Ext.create('PVE.CephCreateMDS', { - autoShow: true, - nodename: view.nodename, - listeners: { - destroy: function() { - view.rstore.startUpdate(); - } - } - }); - } - }, - tbar: [ - { - text: gettext('Create MDS'), - reference: 'createButton', - handler: 'onCreateMDS' - }, - { - text: gettext('Destroy MDS'), - xtype: 'proxmoxStdRemoveButton', - getUrl: function(rec) { - if (!rec.data.host) { - Ext.Msg.alert(gettext('Error'), "entry has no host"); - return; - } - return "/nodes/" + rec.data.host + "/ceph/mds/" + rec.data.name; - }, - callback: function(options, success, response) { - if (!success) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - return; - } - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); - win.show(); - } - } - ], - columns: [ - { - header: gettext('Name'), - flex: 1, - dataIndex: 'name' - }, - { - header: gettext('Host'), - flex: 1, - dataIndex: 'host' - }, - { - header: gettext('Address'), - flex: 1, - dataIndex: 'addr' - }, - { - header: gettext('State'), - flex: 1, - dataIndex: 'state' - } - ], - cbind: { - nodename: '{nodename}' - } - } - ] -}, function() { - Ext.define('pve-ceph-mds', { - extend: 'Ext.data.Model', - fields: [ 'name', 'host', 'addr', 'state' ], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/localhost/ceph/mds" - }, - idProperty: 'name' - }); - Ext.define('pve-ceph-fs', { - extend: 'Ext.data.Model', - fields: [ 'name', 'data_pool', 'metadata_pool' ], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/localhost/ceph/fs" - }, - idProperty: 'name' - }); -}); -Ext.define('PVE.CephCreatePool', { - extend: 'Proxmox.window.Edit', - alias: 'widget.pveCephCreatePool', - - showProgress: true, - onlineHelp: 'pve_ceph_pools', - - subject: 'Ceph Pool', - isCreate: true, - method: 'POST', - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('Name'), - name: 'name', - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Size'), - name: 'size', - value: 3, - minValue: 1, - maxValue: 7, - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Min. Size'), - name: 'min_size', - value: 2, - minValue: 1, - maxValue: 7, - allowBlank: false - }, - { - xtype: 'pveCephRuleSelector', - fieldLabel: 'Crush Rule', // do not localize - name: 'crush_rule', - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: 'pg_num', - name: 'pg_num', - value: 128, - minValue: 8, - maxValue: 32768, - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Add Storage'), - name: 'add_storages' - } - ], - initComponent : function() { - /*jslint confusion: true */ - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - url: "/nodes/" + me.nodename + "/ceph/pools", - defaults: { - nodename: me.nodename - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.CephPoolList', { - extend: 'Ext.grid.GridPanel', - alias: 'widget.pveNodeCephPoolList', - - onlineHelp: 'chapter_pveceph', - stateful: true, - stateId: 'grid-ceph-pools', - bufferedRenderer: false, - features: [ { ftype: 'summary'} ], - columns: [ - { - header: gettext('Name'), - width: 100, - sortable: true, - dataIndex: 'pool_name' - }, - { - header: gettext('Size') + '/min', - width: 80, - sortable: false, - renderer: function(v, meta, rec) { - return v + '/' + rec.data.min_size; - }, - dataIndex: 'size' - }, - { - header: 'pg_num', - width: 100, - sortable: false, - dataIndex: 'pg_num' - }, - { - header: 'rule', - width: 50, - sortable: false, - dataIndex: 'crush_rule' - }, - { - header: 'rule_name', - width: 50, - sortable: false, - dataIndex: 'crush_rule_name' - }, - { - header: gettext('Used'), - columns: [ - { - header: '%', - width: 80, - sortable: true, - align: 'right', - renderer: Ext.util.Format.numberRenderer('0.00'), - dataIndex: 'percent_used', - summaryType: 'sum', - summaryRenderer: Ext.util.Format.numberRenderer('0.00') - }, - { - header: gettext('Total'), - width: 100, - sortable: true, - renderer: PVE.Utils.render_size, - align: 'right', - dataIndex: 'bytes_used', - summaryType: 'sum', - summaryRenderer: PVE.Utils.render_size - } - ] - } - ], - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var rstore = Ext.create('Proxmox.data.UpdateStore', { - interval: 3000, - storeid: 'ceph-pool-list' + nodename, - model: 'ceph-pool-list', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/ceph/pools" - } - }); - - var store = Ext.create('Proxmox.data.DiffStore', { rstore: rstore }); - - var regex = new RegExp("not (installed|initialized)", "i"); - PVE.Utils.handleStoreErrorOrMask(me, rstore, regex, function(me, error){ - me.store.rstore.stopUpdate(); - PVE.Utils.showCephInstallOrMask(me, error.statusText, nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.store.rstore.startUpdate(); - }); - } - ); - }); - - var create_btn = new Ext.Button({ - text: gettext('Create'), - handler: function() { - var win = Ext.create('PVE.CephCreatePool', { - nodename: nodename - }); - win.show(); - win.on('destroy', function() { - rstore.load(); - }); - } - }); - - var destroy_btn = Ext.create('Proxmox.button.Button', { - text: gettext('Destroy'), - selModel: sm, - disabled: true, - handler: function() { - var rec = sm.getSelection()[0]; - - if (!rec.data.pool_name) { - return; - } - var base_url = '/nodes/' + nodename + '/ceph/pools/' + - rec.data.pool_name; - - var win = Ext.create('PVE.window.SafeDestroy', { - showProgress: true, - url: base_url, - params: { - remove_storages: 1 - }, - item: { type: 'CephPool', id: rec.data.pool_name } - }).show(); - win.on('destroy', function() { - rstore.load(); - }); - } - }); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ create_btn, destroy_btn ], - listeners: { - activate: rstore.startUpdate, - destroy: rstore.stopUpdate - } - }); - - me.callParent(); - } -}, function() { - - Ext.define('ceph-pool-list', { - extend: 'Ext.data.Model', - fields: [ 'pool_name', - { name: 'pool', type: 'integer'}, - { name: 'size', type: 'integer'}, - { name: 'min_size', type: 'integer'}, - { name: 'pg_num', type: 'integer'}, - { name: 'bytes_used', type: 'integer'}, - { name: 'percent_used', type: 'number'}, - { name: 'crush_rule', type: 'integer'}, - { name: 'crush_rule_name', type: 'string'} - ], - idProperty: 'pool_name' - }); -}); - -Ext.define('PVE.form.CephRuleSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveCephRuleSelector', - - allowBlank: false, - valueField: 'name', - displayField: 'name', - editable: false, - queryMode: 'local', - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no nodename given"; - } - - var store = Ext.create('Ext.data.Store', { - fields: ['name'], - sorters: 'name', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/ceph/rules' - } - }); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - - store.load({ - callback: function(rec, op, success){ - if (success && rec.length > 0) { - me.select(rec[0]); - } - } - }); - } - -}); -Ext.define('PVE.CephCreateOsd', { - extend: 'Proxmox.window.Edit', - alias: ['widget.pveCephCreateOsd'], - - subject: 'Ceph OSD', - - showProgress: true, - - onlineHelp: 'pve_ceph_osds', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/ceph/osd", - method: 'POST', - items: [ - { - xtype: 'pveDiskSelector', - name: 'dev', - nodename: me.nodename, - diskType: 'unused', - fieldLabel: gettext('Disk'), - allowBlank: false - }, - { - xtype: 'pveDiskSelector', - name: 'journal_dev', - nodename: me.nodename, - diskType: 'journal_disks', - fieldLabel: gettext('Journal/DB Disk'), - value: '', - autoSelect: false, - allowBlank: true, - emptyText: 'use OSD disk' - }, - { - xtype: 'proxmoxcheckbox', - name: 'bluestore', - fieldLabel: 'Bluestore', - uncheckedValue: '0', - value: '1' - } - ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.CephRemoveOsd', { - extend: 'Proxmox.window.Edit', - alias: ['widget.pveCephRemoveOsd'], - - isRemove: true, - - showProgress: true, - method: 'DELETE', - items: [ - { - xtype: 'proxmoxcheckbox', - name: 'cleanup', - checked: true, - labelWidth: 130, - fieldLabel: gettext('Remove Partitions') - } - ], - initComponent : function() { - - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - if (me.osdid === undefined || me.osdid < 0) { - throw "no osdid specified"; - } - - me.isCreate = true; - - me.title = gettext('Destroy') + ': Ceph OSD osd.' + me.osdid.toString(); - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/ceph/osd/" + me.osdid.toString() - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.CephOsdTree', { - extend: 'Ext.tree.Panel', - alias: ['widget.pveNodeCephOsdTree'], - onlineHelp: 'chapter_pveceph', - stateful: true, - stateId: 'grid-ceph-osd', - columns: [ - { - xtype: 'treecolumn', - text: 'Name', - dataIndex: 'name', - width: 150 - }, - { - text: 'Type', - dataIndex: 'type', - align: 'right', - width: 60 - }, - { - text: gettext("Class"), - dataIndex: 'device_class', - align: 'right', - width: 40 - }, - { - text: "OSD Type", - dataIndex: 'osdtype', - align: 'right', - width: 40 - }, - { - text: "Bluestore Device", - dataIndex: 'blfsdev', - align: 'right', - width: 40, - hidden: true - }, - { - text: "DB Device", - dataIndex: 'dbdev', - align: 'right', - width: 40, - hidden: true - }, - { - text: "WAL Device", - dataIndex: 'waldev', - align: 'right', - renderer: function(value, metaData, rec) { - if (!value && - rec.data.osdtype === 'bluestore' && - rec.data.type === 'osd') { - return 'N/A'; - } - return value; - }, - width: 40, - hidden: true - }, - { - text: 'Status', - dataIndex: 'status', - align: 'right', - renderer: function(value, metaData, rec) { - if (!value) { - return value; - } - var inout = rec.data['in'] ? 'in' : 'out'; - var updownicon = value === 'up' ? 'good fa-arrow-circle-up' : - 'critical fa-arrow-circle-down'; - - var inouticon = rec.data['in'] ? 'good fa-circle' : - 'warning fa-circle-o'; - - var text = value + ' / ' + - inout + ' '; - - return text; - }, - width: 80 - }, - { - text: 'weight', - dataIndex: 'crush_weight', - align: 'right', - renderer: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - return value; - }, - width: 80 - }, - { - text: 'reweight', - dataIndex: 'reweight', - align: 'right', - renderer: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - return value; - }, - width: 90 - }, - { - header: gettext('Used'), - columns: [ - { - text: '%', - dataIndex: 'percent_used', - align: 'right', - renderer: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - return Ext.util.Format.number(value, '0.00'); - }, - width: 80 - }, - { - text: gettext('Total'), - dataIndex: 'total_space', - align: 'right', - renderer: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - return PVE.Utils.render_size(value); - }, - width: 100 - } - ] - }, - { - header: gettext('Latency (ms)'), - columns: [ - { - text: 'Apply', - dataIndex: 'apply_latency_ms', - align: 'right', - renderer: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - return value; - }, - width: 60 - }, - { - text: 'Commit', - dataIndex: 'commit_latency_ms', - align: 'right', - renderer: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - return value; - }, - width: 60 - } - ] - } - ], - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - // we expect noout to be not set by default - var noout = false; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var sm = Ext.create('Ext.selection.TreeModel', {}); - - var set_button_status; // defined later - - var reload = function() { - Proxmox.Utils.API2Request({ - url: "/nodes/" + nodename + "/ceph/osd", - waitMsgTarget: me, - method: 'GET', - failure: function(response, opts) { - var msg = response.htmlStatus; - PVE.Utils.showCephInstallOrMask(me, msg, me.pveSelNode.data.node, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - reload(); - }); - } - ); - }, - success: function(response, opts) { - sm.deselectAll(); - me.setRootNode(response.result.data.root); - me.expandAll(); - // extract noout flag - if (response.result.data.flags && - response.result.data.flags.search(/noout/) !== -1) { - noout = true; - } else { - noout = false; - } - set_button_status(); - } - }); - }; - - var osd_cmd = function(cmd) { - var rec = sm.getSelection()[0]; - if (!(rec && (rec.data.id >= 0) && rec.data.host)) { - return; - } - Proxmox.Utils.API2Request({ - url: "/nodes/" + rec.data.host + "/ceph/osd/" + - rec.data.id + '/' + cmd, - waitMsgTarget: me, - method: 'POST', - success: reload, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - var service_cmd = function(cmd) { - var rec = sm.getSelection()[0]; - if (!(rec && rec.data.name && rec.data.host)) { - return; - } - Proxmox.Utils.API2Request({ - url: "/nodes/" + rec.data.host + "/ceph/" + cmd, - params: { service: rec.data.name }, - waitMsgTarget: me, - method: 'POST', - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); - win.show(); - me.mon(win, 'close', reload, me); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - var create_btn = new Proxmox.button.Button({ - text: gettext('Create') + ': OSD', - handler: function() { - var rec = sm.getSelection()[0]; - - var win = Ext.create('PVE.CephCreateOsd', { - nodename: nodename - }); - win.show(); - me.mon(win, 'close', reload, me); - } - }); - - var start_btn = new Ext.Button({ - text: gettext('Start'), - disabled: true, - handler: function(){ service_cmd('start'); } - }); - - var stop_btn = new Ext.Button({ - text: gettext('Stop'), - disabled: true, - handler: function(){ service_cmd('stop'); } - }); - - var restart_btn = new Ext.Button({ - text: gettext('Restart'), - disabled: true, - handler: function(){ service_cmd('restart'); } - }); - - var osd_out_btn = new Ext.Button({ - text: 'Out', - disabled: true, - handler: function(){ osd_cmd('out'); } - }); - - var osd_in_btn = new Ext.Button({ - text: 'In', - disabled: true, - handler: function(){ osd_cmd('in'); } - }); - - var remove_btn = new Ext.Button({ - text: gettext('Destroy'), - disabled: true, - handler: function(){ - var rec = sm.getSelection()[0]; - if (!(rec && (rec.data.id >= 0) && rec.data.host)) { - return; - } - - var win = Ext.create('PVE.CephRemoveOsd', { - nodename: rec.data.host, - osdid: rec.data.id - }); - win.show(); - me.mon(win, 'close', reload, me); - } - }); - - var noout_btn = new Ext.Button({ - text: gettext('Set noout'), - handler: function() { - Proxmox.Utils.API2Request({ - url: "/nodes/" + nodename + "/ceph/flags/noout", - waitMsgTarget: me, - method: noout ? 'DELETE' : 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: reload - }); - } - }); - - var osd_label = new Ext.toolbar.TextItem({ - data: { - osd: undefined - }, - tpl: [ - '' + Ext.htmlEncode(record.data.detail) + '' - ] - }] - }); - win.show(); - } - } - ] - } - ] - } - ] - }, - { - xtype: 'pveCephStatusDetail', - itemId: 'statusdetail', - plugins: 'responsive', - responsiveConfig: { - 'width < 1900': { - columnWidth: 1 - }, - 'width >= 1900': { - columnWidth: 0.5 - } - }, - title: gettext('Status') - }, - { - xtype: 'panel', - title: gettext('Performance'), - columnWidth: 1, - bodyPadding: 5, - layout: { - type: 'hbox', - align: 'center' - }, - items: [ - { - flex: 1, - xtype: 'proxmoxGauge', - itemId: 'space', - title: gettext('Usage') - }, - { - flex: 2, - xtype: 'container', - defaults: { - padding: 0, - height: 100 - }, - items: [ - { - itemId: 'reads', - xtype: 'pveRunningChart', - title: gettext('Reads'), - renderer: PVE.Utils.render_bandwidth - }, - { - itemId: 'writes', - xtype: 'pveRunningChart', - title: gettext('Writes'), - renderer: PVE.Utils.render_bandwidth - }, - { - itemId: 'iops', - xtype: 'pveRunningChart', - hidden: true, - title: 'IOPS', // do not localize - renderer: Ext.util.Format.numberRenderer('0,000') - }, - { - itemId: 'readiops', - xtype: 'pveRunningChart', - hidden: true, - title: 'IOPS: ' + gettext('Reads'), - renderer: Ext.util.Format.numberRenderer('0,000') - }, - { - itemId: 'writeiops', - xtype: 'pveRunningChart', - hidden: true, - title: 'IOPS: ' + gettext('Writes'), - renderer: Ext.util.Format.numberRenderer('0,000') - } - ] - } - ] - } - ], - - generateCheckData: function(health) { - var result = []; - var checks = health.checks || {}; - var keys = Ext.Object.getKeys(checks).sort(); - - Ext.Array.forEach(keys, function(key) { - var details = checks[key].detail || []; - result.push({ - id: key, - summary: checks[key].summary.message, - detail: Ext.Array.reduce( - checks[key].detail, - function(first, second) { - return first + '\n' + second.message; - }, - '' - ), - severity: checks[key].severity - }); - }); - - return result; - }, - - updateAll: function(store, records, success) { - if (!success || records.length === 0) { - return; - } - - var me = this; - var rec = records[0]; - - // add health panel - me.down('#overallhealth').updateHealth(PVE.Utils.render_ceph_health(rec.data.health || {})); - // add errors to gridstore - me.down('#warnings').getStore().loadRawData(me.generateCheckData(rec.data.health || {}), false); - - // update detailstatus panel - me.getComponent('statusdetail').updateAll( - rec.data.health || {}, - rec.data.monmap || {}, - rec.data.pgmap || {}, - rec.data.osdmap || {}, - rec.data.quorum_names || []); - - // add performance data - var used = rec.data.pgmap.bytes_used; - var total = rec.data.pgmap.bytes_total; - - var text = Ext.String.format(gettext('{0} of {1}'), - PVE.Utils.render_size(used), - PVE.Utils.render_size(total) - ); - - // update the usage widget - me.down('#space').updateValue(used/total, text); - - // TODO: logic for jewel (iops splitted in read/write) - - var iops = rec.data.pgmap.op_per_sec; - var readiops = rec.data.pgmap.read_op_per_sec; - var writeiops = rec.data.pgmap.write_op_per_sec; - var reads = rec.data.pgmap.read_bytes_sec || 0; - var writes = rec.data.pgmap.write_bytes_sec || 0; - - if (iops !== undefined && me.version !== 'hammer') { - me.change_version('hammer'); - } else if((readiops !== undefined || writeiops !== undefined) && me.version !== 'jewel') { - me.change_version('jewel'); - } - // update the graphs - me.reads.addDataPoint(reads); - me.writes.addDataPoint(writes); - me.iops.addDataPoint(iops); - me.readiops.addDataPoint(readiops); - me.writeiops.addDataPoint(writeiops); - }, - - change_version: function(version) { - var me = this; - me.version = version; - me.sp.set('ceph-version', version); - me.iops.setVisible(version === 'hammer'); - me.readiops.setVisible(version === 'jewel'); - me.writeiops.setVisible(version === 'jewel'); - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - me.callParent(); - me.store = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'ceph-status-' + nodename, - interval: 5000, - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + nodename + '/ceph/status' - } - }); - - // save references for the updatefunction - me.iops = me.down('#iops'); - me.readiops = me.down('#readiops'); - me.writeiops = me.down('#writeiops'); - me.reads = me.down('#reads'); - me.writes = me.down('#writes'); - - // get ceph version - me.sp = Ext.state.Manager.getProvider(); - me.version = me.sp.get('ceph-version'); - me.change_version(me.version); - - var regex = new RegExp("not (installed|initialized)", "i"); - PVE.Utils.handleStoreErrorOrMask(me, me.store, regex, function(me, error){ - me.store.stopUpdate(); - PVE.Utils.showCephInstallOrMask(me, error.statusText, nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.store.startUpdate(); - }); - } - ); - }); - - me.mon(me.store, 'load', me.updateAll, me); - me.on('destroy', me.store.stopUpdate); - me.store.startUpdate(); - } - -}); -Ext.define('PVE.ceph.StatusDetail', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveCephStatusDetail', - - layout: { - type: 'hbox', - align: 'stretch' - }, - - bodyPadding: '0 5 20', - defaults: { - xtype: 'box', - style: { - 'text-align':'center' - } - }, - - items: [{ - flex: 1, - itemId: 'monitors', - xtype: 'container', - items: [ - { - xtype: 'box', - width: '100%', - html: '
' + gettext('Monitors') + '
' - } - ] - },{ - flex: 1, - itemId: 'osds', - data: { - total: 0, - upin: 0, - upout: 0, - downin: 0, - downout: 0 - }, - tpl: [ - '' + 'OSDs' + '
', - '| ', - ' | ', - gettext('In'), - ' | ', - '', - gettext('Out'), - ' | ', - '
| ', - gettext('Up'), - ' | ', - '{upin} | ', - '{upout} | ', - '
| ', - gettext('Down'), - ' | ', - '{downin} | ', - '{downout} | ', - '
',
- gettext('Total'),
- ': {total}',
- '
'
- ]
- },
- {
- flex: 1.6,
- itemId: 'pgs',
- padding: '0 10',
- data: {
- states: []
- },
- tpl: [
- '' + 'PGs' + '
', - '{state_name}:
',
- '{count}
', - '', - '
' + - gettext('Address') + ': ' + me.data.addr + '
' + - gettext('Health') + ': ' + me.data.health + '
' + - me.data.text - }); - } - me.tooltip.show(); - } - }, - mouseleave: { - element: 'el', - fn: function(events, element) { - var me = this.component; - if (me.tooltip) { - me.tooltip.destroy(); - delete me.tooltip; - } - } - } - } -}); -Ext.define('PVE.node.CephConfig', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveNodeCephConfig', - - bodyStyle: 'white-space:pre', - bodyPadding: 5, - border: false, - scrollable: true, - load: function() { - var me = this; - - Proxmox.Utils.API2Request({ - url: me.url, - waitMsgTarget: me, - failure: function(response, opts) { - me.update(gettext('Error') + " " + response.htmlStatus); - var msg = response.htmlStatus; - PVE.Utils.showCephInstallOrMask(me.ownerCt, msg, me.pveSelNode.data.node, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.load(); - }); - } - ); - - }, - success: function(response, opts) { - var data = response.result.data; - me.update(Ext.htmlEncode(data)); - } - }); - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - url: '/nodes/' + nodename + '/ceph/config', - listeners: { - activate: function() { - me.load(); - } - } - }); - - me.callParent(); - - me.load(); - } -}); - -Ext.define('PVE.node.CephConfigCrush', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveNodeCephConfigCrush', - - onlineHelp: 'chapter_pveceph', - - layout: 'border', - items: [{ - title: gettext('Configuration'), - xtype: 'pveNodeCephConfig', - region: 'center' - }, - { - title: 'Crush Map', // do not localize - xtype: 'pveNodeCephCrushMap', - region: 'east', - split: true, - width: '50%' - }], - - initComponent: function() { - var me = this; - me.defaults = { - pveSelNode: me.pveSelNode - }; - me.callParent(); - } -}); -Ext.define('PVE.ceph.Log', { - extend: 'Proxmox.panel.LogView', - xtype: 'cephLogView', - nodename: undefined, - failCallback: function(response) { - var me = this; - var msg = response.htmlStatus; - var windowShow = PVE.Utils.showCephInstallOrMask(me, msg, me.nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.loadTask.delay(200); - }); - } - ); - if (!windowShow) { - Proxmox.Utils.setErrorMask(me, msg); - } - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.ceph.CephInstallWizard', { - extend: 'PVE.window.Wizard', - alias: 'widget.pveCephInstallWizard', - mixins: ['Proxmox.Mixin.CBind'], - resizable: false, - nodename: undefined, - viewModel: { - data: { - nodename: '', - configuration: true, - isInstalled: false - } - }, - cbindData: { - nodename: undefined - }, - title: gettext('Setup'), - navigateNext: function() { - var tp = this.down('#wizcontent'); - var atab = tp.getActiveTab(); - - var next = tp.items.indexOf(atab) + 1; - var ntab = tp.items.getAt(next); - if (ntab) { - ntab.enable(); - tp.setActiveTab(ntab); - } - }, - setInitialTab: function (index) { - var tp = this.down('#wizcontent'); - var initialTab = tp.items.getAt(index); - initialTab.enable(); - tp.setActiveTab(initialTab); - }, - onShow: function() { - this.callParent(arguments); - var isInstalled = this.getViewModel().get('isInstalled'); - if (isInstalled) { - this.getViewModel().set('configuration', false); - this.setInitialTab(2); - } - }, - items: [ - { - title: gettext('Info'), - xtype: 'panel', - border: false, - bodyBorder: false, - onlineHelp: 'chapter_pveceph', - html: '
Ceph?
'+ - ''+ - '"Ceph is a unified, distributed storage system designed for excellent performance, reliability and scalability."
Ceph is currently not installed on this node, click on the next button below to start the installation.'+ - ' This wizard will guide you through the necessary steps, after the initial installation you will be offered to create a initial configuration.'+ - ' The configuration step is only needed once per cluster and will be skipped if a config is already present.
'+ - 'Please take a look at our documentation, by clicking the help button below, before starting the installation, '+ - 'if you want to gain deeper knowledge about Ceph visit ceph.com.
', - listeners: { - activate: function() { - // notify owning container that it should display a help button - if (this.onlineHelp) { - Ext.GlobalEvents.fireEvent('proxmoxShowHelp', this.onlineHelp); - } - this.up('pveCephInstallWizard').down('#back').hide(true); - this.up('pveCephInstallWizard').down('#next').setText(gettext('Start installation')); - }, - deactivate: function() { - if (this.onlineHelp) { - Ext.GlobalEvents.fireEvent('proxmoxHideHelp', this.onlineHelp); - } - this.up('pveCephInstallWizard').down('#next').setText(gettext('Next')); - } - } - }, - { - title: gettext('Installation'), - xtype: 'panel', - layout: 'fit', - cbind:{ - nodename: '{nodename}' - }, - viewModel: {}, // needed to inherit parent viewModel data - listeners: { - afterrender: function() { - var me = this; - if (this.getViewModel().get('isInstalled')) { - this.mask("Ceph is already installed, click next to create your configuration.",['pve-static-mask']); - } else { - me.down('pveNoVncConsole').fireEvent('activate'); - } - }, - activate: function() { - var me = this; - var nodename = me.nodename; - me.updateStore = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'ceph-status-' + nodename, - interval: 1000, - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + nodename + '/ceph/status' - }, - listeners: { - load: function(rec, response, success, operation) { - - if (success) { - me.updateStore.stopUpdate(); - me.down('textfield').setValue('success'); - } else if (operation.error.statusText.match("not initialized", "i")) { - me.updateStore.stopUpdate(); - me.up('pveCephInstallWizard').getViewModel().set('configuration',false); - me.down('textfield').setValue('success'); - } else if (operation.error.statusText.match("rados_connect failed", "i")) { - me.updateStore.stopUpdate(); - me.up('pveCephInstallWizard').getViewModel().set('configuration',true); - me.down('textfield').setValue('success'); - } else if (!operation.error.statusText.match("not installed", "i")) { - Proxmox.Utils.setErrorMask(me, operation.error.statusText); - } - } - } - }); - me.updateStore.startUpdate(); - }, - destroy: function() { - var me = this; - if (me.updateStore) { - me.updateStore.stopUpdate(); - } - } - }, - items: [ - { - itemId: 'jsconsole', - consoleType: 'cmd', - xtermjs: true, - xtype: 'pveNoVncConsole', - cbind:{ - nodename: '{nodename}' - }, - cmd: 'ceph_install' - }, - { - xtype: 'textfield', - name: 'installSuccess', - value: '', - allowBlank: false, - submitValue: false, - hidden: true - } - ] - }, - { - xtype: 'inputpanel', - title: gettext('Configuration'), - onlineHelp: 'chapter_pveceph', - cbind: { - nodename: '{nodename}' - }, - viewModel: { - data: { - replicas: undefined, - minreplicas: undefined - } - }, - listeners: { - activate: function() { - this.up('pveCephInstallWizard').down('#submit').setText(gettext('Next')); - }, - beforeshow: function() { - if (this.up('pveCephInstallWizard').getViewModel().get('configuration')) { - this.mask("Coniguration already initialized",['pve-static-mask']); - } else { - this.unmask(); - } - }, - deactivate: function() { - this.up('pveCephInstallWizard').down('#submit').setText(gettext('Finish')); - } - }, - column1: [ - { - xtype: 'displayfield', - value: gettext('Ceph cluster configuration') + ':' - }, - { - xtype: 'textfield', - name: 'network', - vtype: 'IPCIDRAddress', - value: '', - fieldLabel: 'Public Network IP/CIDR', - bind: { - allowBlank: '{configuration}' - }, - setAllowBlank: function(allowBlank) { - this.allowBlank = allowBlank; - this.validate(); - } - }, - { - xtype: 'textfield', - name: 'cluster-network', - vtype: 'IPCIDRAddress', - fieldLabel: 'Cluster Network IP/CIDR', - allowBlank: true, - emptyText: gettext('Same as Public Network') - } - // FIXME: add hint about cluster network and/or reference user to docs?? - ], - column2: [ - { - xtype: 'displayfield', - value: gettext('First Ceph monitor') + ':' - }, - { - xtype: 'pveNodeSelector', - fieldLabel: gettext('Monitor node'), - name: 'mon-node', - selectCurNode: true, - allowBlank: false - }, - { - xtype: 'displayfield', - value: gettext('Additional monitors are recommended. They can be created at any time in the Monitor tab.'), - userCls: 'pve-hint' - } - ], - advancedColumn1: [ - { - xtype: 'numberfield', - name: 'size', - fieldLabel: 'Number of replicas', - bind: { - value: '{replicas}' - }, - maxValue: 7, - minValue: 2, - emptyText: '3' - }, - { - xtype: 'numberfield', - name: 'min_size', - fieldLabel: 'Minimum replicas', - bind: { - maxValue: '{replicas}', - value: '{minreplicas}' - }, - minValue: 2, - maxValue: 3, - setMaxValue: function(value) { - this.maxValue = Ext.Number.from(value, 2); - // allow enough to avoid split brains with max 'size', but more makes simply no sense - if (this.maxValue > 4) { - this.maxValue = 4; - } - this.toggleSpinners(); - this.validate(); - }, - emptyText: '2' - } - ], - onGetValues: function(values) { - ['cluster-network', 'size', 'min_size'].forEach(function(field) { - if (!values[field]) { - delete values[field]; - } - }); - return values; - }, - onSubmit: function() { - var me = this; - if (!this.up('pveCephInstallWizard').getViewModel().get('configuration')) { - var wizard = me.up('window'); - var kv = wizard.getValues(); - delete kv['delete']; - var monNode = kv['mon-node']; - delete kv['mon-node']; - var nodename = me.nodename; - delete kv.nodename; - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/ceph/init', - waitMsgTarget: wizard, - method: 'POST', - params: kv, - success: function() { - Proxmox.Utils.API2Request({ - url: '/nodes/' + monNode + '/ceph/mon', - waitMsgTarget: wizard, - method: 'POST', - success: function() { - me.up('pveCephInstallWizard').navigateNext(); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - - } else { - me.up('pveCephInstallWizard').navigateNext(); - } - } - }, - { - title: gettext('Success'), - xtype: 'panel', - border: false, - bodyBorder: false, - onlineHelp: 'pve_ceph_install', - html: 'Installation successful!
'+ - 'The basic installation and configuration is completed, depending on your setup some of the following steps are required to start using Ceph:
'+ - '- Install Ceph on other nodes '+ - '
- Create additional Ceph Monitors '+ - '
- Create Ceph OSDs '+ - '
- Create Ceph Pools
To learn more click on the help button below.
', - listeners: { - activate: function() { - // notify owning container that it should display a help button - if (this.onlineHelp) { - Ext.GlobalEvents.fireEvent('proxmoxShowHelp', this.onlineHelp); - } - - var tp = this.up('#wizcontent'); - var idx = tp.items.indexOf(this)-1; - for(;idx >= 0;idx--) { - var nc = tp.items.getAt(idx); - if (nc) { - nc.disable(); - } - } - }, - deactivate: function() { - if (this.onlineHelp) { - Ext.GlobalEvents.fireEvent('proxmoxHideHelp', this.onlineHelp); - } - } - }, - onSubmit: function() { - var wizard = this.up('pveCephInstallWizard'); - wizard.close(); - } - } - ] - }); -Ext.define('PVE.node.DiskList', { - extend: 'Ext.grid.GridPanel', - alias: 'widget.pveNodeDiskList', - emptyText: gettext('No Disks found'), - stateful: true, - stateId: 'grid-node-disks', - columns: [ - { - header: gettext('Device'), - width: 100, - sortable: true, - dataIndex: 'devpath' - }, - { - header: gettext('Type'), - width: 80, - sortable: true, - dataIndex: 'type', - renderer: function(v) { - if (v === 'ssd') { - return 'SSD'; - } else if (v === 'hdd') { - return 'Hard Disk'; - } else if (v === 'usb'){ - return 'USB'; - } else { - return gettext('Unknown'); - } - } - }, - { - header: gettext('Usage'), - width: 80, - sortable: false, - renderer: function(v, metaData, rec) { - if (rec) { - if (rec.data.osdid >= 0) { - var bluestore = ''; - if (rec.data.bluestore === 1) { - bluestore = ' (Bluestore)'; - } - return "Ceph osd." + rec.data.osdid.toString() + bluestore; - } - - var types = []; - if (rec.data.journals > 0) { - types.push('Journal'); - } - - if (rec.data.db > 0) { - types.push('DB'); - } - - if (rec.data.wal > 0) { - types.push('WAL'); - } - - if (types.length > 0) { - return 'Ceph (' + types.join(', ') + ')'; - } - } - - return v || Proxmox.Utils.noText; - }, - dataIndex: 'used' - }, - { - header: gettext('Size'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - }, - { - header: 'GPT', - width: 60, - align: 'right', - renderer: function(value) { - if (value) { - return Proxmox.Utils.yesText; - } else { - return Proxmox.Utils.noText; - } - }, - dataIndex: 'gpt' - }, - { - header: gettext('Vendor'), - width: 100, - sortable: true, - renderer: Ext.String.htmlEncode, - dataIndex: 'vendor' - }, - { - header: gettext('Model'), - width: 200, - sortable: true, - renderer: Ext.String.htmlEncode, - dataIndex: 'model' - }, - { - header: gettext('Serial'), - width: 200, - sortable: true, - renderer: Ext.String.htmlEncode, - dataIndex: 'serial' - }, - { - header: 'S.M.A.R.T.', - width: 100, - sortable: true, - renderer: Ext.String.htmlEncode, - dataIndex: 'health' - }, - { - header: 'Wearout', - width: 100, - sortable: true, - dataIndex: 'wearout', - renderer: function(value) { - if (Ext.isNumeric(value)) { - return (100 - value).toString() + '%'; - } - return 'N/A'; - } - } - ], - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var store = Ext.create('Ext.data.Store', { - storeid: 'node-disk-list' + nodename, - model: 'node-disk-list', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/disks/list" - }, - sorters: [ - { - property : 'dev', - direction: 'ASC' - } - ] - }); - - var reloadButton = Ext.create('Proxmox.button.Button', { - text: gettext('Reload'), - handler: function() { - me.store.load(); - } - }); - - var smartButton = Ext.create('Proxmox.button.Button', { - text: gettext('Show S.M.A.R.T. values'), - selModel: sm, - enableFn: function() { - return !!sm.getSelection().length; - }, - disabled: true, - handler: function() { - var rec = sm.getSelection()[0]; - - var win = Ext.create('PVE.DiskSmartWindow', { - nodename: nodename, - dev: rec.data.devpath - }); - win.show(); - } - }); - - var initButton = Ext.create('Proxmox.button.Button', { - text: gettext('Initialize Disk with GPT'), - selModel: sm, - enableFn: function() { - var selection = sm.getSelection(); - - if (!selection.length || selection[0].data.used) { - return false; - } else { - return true; - } - }, - disabled: true, - - handler: function() { - var rec = sm.getSelection()[0]; - Proxmox.Utils.API2Request({ - url: '/api2/extjs/nodes/' + nodename + '/disks/initgpt', - waitMsgTarget: me, - method: 'POST', - params: { disk: rec.data.devpath}, - failure: function(response, options) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid - }); - win.show(); - } - }); - } - }); - - me.loadCount = 1; // avoid duplicate loadmask - Proxmox.Utils.monStoreErrors(me, store); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ reloadButton, smartButton, initButton ], - listeners: { - itemdblclick: function() { - var rec = sm.getSelection()[0]; - - var win = Ext.create('PVE.DiskSmartWindow', { - nodename: nodename, - dev: rec.data.devpath - }); - win.show(); - } - } - }); - - - me.callParent(); - me.store.load(); - } -}, function() { - - Ext.define('node-disk-list', { - extend: 'Ext.data.Model', - fields: [ 'devpath', 'used', { name: 'size', type: 'number'}, - {name: 'osdid', type: 'number'}, - 'vendor', 'model', 'serial', 'rpm', 'type', 'health', 'wearout' ], - idProperty: 'devpath' - }); -}); - -Ext.define('PVE.DiskSmartWindow', { - extend: 'Ext.window.Window', - alias: 'widget.pveSmartWindow', - - modal: true, - - items: [ - { - xtype: 'gridpanel', - layout: { - type: 'fit' - }, - emptyText: gettext('No S.M.A.R.T. Values'), - scrollable: true, - flex: 1, - itemId: 'smarts', - reserveScrollbar: true, - columns: [ - { text: 'ID', dataIndex: 'id', width: 50 }, - { text: gettext('Attribute'), flex: 1, dataIndex: 'name', renderer: Ext.String.htmlEncode }, - { text: gettext('Value'), dataIndex: 'raw', renderer: Ext.String.htmlEncode }, - { text: gettext('Normalized'), dataIndex: 'value', width: 60}, - { text: gettext('Threshold'), dataIndex: 'threshold', width: 60}, - { text: gettext('Worst'), dataIndex: 'worst', width: 60}, - { text: gettext('Flags'), dataIndex: 'flags'}, - { text: gettext('Failing'), dataIndex: 'fail', renderer: Ext.String.htmlEncode } - ] - }, - { - xtype: 'component', - itemId: 'text', - layout: { - type: 'fit' - }, - hidden: true, - style: { - 'background-color': '#23272a', - 'white-space': 'pre', - 'font-family': 'monospace' - } - } - ], - - buttons: [ - { - text: gettext('Reload'), - name: 'reload', - handler: function() { - var me = this; - me.up('window').store.reload(); - } - }, - { - text: gettext('Close'), - name: 'close', - handler: function() { - var me = this; - me.up('window').close(); - } - } - ], - - layout: { - type: 'vbox', - align: 'stretch' - }, - width: 800, - height: 500, - minWidth: 600, - minHeight: 400, - bodyPadding: 5, - title: gettext('S.M.A.R.T. Values'), - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - if (!nodename) { - throw "no node name specified"; - } - - var dev = me.dev; - if (!dev) { - throw "no device specified"; - } - - me.store = Ext.create('Ext.data.Store', { - model: 'disk-smart', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/disks/smart?disk=" + dev - } - }); - - me.callParent(); - var grid = me.down('#smarts'); - var text = me.down('#text'); - - Proxmox.Utils.monStoreErrors(grid, me.store); - me.mon(me.store, 'load', function(s, records, success) { - if (success && records.length > 0) { - var rec = records[0]; - switch (rec.data.type) { - case 'text': - grid.setVisible(false); - text.setVisible(true); - text.setHtml(Ext.String.htmlEncode(rec.data.text)); - break; - default: - // includes 'ata' - // cannot use empty case because - // of jslint - grid.setVisible(true); - text.setVisible(false); - grid.setStore(rec.attributes()); - break; - } - } - }); - - me.store.load(); - } -}, function() { - - Ext.define('disk-smart', { - extend: 'Ext.data.Model', - fields: [ - { name:'health'}, - { name:'type'}, - { name:'text'} - ], - hasMany: {model: 'smart-attribute', name: 'attributes'} - }); - Ext.define('smart-attribute', { - extend: 'Ext.data.Model', - fields: [ - { name:'id', type:'number' }, 'name', 'value', 'worst', 'threshold', 'flags', 'fail', 'raw' - ] - }); -}); -Ext.define('PVE.node.CreateLVM', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCreateLVM', - - subject: 'LVM Volume Group', - - showProgress: true, - - onlineHelp: 'chapter_lvm', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/disks/lvm", - method: 'POST', - items: [ - { - xtype: 'pveDiskSelector', - name: 'device', - nodename: me.nodename, - diskType: 'unused', - fieldLabel: gettext('Disk'), - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - name: 'name', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'add_storage', - fieldLabel: gettext('Add Storage'), - value: '1' - } - ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.LVMList', { - extend: 'Ext.tree.Panel', - xtype: 'pveLVMList', - emptyText: gettext('No Volume Groups found'), - stateful: true, - stateId: 'grid-node-lvm', - columns: [ - { - xtype: 'treecolumn', - text: gettext('Name'), - dataIndex: 'name', - flex: 1 - }, - { - text: gettext('Number of LVs'), - dataIndex: 'lvcount', - width: 150, - align: 'right' - }, - { - header: gettext('Usage'), - width: 110, - dataIndex: 'usage', - tdCls: 'x-progressbar-default-cell', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Size'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - }, - { - header: gettext('Free'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'free' - } - ], - - rootVisible: false, - useArrows: true, - - tbar: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - var me = this.up('panel'); - me.reload(); - } - }, - { - text: gettext('Create') + ': Volume Group', - handler: function() { - var me = this.up('panel'); - var win = Ext.create('PVE.node.CreateLVM', { - nodename: me.nodename, - taskDone: function() { - me.reload(); - } - }).show(); - } - } - ], - - reload: function() { - var me = this; - var sm = me.getSelectionModel(); - Proxmox.Utils.API2Request({ - url: "/nodes/" + me.nodename + "/disks/lvm", - waitMsgTarget: me, - method: 'GET', - failure: function(response, opts) { - Proxmox.Utils.setErrorMask(me, response.htmlStatus); - }, - success: function(response, opts) { - sm.deselectAll(); - me.setRootNode(response.result.data); - me.expandAll(); - } - }); - }, - - listeners: { - activate: function() { - var me = this; - me.reload(); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - me.nodename = me.pveSelNode.data.node; - if (!me.nodename) { - throw "no node name specified"; - } - - var sm = Ext.create('Ext.selection.TreeModel', {}); - - Ext.apply(me, { - selModel: sm, - fields: ['name', 'size', 'free', - { - type: 'string', - name: 'iconCls', - calculate: function(data) { - var txt = 'fa x-fa-tree fa-'; - txt += (data.leaf) ? 'hdd-o' : 'object-group'; - return txt; - } - }, - { - type: 'number', - name: 'usage', - calculate: function(data) { - return ((data.size-data.free)/data.size); - } - } - ], - sorters: 'name' - }); - - me.callParent(); - - me.reload(); - } -}); - -Ext.define('PVE.node.CreateLVMThin', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCreateLVMThin', - - subject: 'LVM Thinpool', - - showProgress: true, - - onlineHelp: 'chapter_lvm', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/disks/lvmthin", - method: 'POST', - items: [ - { - xtype: 'pveDiskSelector', - name: 'device', - nodename: me.nodename, - diskType: 'unused', - fieldLabel: gettext('Disk'), - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - name: 'name', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'add_storage', - fieldLabel: gettext('Add Storage'), - value: '1' - } - ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.LVMThinList', { - extend: 'Ext.grid.Panel', - xtype: 'pveLVMThinList', - - emptyText: gettext('No thinpools found'), - stateful: true, - stateId: 'grid-node-lvmthin', - columns: [ - { - text: gettext('Name'), - dataIndex: 'lv', - flex: 1 - }, - { - header: gettext('Usage'), - width: 110, - dataIndex: 'usage', - tdCls: 'x-progressbar-default-cell', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Size'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'lv_size' - }, - { - header: gettext('Used'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'used' - }, - { - header: gettext('Metadata Usage'), - width: 120, - dataIndex: 'metadata_usage', - tdCls: 'x-progressbar-default-cell', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Metadata Size'), - width: 120, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'metadata_size' - }, - { - header: gettext('Metadata Used'), - width: 125, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'metadata_used' - } - ], - - rootVisible: false, - useArrows: true, - - tbar: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - var me = this.up('panel'); - me.reload(); - } - }, - { - text: gettext('Create') + ': Thinpool', - handler: function() { - var me = this.up('panel'); - var win = Ext.create('PVE.node.CreateLVMThin', { - nodename: me.nodename, - taskDone: function() { - me.reload(); - } - }).show(); - } - } - ], - - reload: function() { - var me = this; - me.store.load(); - me.store.sort(); - }, - - listeners: { - activate: function() { - var me = this; - me.reload(); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - me.nodename = me.pveSelNode.data.node; - if (!me.nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - store: { - fields: ['lv', 'lv_size', 'used', 'metadata_size', 'metadata_used', - { - type: 'number', - name: 'usage', - calculate: function(data) { - return data.used/data.lv_size; - } - }, - { - type: 'number', - name: 'metadata_usage', - calculate: function(data) { - return data.metadata_used/data.metadata_size; - } - } - ], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + '/disks/lvmthin' - }, - sorters: 'lv' - } - }); - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.getStore(), true); - me.reload(); - } -}); - -Ext.define('PVE.node.CreateDirectory', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCreateDirectory', - - subject: Proxmox.Utils.directoryText, - - showProgress: true, - - onlineHelp: 'chapter_storage', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/disks/directory", - method: 'POST', - items: [ - { - xtype: 'pveDiskSelector', - name: 'device', - nodename: me.nodename, - diskType: 'unused', - fieldLabel: gettext('Disk'), - allowBlank: false - }, - { - xtype: 'proxmoxKVComboBox', - comboItems: [ - ['ext4', 'ext4'], - ['xfs', 'xfs'] - ], - fieldLabel: gettext('Filesystem'), - name: 'filesystem', - value: '', - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - name: 'name', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'add_storage', - fieldLabel: gettext('Add Storage'), - value: '1' - } - ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.Directorylist', { - extend: 'Ext.grid.Panel', - xtype: 'pveDirectoryList', - - stateful: true, - stateId: 'grid-node-directory', - columns: [ - { - text: gettext('Path'), - dataIndex: 'path', - flex: 1 - }, - { - header: gettext('Device'), - flex: 1, - dataIndex: 'device' - }, - { - header: gettext('Type'), - width: 100, - dataIndex: 'type' - }, - { - header: gettext('Options'), - width: 100, - dataIndex: 'options' - }, - { - header: gettext('Unit File'), - hidden: true, - dataIndex: 'unitfile' - } - ], - - rootVisible: false, - useArrows: true, - - tbar: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - var me = this.up('panel'); - me.reload(); - } - }, - { - text: gettext('Create') + ': Directory', - handler: function() { - var me = this.up('panel'); - var win = Ext.create('PVE.node.CreateDirectory', { - nodename: me.nodename - }).show(); - win.on('destroy', function() { me.reload(); }); - } - } - ], - - reload: function() { - var me = this; - me.store.load(); - me.store.sort(); - }, - - listeners: { - activate: function() { - var me = this; - me.reload(); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - me.nodename = me.pveSelNode.data.node; - if (!me.nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - store: { - fields: ['path', 'device', 'type', 'options', 'unitfile' ], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + '/disks/directory' - }, - sorters: 'path' - } - }); - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.getStore(), true); - me.reload(); - } -}); - -/*jslint confusion: true*/ -Ext.define('PVE.node.CreateZFS', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCreateZFS', - - subject: 'ZFS', - - showProgress: true, - - onlineHelp: 'chapter_zfs', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - var update_disklist = function() { - var grid = me.down('#disklist'); - var disks = grid.getSelection(); - - var val = []; - disks.sort(function(a,b) { - var aorder = a.get('order') || 0; - var border = b.get('order') || 0; - return (aorder - border); - }); - - disks.forEach(function(disk) { - val.push(disk.get('devpath')); - }); - - me.down('field[name=devices]').setValue(val.join(',')); - }; - - Ext.apply(me, { - url: '/nodes/' + me.nodename + '/disks/zfs', - method: 'POST', - items: [ - { - xtype: 'inputpanel', - onGetValues: function(values) { - return values; - }, - column1: [ - { - xtype: 'textfield', - hidden: true, - name: 'devices', - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - name: 'name', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'add_storage', - fieldLabel: gettext('Add Storage'), - value: '1' - } - ], - column2: [ - { - xtype: 'proxmoxKVComboBox', - fieldLabel: gettext('RAID Level'), - name: 'raidlevel', - value: 'single', - comboItems: [ - ['single', gettext('Single Disk')], - ['mirror', 'Mirror'], - ['raid10', 'RAID10'], - ['raidz', 'RAIDZ'], - ['raidz2', 'RAIDZ2'], - ['raidz3', 'RAIDZ3'] - ] - }, - { - xtype: 'proxmoxKVComboBox', - fieldLabel: gettext('Compression'), - name: 'compression', - value: 'on', - comboItems: [ - ['on', 'on'], - ['off', 'off'], - ['gzip', 'gzip'], - ['lz4', 'lz4'], - ['lzjb', 'lzjb'], - ['zle', 'zle'] - ] - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('ashift'), - minValue: 9, - maxValue: 16, - value: '12', - name: 'ashift' - } - ], - columnB: [ - { - xtype: 'grid', - height: 200, - emptyText: gettext('No Disks unused'), - itemId: 'disklist', - selModel: 'checkboxmodel', - listeners: { - selectionchange: update_disklist - }, - store: { - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/disks/list?type=unused' - } - }, - columns: [ - { - text: gettext('Device'), - dataIndex: 'devpath', - flex: 1 - }, - { - text: gettext('Serial'), - dataIndex: 'serial' - }, - { - text: gettext('Size'), - dataIndex: 'size', - renderer: PVE.Utils.render_size - }, - { - header: gettext('Order'), - xtype: 'widgetcolumn', - dataIndex: 'order', - sortable: true, - widget: { - xtype: 'proxmoxintegerfield', - minValue: 1, - isFormField: false, - listeners: { - change: function(numberfield, value, old_value) { - var record = numberfield.getWidgetRecord(); - record.set('order', value); - update_disklist(record); - } - } - } - } - ] - } - ] - } - ] - }); - - me.callParent(); - me.down('#disklist').getStore().load(); - } -}); - -Ext.define('PVE.node.ZFSDevices', { - extend: 'Ext.tree.Panel', - xtype: 'pveZFSDevices', - stateful: true, - stateId: 'grid-node-zfsstatus', - columns: [ - { - xtype: 'treecolumn', - text: gettext('Name'), - dataIndex: 'name', - flex: 1 - }, - { - text: gettext('Health'), - renderer: PVE.Utils.render_zfs_health, - dataIndex: 'state' - }, - { - text: 'READ', - dataIndex: 'read' - }, - { - text: 'WRITE', - dataIndex: 'write' - }, - { - text: 'CKSUM', - dataIndex: 'cksum' - }, - { - text: gettext('Message'), - dataIndex: 'msg' - } - ], - - rootVisible: true, - - reload: function() { - var me = this; - var sm = me.getSelectionModel(); - Proxmox.Utils.API2Request({ - url: "/nodes/" + me.nodename + "/disks/zfs/" + me.zpool, - waitMsgTarget: me, - method: 'GET', - failure: function(response, opts) { - Proxmox.Utils.setErrorMask(me, response.htmlStatus); - }, - success: function(response, opts) { - sm.deselectAll(); - me.setRootNode(response.result.data); - me.expandAll(); - } - }); - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.zpool) { - throw "no zpool specified"; - } - - var sm = Ext.create('Ext.selection.TreeModel', {}); - - Ext.apply(me, { - selModel: sm, - fields: ['name', 'status', - { - type: 'string', - name: 'iconCls', - calculate: function(data) { - var txt = 'fa x-fa-tree fa-'; - if (data.leaf) { - return txt + 'hdd-o'; - } - } - } - ], - sorters: 'name' - }); - - me.callParent(); - - me.reload(); - } -}); - -Ext.define('PVE.node.ZFSStatus', { - extend: 'Proxmox.grid.ObjectGrid', - xtype: 'pveZFSStatus', - layout: 'fit', - border: false, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.zpool) { - throw "no zpool specified"; - } - - me.url = "/api2/extjs/nodes/" + me.nodename + "/disks/zfs/" + me.zpool; - - me.rows = { - scan: { - header: gettext('Scan') - }, - status: { - header: gettext('Status') - }, - action: { - header: gettext('Action') - }, - errors: { - header: gettext('Errors') - } - }; - - me.callParent(); - me.reload(); - } -}); - -Ext.define('PVE.node.ZFSList', { - extend: 'Ext.grid.Panel', - xtype: 'pveZFSList', - - stateful: true, - stateId: 'grid-node-zfs', - columns: [ - { - text: gettext('Name'), - dataIndex: 'name', - flex: 1 - }, - { - header: gettext('Size'), - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - }, - { - header: gettext('Free'), - renderer: Proxmox.Utils.format_size, - dataIndex: 'free' - }, - { - header: gettext('Allocated'), - renderer: Proxmox.Utils.format_size, - dataIndex: 'alloc' - }, - { - header: gettext('Fragmentation'), - renderer: function(value) { - return value.toString() + '%'; - }, - dataIndex: 'frag' - }, - { - header: gettext('Health'), - renderer: PVE.Utils.render_zfs_health, - dataIndex: 'health' - }, - { - header: gettext('Deduplication'), - hidden: true, - renderer: function(value) { - return value.toFixed(2).toString() + 'x'; - }, - dataIndex: 'dedup' - } - ], - - rootVisible: false, - useArrows: true, - - tbar: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - var me = this.up('panel'); - me.reload(); - } - }, - { - text: gettext('Create') + ': ZFS', - handler: function() { - var me = this.up('panel'); - var win = Ext.create('PVE.node.CreateZFS', { - nodename: me.nodename - }).show(); - win.on('destroy', function() { me.reload(); }); - } - }, - { - text: gettext('Detail'), - itemId: 'detailbtn', - disabled: true, - handler: function() { - var me = this.up('panel'); - var selection = me.getSelection(); - if (selection.length < 1) { - return; - } - me.show_detail(selection[0].get('name')); - } - } - ], - - show_detail: function(zpool) { - var me = this; - - var detailsgrid = Ext.create('PVE.node.ZFSStatus', { - layout: 'fit', - nodename: me.nodename, - flex: 0, - zpool: zpool - }); - - var devicetree = Ext.create('PVE.node.ZFSDevices', { - title: gettext('Devices'), - nodename: me.nodename, - flex: 1, - zpool: zpool - }); - - - var win = Ext.create('Ext.window.Window', { - modal: true, - width: 800, - height: 400, - resizable: true, - layout: 'fit', - title: gettext('Status') + ': ' + zpool, - items:[{ - xtype: 'panel', - region: 'center', - layout: { - type: 'vbox', - align: 'stretch' - }, - items: [detailsgrid, devicetree], - tbar: [{ - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - - devicetree.reload(); - detailsgrid.reload(); - } - }] - }] - }).show(); - }, - - set_button_status: function() { - var me = this; - var selection = me.getSelection(); - me.down('#detailbtn').setDisabled(selection.length === 0); - }, - - reload: function() { - var me = this; - me.store.load(); - me.store.sort(); - }, - - listeners: { - activate: function() { - var me = this; - me.reload(); - }, - selectionchange: function() { - this.set_button_status(); - }, - itemdblclick: function(grid, record) { - var me = this; - me.show_detail(record.get('name')); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - me.nodename = me.pveSelNode.data.node; - if (!me.nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - store: { - fields: ['name', 'size', 'free', 'alloc', 'dedup', 'frag', 'health'], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + '/disks/zfs' - }, - sorters: 'name' - } - }); - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.getStore(), true); - me.reload(); - } -}); - -Ext.define('PVE.node.StatusView', { - extend: 'PVE.panel.StatusView', - alias: 'widget.pveNodeStatus', - - height: 300, - bodyPadding: '20 15 20 15', - - layout: { - type: 'table', - columns: 2, - tableAttrs: { - style: { - width: '100%' - } - } - }, - - defaults: { - xtype: 'pveInfoWidget', - padding: '0 15 5 15' - }, - - items: [ - { - itemId: 'cpu', - iconCls: 'fa fa-fw pve-itype-icon-processor pve-icon', - title: gettext('CPU usage'), - valueField: 'cpu', - maxField: 'cpuinfo', - renderer: PVE.Utils.render_node_cpu_usage - }, - { - itemId: 'wait', - iconCls: 'fa fa-fw fa-clock-o', - title: gettext('IO delay'), - valueField: 'wait', - rowspan: 2 - }, - { - itemId: 'load', - iconCls: 'fa fa-fw fa-tasks', - title: gettext('Load average'), - printBar: false, - textField: 'loadavg' - }, - { - xtype: 'box', - colspan: 2, - padding: '0 0 20 0' - }, - { - iconCls: 'fa fa-fw pve-itype-icon-memory pve-icon', - itemId: 'memory', - title: gettext('RAM usage'), - valueField: 'memory', - maxField: 'memory', - renderer: PVE.Utils.render_node_size_usage - }, - { - itemId: 'ksm', - printBar: false, - title: gettext('KSM sharing'), - textField: 'ksm', - renderer: function(record) { - return PVE.Utils.render_size(record.shared); - }, - padding: '0 15 10 15' - }, - { - iconCls: 'fa fa-fw fa-hdd-o', - itemId: 'rootfs', - title: gettext('HD space') + '(root)', - valueField: 'rootfs', - maxField: 'rootfs', - renderer: PVE.Utils.render_node_size_usage - }, - { - iconCls: 'fa fa-fw fa-refresh', - itemId: 'swap', - printSize: true, - title: gettext('SWAP usage'), - valueField: 'swap', - maxField: 'swap', - renderer: PVE.Utils.render_node_size_usage - }, - { - xtype: 'box', - colspan: 2, - padding: '0 0 20 0' - }, - { - itemId: 'cpus', - colspan: 2, - printBar: false, - title: gettext('CPU(s)'), - textField: 'cpuinfo', - renderer: function(cpuinfo) { - return cpuinfo.cpus + " x " + cpuinfo.model + " (" + - cpuinfo.sockets.toString() + " " + - (cpuinfo.sockets > 1 ? - gettext('Sockets') : - gettext('Socket') - ) + ")"; - }, - value: '' - }, - { - itemId: 'kversion', - colspan: 2, - title: gettext('Kernel Version'), - printBar: false, - textField: 'kversion', - value: '' - }, - { - itemId: 'version', - colspan: 2, - printBar: false, - title: gettext('PVE Manager Version'), - textField: 'pveversion', - value: '' - } - ], - - updateTitle: function() { - var me = this; - var uptime = Proxmox.Utils.render_uptime(me.getRecordValue('uptime')); - me.setTitle(me.pveSelNode.data.node + ' (' + gettext('Uptime') + ': ' + uptime + ')'); - } - -}); -Ext.define('PVE.node.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveNodeSummary', - - scrollable: true, - bodyPadding: 5, - - showVersions: function() { - var me = this; - - // Note: we use simply text/html here, because ExtJS grid has problems - // with cut&paste - - var nodename = me.pveSelNode.data.node; - - var view = Ext.createWidget('component', { - autoScroll: true, - padding: 5, - style: { - 'background-color': '#23272a', - 'white-space': 'pre', - 'font-family': 'monospace' - } - }); - - var win = Ext.create('Ext.window.Window', { - title: gettext('Package versions'), - width: 600, - height: 400, - layout: 'fit', - modal: true, - items: [ view ] - }); - - Proxmox.Utils.API2Request({ - waitMsgTarget: me, - url: "/nodes/" + nodename + "/apt/versions", - method: 'GET', - failure: function(response, opts) { - win.close(); - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, opts) { - win.show(); - var text = ''; - - Ext.Array.each(response.result.data, function(rec) { - var version = "not correctly installed"; - var pkg = rec.Package; - if (rec.OldVersion && rec.CurrentState === 'Installed') { - version = rec.OldVersion; - } - if (rec.RunningKernel) { - text += pkg + ': ' + version + ' (running kernel: ' + - rec.RunningKernel + ')\n'; - } else if (rec.ManagerVersion) { - text += pkg + ': ' + version + ' (running version: ' + - rec.ManagerVersion + ')\n'; - } else { - text += pkg + ': ' + version + '\n'; - } - }); - - view.update(Ext.htmlEncode(text)); - } - }); - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - if (!me.statusStore) { - throw "no status storage specified"; - } - - var rstore = me.statusStore; - - var version_btn = new Ext.Button({ - text: gettext('Package versions'), - handler: function(){ - Proxmox.Utils.checked_command(function() { me.showVersions(); }); - } - }); - - var rrdstore = Ext.create('Proxmox.data.RRDStore', { - rrdurl: "/api2/json/nodes/" + nodename + "/rrddata", - model: 'pve-rrd-node' - }); - - Ext.apply(me, { - tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' } ], - items: [ - { - xtype: 'container', - layout: 'column', - defaults: { - minHeight: 320, - padding: 5, - plugins: 'responsive', - responsiveConfig: { - 'width < 1900': { - columnWidth: 1 - }, - 'width >= 1900': { - columnWidth: 0.5 - } - } - }, - items: [ - { - xtype: 'pveNodeStatus', - rstore: rstore, - width: 770, - pveSelNode: me.pveSelNode - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('CPU usage'), - fields: ['cpu','iowait'], - fieldTitles: [gettext('CPU usage'), gettext('IO delay')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Server load'), - fields: ['loadavg'], - fieldTitles: [gettext('Load average')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Memory usage'), - fields: ['memtotal','memused'], - fieldTitles: [gettext('Total'), gettext('RAM usage')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Network traffic'), - fields: ['netin','netout'], - store: rrdstore - } - ] - } - ], - listeners: { - activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); }, - destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); } - } - }); - - me.callParent(); - } -}); -/*global Blob*/ -Ext.define('PVE.node.SubscriptionKeyEdit', { - extend: 'Proxmox.window.Edit', - title: gettext('Upload Subscription Key'), - width: 300, - items: { - xtype: 'textfield', - name: 'key', - value: '', - fieldLabel: gettext('Subscription Key') - }, - initComponent : function() { - var me = this; - - me.callParent(); - - me.load(); - } -}); - -Ext.define('PVE.node.Subscription', { - extend: 'Proxmox.grid.ObjectGrid', - - alias: ['widget.pveNodeSubscription'], - - onlineHelp: 'getting_help', - - viewConfig: { - enableTextSelection: true - }, - - showReport: function() { - var me = this; - var nodename = me.pveSelNode.data.node; - - var getReportFileName = function() { - var now = Ext.Date.format(new Date(), 'D-d-F-Y-G-i'); - return me.nodename + '-report-' + now + '.txt'; - }; - - var view = Ext.createWidget('component', { - itemId: 'system-report-view', - scrollable: true, - style: { - 'background-color': '#23272a', - 'white-space': 'pre', - 'font-family': 'monospace', - padding: '5px' - } - }); - - var reportWindow = Ext.create('Ext.window.Window', { - title: gettext('System Report'), - width: 1024, - height: 600, - layout: 'fit', - modal: true, - buttons: [ - '->', - { - text: gettext('Download'), - handler: function() { - var fileContent = reportWindow.getComponent('system-report-view').html; - var fileName = getReportFileName(); - - // Internet Explorer - if (window.navigator.msSaveOrOpenBlob) { - navigator.msSaveOrOpenBlob(new Blob([fileContent]), fileName); - } else { - var element = document.createElement('a'); - element.setAttribute('href', 'data:text/plain;charset=utf-8,' - + encodeURIComponent(fileContent)); - element.setAttribute('download', fileName); - element.style.display = 'none'; - document.body.appendChild(element); - element.click(); - document.body.removeChild(element); - } - } - } - ], - items: view - }); - - Proxmox.Utils.API2Request({ - url: '/api2/extjs/nodes/' + me.nodename + '/report', - method: 'GET', - waitMsgTarget: me, - failure: function(response) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response) { - var report = Ext.htmlEncode(response.result.data); - reportWindow.show(); - view.update(report); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var reload = function() { - me.rstore.load(); - }; - - var baseurl = '/nodes/' + me.nodename + '/subscription'; - - var render_status = function(value) { - - var message = me.getObjectValue('message'); - - if (message) { - return value + ": " + message; - } - return value; - }; - - var rows = { - productname: { - header: gettext('Type') - }, - key: { - header: gettext('Subscription Key') - }, - status: { - header: gettext('Status'), - renderer: render_status - }, - message: { - visible: false - }, - serverid: { - header: gettext('Server ID') - }, - sockets: { - header: gettext('Sockets') - }, - checktime: { - header: gettext('Last checked'), - renderer: Proxmox.Utils.render_timestamp - }, - nextduedate: { - header: gettext('Next due date') - } - }; - - Ext.apply(me, { - url: '/api2/json' + baseurl, - cwidth1: 170, - tbar: [ - { - text: gettext('Upload Subscription Key'), - handler: function() { - var win = Ext.create('PVE.node.SubscriptionKeyEdit', { - url: '/api2/extjs/' + baseurl - }); - win.show(); - win.on('destroy', reload); - } - }, - { - text: gettext('Check'), - handler: function() { - Proxmox.Utils.API2Request({ - params: { force: 1 }, - url: baseurl, - method: 'POST', - waitMsgTarget: me, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - callback: reload - }); - } - }, - { - text: gettext('System Report'), - handler: function() { - Proxmox.Utils.checked_command(function (){ me.showReport(); }); - } - } - ], - rows: rows, - listeners: { - activate: reload - } - }); - - me.callParent(); - } -}); -Ext.define('PVE.node.CertificateView', { - extend: 'Ext.container.Container', - xtype: 'pveCertificatesView', - - onlineHelp: 'sysadmin_certificate_management', - - mixins: ['Proxmox.Mixin.CBind' ], - - items: [ - { - xtype: 'pveCertView', - border: 0, - cbind: { - nodename: '{nodename}' - } - }, - { - xtype: 'pveACMEView', - border: 0, - cbind: { - nodename: '{nodename}' - } - } - ] - -}); - -Ext.define('PVE.node.CertificateViewer', { - extend: 'Proxmox.window.Edit', - - title: gettext('Certificate'), - - fieldDefaults: { - labelWidth: 120 - }, - width: 800, - resizable: true, - - items: [ - { - xtype: 'displayfield', - fieldLabel: gettext('Name'), - name: 'filename' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Fingerprint'), - name: 'fingerprint' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Issuer'), - name: 'issuer' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Subject'), - name: 'subject' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Valid Since'), - renderer: Proxmox.Utils.render_timestamp, - name: 'notbefore' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Expires'), - renderer: Proxmox.Utils.render_timestamp, - name: 'notafter' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Subject Alternative Names'), - name: 'san', - renderer: PVE.Utils.render_san - }, - { - xtype: 'textarea', - editable: false, - grow: true, - growMax: 200, - fieldLabel: gettext('Certificate'), - name: 'pem' - } - ], - - initComponent: function() { - var me = this; - - if (!me.cert) { - throw "no cert given"; - } - - if (!me.nodename) { - throw "no nodename given"; - } - - me.url = '/nodes/' + me.nodename + '/certificates/info'; - me.callParent(); - - // hide OK/Reset button, because we just want to show data - me.down('toolbar[dock=bottom]').setVisible(false); - - me.load({ - success: function(response) { - if (Ext.isArray(response.result.data)) { - Ext.Array.each(response.result.data, function(item) { - if (item.filename === me.cert) { - me.setValues(item); - return false; - } - }); - } - } - }); - } -}); - -Ext.define('PVE.node.CertUpload', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCertUpload', - - title: gettext('Upload Custom Certificate'), - resizable: false, - isCreate: true, - submitText: gettext('Upload'), - method: 'POST', - width: 600, - - apiCallDone: function(success, response, options) { - if (!success) { - return; - } - - var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); - Ext.getBody().mask(txt, ['pve-static-mask']); - // reload after 10 seconds automatically - Ext.defer(function() { - window.location.reload(true); - }, 10000); - }, - - items: [ - { - fieldLabel: gettext('Private Key (Optional)'), - labelAlign: 'top', - emptyText: gettext('No change'), - name: 'key', - xtype: 'textarea' - }, - { - xtype: 'filebutton', - text: gettext('From File'), - listeners: { - change: function(btn, e, value) { - var me = this.up('form'); - e = e.event; - Ext.Array.each(e.target.files, function(file) { - PVE.Utils.loadSSHKeyFromFile(file, function(res) { - me.down('field[name=key]').setValue(res); - }); - }); - btn.reset(); - } - } - }, - { - xtype: 'box', - autoEl: 'hr' - }, - { - fieldLabel: gettext('Certificate Chain'), - labelAlign: 'top', - allowBlank: false, - name: 'certificates', - xtype: 'textarea' - }, - { - xtype: 'filebutton', - text: gettext('From File'), - listeners: { - change: function(btn, e, value) { - var me = this.up('form'); - e = e.event; - Ext.Array.each(e.target.files, function(file) { - PVE.Utils.loadSSHKeyFromFile(file, function(res) { - me.down('field[name=certificates]').setValue(res); - }); - }); - btn.reset(); - } - } - }, - { - xtype: 'hidden', - name: 'restart', - value: '1' - }, - { - xtype: 'hidden', - name: 'force', - value: '1' - } - ], - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no nodename given"; - } - - me.url = '/nodes/' + me.nodename + '/certificates/custom'; - - me.callParent(); - } -}); - -Ext.define('pve-certificate', { - extend: 'Ext.data.Model', - - fields: [ 'filename', 'fingerprint', 'issuer', 'notafter', 'notbefore', 'subject', 'san' ], - idProperty: 'filename' -}); - -Ext.define('PVE.node.Certificates', { - extend: 'Ext.grid.Panel', - xtype: 'pveCertView', - - tbar: [ - { - xtype: 'button', - text: gettext('Upload Custom Certificate'), - handler: function() { - var me = this.up('grid'); - var win = Ext.create('PVE.node.CertUpload', { - nodename: me.nodename - }); - win.show(); - win.on('destroy', me.reload, me); - } - }, - { - xtype: 'button', - itemId: 'deletebtn', - text: gettext('Delete Custom Certificate'), - handler: function() { - var me = this.up('grid'); - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/certificates/custom?restart=1', - method: 'DELETE', - success: function(response, opt) { - var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); - Ext.getBody().mask(txt, ['pve-static-mask']); - // reload after 10 seconds automatically - Ext.defer(function() { - window.location.reload(true); - }, 10000); - }, - failure: function(response, opt) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - }, - '-', - { - xtype: 'proxmoxButton', - itemId: 'viewbtn', - disabled: true, - text: gettext('View Certificate'), - handler: function() { - var me = this.up('grid'); - me.view_certificate(); - } - } - ], - - columns: [ - { - header: gettext('File'), - width: 150, - dataIndex: 'filename' - }, - { - header: gettext('Issuer'), - flex: 1, - dataIndex: 'issuer' - }, - { - header: gettext('Subject'), - flex: 1, - dataIndex: 'subject' - }, - { - header: gettext('Valid Since'), - width: 150, - dataIndex: 'notbefore', - renderer: Proxmox.Utils.render_timestamp - }, - { - header: gettext('Expires'), - width: 150, - dataIndex: 'notafter', - renderer: Proxmox.Utils.render_timestamp - }, - { - header: gettext('Subject Alternative Names'), - flex: 1, - dataIndex: 'san', - renderer: PVE.Utils.render_san - }, - { - header: gettext('Fingerprint'), - dataIndex: 'fingerprint', - hidden: true - }, - { - header: gettext('PEM'), - dataIndex: 'pem', - hidden: true - } - ], - - reload: function() { - var me = this; - me.rstore.load(); - }, - - set_button_status: function() { - var me = this; - var rec = me.rstore.getById('pveproxy-ssl.pem'); - - me.down('#deletebtn').setDisabled(!rec); - }, - - view_certificate: function() { - var me = this; - var selection = me.getSelection(); - if (!selection || selection.length < 1) { - return; - } - var win = Ext.create('PVE.node.CertificateViewer', { - cert: selection[0].data.filename, - nodename : me.nodename - }); - win.show(); - }, - - listeners: { - itemdblclick: 'view_certificate' - }, - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no nodename given"; - } - - me.rstore = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'certs-' + me.nodename, - model: 'pve-certificate', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/certificates/info' - } - }); - - me.store = { - type: 'diff', - rstore: me.rstore - }; - - me.callParent(); - - me.mon(me.rstore, 'load', me.set_button_status, me); - me.rstore.startUpdate(); - } -}); -Ext.define('PVE.node.ACMEEditor', { - extend: 'Proxmox.window.Edit', - xtype: 'pveACMEEditor', - - subject: gettext('Domains'), - items: [ - { - xtype: 'inputpanel', - items: [ - { - xtype: 'textarea', - fieldLabel: gettext('Domains'), - emptyText: "domain1.example.com\ndomain2.example.com", - name: 'domains' - } - ], - onGetValues: function(values) { - if (!values.domains) { - return { - 'delete': 'acme' - }; - } - var domains = values.domains.split(/\n/).join(';'); - return { - 'acme': 'domains=' + domains - }; - } - } - ], - - initComponent: function() { - var me = this; - me.callParent(); - - me.load({ - success: function(response, opts) { - var res = PVE.Parser.parseACME(response.result.data.acme); - if (res) { - res.domains = res.domains.join(' '); - me.setValues(res); - } - } - }); - } -}); - -Ext.define('PVE.node.ACMEAccountCreate', { - extend: 'Proxmox.window.Edit', - - width: 400, - title: gettext('Register Account'), - isCreate: true, - method: 'POST', - submitText: gettext('Register'), - url: '/cluster/acme/account', - showTaskViewer: true, - - items: [ - { - xtype: 'proxmoxComboGrid', - name: 'directory', - allowBlank: false, - valueField: 'url', - displayField: 'name', - fieldLabel: gettext('ACME Directory'), - store: { - autoLoad: true, - fields: ['name', 'url'], - idProperty: ['name'], - proxy: { - type: 'proxmox', - url: '/api2/json/cluster/acme/directories' - }, - sorters: { - property: 'name', - order: 'ASC' - } - }, - listConfig: { - columns: [ - { - header: gettext('Name'), - dataIndex: 'name', - flex: 1 - }, - { - header: gettext('URL'), - dataIndex: 'url', - flex: 1 - } - ] - }, - listeners: { - change: function(combogrid, value) { - var me = this; - if (!value) { - return; - } - - var disp = me.up('window').down('#tos_url_display'); - var field = me.up('window').down('#tos_url'); - var checkbox = me.up('window').down('#tos_checkbox'); - - disp.setValue(gettext('Loading')); - field.setValue(undefined); - checkbox.setValue(undefined); - - Proxmox.Utils.API2Request({ - url: '/cluster/acme/tos', - method: 'GET', - params: { - directory: value - }, - success: function(response, opt) { - me.up('window').down('#tos_url').setValue(response.result.data); - me.up('window').down('#tos_url_display').setValue(response.result.data); - }, - failure: function(response, opt) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - } - }, - { - xtype: 'displayfield', - itemId: 'tos_url_display', - fieldLabel: gettext('Terms of Service'), - renderer: PVE.Utils.render_optional_url, - name: 'tos_url_display' - }, - { - xtype: 'hidden', - itemId: 'tos_url', - name: 'tos_url' - }, - { - xtype: 'proxmoxcheckbox', - itemId: 'tos_checkbox', - fieldLabel: gettext('Accept TOS'), - submitValue: false, - validateValue: function(value) { - if (value && this.checked) { - return true; - } - return false; - } - }, - { - xtype: 'textfield', - name: 'contact', - vtype: 'email', - allowBlank: false, - fieldLabel: gettext('E-Mail') - } - ] - -}); - -Ext.define('PVE.node.ACMEAccountView', { - extend: 'Proxmox.window.Edit', - - width: 600, - fieldDefaults: { - labelWidth: 140 - }, - - title: gettext('Account'), - - items: [ - { - xtype: 'displayfield', - fieldLabel: gettext('E-Mail'), - name: 'email' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Created'), - name: 'createdAt' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Status'), - name: 'status' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Directory'), - renderer: PVE.Utils.render_optional_url, - name: 'directory' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Terms of Services'), - renderer: PVE.Utils.render_optional_url, - name: 'tos' - } - ], - - initComponent: function() { - var me = this; - - if (!me.accountname) { - throw "no account name defined"; - } - - me.url = '/cluster/acme/account/' + me.accountname; - - me.callParent(); - - // hide OK/Reset button, because we just want to show data - me.down('toolbar[dock=bottom]').setVisible(false); - - me.load({ - success: function(response) { - var data = response.result.data; - data.email = data.account.contact[0]; - data.createdAt = data.account.createdAt; - data.status = data.account.status; - me.setValues(data); - } - }); - } -}); - -Ext.define('PVE.node.ACME', { - extend: 'Proxmox.grid.ObjectGrid', - xtype: 'pveACMEView', - - margin: '10 0 0 0', - title: 'ACME', - - tbar: [ - { - xtype: 'button', - itemId: 'edit', - text: gettext('Edit Domains'), - handler: function() { - this.up('grid').run_editor(); - } - }, - { - xtype: 'button', - itemId: 'createaccount', - text: gettext('Register Account'), - handler: function() { - var me = this.up('grid'); - var win = Ext.create('PVE.node.ACMEAccountCreate', { - taskDone: function() { - me.load_account(); - me.reload(); - } - }); - win.show(); - } - }, - { - xtype: 'button', - itemId: 'viewaccount', - text: gettext('View Account'), - handler: function() { - var me = this.up('grid'); - var win = Ext.create('PVE.node.ACMEAccountView', { - accountname: 'default' - }); - win.show(); - } - }, - { - xtype: 'button', - itemId: 'order', - text: gettext('Order Certificate'), - handler: function() { - var me = this.up('grid'); - - Proxmox.Utils.API2Request({ - method: 'POST', - params: { - force: 1 - }, - url: '/nodes/' + me.nodename + '/certificates/acme/certificate', - success: function(response, opt) { - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: response.result.data, - taskDone: function(success) { - me.certificate_order_finished(success); - } - }); - win.show(); - }, - failure: function(response, opt) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - } - ], - - certificate_order_finished: function(success) { - if (!success) { - return; - } - var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); - Ext.getBody().mask(txt, ['pve-static-mask']); - // reload after 10 seconds automatically - Ext.defer(function() { - window.location.reload(true); - }, 10000); - }, - - set_button_status: function() { - var me = this; - - var account = !!me.account; - var acmeObj = PVE.Parser.parseACME(me.getObjectValue('acme')); - var domains = acmeObj ? acmeObj.domains.length : 0; - - var order = me.down('#order'); - order.setVisible(account); - order.setDisabled(!account || !domains); - - me.down('#createaccount').setVisible(!account); - me.down('#viewaccount').setVisible(account); - }, - - load_account: function() { - var me = this; - - // for now we only use the 'default' account - Proxmox.Utils.API2Request({ - url: '/cluster/acme/account/default', - success: function(response, opt) { - me.account = response.result.data; - me.set_button_status(); - }, - failure: function(response, opt) { - me.account = undefined; - me.set_button_status(); - } - }); - }, - - run_editor: function() { - var me = this; - var win = Ext.create(me.rows.acme.editor, me.editorConfig); - win.show(); - win.on('destroy', me.reload, me); - }, - - listeners: { - itemdblclick: 'run_editor' - }, - - // account data gets loaded here - account: undefined, - - disableSelection: true, - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no nodename given"; - } - - me.url = '/api2/json/nodes/' + me.nodename + '/config'; - - me.editorConfig = { - url: '/api2/extjs/nodes/' + me.nodename + '/config' - }; - /*jslint confusion: true*/ - /*acme is a string above*/ - me.rows = { - acme: { - defaultValue: '', - header: gettext('Domains'), - editor: 'PVE.node.ACMEEditor', - renderer: function(value) { - var acmeObj = PVE.Parser.parseACME(value); - if (acmeObj) { - return acmeObj.domains.join(''); - } - return Proxmox.Utils.noneText; - } - } - }; - /*jslint confusion: false*/ - - me.callParent(); - me.mon(me.rstore, 'load', me.set_button_status, me); - me.rstore.startUpdate(); - me.load_account(); - } -}); -Ext.define('PVE.node.Config', { - extend: 'PVE.panel.Config', - alias: 'widget.PVE.node.Config', - - onlineHelp: 'chapter_system_administration', - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - - me.statusStore = Ext.create('Proxmox.data.ObjectStore', { - url: "/api2/json/nodes/" + nodename + "/status", - interval: 1000 - }); - - var node_command = function(cmd) { - Proxmox.Utils.API2Request({ - params: { command: cmd }, - url: '/nodes/' + nodename + '/status', - method: 'POST', - waitMsgTarget: me, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - var actionBtn = Ext.create('Ext.Button', { - text: gettext('Bulk Actions'), - iconCls: 'fa fa-fw fa-ellipsis-v', - disabled: !caps.nodes['Sys.PowerMgmt'], - menu: new Ext.menu.Menu({ - items: [ - { - text: gettext('Bulk Start'), - iconCls: 'fa fa-fw fa-play', - handler: function() { - var win = Ext.create('PVE.window.BulkAction', { - nodename: nodename, - title: gettext('Bulk Start'), - btnText: gettext('Start'), - action: 'startall' - }); - win.show(); - } - }, - { - text: gettext('Bulk Stop'), - iconCls: 'fa fa-fw fa-stop', - handler: function() { - var win = Ext.create('PVE.window.BulkAction', { - nodename: nodename, - title: gettext('Bulk Stop'), - btnText: gettext('Stop'), - action: 'stopall' - }); - win.show(); - } - }, - { - text: gettext('Bulk Migrate'), - iconCls: 'fa fa-fw fa-send-o', - handler: function() { - var win = Ext.create('PVE.window.BulkAction', { - nodename: nodename, - title: gettext('Bulk Migrate'), - btnText: gettext('Migrate'), - action: 'migrateall' - }); - win.show(); - } - } - ] - }) - }); - - var restartBtn = Ext.create('Proxmox.button.Button', { - text: gettext('Reboot'), - disabled: !caps.nodes['Sys.PowerMgmt'], - dangerous: true, - confirmMsg: Ext.String.format(gettext("Reboot node '{0}'?"), nodename), - handler: function() { - node_command('reboot'); - }, - iconCls: 'fa fa-undo' - }); - - var shutdownBtn = Ext.create('Proxmox.button.Button', { - text: gettext('Shutdown'), - disabled: !caps.nodes['Sys.PowerMgmt'], - dangerous: true, - confirmMsg: Ext.String.format(gettext("Shutdown node '{0}'?"), nodename), - handler: function() { - node_command('shutdown'); - }, - iconCls: 'fa fa-power-off' - }); - - var shellBtn = Ext.create('PVE.button.ConsoleButton', { - disabled: !caps.nodes['Sys.Console'], - text: gettext('Shell'), - consoleType: 'shell', - nodename: nodename - }); - - me.items = []; - - Ext.apply(me, { - title: gettext('Node') + " '" + nodename + "'", - hstateid: 'nodetab', - defaults: { statusStore: me.statusStore }, - tbar: [ restartBtn, shutdownBtn, shellBtn, actionBtn] - }); - - if (caps.nodes['Sys.Audit']) { - me.items.push( - { - title: gettext('Summary'), - iconCls: 'fa fa-book', - itemId: 'summary', - xtype: 'pveNodeSummary' - }, - { - title: gettext('Notes'), - iconCls: 'fa fa-sticky-note-o', - itemId: 'notes', - xtype: 'pveNotesView' - } - ); - } - - if (caps.nodes['Sys.Console']) { - me.items.push( - { - title: gettext('Shell'), - iconCls: 'fa fa-terminal', - itemId: 'jsconsole', - xtype: 'pveNoVncConsole', - consoleType: 'shell', - xtermjs: true, - nodename: nodename - } - ); - } - - if (caps.nodes['Sys.Audit']) { - me.items.push( - { - title: gettext('System'), - iconCls: 'fa fa-cogs', - itemId: 'services', - expandedOnInit: true, - startOnlyServices: { - 'pveproxy': true, - 'pvedaemon': true, - 'pve-cluster': true - }, - nodename: nodename, - onlineHelp: 'pve_service_daemons', - xtype: 'proxmoxNodeServiceView' - }, - { - title: gettext('Network'), - iconCls: 'fa fa-exchange', - itemId: 'network', - groups: ['services'], - nodename: nodename, - onlineHelp: 'sysadmin_network_configuration', - xtype: 'proxmoxNodeNetworkView' - }, - { - title: gettext('Certificates'), - iconCls: 'fa fa-certificate', - itemId: 'certificates', - groups: ['services'], - nodename: nodename, - xtype: 'pveCertificatesView' - }, - { - title: gettext('DNS'), - iconCls: 'fa fa-globe', - groups: ['services'], - itemId: 'dns', - nodename: nodename, - onlineHelp: 'sysadmin_network_configuration', - xtype: 'proxmoxNodeDNSView' - }, - { - title: gettext('Hosts'), - iconCls: 'fa fa-globe', - groups: ['services'], - itemId: 'hosts', - nodename: nodename, - onlineHelp: 'sysadmin_network_configuration', - xtype: 'proxmoxNodeHostsView' - }, - { - title: gettext('Time'), - itemId: 'time', - groups: ['services'], - nodename: nodename, - xtype: 'proxmoxNodeTimeView', - iconCls: 'fa fa-clock-o' - }); - } - - if (caps.nodes['Sys.Syslog']) { - me.items.push({ - title: 'Syslog', - iconCls: 'fa fa-list', - groups: ['services'], - disabled: !caps.nodes['Sys.Syslog'], - itemId: 'syslog', - xtype: 'proxmoxLogView', - url: "/api2/extjs/nodes/" + nodename + "/syslog", - log_select_timespan: 1 - }); - - if (caps.nodes['Sys.Modify']) { - me.items.push({ - title: gettext('Updates'), - iconCls: 'fa fa-refresh', - disabled: !caps.nodes['Sys.Console'], - // do we want to link to system updates instead? - itemId: 'apt', - xtype: 'proxmoxNodeAPT', - upgradeBtn: { - xtype: 'pveConsoleButton', - disabled: Proxmox.UserName !== 'root@pam', - text: gettext('Upgrade'), - consoleType: 'upgrade', - nodename: nodename - }, - nodename: nodename - }); - } - } - - if (caps.nodes['Sys.Audit']) { - me.items.push( - { - xtype: 'pveFirewallRules', - iconCls: 'fa fa-shield', - title: gettext('Firewall'), - allow_iface: true, - base_url: '/nodes/' + nodename + '/firewall/rules', - list_refs_url: '/cluster/firewall/refs', - itemId: 'firewall' - }, - { - xtype: 'pveFirewallOptions', - title: gettext('Options'), - iconCls: 'fa fa-gear', - onlineHelp: 'pve_firewall_host_specific_configuration', - groups: ['firewall'], - base_url: '/nodes/' + nodename + '/firewall/options', - fwtype: 'node', - itemId: 'firewall-options' - }); - } - - - if (caps.nodes['Sys.Audit']) { - me.items.push( - { - title: gettext('Disks'), - itemId: 'storage', - expandedOnInit: true, - iconCls: 'fa fa-hdd-o', - xtype: 'pveNodeDiskList' - }, - { - title: 'LVM', - itemId: 'lvm', - onlineHelp: 'chapter_lvm', - iconCls: 'fa fa-square', - groups: ['storage'], - xtype: 'pveLVMList' - }, - { - title: 'LVM-Thin', - itemId: 'lvmthin', - onlineHelp: 'chapter_lvm', - iconCls: 'fa fa-square-o', - groups: ['storage'], - xtype: 'pveLVMThinList' - }, - { - title: Proxmox.Utils.directoryText, - itemId: 'directory', - onlineHelp: 'chapter_storage', - iconCls: 'fa fa-folder', - groups: ['storage'], - xtype: 'pveDirectoryList' - }, - { - title: 'ZFS', - itemId: 'zfs', - onlineHelp: 'chapter_zfs', - iconCls: 'fa fa-th-large', - groups: ['storage'], - xtype: 'pveZFSList' - }, - { - title: 'Ceph', - itemId: 'ceph', - iconCls: 'fa fa-ceph', - xtype: 'pveNodeCephStatus' - }, - { - xtype: 'pveReplicaView', - iconCls: 'fa fa-retweet', - title: gettext('Replication'), - itemId: 'replication' - }, - { - xtype: 'pveNodeCephConfigCrush', - title: gettext('Configuration'), - iconCls: 'fa fa-gear', - groups: ['ceph'], - itemId: 'ceph-config' - }, - { - xtype: 'pveNodeCephMonList', - title: gettext('Monitor'), - iconCls: 'fa fa-tv', - groups: ['ceph'], - itemId: 'ceph-monlist' - }, - { - xtype: 'pveNodeCephOsdTree', - title: 'OSD', - iconCls: 'fa fa-hdd-o', - groups: ['ceph'], - itemId: 'ceph-osdtree' - }, - { - xtype: 'pveNodeCephFSPanel', - title: 'CephFS', - iconCls: 'fa fa-folder', - groups: ['ceph'], - nodename: nodename, - itemId: 'ceph-cephfspanel' - }, - { - xtype: 'pveNodeCephPoolList', - title: 'Pools', - iconCls: 'fa fa-sitemap', - groups: ['ceph'], - itemId: 'ceph-pools' - } - ); - } - - if (caps.nodes['Sys.Syslog']) { - me.items.push( - { - xtype: 'proxmoxLogView', - title: gettext('Log'), - iconCls: 'fa fa-list', - groups: ['firewall'], - onlineHelp: 'chapter_pve_firewall', - url: '/api2/extjs/nodes/' + nodename + '/firewall/log', - itemId: 'firewall-fwlog' - }, - { - title: gettext('Log'), - itemId: 'ceph-log', - iconCls: 'fa fa-list', - groups: ['ceph'], - onlineHelp: 'chapter_pveceph', - xtype: 'cephLogView', - url: "/api2/extjs/nodes/" + nodename + "/ceph/log", - nodename: nodename - }); - } - - me.items.push( - { - title: gettext('Task History'), - iconCls: 'fa fa-list', - itemId: 'tasks', - nodename: nodename, - xtype: 'proxmoxNodeTasks' - }, - { - title: gettext('Subscription'), - iconCls: 'fa fa-support', - itemId: 'support', - xtype: 'pveNodeSubscription', - nodename: nodename - } - ); - - me.callParent(); - - me.mon(me.statusStore, 'load', function(s, records, success) { - var uptimerec = s.data.get('uptime'); - var powermgmt = uptimerec ? uptimerec.data.value : false; - if (!caps.nodes['Sys.PowerMgmt']) { - powermgmt = false; - } - restartBtn.setDisabled(!powermgmt); - shutdownBtn.setDisabled(!powermgmt); - shellBtn.setDisabled(!powermgmt); - }); - - me.on('afterrender', function() { - me.statusStore.startUpdate(); - }); - - me.on('destroy', function() { - me.statusStore.stopUpdate(); - }); - } -}); -Ext.define('PVE.window.Migrate', { - extend: 'Ext.window.Window', - - config: { - vmtype: undefined, - nodename: undefined, - vmid: undefined - }, - // private, used to store the migration mode after checking if the guest runs - liveMode: undefined, - - controller: { - xclass: 'Ext.app.ViewController', - control: { - 'panel[reference=formPanel]': { - validityChange: function(panel, isValid) { - this.lookup('submitButton').setDisabled(!isValid); - } - }, - 'button[reference=submitButton]': { - click: function() { - var me = this; - var view = me.getView(); - - var values = me.lookup('formPanel').getValues(); - var params = { - target: values.target - }; - - if (view.liveMode) { - params[view.liveMode] = 1; - } - - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + view.nodename + '/' + view.vmtype + '/' + view.vmid + '/migrate', - waitMsgTarget: view, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var extraTitle = Ext.String.format(' ({0} ---> {1})', view.nodename, params.target); - - Ext.create('Proxmox.window.TaskViewer', { - upid: upid, - extraTitle: extraTitle - }).show(); - - view.close(); - } - }); - } - } - } - }, - - width: 350, - modal: true, - layout: 'auto', - border: false, - resizable: false, - items: [ - { - xtype: 'form', - reference: 'formPanel', - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [ - { - xtype: 'pveNodeSelector', - reference: 'pveNodeSelector', - name: 'target', - fieldLabel: gettext('Target node'), - allowBlank: false, - disallowedNodes: undefined, - onlineValidator: true - }, - { - xtype: 'displayfield', - reference: 'migrationMode', - fieldLabel: gettext('Mode'), - value: gettext('Offline') - } - ] - } - ], - buttons: [ - { - xtype: 'proxmoxHelpButton', - reference: 'proxmoxHelpButton', - onlineHelp: 'pct_migration', - listenToGlobalEvent: false, - hidden: false - }, - '->', - { - xtype: 'button', - reference: 'submitButton', - text: gettext('Migrate') - } - ], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - if (!me.vmtype) { - throw "no VM type specified"; - } - - me.callParent(); - - var title = gettext('Migrate') + (' CT ') + me.vmid; - me.liveMode = 'restart'; - - if (me.vmtype === 'qemu') { - me.lookup('proxmoxHelpButton').setHelpConfig({ - onlineHelp: 'qm_migration' - }); - title = gettext('Migrate') + (' VM ') + me.vmid; - me.liveMode = 'online'; - } - - var running = false; - var vmrec = PVE.data.ResourceStore.findRecord('vmid', me.vmid, - 0, false, false, true); - if (vmrec && vmrec.data && vmrec.data.running) { - running = true; - } - - if (running) { - var displayField = me.lookup('migrationMode'); - if (me.vmtype === 'qemu') { - displayField.setValue(gettext('Online')); - me.liveMode = 'online'; - } else { - displayField.setValue(gettext('Restart Mode')); - me.liveMode = 'restart'; - } - } - - me.setTitle(title); - me.lookup('pveNodeSelector').disallowedNodes = [me.nodename]; - me.lookup('formPanel').isValid(); - } -});Ext.define('PVE.window.BulkAction', { - extend: 'Ext.window.Window', - - resizable: true, - width: 800, - modal: true, - layout: { - type: 'fit' - }, - border: false, - - // the action to be set - // currently there are - // startall - // migrateall - // stopall - action: undefined, - - submit: function(params) { - var me = this; - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + me.nodename + '/' + me.action, - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: upid - }); - win.show(); - me.hide(); - win.on('destroy', function() { - me.close(); - }); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.action) { - throw "no action specified"; - } - - if (!me.btnText) { - throw "no button text specified"; - } - - if (!me.title) { - throw "no title specified"; - } - - var items = []; - - if (me.action === 'migrateall') { - /*jslint confusion: true*/ - /*value is string and number*/ - items.push( - { - xtype: 'pveNodeSelector', - name: 'target', - disallowedNodes: [me.nodename], - fieldLabel: gettext('Target node'), - allowBlank: false, - onlineValidator: true - }, - { - xtype: 'proxmoxintegerfield', - name: 'maxworkers', - minValue: 1, - maxValue: 100, - value: 1, - fieldLabel: gettext('Parallel jobs'), - allowBlank: false - }, - { - itemId: 'lxcwarning', - xtype: 'displayfield', - userCls: 'pve-hint', - value: 'Warning: Running CTs will be migrated in Restart Mode.', - hidden: true // only visible if running container chosen - } - ); - /*jslint confusion: false*/ - } else if (me.action === 'startall') { - items.push({ - xtype: 'hiddenfield', - name: 'force', - value: 1 - }); - } - - items.push({ - xtype: 'vmselector', - itemId: 'vms', - name: 'vms', - flex: 1, - height: 300, - selectAll: true, - allowBlank: false, - nodename: me.nodename, - action: me.action, - listeners: { - selectionchange: function(vmselector, records) { - if (me.action == 'migrateall') { - var showWarning = records.some(function(item) { - return (item.data.type == 'lxc' && - item.data.status == 'running'); - }); - me.down('#lxcwarning').setVisible(showWarning); - } - } - } - }); - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - layout: { - type: 'vbox', - align: 'stretch' - }, - fieldDefaults: { - labelWidth: 300, - anchor: '100%' - }, - items: items - }); - - var form = me.formPanel.getForm(); - - var submitBtn = Ext.create('Ext.Button', { - text: me.btnText, - handler: function() { - form.isValid(); - me.submit(form.getValues()); - } - }); - - Ext.apply(me, { - items: [ me.formPanel ], - buttons: [ submitBtn ] - }); - - me.callParent(); - - form.on('validitychange', function() { - var valid = form.isValid(); - submitBtn.setDisabled(!valid); - }); - form.isValid(); - } -}); -Ext.define('PVE.window.Clone', { - extend: 'Ext.window.Window', - - resizable: false, - - isTemplate: false, - - onlineHelp: 'qm_copy_and_clone', - - controller: { - xclass: 'Ext.app.ViewController', - control: { - 'panel[reference=cloneform]': { - validitychange: 'disableSubmit' - } - }, - disableSubmit: function(form) { - this.lookupReference('submitBtn').setDisabled(!form.isValid()); - } - }, - - statics: { - // display a snapshot selector only if needed - wrap: function(nodename, vmid, isTemplate, guestType) { - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/' + guestType + '/' + vmid +'/snapshot', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, opts) { - var snapshotList = response.result.data; - var hasSnapshots = snapshotList.length === 1 && - snapshotList[0].name === 'current' ? false : true; - - Ext.create('PVE.window.Clone', { - nodename: nodename, - guestType: guestType, - vmid: vmid, - isTemplate: isTemplate, - hasSnapshots: hasSnapshots - }).show(); - } - }); - } - }, - - create_clone: function(values) { - var me = this; - - var params = { newid: values.newvmid }; - - if (values.snapname && values.snapname !== 'current') { - params.snapname = values.snapname; - } - - if (values.pool) { - params.pool = values.pool; - } - - if (values.name) { - if (me.guestType === 'lxc') { - params.hostname = values.name; - } else { - params.name = values.name; - } - } - - if (values.target) { - params.target = values.target; - } - - if (values.clonemode === 'copy') { - params.full = 1; - if (values.hdstorage) { - params.storage = values.hdstorage; - if (values.diskformat && me.guestType !== 'lxc') { - params.format = values.diskformat; - } - } - } - - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid + '/clone', - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, options) { - me.close(); - } - }); - - }, - - // disable the Storage selector when clone mode is linked clone - updateVisibility: function() { - var me = this; - var clonemode = me.lookupReference('clonemodesel').getValue(); - var disksel = me.lookup('diskselector'); - disksel.setDisabled(clonemode === 'clone'); - }, - - // add to the list of valid nodes each node where - // all the VM disks are available - verifyFeature: function() { - var me = this; - - var snapname = me.lookupReference('snapshotsel').getValue(); - var clonemode = me.lookupReference('clonemodesel').getValue(); - - var params = { feature: clonemode }; - if (snapname !== 'current') { - params.snapname = snapname; - } - - Proxmox.Utils.API2Request({ - waitMsgTarget: me, - url: '/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid + '/feature', - params: params, - method: 'GET', - failure: function(response, opts) { - me.lookupReference('submitBtn').setDisabled(true); - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, options) { - var res = response.result.data; - - me.lookupReference('targetsel').allowedNodes = res.nodes; - me.lookupReference('targetsel').validate(); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - if (!me.snapname) { - me.snapname = 'current'; - } - - if (!me.guestType) { - throw "no Guest Type specified"; - } - - var titletext = me.guestType === 'lxc' ? 'CT' : 'VM'; - if (me.isTemplate) { - titletext += ' Template'; - } - me.title = "Clone " + titletext + " " + me.vmid; - - var col1 = []; - var col2 = []; - - col1.push({ - xtype: 'pveNodeSelector', - name: 'target', - reference: 'targetsel', - fieldLabel: gettext('Target node'), - selectCurNode: true, - allowBlank: false, - onlineValidator: true, - listeners: { - change: function(f, value) { - me.lookupReference('hdstorage').setTargetNode(value); - } - } - }); - - var modelist = [['copy', gettext('Full Clone')]]; - if (me.isTemplate) { - modelist.push(['clone', gettext('Linked Clone')]); - } - - col1.push({ - xtype: 'pveGuestIDSelector', - name: 'newvmid', - guestType: me.guestType, - value: '', - loadNextFreeID: true, - validateExists: false - }, - { - xtype: 'textfield', - name: 'name', - allowBlank: true, - fieldLabel: me.guestType === 'lxc' ? gettext('Hostname') : gettext('Name') - }, - { - xtype: 'pvePoolSelector', - fieldLabel: gettext('Resource Pool'), - name: 'pool', - value: '', - allowBlank: true - } - ); - - col2.push({ - xtype: 'proxmoxKVComboBox', - fieldLabel: gettext('Mode'), - name: 'clonemode', - reference: 'clonemodesel', - allowBlank: false, - hidden: !me.isTemplate, - value: me.isTemplate ? 'clone' : 'copy', - comboItems: modelist, - listeners: { - change: function(t, value) { - me.updateVisibility(); - me.verifyFeature(); - } - } - }, - { - xtype: 'PVE.form.SnapshotSelector', - name: 'snapname', - reference: 'snapshotsel', - fieldLabel: gettext('Snapshot'), - nodename: me.nodename, - guestType: me.guestType, - vmid: me.vmid, - hidden: me.isTemplate || !me.hasSnapshots ? true : false, - disabled: false, - allowBlank: false, - value : me.snapname, - listeners: { - change: function(f, value) { - me.verifyFeature(); - } - } - }, - { - xtype: 'pveDiskStorageSelector', - reference: 'diskselector', - nodename: me.nodename, - autoSelect: false, - hideSize: true, - hideSelection: true, - storageLabel: gettext('Target Storage'), - allowBlank: true, - storageContent: me.guestType === 'qemu' ? 'images' : 'rootdir', - emptyText: gettext('Same as source'), - disabled: me.isTemplate ? true : false // because default mode is clone for templates - }); - - var formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - reference: 'cloneform', - border: false, - layout: 'column', - defaultType: 'container', - columns: 2, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [ - { - columnWidth: 0.5, - padding: '0 10 0 0', - layout: 'anchor', - items: col1 - }, - { - columnWidth: 0.5, - padding: '0 0 0 10', - layout: 'anchor', - items: col2 - } - ] - }); - - Ext.apply(me, { - modal: true, - width: 600, - height: 250, - border: false, - layout: 'fit', - buttons: [ { - xtype: 'proxmoxHelpButton', - listenToGlobalEvent: false, - hidden: false, - onlineHelp: me.onlineHelp - }, - '->', - { - reference: 'submitBtn', - text: gettext('Clone'), - disabled: true, - handler: function() { - var cloneForm = me.lookupReference('cloneform'); - if (cloneForm.isValid()) { - me.create_clone(cloneForm.getValues()); - } - } - } ], - items: [ formPanel ] - }); - - me.callParent(); - - me.verifyFeature(); - } -}); -Ext.define('PVE.qemu.Monitor', { - extend: 'Ext.panel.Panel', - - alias: 'widget.pveQemuMonitor', - - maxLines: 500, - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var history = []; - var histNum = -1; - var lines = []; - - var textbox = Ext.createWidget('panel', { - region: 'center', - xtype: 'panel', - autoScroll: true, - border: true, - margins: '5 5 5 5', - bodyStyle: 'font-family: monospace;' - }); - - var scrollToEnd = function() { - var el = textbox.getTargetEl(); - var dom = Ext.getDom(el); - - var clientHeight = dom.clientHeight; - // BrowserBug: clientHeight reports 0 in IE9 StrictMode - // Instead we are using offsetHeight and hardcoding borders - if (Ext.isIE9 && Ext.isStrict) { - clientHeight = dom.offsetHeight + 2; - } - dom.scrollTop = dom.scrollHeight - clientHeight; - }; - - var refresh = function() { - textbox.update('
' + lines.join('\n') + '');
- scrollToEnd();
- };
-
- var addLine = function(line) {
- lines.push(line);
- if (lines.length > me.maxLines) {
- lines.shift();
- }
- };
-
- var executeCmd = function(cmd) {
- addLine("# " + Ext.htmlEncode(cmd));
- if (cmd) {
- history.unshift(cmd);
- if (history.length > 20) {
- history.splice(20);
- }
- }
- histNum = -1;
-
- refresh();
- Proxmox.Utils.API2Request({
- params: { command: cmd },
- url: '/nodes/' + nodename + '/qemu/' + vmid + "/monitor",
- method: 'POST',
- waitMsgTarget: me,
- success: function(response, opts) {
- var res = response.result.data;
- Ext.Array.each(res.split('\n'), function(line) {
- addLine(Ext.htmlEncode(line));
- });
- refresh();
- },
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- }
- });
- };
-
- Ext.apply(me, {
- layout: { type: 'border' },
- border: false,
- items: [
- textbox,
- {
- region: 'south',
- margins:'0 5 5 5',
- border: false,
- xtype: 'textfield',
- name: 'cmd',
- value: '',
- fieldStyle: 'font-family: monospace;',
- allowBlank: true,
- listeners: {
- afterrender: function(f) {
- f.focus(false);
- addLine("Type 'help' for help.");
- refresh();
- },
- specialkey: function(f, e) {
- var key = e.getKey();
- switch (key) {
- case e.ENTER:
- var cmd = f.getValue();
- f.setValue('');
- executeCmd(cmd);
- break;
- case e.PAGE_UP:
- textbox.scrollBy(0, -0.9*textbox.getHeight(), false);
- break;
- case e.PAGE_DOWN:
- textbox.scrollBy(0, 0.9*textbox.getHeight(), false);
- break;
- case e.UP:
- if (histNum + 1 < history.length) {
- f.setValue(history[++histNum]);
- }
- e.preventDefault();
- break;
- case e.DOWN:
- if (histNum > 0) {
- f.setValue(history[--histNum]);
- }
- e.preventDefault();
- break;
- default:
- break;
- }
- }
- }
- }
- ],
- listeners: {
- show: function() {
- var field = me.query('textfield[name="cmd"]')[0];
- field.focus(false, true);
- }
- }
- });
-
- me.callParent();
- }
-});
-Ext.define('PVE.qemu.Summary', {
- extend: 'Ext.panel.Panel',
- alias: 'widget.pveQemuSummary',
-
- scrollable: true,
- bodyPadding: 5,
-
- initComponent: function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid) {
- throw "no VM ID specified";
- }
-
- if (!me.workspace) {
- throw "no workspace specified";
- }
-
- if (!me.statusStore) {
- throw "no status storage specified";
- }
-
- var template = !!me.pveSelNode.data.template;
- var rstore = me.statusStore;
-
- var width = template ? 1 : 0.5;
- var items = [
- {
- xtype: template ? 'pveTemplateStatusView' : 'pveGuestStatusView',
- responsiveConfig: {
- 'width < 1900': {
- columnWidth: width
- },
- 'width >= 1900': {
- columnWidth: width / 2
- }
- },
- itemId: 'gueststatus',
- pveSelNode: me.pveSelNode,
- rstore: rstore
- },
- {
- xtype: 'pveNotesView',
- maxHeight: 330,
- itemId: 'notesview',
- pveSelNode: me.pveSelNode,
- responsiveConfig: {
- 'width < 1900': {
- columnWidth: width
- },
- 'width >= 1900': {
- columnWidth: width / 2
- }
- }
- }
- ];
-
- var rrdstore;
- if (!template) {
-
- rrdstore = Ext.create('Proxmox.data.RRDStore', {
- rrdurl: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/rrddata",
- model: 'pve-rrd-guest'
- });
-
- items.push(
- {
- xtype: 'proxmoxRRDChart',
- title: gettext('CPU usage'),
- pveSelNode: me.pveSelNode,
- fields: ['cpu'],
- fieldTitles: [gettext('CPU usage')],
- store: rrdstore
- },
- {
- xtype: 'proxmoxRRDChart',
- title: gettext('Memory usage'),
- pveSelNode: me.pveSelNode,
- fields: ['maxmem', 'mem'],
- fieldTitles: [gettext('Total'), gettext('RAM usage')],
- store: rrdstore
- },
- {
- xtype: 'proxmoxRRDChart',
- title: gettext('Network traffic'),
- pveSelNode: me.pveSelNode,
- fields: ['netin','netout'],
- store: rrdstore
- },
- {
- xtype: 'proxmoxRRDChart',
- title: gettext('Disk IO'),
- pveSelNode: me.pveSelNode,
- fields: ['diskread','diskwrite'],
- store: rrdstore
- }
- );
-
- }
-
- Ext.apply(me, {
- tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ],
- items: [
- {
- xtype: 'container',
- layout: {
- type: 'column'
- },
- defaults: {
- minHeight: 330,
- padding: 5,
- plugins: 'responsive',
- responsiveConfig: {
- 'width < 1900': {
- columnWidth: 1
- },
- 'width >= 1900': {
- columnWidth: 0.5
- }
- }
- },
- items: items
- }
- ]
- });
-
- me.callParent();
- if (!template) {
- rrdstore.startUpdate();
- me.on('destroy', rrdstore.stopUpdate);
- }
- }
-});
-Ext.define('PVE.qemu.OSTypeInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuOSTypePanel',
- onlineHelp: 'qm_os_settings',
- insideWizard: false,
-
- controller: {
- xclass: 'Ext.app.ViewController',
- control: {
- 'combobox[name=osbase]': {
- change: 'onOSBaseChange'
- },
- 'combobox[name=ostype]': {
- afterrender: 'onOSTypeChange',
- change: 'onOSTypeChange'
- }
- },
- onOSBaseChange: function(field, value) {
- this.lookup('ostype').getStore().setData(PVE.Utils.kvm_ostypes[value]);
- },
- onOSTypeChange: function(field) {
- var me = this, ostype = field.getValue();
- if (!me.getView().insideWizard) {
- return;
- }
- var targetValues = PVE.qemu.OSDefaults.getDefaults(ostype);
-
- me.setWidget('pveBusSelector', targetValues.busType);
- me.setWidget('pveNetworkCardSelector', targetValues.networkCard);
- var scsihw = targetValues.scsihw || '__default__';
- this.getViewModel().set('current.scsihw', scsihw);
- },
- setWidget: function(widget, newValue) {
- // changing a widget is safe only if ComponentQuery.query returns us
- // a single value array
- var widgets = Ext.ComponentQuery.query('pveQemuCreateWizard ' + widget);
- if (widgets.length === 1) {
- widgets[0].setValue(newValue);
- } else {
- throw 'non unique widget :' + widget + ' in Wizard';
- }
- }
- },
-
- initComponent : function() {
- var me = this;
-
- /*jslint confusion: true */
- me.items = [
- {
- xtype: 'displayfield',
- value: gettext('Guest OS') + ':',
- hidden: !me.insideWizard
- },
- {
- xtype: 'combobox',
- submitValue: false,
- name: 'osbase',
- fieldLabel: gettext('Type'),
- editable: false,
- queryMode: 'local',
- value: 'Linux',
- store: Object.keys(PVE.Utils.kvm_ostypes)
- },
- {
- xtype: 'combobox',
- name: 'ostype',
- reference: 'ostype',
- fieldLabel: gettext('Version'),
- value: 'l26',
- allowBlank : false,
- editable: false,
- queryMode: 'local',
- valueField: 'val',
- displayField: 'desc',
- store: {
- fields: ['desc', 'val'],
- data: PVE.Utils.kvm_ostypes.Linux,
- listeners: {
- datachanged: function (store) {
- var ostype = me.lookup('ostype');
- var old_val = ostype.getValue();
- if (!me.insideWizard && old_val && store.find('val', old_val) != -1) {
- ostype.setValue(old_val);
- } else {
- ostype.setValue(store.getAt(0));
- }
- }
- }
- }
- }
- ];
- /*jslint confusion: false */
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.OSTypeEdit', {
- extend: 'Proxmox.window.Edit',
-
- subject: 'OS Type',
-
- items: [{ xtype: 'pveQemuOSTypePanel' }],
-
- initComponent : function() {
- var me = this;
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var value = response.result.data.ostype || 'other';
- var osinfo = PVE.Utils.get_kvm_osinfo(value);
- me.setValues({ ostype: value, osbase: osinfo.base });
- }
- });
- }
-});
-/*
- * This class holds performance *recommended* settings for the PVE Qemu wizards
- * the *mandatory* settings are set in the PVE::QemuServer
- * config_to_command sub
- * We store this here until we get the data from the API server
-*/
-
-// this is how you would add an hypothetic FreeBSD > 10 entry
-//
-//virtio-blk is stable but virtIO net still
-// problematic as of 10.3
-// see https://bugs.freebsd.org/bugzilla/show_bug.cgi?id=165059
-// addOS({
-// parent: 'generic', // inherits defaults
-// pveOS: 'freebsd10', // must match a radiofield in OSTypeEdit.js
-// busType: 'virtio' // must match a pveBusController value
-// // networkCard muss match a pveNetworkCardSelector
-
-
-Ext.define('PVE.qemu.OSDefaults', {
- singleton: true, // will also force creation when loaded
-
- constructor: function() {
- var me = this;
-
- var addOS = function(settings) {
- if (me.hasOwnProperty(settings.parent)) {
- var child = Ext.clone(me[settings.parent]);
- me[settings.pveOS] = Ext.apply(child, settings);
-
- } else {
- throw("Could not find your genitor");
- }
- };
-
- // default values
- me.generic = {
- busType: 'ide',
- networkCard: 'e1000',
- busPriority: {
- ide: 4,
- sata: 3,
- scsi: 2,
- virtio: 1
- },
- scsihw: 'virtio-scsi-pci'
- };
-
- // virtio-net is in kernel since 2.6.25
- // virtio-scsi since 3.2 but backported in RHEL with 2.6 kernel
- addOS({
- pveOS: 'l26',
- parent : 'generic',
- busType: 'scsi',
- busPriority: {
- scsi: 4,
- virtio: 3,
- sata: 2,
- ide: 1
- },
- networkCard: 'virtio'
- });
-
- // recommandation from http://wiki.qemu.org/Windows2000
- addOS({
- pveOS: 'w2k',
- parent : 'generic',
- networkCard: 'rtl8139',
- scsihw: ''
- });
- // https://pve.proxmox.com/wiki/Windows_XP_Guest_Notes
- addOS({
- pveOS: 'wxp',
- parent : 'w2k'
- });
-
- me.getDefaults = function(ostype) {
- if (PVE.qemu.OSDefaults[ostype]) {
- return PVE.qemu.OSDefaults[ostype];
- } else {
- return PVE.qemu.OSDefaults.generic;
- }
- };
- }
-});
-Ext.define('PVE.qemu.ProcessorInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuProcessorPanel',
- onlineHelp: 'qm_cpu',
-
- insideWizard: false,
-
- controller: {
- xclass: 'Ext.app.ViewController',
-
- updateCores: function() {
- var me = this.getView();
- var sockets = me.down('field[name=sockets]').getValue();
- var cores = me.down('field[name=cores]').getValue();
- me.down('field[name=totalcores]').setValue(sockets*cores);
- var vcpus = me.down('field[name=vcpus]');
- vcpus.setMaxValue(sockets*cores);
- vcpus.setEmptyText(sockets*cores);
- vcpus.validate();
- },
-
- control: {
- 'field[name=sockets]': {
- change: 'updateCores'
- },
- 'field[name=cores]': {
- change: 'updateCores'
- }
- }
- },
-
- onGetValues: function(values) {
- var me = this;
-
- if (Array.isArray(values['delete'])) {
- values['delete'] = values['delete'].join(',');
- }
-
- PVE.Utils.delete_if_default(values, 'cpulimit', '0', 0);
- PVE.Utils.delete_if_default(values, 'cpuunits', '1024', 0);
-
- // build the cpu options:
- me.cpu.cputype = values.cputype;
-
- var flags = [];
-
- ['pcid', 'spec-ctrl'].forEach(function(flag) {
- if (values[flag]) {
- flags.push('+' + flag.toString());
- }
- delete values[flag];
- });
-
- me.cpu.flags = flags.length ? flags.join(';') : undefined;
-
- delete values.cputype;
- delete values.flags;
- var cpustring = PVE.Parser.printQemuCpu(me.cpu);
-
- // remove cputype delete request:
- var del = values['delete'];
- delete values['delete'];
- if (del) {
- del = del.split(',');
- Ext.Array.remove(del, 'cputype');
- } else {
- del = [];
- }
-
- if (cpustring) {
- values.cpu = cpustring;
- } else {
- del.push('cpu');
- }
-
- var delarr = del.join(',');
- if (delarr) {
- values['delete'] = delarr;
- }
-
- return values;
- },
-
- cpu: {},
-
- column1: [
- {
- xtype: 'proxmoxintegerfield',
- name: 'sockets',
- minValue: 1,
- maxValue: 4,
- value: '1',
- fieldLabel: gettext('Sockets'),
- allowBlank: false
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'cores',
- minValue: 1,
- maxValue: 128,
- value: '1',
- fieldLabel: gettext('Cores'),
- allowBlank: false
- }
- ],
-
- column2: [
- {
- xtype: 'CPUModelSelector',
- name: 'cputype',
- value: '__default__',
- fieldLabel: gettext('Type')
- },
- {
- xtype: 'displayfield',
- fieldLabel: gettext('Total cores'),
- name: 'totalcores',
- value: '1'
- }
- ],
-
- advancedColumn1: [
- {
- xtype: 'proxmoxintegerfield',
- name: 'vcpus',
- minValue: 1,
- maxValue: 1,
- value: '',
- fieldLabel: gettext('VCPUs'),
- deleteEmpty: true,
- allowBlank: true,
- emptyText: '1'
- },
- {
- xtype: 'numberfield',
- name: 'cpulimit',
- minValue: 0,
- maxValue: 128, // api maximum
- value: '',
- step: 1,
- fieldLabel: gettext('CPU limit'),
- allowBlank: true,
- emptyText: gettext('unlimited')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'cpuunits',
- fieldLabel: gettext('CPU units'),
- minValue: 8,
- maxValue: 500000,
- value: '1024',
- deleteEmpty: true,
- allowBlank: true
- }
- ],
-
- advancedColumn2: [
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Enable NUMA'),
- name: 'numa',
- uncheckedValue: 0
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: 'PCID',
- name: 'pcid',
- uncheckedValue: 0
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: 'SPEC-CTRL',
- name: 'spec-ctrl',
- uncheckedValue: 0
- }
- ]
-});
-
-Ext.define('PVE.qemu.ProcessorEdit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
- var me = this;
-
- var ipanel = Ext.create('PVE.qemu.ProcessorInputPanel');
-
- Ext.apply(me, {
- subject: gettext('Processors'),
- items: ipanel
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var data = response.result.data;
- var value = data.cpu;
- if (value) {
- var cpu = PVE.Parser.parseQemuCpu(value);
- ipanel.cpu = cpu;
- data.cputype = cpu.cputype;
- if (cpu.flags) {
- var flags = cpu.flags.split(';');
- flags.forEach(function(flag) {
- var sign = flag.substr(0,1);
- flag = flag.substr(1);
- data[flag] = (sign === '+');
- });
- }
- }
- me.setValues(data);
- }
- });
- }
-});
-Ext.define('PVE.qemu.BootOrderPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuBootOrderPanel',
- vmconfig: {}, // store loaded vm config
-
- bootdisk: undefined,
- selection: [],
- list: [],
- comboboxes: [],
-
- isBootDisk: function(value) {
- return PVE.Utils.bus_match.test(value);
- },
-
- setVMConfig: function(vmconfig) {
- var me = this;
- me.vmconfig = vmconfig;
- var order = me.vmconfig.boot || 'cdn';
- me.bootdisk = me.vmconfig.bootdisk || undefined;
-
- // get the first 3 characters
- // ignore the rest (there should never be more than 3)
- me.selection = order.split('').slice(0,3);
-
- // build bootdev list
- me.list = [];
- Ext.Object.each(me.vmconfig, function(key, value) {
- if (me.isBootDisk(key) &&
- !(/media=cdrom/).test(value)) {
- me.list.push([key, "Disk '" + key + "'"]);
- }
- });
-
- me.list.push(['d', 'CD-ROM']);
- me.list.push(['n', gettext('Network')]);
- me.list.push(['__none__', Proxmox.Utils.noneText]);
-
- me.recomputeList();
-
- me.comboboxes.forEach(function(box) {
- box.resetOriginalValue();
- });
- },
-
- onGetValues: function(values) {
- var me = this;
- var order = me.selection.join('');
- var res = { boot: order };
-
- if (me.bootdisk && order.indexOf('c') !== -1) {
- res.bootdisk = me.bootdisk;
- } else {
- res['delete'] = 'bootdisk';
- }
-
- return res;
- },
-
- recomputeSelection: function(combobox, newVal, oldVal) {
- var me = this.up('#inputpanel');
- me.selection = [];
- me.comboboxes.forEach(function(item) {
- var val = item.getValue();
-
- // when selecting an already selected item,
- // switch it around
- if ((val === newVal || (me.isBootDisk(val) && me.isBootDisk(newVal))) &&
- item.name !== combobox.name &&
- newVal !== '__none__') {
- // swap items
- val = oldVal;
- }
-
- // push 'c','d' or 'n' in the array
- if (me.isBootDisk(val)) {
- me.selection.push('c');
- me.bootdisk = val;
- } else if (val === 'd' ||
- val === 'n') {
- me.selection.push(val);
- }
- });
-
- me.recomputeList();
- },
-
- recomputeList: function(){
- var me = this;
- // set the correct values in the kvcomboboxes
- var cnt = 0;
- me.comboboxes.forEach(function(item) {
- if (cnt === 0) {
- // never show 'none' on first combobox
- item.store.loadData(me.list.slice(0, me.list.length-1));
- } else {
- item.store.loadData(me.list);
- }
- item.suspendEvent('change');
- if (cnt < me.selection.length) {
- item.setValue((me.selection[cnt] !== 'c')?me.selection[cnt]:me.bootdisk);
- } else if (cnt === 0){
- item.setValue('');
- } else {
- item.setValue('__none__');
- }
- cnt++;
- item.resumeEvent('change');
- item.validate();
- });
- },
-
- initComponent : function() {
- var me = this;
-
- // this has to be done here, because of
- // the way our inputPanel class handles items
- me.comboboxes = [
- Ext.createWidget('proxmoxKVComboBox', {
- fieldLabel: gettext('Boot device') + " 1",
- labelWidth: 120,
- name: 'bd1',
- allowBlank: false,
- listeners: {
- change: me.recomputeSelection
- }
- }),
- Ext.createWidget('proxmoxKVComboBox', {
- fieldLabel: gettext('Boot device') + " 2",
- labelWidth: 120,
- name: 'bd2',
- allowBlank: false,
- listeners: {
- change: me.recomputeSelection
- }
- }),
- Ext.createWidget('proxmoxKVComboBox', {
- fieldLabel: gettext('Boot device') + " 3",
- labelWidth: 120,
- name: 'bd3',
- allowBlank: false,
- listeners: {
- change: me.recomputeSelection
- }
- })
- ];
- Ext.apply(me, { items: me.comboboxes });
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.BootOrderEdit', {
- extend: 'Proxmox.window.Edit',
-
- items: [{
- xtype: 'pveQemuBootOrderPanel',
- itemId: 'inputpanel'
- }],
-
- subject: gettext('Boot Order'),
-
- initComponent : function() {
- var me = this;
- me.callParent();
- me.load({
- success: function(response, options) {
- me.down('#inputpanel').setVMConfig(response.result.data);
- }
- });
- }
-});
-Ext.define('PVE.qemu.MemoryInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuMemoryPanel',
- onlineHelp: 'qm_memory',
-
- insideWizard: false,
-
- onGetValues: function(values) {
- var me = this;
-
- var res = {};
-
- res.memory = values.memory;
- res.balloon = values.balloon;
-
- if (!values.ballooning) {
- res.balloon = 0;
- res['delete'] = 'shares';
- } else if (values.memory === values.balloon) {
- delete res.balloon;
- res['delete'] = 'balloon,shares';
- } else if (Ext.isDefined(values.shares) && (values.shares !== "")) {
- res.shares = values.shares;
- } else {
- res['delete'] = "shares";
- }
-
- return res;
- },
-
- initComponent: function() {
- var me = this;
- var labelWidth = 160;
-
- me.items= [
- {
- xtype: 'pveMemoryField',
- labelWidth: labelWidth,
- fieldLabel: gettext('Memory') + ' (MiB)',
- name: 'memory',
- minValue: 1,
- step: 32,
- hotplug: me.hotplug,
- listeners: {
- change: function(f, value, old) {
- var bf = me.down('field[name=balloon]');
- var balloon = bf.getValue();
- bf.setMaxValue(value);
- if (balloon === old) {
- bf.setValue(value);
- }
- bf.validate();
- }
- }
- }
- ];
-
- me.advancedItems= [
- {
- xtype: 'pveMemoryField',
- name: 'balloon',
- minValue: 1,
- step: 32,
- fieldLabel: gettext('Minimum memory') + ' (MiB)',
- hotplug: me.hotplug,
- labelWidth: labelWidth,
- allowBlank: false,
- listeners: {
- change: function(f, value) {
- var memory = me.down('field[name=memory]').getValue();
- var shares = me.down('field[name=shares]');
- shares.setDisabled(value === memory);
- }
- }
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'shares',
- disabled: true,
- minValue: 0,
- maxValue: 50000,
- value: '',
- step: 10,
- fieldLabel: gettext('Shares'),
- labelWidth: labelWidth,
- allowBlank: true,
- emptyText: Proxmox.Utils.defaultText + ' (1000)',
- submitEmptyText: false
- },
- {
- xtype: 'proxmoxcheckbox',
- labelWidth: labelWidth,
- value: '1',
- name: 'ballooning',
- fieldLabel: gettext('Ballooning Device'),
- listeners: {
- change: function(f, value) {
- var bf = me.down('field[name=balloon]');
- var shares = me.down('field[name=shares]');
- var memory = me.down('field[name=memory]');
- bf.setDisabled(!value);
- shares.setDisabled(!value || (bf.getValue() === memory.getValue()));
- }
- }
- }
- ];
-
- if (me.insideWizard) {
- me.column1 = me.items;
- me.items = undefined;
- me.advancedColumn1 = me.advancedItems;
- me.advancedItems = undefined;
- }
- me.callParent();
- }
-
-});
-
-Ext.define('PVE.qemu.MemoryEdit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent: function() {
- var me = this;
-
- var memoryhotplug;
- if(me.hotplug) {
- Ext.each(me.hotplug.split(','), function(el) {
- if (el === 'memory') {
- memoryhotplug = 1;
- }
- });
- }
-
- var ipanel = Ext.create('PVE.qemu.MemoryInputPanel', {
- hotplug: memoryhotplug
- });
-
- Ext.apply(me, {
- subject: gettext('Memory'),
- items: [ ipanel ],
- // uncomment the following to use the async configiguration API
- // backgroundDelay: 5,
- width: 400
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var data = response.result.data;
-
- var values = {
- ballooning: data.balloon === 0 ? '0' : '1',
- shares: data.shares,
- memory: data.memory || '512',
- balloon: data.balloon > 0 ? data.balloon : (data.memory || '512')
- };
-
- ipanel.setValues(values);
- }
- });
- }
-});
-Ext.define('PVE.qemu.NetworkInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuNetworkInputPanel',
- onlineHelp: 'qm_network_device',
-
- insideWizard: false,
-
- onGetValues: function(values) {
- var me = this;
-
- me.network.model = values.model;
- if (values.nonetwork) {
- return {};
- } else {
- me.network.bridge = values.bridge;
- me.network.tag = values.tag;
- me.network.firewall = values.firewall;
- }
- me.network.macaddr = values.macaddr;
- me.network.disconnect = values.disconnect;
- me.network.queues = values.queues;
-
- if (values.rate) {
- me.network.rate = values.rate;
- } else {
- delete me.network.rate;
- }
-
- var params = {};
-
- params[me.confid] = PVE.Parser.printQemuNetwork(me.network);
-
- return params;
- },
-
- setNetwork: function(confid, data) {
- var me = this;
-
- me.confid = confid;
-
- if (data) {
- data.networkmode = data.bridge ? 'bridge' : 'nat';
- } else {
- data = {};
- data.networkmode = 'bridge';
- }
- me.network = data;
-
- me.setValues(me.network);
- },
-
- setNodename: function(nodename) {
- var me = this;
-
- me.bridgesel.setNodename(nodename);
- },
-
- initComponent : function() {
- var me = this;
-
- me.network = {};
- me.confid = 'net0';
-
- me.column1 = [];
- me.column2 = [];
-
- me.bridgesel = Ext.create('PVE.form.BridgeSelector', {
- name: 'bridge',
- fieldLabel: gettext('Bridge'),
- nodename: me.nodename,
- autoSelect: true,
- allowBlank: false
- });
-
- me.column1 = [
- me.bridgesel,
- {
- xtype: 'pveVlanField',
- name: 'tag',
- value: ''
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Firewall'),
- name: 'firewall',
- checked: (me.insideWizard || me.isCreate)
- }
- ];
-
- me.advancedColumn1 = [
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Disconnect'),
- name: 'disconnect'
- }
- ];
-
- if (me.insideWizard) {
- me.column1.unshift({
- xtype: 'checkbox',
- name: 'nonetwork',
- inputValue: 'none',
- boxLabel: gettext('No network device'),
- listeners: {
- change: function(cb, value) {
- var fields = [
- 'disconnect',
- 'bridge',
- 'tag',
- 'firewall',
- 'model',
- 'macaddr',
- 'rate',
- 'queues'
- ];
- fields.forEach(function(fieldname) {
- me.down('field[name='+fieldname+']').setDisabled(value);
- });
- me.down('field[name=bridge]').validate();
- }
- }
- });
- me.column2.unshift({
- xtype: 'displayfield'
- });
- }
-
- me.column2.push(
- {
- xtype: 'pveNetworkCardSelector',
- name: 'model',
- fieldLabel: gettext('Model'),
- value: PVE.qemu.OSDefaults.generic.networkCard,
- allowBlank: false
- },
- {
- xtype: 'textfield',
- name: 'macaddr',
- fieldLabel: gettext('MAC address'),
- vtype: 'MacAddress',
- allowBlank: true,
- emptyText: 'auto'
- });
- me.advancedColumn2 = [
- {
- xtype: 'numberfield',
- name: 'rate',
- fieldLabel: gettext('Rate limit') + ' (MB/s)',
- minValue: 0,
- maxValue: 10*1024,
- value: '',
- emptyText: 'unlimited',
- allowBlank: true
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'queues',
- fieldLabel: 'Multiqueue',
- minValue: 1,
- maxValue: 8,
- value: '',
- allowBlank: true
- }
- ];
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.NetworkEdit', {
- extend: 'Proxmox.window.Edit',
-
- isAdd: true,
-
- initComponent : function() {
- /*jslint confusion: true */
-
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- me.isCreate = me.confid ? false : true;
-
- var ipanel = Ext.create('PVE.qemu.NetworkInputPanel', {
- confid: me.confid,
- nodename: nodename,
- isCreate: me.isCreate
- });
-
- Ext.applyIf(me, {
- subject: gettext('Network Device'),
- items: ipanel
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var i, confid;
- me.vmconfig = response.result.data;
- if (!me.isCreate) {
- var value = me.vmconfig[me.confid];
- var network = PVE.Parser.parseQemuNetwork(me.confid, value);
- if (!network) {
- Ext.Msg.alert(gettext('Error'), 'Unable to parse network options');
- me.close();
- return;
- }
- ipanel.setNetwork(me.confid, network);
- } else {
- for (i = 0; i < 100; i++) {
- confid = 'net' + i.toString();
- if (!Ext.isDefined(me.vmconfig[confid])) {
- me.confid = confid;
- break;
- }
- }
- ipanel.setNetwork(me.confid);
- }
- }
- });
- }
-});
-Ext.define('PVE.qemu.Smbios1InputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.PVE.qemu.Smbios1InputPanel',
-
- insideWizard: false,
-
- smbios1: {},
-
- onGetValues: function(values) {
- var me = this;
-
- var params = {
- smbios1: PVE.Parser.printQemuSmbios1(values)
- };
-
- return params;
- },
-
- setSmbios1: function(data) {
- var me = this;
-
- me.smbios1 = data;
-
- me.setValues(me.smbios1);
- },
-
- initComponent : function() {
- var me = this;
-
-
- me.items = [
- {
- xtype: 'textfield',
- fieldLabel: 'UUID',
- regex: /^[a-fA-F0-9]{8}(?:-[a-fA-F0-9]{4}){3}-[a-fA-F0-9]{12}$/,
- name: 'uuid'
- },
- {
- xtype: 'textfield',
- fieldLabel: gettext('Manufacturer'),
- regex: /^\S+$/,
- name: 'manufacturer'
- },
- {
- xtype: 'textfield',
- fieldLabel: gettext('Product'),
- regex: /^\S+$/,
- name: 'product'
- },
- {
- xtype: 'textfield',
- fieldLabel: gettext('Version'),
- regex: /^\S+$/,
- name: 'version'
- },
- {
- xtype: 'textfield',
- fieldLabel: gettext('Serial'),
- regex: /^\S+$/,
- name: 'serial'
- },
- {
- xtype: 'textfield',
- fieldLabel: 'SKU',
- regex: /^\S+$/,
- name: 'sku'
- },
- {
- xtype: 'textfield',
- fieldLabel: gettext('Family'),
- regex: /^\S+$/,
- name: 'family'
- }
- ];
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.Smbios1Edit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
- /*jslint confusion: true */
-
- var me = this;
-
- var ipanel = Ext.create('PVE.qemu.Smbios1InputPanel', {});
-
- Ext.applyIf(me, {
- subject: gettext('SMBIOS settings (type1)'),
- width: 450,
- items: ipanel
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var i, confid;
- me.vmconfig = response.result.data;
- var value = me.vmconfig.smbios1;
- if (value) {
- var data = PVE.Parser.parseQemuSmbios1(value);
- if (!data) {
- Ext.Msg.alert(gettext('Error'), 'Unable to parse smbios options');
- me.close();
- return;
- }
- ipanel.setSmbios1(data);
- }
- }
- });
- }
-});
-Ext.define('PVE.qemu.CDInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuCDInputPanel',
-
- insideWizard: false,
-
- onGetValues: function(values) {
- var me = this;
-
- var confid = me.confid || (values.controller + values.deviceid);
-
- me.drive.media = 'cdrom';
- if (values.mediaType === 'iso') {
- me.drive.file = values.cdimage;
- } else if (values.mediaType === 'cdrom') {
- me.drive.file = 'cdrom';
- } else {
- me.drive.file = 'none';
- }
-
- var params = {};
-
- params[confid] = PVE.Parser.printQemuDrive(me.drive);
-
- return params;
- },
-
- setVMConfig: function(vmconfig) {
- var me = this;
-
- if (me.bussel) {
- me.bussel.setVMConfig(vmconfig, 'cdrom');
- }
- },
-
- setDrive: function(drive) {
- var me = this;
-
- var values = {};
- if (drive.file === 'cdrom') {
- values.mediaType = 'cdrom';
- } else if (drive.file === 'none') {
- values.mediaType = 'none';
- } else {
- values.mediaType = 'iso';
- var match = drive.file.match(/^([^:]+):/);
- if (match) {
- values.cdstorage = match[1];
- values.cdimage = drive.file;
- }
- }
-
- me.drive = drive;
-
- me.setValues(values);
- },
-
- setNodename: function(nodename) {
- var me = this;
-
- me.cdstoragesel.setNodename(nodename);
- me.cdfilesel.setStorage(undefined, nodename);
- },
-
- initComponent : function() {
- var me = this;
-
- me.drive = {};
-
- var items = [];
-
- if (!me.confid) {
- me.bussel = Ext.create('PVE.form.ControllerSelector', {
- noVirtIO: true
- });
- items.push(me.bussel);
- }
-
- items.push({
- xtype: 'radiofield',
- name: 'mediaType',
- inputValue: 'iso',
- boxLabel: gettext('Use CD/DVD disc image file (iso)'),
- checked: true,
- listeners: {
- change: function(f, value) {
- if (!me.rendered) {
- return;
- }
- me.down('field[name=cdstorage]').setDisabled(!value);
- me.down('field[name=cdimage]').setDisabled(!value);
- me.down('field[name=cdimage]').validate();
- }
- }
- });
-
- me.cdfilesel = Ext.create('PVE.form.FileSelector', {
- name: 'cdimage',
- nodename: me.nodename,
- storageContent: 'iso',
- fieldLabel: gettext('ISO image'),
- labelAlign: 'right',
- allowBlank: false
- });
-
- me.cdstoragesel = Ext.create('PVE.form.StorageSelector', {
- name: 'cdstorage',
- nodename: me.nodename,
- fieldLabel: gettext('Storage'),
- labelAlign: 'right',
- storageContent: 'iso',
- allowBlank: false,
- autoSelect: me.insideWizard,
- listeners: {
- change: function(f, value) {
- me.cdfilesel.setStorage(value);
- }
- }
- });
-
- items.push(me.cdstoragesel);
- items.push(me.cdfilesel);
-
- items.push({
- xtype: 'radiofield',
- name: 'mediaType',
- inputValue: 'cdrom',
- boxLabel: gettext('Use physical CD/DVD Drive')
- });
-
- items.push({
- xtype: 'radiofield',
- name: 'mediaType',
- inputValue: 'none',
- boxLabel: gettext('Do not use any media')
- });
-
- me.items = items;
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.CDEdit', {
- extend: 'Proxmox.window.Edit',
-
- width: 400,
-
- initComponent : function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- me.isCreate = me.confid ? false : true;
-
- var ipanel = Ext.create('PVE.qemu.CDInputPanel', {
- confid: me.confid,
- nodename: nodename
- });
-
- Ext.applyIf(me, {
- subject: 'CD/DVD Drive',
- items: [ ipanel ]
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- ipanel.setVMConfig(response.result.data);
- if (me.confid) {
- var value = response.result.data[me.confid];
- var drive = PVE.Parser.parseQemuDrive(me.confid, value);
- if (!drive) {
- Ext.Msg.alert('Error', 'Unable to parse drive options');
- me.close();
- return;
- }
- ipanel.setDrive(drive);
- }
- }
- });
- }
-});
-/*jslint confusion: true */
-/* 'change' property is assigned a string and then a function */
-Ext.define('PVE.qemu.HDInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuHDInputPanel',
- onlineHelp: 'qm_hard_disk',
-
- insideWizard: false,
-
- unused: false, // ADD usused disk imaged
-
- vmconfig: {}, // used to select usused disks
-
- controller: {
-
- xclass: 'Ext.app.ViewController',
-
- onControllerChange: function(field) {
- var value = field.getValue();
-
- var allowIOthread = value.match(/^(virtio|scsi)/);
- this.lookup('iothread').setDisabled(!allowIOthread);
- if (!allowIOthread) {
- this.lookup('iothread').setValue(false);
- }
-
- var virtio = value.match(/^virtio/);
- this.lookup('discard').setDisabled(virtio);
- this.lookup('ssd').setDisabled(virtio);
- if (virtio) {
- this.lookup('discard').setValue(false);
- this.lookup('ssd').setValue(false);
- }
-
- this.lookup('scsiController').setVisible(value.match(/^scsi/));
- },
-
- control: {
- 'field[name=controller]': {
- change: 'onControllerChange',
- afterrender: 'onControllerChange'
- },
- 'field[name=iothread]' : {
- change: function(f, value) {
- if (!this.getView().insideWizard) {
- return;
- }
- var vmScsiType = value ? 'virtio-scsi-single': 'virtio-scsi-pci';
- this.lookupReference('scsiController').setValue(vmScsiType);
- }
- }
- }
- },
-
- onGetValues: function(values) {
- var me = this;
-
- var params = {};
- var confid = me.confid || (values.controller + values.deviceid);
-
- if (me.unused) {
- me.drive.file = me.vmconfig[values.unusedId];
- confid = values.controller + values.deviceid;
- } else if (me.isCreate) {
- if (values.hdimage) {
- me.drive.file = values.hdimage;
- } else {
- me.drive.file = values.hdstorage + ":" + values.disksize;
- }
- me.drive.format = values.diskformat;
- }
-
- if (values.nobackup) {
- me.drive.backup = 'no';
- } else {
- delete me.drive.backup;
- }
-
- if (values.noreplicate) {
- me.drive.replicate = 'no';
- } else {
- delete me.drive.replicate;
- }
-
- if (values.discard) {
- me.drive.discard = 'on';
- } else {
- delete me.drive.discard;
- }
-
- if (values.ssd) {
- me.drive.ssd = 'on';
- } else {
- delete me.drive.ssd;
- }
-
- if (values.iothread) {
- me.drive.iothread = 'on';
- } else {
- delete me.drive.iothread;
- }
-
- if (values.cache) {
- me.drive.cache = values.cache;
- } else {
- delete me.drive.cache;
- }
-
- var names = ['mbps_rd', 'mbps_wr', 'iops_rd', 'iops_wr'];
- Ext.Array.each(names, function(name) {
- if (values[name]) {
- me.drive[name] = values[name];
- } else {
- delete me.drive[name];
- }
- var burst_name = name + '_max';
- if (values[burst_name] && values[name]) {
- me.drive[burst_name] = values[burst_name];
- } else {
- delete me.drive[burst_name];
- }
- });
-
-
- params[confid] = PVE.Parser.printQemuDrive(me.drive);
-
- return params;
- },
-
- setVMConfig: function(vmconfig) {
- var me = this;
-
- me.vmconfig = vmconfig;
-
- if (me.bussel) {
- me.bussel.setVMConfig(vmconfig);
- me.scsiController.setValue(vmconfig.scsihw);
- }
- if (me.unusedDisks) {
- var disklist = [];
- Ext.Object.each(vmconfig, function(key, value) {
- if (key.match(/^unused\d+$/)) {
- disklist.push([key, value]);
- }
- });
- me.unusedDisks.store.loadData(disklist);
- me.unusedDisks.setValue(me.confid);
- }
- },
-
- setDrive: function(drive) {
- var me = this;
-
- me.drive = drive;
-
- var values = {};
- var match = drive.file.match(/^([^:]+):/);
- if (match) {
- values.hdstorage = match[1];
- }
-
- values.hdimage = drive.file;
- values.nobackup = !PVE.Parser.parseBoolean(drive.backup, 1);
- values.noreplicate = !PVE.Parser.parseBoolean(drive.replicate, 1);
- values.diskformat = drive.format || 'raw';
- values.cache = drive.cache || '__default__';
- values.discard = (drive.discard === 'on');
- values.ssd = PVE.Parser.parseBoolean(drive.ssd);
- values.iothread = PVE.Parser.parseBoolean(drive.iothread);
-
- values.mbps_rd = drive.mbps_rd;
- values.mbps_wr = drive.mbps_wr;
- values.iops_rd = drive.iops_rd;
- values.iops_wr = drive.iops_wr;
- values.mbps_rd_max = drive.mbps_rd_max;
- values.mbps_wr_max = drive.mbps_wr_max;
- values.iops_rd_max = drive.iops_rd_max;
- values.iops_wr_max = drive.iops_wr_max;
-
- me.setValues(values);
- },
-
- setNodename: function(nodename) {
- var me = this;
- me.down('#hdstorage').setNodename(nodename);
- me.down('#hdimage').setStorage(undefined, nodename);
- },
-
- initComponent : function() {
- var me = this;
-
- var labelWidth = 140;
-
- me.drive = {};
-
- me.column1 = [];
- me.column2 = [];
-
- me.advancedColumn1 = [];
- me.advancedColumn2 = [];
-
- if (!me.confid || me.unused) {
- me.bussel = Ext.create('PVE.form.ControllerSelector', {
- vmconfig: me.insideWizard ? {ide2: 'cdrom'} : {}
- });
- me.column1.push(me.bussel);
-
- me.scsiController = Ext.create('Ext.form.field.Display', {
- fieldLabel: gettext('SCSI Controller'),
- reference: 'scsiController',
- bind: me.insideWizard ? {
- value: '{current.scsihw}'
- } : undefined,
- renderer: PVE.Utils.render_scsihw,
- submitValue: false,
- hidden: true
- });
- me.column1.push(me.scsiController);
- }
-
- if (me.unused) {
- me.unusedDisks = Ext.create('Proxmox.form.KVComboBox', {
- name: 'unusedId',
- fieldLabel: gettext('Disk image'),
- matchFieldWidth: false,
- listConfig: {
- width: 350
- },
- data: [],
- allowBlank: false
- });
- me.column1.push(me.unusedDisks);
- } else if (me.isCreate) {
- me.column1.push({
- xtype: 'pveDiskStorageSelector',
- storageContent: 'images',
- name: 'disk',
- nodename: me.nodename,
- autoSelect: me.insideWizard
- });
- } else {
- me.column1.push({
- xtype: 'textfield',
- disabled: true,
- submitValue: false,
- fieldLabel: gettext('Disk image'),
- name: 'hdimage'
- });
- }
-
- me.column2.push(
- {
- xtype: 'CacheTypeSelector',
- name: 'cache',
- value: '__default__',
- fieldLabel: gettext('Cache')
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Discard'),
- disabled: me.confid && me.confid.match(/^virtio/),
- reference: 'discard',
- name: 'discard'
- }
- );
-
- me.advancedColumn1.push(
- {
- xtype: 'proxmoxcheckbox',
- disabled: me.confid && me.confid.match(/^virtio/),
- fieldLabel: gettext('SSD emulation'),
- labelWidth: labelWidth,
- name: 'ssd',
- reference: 'ssd'
- },
- {
- xtype: 'proxmoxcheckbox',
- disabled: me.confid && !me.confid.match(/^(virtio|scsi)/),
- fieldLabel: 'IO thread',
- labelWidth: labelWidth,
- reference: 'iothread',
- name: 'iothread'
- },
- {
- xtype: 'numberfield',
- name: 'mbps_rd',
- minValue: 1,
- step: 1,
- fieldLabel: gettext('Read limit') + ' (MB/s)',
- labelWidth: labelWidth,
- emptyText: gettext('unlimited')
- },
- {
- xtype: 'numberfield',
- name: 'mbps_wr',
- minValue: 1,
- step: 1,
- fieldLabel: gettext('Write limit') + ' (MB/s)',
- labelWidth: labelWidth,
- emptyText: gettext('unlimited')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'iops_rd',
- minValue: 10,
- step: 10,
- fieldLabel: gettext('Read limit') + ' (ops/s)',
- labelWidth: labelWidth,
- emptyText: gettext('unlimited')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'iops_wr',
- minValue: 10,
- step: 10,
- fieldLabel: gettext('Write limit') + ' (ops/s)',
- labelWidth: labelWidth,
- emptyText: gettext('unlimited')
- }
- );
-
- me.advancedColumn2.push(
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('No backup'),
- labelWidth: labelWidth,
- name: 'nobackup'
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Skip replication'),
- labelWidth: labelWidth,
- name: 'noreplicate'
- },
- {
- xtype: 'numberfield',
- name: 'mbps_rd_max',
- minValue: 1,
- step: 1,
- fieldLabel: gettext('Read max burst') + ' (MB)',
- labelWidth: labelWidth,
- emptyText: gettext('default')
- },
- {
- xtype: 'numberfield',
- name: 'mbps_wr_max',
- minValue: 1,
- step: 1,
- fieldLabel: gettext('Write max burst') + ' (MB)',
- labelWidth: labelWidth,
- emptyText: gettext('default')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'iops_rd_max',
- minValue: 10,
- step: 10,
- fieldLabel: gettext('Read max burst') + ' (ops)',
- labelWidth: labelWidth,
- emptyText: gettext('default')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'iops_wr_max',
- minValue: 10,
- step: 10,
- fieldLabel: gettext('Write max burst') + ' (ops)',
- labelWidth: labelWidth,
- emptyText: gettext('default')
- }
- );
-
- me.callParent();
- }
-});
-/*jslint confusion: false */
-
-Ext.define('PVE.qemu.HDEdit', {
- extend: 'Proxmox.window.Edit',
-
- isAdd: true,
-
- backgroundDelay: 5,
-
- initComponent : function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var unused = me.confid && me.confid.match(/^unused\d+$/);
-
- me.isCreate = me.confid ? unused : true;
-
- var ipanel = Ext.create('PVE.qemu.HDInputPanel', {
- confid: me.confid,
- nodename: nodename,
- unused: unused,
- isCreate: me.isCreate
- });
-
- var subject;
- if (unused) {
- me.subject = gettext('Unused Disk');
- } else if (me.isCreate) {
- me.subject = gettext('Hard Disk');
- } else {
- me.subject = gettext('Hard Disk') + ' (' + me.confid + ')';
- }
-
- me.items = [ ipanel ];
-
- me.callParent();
- /*jslint confusion: true*/
- /* 'data' is assigned an empty array in same file, and here we
- * use it like an object
- */
- me.load({
- success: function(response, options) {
- ipanel.setVMConfig(response.result.data);
- if (me.confid) {
- var value = response.result.data[me.confid];
- var drive = PVE.Parser.parseQemuDrive(me.confid, value);
- if (!drive) {
- Ext.Msg.alert(gettext('Error'), 'Unable to parse drive options');
- me.close();
- return;
- }
- ipanel.setDrive(drive);
- me.isValid(); // trigger validation
- }
- }
- });
- /*jslint confusion: false*/
- }
-});
-Ext.define('PVE.window.HDResize', {
- extend: 'Ext.window.Window',
-
- resizable: false,
-
- resize_disk: function(disk, size) {
- var me = this;
- var params = { disk: disk, size: '+' + size + 'G' };
-
- Proxmox.Utils.API2Request({
- params: params,
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/resize',
- waitMsgTarget: me,
- method: 'PUT',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- me.close();
- }
- });
- },
-
- initComponent : function() {
- var me = this;
-
- if (!me.nodename) {
- throw "no node name specified";
- }
-
- if (!me.vmid) {
- throw "no VM ID specified";
- }
-
- var items = [
- {
- xtype: 'displayfield',
- name: 'disk',
- value: me.disk,
- fieldLabel: gettext('Disk'),
- vtype: 'StorageId',
- allowBlank: false
- }
- ];
-
- me.hdsizesel = Ext.createWidget('numberfield', {
- name: 'size',
- minValue: 0,
- maxValue: 128*1024,
- decimalPrecision: 3,
- value: '0',
- fieldLabel: gettext('Size Increment') + ' (GiB)',
- allowBlank: false
- });
-
- items.push(me.hdsizesel);
-
- me.formPanel = Ext.create('Ext.form.Panel', {
- bodyPadding: 10,
- border: false,
- fieldDefaults: {
- labelWidth: 140,
- anchor: '100%'
- },
- items: items
- });
-
- var form = me.formPanel.getForm();
-
- var submitBtn;
-
- me.title = gettext('Resize disk');
- submitBtn = Ext.create('Ext.Button', {
- text: gettext('Resize disk'),
- handler: function() {
- if (form.isValid()) {
- var values = form.getValues();
- me.resize_disk(me.disk, values.size);
- }
- }
- });
-
- Ext.apply(me, {
- modal: true,
- width: 250,
- height: 150,
- border: false,
- layout: 'fit',
- buttons: [ submitBtn ],
- items: [ me.formPanel ]
- });
-
-
- me.callParent();
-
- if (!me.disk) {
- return;
- }
-
- }
-});
-Ext.define('PVE.window.HDMove', {
- extend: 'Ext.window.Window',
-
- resizable: false,
-
-
- move_disk: function(disk, storage, format, delete_disk) {
- var me = this;
- var qemu = (me.type === 'qemu');
- var params = {};
- params.storage = storage;
- params[qemu ? 'disk':'volume'] = disk;
-
- if (format && qemu) {
- params.format = format;
- }
-
- if (delete_disk) {
- params['delete'] = 1;
- }
-
- var url = '/nodes/' + me.nodename + '/' + me.type + '/' + me.vmid + '/';
- url += qemu ? 'move_disk' : 'move_volume';
-
- Proxmox.Utils.API2Request({
- params: params,
- url: url,
- waitMsgTarget: me,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- },
- success: function(response, options) {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskViewer', {
- upid: upid
- });
- win.show();
- win.on('destroy', function() { me.close(); });
- }
- });
-
- },
-
- initComponent : function() {
- var me = this;
-
- var diskarray = [];
-
- if (!me.nodename) {
- throw "no node name specified";
- }
-
- if (!me.vmid) {
- throw "no VM ID specified";
- }
-
- if (!me.type) {
- me.type = 'qemu';
- }
-
- var qemu = (me.type === 'qemu');
-
- var items = [
- {
- xtype: 'displayfield',
- name: qemu ? 'disk' : 'volume',
- value: me.disk,
- fieldLabel: qemu ? gettext('Disk') : gettext('Mount Point'),
- vtype: 'StorageId',
- allowBlank: false
- }
- ];
-
- items.push({
- xtype: 'pveDiskStorageSelector',
- storageLabel: gettext('Target Storage'),
- nodename: me.nodename,
- storageContent: qemu ? 'images' : 'rootdir',
- hideSize: true
- });
-
- items.push({
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Delete source'),
- name: 'deleteDisk',
- uncheckedValue: 0,
- checked: false
- });
-
- me.formPanel = Ext.create('Ext.form.Panel', {
- bodyPadding: 10,
- border: false,
- fieldDefaults: {
- labelWidth: 100,
- anchor: '100%'
- },
- items: items
- });
-
- var form = me.formPanel.getForm();
-
- var submitBtn;
-
- me.title = qemu ? gettext("Move disk") : gettext('Move Volume');
- submitBtn = Ext.create('Ext.Button', {
- text: me.title,
- handler: function() {
- if (form.isValid()) {
- var values = form.getValues();
- me.move_disk(me.disk, values.hdstorage, values.diskformat,
- values.deleteDisk);
- }
- }
- });
-
- Ext.apply(me, {
- modal: true,
- width: 350,
- border: false,
- layout: 'fit',
- buttons: [ submitBtn ],
- items: [ me.formPanel ]
- });
-
-
- me.callParent();
-
- me.mon(me.formPanel, 'validitychange', function(fp, isValid) {
- submitBtn.setDisabled(!isValid);
- });
-
- me.formPanel.isValid();
- }
-});
-Ext.define('PVE.qemu.EFIDiskInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveEFIDiskInputPanel',
-
- insideWizard: false,
-
- unused: false, // ADD usused disk imaged
-
- vmconfig: {}, // used to select usused disks
-
- onGetValues: function(values) {
- var me = this;
-
- var confid = 'efidisk0';
-
- if (values.hdimage) {
- me.drive.file = values.hdimage;
- } else {
- // we use 1 here, because for efi the size gets overridden from the backend
- me.drive.file = values.hdstorage + ":1";
- }
-
- me.drive.format = values.diskformat;
- var params = {};
- params[confid] = PVE.Parser.printQemuDrive(me.drive);
- return params;
- },
-
- setNodename: function(nodename) {
- var me = this;
- me.down('#hdstorage').setNodename(nodename);
- me.down('#hdimage').setStorage(undefined, nodename);
- },
-
- initComponent : function() {
- var me = this;
-
- me.drive = {};
-
- me.items= [];
-
- me.items.push({
- xtype: 'pveDiskStorageSelector',
- name: 'efidisk0',
- storageContent: 'images',
- nodename: me.nodename,
- hideSize: true
- });
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.EFIDiskEdit', {
- extend: 'Proxmox.window.Edit',
-
- isAdd: true,
- subject: gettext('EFI Disk'),
-
- initComponent : function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- me.items = [{
- xtype: 'pveEFIDiskInputPanel',
- onlineHelp: 'qm_bios_and_uefi',
- confid: me.confid,
- nodename: nodename,
- isCreate: true
- }];
-
- me.callParent();
- }
-});
-Ext.define('PVE.qemu.DisplayInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- xtype: 'pveDisplayInputPanel',
-
- onGetValues: function(values) {
- var ret = PVE.Parser.printPropertyString(values, 'type');
- if (ret === '') {
- return {
- 'delete': 'vga'
- };
- }
- return {
- vga: ret
- };
- },
-
- items: [{
- name: 'type',
- xtype: 'proxmoxKVComboBox',
- value: '__default__',
- deleteEmpty: false,
- fieldLabel: gettext('Graphic card'),
- comboItems: PVE.Utils.kvm_vga_driver_array(),
- validator: function() {
- var v = this.getValue();
- var cfg = this.up('proxmoxWindowEdit').vmconfig || {};
-
- if (v.match(/^serial\d+$/) && (!cfg[v] || cfg[v] !== 'socket')) {
- var fmt = gettext("Serial interface '{0}' is not correctly configured.");
- return Ext.String.format(fmt, v);
- }
- return true;
- },
- listeners: {
- change: function(cb, val) {
- var me = this.up('panel');
- if (!val) {
- return;
- }
- var disable = false;
- var emptyText = Proxmox.Utils.defaultText;
- switch (val) {
- case "cirrus":
- emptyText = "4";
- break;
- case "std":
- emptyText = "16";
- break;
- case "qxl":
- case "qxl2":
- case "qxl3":
- case "qxl4":
- emptyText = "16";
- break;
- case "vmware":
- emptyText = "16";
- break;
- case "none":
- case "serial0":
- case "serial1":
- case "serial2":
- case "serial3":
- emptyText = 'N/A';
- disable = true;
- break;
- case "virtio":
- emptyText = "256";
- break;
- default:
- break;
- }
- var memoryfield = me.down('field[name=memory]');
- memoryfield.setEmptyText(emptyText);
- memoryfield.setDisabled(disable);
- }
- }
- },{
- xtype: 'proxmoxintegerfield',
- emptyText: Proxmox.Utils.defaultText,
- fieldLabel: gettext('Memory') + ' (MiB)',
- minValue: 4,
- maxValue: 512,
- step: 4,
- name: 'memory'
- }]
-});
-
-Ext.define('PVE.qemu.DisplayEdit', {
- extend: 'Proxmox.window.Edit',
-
- vmconfig: undefined,
-
- subject: gettext('Display'),
- width: 350,
-
- items: [{
- xtype: 'pveDisplayInputPanel'
- }],
-
- initComponent : function() {
- var me = this;
-
- me.callParent();
-
- me.load({
- success: function(response) {
- me.vmconfig = response.result.data;
- var vga = me.vmconfig.vga || '__default__';
- me.setValues(PVE.Parser.parsePropertyString(vga, 'type'));
- }
- });
- }
-});
-Ext.define('PVE.qemu.KeyboardEdit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
- var me = this;
-
- Ext.applyIf(me, {
- subject: gettext('Keyboard Layout'),
- items: {
- xtype: 'VNCKeyboardSelector',
- name: 'keyboard',
- value: '__default__',
- fieldLabel: gettext('Keyboard Layout')
- }
- });
-
- me.callParent();
-
- me.load();
- }
-});
-Ext.define('PVE.qemu.HardwareView', {
- extend: 'Proxmox.grid.PendingObjectGrid',
- alias: ['widget.PVE.qemu.HardwareView'],
-
- onlineHelp: 'qm_virtual_machines_settings',
-
- renderKey: function(key, metaData, rec, rowIndex, colIndex, store) {
- var me = this;
- var rows = me.rows;
- var rowdef = rows[key] || {};
- var iconCls = rowdef.iconCls;
- var icon = '';
- var txt = (rowdef.header || key);
-
- metaData.tdAttr = "valign=middle";
-
- if (rowdef.tdCls) {
- metaData.tdCls = rowdef.tdCls;
- if (rowdef.tdCls == 'pve-itype-icon-storage') {
- var value = me.getObjectValue(key, '', false);
- if (value === '') {
- value = me.getObjectValue(key, '', true);
- }
- if (value.match(/vm-.*-cloudinit/)) {
- metaData.tdCls = 'pve-itype-icon-cloud';
- return rowdef.cloudheader;
- } else if (value.match(/media=cdrom/)) {
- metaData.tdCls = 'pve-itype-icon-cdrom';
- return rowdef.cdheader;
- }
- }
- } else if (iconCls) {
- icon = "";
- metaData.tdCls += " pve-itype-fa";
- }
- return icon + txt;
- },
-
- initComponent : function() {
- var me = this;
- var i, confid;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid) {
- throw "no VM ID specified";
- }
-
- var caps = Ext.state.Manager.get('GuiCap');
- var diskCap = caps.vms['VM.Config.Disk'];
-
- /*jslint confusion: true */
- var rows = {
- memory: {
- header: gettext('Memory'),
- editor: caps.vms['VM.Config.Memory'] ? 'PVE.qemu.MemoryEdit' : undefined,
- never_delete: true,
- defaultValue: '512',
- tdCls: 'pve-itype-icon-memory',
- group: 2,
- multiKey: ['memory', 'balloon', 'shares'],
- renderer: function(value, metaData, record, ri, ci, store, pending) {
- var res = '';
-
- var max = me.getObjectValue('memory', 512, pending);
- var balloon = me.getObjectValue('balloon', undefined, pending);
- var shares = me.getObjectValue('shares', undefined, pending);
-
- res = Proxmox.Utils.format_size(max*1024*1024);
-
- if (balloon !== undefined && balloon > 0) {
- res = Proxmox.Utils.format_size(balloon*1024*1024) + "/" + res;
-
- if (shares) {
- res += ' [shares=' + shares +']';
- }
- } else if (balloon === 0) {
- res += ' [balloon=0]';
- }
- return res;
- }
- },
- sockets: {
- header: gettext('Processors'),
- never_delete: true,
- editor: (caps.vms['VM.Config.CPU'] || caps.vms['VM.Config.HWType']) ?
- 'PVE.qemu.ProcessorEdit' : undefined,
- tdCls: 'pve-itype-icon-processor',
- group: 3,
- defaultValue: '1',
- multiKey: ['sockets', 'cpu', 'cores', 'numa', 'vcpus', 'cpulimit', 'cpuunits'],
- renderer: function(value, metaData, record, rowIndex, colIndex, store, pending) {
-
- var sockets = me.getObjectValue('sockets', 1, pending);
- var model = me.getObjectValue('cpu', undefined, pending);
- var cores = me.getObjectValue('cores', 1, pending);
- var numa = me.getObjectValue('numa', undefined, pending);
- var vcpus = me.getObjectValue('vcpus', undefined, pending);
- var cpulimit = me.getObjectValue('cpulimit', undefined, pending);
- var cpuunits = me.getObjectValue('cpuunits', undefined, pending);
-
- var res = Ext.String.format('{0} ({1} sockets, {2} cores)',
- sockets*cores, sockets, cores);
-
- if (model) {
- res += ' [' + model + ']';
- }
-
- if (numa) {
- res += ' [numa=' + numa +']';
- }
-
- if (vcpus) {
- res += ' [vcpus=' + vcpus +']';
- }
-
- if (cpulimit) {
- res += ' [cpulimit=' + cpulimit +']';
- }
-
- if (cpuunits) {
- res += ' [cpuunits=' + cpuunits +']';
- }
-
- return res;
- }
- },
- bios: {
- header: 'BIOS',
- group: 4,
- never_delete: true,
- editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.BiosEdit' : undefined,
- defaultValue: '',
- iconCls: 'microchip',
- renderer: PVE.Utils.render_qemu_bios
- },
- vga: {
- header: gettext('Display'),
- editor: caps.vms['VM.Config.HWType'] ? 'PVE.qemu.DisplayEdit' : undefined,
- never_delete: true,
- tdCls: 'pve-itype-icon-display',
- group:5,
- defaultValue: '',
- renderer: PVE.Utils.render_kvm_vga_driver
- },
- machine: {
- header: gettext('Machine'),
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Machine'),
- width: 350,
- items: [{
- xtype: 'proxmoxKVComboBox',
- name: 'machine',
- value: '__default__',
- fieldLabel: gettext('Machine'),
- comboItems: [
- ['__default__', PVE.Utils.render_qemu_machine('')],
- ['q35', 'q35']
- ]
- }]} : undefined,
- iconCls: 'cogs',
- never_delete: true,
- group: 6,
- defaultValue: '',
- renderer: PVE.Utils.render_qemu_machine
- },
- scsihw: {
- header: gettext('SCSI Controller'),
- iconCls: 'database',
- editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.ScsiHwEdit' : undefined,
- renderer: PVE.Utils.render_scsihw,
- group: 7,
- never_delete: true,
- defaultValue: ''
- },
- cores: {
- visible: false
- },
- cpu: {
- visible: false
- },
- numa: {
- visible: false
- },
- balloon: {
- visible: false
- },
- hotplug: {
- visible: false
- },
- vcpus: {
- visible: false
- },
- cpuunits: {
- visible: false
- },
- cpulimit: {
- visible: false
- },
- shares: {
- visible: false
- }
- };
- /*jslint confusion: false */
-
- PVE.Utils.forEachBus(undefined, function(type, id) {
- var confid = type + id;
- rows[confid] = {
- group: 10,
- tdCls: 'pve-itype-icon-storage',
- editor: 'PVE.qemu.HDEdit',
- never_delete: caps.vms['VM.Config.Disk'] ? false : true,
- header: gettext('Hard Disk') + ' (' + confid +')',
- cdheader: gettext('CD/DVD Drive') + ' (' + confid +')',
- cloudheader: gettext('CloudInit Drive') + ' (' + confid + ')'
- };
- });
- for (i = 0; i < 32; i++) {
- confid = "net" + i.toString();
- rows[confid] = {
- group: 15,
- order: i,
- tdCls: 'pve-itype-icon-network',
- editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.NetworkEdit' : undefined,
- never_delete: caps.vms['VM.Config.Network'] ? false : true,
- header: gettext('Network Device') + ' (' + confid +')'
- };
- }
- rows.efidisk0 = {
- group: 20,
- tdCls: 'pve-itype-icon-storage',
- editor: null,
- never_delete: caps.vms['VM.Config.Disk'] ? false : true,
- header: gettext('EFI Disk')
- };
- for (i = 0; i < 5; i++) {
- confid = "usb" + i.toString();
- rows[confid] = {
- group: 25,
- order: i,
- tdCls: 'pve-itype-icon-usb',
- editor: caps.nodes['Sys.Console'] ? 'PVE.qemu.USBEdit' : undefined,
- never_delete: caps.nodes['Sys.Console'] ? false : true,
- header: gettext('USB Device') + ' (' + confid + ')'
- };
- }
- for (i = 0; i < 4; i++) {
- confid = "hostpci" + i.toString();
- rows[confid] = {
- group: 30,
- order: i,
- tdCls: 'pve-itype-icon-pci',
- never_delete: caps.nodes['Sys.Console'] ? false : true,
- editor: caps.nodes['Sys.Console'] ? 'PVE.qemu.PCIEdit' : undefined,
- header: gettext('PCI Device') + ' (' + confid + ')'
- };
- }
- for (i = 0; i < 4; i++) {
- confid = "serial" + i.toString();
- rows[confid] = {
- group: 35,
- order: i,
- tdCls: 'pve-itype-icon-serial',
- never_delete: caps.nodes['Sys.Console'] ? false : true,
- header: gettext('Serial Port') + ' (' + confid + ')'
- };
- }
- for (i = 0; i < 256; i++) {
- rows["unused" + i.toString()] = {
- group: 99,
- order: i,
- tdCls: 'pve-itype-icon-storage',
- editor: caps.vms['VM.Config.Disk'] ? 'PVE.qemu.HDEdit' : undefined,
- header: gettext('Unused Disk') + ' ' + i.toString()
- };
- }
-
- var sorterFn = function(rec1, rec2) {
- var v1 = rec1.data.key;
- var v2 = rec2.data.key;
- var g1 = rows[v1].group || 0;
- var g2 = rows[v2].group || 0;
- var order1 = rows[v1].order || 0;
- var order2 = rows[v2].order || 0;
-
- if ((g1 - g2) !== 0) {
- return g1 - g2;
- }
-
- if ((order1 - order2) !== 0) {
- return order1 - order2;
- }
-
- if (v1 > v2) {
- return 1;
- } else if (v1 < v2) {
- return -1;
- } else {
- return 0;
- }
- };
-
- var reload = function() {
- me.rstore.load();
- };
-
- var baseurl = 'nodes/' + nodename + '/qemu/' + vmid + '/config';
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
-
- var rowdef = rows[rec.data.key];
- if (!rowdef.editor) {
- return;
- }
-
- var editor = rowdef.editor;
- if (rowdef.tdCls == 'pve-itype-icon-storage') {
- if (!diskCap) {
- return;
- }
- var value = me.getObjectValue(rec.data.key, '', true);
- if (value.match(/vm-.*-cloudinit/)) {
- return;
- } else if (value.match(/media=cdrom/)) {
- editor = 'PVE.qemu.CDEdit';
- }
- }
-
- var win;
-
- if (Ext.isString(editor)) {
- win = Ext.create(editor, {
- pveSelNode: me.pveSelNode,
- confid: rec.data.key,
- url: '/api2/extjs/' + baseurl
- });
- } else {
- var config = Ext.apply({
- pveSelNode: me.pveSelNode,
- confid: rec.data.key,
- url: '/api2/extjs/' + baseurl
- }, rowdef.editor);
- win = Ext.createWidget(rowdef.editor.xtype, config);
- win.load();
- }
-
- win.show();
- win.on('destroy', reload);
- };
-
- var run_resize = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
-
- var win = Ext.create('PVE.window.HDResize', {
- disk: rec.data.key,
- nodename: nodename,
- vmid: vmid
- });
-
- win.show();
-
- win.on('destroy', reload);
- };
-
- var run_move = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
-
- var win = Ext.create('PVE.window.HDMove', {
- disk: rec.data.key,
- nodename: nodename,
- vmid: vmid
- });
-
- win.show();
-
- win.on('destroy', reload);
- };
-
- var edit_btn = new Proxmox.button.Button({
- text: gettext('Edit'),
- selModel: sm,
- disabled: true,
- handler: run_editor
- });
-
- var resize_btn = new Proxmox.button.Button({
- text: gettext('Resize disk'),
- selModel: sm,
- disabled: true,
- handler: run_resize
- });
-
- var move_btn = new Proxmox.button.Button({
- text: gettext('Move disk'),
- selModel: sm,
- disabled: true,
- handler: run_move
- });
-
- var remove_btn = new Proxmox.button.Button({
- text: gettext('Remove'),
- defaultText: gettext('Remove'),
- altText: gettext('Detach'),
- selModel: sm,
- disabled: true,
- dangerous: true,
- RESTMethod: 'PUT',
- confirmMsg: function(rec) {
- var warn = gettext('Are you sure you want to remove entry {0}');
- if (this.text === this.altText) {
- warn = gettext('Are you sure you want to detach entry {0}');
- }
-
- var entry = rec.data.key;
- var msg = Ext.String.format(warn, "'"
- + me.renderKey(entry, {}, rec) + "'");
-
- if (entry.match(/^unused\d+$/)) {
- msg += " " + gettext('This will permanently erase all data.');
- }
-
- return msg;
- },
- handler: function(b, e, rec) {
- Proxmox.Utils.API2Request({
- url: '/api2/extjs/' + baseurl,
- waitMsgTarget: me,
- method: b.RESTMethod,
- params: {
- 'delete': rec.data.key
- },
- callback: function() {
- reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- },
- success: function(response, options) {
- if (b.RESTMethod === 'POST') {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskProgress', {
- upid: upid,
- listeners: {
- destroy: function () {
- me.reload();
- }
- }
- });
- win.show();
- }
- }
- });
- },
- listeners: {
- render: function(btn) {
- // hack: calculate an optimal button width on first display
- // to prevent the whole toolbar to move when we switch
- // between the "Remove" and "Detach" labels
- var def = btn.getSize().width;
-
- btn.setText(btn.altText);
- var alt = btn.getSize().width;
-
- btn.setText(btn.defaultText);
-
- var optimal = alt > def ? alt : def;
- btn.setSize({ width: optimal });
- }
- }
- });
-
- var revert_btn = new Proxmox.button.Button({
- text: gettext('Revert'),
- selModel: sm,
- disabled: true,
- handler: function(b, e, rec) {
- var rowdef = me.rows[rec.data.key] || {};
- var keys = rowdef.multiKey || [ rec.data.key ];
- var revert = keys.join(',');
- Proxmox.Utils.API2Request({
- url: '/api2/extjs/' + baseurl,
- waitMsgTarget: me,
- method: 'PUT',
- params: {
- 'revert': revert
- },
- callback: function() {
- reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert('Error',response.htmlStatus);
- }
- });
- }
- });
-
- var efidisk_menuitem = Ext.create('Ext.menu.Item',{
- text: gettext('EFI Disk'),
- iconCls: 'pve-itype-icon-storage',
- disabled: !caps.vms['VM.Config.Disk'],
- handler: function() {
-
- var rstoredata = me.rstore.getData().map;
- // check if ovmf is configured
- if (rstoredata.bios && rstoredata.bios.data.value === 'ovmf') {
- var win = Ext.create('PVE.qemu.EFIDiskEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- } else {
- Ext.Msg.alert('Error',gettext('Please select OVMF(UEFI) as BIOS first.'));
- }
-
- }
- });
-
- var set_button_status = function() {
- var sm = me.getSelectionModel();
- var rec = sm.getSelection()[0];
-
- // disable button when we have an efidisk already
- // disable is ok in this case, because you can instantly
- // see that there is already one
- efidisk_menuitem.setDisabled(me.rstore.getData().map.efidisk0 !== undefined);
- // en/disable usb add button
- var usbcount = 0;
- var pcicount = 0;
- var hasCloudInit = false;
- me.rstore.getData().items.forEach(function(item){
- if (/^usb\d+/.test(item.id)) {
- usbcount++;
- } else if (/^hostpci\d+/.test(item.id)) {
- pcicount++;
- }
- if (!hasCloudInit && /vm-.*-cloudinit/.test(item.data.value)) {
- hasCloudInit = true;
- }
- });
-
- // heuristic only for disabling some stuff, the backend has the final word.
- var noSysConsolePerm = !caps.nodes['Sys.Console'];
-
- me.down('#addusb').setDisabled(noSysConsolePerm || (usbcount >= 5));
- me.down('#addpci').setDisabled(noSysConsolePerm || (pcicount >= 4));
- me.down('#addci').setDisabled(noSysConsolePerm || hasCloudInit);
-
- if (!rec) {
- remove_btn.disable();
- edit_btn.disable();
- resize_btn.disable();
- move_btn.disable();
- revert_btn.disable();
- return;
- }
- var key = rec.data.key;
- var value = rec.data.value;
- var rowdef = rows[key];
-
- var pending = rec.data['delete'] || me.hasPendingChanges(key);
- var isUnusedDisk = key.match(/^unused\d+/);
- var isUsedDisk = !isUnusedDisk &&
- rowdef.tdCls == 'pve-itype-icon-storage' &&
- (value && !value.match(/media=cdrom/));
-
- var isCloudInit = (value && value.toString().match(/vm-.*-cloudinit/));
-
- var isEfi = (key === 'efidisk0');
-
- remove_btn.setDisabled(rec.data['delete'] || (rowdef.never_delete === true) || (isUnusedDisk && !diskCap));
- remove_btn.setText((isUsedDisk && !isCloudInit) ? remove_btn.altText : remove_btn.defaultText);
- remove_btn.RESTMethod = isUnusedDisk ? 'POST':'PUT';
-
- edit_btn.setDisabled(rec.data['delete'] || !rowdef.editor || isCloudInit || !diskCap);
-
- resize_btn.setDisabled(pending || !isUsedDisk || !diskCap);
-
- move_btn.setDisabled(pending || !isUsedDisk || !diskCap);
-
- revert_btn.setDisabled(!pending);
-
- };
-
- Ext.apply(me, {
- url: '/api2/json/' + 'nodes/' + nodename + '/qemu/' + vmid + '/pending',
- interval: 5000,
- selModel: sm,
- run_editor: run_editor,
- tbar: [
- {
- text: gettext('Add'),
- menu: new Ext.menu.Menu({
- items: [
- {
- text: gettext('Hard Disk'),
- iconCls: 'pve-itype-icon-storage',
- disabled: !caps.vms['VM.Config.Disk'],
- handler: function() {
- var win = Ext.create('PVE.qemu.HDEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('CD/DVD Drive'),
- iconCls: 'pve-itype-icon-cdrom',
- disabled: !caps.vms['VM.Config.Disk'],
- handler: function() {
- var win = Ext.create('PVE.qemu.CDEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('Network Device'),
- iconCls: 'pve-itype-icon-network',
- disabled: !caps.vms['VM.Config.Network'],
- handler: function() {
- var win = Ext.create('PVE.qemu.NetworkEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode,
- isCreate: true
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- efidisk_menuitem,
- {
- text: gettext('USB Device'),
- itemId: 'addusb',
- iconCls: 'pve-itype-icon-usb',
- disabled: !caps.nodes['Sys.Console'],
- handler: function() {
- var win = Ext.create('PVE.qemu.USBEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('PCI Device'),
- itemId: 'addpci',
- iconCls: 'pve-itype-icon-pci',
- disabled: !caps.nodes['Sys.Console'],
- handler: function() {
- var win = Ext.create('PVE.qemu.PCIEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('Serial Port'),
- itemId: 'addserial',
- iconCls: 'pve-itype-icon-serial',
- disabled: !caps.vms['VM.Config.Options'],
- handler: function() {
- var win = Ext.create('PVE.qemu.SerialEdit', {
- url: '/api2/extjs/' + baseurl
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('CloudInit Drive'),
- itemId: 'addci',
- iconCls: 'pve-itype-icon-cloud',
- disabled: !caps.nodes['Sys.Console'],
- handler: function() {
- var win = Ext.create('PVE.qemu.CIDriveEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- }
- ]
- })
- },
- remove_btn,
- edit_btn,
- resize_btn,
- move_btn,
- revert_btn
- ],
- rows: rows,
- sorterFn: sorterFn,
- listeners: {
- itemdblclick: run_editor,
- selectionchange: set_button_status
- }
- });
-
- me.callParent();
-
- me.on('activate', me.rstore.startUpdate);
- me.on('destroy', me.rstore.stopUpdate);
-
- me.mon(me.rstore, 'refresh', function() {
- set_button_status();
- });
- }
-});
-Ext.define('PVE.qemu.ScsiHwEdit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
- var me = this;
-
- Ext.applyIf(me, {
- subject: gettext('SCSI Controller Type'),
- items: {
- xtype: 'pveScsiHwSelector',
- name: 'scsihw',
- value: '__default__',
- fieldLabel: gettext('Type')
- }
- });
-
- me.callParent();
-
- me.load();
- }
-});
-Ext.define('PVE.qemu.BiosEdit', {
- extend: 'Proxmox.window.Edit',
- alias: 'widget.pveQemuBiosEdit',
-
- initComponent : function() {
- var me = this;
-
- var EFIHint = Ext.createWidget({
- xtype: 'displayfield', //submitValue is false, so we don't get submitted
- userCls: 'pve-hint',
- value: 'You need to add an EFI disk for storing the ' +
- 'EFI settings. See the online help for details.',
- hidden: true
- });
-
- Ext.applyIf(me, {
- subject: 'BIOS',
- items: [ {
- xtype: 'pveQemuBiosSelector',
- onlineHelp: 'qm_bios_and_uefi',
- name: 'bios',
- value: '__default__',
- fieldLabel: 'BIOS',
- listeners: {
- 'change' : function(field, newValue) {
- if (newValue == 'ovmf') {
- Proxmox.Utils.API2Request({
- url : me.url,
- method : 'GET',
- failure : function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success : function(response, opts) {
- var vmConfig = response.result.data;
- // there can be only one
- if (!vmConfig.efidisk0) {
- EFIHint.setVisible(true);
- }
- }
- });
- } else {
- if (EFIHint.isVisible()) {
- EFIHint.setVisible(false);
- }
- }
- }
- }
- },
- EFIHint
- ] });
-
- me.callParent();
-
- me.load();
-
- }
-});
-/*jslint confusion: true */
-Ext.define('PVE.qemu.Options', {
- extend: 'Proxmox.grid.PendingObjectGrid',
- alias: ['widget.PVE.qemu.Options'],
-
- onlineHelp: 'qm_options',
-
- initComponent : function() {
- var me = this;
- var i;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid) {
- throw "no VM ID specified";
- }
-
- var caps = Ext.state.Manager.get('GuiCap');
-
- var rows = {
- name: {
- required: true,
- defaultValue: me.pveSelNode.data.name,
- header: gettext('Name'),
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Name'),
- items: {
- xtype: 'inputpanel',
- items:{
- xtype: 'textfield',
- name: 'name',
- vtype: 'DnsName',
- value: '',
- fieldLabel: gettext('Name'),
- allowBlank: true
- },
- onGetValues: function(values) {
- var params = values;
- if (values.name === undefined ||
- values.name === null ||
- values.name === '') {
- params = { 'delete':'name'};
- }
- return params;
- }
- }
- } : undefined
- },
- onboot: {
- header: gettext('Start at boot'),
- defaultValue: '',
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Start at boot'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'onboot',
- uncheckedValue: 0,
- defaultValue: 0,
- deleteDefaultValue: true,
- fieldLabel: gettext('Start at boot')
- }
- } : undefined
- },
- startup: {
- header: gettext('Start/Shutdown order'),
- defaultValue: '',
- renderer: PVE.Utils.render_kvm_startup,
- editor: caps.vms['VM.Config.Options'] && caps.nodes['Sys.Modify'] ?
- {
- xtype: 'pveWindowStartupEdit',
- onlineHelp: 'qm_startup_and_shutdown'
- } : undefined
- },
- ostype: {
- header: gettext('OS Type'),
- editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.OSTypeEdit' : undefined,
- renderer: PVE.Utils.render_kvm_ostype,
- defaultValue: 'other'
- },
- bootdisk: {
- visible: false
- },
- boot: {
- header: gettext('Boot Order'),
- defaultValue: 'cdn',
- editor: caps.vms['VM.Config.Disk'] ? 'PVE.qemu.BootOrderEdit' : undefined,
- multiKey: ['boot', 'bootdisk'],
- renderer: function(order, metaData, record, rowIndex, colIndex, store, pending) {
- var i;
- var text = '';
- var bootdisk = me.getObjectValue('bootdisk', undefined, pending);
- order = order || 'cdn';
- for (i = 0; i < order.length; i++) {
- var sel = order.substring(i, i + 1);
- if (text) {
- text += ', ';
- }
- if (sel === 'c') {
- if (bootdisk) {
- text += "Disk '" + bootdisk + "'";
- } else {
- text += "Disk";
- }
- } else if (sel === 'n') {
- text += 'Network';
- } else if (sel === 'a') {
- text += 'Floppy';
- } else if (sel === 'd') {
- text += 'CD-ROM';
- } else {
- text += sel;
- }
- }
- return text;
- }
- },
- tablet: {
- header: gettext('Use tablet for pointer'),
- defaultValue: true,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Use tablet for pointer'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'tablet',
- checked: true,
- uncheckedValue: 0,
- defaultValue: 1,
- deleteDefaultValue: true,
- fieldLabel: gettext('Enabled')
- }
- } : undefined
- },
- hotplug: {
- header: gettext('Hotplug'),
- defaultValue: 'disk,network,usb',
- renderer: PVE.Utils.render_hotplug_features,
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Hotplug'),
- items: {
- xtype: 'pveHotplugFeatureSelector',
- name: 'hotplug',
- value: '',
- multiSelect: true,
- fieldLabel: gettext('Hotplug'),
- allowBlank: true
- }
- } : undefined
- },
- acpi: {
- header: gettext('ACPI support'),
- defaultValue: true,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('ACPI support'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'acpi',
- checked: true,
- uncheckedValue: 0,
- defaultValue: 1,
- deleteDefaultValue: true,
- fieldLabel: gettext('Enabled')
- }
- } : undefined
- },
- kvm: {
- header: gettext('KVM hardware virtualization'),
- defaultValue: true,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('KVM hardware virtualization'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'kvm',
- checked: true,
- uncheckedValue: 0,
- defaultValue: 1,
- deleteDefaultValue: true,
- fieldLabel: gettext('Enabled')
- }
- } : undefined
- },
- freeze: {
- header: gettext('Freeze CPU at startup'),
- defaultValue: false,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.PowerMgmt'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Freeze CPU at startup'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'freeze',
- uncheckedValue: 0,
- defaultValue: 0,
- deleteDefaultValue: true,
- labelWidth: 140,
- fieldLabel: gettext('Freeze CPU at startup')
- }
- } : undefined
- },
- localtime: {
- header: gettext('Use local time for RTC'),
- defaultValue: false,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Use local time for RTC'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'localtime',
- uncheckedValue: 0,
- defaultValue: 0,
- deleteDefaultValue: true,
- labelWidth: 140,
- fieldLabel: gettext('Use local time for RTC')
- }
- } : undefined
- },
- startdate: {
- header: gettext('RTC start date'),
- defaultValue: 'now',
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('RTC start date'),
- items: {
- xtype: 'proxmoxtextfield',
- name: 'startdate',
- deleteEmpty: true,
- value: 'now',
- fieldLabel: gettext('RTC start date'),
- vtype: 'QemuStartDate',
- allowBlank: true
- }
- } : undefined
- },
- smbios1: {
- header: gettext('SMBIOS settings (type1)'),
- defaultValue: '',
- renderer: Ext.String.htmlEncode,
- editor: caps.vms['VM.Config.HWType'] ? 'PVE.qemu.Smbios1Edit' : undefined
- },
- agent: {
- header: gettext('Qemu Agent'),
- defaultValue: false,
- renderer: PVE.Utils.render_qga_features,
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Qemu Agent'),
- items: {
- xtype: 'pveAgentFeatureSelector',
- name: 'agent'
- }
- } : undefined
- },
- protection: {
- header: gettext('Protection'),
- defaultValue: false,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Protection'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'protection',
- uncheckedValue: 0,
- defaultValue: 0,
- deleteDefaultValue: true,
- fieldLabel: gettext('Enabled')
- }
- } : undefined
- },
- hookscript: {
- header: gettext('Hookscript')
- }
- };
-
- var baseurl = 'nodes/' + nodename + '/qemu/' + vmid + '/config';
-
- var edit_btn = new Ext.Button({
- text: gettext('Edit'),
- disabled: true,
- handler: function() { me.run_editor(); }
- });
-
- var revert_btn = new Proxmox.button.Button({
- text: gettext('Revert'),
- disabled: true,
- handler: function() {
- var sm = me.getSelectionModel();
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
-
- var rowdef = me.rows[rec.data.key] || {};
- var keys = rowdef.multiKey || [ rec.data.key ];
- var revert = keys.join(',');
-
- Proxmox.Utils.API2Request({
- url: '/api2/extjs/' + baseurl,
- waitMsgTarget: me,
- method: 'PUT',
- params: {
- 'revert': revert
- },
- callback: function() {
- me.reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert('Error',response.htmlStatus);
- }
- });
- }
- });
-
- var set_button_status = function() {
- var sm = me.getSelectionModel();
- var rec = sm.getSelection()[0];
-
- if (!rec) {
- edit_btn.disable();
- return;
- }
-
- var key = rec.data.key;
- var pending = rec.data['delete'] || me.hasPendingChanges(key);
- var rowdef = rows[key];
-
- edit_btn.setDisabled(!rowdef.editor);
- revert_btn.setDisabled(!pending);
- };
-
- Ext.apply(me, {
- url: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/pending",
- interval: 5000,
- cwidth1: 250,
- tbar: [ edit_btn, revert_btn ],
- rows: rows,
- editorConfig: {
- url: "/api2/extjs/" + baseurl
- },
- listeners: {
- itemdblclick: me.run_editor,
- selectionchange: set_button_status
- }
- });
-
- me.callParent();
-
- me.on('activate', me.rstore.startUpdate);
- me.on('destroy', me.rstore.stopUpdate);
- me.on('deactivate', me.rstore.stopUpdate);
-
- me.rstore.on('datachanged', function() {
- set_button_status();
- });
- }
-});
-
-Ext.define('PVE.window.Snapshot', {
- extend: 'Ext.window.Window',
-
- resizable: false,
-
- // needed for finding the reference to submitbutton
- // because we do not have a controller
- referenceHolder: true,
- defaultButton: 'submitbutton',
- defaultFocus: 'field',
-
- take_snapshot: function(snapname, descr, vmstate) {
- var me = this;
- var params = { snapname: snapname, vmstate: vmstate ? 1 : 0 };
- if (descr) {
- params.description = descr;
- }
-
- Proxmox.Utils.API2Request({
- params: params,
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot",
- waitMsgTarget: me,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
- win.show();
- me.close();
- }
- });
- },
-
- update_snapshot: function(snapname, descr) {
- var me = this;
- Proxmox.Utils.API2Request({
- params: { description: descr },
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot/" +
- snapname + '/config',
- waitMsgTarget: me,
- method: 'PUT',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- me.close();
- }
- });
- },
-
- initComponent : function() {
- var me = this;
-
- if (!me.nodename) {
- throw "no node name specified";
- }
-
- if (!me.vmid) {
- throw "no VM ID specified";
- }
-
- var summarystore = Ext.create('Ext.data.Store', {
- model: 'KeyValue',
- sorters: [
- {
- property : 'key',
- direction: 'ASC'
- }
- ]
- });
-
- var items = [
- {
- xtype: me.snapname ? 'displayfield' : 'textfield',
- name: 'snapname',
- value: me.snapname,
- fieldLabel: gettext('Name'),
- vtype: 'ConfigId',
- allowBlank: false
- }
- ];
-
- if (me.snapname) {
- items.push({
- xtype: 'displayfield',
- name: 'snaptime',
- renderer: PVE.Utils.render_timestamp_human_readable,
- fieldLabel: gettext('Timestamp')
- });
- } else {
- items.push({
- xtype: 'proxmoxcheckbox',
- name: 'vmstate',
- uncheckedValue: 0,
- defaultValue: 0,
- checked: 1,
- fieldLabel: gettext('Include RAM')
- });
- }
-
- items.push({
- xtype: 'textareafield',
- grow: true,
- name: 'description',
- fieldLabel: gettext('Description')
- });
-
- if (me.snapname) {
- items.push({
- title: gettext('Settings'),
- xtype: 'grid',
- height: 200,
- store: summarystore,
- columns: [
- {header: gettext('Key'), width: 150, dataIndex: 'key'},
- {header: gettext('Value'), flex: 1, dataIndex: 'value'}
- ]
- });
- }
-
- me.formPanel = Ext.create('Ext.form.Panel', {
- bodyPadding: 10,
- border: false,
- fieldDefaults: {
- labelWidth: 100,
- anchor: '100%'
- },
- items: items
- });
-
- var form = me.formPanel.getForm();
-
- var submitBtn;
-
- if (me.snapname) {
- me.title = gettext('Edit') + ': ' + gettext('Snapshot');
- submitBtn = Ext.create('Ext.Button', {
- text: gettext('Update'),
- handler: function() {
- if (form.isValid()) {
- var values = form.getValues();
- me.update_snapshot(me.snapname, values.description);
- }
- }
- });
- } else {
- me.title ="VM " + me.vmid + ': ' + gettext('Take Snapshot');
- submitBtn = Ext.create('Ext.Button', {
- text: gettext('Take Snapshot'),
- reference: 'submitbutton',
- handler: function() {
- if (form.isValid()) {
- var values = form.getValues();
- me.take_snapshot(values.snapname, values.description, values.vmstate);
- }
- }
- });
- }
-
- Ext.apply(me, {
- modal: true,
- width: 450,
- border: false,
- layout: 'fit',
- buttons: [ submitBtn ],
- items: [ me.formPanel ]
- });
-
- if (me.snapname) {
- Ext.apply(me, {
- width: 620,
- height: 420
- });
- }
-
- me.callParent();
-
- if (!me.snapname) {
- return;
- }
-
- // else load data
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot/" +
- me.snapname + '/config',
- waitMsgTarget: me,
- method: 'GET',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- me.close();
- },
- success: function(response, options) {
- var data = response.result.data;
- var kvarray = [];
- Ext.Object.each(data, function(key, value) {
- if (key === 'description' || key === 'snaptime') {
- return;
- }
- kvarray.push({ key: key, value: value });
- });
-
- summarystore.suspendEvents();
- summarystore.add(kvarray);
- summarystore.sort();
- summarystore.resumeEvents();
- summarystore.fireEvent('refresh', summarystore);
-
- form.findField('snaptime').setValue(data.snaptime);
- form.findField('description').setValue(data.description);
- }
- });
- }
-});
-Ext.define('PVE.qemu.SnapshotTree', {
- extend: 'Ext.tree.Panel',
- alias: ['widget.pveQemuSnapshotTree'],
-
- load_delay: 3000,
-
- old_digest: 'invalid',
-
- stateful: true,
- stateId: 'grid-qemu-snapshots',
-
- sorterFn: function(rec1, rec2) {
- var v1 = rec1.data.snaptime;
- var v2 = rec2.data.snaptime;
-
- if (rec1.data.name === 'current') {
- return 1;
- }
- if (rec2.data.name === 'current') {
- return -1;
- }
-
- return (v1 > v2 ? 1 : (v1 < v2 ? -1 : 0));
- },
-
- reload: function(repeat) {
- var me = this;
-
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot',
- method: 'GET',
- failure: function(response, opts) {
- Proxmox.Utils.setErrorMask(me, response.htmlStatus);
- me.load_task.delay(me.load_delay);
- },
- success: function(response, opts) {
- Proxmox.Utils.setErrorMask(me, false);
- var digest = 'invalid';
- var idhash = {};
- var root = { name: '__root', expanded: true, children: [] };
- Ext.Array.each(response.result.data, function(item) {
- item.leaf = true;
- item.children = [];
- if (item.name === 'current') {
- digest = item.digest + item.running;
- if (item.running) {
- item.iconCls = 'fa fa-fw fa-desktop x-fa-tree-running';
- } else {
- item.iconCls = 'fa fa-fw fa-desktop x-fa-tree';
- }
- } else {
- item.iconCls = 'fa fa-fw fa-history x-fa-tree';
- }
- idhash[item.name] = item;
- });
-
- if (digest !== me.old_digest) {
- me.old_digest = digest;
-
- Ext.Array.each(response.result.data, function(item) {
- if (item.parent && idhash[item.parent]) {
- var parent_item = idhash[item.parent];
- parent_item.children.push(item);
- parent_item.leaf = false;
- parent_item.expanded = true;
- parent_item.expandable = false;
- } else {
- root.children.push(item);
- }
- });
-
- me.setRootNode(root);
- }
-
- me.load_task.delay(me.load_delay);
- }
- });
-
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/feature',
- params: { feature: 'snapshot' },
- method: 'GET',
- success: function(response, options) {
- var res = response.result.data;
- if (res.hasFeature) {
- var snpBtns = Ext.ComponentQuery.query('#snapshotBtn');
- snpBtns.forEach(function(item){
- item.enable();
- });
- }
- }
- });
-
-
- },
-
- listeners: {
- beforestatesave: function(grid, state, eopts) {
- // extjs cannot serialize functions,
- // so a the sorter with only the sorterFn will
- // not be a valid sorter when restoring the state
- delete state.storeState.sorters;
- }
- },
-
- initComponent: function() {
- var me = this;
-
- me.nodename = me.pveSelNode.data.node;
- if (!me.nodename) {
- throw "no node name specified";
- }
-
- me.vmid = me.pveSelNode.data.vmid;
- if (!me.vmid) {
- throw "no VM ID specified";
- }
-
- me.load_task = new Ext.util.DelayedTask(me.reload, me);
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var valid_snapshot = function(record) {
- return record && record.data && record.data.name &&
- record.data.name !== 'current';
- };
-
- var valid_snapshot_rollback = function(record) {
- return record && record.data && record.data.name &&
- record.data.name !== 'current' && !record.data.snapstate;
- };
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (valid_snapshot(rec)) {
- var win = Ext.create('PVE.window.Snapshot', {
- snapname: rec.data.name,
- nodename: me.nodename,
- vmid: me.vmid
- });
- win.show();
- me.mon(win, 'close', me.reload, me);
- }
- };
-
- var editBtn = new Proxmox.button.Button({
- text: gettext('Edit'),
- disabled: true,
- selModel: sm,
- enableFn: valid_snapshot,
- handler: run_editor
- });
-
- var rollbackBtn = new Proxmox.button.Button({
- text: gettext('Rollback'),
- disabled: true,
- selModel: sm,
- enableFn: valid_snapshot_rollback,
- confirmMsg: function(rec) {
- return Proxmox.Utils.format_task_description('qmrollback', me.vmid) +
- " '" + rec.data.name + "'";
- },
- handler: function(btn, event) {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var snapname = rec.data.name;
-
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot/' + snapname + '/rollback',
- method: 'POST',
- waitMsgTarget: me,
- callback: function() {
- me.reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
- win.show();
- }
- });
- }
- });
-
- var removeBtn = new Proxmox.button.Button({
- text: gettext('Remove'),
- disabled: true,
- selModel: sm,
- confirmMsg: function(rec) {
- var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
- "'" + rec.data.name + "'");
- return msg;
- },
- enableFn: valid_snapshot,
- handler: function(btn, event) {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var snapname = rec.data.name;
-
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot/' + snapname,
- method: 'DELETE',
- waitMsgTarget: me,
- callback: function() {
- me.reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
- win.show();
- }
- });
- }
- });
-
- var snapshotBtn = Ext.create('Ext.Button', {
- itemId: 'snapshotBtn',
- text: gettext('Take Snapshot'),
- disabled: true,
- handler: function() {
- var win = Ext.create('PVE.window.Snapshot', {
- nodename: me.nodename,
- vmid: me.vmid
- });
- win.show();
- }
- });
-
- Ext.apply(me, {
- layout: 'fit',
- rootVisible: false,
- animate: false,
- sortableColumns: false,
- selModel: sm,
- tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ],
- fields: [
- 'name', 'description', 'snapstate', 'vmstate', 'running',
- { name: 'snaptime', type: 'date', dateFormat: 'timestamp' }
- ],
- columns: [
- {
- xtype: 'treecolumn',
- text: gettext('Name'),
- dataIndex: 'name',
- width: 200,
- renderer: function(value, metaData, record) {
- if (value === 'current') {
- return "NOW";
- } else {
- return value;
- }
- }
- },
- {
- text: gettext('RAM'),
- align: 'center',
- resizable: false,
- dataIndex: 'vmstate',
- width: 50,
- renderer: function(value, metaData, record) {
- if (record.data.name !== 'current') {
- return Proxmox.Utils.format_boolean(value);
- }
- }
- },
- {
- text: gettext('Date') + "/" + gettext("Status"),
- dataIndex: 'snaptime',
- width: 150,
- renderer: function(value, metaData, record) {
- if (record.data.snapstate) {
- return record.data.snapstate;
- }
- if (value) {
- return Ext.Date.format(value,'Y-m-d H:i:s');
- }
- }
- },
- {
- text: gettext('Description'),
- dataIndex: 'description',
- flex: 1,
- renderer: function(value, metaData, record) {
- if (record.data.name === 'current') {
- return gettext("You are here!");
- } else {
- return Ext.String.htmlEncode(value);
- }
- }
- }
- ],
- columnLines: true, // will work in 4.1?
- listeners: {
- activate: me.reload,
- destroy: me.load_task.cancel,
- itemdblclick: run_editor
- }
- });
-
- me.callParent();
-
- me.store.sorters.add(new Ext.util.Sorter({
- sorterFn: me.sorterFn
- }));
- }
-});
-
-Ext.define('PVE.qemu.Config', {
- extend: 'PVE.panel.Config',
- alias: 'widget.PVE.qemu.Config',
-
- onlineHelp: 'chapter_virtual_machines',
-
- initComponent: function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid) {
- throw "no VM ID specified";
- }
-
- var template = !!me.pveSelNode.data.template;
-
- var running = !!me.pveSelNode.data.uptime;
-
- var caps = Ext.state.Manager.get('GuiCap');
-
- var base_url = '/nodes/' + nodename + "/qemu/" + vmid;
-
- me.statusStore = Ext.create('Proxmox.data.ObjectStore', {
- url: '/api2/json' + base_url + '/status/current',
- interval: 1000
- });
-
- var vm_command = function(cmd, params) {
- Proxmox.Utils.API2Request({
- params: params,
- url: base_url + '/status/' + cmd,
- waitMsgTarget: me,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- }
- });
- };
-
- var resumeBtn = Ext.create('Ext.Button', {
- text: gettext('Resume'),
- disabled: !caps.vms['VM.PowerMgmt'],
- hidden: true,
- handler: function() {
- vm_command('resume');
- },
- iconCls: 'fa fa-play'
- });
-
- var startBtn = Ext.create('Ext.Button', {
- text: gettext('Start'),
- disabled: !caps.vms['VM.PowerMgmt'] || running,
- hidden: template,
- handler: function() {
- vm_command('start');
- },
- iconCls: 'fa fa-play'
- });
-
- var migrateBtn = Ext.create('Ext.Button', {
- text: gettext('Migrate'),
- disabled: !caps.vms['VM.Migrate'],
- hidden: PVE.data.ResourceStore.getNodes().length < 2,
- handler: function() {
- var win = Ext.create('PVE.window.Migrate', {
- vmtype: 'qemu',
- nodename: nodename,
- vmid: vmid
- });
- win.show();
- },
- iconCls: 'fa fa-send-o'
- });
-
- var moreBtn = Ext.create('Proxmox.button.Button', {
- text: gettext('More'),
- menu: { items: [
- {
- text: gettext('Clone'),
- iconCls: 'fa fa-fw fa-clone',
- hidden: caps.vms['VM.Clone'] ? false : true,
- handler: function() {
- PVE.window.Clone.wrap(nodename, vmid, template, 'qemu');
- }
- },
- {
- text: gettext('Convert to template'),
- disabled: template,
- xtype: 'pveMenuItem',
- iconCls: 'fa fa-fw fa-file-o',
- hidden: caps.vms['VM.Allocate'] ? false : true,
- confirmMsg: Proxmox.Utils.format_task_description('qmtemplate', vmid),
- handler: function() {
- Proxmox.Utils.API2Request({
- url: base_url + '/template',
- waitMsgTarget: me,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- }
- });
- }
- },
- {
- iconCls: 'fa fa-heartbeat ',
- hidden: !caps.nodes['Sys.Console'],
- text: gettext('Manage HA'),
- handler: function() {
- var ha = me.pveSelNode.data.hastate;
- Ext.create('PVE.ha.VMResourceEdit', {
- vmid: vmid,
- isCreate: (!ha || ha === 'unmanaged')
- }).show();
- }
- },
- {
- text: gettext('Remove'),
- itemId: 'removeBtn',
- disabled: !caps.vms['VM.Allocate'],
- handler: function() {
- Ext.create('PVE.window.SafeDestroy', {
- url: base_url,
- item: { type: 'VM', id: vmid }
- }).show();
- },
- iconCls: 'fa fa-trash-o'
- }
- ]}
- });
-
- var shutdownBtn = Ext.create('PVE.button.Split', {
- text: gettext('Shutdown'),
- disabled: !caps.vms['VM.PowerMgmt'] || !running,
- hidden: template,
- confirmMsg: Proxmox.Utils.format_task_description('qmshutdown', vmid),
- handler: function() {
- vm_command('shutdown');
- },
- menu: {
- items: [{
- text: gettext('Pause'),
- disabled: !caps.vms['VM.PowerMgmt'],
- confirmMsg: Proxmox.Utils.format_task_description('qmpause', vmid),
- handler: function() {
- vm_command("suspend");
- },
- iconCls: 'fa fa-pause'
- },{
- text: gettext('Hibernate'),
- disabled: !caps.vms['VM.PowerMgmt'],
- confirmMsg: Proxmox.Utils.format_task_description('qmsuspend', vmid),
- tooltip: gettext('Suspend to disk'),
- handler: function() {
- vm_command("suspend", { todisk: 1 });
- },
- iconCls: 'fa fa-download'
- },{
- text: gettext('Stop'),
- disabled: !caps.vms['VM.PowerMgmt'],
- dangerous: true,
- tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'VM'),
- confirmMsg: Proxmox.Utils.format_task_description('qmstop', vmid),
- handler: function() {
- vm_command("stop", { timeout: 30 });
- },
- iconCls: 'fa fa-stop'
- },{
- text: gettext('Reset'),
- disabled: !caps.vms['VM.PowerMgmt'],
- confirmMsg: Proxmox.Utils.format_task_description('qmreset', vmid),
- handler: function() {
- vm_command("reset");
- },
- iconCls: 'fa fa-bolt'
- }]
- },
- iconCls: 'fa fa-power-off'
- });
-
- var vm = me.pveSelNode.data;
-
- var consoleBtn = Ext.create('PVE.button.ConsoleButton', {
- disabled: !caps.vms['VM.Console'],
- hidden: template,
- consoleType: 'kvm',
- consoleName: vm.name,
- nodename: nodename,
- vmid: vmid
- });
-
- var statusTxt = Ext.create('Ext.toolbar.TextItem', {
- data: {
- lock: undefined
- },
- tpl: [
- ''); - } - } - ] - } - ] -}); - -Ext.define('PVE.qemu.AgentIPView', { - extend: 'Ext.container.Container', - xtype: 'pveAgentIPView', - - layout: { - type: 'hbox', - align: 'top' - }, - - nics: [], - - items: [ - { - xtype: 'box', - html: ' IPs' - }, - { - xtype: 'container', - flex: 1, - layout: { - type: 'vbox', - align: 'right', - pack: 'end' - }, - items: [ - { - xtype: 'label', - flex: 1, - itemId: 'ipBox', - style: { - 'text-align': 'right' - } - }, - { - xtype: 'button', - itemId: 'moreBtn', - hidden: true, - ui: 'default-toolbar', - handler: function(btn) { - var me = this.up('pveAgentIPView'); - - var win = Ext.create('PVE.window.IPInfo'); - win.down('grid').getStore().setData(me.nics); - win.show(); - }, - text: gettext('More') - } - ] - } - ], - - getDefaultIps: function(nics) { - var me = this; - var ips = []; - nics.forEach(function(nic) { - if (nic['hardware-address'] && - nic['hardware-address'] != '00:00:00:00:00:00') { - - var nic_ips = nic['ip-addresses'] || []; - nic_ips.forEach(function(ip) { - var p = ip['ip-address']; - // show 2 ips at maximum - if (ips.length < 2) { - ips.push(p); - } - }); - } - }); - - return ips; - }, - - startIPStore: function(store, records, success) { - var me = this; - var agentRec = store.getById('agent'); - /*jslint confusion: true*/ - /* value is number and string */ - me.agent = (agentRec && agentRec.data.value === 1); - me.running = (store.getById('status').data.value === 'running'); - /*jslint confusion: false*/ - - var caps = Ext.state.Manager.get('GuiCap'); - - if (!caps.vms['VM.Monitor']) { - var errorText = gettext("Requires '{0}' Privileges"); - me.updateStatus(false, Ext.String.format(errorText, 'VM.Monitor')); - return; - } - - if (me.agent && me.running && me.ipStore.isStopped) { - me.ipStore.startUpdate(); - } else if (me.ipStore.isStopped) { - me.updateStatus(); - } - }, - - updateStatus: function(unsuccessful, defaulttext) { - var me = this; - var text = defaulttext || gettext('No network information'); - var more = false; - if (unsuccessful) { - text = gettext('Guest Agent not running'); - } else if (me.agent && me.running) { - if (Ext.isArray(me.nics) && me.nics.length) { - more = true; - var ips = me.getDefaultIps(me.nics); - if (ips.length !== 0) { - text = ips.join('
'); - } - } else if (me.nics && me.nics.error) { - var msg = gettext('Cannot get info from Guest Agent
Error: {0}'); - text = Ext.String.format(text, me.nics.error.desc); - } - } else if (me.agent) { - text = gettext('Guest Agent not running'); - } else { - text = gettext('No Guest Agent configured'); - } - - var ipBox = me.down('#ipBox'); - ipBox.update(text); - - var moreBtn = me.down('#moreBtn'); - moreBtn.setVisible(more); - }, - - initComponent: function() { - var me = this; - - if (!me.rstore) { - throw 'rstore not given'; - } - - if (!me.pveSelNode) { - throw 'pveSelNode not given'; - } - - var nodename = me.pveSelNode.data.node; - var vmid = me.pveSelNode.data.vmid; - - me.ipStore = Ext.create('Proxmox.data.UpdateStore', { - interval: 10000, - storeid: 'pve-qemu-agent-' + vmid, - method: 'POST', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + nodename + '/qemu/' + vmid + '/agent/network-get-interfaces' - } - }); - - me.callParent(); - - me.mon(me.ipStore, 'load', function(store, records, success) { - if (records && records.length) { - me.nics = records[0].data.result; - } else { - me.nics = undefined; - } - me.updateStatus(!success); - }); - - me.on('destroy', me.ipStore.stopUpdate); - - // if we already have info about the vm, use it immediately - if (me.rstore.getCount()) { - me.startIPStore(me.rstore, me.rstore.getData(), false); - } - - // check if the guest agent is there on every statusstore load - me.mon(me.rstore, 'load', me.startIPStore, me); - } -}); -Ext.define('PVE.qemu.CloudInit', { - extend: 'Proxmox.grid.PendingObjectGrid', - xtype: 'pveCiPanel', - - onlineHelp: 'qm_cloud_init', - - tbar: [ - { - xtype: 'proxmoxButton', - disabled: true, - dangerous: true, - confirmMsg: function(rec) { - var me = this.up('grid'); - var warn = gettext('Are you sure you want to remove entry {0}'); - - var entry = rec.data.key; - var msg = Ext.String.format(warn, "'" - + me.renderKey(entry, {}, rec) + "'"); - - return msg; - }, - enableFn: function(record) { - var me = this.up('grid'); - var caps = Ext.state.Manager.get('GuiCap'); - if (me.rows[record.data.key].never_delete || - !caps.vms['VM.Config.Network']) { - return false; - } - - if (record.data.key === 'cipassword' && !record.data.value) { - return false; - } - return true; - }, - handler: function() { - var me = this.up('grid'); - var records = me.getSelection(); - if (!records || !records.length) { - return; - } - - var id = records[0].data.key; - var match = id.match(/^net(\d+)$/); - if (match) { - id = 'ipconfig' + match[1]; - } - - var params = {}; - params['delete'] = id; - Proxmox.Utils.API2Request({ - url: me.baseurl + '/config', - waitMsgTarget: me, - method: 'PUT', - params: params, - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - callback: function() { - me.reload(); - } - }); - }, - text: gettext('Remove') - }, - { - xtype: 'proxmoxButton', - disabled: true, - handler: function() { - var me = this.up('grid'); - me.run_editor(); - }, - text: gettext('Edit') - }, - '-', - { - xtype: 'button', - itemId: 'savebtn', - text: gettext('Regenerate Image'), - handler: function() { - var me = this.up('grid'); - var eject_params = {}; - var insert_params = {}; - var disk = PVE.Parser.parseQemuDrive(me.ciDriveId, me.ciDrive); - var storage = ''; - var stormatch = disk.file.match(/^([^\:]+)\:/); - if (stormatch) { - storage = stormatch[1]; - } - eject_params[me.ciDriveId] = 'none,media=cdrom'; - insert_params[me.ciDriveId] = storage + ':cloudinit'; - - var failure = function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }; - - Proxmox.Utils.API2Request({ - url: me.baseurl + '/config', - waitMsgTarget: me, - method: 'PUT', - params: eject_params, - failure: failure, - callback: function() { - Proxmox.Utils.API2Request({ - url: me.baseurl + '/config', - waitMsgTarget: me, - method: 'PUT', - params: insert_params, - failure: failure, - callback: function() { - me.reload(); - } - }); - } - }); - } - } - ], - - border: false, - - set_button_status: function(rstore, records, success) { - if (!success || records.length < 1) { - return; - } - var me = this; - var found; - records.forEach(function(record) { - if (found) { - return; - } - var id = record.data.key; - var value = record.data.value; - var ciregex = new RegExp("vm-" + me.pveSelNode.data.vmid + "-cloudinit"); - if (id.match(/^(ide|scsi|sata)\d+$/) && ciregex.test(value)) { - found = id; - me.ciDriveId = found; - me.ciDrive = value; - } - }); - - me.down('#savebtn').setDisabled(!found); - me.setDisabled(!found); - if (!found) { - me.getView().mask(gettext('No CloudInit Drive found'), ['pve-static-mask']); - } else { - me.getView().unmask(); - } - }, - - renderKey: function(key, metaData, rec, rowIndex, colIndex, store) { - var me = this; - var rows = me.rows; - var rowdef = rows[key] || {}; - - var icon = ""; - if (rowdef.iconCls) { - icon = ' '; - } - return icon + (rowdef.header || key); - }, - - listeners: { - activate: function () { - var me = this; - me.rstore.startUpdate(); - }, - itemdblclick: function() { - var me = this; - me.run_editor(); - } - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - var caps = Ext.state.Manager.get('GuiCap'); - me.baseurl = '/api2/extjs/nodes/' + nodename + '/qemu/' + vmid; - me.url = me.baseurl + '/pending'; - me.editorConfig.url = me.baseurl + '/config'; - me.editorConfig.pveSelNode = me.pveSelNode; - - /*jslint confusion: true*/ - /* editor is string and object */ - me.rows = { - ciuser: { - header: gettext('User'), - iconCls: 'fa fa-user', - never_delete: true, - defaultValue: '', - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('User'), - items: [ - { - xtype: 'proxmoxtextfield', - deleteEmpty: true, - emptyText: Proxmox.Utils.defaultText, - fieldLabel: gettext('User'), - name: 'ciuser' - } - ] - } : undefined, - renderer: function(value) { - return value || Proxmox.Utils.defaultText; - } - }, - cipassword: { - header: gettext('Password'), - iconCls: 'fa fa-unlock', - defaultValue: '', - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Password'), - items: [ - { - xtype: 'proxmoxtextfield', - inputType: 'password', - deleteEmpty: true, - emptyText: Proxmox.Utils.noneText, - fieldLabel: gettext('Password'), - name: 'cipassword' - } - ] - } : undefined, - renderer: function(value) { - return value || Proxmox.Utils.noneText; - } - }, - searchdomain: { - header: gettext('DNS domain'), - iconCls: 'fa fa-globe', - editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, - never_delete: true, - defaultValue: gettext('use host settings') - }, - nameserver: { - header: gettext('DNS servers'), - iconCls: 'fa fa-globe', - editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, - never_delete: true, - defaultValue: gettext('use host settings') - }, - sshkeys: { - header: gettext('SSH public key'), - iconCls: 'fa fa-key', - editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.SSHKeyEdit' : undefined, - never_delete: true, - renderer: function(value) { - value = decodeURIComponent(value); - var keys = value.split('\n'); - var text = []; - keys.forEach(function(key) { - if (key.length) { - // First erase all quoted strings (eg. command="foo" - var v = key.replace(/"(?:\\.|[^"\\])*"/g, ''); - // Now try to detect the comment: - var res = v.match(/^\s*(\S+\s+)?(?:ssh-(?:dss|rsa|ed25519)|ecdsa-sha2-nistp\d+)\s+\S+\s+(.*?)\s*$/, ''); - if (res) { - key = Ext.String.htmlEncode(res[2]); - if (res[1]) { - key += ' (' + gettext('with options') + ')'; - } - text.push(key); - return; - } - // Most likely invalid at this point, so just stick to - // the old value. - text.push(Ext.String.htmlEncode(key)); - } - }); - if (text.length) { - return text.join('
'); - } else { - return Proxmox.Utils.noneText; - } - }, - defaultValue: '' - } - }; - var i; - var ipconfig_renderer = function(value, md, record, ri, ci, store, pending) { - var id = record.data.key; - var match = id.match(/^net(\d+)$/); - var val = ''; - if (match) { - val = me.getObjectValue('ipconfig'+match[1], '', pending); - } - return val; - }; - for (i = 0; i < 32; i++) { - // we want to show an entry for every network device - // even if it is empty - me.rows['net' + i.toString()] = { - multiKey: ['ipconfig' + i.toString(), 'net' + i.toString()], - header: gettext('IP Config') + ' (net' + i.toString() +')', - editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.IPConfigEdit' : undefined, - iconCls: 'fa fa-exchange', - renderer: ipconfig_renderer - }; - me.rows['ipconfig' + i.toString()] = { - visible: false - }; - } - /*jslint confusion: false*/ - - PVE.Utils.forEachBus(['ide', 'scsi', 'sata'], function(type, id) { - me.rows[type+id] = { - visible: false - }; - }); - me.callParent(); - me.mon(me.rstore, 'load', me.set_button_status, me); - } -}); -Ext.define('PVE.qemu.CIDriveInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveCIDriveInputPanel', - - insideWizard: false, - - vmconfig: {}, // used to select usused disks - - onGetValues: function(values) { - var me = this; - - var drive = {}; - var params = {}; - drive.file = values.hdstorage + ":cloudinit"; - drive.format = values.diskformat; - params[values.controller + values.deviceid] = PVE.Parser.printQemuDrive(drive); - return params; - }, - - setNodename: function(nodename) { - var me = this; - me.down('#hdstorage').setNodename(nodename); - me.down('#hdimage').setStorage(undefined, nodename); - }, - - setVMConfig: function(config) { - var me = this; - me.down('#drive').setVMConfig(config, 'cdrom'); - }, - - initComponent : function() { - var me = this; - - me.drive = {}; - - me.items = [ - { - xtype: 'pveControllerSelector', - noVirtIO: true, - itemId: 'drive', - fieldLabel: gettext('CloudInit Drive'), - name: 'drive' - }, - { - xtype: 'pveDiskStorageSelector', - itemId: 'storselector', - storageContent: 'images', - nodename: me.nodename, - hideSize: true - } - ]; - me.callParent(); - } -}); - -Ext.define('PVE.qemu.CIDriveEdit', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCIDriveEdit', - - isCreate: true, - subject: gettext('CloudInit Drive'), - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - me.items = [{ - xtype: 'pveCIDriveInputPanel', - itemId: 'cipanel', - nodename: nodename - }]; - - me.callParent(); - - me.load({ - success: function(response, opts) { - me.down('#cipanel').setVMConfig(response.result.data); - } - }); - } -}); -Ext.define('PVE.qemu.SSHKeyInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveQemuSSHKeyInputPanel', - - insideWizard: false, - - onGetValues: function(values) { - var me = this; - if (values.sshkeys) { - values.sshkeys.trim(); - } - if (!values.sshkeys.length) { - values = {}; - values['delete'] = 'sshkeys'; - return values; - } else { - values.sshkeys = encodeURIComponent(values.sshkeys); - } - return values; - }, - - items: [ - { - xtype: 'textarea', - itemId: 'sshkeys', - name: 'sshkeys', - height: 250 - }, - { - xtype: 'filebutton', - itemId: 'filebutton', - name: 'file', - text: gettext('Load SSH Key File'), - fieldLabel: 'test', - listeners: { - change: function(btn, e, value) { - var me = this.up('inputpanel'); - e = e.event; - Ext.Array.each(e.target.files, function(file) { - PVE.Utils.loadSSHKeyFromFile(file, function(res) { - var keysField = me.down('#sshkeys'); - var old = keysField.getValue(); - keysField.setValue(old + res); - }); - }); - btn.reset(); - } - } - } - ], - - initComponent: function() { - var me = this; - - me.callParent(); - if (!window.FileReader) { - me.down('#filebutton').setVisible(false); - } - - } -}); - -Ext.define('PVE.qemu.SSHKeyEdit', { - extend: 'Proxmox.window.Edit', - - width: 800, - - initComponent : function() { - var me = this; - - var ipanel = Ext.create('PVE.qemu.SSHKeyInputPanel'); - - Ext.apply(me, { - subject: gettext('SSH Keys'), - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.create) { - me.load({ - success: function(response, options) { - var data = response.result.data; - if (data.sshkeys) { - data.sshkeys = decodeURIComponent(data.sshkeys); - ipanel.setValues(data); - } - } - }); - } - } -}); -Ext.define('PVE.qemu.IPConfigPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveIPConfigPanel', - - insideWizard: false, - - vmconfig: {}, - - onGetValues: function(values) { - var me = this; - - if (values.ipv4mode !== 'static') { - values.ip = values.ipv4mode; - } - - if (values.ipv6mode !== 'static') { - values.ip6 = values.ipv6mode; - } - - var params = {}; - - var cfg = PVE.Parser.printIPConfig(values); - if (cfg === '') { - params['delete'] = [me.confid]; - } else { - params[me.confid] = cfg; - } - return params; - }, - - setVMConfig: function(config) { - var me = this; - me.vmconfig = config; - }, - - setIPConfig: function(confid, data) { - var me = this; - - me.confid = confid; - - if (data.ip === 'dhcp') { - data.ipv4mode = data.ip; - data.ip = ''; - } else { - data.ipv4mode = 'static'; - } - if (data.ip6 === 'dhcp' || data.ip6 === 'auto') { - data.ipv6mode = data.ip6; - data.ip6 = ''; - } else { - data.ipv6mode = 'static'; - } - - me.ipconfig = data; - me.setValues(me.ipconfig); - }, - - initComponent : function() { - var me = this; - - me.ipconfig = {}; - - me.column1 = [ - { - xtype: 'displayfield', - fieldLabel: gettext('Network Device'), - value: me.netid - }, - { - layout: { - type: 'hbox', - align: 'middle' - }, - border: false, - margin: '0 0 5 0', - items: [ - { - xtype: 'label', - text: gettext('IPv4') + ':' - }, - { - xtype: 'radiofield', - boxLabel: gettext('Static'), - name: 'ipv4mode', - inputValue: 'static', - checked: false, - margin: '0 0 0 10', - listeners: { - change: function(cb, value) { - me.down('field[name=ip]').setDisabled(!value); - me.down('field[name=gw]').setDisabled(!value); - } - } - }, - { - xtype: 'radiofield', - boxLabel: gettext('DHCP'), - name: 'ipv4mode', - inputValue: 'dhcp', - checked: false, - margin: '0 0 0 10' - } - ] - }, - { - xtype: 'textfield', - name: 'ip', - vtype: 'IPCIDRAddress', - value: '', - disabled: true, - fieldLabel: gettext('IPv4/CIDR') - }, - { - xtype: 'textfield', - name: 'gw', - value: '', - vtype: 'IPAddress', - disabled: true, - fieldLabel: gettext('Gateway') + ' (' + gettext('IPv4') +')' - } - ]; - - me.column2 = [ - { - xtype: 'displayfield' - }, - { - layout: { - type: 'hbox', - align: 'middle' - }, - border: false, - margin: '0 0 5 0', - items: [ - { - xtype: 'label', - text: gettext('IPv6') + ':' - }, - { - xtype: 'radiofield', - boxLabel: gettext('Static'), - name: 'ipv6mode', - inputValue: 'static', - checked: false, - margin: '0 0 0 10', - listeners: { - change: function(cb, value) { - me.down('field[name=ip6]').setDisabled(!value); - me.down('field[name=gw6]').setDisabled(!value); - } - } - }, - { - xtype: 'radiofield', - boxLabel: gettext('DHCP'), - name: 'ipv6mode', - inputValue: 'dhcp', - checked: false, - margin: '0 0 0 10' - } - ] - }, - { - xtype: 'textfield', - name: 'ip6', - value: '', - vtype: 'IP6CIDRAddress', - disabled: true, - fieldLabel: gettext('IPv6/CIDR') - }, - { - xtype: 'textfield', - name: 'gw6', - vtype: 'IP6Address', - value: '', - disabled: true, - fieldLabel: gettext('Gateway') + ' (' + gettext('IPv6') +')' - } - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.qemu.IPConfigEdit', { - extend: 'Proxmox.window.Edit', - - isAdd: true, - - initComponent : function() { - /*jslint confusion: true */ - - var me = this; - - // convert confid from netX to ipconfigX - var match = me.confid.match(/^net(\d+)$/); - if (match) { - me.netid = me.confid; - me.confid = 'ipconfig' + match[1]; - } - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - me.isCreate = me.confid ? false : true; - - var ipanel = Ext.create('PVE.qemu.IPConfigPanel', { - confid: me.confid, - netid: me.netid, - nodename: nodename - }); - - Ext.applyIf(me, { - subject: gettext('Network Config'), - items: ipanel - }); - - me.callParent(); - - me.load({ - success: function(response, options) { - me.vmconfig = response.result.data; - var ipconfig = {}; - var value = me.vmconfig[me.confid]; - if (value) { - ipconfig = PVE.Parser.parseIPConfig(me.confid, value); - if (!ipconfig) { - Ext.Msg.alert(gettext('Error'), gettext('Unable to parse network configuration')); - me.close(); - return; - } - } - ipanel.setIPConfig(me.confid, ipconfig); - ipanel.setVMConfig(me.vmconfig); - } - }); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.qemu.SystemInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveQemuSystemPanel', - - onlineHelp: 'qm_system_settings', - - viewModel: { - data: { - efi: false, - addefi: true - }, - - formulas: { - efidisk: function(get) { - return get('efi') && get('addefi'); - } - } - }, - - onGetValues: function(values) { - if (values.vga && values.vga.substr(0,6) === 'serial') { - values['serial' + values.vga.substr(6,1)] = 'socket'; - } - - var efidrive = {}; - if (values.hdimage) { - efidrive.file = values.hdimage; - } else if (values.hdstorage) { - efidrive.file = values.hdstorage + ":1"; - } - - if (values.diskformat) { - efidrive.format = values.diskformat; - } - - delete values.hdimage; - delete values.hdstorage; - delete values.diskformat; - - if (efidrive.file) { - values.efidisk0 = PVE.Parser.printQemuDrive(efidrive); - } - - return values; - }, - - controller: { - xclass: 'Ext.app.ViewController', - - scsihwChange: function(field, value) { - var me = this; - if (me.getView().insideWizard) { - me.getViewModel().set('current.scsihw', value); - } - }, - - biosChange: function(field, value) { - var me = this; - if (me.getView().insideWizard) { - me.getViewModel().set('efi', value === 'ovmf'); - } - }, - - control: { - 'pveScsiHwSelector': { - change: 'scsihwChange' - }, - 'pveQemuBiosSelector': { - change: 'biosChange' - } - } - }, - - column1: [ - { - xtype: 'proxmoxKVComboBox', - value: '__default__', - deleteEmpty: false, - fieldLabel: gettext('Graphic card'), - name: 'vga', - comboItems: PVE.Utils.kvm_vga_driver_array() - }, - { - xtype: 'proxmoxcheckbox', - name: 'agent', - uncheckedValue: 0, - defaultValue: 0, - deleteDefaultValue: true, - fieldLabel: gettext('Qemu Agent') - } - ], - - column2: [ - { - xtype: 'pveScsiHwSelector', - name: 'scsihw', - value: '__default__', - bind: { - value: '{current.scsihw}' - }, - fieldLabel: gettext('SCSI Controller') - } - ], - - advancedColumn1: [ - { - xtype: 'pveQemuBiosSelector', - name: 'bios', - value: '__default__', - fieldLabel: 'BIOS' - }, - { - xtype: 'proxmoxcheckbox', - bind: { - value: '{addefi}', - hidden: '{!efi}', - disabled: '{!efi}' - }, - hidden: true, - submitValue: false, - disabled: true, - fieldLabel: gettext('Add EFI Disk') - }, - { - xtype: 'pveDiskStorageSelector', - name: 'efidisk0', - storageContent: 'images', - bind: { - nodename: '{nodename}', - hidden: '{!efi}', - disabled: '{!efidisk}' - }, - autoSelect: false, - disabled: true, - hidden: true, - hideSize: true - } - ], - - advancedColumn2: [ - { - xtype: 'proxmoxKVComboBox', - name: 'machine', - value: '__default__', - fieldLabel: gettext('Machine'), - comboItems: [ - ['__default__', PVE.Utils.render_qemu_machine('')], - ['q35', 'q35'] - ] - } - ] - -}); -Ext.define('PVE.lxc.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveLxcSummary', - - scrollable: true, - bodyPadding: 5, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - if (!me.workspace) { - throw "no workspace specified"; - } - - if (!me.statusStore) { - throw "no status storage specified"; - } - - var template = !!me.pveSelNode.data.template; - var rstore = me.statusStore; - - var width = template ? 1 : 0.5; - var items = [ - { - xtype: template ? 'pveTemplateStatusView' : 'pveGuestStatusView', - responsiveConfig: { - 'width < 1900': { - columnWidth: width - }, - 'width >= 1900': { - columnWidth: width / 2 - } - }, - itemId: 'gueststatus', - pveSelNode: me.pveSelNode, - rstore: rstore - }, - { - xtype: 'pveNotesView', - maxHeight: 320, - itemId: 'notesview', - pveSelNode: me.pveSelNode, - responsiveConfig: { - 'width < 1900': { - columnWidth: width - }, - 'width >= 1900': { - columnWidth: width / 2 - } - } - } - ]; - - var rrdstore; - if (!template) { - - rrdstore = Ext.create('Proxmox.data.RRDStore', { - rrdurl: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/rrddata", - model: 'pve-rrd-guest' - }); - - items.push( - { - xtype: 'proxmoxRRDChart', - title: gettext('CPU usage'), - pveSelNode: me.pveSelNode, - fields: ['cpu'], - fieldTitles: [gettext('CPU usage')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Memory usage'), - pveSelNode: me.pveSelNode, - fields: ['maxmem', 'mem'], - fieldTitles: [gettext('Total'), gettext('RAM usage')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Network traffic'), - pveSelNode: me.pveSelNode, - fields: ['netin','netout'], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Disk IO'), - pveSelNode: me.pveSelNode, - fields: ['diskread','diskwrite'], - store: rrdstore - } - ); - - } - - Ext.apply(me, { - tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ], - items: [ - { - xtype: 'container', - layout: { - type: 'column' - }, - defaults: { - minHeight: 320, - padding: 5, - plugins: 'responsive', - responsiveConfig: { - 'width < 1900': { - columnWidth: 1 - }, - 'width >= 1900': { - columnWidth: 0.5 - } - } - }, - items: items - } - ] - }); - - me.callParent(); - if (!template) { - rrdstore.startUpdate(); - me.on('destroy', rrdstore.stopUpdate); - } - } -}); -Ext.define('PVE.lxc.NetworkInputPanel', { - extend: 'Proxmox.panel.InputPanel', - alias: 'widget.pveLxcNetworkInputPanel', - - insideWizard: false, - - onlineHelp: 'pct_container_network', - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - - var bridgesel = me.query("[isFormField][name=bridge]")[0]; - bridgesel.setNodename(nodename); - }, - - onGetValues: function(values) { - var me = this; - - var id; - if (me.isCreate) { - id = values.id; - delete values.id; - } else { - id = me.ifname; - } - - if (!id) { - return {}; - } - - var newdata = {}; - - if (values.ipv6mode !== 'static') { - values.ip6 = values.ipv6mode; - } - if (values.ipv4mode !== 'static') { - values.ip = values.ipv4mode; - } - newdata[id] = PVE.Parser.printLxcNetwork(values); - return newdata; - }, - - initComponent : function() { - var me = this; - - var cdata = {}; - - if (me.insideWizard) { - me.ifname = 'net0'; - cdata.name = 'eth0'; - me.dataCache = {}; - } - cdata.firewall = (me.insideWizard || me.isCreate); - - if (!me.dataCache) { - throw "no dataCache specified"; - } - - if (!me.isCreate) { - if (!me.ifname) { - throw "no interface name specified"; - } - if (!me.dataCache[me.ifname]) { - throw "no such interface '" + me.ifname + "'"; - } - - cdata = PVE.Parser.parseLxcNetwork(me.dataCache[me.ifname]); - } - - var i; - for (i = 0; i < 10; i++) { - if (me.isCreate && !me.dataCache['net'+i.toString()]) { - me.ifname = 'net' + i.toString(); - break; - } - } - - var idselector = { - xtype: 'hidden', - name: 'id', - value: me.ifname - }; - - me.column1 = [ - idselector, - { - xtype: 'textfield', - name: 'name', - fieldLabel: gettext('Name'), - emptyText: '(e.g., eth0)', - allowBlank: false, - value: cdata.name, - validator: function(value) { - var result = ''; - Ext.Object.each(me.dataCache, function(key, netstr) { - if (!key.match(/^net\d+/) || key === me.ifname) { - return; // continue - } - var net = PVE.Parser.parseLxcNetwork(netstr); - if (net.name === value) { - result = "interface name already in use"; - return false; - } - }); - if (result !== '') { - return result; - } - // validator can return bool/string - /*jslint confusion:true*/ - return true; - } - }, - { - xtype: 'textfield', - name: 'hwaddr', - fieldLabel: gettext('MAC address'), - vtype: 'MacAddress', - value: cdata.hwaddr, - allowBlank: true, - emptyText: 'auto' - }, - { - xtype: 'PVE.form.BridgeSelector', - name: 'bridge', - nodename: me.nodename, - fieldLabel: gettext('Bridge'), - value: cdata.bridge, - allowBlank: false - }, - { - xtype: 'pveVlanField', - name: 'tag', - value: cdata.tag - }, - { - xtype: 'numberfield', - name: 'rate', - fieldLabel: gettext('Rate limit') + ' (MB/s)', - minValue: 0, - maxValue: 10*1024, - value: cdata.rate, - emptyText: 'unlimited', - allowBlank: true - }, - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Firewall'), - name: 'firewall', - value: cdata.firewall - } - ]; - - var dhcp4 = (cdata.ip === 'dhcp'); - if (dhcp4) { - cdata.ip = ''; - cdata.gw = ''; - } - - var auto6 = (cdata.ip6 === 'auto'); - var dhcp6 = (cdata.ip6 === 'dhcp'); - if (auto6 || dhcp6) { - cdata.ip6 = ''; - cdata.gw6 = ''; - } - - me.column2 = [ - { - layout: { - type: 'hbox', - align: 'middle' - }, - border: false, - margin: '0 0 5 0', - items: [ - { - xtype: 'label', - text: 'IPv4:' // do not localize - }, - { - xtype: 'radiofield', - boxLabel: gettext('Static'), - name: 'ipv4mode', - inputValue: 'static', - checked: !dhcp4, - margin: '0 0 0 10', - listeners: { - change: function(cb, value) { - me.down('field[name=ip]').setDisabled(!value); - me.down('field[name=gw]').setDisabled(!value); - } - } - }, - { - xtype: 'radiofield', - boxLabel: 'DHCP', // do not localize - name: 'ipv4mode', - inputValue: 'dhcp', - checked: dhcp4, - margin: '0 0 0 10' - } - ] - }, - { - xtype: 'textfield', - name: 'ip', - vtype: 'IPCIDRAddress', - value: cdata.ip, - disabled: dhcp4, - fieldLabel: 'IPv4/CIDR' // do not localize - }, - { - xtype: 'textfield', - name: 'gw', - value: cdata.gw, - vtype: 'IPAddress', - disabled: dhcp4, - fieldLabel: gettext('Gateway') + ' (IPv4)', - margin: '0 0 3 0' // override bottom margin to account for the menuseparator - }, - { - xtype: 'menuseparator', - height: '3', - margin: '0' - }, - { - layout: { - type: 'hbox', - align: 'middle' - }, - border: false, - margin: '0 0 5 0', - items: [ - { - xtype: 'label', - text: 'IPv6:' // do not localize - }, - { - xtype: 'radiofield', - boxLabel: gettext('Static'), - name: 'ipv6mode', - inputValue: 'static', - checked: !(auto6 || dhcp6), - margin: '0 0 0 10', - listeners: { - change: function(cb, value) { - me.down('field[name=ip6]').setDisabled(!value); - me.down('field[name=gw6]').setDisabled(!value); - } - } - }, - { - xtype: 'radiofield', - boxLabel: 'DHCP', // do not localize - name: 'ipv6mode', - inputValue: 'dhcp', - checked: dhcp6, - margin: '0 0 0 10' - }, - { - xtype: 'radiofield', - boxLabel: 'SLAAC', // do not localize - name: 'ipv6mode', - inputValue: 'auto', - checked: auto6, - margin: '0 0 0 10' - } - ] - }, - { - xtype: 'textfield', - name: 'ip6', - value: cdata.ip6, - vtype: 'IP6CIDRAddress', - disabled: (dhcp6 || auto6), - fieldLabel: 'IPv6/CIDR' // do not localize - }, - { - xtype: 'textfield', - name: 'gw6', - vtype: 'IP6Address', - value: cdata.gw6, - disabled: (dhcp6 || auto6), - fieldLabel: gettext('Gateway') + ' (IPv6)' - } - ]; - - me.callParent(); - } -}); - - -Ext.define('PVE.lxc.NetworkEdit', { - extend: 'Proxmox.window.Edit', - - isAdd: true, - - initComponent : function() { - var me = this; - - if (!me.dataCache) { - throw "no dataCache specified"; - } - - if (!me.nodename) { - throw "no node name specified"; - } - - var ipanel = Ext.create('PVE.lxc.NetworkInputPanel', { - ifname: me.ifname, - nodename: me.nodename, - dataCache: me.dataCache, - isCreate: me.isCreate - }); - - Ext.apply(me, { - subject: gettext('Network Device') + ' (veth)', - digest: me.dataCache.digest, - items: [ ipanel ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.lxc.NetworkView', { - extend: 'Ext.grid.GridPanel', - alias: 'widget.pveLxcNetworkView', - - onlineHelp: 'pct_container_network', - - dataCache: {}, // used to store result of last load - - stateful: true, - stateId: 'grid-lxc-network', - - load: function() { - var me = this; - - Proxmox.Utils.setErrorMask(me, true); - - Proxmox.Utils.API2Request({ - url: me.url, - failure: function(response, opts) { - Proxmox.Utils.setErrorMask(me, gettext('Error') + ': ' + response.htmlStatus); - }, - success: function(response, opts) { - Proxmox.Utils.setErrorMask(me, false); - var result = Ext.decode(response.responseText); - var data = result.data || {}; - me.dataCache = data; - var records = []; - Ext.Object.each(data, function(key, value) { - if (!key.match(/^net\d+/)) { - return; // continue - } - var net = PVE.Parser.parseLxcNetwork(value); - net.id = key; - records.push(net); - }); - me.store.loadData(records); - me.down('button[name=addButton]').setDisabled((records.length >= 10)); - } - }); - }, - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - - me.url = '/nodes/' + nodename + '/lxc/' + vmid + '/config'; - - var store = new Ext.data.Store({ - model: 'pve-lxc-network', - sorters: [ - { - property : 'id', - direction: 'ASC' - } - ] - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var remove_btn = new Proxmox.button.Button({ - text: gettext('Remove'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - return !!caps.vms['VM.Config.Network']; - }, - confirmMsg: function (rec) { - return Ext.String.format(gettext('Are you sure you want to remove entry {0}'), - "'" + rec.data.id + "'"); - }, - handler: function(btn, event, rec) { - Proxmox.Utils.API2Request({ - url: me.url, - waitMsgTarget: me, - method: 'PUT', - params: { 'delete': rec.data.id, digest: me.dataCache.digest }, - callback: function() { - me.load(); - }, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - }); - - var run_editor = function() { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - if (!caps.vms['VM.Config.Network']) { - return false; - } - - var win = Ext.create('PVE.lxc.NetworkEdit', { - url: me.url, - nodename: nodename, - dataCache: me.dataCache, - ifname: rec.data.id - }); - win.on('destroy', me.load, me); - win.show(); - }; - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - selModel: sm, - disabled: true, - enableFn: function(rec) { - if (!caps.vms['VM.Config.Network']) { - return false; - } - return true; - }, - handler: run_editor - }); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ - { - text: gettext('Add'), - name: 'addButton', - disabled: !caps.vms['VM.Config.Network'], - handler: function() { - var win = Ext.create('PVE.lxc.NetworkEdit', { - url: me.url, - nodename: nodename, - isCreate: true, - dataCache: me.dataCache - }); - win.on('destroy', me.load, me); - win.show(); - } - }, - remove_btn, - edit_btn - ], - columns: [ - { - header: 'ID', - width: 50, - dataIndex: 'id' - }, - { - header: gettext('Name'), - width: 80, - dataIndex: 'name' - }, - { - header: gettext('Bridge'), - width: 80, - dataIndex: 'bridge' - }, - { - header: gettext('Firewall'), - width: 80, - dataIndex: 'firewall', - renderer: Proxmox.Utils.format_boolean - }, - { - header: gettext('VLAN Tag'), - width: 80, - dataIndex: 'tag' - }, - { - header: gettext('MAC address'), - width: 110, - dataIndex: 'hwaddr' - }, - { - header: gettext('IP address'), - width: 150, - dataIndex: 'ip', - renderer: function(value, metaData, rec) { - if (rec.data.ip && rec.data.ip6) { - return rec.data.ip + "
" + rec.data.ip6; - } else if (rec.data.ip6) { - return rec.data.ip6; - } else { - return rec.data.ip; - } - } - }, - { - header: gettext('Gateway'), - width: 150, - dataIndex: 'gw', - renderer: function(value, metaData, rec) { - if (rec.data.gw && rec.data.gw6) { - return rec.data.gw + "
" + rec.data.gw6; - } else if (rec.data.gw6) { - return rec.data.gw6; - } else { - return rec.data.gw; - } - } - } - ], - listeners: { - activate: me.load, - itemdblclick: run_editor - } - }); - - me.callParent(); - } -}, function() { - - Ext.define('pve-lxc-network', { - extend: "Ext.data.Model", - proxy: { type: 'memory' }, - fields: [ 'id', 'name', 'hwaddr', 'bridge', - 'ip', 'gw', 'ip6', 'gw6', 'tag', 'firewall' ] - }); - -}); - -/*jslint confusion: true */ -Ext.define('PVE.lxc.RessourceView', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pveLxcRessourceView'], - - onlineHelp: 'pct_configuration', - - renderKey: function(key, metaData, rec, rowIndex, colIndex, store) { - var me = this; - var rowdef = me.rows[key] || {}; - - metaData.tdAttr = "valign=middle"; - if (rowdef.tdCls) { - metaData.tdCls = rowdef.tdCls; - } - return rowdef.header || key; - }, - - initComponent : function() { - var me = this; - var i, confid; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - var diskCap = caps.vms['VM.Config.Disk']; - - var mpeditor = caps.vms['VM.Config.Disk'] ? 'PVE.lxc.MountPointEdit' : undefined; - - var rows = { - memory: { - header: gettext('Memory'), - editor: caps.vms['VM.Config.Memory'] ? 'PVE.lxc.MemoryEdit' : undefined, - defaultValue: 512, - tdCls: 'pve-itype-icon-memory', - group: 1, - renderer: function(value) { - return Proxmox.Utils.format_size(value*1024*1024); - } - }, - swap: { - header: gettext('Swap'), - editor: caps.vms['VM.Config.Memory'] ? 'PVE.lxc.MemoryEdit' : undefined, - defaultValue: 512, - tdCls: 'pve-itype-icon-swap', - group: 2, - renderer: function(value) { - return Proxmox.Utils.format_size(value*1024*1024); - } - }, - cores: { - header: gettext('Cores'), - editor: caps.vms['VM.Config.CPU'] ? 'PVE.lxc.CPUEdit' : undefined, - defaultValue: '', - tdCls: 'pve-itype-icon-processor', - group: 3, - renderer: function(value) { - var cpulimit = me.getObjectValue('cpulimit'); - var cpuunits = me.getObjectValue('cpuunits'); - var res; - if (value) { - res = value; - } else { - res = gettext('unlimited'); - } - - if (cpulimit) { - res += ' [cpulimit=' + cpulimit + ']'; - } - - if (cpuunits) { - res += ' [cpuunits=' + cpuunits + ']'; - } - return res; - } - }, - rootfs: { - header: gettext('Root Disk'), - defaultValue: Proxmox.Utils.noneText, - editor: mpeditor, - tdCls: 'pve-itype-icon-storage', - group: 4 - }, - cpulimit: { - visible: false - }, - cpuunits: { - visible: false - }, - unprivileged: { - visible: false - } - }; - - PVE.Utils.forEachMP(function(bus, i) { - confid = bus + i; - var group = 5; - var header; - if (bus === 'mp') { - header = gettext('Mount Point') + ' (' + confid + ')'; - } else { - header = gettext('Unused Disk') + ' ' + i; - group += 1; - } - rows[confid] = { - group: group, - order: i, - tdCls: 'pve-itype-icon-storage', - editor: mpeditor, - header: header - }; - }, true); - - var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; - - me.selModel = Ext.create('Ext.selection.RowModel', {}); - - var run_resize = function() { - var rec = me.selModel.getSelection()[0]; - if (!rec) { - return; - } - - var win = Ext.create('PVE.window.MPResize', { - disk: rec.data.key, - nodename: nodename, - vmid: vmid - }); - - win.show(); - }; - - var run_remove = function(b, e, rec) { - Proxmox.Utils.API2Request({ - url: '/api2/extjs/' + baseurl, - waitMsgTarget: me, - method: 'PUT', - params: { - 'delete': rec.data.key - }, - failure: function (response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }; - - var run_move = function(b, e, rec) { - if (!rec) { - return; - } - - var win = Ext.create('PVE.window.HDMove', { - disk: rec.data.key, - nodename: nodename, - vmid: vmid, - type: 'lxc' - }); - - win.show(); - - win.on('destroy', me.reload, me); - }; - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - selModel: me.selModel, - disabled: true, - enableFn: function(rec) { - if (!rec) { - return false; - } - var rowdef = rows[rec.data.key]; - return !!rowdef.editor; - }, - handler: function() { me.run_editor(); } - }); - - var resize_btn = new Proxmox.button.Button({ - text: gettext('Resize disk'), - selModel: me.selModel, - disabled: true, - handler: run_resize - }); - - var remove_btn = new Proxmox.button.Button({ - text: gettext('Remove'), - selModel: me.selModel, - disabled: true, - dangerous: true, - confirmMsg: function(rec) { - var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), - "'" + me.renderKey(rec.data.key, {}, rec) + "'"); - if (rec.data.key.match(/^unused\d+$/)) { - msg += " " + gettext('This will permanently erase all data.'); - } - - return msg; - }, - handler: run_remove - }); - - var move_btn = new Proxmox.button.Button({ - text: gettext('Move Volume'), - selModel: me.selModel, - disabled: true, - dangerous: true, - handler: run_move - }); - - var set_button_status = function() { - var rec = me.selModel.getSelection()[0]; - - if (!rec) { - edit_btn.disable(); - remove_btn.disable(); - resize_btn.disable(); - return; - } - var key = rec.data.key; - var value = rec.data.value; - var rowdef = rows[key]; - - var isDisk = (rowdef.tdCls == 'pve-itype-icon-storage'); - - var noedit = rec.data['delete'] || !rowdef.editor; - if (!noedit && Proxmox.UserName !== 'root@pam' && key.match(/^mp\d+$/)) { - var mp = PVE.Parser.parseLxcMountPoint(value); - if (mp.type !== 'volume') { - noedit = true; - } - } - edit_btn.setDisabled(noedit); - - remove_btn.setDisabled(!isDisk || rec.data.key === 'rootfs' || !diskCap); - resize_btn.setDisabled(!isDisk || !diskCap); - move_btn.setDisabled(!isDisk || !diskCap); - - }; - - var sorterFn = function(rec1, rec2) { - var v1 = rec1.data.key; - var v2 = rec2.data.key; - var g1 = rows[v1].group || 0; - var g2 = rows[v2].group || 0; - var order1 = rows[v1].order || 0; - var order2 = rows[v2].order || 0; - - if ((g1 - g2) !== 0) { - return g1 - g2; - } - - if ((order1 - order2) !== 0) { - return order1 - order2; - } - - if (v1 > v2) { - return 1; - } else if (v1 < v2) { - return -1; - } else { - return 0; - } - }; - - Ext.apply(me, { - url: '/api2/json/' + baseurl, - selModel: me.selModel, - interval: 2000, - cwidth1: 170, - tbar: [ - { - text: gettext('Add'), - menu: new Ext.menu.Menu({ - items: [ - { - text: gettext('Mount Point'), - iconCls: 'pve-itype-icon-storage', - disabled: !caps.vms['VM.Config.Disk'], - handler: function() { - var win = Ext.create('PVE.lxc.MountPointEdit', { - url: '/api2/extjs/' + baseurl, - unprivileged: me.getObjectValue('unprivileged'), - pveSelNode: me.pveSelNode - }); - win.show(); - } - } - ] - }) - }, - edit_btn, - remove_btn, - resize_btn, - move_btn - ], - rows: rows, - sorterFn: sorterFn, - editorConfig: { - pveSelNode: me.pveSelNode, - url: '/api2/extjs/' + baseurl - }, - listeners: { - itemdblclick: me.run_editor, - selectionchange: set_button_status - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('destroy', me.rstore.stopUpdate); - me.on('deactivate', me.rstore.stopUpdate); - - Ext.apply(me.editorConfig, { unprivileged: me.getObjectValue('unprivileged') }); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.lxc.FeaturesInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveLxcFeaturesInputPanel', - - // used to save the mounts fstypes until sending - mounts: [], - - fstypes: ['nfs', 'cifs'], - - viewModel: { - parent: null, - data: { - unprivileged: false - }, - formulas: { - privilegedOnly: function(get) { - return (get('unprivileged') ? gettext('privileged only') : ''); - }, - unprivilegedOnly: function(get) { - return (!get('unprivileged') ? gettext('unprivileged only') : ''); - } - } - }, - - items: [ - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('keyctl'), - name: 'keyctl', - bind: { - disabled: '{!unprivileged}', - boxLabel: '{unprivilegedOnly}' - } - }, - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Nesting'), - name: 'nesting' - }, - { - xtype: 'proxmoxcheckbox', - name: 'nfs', - fieldLabel: 'NFS', - bind: { - disabled: '{unprivileged}', - boxLabel: '{privilegedOnly}' - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'cifs', - fieldLabel: 'CIFS', - bind: { - disabled: '{unprivileged}', - boxLabel: '{privilegedOnly}' - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'fuse', - fieldLabel: 'FUSE' - } - ], - - onGetValues: function(values) { - var me = this; - var mounts = me.mounts; - me.fstypes.forEach(function(fs) { - if (values[fs]) { - mounts.push(fs); - } - delete values[fs]; - }); - - if (mounts.length) { - values.mount = mounts.join(';'); - } - - var featuresstring = PVE.Parser.printPropertyString(values, undefined); - if (featuresstring == '') { - return { 'delete': 'features' }; - } - return { features: featuresstring }; - }, - - setValues: function(values) { - var me = this; - - me.viewModel.set({ unprivileged: values.unprivileged }); - - if (values.features) { - var res = PVE.Parser.parsePropertyString(values.features); - me.mounts = []; - if (res.mount) { - res.mount.split(/[; ]/).forEach(function(item) { - if (me.fstypes.indexOf(item) === -1) { - me.mounts.push(item); - } else { - res[item] = 1; - } - }); - } - this.callParent([res]); - } - } -}); - -Ext.define('PVE.lxc.FeaturesEdit', { - extend: 'Proxmox.window.Edit', - xtype: 'pveLxcFeaturesEdit', - - subject: gettext('Features'), - - items: [{ - xtype: 'pveLxcFeaturesInputPanel' - }], - - initComponent : function() { - var me = this; - - me.callParent(); - - me.load(); - } -}); -/*jslint confusion: true */ -Ext.define('PVE.lxc.Options', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pveLxcOptions'], - - onlineHelp: 'pct_options', - - initComponent : function() { - var me = this; - var i; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - - var rows = { - onboot: { - header: gettext('Start at boot'), - defaultValue: '', - renderer: Proxmox.Utils.format_boolean, - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Start at boot'), - items: { - xtype: 'proxmoxcheckbox', - name: 'onboot', - uncheckedValue: 0, - defaultValue: 0, - fieldLabel: gettext('Start at boot') - } - } : undefined - }, - startup: { - header: gettext('Start/Shutdown order'), - defaultValue: '', - renderer: PVE.Utils.render_kvm_startup, - editor: caps.vms['VM.Config.Options'] && caps.nodes['Sys.Modify'] ? - { - xtype: 'pveWindowStartupEdit', - onlineHelp: 'pct_startup_and_shutdown' - } : undefined - }, - ostype: { - header: gettext('OS Type'), - defaultValue: Proxmox.Utils.unknownText - }, - arch: { - header: gettext('Architecture'), - defaultValue: Proxmox.Utils.unknownText - }, - console: { - header: '/dev/console', - defaultValue: 1, - renderer: Proxmox.Utils.format_enabled_toggle, - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: '/dev/console', - items: { - xtype: 'proxmoxcheckbox', - name: 'console', - uncheckedValue: 0, - defaultValue: 1, - deleteDefaultValue: true, - checked: true, - fieldLabel: '/dev/console' - } - } : undefined - }, - tty: { - header: gettext('TTY count'), - defaultValue: 2, - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('TTY count'), - items: { - xtype: 'proxmoxintegerfield', - name: 'tty', - minValue: 0, - maxValue: 6, - value: 2, - fieldLabel: gettext('TTY count'), - emptyText: gettext('Default'), - deleteEmpty: true - } - } : undefined - }, - cmode: { - header: gettext('Console mode'), - defaultValue: 'tty', - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Console mode'), - items: { - xtype: 'proxmoxKVComboBox', - name: 'cmode', - deleteEmpty: true, - value: '__default__', - comboItems: [ - ['__default__', Proxmox.Utils.defaultText + " (tty)"], - ['tty', "/dev/tty[X]"], - ['console', "/dev/console"], - ['shell', "shell"] - ], - fieldLabel: gettext('Console mode') - } - } : undefined - }, - protection: { - header: gettext('Protection'), - defaultValue: false, - renderer: Proxmox.Utils.format_boolean, - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Protection'), - items: { - xtype: 'proxmoxcheckbox', - name: 'protection', - uncheckedValue: 0, - defaultValue: 0, - deleteDefaultValue: true, - fieldLabel: gettext('Enabled') - } - } : undefined - }, - unprivileged: { - header: gettext('Unprivileged container'), - renderer: Proxmox.Utils.format_boolean, - defaultValue: 0 - }, - features: { - header: gettext('Features'), - defaultValue: Proxmox.Utils.noneText, - editor: Proxmox.UserName === 'root@pam' ? - 'PVE.lxc.FeaturesEdit' : undefined - }, - hookscript: { - header: gettext('Hookscript') - } - }; - - var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - var rowdef = rows[rec.data.key]; - return !!rowdef.editor; - }, - handler: function() { me.run_editor(); } - }); - - Ext.apply(me, { - url: "/api2/json/" + baseurl, - selModel: sm, - interval: 5000, - tbar: [ edit_btn ], - rows: rows, - editorConfig: { - url: '/api2/extjs/' + baseurl - }, - listeners: { - itemdblclick: me.run_editor - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('destroy', me.rstore.stopUpdate); - me.on('deactivate', me.rstore.stopUpdate); - - } -}); - -Ext.define('PVE.lxc.DNSInputPanel', { - extend: 'Proxmox.panel.InputPanel', - alias: 'widget.pveLxcDNSInputPanel', - - insideWizard: false, - - onGetValues: function(values) { - var me = this; - - var deletes = []; - if (!values.searchdomain && !me.insideWizard) { - deletes.push('searchdomain'); - } - - if (values.nameserver) { - var list = values.nameserver.split(/[\ \,\;]+/); - values.nameserver = list.join(' '); - } else if(!me.insideWizard) { - deletes.push('nameserver'); - } - - if (deletes.length) { - values['delete'] = deletes.join(','); - } - - return values; - }, - - initComponent : function() { - var me = this; - - var items = [ - { - xtype: 'proxmoxtextfield', - name: 'searchdomain', - skipEmptyText: true, - fieldLabel: gettext('DNS domain'), - emptyText: gettext('use host settings'), - allowBlank: true - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('DNS servers'), - vtype: 'IP64AddressList', - allowBlank: true, - emptyText: gettext('use host settings'), - name: 'nameserver', - itemId: 'nameserver' - } - ]; - - if (me.insideWizard) { - me.column1 = items; - } else { - me.items = items; - } - - me.callParent(); - } -}); - -Ext.define('PVE.lxc.DNSEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - var ipanel = Ext.create('PVE.lxc.DNSInputPanel'); - - Ext.apply(me, { - subject: gettext('Resources'), - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - - if (values.nameserver) { - values.nameserver.replace(/[,;]/, ' '); - values.nameserver.replace(/^\s+/, ''); - } - - ipanel.setValues(values); - } - }); - } - } -}); - -/*jslint confusion: true */ -Ext.define('PVE.lxc.DNS', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pveLxcDNS'], - - onlineHelp: 'pct_container_network', - - initComponent : function() { - var me = this; - var i; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - - var rows = { - hostname: { - required: true, - defaultValue: me.pveSelNode.data.name, - header: gettext('Hostname'), - editor: caps.vms['VM.Config.Network'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Hostname'), - items: { - xtype: 'inputpanel', - items:{ - fieldLabel: gettext('Hostname'), - xtype: 'textfield', - name: 'hostname', - vtype: 'DnsName', - allowBlank: true, - emptyText: 'CT' + vmid.toString() - }, - onGetValues: function(values) { - var params = values; - if (values.hostname === undefined || - values.hostname === null || - values.hostname === '') { - params = { hostname: 'CT'+vmid.toString()}; - } - return params; - } - } - } : undefined - }, - searchdomain: { - header: gettext('DNS domain'), - defaultValue: '', - editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, - renderer: function(value) { - return value || gettext('use host settings'); - } - }, - nameserver: { - header: gettext('DNS server'), - defaultValue: '', - editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, - renderer: function(value) { - return value || gettext('use host settings'); - } - } - }; - - var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; - - var reload = function() { - me.rstore.load(); - }; - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var run_editor = function() { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var rowdef = rows[rec.data.key]; - if (!rowdef.editor) { - return; - } - - var win; - if (Ext.isString(rowdef.editor)) { - win = Ext.create(rowdef.editor, { - pveSelNode: me.pveSelNode, - confid: rec.data.key, - url: '/api2/extjs/' + baseurl - }); - } else { - var config = Ext.apply({ - pveSelNode: me.pveSelNode, - confid: rec.data.key, - url: '/api2/extjs/' + baseurl - }, rowdef.editor); - win = Ext.createWidget(rowdef.editor.xtype, config); - win.load(); - } - //win.load(); - win.show(); - win.on('destroy', reload); - }; - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - var rowdef = rows[rec.data.key]; - return !!rowdef.editor; - }, - handler: run_editor - }); - - var set_button_status = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - - if (!rec) { - edit_btn.disable(); - return; - } - var rowdef = rows[rec.data.key]; - edit_btn.setDisabled(!rowdef.editor); - }; - - Ext.apply(me, { - url: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/config", - selModel: sm, - cwidth1: 150, - run_editor: run_editor, - tbar: [ edit_btn ], - rows: rows, - listeners: { - itemdblclick: run_editor, - selectionchange: set_button_status, - activate: reload - } - }); - - me.callParent(); - } -}); -Ext.define('PVE.lxc.Config', { - extend: 'PVE.panel.Config', - alias: 'widget.PVE.lxc.Config', - - onlineHelp: 'chapter_pct', - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var template = !!me.pveSelNode.data.template; - - var running = !!me.pveSelNode.data.uptime; - - var caps = Ext.state.Manager.get('GuiCap'); - - var base_url = '/nodes/' + nodename + '/lxc/' + vmid; - - me.statusStore = Ext.create('Proxmox.data.ObjectStore', { - url: '/api2/json' + base_url + '/status/current', - interval: 1000 - }); - - var vm_command = function(cmd, params) { - Proxmox.Utils.API2Request({ - params: params, - url: base_url + "/status/" + cmd, - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }; - - var startBtn = Ext.create('Ext.Button', { - text: gettext('Start'), - disabled: !caps.vms['VM.PowerMgmt'] || running, - hidden: template, - handler: function() { - vm_command('start'); - }, - iconCls: 'fa fa-play' - }); - - var stopBtn = Ext.create('Ext.menu.Item',{ - text: gettext('Stop'), - disabled: !caps.vms['VM.PowerMgmt'], - confirmMsg: Proxmox.Utils.format_task_description('vzstop', vmid), - tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'CT'), - dangerous: true, - handler: function() { - vm_command("stop"); - }, - iconCls: 'fa fa-stop' - }); - - var shutdownBtn = Ext.create('PVE.button.Split', { - text: gettext('Shutdown'), - disabled: !caps.vms['VM.PowerMgmt'] || !running, - hidden: template, - confirmMsg: Proxmox.Utils.format_task_description('vzshutdown', vmid), - handler: function() { - vm_command('shutdown'); - }, - menu: { - items:[stopBtn] - }, - iconCls: 'fa fa-power-off' - }); - - var migrateBtn = Ext.create('Ext.Button', { - text: gettext('Migrate'), - disabled: !caps.vms['VM.Migrate'], - hidden: PVE.data.ResourceStore.getNodes().length < 2, - handler: function() { - var win = Ext.create('PVE.window.Migrate', { - vmtype: 'lxc', - nodename: nodename, - vmid: vmid - }); - win.show(); - }, - iconCls: 'fa fa-send-o' - }); - - var moreBtn = Ext.create('Proxmox.button.Button', { - text: gettext('More'), - menu: { items: [ - { - text: gettext('Clone'), - iconCls: 'fa fa-fw fa-clone', - hidden: caps.vms['VM.Clone'] ? false : true, - handler: function() { - PVE.window.Clone.wrap(nodename, vmid, template, 'lxc'); - } - }, - { - text: gettext('Convert to template'), - disabled: template, - xtype: 'pveMenuItem', - iconCls: 'fa fa-fw fa-file-o', - hidden: caps.vms['VM.Allocate'] ? false : true, - confirmMsg: Proxmox.Utils.format_task_description('vztemplate', vmid), - handler: function() { - Proxmox.Utils.API2Request({ - url: base_url + '/template', - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - } - }, - { - iconCls: 'fa fa-heartbeat ', - hidden: !caps.nodes['Sys.Console'], - text: gettext('Manage HA'), - handler: function() { - var ha = me.pveSelNode.data.hastate; - Ext.create('PVE.ha.VMResourceEdit', { - vmid: vmid, - guestType: 'ct', - isCreate: (!ha || ha === 'unmanaged') - }).show(); - } - }, - { - text: gettext('Remove'), - disabled: !caps.vms['VM.Allocate'], - itemId: 'removeBtn', - handler: function() { - Ext.create('PVE.window.SafeDestroy', { - url: base_url, - item: { type: 'CT', id: vmid } - }).show(); - }, - iconCls: 'fa fa-trash-o' - } - ]} - }); - - var vm = me.pveSelNode.data; - - var consoleBtn = Ext.create('PVE.button.ConsoleButton', { - disabled: !caps.vms['VM.Console'], - consoleType: 'lxc', - consoleName: vm.name, - hidden: template, - nodename: nodename, - vmid: vmid - }); - - var statusTxt = Ext.create('Ext.toolbar.TextItem', { - data: { - lock: undefined - }, - tpl: [ - '
' + gettext('Note: Rollback stops CT') + '
'; - - return msg; - }, - handler: function(btn, event) { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - var snapname = rec.data.name; - - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname + '/rollback', - method: 'POST', - waitMsgTarget: me, - callback: function() { - me.reload(); - }, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); - win.show(); - } - }); - } - }); - - var removeBtn = new Proxmox.button.Button({ - text: gettext('Remove'), - disabled: true, - selModel: sm, - confirmMsg: function(rec) { - var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), - "'" + rec.data.name + "'"); - return msg; - }, - enableFn: valid_snapshot, - handler: function(btn, event) { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - var snapname = rec.data.name; - - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname, - method: 'DELETE', - waitMsgTarget: me, - callback: function() { - me.reload(); - }, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); - win.show(); - } - }); - } - }); - - var snapshotBtn = Ext.create('Ext.Button', { - itemId: 'snapshotBtn', - text: gettext('Take Snapshot'), - disabled: true, - handler: function() { - var win = Ext.create('PVE.window.LxcSnapshot', { - nodename: me.nodename, - vmid: me.vmid - }); - win.show(); - } - }); - - Ext.apply(me, { - layout: 'fit', - rootVisible: false, - animate: false, - sortableColumns: false, - selModel: sm, - tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ], - fields: [ - 'name', 'description', 'snapstate', 'vmstate', 'running', - { name: 'snaptime', type: 'date', dateFormat: 'timestamp' } - ], - columns: [ - { - xtype: 'treecolumn', - text: gettext('Name'), - dataIndex: 'name', - width: 200, - renderer: function(value, metaData, record) { - if (value === 'current') { - return "NOW"; - } else { - return value; - } - } - }, -// { -// text: gettext('RAM'), -// align: 'center', -// resizable: false, -// dataIndex: 'vmstate', -// width: 50, -// renderer: function(value, metaData, record) { -// if (record.data.name !== 'current') { -// return Proxmox.Utils.format_boolean(value); -// } -// } -// }, - { - text: gettext('Date') + "/" + gettext("Status"), - dataIndex: 'snaptime', - resizable: false, - width: 150, - renderer: function(value, metaData, record) { - if (record.data.snapstate) { - return record.data.snapstate; - } - if (value) { - return Ext.Date.format(value,'Y-m-d H:i:s'); - } - } - }, - { - text: gettext('Description'), - dataIndex: 'description', - flex: 1, - renderer: function(value, metaData, record) { - if (record.data.name === 'current') { - return gettext("You are here!"); - } else { - return Ext.String.htmlEncode(value); - } - } - } - ], - columnLines: true, - listeners: { - activate: me.reload, - destroy: me.load_task.cancel, - itemdblclick: run_editor - } - }); - - me.callParent(); - - me.store.sorters.add(new Ext.util.Sorter({ - sorterFn: me.sorterFn - })); - } -}); -Ext.define('PVE.window.LxcSnapshot', { - extend: 'Ext.window.Window', - - resizable: false, - - // needed for finding the reference to submitbutton - // because we do not have a controller - referenceHolder: true, - defaultButton: 'submitbutton', - defaultFocus: 'field', - - take_snapshot: function(snapname, descr, vmstate) { - var me = this; - var params = { snapname: snapname }; - if (descr) { - params.description = descr; - } - - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot", - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); - win.show(); - me.close(); - } - }); - }, - - update_snapshot: function(snapname, descr) { - var me = this; - Proxmox.Utils.API2Request({ - params: { description: descr }, - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" + - snapname + '/config', - waitMsgTarget: me, - method: 'PUT', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - me.close(); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - var summarystore = Ext.create('Ext.data.Store', { - model: 'KeyValue', - sorters: [ - { - property : 'key', - direction: 'ASC' - } - ] - }); - - var items = [ - { - xtype: me.snapname ? 'displayfield' : 'textfield', - name: 'snapname', - value: me.snapname, - fieldLabel: gettext('Name'), - vtype: 'ConfigId', - allowBlank: false - } - ]; - - if (me.snapname) { - items.push({ - xtype: 'displayfield', - name: 'snaptime', - renderer: PVE.Utils.render_timestamp_human_readable, - fieldLabel: gettext('Timestamp') - }); - } - - items.push({ - xtype: 'textareafield', - grow: true, - name: 'description', - fieldLabel: gettext('Description') - }); - - if (me.snapname) { - items.push({ - title: gettext('Settings'), - xtype: 'grid', - height: 200, - store: summarystore, - columns: [ - {header: gettext('Key'), width: 150, dataIndex: 'key'}, - {header: gettext('Value'), flex: 1, dataIndex: 'value'} - ] - }); - } - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: items - }); - - var form = me.formPanel.getForm(); - - var submitBtn; - - if (me.snapname) { - me.title = gettext('Edit') + ': ' + gettext('Snapshot'); - submitBtn = Ext.create('Ext.Button', { - text: gettext('Update'), - handler: function() { - if (form.isValid()) { - var values = form.getValues(); - me.update_snapshot(me.snapname, values.description); - } - } - }); - } else { - me.title ="VM " + me.vmid + ': ' + gettext('Take Snapshot'); - submitBtn = Ext.create('Ext.Button', { - text: gettext('Take Snapshot'), - reference: 'submitbutton', - handler: function() { - if (form.isValid()) { - var values = form.getValues(); - me.take_snapshot(values.snapname, values.description); - } - } - }); - } - - Ext.apply(me, { - modal: true, - width: 450, - border: false, - layout: 'fit', - buttons: [ submitBtn ], - items: [ me.formPanel ] - }); - - if (me.snapname) { - Ext.apply(me, { - width: 620, - height: 420 - }); - } - - me.callParent(); - - if (!me.snapname) { - return; - } - - // else load data - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" + - me.snapname + '/config', - waitMsgTarget: me, - method: 'GET', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - me.close(); - }, - success: function(response, options) { - var data = response.result.data; - var kvarray = []; - Ext.Object.each(data, function(key, value) { - if (key === 'description' || key === 'snaptime') { - return; - } - kvarray.push({ key: key, value: value }); - }); - - summarystore.suspendEvents(); - summarystore.add(kvarray); - summarystore.sort(); - summarystore.resumeEvents(); - summarystore.fireEvent('refresh', summarystore); - - form.findField('snaptime').setValue(data.snaptime); - form.findField('description').setValue(data.description); - } - }); - } -}); -/*jslint confusion: true */ -var labelWidth = 120; - -Ext.define('PVE.lxc.MemoryEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - Ext.apply(me, { - subject: gettext('Memory'), - items: Ext.create('PVE.lxc.MemoryInputPanel') - }); - - me.callParent(); - - me.load(); - } -}); - - -Ext.define('PVE.lxc.CPUEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - Ext.apply(me, { - subject: gettext('CPU'), - items: Ext.create('PVE.lxc.CPUInputPanel') - }); - - me.callParent(); - - me.load(); - } -}); - -Ext.define('PVE.lxc.CPUInputPanel', { - extend: 'Proxmox.panel.InputPanel', - alias: 'widget.pveLxcCPUInputPanel', - - onlineHelp: 'pct_cpu', - - insideWizard: false, - - onGetValues: function(values) { - var me = this; - - PVE.Utils.delete_if_default(values, 'cores', '', me.insideWizard); - // cpu{limit,unit} aren't in the wizard so create is always false - PVE.Utils.delete_if_default(values, 'cpulimit', '0', 0); - PVE.Utils.delete_if_default(values, 'cpuunits', '1024', 0); - - return values; - }, - - advancedColumn1: [ - { - xtype: 'numberfield', - name: 'cpulimit', - minValue: 0, - value: '', - step: 1, - fieldLabel: gettext('CPU limit'), - allowBlank: true, - emptyText: gettext('unlimited') - } - ], - - advancedColumn2: [ - { - xtype: 'proxmoxintegerfield', - name: 'cpuunits', - fieldLabel: gettext('CPU units'), - value: 1024, - minValue: 8, - maxValue: 500000, - labelWidth: labelWidth, - allowBlank: false - } - ], - - initComponent: function() { - var me = this; - - me.column1 = [ - { - xtype: 'proxmoxintegerfield', - name: 'cores', - minValue: 1, - maxValue: 128, - value: me.insideWizard ? 1 : '', - fieldLabel: gettext('Cores'), - allowBlank: true, - deleteEmpty: true, - emptyText: gettext('unlimited') - } - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.lxc.MemoryInputPanel', { - extend: 'Proxmox.panel.InputPanel', - alias: 'widget.pveLxcMemoryInputPanel', - - onlineHelp: 'pct_memory', - - insideWizard: false, - - initComponent : function() { - var me = this; - - var items = [ - { - xtype: 'proxmoxintegerfield', - name: 'memory', - minValue: 16, - value: '512', - step: 32, - fieldLabel: gettext('Memory') + ' (MiB)', - labelWidth: labelWidth, - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - name: 'swap', - minValue: 0, - value: '512', - step: 32, - fieldLabel: gettext('Swap') + ' (MiB)', - labelWidth: labelWidth, - allowBlank: false - } - ]; - - if (me.insideWizard) { - me.column1 = items; - } else { - me.items = items; - } - - me.callParent(); - } -}); -Ext.define('PVE.window.MPResize', { - extend: 'Ext.window.Window', - - resizable: false, - - resize_disk: function(disk, size) { - var me = this; - var params = { disk: disk, size: '+' + size + 'G' }; - - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/resize', - waitMsgTarget: me, - method: 'PUT', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, opts) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskViewer', { upid: upid }); - win.show(); - me.close(); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - var items = [ - { - xtype: 'displayfield', - name: 'disk', - value: me.disk, - fieldLabel: gettext('Disk'), - vtype: 'StorageId', - allowBlank: false - } - ]; - - me.hdsizesel = Ext.createWidget('numberfield', { - name: 'size', - minValue: 0, - maxValue: 128*1024, - decimalPrecision: 3, - value: '0', - fieldLabel: gettext('Size Increment') + ' (GiB)', - allowBlank: false - }); - - items.push(me.hdsizesel); - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 120, - anchor: '100%' - }, - items: items - }); - - var form = me.formPanel.getForm(); - - var submitBtn; - - me.title = gettext('Resize disk'); - submitBtn = Ext.create('Ext.Button', { - text: gettext('Resize disk'), - handler: function() { - if (form.isValid()) { - var values = form.getValues(); - me.resize_disk(me.disk, values.size); - } - } - }); - - Ext.apply(me, { - modal: true, - border: false, - layout: 'fit', - buttons: [ submitBtn ], - items: [ me.formPanel ] - }); - - - me.callParent(); - - if (!me.disk) { - return; - } - - } -}); -/*jslint confusion: true*/ -/* hidden: boolean and string - * bind: function and object - * disabled: boolean and string - */ -Ext.define('PVE.lxc.MountPointInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveLxcMountPointInputPanel', - - insideWizard: false, - - onlineHelp: 'pct_container_storage', - - unused: false, // add unused disk imaged - - unprivileged: false, - - vmconfig: {}, // used to select unused disks - - setUnprivileged: function(unprivileged) { - var me = this; - var vm = me.getViewModel(); - me.unprivileged = unprivileged; - vm.set('unpriv', unprivileged); - }, - - onGetValues: function(values) { - var me = this; - - var confid = me.confid || "mp"+values.mpid; - values.file = me.down('field[name=file]').getValue(); - - if (me.unused) { - confid = "mp"+values.mpid; - } else if (me.isCreate) { - values.file = values.hdstorage + ':' + values.disksize; - } - - // delete unnecessary fields - delete values.mpid; - delete values.hdstorage; - delete values.disksize; - delete values.diskformat; - - var res = {}; - res[confid] = PVE.Parser.printLxcMountPoint(values); - return res; - }, - - - setMountPoint: function(mp) { - var me = this; - var vm = this.getViewModel(); - vm.set('mptype', mp.type); - me.setValues(mp); - }, - - setVMConfig: function(vmconfig) { - var me = this; - var vm = me.getViewModel(); - me.vmconfig = vmconfig; - vm.set('unpriv', vmconfig.unprivileged); - vm.notify(); - - PVE.Utils.forEachMP(function(bus, i) { - var name = "mp" + i.toString(); - if (!Ext.isDefined(vmconfig[name])) { - me.down('field[name=mpid]').setValue(i); - return false; - } - }); - }, - - setNodename: function(nodename) { - var me = this; - var vm = me.getViewModel(); - vm.set('node', nodename); - vm.notify(); - me.down('#diskstorage').setNodename(nodename); - }, - - controller: { - xclass: 'Ext.app.ViewController', - - control: { - 'field[name=mpid]': { - change: function(field, value) { - field.validate(); - } - }, - '#hdstorage': { - change: function(field, newValue) { - var me = this; - if (!newValue) { - return; - } - - var rec = field.store.getById(newValue); - if (!rec) { - return; - } - - var vm = me.getViewModel(); - vm.set('type', rec.data.type); - vm.notify(); - } - } - }, - - init: function(view) { - var me = this; - var vm = this.getViewModel(); - vm.set('confid', view.confid); - vm.set('unused', view.unused); - vm.set('node', view.nodename); - vm.set('unpriv', view.unprivileged); - vm.set('hideStorSelector', view.unused || !view.isCreate); - vm.notify(); - } - }, - - viewModel: { - data: { - unpriv: false, - unused: false, - showStorageSelector: false, - mptype: '', - type: '', - confid: '', - node: '' - }, - - formulas: { - quota: function(get) { - return !(get('type') === 'zfs' || - get('type') === 'zfspool' || - get('unpriv') || - get('isBind')); - }, - hasMP: function(get) { - return !!get('confid') && !get('unused'); - }, - isRoot: function(get) { - return get('confid') === 'rootfs'; - }, - isBind: function(get) { - return get('mptype') === 'bind'; - }, - isBindOrRoot: function(get) { - return get('isBind') || get('isRoot'); - } - } - }, - - column1: [ - { - xtype: 'proxmoxintegerfield', - name: 'mpid', - fieldLabel: gettext('Mount Point ID'), - minValue: 0, - maxValue: PVE.Utils.mp_counts.mps - 1, - hidden: true, - allowBlank: false, - disabled: true, - bind: { - hidden: '{hasMP}', - disabled: '{hasMP}' - }, - validator: function(value) { - var me = this.up('inputpanel'); - if (!me.rendered) { - return; - } - if (Ext.isDefined(me.vmconfig["mp"+value])) { - return "Mount point is already in use."; - } - /*jslint confusion: true*/ - /* returns a string above */ - return true; - } - }, - { - xtype: 'pveDiskStorageSelector', - itemId: 'diskstorage', - storageContent: 'rootdir', - hidden: true, - autoSelect: true, - selectformat: false, - defaultSize: 8, - bind: { - hidden: '{hideStorSelector}', - disabled: '{hideStorSelector}', - nodename: '{node}' - } - }, - { - xtype: 'textfield', - disabled: true, - submitValue: false, - fieldLabel: gettext('Disk image'), - name: 'file', - bind: { - hidden: '{!hideStorSelector}' - } - } - ], - - column2: [ - { - xtype: 'textfield', - name: 'mp', - value: '', - emptyText: gettext('/some/path'), - allowBlank: false, - disabled: true, - fieldLabel: gettext('Path'), - bind: { - hidden: '{isRoot}', - disabled: '{isRoot}' - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'backup', - fieldLabel: gettext('Backup'), - bind: { - hidden: '{isRoot}', - disabled: '{isBindOrRoot}' - } - } - ], - - advancedColumn1: [ - { - xtype: 'proxmoxcheckbox', - name: 'quota', - defaultValue: 0, - bind: { - disabled: '{!quota}' - }, - fieldLabel: gettext('Enable quota'), - listeners: { - disable: function() { - this.reset(); - } - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'ro', - defaultValue: 0, - bind: { - hidden: '{isRoot}', - disabled: '{isRoot}' - }, - fieldLabel: gettext('Read-only') - } - ], - - advancedColumn2: [ - { - xtype: 'proxmoxKVComboBox', - name: 'acl', - fieldLabel: 'ACLs', - deleteEmpty: false, - comboItems: [ - ['__default__', Proxmox.Utils.defaultText], - ['1', Proxmox.Utils.enabledText], - ['0', Proxmox.Utils.disabledText] - ], - value: '__default__', - bind: { - disabled: '{isBind}' - }, - allowBlank: true - }, - { - xtype: 'proxmoxcheckbox', - inputValue: '0', // reverses the logic - name: 'replicate', - fieldLabel: gettext('Skip replication') - } - ] -}); - -Ext.define('PVE.lxc.MountPointEdit', { - extend: 'Proxmox.window.Edit', - - unprivileged: false, - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var unused = me.confid && me.confid.match(/^unused\d+$/); - - me.isCreate = me.confid ? unused : true; - - var ipanel = Ext.create('PVE.lxc.MountPointInputPanel', { - confid: me.confid, - nodename: nodename, - unused: unused, - unprivileged: me.unprivileged, - isCreate: me.isCreate - }); - - var subject; - if (unused) { - subject = gettext('Unused Disk'); - } else if (me.isCreate) { - subject = gettext('Mount Point'); - } else { - subject = gettext('Mount Point') + ' (' + me.confid + ')'; - } - - Ext.apply(me, { - subject: subject, - defaultFocus: me.confid !== 'rootfs' ? 'textfield[name=mp]' : 'tool', - items: ipanel - }); - - me.callParent(); - - me.load({ - success: function(response, options) { - ipanel.setVMConfig(response.result.data); - if (me.confid) { - /*jslint confusion: true*/ - /*data is defined as array above*/ - var value = response.result.data[me.confid]; - /*jslint confusion: false*/ - var mp = PVE.Parser.parseLxcMountPoint(value); - - if (!mp) { - Ext.Msg.alert(gettext('Error'), 'Unable to parse mount point options'); - me.close(); - return; - } - - ipanel.setMountPoint(mp); - me.isValid(); // trigger validation - } - } - }); - } -}); -Ext.define('PVE.pool.StatusView', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pvePoolStatusView'], - disabled: true, - - title: gettext('Status'), - cwidth1: 150, - interval: 30000, - //height: 195, - initComponent : function() { - var me = this; - - var pool = me.pveSelNode.data.pool; - if (!pool) { - throw "no pool specified"; - } - - var rows = { - comment: { - header: gettext('Comment'), - renderer: Ext.String.htmlEncode, - required: true - } - }; - - Ext.apply(me, { - url: "/api2/json/pools/" + pool, - rows: rows - }); - - me.callParent(); - } -}); -Ext.define('PVE.pool.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pvePoolSummary', - - initComponent: function() { - var me = this; - - var pool = me.pveSelNode.data.pool; - if (!pool) { - throw "no pool specified"; - } - - var statusview = Ext.create('PVE.pool.StatusView', { - pveSelNode: me.pveSelNode, - style: 'padding-top:0px' - }); - - var rstore = statusview.rstore; - - Ext.apply(me, { - autoScroll: true, - bodyStyle: 'padding:10px', - defaults: { - style: 'padding-top:10px', - width: 800 - }, - items: [ statusview ] - }); - - me.on('activate', rstore.startUpdate); - me.on('destroy', rstore.stopUpdate); - - me.callParent(); - } -}); -Ext.define('PVE.pool.Config', { - extend: 'PVE.panel.Config', - alias: 'widget.pvePoolConfig', - - onlineHelp: 'pveum_pools', - - initComponent: function() { - var me = this; - - var pool = me.pveSelNode.data.pool; - if (!pool) { - throw "no pool specified"; - } - - Ext.apply(me, { - title: Ext.String.format(gettext("Resource Pool") + ': ' + pool), - hstateid: 'pooltab', - items: [ - { - title: gettext('Summary'), - iconCls: 'fa fa-book', - xtype: 'pvePoolSummary', - itemId: 'summary' - }, - { - title: gettext('Members'), - xtype: 'pvePoolMembers', - iconCls: 'fa fa-th', - pool: pool, - itemId: 'members' - }, - { - xtype: 'pveACLView', - title: gettext('Permissions'), - iconCls: 'fa fa-unlock', - itemId: 'permissions', - path: '/pool/' + pool - } - ] - }); - - me.callParent(); - } -}); -Ext.define('PVE.panel.StorageBase', { - extend: 'Proxmox.panel.InputPanel', - controller: 'storageEdit', - - type: '', - - onGetValues: function(values) { - var me = this; - - if (me.isCreate) { - values.type = me.type; - } else { - delete values.storage; - } - - values.disable = values.enable ? 0 : 1; - delete values.enable; - - return values; - }, - - initComponent : function() { - var me = this; - - me.column1.unshift({ - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'storage', - value: me.storageId || '', - fieldLabel: 'ID', - vtype: 'StorageId', - allowBlank: false - }); - - me.column2.unshift( - { - xtype: 'pveNodeSelector', - name: 'nodes', - disabled: me.storageId === 'local', - fieldLabel: gettext('Nodes'), - emptyText: gettext('All') + ' (' + gettext('No restrictions') +')', - multiSelect: true, - autoSelect: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'enable', - checked: true, - uncheckedValue: 0, - fieldLabel: gettext('Enable') - } - ); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.BaseEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - me.isCreate = !me.storageId; - - if (me.isCreate) { - me.url = '/api2/extjs/storage'; - me.method = 'POST'; - } else { - me.url = '/api2/extjs/storage/' + me.storageId; - me.method = 'PUT'; - } - - var ipanel = Ext.create(me.paneltype, { - type: me.type, - isCreate: me.isCreate, - storageId: me.storageId - }); - - Ext.apply(me, { - subject: PVE.Utils.format_storage_type(me.type), - isAdd: true, - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - var ctypes = values.content || ''; - - values.content = ctypes.split(','); - - if (values.nodes) { - values.nodes = values.nodes.split(','); - } - values.enable = values.disable ? 0 : 1; - - ipanel.setValues(values); - } - }); - } - } -}); -Ext.define('PVE.grid.TemplateSelector', { - extend: 'Ext.grid.GridPanel', - - alias: 'widget.pveTemplateSelector', - - stateful: true, - stateId: 'grid-template-selector', - viewConfig: { - trackOver: false - }, - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var baseurl = "/nodes/" + me.nodename + "/aplinfo"; - var store = new Ext.data.Store({ - model: 'pve-aplinfo', - groupField: 'section', - proxy: { - type: 'proxmox', - url: '/api2/json' + baseurl - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var groupingFeature = Ext.create('Ext.grid.feature.Grouping',{ - groupHeaderTpl: '{[ "Section: " + values.name ]} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' - }); - - var reload = function() { - store.load(); - }; - - Proxmox.Utils.monStoreErrors(me, store); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ - '->', - gettext('Search'), - { - xtype: 'textfield', - width: 200, - enableKeyEvents: true, - listeners: { - buffer: 500, - keyup: function(field) { - var value = field.getValue().toLowerCase(); - store.clearFilter(true); - store.filterBy(function(rec) { - return (rec.data['package'].toLowerCase().indexOf(value) !== -1) - || (rec.data.headline.toLowerCase().indexOf(value) !== -1); - }); - } - } - } - ], - features: [ groupingFeature ], - columns: [ - { - header: gettext('Type'), - width: 80, - dataIndex: 'type' - }, - { - header: gettext('Package'), - flex: 1, - dataIndex: 'package' - }, - { - header: gettext('Version'), - width: 80, - dataIndex: 'version' - }, - { - header: gettext('Description'), - flex: 1.5, - renderer: Ext.String.htmlEncode, - dataIndex: 'headline' - } - ], - listeners: { - afterRender: reload - } - }); - - me.callParent(); - } - -}, function() { - - Ext.define('pve-aplinfo', { - extend: 'Ext.data.Model', - fields: [ - 'template', 'type', 'package', 'version', 'headline', 'infopage', - 'description', 'os', 'section' - ], - idProperty: 'template' - }); - -}); - -Ext.define('PVE.storage.TemplateDownload', { - extend: 'Ext.window.Window', - alias: 'widget.pveTemplateDownload', - - modal: true, - title: gettext('Templates'), - layout: 'fit', - width: 900, - height: 600, - initComponent : function() { - /*jslint confusion: true */ - var me = this; - - var grid = Ext.create('PVE.grid.TemplateSelector', { - border: false, - scrollable: true, - nodename: me.nodename - }); - - var sm = grid.getSelectionModel(); - - var submitBtn = Ext.create('Proxmox.button.Button', { - text: gettext('Download'), - disabled: true, - selModel: sm, - handler: function(button, event, rec) { - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/aplinfo', - params: { - storage: me.storage, - template: rec.data.template - }, - method: 'POST', - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - - Ext.create('Proxmox.window.TaskViewer', { - upid: upid, - listeners: { - destroy: me.reloadGrid - } - }).show(); - - me.close(); - } - }); - } - }); - - Ext.apply(me, { - items: grid, - buttons: [ submitBtn ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.Upload', { - extend: 'Ext.window.Window', - alias: 'widget.pveStorageUpload', - - resizable: false, - - modal: true, - - initComponent : function() { - /*jslint confusion: true */ - var me = this; - - var xhr; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.storage) { - throw "no storage ID specified"; - } - - var baseurl = "/nodes/" + me.nodename + "/storage/" + me.storage + "/upload"; - - var pbar = Ext.create('Ext.ProgressBar', { - text: 'Ready', - hidden: true - }); - - me.formPanel = Ext.create('Ext.form.Panel', { - method: 'POST', - waitMsgTarget: true, - bodyPadding: 10, - border: false, - width: 300, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [ - { - xtype: 'pveContentTypeSelector', - cts: me.contents, - fieldLabel: gettext('Content'), - name: 'content', - value: me.contents[0] || '', - allowBlank: false - }, - { - xtype: 'filefield', - name: 'filename', - buttonText: gettext('Select File...'), - allowBlank: false - }, - pbar - ] - }); - - var form = me.formPanel.getForm(); - - var doStandardSubmit = function() { - form.submit({ - url: "/api2/htmljs" + baseurl, - waitMsg: gettext('Uploading file...'), - success: function(f, action) { - me.close(); - }, - failure: function(f, action) { - var msg = PVE.Utils.extractFormActionError(action); - Ext.Msg.alert(gettext('Error'), msg); - } - }); - }; - - var updateProgress = function(per, bytes) { - var text = (per * 100).toFixed(2) + '%'; - if (bytes) { - text += " (" + Proxmox.Utils.format_size(bytes) + ')'; - } - pbar.updateProgress(per, text); - }; - - var abortBtn = Ext.create('Ext.Button', { - text: gettext('Abort'), - disabled: true, - handler: function() { - me.close(); - } - }); - - var submitBtn = Ext.create('Ext.Button', { - text: gettext('Upload'), - disabled: true, - handler: function(button) { - var fd; - try { - fd = new FormData(); - } catch (err) { - doStandardSubmit(); - return; - } - - button.setDisabled(true); - abortBtn.setDisabled(false); - - var field = form.findField('content'); - fd.append("content", field.getValue()); - field.setDisabled(true); - - field = form.findField('filename'); - var file = field.fileInputEl.dom; - fd.append("filename", file.files[0]); - field.setDisabled(true); - - pbar.setVisible(true); - updateProgress(0); - - xhr = new XMLHttpRequest(); - - xhr.addEventListener("load", function(e) { - if (xhr.status == 200) { - me.close(); - } else { - var msg = gettext('Error') + " " + xhr.status.toString() + ": " + Ext.htmlEncode(xhr.statusText); - var result = Ext.decode(xhr.responseText); - result.message = msg; - var htmlStatus = Proxmox.Utils.extractRequestError(result, true); - Ext.Msg.alert(gettext('Error'), htmlStatus, function(btn) { - me.close(); - }); - - } - }, false); - - xhr.addEventListener("error", function(e) { - var msg = "Error " + e.target.status.toString() + " occurred while receiving the document."; - Ext.Msg.alert(gettext('Error'), msg, function(btn) { - me.close(); - }); - }); - - xhr.upload.addEventListener("progress", function(evt) { - if (evt.lengthComputable) { - var percentComplete = evt.loaded / evt.total; - updateProgress(percentComplete, evt.loaded); - } - }, false); - - xhr.open("POST", "/api2/json" + baseurl, true); - xhr.send(fd); - } - }); - - form.on('validitychange', function(f, valid) { - submitBtn.setDisabled(!valid); - }); - - Ext.apply(me, { - title: gettext('Upload'), - items: me.formPanel, - buttons: [ abortBtn, submitBtn ], - listeners: { - close: function() { - if (xhr) { - xhr.abort(); - } - } - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.ContentView', { - extend: 'Ext.grid.GridPanel', - - alias: 'widget.pveStorageContentView', - - stateful: true, - stateId: 'grid-storage-content', - viewConfig: { - trackOver: false, - loadMask: false - }, - features: [ - { - ftype: 'grouping', - groupHeaderTpl: '{name} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' - } - ], - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var storage = me.pveSelNode.data.storage; - if (!storage) { - throw "no storage ID specified"; - } - - var baseurl = "/nodes/" + nodename + "/storage/" + storage + "/content"; - var store = Ext.create('Ext.data.Store',{ - model: 'pve-storage-content', - groupField: 'content', - proxy: { - type: 'proxmox', - url: '/api2/json' + baseurl - }, - sorters: { - property: 'volid', - order: 'DESC' - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var reload = function() { - store.load(); - me.statusStore.load(); - }; - - Proxmox.Utils.monStoreErrors(me, store); - - var templateButton = Ext.create('Proxmox.button.Button',{ - itemId: 'tmpl-btn', - text: gettext('Templates'), - handler: function() { - var win = Ext.create('PVE.storage.TemplateDownload', { - nodename: nodename, - storage: storage, - reloadGrid: reload - }); - win.show(); - } - }); - - var uploadButton = Ext.create('Proxmox.button.Button', { - contents : ['iso','vztmpl'], - text: gettext('Upload'), - handler: function() { - var me = this; - var win = Ext.create('PVE.storage.Upload', { - nodename: nodename, - storage: storage, - contents: me.contents - }); - win.show(); - win.on('destroy', reload); - } - }); - - var imageRemoveButton; - var removeButton = Ext.create('Proxmox.button.StdRemoveButton',{ - selModel: sm, - enableFn: function(rec) { - if (rec && rec.data.content !== 'images') { - imageRemoveButton.setVisible(false); - removeButton.setVisible(true); - return true; - } - return false; - }, - callback: function() { - reload(); - }, - baseurl: baseurl + '/' - }); - - imageRemoveButton = Ext.create('Proxmox.button.Button',{ - selModel: sm, - hidden: true, - text: gettext('Remove'), - enableFn: function(rec) { - if (rec && rec.data.content === 'images') { - removeButton.setVisible(false); - imageRemoveButton.setVisible(true); - return true; - } - return false; - }, - handler: function(btn, event, rec) { - me = this; - - var url = baseurl + '/' + rec.data.volid; - var vmid = rec.data.vmid; - - var store = PVE.data.ResourceStore; - - if (vmid && store.findVMID(vmid)) { - var guest_node = store.guestNode(vmid); - var storage_path = 'storage/' + nodename + '/' + storage; - - // allow to delete local backed images if a VMID exists on another node. - if (store.storageIsShared(storage_path) || guest_node == nodename) { - var msg = Ext.String.format( - gettext("Cannot remove image, a guest with VMID '{0}' exists!"), vmid); - msg += '' + gettext("You can delete the image from the guest's hardware pane"); - - Ext.Msg.show({ - title: gettext('Cannot remove disk image.'), - icon: Ext.Msg.ERROR, - msg: msg - }); - return; - } - } - var win = Ext.create('PVE.window.SafeDestroy', { - title: Ext.String.format(gettext("Destroy '{0}'"), rec.data.volid), - showProgress: true, - url: url, - item: { type: 'Image', id: vmid } - }).show(); - win.on('destroy', function() { - me.statusStore = Ext.create('Proxmox.data.ObjectStore', { - url: '/api2/json/nodes/' + nodename + '/storage/' + storage + '/status' - }); - reload(); - - }); - } - }); - - me.statusStore = Ext.create('Proxmox.data.ObjectStore', { - url: '/api2/json/nodes/' + nodename + '/storage/' + storage + '/status' - }); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ - { - xtype: 'proxmoxButton', - text: gettext('Restore'), - selModel: sm, - disabled: true, - enableFn: function(rec) { - return rec && rec.data.content === 'backup'; - }, - handler: function(b, e, rec) { - var vmtype; - if (rec.data.volid.match(/vzdump-qemu-/)) { - vmtype = 'qemu'; - } else if (rec.data.volid.match(/vzdump-openvz-/) || rec.data.volid.match(/vzdump-lxc-/)) { - vmtype = 'lxc'; - } else { - return; - } - - var win = Ext.create('PVE.window.Restore', { - nodename: nodename, - volid: rec.data.volid, - volidText: PVE.Utils.render_storage_content(rec.data.volid, {}, rec), - vmtype: vmtype - }); - win.show(); - win.on('destroy', reload); - } - }, - removeButton, - imageRemoveButton, - templateButton, - uploadButton, - { - xtype: 'proxmoxButton', - text: gettext('Show Configuration'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - return rec && rec.data.content === 'backup'; - }, - handler: function(b,e,rec) { - var win = Ext.create('PVE.window.BackupConfig', { - volume: rec.data.volid, - pveSelNode: me.pveSelNode - }); - - win.show(); - } - }, - '->', - gettext('Search') + ':', ' ', - { - xtype: 'textfield', - width: 200, - enableKeyEvents: true, - listeners: { - buffer: 500, - keyup: function(field) { - store.clearFilter(true); - store.filter([ - { - property: 'text', - value: field.getValue(), - anyMatch: true, - caseSensitive: false - } - ]); - } - } - } - ], - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - renderer: PVE.Utils.render_storage_content, - dataIndex: 'text' - }, - { - header: gettext('Format'), - width: 100, - dataIndex: 'format' - }, - { - header: gettext('Type'), - width: 100, - dataIndex: 'content', - renderer: PVE.Utils.format_content_types - }, - { - header: gettext('Size'), - width: 100, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - } - ], - listeners: { - activate: reload - } - }); - - me.callParent(); - - // disable the buttons/restrict the upload window - // if templates or uploads are not allowed - me.mon(me.statusStore, 'load', function(s,records,succes) { - var availcontent = []; - Ext.Array.each(records, function(item){ - if (item.id === 'content') { - availcontent = item.data.value.split(','); - } - }); - var templ = false; - var upload = false; - var cts = []; - - Ext.Array.each(availcontent, function(content) { - if (content === 'vztmpl') { - templ = true; - cts.push('vztmpl'); - } else if (content === 'iso') { - upload = true; - cts.push('iso'); - } - }); - - if (templ !== upload) { - uploadButton.contents = cts; - } - - templateButton.setDisabled(!templ); - uploadButton.setDisabled(!upload && !templ); - }); - } -}, function() { - - Ext.define('pve-storage-content', { - extend: 'Ext.data.Model', - fields: [ - 'volid', 'content', 'format', 'size', 'used', 'vmid', - 'channel', 'id', 'lun', - { - name: 'text', - convert: function(value, record) { - // check for volid, because if you click on a grouping header, - // it calls convert (but with an empty volid) - if (value || record.data.volid === null) { - return value; - } - return PVE.Utils.render_storage_content(value, {}, record); - } - } - ], - idProperty: 'volid' - }); - -}); -Ext.define('PVE.storage.StatusView', { - extend: 'PVE.panel.StatusView', - alias: 'widget.pveStorageStatusView', - - height: 230, - title: gettext('Status'), - - layout: { - type: 'vbox', - align: 'stretch' - }, - - defaults: { - xtype: 'pveInfoWidget', - padding: '0 30 5 30' - }, - items: [ - { - xtype: 'box', - height: 30 - }, - { - itemId: 'enabled', - title: gettext('Enabled'), - printBar: false, - textField: 'disabled', - renderer: Proxmox.Utils.format_neg_boolean - }, - { - itemId: 'active', - title: gettext('Active'), - printBar: false, - textField: 'active', - renderer: Proxmox.Utils.format_boolean - }, - { - itemId: 'content', - title: gettext('Content'), - printBar: false, - textField: 'content', - renderer: PVE.Utils.format_content_types - }, - { - itemId: 'type', - title: gettext('Type'), - printBar: false, - textField: 'type', - renderer: PVE.Utils.format_storage_type - }, - { - xtype: 'box', - height: 10 - }, - { - itemId: 'usage', - title: gettext('Usage'), - valueField: 'used', - maxField: 'total' - } - ], - - updateTitle: function() { - return; - } -}); -Ext.define('PVE.storage.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveStorageSummary', - scrollable: true, - bodyPadding: 5, - tbar: [ - '->', - { - xtype: 'proxmoxRRDTypeSelector' - } - ], - layout: { - type: 'column' - }, - defaults: { - padding: 5, - columnWidth: 1 - }, - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var storage = me.pveSelNode.data.storage; - if (!storage) { - throw "no storage ID specified"; - } - - var rstore = Ext.create('Proxmox.data.ObjectStore', { - url: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/status", - interval: 1000 - }); - - var rrdstore = Ext.create('Proxmox.data.RRDStore', { - rrdurl: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/rrddata", - model: 'pve-rrd-storage' - }); - - Ext.apply(me, { - items: [ - { - xtype: 'pveStorageStatusView', - pveSelNode: me.pveSelNode, - rstore: rstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Usage'), - fields: ['total','used'], - fieldTitles: ['Total Size', 'Used Size'], - store: rrdstore - } - ], - listeners: { - activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); }, - destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); } - } - }); - - me.callParent(); - } -}); -Ext.define('PVE.storage.Browser', { - extend: 'PVE.panel.Config', - alias: 'widget.PVE.storage.Browser', - - onlineHelp: 'chapter_storage', - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var storeid = me.pveSelNode.data.storage; - if (!storeid) { - throw "no storage ID specified"; - } - - - me.items = [ - { - title: gettext('Summary'), - xtype: 'pveStorageSummary', - iconCls: 'fa fa-book', - itemId: 'summary' - } - ]; - - var caps = Ext.state.Manager.get('GuiCap'); - - Ext.apply(me, { - title: Ext.String.format(gettext("Storage {0} on node {1}"), - "'" + storeid + "'", "'" + nodename + "'"), - hstateid: 'storagetab' - }); - - if (caps.storage['Datastore.Allocate'] || - caps.storage['Datastore.AllocateSpace'] || - caps.storage['Datastore.Audit']) { - me.items.push({ - xtype: 'pveStorageContentView', - title: gettext('Content'), - iconCls: 'fa fa-th', - itemId: 'content' - }); - } - - if (caps.storage['Permissions.Modify']) { - me.items.push({ - xtype: 'pveACLView', - title: gettext('Permissions'), - iconCls: 'fa fa-unlock', - itemId: 'permissions', - path: '/storage/' + storeid - }); - } - - me.callParent(); - } -}); -Ext.define('PVE.storage.DirInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_directory', - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'path', - value: '', - fieldLabel: gettext('Directory'), - allowBlank: false - }, - { - xtype: 'pveContentTypeSelector', - name: 'content', - value: 'images', - multiSelect: true, - fieldLabel: gettext('Content'), - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'proxmoxcheckbox', - name: 'shared', - uncheckedValue: 0, - fieldLabel: gettext('Shared') - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - disabled: true, - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.NFSScan', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveNFSScan', - - queryParam: 'server', - - valueField: 'path', - displayField: 'path', - matchFieldWidth: false, - listConfig: { - loadingText: gettext('Scanning...'), - width: 350 - }, - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.nfsServer) { - me.store.removeAll(); - } - - me.allQuery = me.nfsServer; - - me.callParent(); - }, - - setServer: function(server) { - var me = this; - - me.nfsServer = server; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'path', 'options' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/nfs' - } - }); - - store.sort('path', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.NFSInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_nfs', - - onGetValues: function(values) { - var me = this; - - if (me.isCreate) { - // hack: for now we always create nvf v3 - // fixme: make this configurable - values.options = 'vers=3'; - } - - return me.callParent([values]); - }, - - initComponent : function() { - var me = this; - - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'server', - value: '', - fieldLabel: gettext('Server'), - allowBlank: false, - listeners: { - change: function(f, value) { - if (me.isCreate) { - var exportField = me.down('field[name=export]'); - exportField.setServer(value); - exportField.setValue(''); - } - } - } - }, - { - xtype: me.isCreate ? 'pveNFSScan' : 'displayfield', - name: 'export', - value: '', - fieldLabel: 'Export', - allowBlank: false - }, - { - xtype: 'pveContentTypeSelector', - name: 'content', - value: 'images', - multiSelect: true, - fieldLabel: gettext('Content'), - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - disabled: true, - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.CIFSScan', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveCIFSScan', - - queryParam: 'server', - - valueField: 'share', - displayField: 'share', - matchFieldWidth: false, - listConfig: { - loadingText: gettext('Scanning...'), - width: 350 - }, - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.cifsServer) { - me.store.removeAll(); - } - - var params = {}; - if (me.cifsUsername && me.cifsPassword) { - params.username = me.cifsUsername; - params.password = me.cifsPassword; - } - - if (me.cifsDomain) { - params.domain = me.cifsDomain; - } - - me.store.getProxy().setExtraParams(params); - me.allQuery = me.cifsServer; - - me.callParent(); - }, - - setServer: function(server) { - this.cifsServer = server; - }, - - setUsername: function(username) { - this.cifsUsername = username; - }, - - setPassword: function(password) { - this.cifsPassword = password; - }, - - setDomain: function(domain) { - this.cifsDomain = domain; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: ['description', 'share'], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/cifs' - } - }); - store.sort('share', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.CIFSInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_cifs', - - initComponent : function() { - var me = this; - - var passwordfield = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { - inputType: 'password', - name: 'password', - value: me.isCreate ? '' : '********', - fieldLabel: gettext('Password'), - allowBlank: false, - disabled: me.isCreate, - minLength: 1, - listeners: { - change: function(f, value) { - - if (me.isCreate) { - var exportField = me.down('field[name=share]'); - exportField.setPassword(value); - } - } - } - }); - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'server', - value: '', - fieldLabel: gettext('Server'), - allowBlank: false, - listeners: { - change: function(f, value) { - if (me.isCreate) { - var exportField = me.down('field[name=share]'); - exportField.setServer(value); - } - } - } - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'username', - value: '', - fieldLabel: gettext('Username'), - emptyText: gettext('Guest user'), - allowBlank: true, - listeners: { - change: function(f, value) { - if (!me.isCreate) { - return; - } - var exportField = me.down('field[name=share]'); - exportField.setUsername(value); - - if (value == "") { - passwordfield.disable(); - } else { - passwordfield.enable(); - } - passwordfield.validate(); - } - } - }, - passwordfield, - { - xtype: me.isCreate ? 'pveCIFSScan' : 'displayfield', - name: 'share', - value: '', - fieldLabel: 'Share', - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - }, - { - xtype: 'pveContentTypeSelector', - name: 'content', - value: 'images', - multiSelect: true, - fieldLabel: gettext('Content'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'domain', - value: me.isCreate ? '' : undefined, - fieldLabel: gettext('Domain'), - allowBlank: true, - listeners: { - change: function(f, value) { - if (me.isCreate) { - - var exportField = me.down('field[name=share]'); - exportField.setDomain(value); - } - } - } - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.GlusterFsScan', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveGlusterFsScan', - - queryParam: 'server', - - valueField: 'volname', - displayField: 'volname', - matchFieldWidth: false, - listConfig: { - loadingText: 'Scanning...', - width: 350 - }, - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.glusterServer) { - me.store.removeAll(); - } - - me.allQuery = me.glusterServer; - - me.callParent(); - }, - - setServer: function(server) { - var me = this; - - me.glusterServer = server; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'volname' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/glusterfs' - } - }); - - store.sort('volname', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.GlusterFsInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_glusterfs', - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'server', - value: '', - fieldLabel: gettext('Server'), - allowBlank: false, - listeners: { - change: function(f, value) { - if (me.isCreate) { - var volumeField = me.down('field[name=volume]'); - volumeField.setServer(value); - volumeField.setValue(''); - } - } - } - }, - { - xtype: me.isCreate ? 'proxmoxtextfield' : 'displayfield', - name: 'server2', - value: '', - fieldLabel: gettext('Second Server'), - allowBlank: true - }, - { - xtype: me.isCreate ? 'pveGlusterFsScan' : 'displayfield', - name: 'volume', - value: '', - fieldLabel: 'Volume name', - allowBlank: false - }, - { - xtype: 'pveContentTypeSelector', - cts: ['images', 'iso', 'backup', 'vztmpl', 'snippets'], - name: 'content', - value: 'images', - multiSelect: true, - fieldLabel: gettext('Content'), - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - disabled: true, - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.IScsiScan', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveIScsiScan', - - queryParam: 'portal', - valueField: 'target', - displayField: 'target', - matchFieldWidth: false, - listConfig: { - loadingText: gettext('Scanning...'), - width: 350 - }, - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.portal) { - me.store.removeAll(); - } - - me.allQuery = me.portal; - - me.callParent(); - }, - - setPortal: function(portal) { - var me = this; - - me.portal = portal; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'target', 'portal' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/iscsi' - } - }); - - store.sort('target', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.IScsiInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_open_iscsi', - - onGetValues: function(values) { - var me = this; - - values.content = values.luns ? 'images' : 'none'; - delete values.luns; - - return me.callParent([values]); - }, - - setValues: function(values) { - values.luns = (values.content.indexOf('images') !== -1) ? true : false; - this.callParent([values]); - }, - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'portal', - value: '', - fieldLabel: 'Portal', - allowBlank: false, - listeners: { - change: function(f, value) { - if (me.isCreate) { - var exportField = me.down('field[name=target]'); - exportField.setPortal(value); - exportField.setValue(''); - } - } - } - }, - { - readOnly: !me.isCreate, - xtype: me.isCreate ? 'pveIScsiScan' : 'displayfield', - name: 'target', - value: '', - fieldLabel: 'Target', - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'checkbox', - name: 'luns', - checked: true, - fieldLabel: gettext('Use LUNs directly') - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.VgSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveVgSelector', - valueField: 'vg', - displayField: 'vg', - queryMode: 'local', - editable: false, - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - autoLoad: {}, // true, - fields: [ 'vg', 'size', 'free' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/lvm' - } - }); - - store.sort('vg', 'ASC'); - - Ext.apply(me, { - store: store, - listConfig: { - loadingText: gettext('Scanning...') - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.BaseStorageSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveBaseStorageSelector', - - existingGroupsText: gettext("Existing volume groups"), - queryMode: 'local', - editable: false, - value: '', - valueField: 'storage', - displayField: 'text', - initComponent : function() { - var me = this; - - var store = Ext.create('Ext.data.Store', { - autoLoad: { - addRecords: true, - params: { - type: 'iscsi' - } - }, - fields: [ 'storage', 'type', 'content', - { - name: 'text', - convert: function(value, record) { - if (record.data.storage) { - return record.data.storage + " (iSCSI)"; - } else { - return me.existingGroupsText; - } - } - }], - proxy: { - type: 'proxmox', - url: '/api2/json/storage/' - } - }); - - store.loadData([{ storage: '' }], true); - - store.sort('storage', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.LVMInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_lvm', - - initComponent : function() { - var me = this; - - me.column1 = []; - - var vgnameField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { - name: 'vgname', - hidden: !!me.isCreate, - disabled: !!me.isCreate, - value: '', - fieldLabel: gettext('Volume group'), - allowBlank: false - }); - - if (me.isCreate) { - var vgField = Ext.create('PVE.storage.VgSelector', { - name: 'vgname', - fieldLabel: gettext('Volume group'), - allowBlank: false - }); - - var baseField = Ext.createWidget('pveFileSelector', { - name: 'base', - hidden: true, - disabled: true, - nodename: 'localhost', - storageContent: 'images', - fieldLabel: gettext('Base volume'), - allowBlank: false - }); - - me.column1.push({ - xtype: 'pveBaseStorageSelector', - name: 'basesel', - fieldLabel: gettext('Base storage'), - submitValue: false, - listeners: { - change: function(f, value) { - if (value) { - vgnameField.setVisible(true); - vgnameField.setDisabled(false); - vgField.setVisible(false); - vgField.setDisabled(true); - baseField.setVisible(true); - baseField.setDisabled(false); - } else { - vgnameField.setVisible(false); - vgnameField.setDisabled(true); - vgField.setVisible(true); - vgField.setDisabled(false); - baseField.setVisible(false); - baseField.setDisabled(true); - } - baseField.setStorage(value); - } - } - }); - - me.column1.push(baseField); - - me.column1.push(vgField); - } - - me.column1.push(vgnameField); - - // here value is an array, - // while before it was a string - /*jslint confusion: true*/ - me.column1.push({ - xtype: 'pveContentTypeSelector', - cts: ['images', 'rootdir'], - fieldLabel: gettext('Content'), - name: 'content', - value: ['images', 'rootdir'], - multiSelect: true, - allowBlank: false - }); - /*jslint confusion: false*/ - - me.column2 = [ - { - xtype: 'proxmoxcheckbox', - name: 'shared', - uncheckedValue: 0, - fieldLabel: gettext('Shared') - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.TPoolSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveTPSelector', - - queryParam: 'vg', - valueField: 'lv', - displayField: 'lv', - editable: false, - - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.vg) { - me.store.removeAll(); - } - - me.allQuery = me.vg; - - me.callParent(); - }, - - setVG: function(myvg) { - var me = this; - - me.vg = myvg; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'lv' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/lvmthin' - } - }); - - store.sort('lv', 'ASC'); - - Ext.apply(me, { - store: store, - listConfig: { - loadingText: gettext('Scanning...') - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.BaseVGSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveBaseVGSelector', - - valueField: 'vg', - displayField: 'vg', - queryMode: 'local', - editable: false, - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - autoLoad: {}, - fields: [ 'vg', 'size', 'free'], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/lvm' - } - }); - - Ext.apply(me, { - store: store, - listConfig: { - loadingText: gettext('Scanning...') - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.LvmThinInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_lvmthin', - - initComponent : function() { - var me = this; - - me.column1 = []; - - var vgnameField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { - name: 'vgname', - hidden: !!me.isCreate, - disabled: !!me.isCreate, - value: '', - fieldLabel: gettext('Volume group'), - allowBlank: false - }); - - var thinpoolField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { - name: 'thinpool', - hidden: !!me.isCreate, - disabled: !!me.isCreate, - value: '', - fieldLabel: gettext('Thin Pool'), - allowBlank: false - }); - - if (me.isCreate) { - var vgField = Ext.create('PVE.storage.TPoolSelector', { - name: 'thinpool', - fieldLabel: gettext('Thin Pool'), - allowBlank: false - }); - - me.column1.push({ - xtype: 'pveBaseVGSelector', - name: 'vgname', - fieldLabel: gettext('Volume group'), - listeners: { - change: function(f, value) { - if (me.isCreate) { - vgField.setVG(value); - vgField.setValue(''); - } - } - } - }); - - me.column1.push(vgField); - } - - me.column1.push(vgnameField); - - me.column1.push(thinpoolField); - - // here value is an array, - // while before it was a string - /*jslint confusion: true*/ - me.column1.push({ - xtype: 'pveContentTypeSelector', - cts: ['images', 'rootdir'], - fieldLabel: gettext('Content'), - name: 'content', - value: ['images', 'rootdir'], - multiSelect: true, - allowBlank: false - }); - /*jslint confusion: false*/ - - me.column2 = []; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.storage.CephFSInputPanel', { - extend: 'PVE.panel.StorageBase', - controller: 'cephstorage', - - onlineHelp: 'storage_cephfs', - - viewModel: { - type: 'cephstorage' - }, - - setValues: function(values) { - if (values.monhost) { - this.viewModel.set('pveceph', false); - this.lookupReference('pvecephRef').setValue(false); - this.lookupReference('pvecephRef').resetOriginalValue(); - } - this.callParent([values]); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - me.type = 'cephfs'; - - me.column1 = []; - - me.column1.push( - { - xtype: 'textfield', - name: 'monhost', - vtype: 'HostList', - value: '', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}', - hidden: '{pveceph}' - }, - fieldLabel: 'Monitor(s)', - allowBlank: false - }, - { - xtype: 'displayfield', - reference: 'monhost', - bind: { - disabled: '{!pveceph}', - hidden: '{!pveceph}' - }, - value: '', - fieldLabel: 'Monitor(s)' - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'username', - value: 'admin', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}' - }, - fieldLabel: gettext('User name'), - allowBlank: true - } - ); - - me.column2 = [ - { - xtype: 'pveContentTypeSelector', - cts: ['backup', 'iso', 'vztmpl', 'snippets'], - fieldLabel: gettext('Content'), - name: 'content', - value: 'backup', - multiSelect: true, - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - } - ]; - - me.columnB = [{ - xtype: 'proxmoxcheckbox', - name: 'pveceph', - reference: 'pvecephRef', - bind : { - disabled: '{!pvecephPossible}', - value: '{pveceph}' - }, - checked: true, - uncheckedValue: 0, - submitValue: false, - hidden: !me.isCreate, - boxLabel: gettext('Use Proxmox VE managed hyper-converged cephFS') - }]; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.storage.Ceph.Model', { - extend: 'Ext.app.ViewModel', - alias: 'viewmodel.cephstorage', - - data: { - pveceph: true, - pvecephPossible: true - } -}); - -Ext.define('PVE.storage.Ceph.Controller', { - extend: 'PVE.controller.StorageEdit', - alias: 'controller.cephstorage', - - control: { - '#': { - afterrender: 'queryMonitors' - }, - 'textfield[name=username]': { - disable: 'resetField' - }, - 'displayfield[name=monhost]': { - enable: 'queryMonitors' - }, - 'textfield[name=monhost]': { - disable: 'resetField', - enable: 'resetField' - } - }, - resetField: function(field) { - field.reset(); - }, - queryMonitors: function(field, newVal, oldVal) { - // we get called with two signatures, the above one for a field - // change event and the afterrender from the view, this check only - // can be true for the field change one and omit the API request if - // pveceph got unchecked - as it's not needed there. - if (field && !newVal && oldVal) { - return; - } - var view = this.getView(); - var vm = this.getViewModel(); - if (!(view.isCreate || vm.get('pveceph'))) { - return; // only query on create or if editing a pveceph store - } - - var monhostField = this.lookupReference('monhost'); - - Proxmox.Utils.API2Request({ - url: '/api2/json/nodes/localhost/ceph/mon', - method: 'GET', - scope: this, - callback: function(options, success, response) { - var data = response.result.data; - if (response.status === 200) { - if (data.length > 0) { - var monhost = Ext.Array.pluck(data, 'name').sort().join(','); - monhostField.setValue(monhost); - monhostField.resetOriginalValue(); - if (view.isCreate) { - vm.set('pvecephPossible', true); - } - } else { - vm.set('pveceph', false); - } - } else { - vm.set('pveceph', false); - vm.set('pvecephPossible', false); - } - } - }); - } -}); - -Ext.define('PVE.storage.RBDInputPanel', { - extend: 'PVE.panel.StorageBase', - controller: 'cephstorage', - - onlineHelp: 'ceph_rados_block_devices', - - viewModel: { - type: 'cephstorage' - }, - - setValues: function(values) { - if (values.monhost) { - this.viewModel.set('pveceph', false); - this.lookupReference('pvecephRef').setValue(false); - this.lookupReference('pvecephRef').resetOriginalValue(); - } - this.callParent([values]); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - me.type = 'rbd'; - - me.column1 = []; - - if (me.isCreate) { - me.column1.push({ - xtype: 'pveCephPoolSelector', - nodename: me.nodename, - name: 'pool', - bind: { - disabled: '{!pveceph}', - submitValue: '{pveceph}', - hidden: '{!pveceph}' - }, - fieldLabel: gettext('Pool'), - allowBlank: false - },{ - xtype: 'textfield', - name: 'pool', - value: 'rbd', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}', - hidden: '{pveceph}' - }, - fieldLabel: gettext('Pool'), - allowBlank: false - }); - } else { - me.column1.push({ - xtype: 'displayfield', - nodename: me.nodename, - name: 'pool', - fieldLabel: gettext('Pool'), - allowBlank: false - }); - } - - me.column1.push( - { - xtype: 'textfield', - name: 'monhost', - vtype: 'HostList', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}', - hidden: '{pveceph}' - }, - value: '', - fieldLabel: 'Monitor(s)', - allowBlank: false - }, - { - xtype: 'displayfield', - reference: 'monhost', - bind: { - disabled: '{!pveceph}', - hidden: '{!pveceph}' - }, - value: '', - fieldLabel: 'Monitor(s)' - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'username', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}' - }, - value: 'admin', - fieldLabel: gettext('User name'), - allowBlank: true - } - ); - - me.column2 = [ - { - xtype: 'pveContentTypeSelector', - cts: ['images', 'rootdir'], - fieldLabel: gettext('Content'), - name: 'content', - value: ['images'], - multiSelect: true, - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'krbd', - uncheckedValue: 0, - fieldLabel: 'KRBD' - } - ]; - - me.columnB = [{ - xtype: 'proxmoxcheckbox', - name: 'pveceph', - reference: 'pvecephRef', - bind : { - disabled: '{!pvecephPossible}', - value: '{pveceph}' - }, - checked: true, - uncheckedValue: 0, - submitValue: false, - hidden: !me.isCreate, - boxLabel: gettext('Use Proxmox VE managed hyper-converged ceph pool') - }]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.SheepdogInputPanel', { - extend: 'PVE.panel.StorageBase', - - onGetValues: function(values) { - var me = this; - - if (me.isCreate) { - values.content = 'images'; - } - - return me.callParent([values]); - }, - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'portal', - value: '127.0.0.1:7000', - fieldLabel: gettext('Gateway'), - allowBlank: false - } - ]; - me.column2 = []; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.storage.ZFSInputPanel', { - extend: 'PVE.panel.StorageBase', - - viewModel: { - parent: null, - data: { - isLIO: false, - isComstar: true, - hasWriteCacheOption: true - } - }, - - controller: { - xclass: 'Ext.app.ViewController', - control: { - 'field[name=iscsiprovider]': { - change: 'changeISCSIProvider' - } - }, - changeISCSIProvider: function(f, newVal, oldVal) { - var vm = this.getViewModel(); - vm.set('isLIO', newVal === 'LIO'); - vm.set('isComstar', newVal === 'comstar'); - vm.set('hasWriteCacheOption', newVal === 'comstar' || newVal === 'istgt'); - } - }, - - onGetValues: function(values) { - var me = this; - - if (me.isCreate) { - values.content = 'images'; - } - - values.nowritecache = values.writecache ? 0 : 1; - delete values.writecache; - - return me.callParent([values]); - }, - - setValues: function diff(values) { - values.writecache = values.nowritecache ? 0 : 1; - this.callParent([values]); - }, - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'portal', - value: '', - fieldLabel: gettext('Portal'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'pool', - value: '', - fieldLabel: gettext('Pool'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'blocksize', - value: '4k', - fieldLabel: gettext('Block Size'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'target', - value: '', - fieldLabel: gettext('Target'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'comstar_tg', - value: '', - fieldLabel: gettext('Target group'), - bind: me.isCreate ? { disabled: '{!isComstar}' } : { hidden: '{!isComstar}' }, - allowBlank: true - } - ]; - - me.column2 = [ - { - xtype: me.isCreate ? 'pveiScsiProviderSelector' : 'displayfield', - name: 'iscsiprovider', - value: 'comstar', - fieldLabel: gettext('iSCSI Provider'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'sparse', - checked: false, - uncheckedValue: 0, - fieldLabel: gettext('Thin provision') - }, - { - xtype: 'proxmoxcheckbox', - name: 'writecache', - checked: true, - bind: me.isCreate ? { disabled: '{!hasWriteCacheOption}' } : { hidden: '{!hasWriteCacheOption}' }, - uncheckedValue: 0, - fieldLabel: gettext('Write cache') - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'comstar_hg', - value: '', - bind: me.isCreate ? { disabled: '{!isComstar}' } : { hidden: '{!isComstar}' }, - fieldLabel: gettext('Host group'), - allowBlank: true - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'lio_tpg', - value: '', - bind: me.isCreate ? { disabled: '{!isLIO}' } : { hidden: '{!isLIO}' }, - allowBlank: false, - fieldLabel: gettext('Target portal group') - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.ZFSPoolSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveZFSPoolSelector', - valueField: 'pool', - displayField: 'pool', - queryMode: 'local', - editable: false, - listConfig: { - loadingText: gettext('Scanning...') - }, - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - autoLoad: {}, // true, - fields: [ 'pool', 'size', 'free' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/zfs' - } - }); - - store.sort('pool', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.ZFSPoolInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_zfspool', - - initComponent : function() { - var me = this; - - me.column1 = []; - - if (me.isCreate) { - me.column1.push(Ext.create('PVE.storage.ZFSPoolSelector', { - name: 'pool', - fieldLabel: gettext('ZFS Pool'), - allowBlank: false - })); - } else { - me.column1.push(Ext.createWidget('displayfield', { - name: 'pool', - value: '', - fieldLabel: gettext('ZFS Pool'), - allowBlank: false - })); - } - - // value is an array, - // while before it was a string - /*jslint confusion: true*/ - me.column1.push( - {xtype: 'pveContentTypeSelector', - cts: ['images', 'rootdir'], - fieldLabel: gettext('Content'), - name: 'content', - value: ['images', 'rootdir'], - multiSelect: true, - allowBlank: false - }); - /*jslint confusion: false*/ - me.column2 = [ - { - xtype: 'proxmoxcheckbox', - name: 'sparse', - checked: false, - uncheckedValue: 0, - fieldLabel: gettext('Thin provision') - }, - { - xtype: 'textfield', - name: 'blocksize', - emptyText: '8k', - fieldLabel: gettext('Block Size'), - allowBlank: true - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.ha.StatusView', { - extend: 'Ext.grid.GridPanel', - alias: ['widget.pveHAStatusView'], - - onlineHelp: 'chapter_ha_manager', - - sortPriority: { - quorum: 1, - master: 2, - lrm: 3, - service: 4 - }, - - initComponent : function() { - var me = this; - - if (!me.rstore) { - throw "no rstore given"; - } - - Proxmox.Utils.monStoreErrors(me, me.rstore); - - var store = Ext.create('Proxmox.data.DiffStore', { - rstore: me.rstore, - sortAfterUpdate: true, - sorters: [{ - sorterFn: function(rec1, rec2) { - var p1 = me.sortPriority[rec1.data.type]; - var p2 = me.sortPriority[rec2.data.type]; - return (p1 !== p2) ? ((p1 > p2) ? 1 : -1) : 0; - } - }], - filters: { - property: 'type', - value: 'service', - operator: '!=' - } - }); - - Ext.apply(me, { - store: store, - stateful: false, - viewConfig: { - trackOver: false - }, - columns: [ - { - header: gettext('Type'), - width: 80, - dataIndex: 'type' - }, - { - header: gettext('Status'), - width: 80, - flex: 1, - dataIndex: 'status' - } - ] - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('destroy', me.rstore.stopUpdate); - - } -}, function() { - - Ext.define('pve-ha-status', { - extend: 'Ext.data.Model', - fields: [ - 'id', 'type', 'node', 'status', 'sid', - 'state', 'group', 'comment', - 'max_restart', 'max_relocate', 'type', - 'crm_state', 'request_state' - ], - idProperty: 'id' - }); - -}); -Ext.define('PVE.ha.Status', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveHAStatus', - - onlineHelp: 'chapter_ha_manager', - layout: { - type: 'vbox', - align: 'stretch' - }, - - initComponent: function() { - var me = this; - - me.rstore = Ext.create('Proxmox.data.ObjectStore', { - interval: me.interval, - model: 'pve-ha-status', - storeid: 'pve-store-' + (++Ext.idSeed), - groupField: 'type', - proxy: { - type: 'proxmox', - url: '/api2/json/cluster/ha/status/current' - } - }); - - me.items = [{ - xtype: 'pveHAStatusView', - title: gettext('Status'), - rstore: me.rstore, - border: 0, - collapsible: true, - padding: '0 0 20 0' - },{ - xtype: 'pveHAResourcesView', - flex: 1, - collapsible: true, - title: gettext('Resources'), - border: 0, - rstore: me.rstore - }]; - - me.callParent(); - me.on('activate', me.rstore.startUpdate); - } -}); -Ext.define('PVE.ha.GroupSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveHAGroupSelector'], - - value: [], - autoSelect: false, - valueField: 'group', - displayField: 'group', - listConfig: { - columns: [ - { - header: gettext('Group'), - width: 100, - sortable: true, - dataIndex: 'group' - }, - { - header: gettext('Nodes'), - width: 100, - sortable: false, - dataIndex: 'nodes' - }, - { - header: gettext('Comment'), - flex: 1, - dataIndex: 'comment', - renderer: Ext.String.htmlEncode - } - ] - }, - store: { - model: 'pve-ha-groups', - sorters: { - property: 'group', - order: 'DESC' - } - }, - - initComponent: function() { - var me = this; - me.callParent(); - me.getStore().load(); - } - -}, function() { - - Ext.define('pve-ha-groups', { - extend: 'Ext.data.Model', - fields: [ - 'group', 'type', 'digest', 'nodes', 'comment', - { - name : 'restricted', - type: 'boolean' - }, - { - name : 'nofailback', - type: 'boolean' - } - ], - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/ha/groups" - }, - idProperty: 'group' - }); -}); -Ext.define('PVE.ha.VMResourceInputPanel', { - extend: 'Proxmox.panel.InputPanel', - onlineHelp: 'ha_manager_resource_config', - vmid: undefined, - - onGetValues: function(values) { - var me = this; - - if (values.vmid) { - values.sid = values.vmid; - } - delete values.vmid; - - PVE.Utils.delete_if_default(values, 'group', '', me.isCreate); - PVE.Utils.delete_if_default(values, 'max_restart', '1', me.isCreate); - PVE.Utils.delete_if_default(values, 'max_relocate', '1', me.isCreate); - - return values; - }, - - initComponent : function() { - var me = this; - var MIN_QUORUM_VOTES = 3; - - var disabledHint = Ext.createWidget({ - xtype: 'displayfield', // won't get submitted by default - userCls: 'pve-hint', - value: 'Disabling the resource will stop the guest system. ' + - 'See the online help for details.', - hidden: true - }); - - var fewVotesHint = Ext.createWidget({ - itemId: 'fewVotesHint', - xtype: 'displayfield', - userCls: 'pve-hint', - value: 'At least three quorum votes are recommended for reliable HA.', - hidden: true - }); - - Proxmox.Utils.API2Request({ - url: '/cluster/config/nodes', - method: 'GET', - failure: function(response) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response) { - var nodes = response.result.data; - var votes = 0; - Ext.Array.forEach(nodes, function(node) { - var vote = parseInt(node.quorum_votes, 10); // parse as base 10 - votes += vote || 0; // parseInt might return NaN, which is false - }); - - if (votes < MIN_QUORUM_VOTES) { - fewVotesHint.setVisible(true); - } - } - }); - - /*jslint confusion: true */ - var vmidStore = (me.vmid) ? {} : { - model: 'PVEResources', - autoLoad: true, - sorters: 'vmid', - filters: [ - { - property: 'type', - value: /lxc|qemu/ - }, - { - property: 'hastate', - value: /unmanaged/ - } - ] - }; - - // value is a string above, but a number below - me.column1 = [ - { - xtype: me.vmid ? 'displayfield' : 'vmComboSelector', - submitValue: me.isCreate, - name: 'vmid', - fieldLabel: (me.vmid && me.guestType === 'ct') ? 'CT' : 'VM', - value: me.vmid, - store: vmidStore, - validateExists: true - }, - { - xtype: 'proxmoxintegerfield', - name: 'max_restart', - fieldLabel: gettext('Max. Restart'), - value: 1, - minValue: 0, - maxValue: 10, - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - name: 'max_relocate', - fieldLabel: gettext('Max. Relocate'), - value: 1, - minValue: 0, - maxValue: 10, - allowBlank: false - } - ]; - /*jslint confusion: false */ - - me.column2 = [ - { - xtype: 'pveHAGroupSelector', - name: 'group', - fieldLabel: gettext('Group') - }, - { - xtype: 'proxmoxKVComboBox', - name: 'state', - value: 'started', - fieldLabel: gettext('Request State'), - comboItems: [ - ['started', 'started'], - ['stopped', 'stopped'], - ['ignored', 'ignored'], - ['disabled', 'disabled'] - ], - listeners: { - 'change': function(field, newValue) { - if (newValue === 'disabled') { - disabledHint.setVisible(true); - } - else { - if (disabledHint.isVisible()) { - disabledHint.setVisible(false); - } - } - } - } - }, - disabledHint - ]; - - me.columnB = [ - { - xtype: 'textfield', - name: 'comment', - fieldLabel: gettext('Comment') - }, - fewVotesHint - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.ha.VMResourceEdit', { - extend: 'Proxmox.window.Edit', - - vmid: undefined, - guestType: undefined, - isCreate: undefined, - - initComponent : function() { - var me = this; - - if (me.isCreate === undefined) { - me.isCreate = !me.vmid; - } - - if (me.isCreate) { - me.url = '/api2/extjs/cluster/ha/resources'; - me.method = 'POST'; - } else { - me.url = '/api2/extjs/cluster/ha/resources/' + me.vmid; - me.method = 'PUT'; - } - - var ipanel = Ext.create('PVE.ha.VMResourceInputPanel', { - isCreate: me.isCreate, - vmid: me.vmid, - guestType: me.guestType - }); - - Ext.apply(me, { - subject: gettext('Resource') + ': ' + gettext('Container') + - '/' + gettext('Virtual Machine'), - isAdd: true, - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - - var regex = /^(\S+):(\S+)$/; - var res = regex.exec(values.sid); - - if (res[1] !== 'vm' && res[1] !== 'ct') { - throw "got unexpected resource type"; - } - - values.vmid = res[2]; - - ipanel.setValues(values); - } - }); - } - } -}); -Ext.define('PVE.ha.ResourcesView', { - extend: 'Ext.grid.GridPanel', - alias: ['widget.pveHAResourcesView'], - - onlineHelp: 'ha_manager_resources', - - stateful: true, - stateId: 'grid-ha-resources', - - initComponent : function() { - var me = this; - - var caps = Ext.state.Manager.get('GuiCap'); - - if (!me.rstore) { - throw "no store given"; - } - - Proxmox.Utils.monStoreErrors(me, me.rstore); - - var store = Ext.create('Proxmox.data.DiffStore', { - rstore: me.rstore, - filters: { - property: 'type', - value: 'service' - } - }); - - var reload = function() { - me.rstore.load(); - }; - - var render_error = function(dataIndex, value, metaData, record) { - var errors = record.data.errors; - if (errors) { - var msg = errors[dataIndex]; - if (msg) { - metaData.tdCls = 'proxmox-invalid-row'; - var html = '
' + Ext.htmlEncode(msg) + '
'; - metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + - html.replace(/\"/g,'"') + '"'; - } - } - return value; - }; - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var run_editor = function() { - var rec = sm.getSelection()[0]; - var sid = rec.data.sid; - - var regex = /^(\S+):(\S+)$/; - var res = regex.exec(sid); - - if (res[1] !== 'vm' && res[1] !== 'ct') { - return; - } - var guestType = res[1]; - var vmid = res[2]; - - var win = Ext.create('PVE.ha.VMResourceEdit',{ - guestType: guestType, - vmid: vmid - }); - win.on('destroy', reload); - win.show(); - }; - - var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - baseurl: '/cluster/ha/resources/', - getUrl: function(rec) { - var me = this; - return me.baseurl + '/' + rec.get('sid'); - }, - callback: function() { - reload(); - } - }); - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - handler: run_editor - }); - - Ext.apply(me, { - store: store, - selModel: sm, - viewConfig: { - trackOver: false - }, - tbar: [ - { - text: gettext('Add'), - disabled: !caps.nodes['Sys.Console'], - handler: function() { - var win = Ext.create('PVE.ha.VMResourceEdit',{}); - win.on('destroy', reload); - win.show(); - } - }, - edit_btn, remove_btn - ], - - columns: [ - { - header: 'ID', - width: 100, - sortable: true, - dataIndex: 'sid' - }, - { - header: gettext('State'), - width: 100, - sortable: true, - dataIndex: 'state' - }, - { - header: gettext('Node'), - width: 100, - sortable: true, - dataIndex: 'node' - }, - { - header: gettext('Request State'), - width: 100, - hidden: true, - sortable: true, - renderer: function(v) { - return v || 'started'; - }, - dataIndex: 'request_state' - }, - { - header: gettext('CRM State'), - width: 100, - hidden: true, - sortable: true, - dataIndex: 'crm_state' - }, - { - header: gettext('Max. Restart'), - width: 100, - sortable: true, - renderer: function(v) { - return v || '1'; - }, - dataIndex: 'max_restart' - }, - { - header: gettext('Max. Relocate'), - width: 100, - sortable: true, - renderer: function(v) { - return v || '1'; - }, - dataIndex: 'max_relocate' - }, - { - header: gettext('Group'), - width: 200, - sortable: true, - renderer: function(value, metaData, record) { - return render_error('group', value, metaData, record); - }, - dataIndex: 'group' - }, - { - header: gettext('Description'), - flex: 1, - renderer: Ext.String.htmlEncode, - dataIndex: 'comment' - } - ], - listeners: { - beforeselect: function(grid, record, index, eOpts) { - if (!caps.nodes['Sys.Console']) { - return false; - } - }, - itemdblclick: run_editor - } - }); - - me.callParent(); - } -}, function() { - - Ext.define('pve-ha-resources', { - extend: 'Ext.data.Model', - fields: [ - 'sid', 'state', 'digest', 'errors', 'group', 'comment', - 'max_restart', 'max_relocate', 'type', 'status', 'node', - 'crm_state', 'request_state' - ], - idProperty: 'sid' - }); - -}); -Ext.define('PVE.ha.GroupInputPanel', { - extend: 'Proxmox.panel.InputPanel', - onlineHelp: 'ha_manager_groups', - - groupId: undefined, - - onGetValues: function(values) { - var me = this; - - if (me.isCreate) { - values.type = 'group'; - } - - return values; - }, - - initComponent : function() { - var me = this; - - var update_nodefield, update_node_selection; - - var sm = Ext.create('Ext.selection.CheckboxModel', { - mode: 'SIMPLE', - listeners: { - selectionchange: function(model, selected) { - update_nodefield(selected); - } - } - }); - - // use already cached data to avoid an API call - var data = PVE.data.ResourceStore.getNodes(); - - var store = Ext.create('Ext.data.Store', { - fields: [ 'node', 'mem', 'cpu', 'priority' ], - data: data, - proxy: { - type: 'memory', - reader: {type: 'json'} - }, - sorters: [ - { - property : 'node', - direction: 'ASC' - } - ] - }); - - var nodegrid = Ext.createWidget('grid', { - store: store, - border: true, - height: 300, - selModel: sm, - columns: [ - { - header: gettext('Node'), - flex: 1, - dataIndex: 'node' - }, - { - header: gettext('Memory usage') + " %", - renderer: PVE.Utils.render_mem_usage_percent, - sortable: true, - width: 150, - dataIndex: 'mem' - }, - { - header: gettext('CPU usage'), - renderer: PVE.Utils.render_cpu, - sortable: true, - width: 150, - dataIndex: 'cpu' - }, - { - header: 'Priority', - xtype: 'widgetcolumn', - dataIndex: 'priority', - sortable: true, - stopSelection: true, - widget: { - xtype: 'proxmoxintegerfield', - minValue: 0, - maxValue: 1000, - isFormField: false, - listeners: { - change: function(numberfield, value, old_value) { - var record = numberfield.getWidgetRecord(); - record.set('priority', value); - update_nodefield(sm.getSelection()); - } - } - } - } - ] - }); - - var nodefield = Ext.create('Ext.form.field.Hidden', { - name: 'nodes', - value: '', - listeners: { - change: function (nodefield, value) { - update_node_selection(value); - } - }, - isValid: function () { - var value = nodefield.getValue(); - return (value && 0 !== value.length); - } - }); - - update_node_selection = function(string) { - sm.deselectAll(true); - - string.split(',').forEach(function (e, idx, array) { - var res = e.split(':'); - - store.each(function(record) { - var node = record.get('node'); - - if (node == res[0]) { - sm.select(record, true); - record.set('priority', res[1]); - record.commit(); - } - }); - }); - nodegrid.reconfigure(store); - - }; - - update_nodefield = function(selected) { - var nodes = ''; - var first_iteration = true; - Ext.Array.each(selected, function(record) { - if (!first_iteration) { - nodes += ','; - } - first_iteration = false; - - nodes += record.data.node; - if (record.data.priority) { - nodes += ':' + record.data.priority; - } - }); - - // nodefield change listener calls us again, which results in a - // endless recursion, suspend the event temporary to avoid this - nodefield.suspendEvent('change'); - nodefield.setValue(nodes); - nodefield.resumeEvent('change'); - }; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'group', - value: me.groupId || '', - fieldLabel: 'ID', - vtype: 'StorageId', - allowBlank: false - }, - nodefield - ]; - - me.column2 = [ - { - xtype: 'proxmoxcheckbox', - name: 'restricted', - uncheckedValue: 0, - fieldLabel: 'restricted' - }, - { - xtype: 'proxmoxcheckbox', - name: 'nofailback', - uncheckedValue: 0, - fieldLabel: 'nofailback' - } - ]; - - me.columnB = [ - { - xtype: 'textfield', - name: 'comment', - fieldLabel: gettext('Comment') - }, - nodegrid - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.ha.GroupEdit', { - extend: 'Proxmox.window.Edit', - - groupId: undefined, - - initComponent : function() { - var me = this; - - me.isCreate = !me.groupId; - - if (me.isCreate) { - me.url = '/api2/extjs/cluster/ha/groups'; - me.method = 'POST'; - } else { - me.url = '/api2/extjs/cluster/ha/groups/' + me.groupId; - me.method = 'PUT'; - } - - var ipanel = Ext.create('PVE.ha.GroupInputPanel', { - isCreate: me.isCreate, - groupId: me.groupId - }); - - Ext.apply(me, { - subject: gettext('HA Group'), - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - - ipanel.setValues(values); - } - }); - } - } -}); -Ext.define('PVE.ha.GroupsView', { - extend: 'Ext.grid.GridPanel', - alias: ['widget.pveHAGroupsView'], - - onlineHelp: 'ha_manager_groups', - - stateful: true, - stateId: 'grid-ha-groups', - - initComponent : function() { - var me = this; - - var caps = Ext.state.Manager.get('GuiCap'); - - var store = new Ext.data.Store({ - model: 'pve-ha-groups', - sorters: { - property: 'group', - order: 'DESC' - } - }); - - var reload = function() { - store.load(); - }; - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var run_editor = function() { - var rec = sm.getSelection()[0]; - - var win = Ext.create('PVE.ha.GroupEdit',{ - groupId: rec.data.group - }); - win.on('destroy', reload); - win.show(); - }; - - var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - baseurl: '/cluster/ha/groups/', - callback: function() { - reload(); - } - }); - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - handler: run_editor - }); - - Ext.apply(me, { - store: store, - selModel: sm, - viewConfig: { - trackOver: false - }, - tbar: [ - { - text: gettext('Create'), - disabled: !caps.nodes['Sys.Console'], - handler: function() { - var win = Ext.create('PVE.ha.GroupEdit',{}); - win.on('destroy', reload); - win.show(); - } - }, - edit_btn, remove_btn - ], - columns: [ - { - header: gettext('Group'), - width: 150, - sortable: true, - dataIndex: 'group' - }, - { - header: 'restricted', - width: 100, - sortable: true, - renderer: Proxmox.Utils.format_boolean, - dataIndex: 'restricted' - }, - { - header: 'nofailback', - width: 100, - sortable: true, - renderer: Proxmox.Utils.format_boolean, - dataIndex: 'nofailback' - }, - { - header: gettext('Nodes'), - flex: 1, - sortable: false, - dataIndex: 'nodes' - }, - { - header: gettext('Comment'), - flex: 1, - renderer: Ext.String.htmlEncode, - dataIndex: 'comment' - } - ], - listeners: { - activate: reload, - beforeselect: function(grid, record, index, eOpts) { - if (!caps.nodes['Sys.Console']) { - return false; - } - }, - itemdblclick: run_editor - } - }); - - me.callParent(); - } -}); -Ext.define('PVE.ha.FencingView', { - extend: 'Ext.grid.GridPanel', - alias: ['widget.pveFencingView'], - - onlineHelp: 'ha_manager_fencing', - - initComponent : function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-ha-fencing', - data: [] - }); - - Ext.apply(me, { - store: store, - stateful: false, - viewConfig: { - trackOver: false, - deferEmptyText: false, - emptyText: 'Use watchdog based fencing.' - }, - columns: [ - { - header: 'Node', - width: 100, - sortable: true, - dataIndex: 'node' - }, - { - header: gettext('Command'), - flex: 1, - dataIndex: 'command' - } - ] - }); - - me.callParent(); - } -}, function() { - - Ext.define('pve-ha-fencing', { - extend: 'Ext.data.Model', - fields: [ - 'node', 'command', 'digest' - ] - }); - -}); -Ext.define('PVE.dc.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveDcSummary', - - scrollable: true, - - bodyPadding: 5, - - layout: 'column', - - defaults: { - padding: 5, - plugins: 'responsive', - responsiveConfig: { - 'width < 1900': { - columnWidth: 1 - }, - 'width >= 1900': { - columnWidth: 0.5 - } - } - }, - - items: [ - { - itemId: 'dcHealth', - xtype: 'pveDcHealth' - }, - { - itemId: 'dcGuests', - xtype: 'pveDcGuests' - }, - { - title: gettext('Resources'), - xtype: 'panel', - minHeight: 250, - bodyPadding: 5, - layout: 'hbox', - defaults: { - xtype: 'proxmoxGauge', - flex: 1 - }, - items:[ - { - title: gettext('CPU'), - itemId: 'cpu' - }, - { - title: gettext('Memory'), - itemId: 'memory' - }, - { - title: gettext('Storage'), - itemId: 'storage' - } - ] - }, - { - itemId: 'nodeview', - xtype: 'pveDcNodeView', - height: 250 - }, - { - title: gettext('Subscriptions'), - height: 220, - items: [ - { - itemId: 'subscriptions', - xtype: 'pveHealthWidget', - userCls: 'pointer', - listeners: { - element: 'el', - click: function() { - if (this.component.userCls === 'pointer') { - window.open('https://www.proxmox.com/en/proxmox-ve/pricing', '_blank'); - } - } - } - } - ] - } - ], - - initComponent: function() { - var me = this; - - var rstore = Ext.create('Proxmox.data.UpdateStore', { - interval: 3000, - storeid: 'pve-cluster-status', - model: 'pve-dc-nodes', - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/status" - } - }); - - var gridstore = Ext.create('Proxmox.data.DiffStore', { - rstore: rstore, - filters: { - property: 'type', - value: 'node' - }, - sorters: { - property: 'id', - direction: 'ASC' - } - }); - - me.callParent(); - - me.getComponent('nodeview').setStore(gridstore); - - var gueststatus = me.getComponent('dcGuests'); - - var cpustat = me.down('#cpu'); - var memorystat = me.down('#memory'); - var storagestat = me.down('#storage'); - var sp = Ext.state.Manager.getProvider(); - - me.mon(PVE.data.ResourceStore, 'load', function(curstore, results) { - me.suspendLayout = true; - - var cpu = 0; - var maxcpu = 0; - - var nodes = 0; - - var memory = 0; - var maxmem = 0; - - var countedStorages = {}; - var used = 0; - var total = 0; - var usableStorages = {}; - var storages = sp.get('dash-storages') || ''; - storages.split(',').forEach(function(storage){ - if (storage !== '') { - usableStorages[storage] = true; - } - }); - - var qemu = { - running: 0, - paused: 0, - stopped: 0, - template: 0 - }; - var lxc = { - running: 0, - paused: 0, - stopped: 0, - template: 0 - }; - var error = 0; - - var i; - - for (i = 0; i < results.length; i++) { - var item = results[i]; - switch(item.data.type) { - case 'node': - cpu += (item.data.cpu * item.data.maxcpu); - maxcpu += item.data.maxcpu || 0; - memory += item.data.mem || 0; - maxmem += item.data.maxmem || 0; - nodes++; - - // update grid also - var griditem = gridstore.getById(item.data.id); - if (griditem) { - griditem.set('cpuusage', item.data.cpu); - var max = item.data.maxmem || 1; - var val = item.data.mem || 0; - griditem.set('memoryusage', val/max); - griditem.set('uptime', item.data.uptime); - griditem.commit(); //else it marks the fields as dirty - } - break; - case 'storage': - if (!Ext.Object.isEmpty(usableStorages)) { - if (usableStorages[item.data.id] === true) { - used += item.data.disk; - total += item.data.maxdisk; - } - break; - } - if (!countedStorages[item.data.storage] || - (item.data.storage === 'local' && - !countedStorages[item.data.id])) { - used += item.data.disk; - total += item.data.maxdisk; - - countedStorages[item.data.storage === 'local'?item.data.id:item.data.storage] = true; - } - break; - case 'qemu': - qemu[item.data.template ? 'template' : item.data.status]++; - if (item.data.hastate === 'error') { - error++; - } - break; - case 'lxc': - lxc[item.data.template ? 'template' : item.data.status]++; - if (item.data.hastate === 'error') { - error++; - } - break; - default: break; - } - } - - var text = Ext.String.format(gettext('of {0} CPU(s)'), maxcpu); - cpustat.updateValue((cpu/maxcpu), text); - - text = Ext.String.format(gettext('{0} of {1}'), PVE.Utils.render_size(memory), PVE.Utils.render_size(maxmem)); - memorystat.updateValue((memory/maxmem), text); - - text = Ext.String.format(gettext('{0} of {1}'), PVE.Utils.render_size(used), PVE.Utils.render_size(total)); - storagestat.updateValue((used/total), text); - - gueststatus.updateValues(qemu,lxc,error); - - me.suspendLayout = false; - me.updateLayout(true); - }); - - var dcHealth = me.getComponent('dcHealth'); - me.mon(rstore, 'load', dcHealth.updateStatus, dcHealth); - - var subs = me.down('#subscriptions'); - me.mon(rstore, 'load', function(store, records, success) { - var i; - var level; - var curlevel; - for (i = 0; i < records.length; i++) { - if (records[i].get('type') !== 'node') { - continue; - } - - curlevel = records[i].get('level'); - if (level === undefined || !curlevel) { - level = curlevel; - continue; - } - - if (level !== curlevel) { - break; - } - } - - if (level === '') { - subs.setData({ - title: gettext('No Subscription'), - iconCls: PVE.Utils.get_health_icon('critical', true), - text: gettext('You have at least one node without subscription.') - }); - subs.setUserCls('pointer'); - } else if (level !== curlevel) { - subs.setData({ - title: gettext('Mixed Subscriptions'), - iconCls: PVE.Utils.get_health_icon('warning', true), - text: gettext('Warning: Your subscription levels are not the same.') - }); - subs.setUserCls('pointer'); - } else { - subs.setData({ - title: PVE.Utils.render_support_level(level), - iconCls: PVE.Utils.get_health_icon('good', true), - text: gettext('Your subscription status is valid.') - }); - subs.setUserCls(''); - } - }); - - me.on('destroy', function(){ - rstore.stopUpdate(); - }); - - rstore.startUpdate(); - } - -}); -Ext.define('PVE.window.ReplicaEdit', { - extend: 'Proxmox.window.Edit', - xtype: 'pveReplicaEdit', - - subject: gettext('Replication Job'), - - - url: '/cluster/replication', - method: 'POST', - - initComponent: function() { - var me = this; - - var vmid = me.pveSelNode.data.vmid; - var nodename = me.pveSelNode.data.node; - - var items = []; - - items.push({ - xtype: (me.isCreate && !vmid)?'pveGuestIDSelector':'displayfield', - name: 'guest', - fieldLabel: 'CT/VM ID', - value: vmid || '' - }); - - items.push( - { - xtype: me.isCreate ? 'pveNodeSelector':'displayfield', - name: 'target', - disallowedNodes: [nodename], - allowBlank: false, - onlineValidator: true, - fieldLabel: gettext("Target") - }, - { - xtype: 'pveCalendarEvent', - fieldLabel: gettext('Schedule'), - emptyText: '*/15 - ' + Ext.String.format(gettext('Every {0} minutes'), 15), - name: 'schedule' - }, - { - xtype: 'numberfield', - fieldLabel: gettext('Rate limit') + ' (MB/s)', - step: 1, - minValue: 1, - emptyText: gettext('unlimited'), - name: 'rate' - }, - { - xtype: 'textfield', - fieldLabel: gettext('Comment'), - name: 'comment' - }, - { - xtype: 'proxmoxcheckbox', - name: 'enabled', - defaultValue: 'on', - checked: true, - fieldLabel: gettext('Enabled') - } - ); - - me.items = [ - { - xtype: 'inputpanel', - itemId: 'ipanel', - onlineHelp: 'pvesr_schedule_time_format', - - onGetValues: function(values) { - var me = this.up('window'); - - values.disable = values.enabled ? 0 : 1; - delete values.enabled; - - PVE.Utils.delete_if_default(values, 'rate', '', me.isCreate); - PVE.Utils.delete_if_default(values, 'disable', 0, me.isCreate); - PVE.Utils.delete_if_default(values, 'schedule', '*/15', me.isCreate); - PVE.Utils.delete_if_default(values, 'comment', '', me.isCreate); - - if (me.isCreate) { - values.type = 'local'; - var vm = vmid || values.guest; - var id = -1; - if (me.highestids[vm] !== undefined) { - id = me.highestids[vm]; - } - id++; - values.id = vm + '-' + id.toString(); - delete values.guest; - } - return values; - }, - items: items - } - ]; - - me.callParent(); - - if (me.isCreate) { - me.load({ - success: function(response) { - var jobs = response.result.data; - var highestids = {}; - Ext.Array.forEach(jobs, function(job) { - var match = /^([0-9]+)\-([0-9]+)$/.exec(job.id); - if (match) { - var vmid = parseInt(match[1],10); - var id = parseInt(match[2],10); - if (highestids[vmid] < id || - highestids[vmid] === undefined) { - highestids[vmid] = id; - } - } - }); - - me.highestids = highestids; - } - }); - - } else { - me.load({ - success: function(response, options) { - response.result.data.enabled = !response.result.data.disable; - me.setValues(response.result.data); - me.digest = response.result.data.digest; - } - }); - } - } -}); - -/*jslint confusion: true */ -/* callback is a function and string */ -Ext.define('PVE.grid.ReplicaView', { - extend: 'Ext.grid.Panel', - xtype: 'pveReplicaView', - - onlineHelp: 'chapter_pvesr', - - stateful: true, - stateId: 'grid-pve-replication-status', - - controller: { - xclass: 'Ext.app.ViewController', - - addJob: function(button,event,rec) { - var me = this.getView(); - var controller = this; - var win = Ext.create('PVE.window.ReplicaEdit', { - isCreate: true, - method: 'POST', - pveSelNode: me.pveSelNode - }); - win.on('destroy', function() { controller.reload(); }); - win.show(); - }, - - editJob: function(button,event,rec) { - var me = this.getView(); - var controller = this; - var data = rec.data; - var win = Ext.create('PVE.window.ReplicaEdit', { - url: '/cluster/replication/' + data.id, - method: 'PUT', - pveSelNode: me.pveSelNode - }); - win.on('destroy', function() { controller.reload(); }); - win.show(); - }, - - scheduleJobNow: function(button,event,rec) { - var me = this.getView(); - var controller = this; - - Proxmox.Utils.API2Request({ - url: "/api2/extjs/nodes/" + me.nodename + "/replication/" + rec.data.id + "/schedule_now", - method: 'POST', - waitMsgTarget: me, - callback: function() { controller.reload(); }, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }, - - showLog: function(button, event, rec) { - var me = this.getView(); - var controller = this; - var logView = Ext.create('Proxmox.panel.LogView', { - border: false, - url: "/api2/extjs/nodes/" + me.nodename + "/replication/" + rec.data.id + "/log" - }); - var win = Ext.create('Ext.window.Window', { - items: [ logView ], - layout: 'fit', - width: 800, - height: 400, - modal: true, - title: gettext("Replication Log") - }); - var task = { - run: function() { - logView.requestUpdate(); - }, - interval: 1000 - }; - Ext.TaskManager.start(task); - win.on('destroy', function() { - Ext.TaskManager.stop(task); - controller.reload(); - }); - win.show(); - }, - - reload: function() { - var me = this.getView(); - me.rstore.load(); - }, - - dblClick: function(grid, record, item) { - var me = this; - me.editJob(undefined, undefined, record); - }, - - // check for cluster - // currently replication is for cluster only, so we disable the whole - // component - checkPrerequisites: function() { - var me = this.getView(); - if (PVE.data.ResourceStore.getNodes().length < 2) { - me.mask(gettext("Replication needs at least two nodes"), ['pve-static-mask']); - } - }, - - control: { - '#': { - itemdblclick: 'dblClick', - afterlayout: 'checkPrerequisites' - } - } - }, - - tbar: [ - { - text: gettext('Add'), - itemId: 'addButton', - handler: 'addJob' - }, - { - xtype: 'proxmoxButton', - text: gettext('Edit'), - itemId: 'editButton', - handler: 'editJob', - disabled: true - }, - { - xtype: 'proxmoxStdRemoveButton', - itemId: 'removeButton', - baseurl: '/api2/extjs/cluster/replication/', - dangerous: true, - callback: 'reload' - }, - { - xtype: 'proxmoxButton', - text: gettext('Log'), - itemId: 'logButton', - handler: 'showLog', - disabled: true - }, - { - xtype: 'proxmoxButton', - text: gettext('Schedule now'), - itemId: 'scheduleNowButton', - handler: 'scheduleJobNow', - disabled: true - } - ], - - initComponent: function() { - var me = this; - var mode = ''; - var url = '/cluster/replication'; - - me.nodename = me.pveSelNode.data.node; - me.vmid = me.pveSelNode.data.vmid; - - me.columns = [ - { - text: gettext('Enabled'), - dataIndex: 'enabled', - xtype: 'checkcolumn', - sortable: true, - disabled: true - }, - { - text: 'ID', - dataIndex: 'id', - width: 60, - hidden: true - }, - { - text: gettext('Guest'), - dataIndex: 'guest', - width: 75 - }, - { - text: gettext('Job'), - dataIndex: 'jobnum', - width: 60 - }, - { - text: gettext('Target'), - dataIndex: 'target' - } - ]; - - if (!me.nodename) { - mode = 'dc'; - me.stateId = 'grid-pve-replication-dc'; - } else if (!me.vmid) { - mode = 'node'; - url = '/nodes/' + me.nodename + '/replication'; - } else { - mode = 'vm'; - url = '/nodes/' + me.nodename + '/replication' + '?guest=' + me.vmid; - } - - if (mode !== 'dc') { - me.columns.push( - { - text: gettext('Status'), - dataIndex: 'state', - minWidth: 160, - flex: 1, - renderer: function(value, metadata, record) { - - if (record.data.pid) { - metadata.tdCls = 'x-grid-row-loading'; - return ''; - } - - var icons = []; - var states = []; - - if (record.data.remove_job) { - icons.push(''); - states.push(gettext("Removal Scheduled")); - } - - if (record.data.error) { - icons.push(''); - states.push(record.data.error); - } - - if (icons.length == 0) { - icons.push(''); - states.push(gettext('OK')); - } - - return icons.join(',') + ' ' + states.join(','); - } - }, - { - text: gettext('Last Sync'), - dataIndex: 'last_sync', - width: 150, - renderer: function(value, metadata, record) { - if (!value) { - return '-'; - } - - if (record.data.pid) { - return gettext('syncing'); - } - - return Proxmox.Utils.render_timestamp(value); - } - }, - { - text: gettext('Duration'), - dataIndex: 'duration', - width: 60, - renderer: PVE.Utils.render_duration - }, - { - text: gettext('Next Sync'), - dataIndex: 'next_sync', - width: 150, - renderer: function(value) { - if (!value) { - return '-'; - } - - var now = new Date(); - var next = new Date(value*1000); - - if (next < now) { - return gettext('pending'); - } - - return Proxmox.Utils.render_timestamp(value); - } - } - ); - } - - me.columns.push( - { - text: gettext('Schedule'), - width: 75, - dataIndex: 'schedule' - }, - { - text: gettext('Rate limit'), - dataIndex: 'rate', - renderer: function(value) { - if (!value) { - return gettext('unlimited'); - } - - return value.toString() + ' MB/s'; - }, - hidden: true - }, - { - text: gettext('Comment'), - dataIndex: 'comment', - renderer: Ext.htmlEncode - } - ); - - me.rstore = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'pve-replica-' + me.nodename + me.vmid, - model: (mode === 'dc')? 'pve-replication' : 'pve-replication-state', - interval: 3000, - proxy: { - type: 'proxmox', - url: "/api2/json" + url - } - }); - - me.store = Ext.create('Proxmox.data.DiffStore', { - rstore: me.rstore, - sorters: [ - { - property: 'guest' - }, - { - property: 'jobnum' - } - ] - }); - - me.callParent(); - - // we cannot access the log and scheduleNow button - // in the datacenter, because - // we do not know where/if the jobs runs - if (mode === 'dc') { - me.down('#logButton').setHidden(true); - me.down('#scheduleNowButton').setHidden(true); - } - - // if we set the warning mask, we do not want to load - // or set the mask on store errors - if (PVE.data.ResourceStore.getNodes().length < 2) { - return; - } - - Proxmox.Utils.monStoreErrors(me, me.rstore); - - me.on('destroy', me.rstore.stopUpdate); - me.rstore.startUpdate(); - } -}, function() { - - Ext.define('pve-replication', { - extend: 'Ext.data.Model', - fields: [ - 'id', 'target', 'comment', 'rate', 'type', - { name: 'guest', type: 'integer' }, - { name: 'jobnum', type: 'integer' }, - { name: 'schedule', defaultValue: '*/15' }, - { name: 'disable', defaultValue: '' }, - { name: 'enabled', calculate: function(data) { return !data.disable; } } - ] - }); - - Ext.define('pve-replication-state', { - extend: 'pve-replication', - fields: [ - 'last_sync', 'next_sync', 'error', 'duration', 'state', - 'fail_count', 'remove_job', 'pid' - ] - }); - -}); -Ext.define('PVE.dc.Health', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveDcHealth', - - title: gettext('Health'), - - bodyPadding: 10, - height: 220, - layout: { - type: 'hbox', - align: 'stretch' - }, - - defaults: { - flex: 1, - xtype: 'box', - style: { - 'text-align':'center' - } - }, - - nodeList: [], - nodeIndex: 0, - - updateStatus: function(store, records, success) { - var me = this; - if (!success) { - return; - } - - var cluster = { - iconCls: PVE.Utils.get_health_icon('good', true), - text: gettext("Standalone node - no cluster defined") - }; - - var nodes = { - online: 0, - offline: 0 - }; - - // by default we have one node - var numNodes = 1; - var i; - - for (i = 0; i < records.length; i++) { - var item = records[i]; - if (item.data.type === 'node') { - nodes[item.data.online === 1 ? 'online':'offline']++; - } else if(item.data.type === 'cluster') { - cluster.text = gettext("Cluster") + ": "; - cluster.text += item.data.name + ", "; - cluster.text += gettext("Quorate") + ": "; - cluster.text += Proxmox.Utils.format_boolean(item.data.quorate); - if (item.data.quorate != 1) { - cluster.iconCls = PVE.Utils.get_health_icon('critical', true); - } - - numNodes = item.data.nodes; - } - } - - if (numNodes !== (nodes.online + nodes.offline)) { - nodes.offline = numNodes - nodes.online; - } - - me.getComponent('clusterstatus').updateHealth(cluster); - me.getComponent('nodestatus').update(nodes); - }, - - updateCeph: function(store, records, success) { - var me = this; - var cephstatus = me.getComponent('ceph'); - if (!success || records.length < 1) { - - // if ceph status is already visible - // dont stop to update - if (cephstatus.isVisible()) { - return; - } - - // try all nodes until we either get a successfull api call, - // or we tried all nodes - if (++me.nodeIndex >= me.nodeList.length) { - me.cephstore.stopUpdate(); - } else { - store.getProxy().setUrl('/api2/json/nodes/' + me.nodeList[me.nodeIndex].node + '/ceph/status'); - } - - return; - } - - var state = PVE.Utils.render_ceph_health(records[0].data.health || {}); - cephstatus.updateHealth(state); - cephstatus.setVisible(true); - }, - - listeners: { - destroy: function() { - var me = this; - me.cephstore.stopUpdate(); - } - }, - - items: [ - { - itemId: 'clusterstatus', - xtype: 'pveHealthWidget', - title: gettext('Status') - }, - { - itemId: 'nodestatus', - data: { - online: 0, - offline: 0 - }, - tpl: [ - '' + gettext('Nodes') + '
', - '
',
- '
', - '
'
- ]
- },
- {
- itemId: 'ceph',
- width: 250,
- columnWidth: undefined,
- userCls: 'pointer',
- title: 'Ceph',
- xtype: 'pveHealthWidget',
- hidden: true,
- listeners: {
- element: 'el',
- click: function() {
- var me = this.component.up('pveDcHealth');
- var sp = Ext.state.Manager.getProvider();
-
- // preselect the ceph tab
- sp.set('nodetab', {value:'ceph'});
-
- // select the node that had the successfull api call
- var id = me.nodeList[me.nodeIndex].id;
- Ext.ComponentQuery.query('pveResourceTree')[0].selectById(id);
- }
- }
- }
- ],
-
- initComponent: function() {
- var me = this;
-
- me.nodeList = PVE.data.ResourceStore.getNodes();
- me.nodeIndex = 0;
- me.cephstore = Ext.create('Proxmox.data.UpdateStore', {
- interval: 3000,
- storeid: 'pve-cluster-ceph',
- proxy: {
- type: 'proxmox',
- url: '/api2/json/nodes/' + me.nodeList[me.nodeIndex].node + '/ceph/status'
- }
- });
- me.callParent();
- me.mon(me.cephstore, 'load', me.updateCeph, me);
- me.cephstore.startUpdate();
- }
-});
-Ext.define('PVE.dc.Guests', {
- extend: 'Ext.panel.Panel',
- alias: 'widget.pveDcGuests',
-
-
- title: gettext('Guests'),
- height: 220,
- layout: {
- type: 'table',
- columns: 2,
- tableAttrs: {
- style: {
- width: '100%'
- }
- }
- },
- bodyPadding: '0 20 20 20',
-
- defaults: {
- xtype: 'box',
- padding: '0 50 0 50',
- style: {
- 'text-align':'center',
- 'line-height':'1.2'
- }
- },
- items: [{
- itemId: 'qemu',
- data: {
- running: 0,
- paused: 0,
- stopped: 0,
- template: 0
- },
- tpl: [
- '',
- ' ',
- gettext('Online'),
- '
',
- '{online}
',
- '', - '
',
- ' ',
- gettext('Offline'),
- '
',
- '{offline}
',
- '' + gettext("Virtual Machines") + '
', - '',
- ' ',
- gettext('Running'),
- '
',
- '{running}
' + '', - '
',
- ' ',
- gettext('Paused'),
- '
',
- '{paused}
' + '', - '
',
- ' ',
- gettext('Stopped'),
- '
',
- '{stopped}
' + '', - '
',
- ' ',
- gettext('Templates'),
- '
',
- '{template}
',
- '' + gettext("LXC Container") + '
', - '',
- ' ',
- gettext('Running'),
- '
',
- '{running}
' + '', - '
',
- ' ',
- gettext('Paused'),
- '
',
- '{paused}
' + '', - '
',
- ' ',
- gettext('Stopped'),
- '
',
- '{stopped}
' + '', - '
',
- ' ',
- gettext('Templates'),
- '
',
- '{template}
',
- '',
- ' ',
- gettext('Error'),
- '
',
- '{num}
',
- 'No valid subscription
' + PVE.Utils.noSubKeyHtml, - - communityHtml: 'Please use the public community forum for any questions.', - - activeHtml: 'Please use our support portal for any questions. You can also use the public community forum to get additional information.', - - bugzillaHtml: 'Bug Tracking
Our bug tracking system is available here.', - - docuHtml: function() { - var me = this; - var guideUrl = window.location.origin + me.pveGuidePath; - var text = Ext.String.format('Documentation
' - + 'The official Proxmox VE Administration Guide' - + ' is included with this installation and can be browsed at ' - + '{0}', guideUrl); - return text; - }, - - updateActive: function(data) { - var me = this; - - var html = '' + data.productname + '
' + me.activeHtml; - html += '' + me.docuHtml(); - html += '
' + me.bugzillaHtml; - - me.update(html); - }, - - updateCommunity: function(data) { - var me = this; - - var html = '
' + data.productname + '
' + me.communityHtml; - html += '' + me.docuHtml(); - html += '
' + me.bugzillaHtml; - - me.update(html); - }, - - updateInactive: function(data) { - var me = this; - me.update(me.invalidHtml); - }, - - initComponent: function() { - var me = this; - - var reload = function() { - Proxmox.Utils.API2Request({ - url: '/nodes/localhost/subscription', - method: 'GET', - waitMsgTarget: me, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - me.update('Unable to load subscription status' + ": " + response.htmlStatus); - }, - success: function(response, opts) { - var data = response.result.data; - - if (data.status === 'Active') { - if (data.level === 'c') { - me.updateCommunity(data); - } else { - me.updateActive(data); - } - } else { - me.updateInactive(data); - } - } - }); - }; - - Ext.apply(me, { - autoScroll: true, - bodyStyle: 'padding:10px', - listeners: { - activate: reload - } - }); - - me.callParent(); - } -}); -Ext.define('pve-security-groups', { - extend: 'Ext.data.Model', - - fields: [ 'group', 'comment', 'digest' ], - idProperty: 'group' -}); - -Ext.define('PVE.SecurityGroupEdit', { - extend: 'Proxmox.window.Edit', - - base_url: "/cluster/firewall/groups", - - allow_iface: false, - - initComponent : function() { - var me = this; - - me.isCreate = (me.group_name === undefined); - - var subject; - - me.url = '/api2/extjs' + me.base_url; - me.method = 'POST'; - - var items = [ - { - xtype: 'textfield', - name: 'group', - value: me.group_name || '', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'textfield', - name: 'comment', - value: me.group_comment || '', - fieldLabel: gettext('Comment') - } - ]; - - if (me.isCreate) { - subject = gettext('Security Group'); - } else { - subject = gettext('Security Group') + " '" + me.group_name + "'"; - items.push({ - xtype: 'hiddenfield', - name: 'rename', - value: me.group_name - }); - } - - var ipanel = Ext.create('Proxmox.panel.InputPanel', { - // InputPanel does not have a 'create' property, does it need a 'isCreate' - isCreate: me.isCreate, - items: items - }); - - - Ext.apply(me, { - subject: subject, - items: [ ipanel ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.SecurityGroupList', { - extend: 'Ext.grid.Panel', - alias: 'widget.pveSecurityGroupList', - - stateful: true, - stateId: 'grid-securitygroups', - - rule_panel: undefined, - - addBtn: undefined, - removeBtn: undefined, - editBtn: undefined, - - base_url: "/cluster/firewall/groups", - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - if (me.rule_panel == undefined) { - throw "no rule panel specified"; - } - - if (me.base_url == undefined) { - throw "no base_url specified"; - } - - var store = new Ext.data.Store({ - model: 'pve-security-groups', - proxy: { - type: 'proxmox', - url: '/api2/json' + me.base_url - }, - sorters: { - property: 'group', - order: 'DESC' - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var reload = function() { - var oldrec = sm.getSelection()[0]; - store.load(function(records, operation, success) { - if (oldrec) { - var rec = store.findRecord('group', oldrec.data.group); - if (rec) { - sm.select(rec); - } - } - }); - }; - - var run_editor = function() { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - var win = Ext.create('PVE.SecurityGroupEdit', { - digest: rec.data.digest, - group_name: rec.data.group, - group_comment: rec.data.comment - }); - win.show(); - win.on('destroy', reload); - }; - - me.editBtn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - handler: run_editor - }); - - me.addBtn = new Proxmox.button.Button({ - text: gettext('Create'), - handler: function() { - sm.deselectAll(); - var win = Ext.create('PVE.SecurityGroupEdit', {}); - win.show(); - win.on('destroy', reload); - } - }); - - me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - baseurl: me.base_url + '/', - enableFn: function(rec) { - return (rec && me.base_url); - }, - callback: function() { - reload(); - } - }); - - Ext.apply(me, { - store: store, - tbar: [ '' + gettext('Group') + ':', me.addBtn, me.removeBtn, me.editBtn ], - selModel: sm, - columns: [ - { header: gettext('Group'), dataIndex: 'group', width: '100' }, - { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 } - ], - listeners: { - itemdblclick: run_editor, - select: function(sm, rec) { - var url = '/cluster/firewall/groups/' + rec.data.group; - me.rule_panel.setBaseUrl(url); - }, - deselect: function() { - me.rule_panel.setBaseUrl(undefined); - }, - show: reload - } - }); - - me.callParent(); - - store.load(); - } -}); - -Ext.define('PVE.SecurityGroups', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveSecurityGroups', - - title: 'Security Groups', - - initComponent: function() { - var me = this; - - var rule_panel = Ext.createWidget('pveFirewallRules', { - region: 'center', - allow_groups: false, - list_refs_url: '/cluster/firewall/refs', - tbar_prefix: '' + gettext('Rules') + ':', - border: false - }); - - var sglist = Ext.createWidget('pveSecurityGroupList', { - region: 'west', - rule_panel: rule_panel, - width: '25%', - border: false, - split: true - }); - - - Ext.apply(me, { - layout: 'border', - items: [ sglist, rule_panel ], - listeners: { - show: function() { - sglist.fireEvent('show', sglist); - } - } - }); - - me.callParent(); - } -}); -/* - * Datacenter config panel, located in the center of the ViewPort after the Datacenter view is selected - */ - -Ext.define('PVE.dc.Config', { - extend: 'PVE.panel.Config', - alias: 'widget.PVE.dc.Config', - - onlineHelp: 'pve_admin_guide', - - initComponent: function() { - var me = this; - - var caps = Ext.state.Manager.get('GuiCap'); - - me.items = []; - - Ext.apply(me, { - title: gettext("Datacenter"), - hstateid: 'dctab' - }); - - if (caps.dc['Sys.Audit']) { - me.items.push({ - title: gettext('Summary'), - xtype: 'pveDcSummary', - iconCls: 'fa fa-book', - itemId: 'summary' - }, - { - title: gettext('Cluster'), - xtype: 'pveClusterAdministration', - iconCls: 'fa fa-server', - itemId: 'cluster' - }, - { - xtype: 'pveDcOptionView', - title: gettext('Options'), - iconCls: 'fa fa-gear', - itemId: 'options' - }); - } - - if (caps.storage['Datastore.Allocate'] || caps.dc['Sys.Audit']) { - me.items.push({ - xtype: 'pveStorageView', - title: gettext('Storage'), - iconCls: 'fa fa-database', - itemId: 'storage' - }); - } - - if (caps.dc['Sys.Audit']) { - me.items.push({ - xtype: 'pveDcBackupView', - iconCls: 'fa fa-floppy-o', - title: gettext('Backup'), - itemId: 'backup' - }, - { - xtype: 'pveReplicaView', - iconCls: 'fa fa-retweet', - title: gettext('Replication'), - itemId: 'replication' - }, - { - xtype: 'pveACLView', - title: gettext('Permissions'), - iconCls: 'fa fa-unlock', - itemId: 'permissions', - expandedOnInit: true - }); - } - - me.items.push({ - xtype: 'pveUserView', - groups: ['permissions'], - iconCls: 'fa fa-user', - title: gettext('Users'), - itemId: 'users' - }); - - if (caps.dc['Sys.Audit']) { - me.items.push({ - xtype: 'pveGroupView', - title: gettext('Groups'), - iconCls: 'fa fa-users', - groups: ['permissions'], - itemId: 'groups' - }, - { - xtype: 'pvePoolView', - title: gettext('Pools'), - iconCls: 'fa fa-tags', - groups: ['permissions'], - itemId: 'pools' - }, - { - xtype: 'pveRoleView', - title: gettext('Roles'), - iconCls: 'fa fa-male', - groups: ['permissions'], - itemId: 'roles' - }, - { - xtype: 'pveAuthView', - title: gettext('Authentication'), - groups: ['permissions'], - iconCls: 'fa fa-key', - itemId: 'domains' - }, - { - xtype: 'pveHAStatus', - title: 'HA', - iconCls: 'fa fa-heartbeat', - itemId: 'ha' - }, - { - title: gettext('Groups'), - groups: ['ha'], - xtype: 'pveHAGroupsView', - iconCls: 'fa fa-object-group', - itemId: 'ha-groups' - }, - { - title: gettext('Fencing'), - groups: ['ha'], - iconCls: 'fa fa-bolt', - xtype: 'pveFencingView', - itemId: 'ha-fencing' - }, - { - xtype: 'pveFirewallRules', - title: gettext('Firewall'), - allow_iface: true, - base_url: '/cluster/firewall/rules', - list_refs_url: '/cluster/firewall/refs', - iconCls: 'fa fa-shield', - itemId: 'firewall' - }, - { - xtype: 'pveFirewallOptions', - title: gettext('Options'), - groups: ['firewall'], - iconCls: 'fa fa-gear', - base_url: '/cluster/firewall/options', - onlineHelp: 'pve_firewall_cluster_wide_setup', - fwtype: 'dc', - itemId: 'firewall-options' - }, - { - xtype: 'pveSecurityGroups', - title: gettext('Security Group'), - groups: ['firewall'], - iconCls: 'fa fa-group', - itemId: 'firewall-sg' - }, - { - xtype: 'pveFirewallAliases', - title: gettext('Alias'), - groups: ['firewall'], - iconCls: 'fa fa-external-link', - base_url: '/cluster/firewall/aliases', - itemId: 'firewall-aliases' - }, - { - xtype: 'pveIPSet', - title: 'IPSet', - groups: ['firewall'], - iconCls: 'fa fa-list-ol', - base_url: '/cluster/firewall/ipset', - list_refs_url: '/cluster/firewall/refs', - itemId: 'firewall-ipset' - }, - { - xtype: 'pveDcSupport', - title: gettext('Support'), - itemId: 'support', - iconCls: 'fa fa-comments-o' - }); - } - - me.callParent(); - } -}); -Ext.define('PVE.dc.NodeView', { - extend: 'Ext.grid.GridPanel', - alias: 'widget.pveDcNodeView', - - title: gettext('Nodes'), - disableSelection: true, - scrollable: true, - - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - dataIndex: 'name' - }, - { - header: 'ID', - width: 40, - sortable: true, - dataIndex: 'nodeid' - }, - { - header: gettext('Online'), - width: 60, - sortable: true, - dataIndex: 'online', - renderer: function(value) { - var cls = (value)?'good':'critical'; - return ''; - } - }, - { - header: gettext('Support'), - width: 100, - sortable: true, - dataIndex: 'level', - renderer: PVE.Utils.render_support_level - }, - { - header: gettext('Server Address'), - width: 115, - sortable: true, - dataIndex: 'ip' - }, - { - header: gettext('CPU usage'), - sortable: true, - width: 110, - dataIndex: 'cpuusage', - tdCls: 'x-progressbar-default-cell', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Memory usage'), - width: 110, - sortable: true, - tdCls: 'x-progressbar-default-cell', - dataIndex: 'memoryusage', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Uptime'), - sortable: true, - dataIndex: 'uptime', - align: 'right', - renderer: Proxmox.Utils.render_uptime - } - ], - - stateful: true, - stateId: 'grid-cluster-nodes', - tools: [ - { - type: 'up', - handler: function(){ - var me = this.up('grid'); - var height = Math.max(me.getHeight()-50, 250); - me.setHeight(height); - } - }, - { - type: 'down', - handler: function(){ - var me = this.up('grid'); - var height = me.getHeight()+50; - me.setHeight(height); - } - } - ] -}, function() { - - Ext.define('pve-dc-nodes', { - extend: 'Ext.data.Model', - fields: [ 'id', 'type', 'name', 'nodeid', 'ip', 'level', 'local', 'online'], - idProperty: 'id' - }); - -}); - -Ext.define('PVE.widget.ProgressBar',{ - extend: 'Ext.Progress', - alias: 'widget.pveProgressBar', - - animate: true, - textTpl: [ - '{percent}%' - ], - - setValue: function(value){ - var me = this; - me.callParent([value]); - - me.removeCls(['warning', 'critical']); - - if (value > 0.89) { - me.addCls('critical'); - } else if (value > 0.59) { - me.addCls('warning'); - } - } -}); -/*jslint confusion: true*/ -Ext.define('pve-cluster-nodes', { - extend: 'Ext.data.Model', - fields: [ - 'node', { type: 'integer', name: 'nodeid' }, 'ring0_addr', 'ring1_addr', - { type: 'integer', name: 'quorum_votes' } - ], - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/config/nodes" - }, - idProperty: 'nodeid' -}); - -Ext.define('pve-cluster-info', { - extend: 'Ext.data.Model', - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/config/join" - } -}); - -Ext.define('PVE.ClusterAdministration', { - extend: 'Ext.panel.Panel', - xtype: 'pveClusterAdministration', - - title: gettext('Cluster Administration'), - onlineHelp: 'chapter_pvecm', - - border: false, - defaults: { border: false }, - - viewModel: { - parent: null, - data: { - totem: {}, - nodelist: [], - preferred_node: { - name: '', - fp: '', - addr: '' - }, - isInCluster: false, - nodecount: 0 - } - }, - - items: [ - { - xtype: 'panel', - title: gettext('Cluster Information'), - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.store = Ext.create('Proxmox.data.UpdateStore', { - autoStart: true, - interval: 15 * 1000, - storeid: 'pve-cluster-info', - model: 'pve-cluster-info' - }); - view.store.on('load', this.onLoad, this); - view.on('destroy', view.store.stopUpdate); - }, - - onLoad: function(store, records, success) { - var vm = this.getViewModel(); - if (!success || !records || !records[0].data) { - vm.set('totem', {}); - vm.set('isInCluster', false); - vm.set('nodelist', []); - vm.set('preferred_node', { - name: '', - addr: '', - fp: '' - }); - return; - } - var data = records[0].data; - vm.set('totem', data.totem); - vm.set('isInCluster', !!data.totem.cluster_name); - vm.set('nodelist', data.nodelist); - - var nodeinfo = Ext.Array.findBy(data.nodelist, function (el) { - return el.name === data.preferred_node; - }); - - vm.set('preferred_node', { - name: data.preferred_node, - addr: nodeinfo.pve_addr, - ring_addr: [ nodeinfo.ring0_addr, nodeinfo.ring1_addr ], - fp: nodeinfo.pve_fp - }); - }, - - onCreate: function() { - var view = this.getView(); - view.store.stopUpdate(); - var win = Ext.create('PVE.ClusterCreateWindow', { - autoShow: true, - listeners: { - destroy: function() { - view.store.startUpdate(); - } - } - }); - }, - - onClusterInfo: function() { - var vm = this.getViewModel(); - var win = Ext.create('PVE.ClusterInfoWindow', { - joinInfo: { - ipAddress: vm.get('preferred_node.addr'), - fingerprint: vm.get('preferred_node.fp'), - ring_addr: vm.get('preferred_node.ring_addr'), - totem: vm.get('totem') - } - }); - win.show(); - }, - - onJoin: function() { - var view = this.getView(); - view.store.stopUpdate(); - var win = Ext.create('PVE.ClusterJoinNodeWindow', { - autoShow: true, - listeners: { - destroy: function() { - view.store.startUpdate(); - } - } - }); - } - }, - tbar: [ - { - text: gettext('Create Cluster'), - reference: 'createButton', - handler: 'onCreate', - bind: { - disabled: '{isInCluster}' - } - }, - { - text: gettext('Join Information'), - reference: 'addButton', - handler: 'onClusterInfo', - bind: { - disabled: '{!isInCluster}' - } - }, - { - text: gettext('Join Cluster'), - reference: 'joinButton', - handler: 'onJoin', - bind: { - disabled: '{isInCluster}' - } - } - ], - layout: 'hbox', - bodyPadding: 5, - items: [ - { - xtype: 'displayfield', - fieldLabel: gettext('Cluster Name'), - bind: { - value: '{totem.cluster_name}', - hidden: '{!isInCluster}' - }, - flex: 1 - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Config Version'), - bind: { - value: '{totem.config_version}', - hidden: '{!isInCluster}' - }, - flex: 1 - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Number of Nodes'), - labelWidth: 120, - bind: { - value: '{nodecount}', - hidden: '{!isInCluster}' - }, - flex: 1 - }, - { - xtype: 'displayfield', - value: gettext('Standalone node - no cluster defined'), - bind: { - hidden: '{isInCluster}' - }, - flex: 1 - } - ] - }, - { - xtype: 'grid', - title: gettext('Cluster Nodes'), - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.rstore = Ext.create('Proxmox.data.UpdateStore', { - autoLoad: true, - xtype: 'update', - interval: 5 * 1000, - autoStart: true, - storeid: 'pve-cluster-nodes', - model: 'pve-cluster-nodes' - }); - view.setStore(Ext.create('Proxmox.data.DiffStore', { - rstore: view.rstore, - sorters: { - property: 'nodeid', - order: 'DESC' - } - })); - Proxmox.Utils.monStoreErrors(view, view.rstore); - view.rstore.on('load', this.onLoad, this); - view.on('destroy', view.rstore.stopUpdate); - }, - - onLoad: function(store, records, success) { - var vm = this.getViewModel(); - if (!success || !records) { - vm.set('nodecount', 0); - return; - } - vm.set('nodecount', records.length); - } - }, - columns: [ - { - header: gettext('Nodename'), - flex: 2, - dataIndex: 'name' - }, - { - header: gettext('ID'), - flex: 1, - dataIndex: 'nodeid' - }, - { - header: gettext('Votes'), - flex: 1, - dataIndex: 'quorum_votes' - }, - { - header: gettext('Ring 0'), - flex: 2, - dataIndex: 'ring0_addr' - }, - { - header: gettext('Ring 1'), - flex: 2, - dataIndex: 'ring1_addr' - } - ] - } - ] -}); -/*jslint confusion: true*/ -Ext.define('PVE.ClusterCreateWindow', { - extend: 'Proxmox.window.Edit', - xtype: 'pveClusterCreateWindow', - - title: gettext('Create Cluster'), - width: 600, - - method: 'POST', - url: '/cluster/config', - - isCreate: true, - subject: gettext('Cluster'), - showTaskViewer: true, - - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('Cluster Name'), - allowBlank: false, - name: 'clustername' - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('Ring 0 Address'), - emptyText: gettext("Optional, defaults to IP resolved by node's hostname"), - name: 'ring0_addr', - skipEmptyText: true - } - // TODO: for advanced options: ring1_addr - ] -}); - -Ext.define('PVE.ClusterInfoWindow', { - extend: 'Ext.window.Window', - xtype: 'pveClusterInfoWindow', - mixins: ['Proxmox.Mixin.CBind'], - - width: 800, - modal: true, - resizable: false, - title: gettext('Cluster Join Information'), - - joinInfo: { - ipAddress: undefined, - fingerprint: undefined, - totem: {} - }, - - items: [ - { - xtype: 'component', - border: false, - padding: '10 10 10 10', - html: gettext("Copy the Join Information here and use it on the node you want to add.") - }, - { - xtype: 'container', - layout: 'form', - border: false, - padding: '0 10 10 10', - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('IP Address'), - cbind: { value: '{joinInfo.ipAddress}' }, - editable: false - }, - { - xtype: 'textfield', - fieldLabel: gettext('Fingerprint'), - cbind: { value: '{joinInfo.fingerprint}' }, - editable: false - }, - { - xtype: 'textarea', - inputId: 'pveSerializedClusterInfo', - fieldLabel: gettext('Join Information'), - grow: true, - cbind: { joinInfo: '{joinInfo}' }, - editable: false, - listeners: { - afterrender: function(field) { - if (!field.joinInfo) { - return; - } - var jsons = Ext.JSON.encode(field.joinInfo); - var base64s = Ext.util.Base64.encode(jsons); - field.setValue(base64s); - } - } - } - ] - } - ], - dockedItems: [{ - dock: 'bottom', - xtype: 'toolbar', - items: [{ - xtype: 'button', - handler: function(b) { - var el = document.getElementById('pveSerializedClusterInfo'); - el.select(); - document.execCommand("copy"); - }, - text: gettext('Copy Information') - }] - }] -}); - -Ext.define('PVE.ClusterJoinNodeWindow', { - extend: 'Proxmox.window.Edit', - xtype: 'pveClusterJoinNodeWindow', - - title: gettext('Cluster Join'), - width: 800, - - method: 'POST', - url: '/cluster/config/join', - - defaultFocus: 'textarea[name=serializedinfo]', - isCreate: true, - submitText: gettext('Join'), - showTaskViewer: true, - - onlineHelp: 'chapter_pvecm', - - viewModel: { - parent: null, - data: { - info: { - fp: '', - ip: '', - ring0Needed: false, - ring1Possible: false, - ring1Needed: false - } - }, - formulas: { - ring0EmptyText: function(get) { - if (get('info.ring0Needed')) { - return gettext("Cannot use default address safely"); - } else { - return gettext("Default: IP resolved by node's hostname"); - } - } - } - }, - - controller: { - xclass: 'Ext.app.ViewController', - control: { - '#': { - close: function() { - delete PVE.Utils.silenceAuthFailures; - } - }, - 'proxmoxcheckbox[name=assistedEntry]': { - change: 'onInputTypeChange' - }, - 'textarea[name=serializedinfo]': { - change: 'recomputeSerializedInfo', - enable: 'resetField' - }, - 'proxmoxtextfield[name=ring1_addr]': { - enable: 'ring1Needed' - }, - 'textfield': { - disable: 'resetField' - } - }, - resetField: function(field) { - field.reset(); - }, - ring1Needed: function(f) { - var vm = this.getViewModel(); - f.allowBlank = !vm.get('info.ring1Needed'); - }, - onInputTypeChange: function(field, assistedInput) { - var vm = this.getViewModel(); - if (!assistedInput) { - vm.set('info.ring1Possible', true); - } - }, - recomputeSerializedInfo: function(field, value) { - var vm = this.getViewModel(); - var jsons = Ext.util.Base64.decode(value); - var joinInfo = Ext.JSON.decode(jsons, true); - - var info = { - fp: '', - ring1Needed: false, - ring1Possible: false, - ip: '' - }; - - var totem = {}; - if (!(joinInfo && joinInfo.totem)) { - field.valid = false; - } else { - var ring0Needed = false; - if (joinInfo.ring_addr !== undefined) { - ring0Needed = joinInfo.ring_addr[0] !== joinInfo.ipAddress; - } - - info = { - ip: joinInfo.ipAddress, - fp: joinInfo.fingerprint, - ring0Needed: ring0Needed, - ring1Possible: !!joinInfo.totem['interface']['1'], - ring1Needed: !!joinInfo.totem['interface']['1'] - }; - totem = joinInfo.totem; - field.valid = true; - } - - vm.set('info', info); - } - }, - - submit: function() { - // joining may produce temporarily auth failures, ignore as long the task runs - PVE.Utils.silenceAuthFailures = true; - this.callParent(); - }, - - taskDone: function(success) { - delete PVE.Utils.silenceAuthFailures; - if (success) { - var txt = gettext('Cluster join task finished, node certificate may have changed, reload GUI!'); - // ensure user cannot do harm - Ext.getBody().mask(txt, ['pve-static-mask']); - // TaskView may hide above mask, so tell him directly - Ext.Msg.show({ - title: gettext('Join Task Finished'), - icon: Ext.Msg.INFO, - msg: txt - }); - // reload always (if user wasn't faster), but wait a bit for pveproxy - Ext.defer(function() { - window.location.reload(true); - }, 5000); - } - }, - - items: [{ - xtype: 'proxmoxcheckbox', - reference: 'assistedEntry', - name: 'assistedEntry', - submitValue: false, - value: true, - autoEl: { - tag: 'div', - 'data-qtip': gettext('Select if join information should be extracted from pasted cluster information, deselect for manual entering') - }, - boxLabel: gettext('Assisted join: Paste encoded cluster join information and enter password.') - }, - { - xtype: 'textarea', - name: 'serializedinfo', - submitValue: false, - allowBlank: false, - fieldLabel: gettext('Information'), - emptyText: gettext('Paste encoded Cluster Information here'), - validator: function(val) { - return val === '' || this.valid || - gettext('Does not seem like a valid encoded Cluster Information!'); - }, - bind: { - disabled: '{!assistedEntry.checked}', - hidden: '{!assistedEntry.checked}' - }, - value: '' - }, - { - xtype: 'inputpanel', - column1: [ - { - xtype: 'textfield', - fieldLabel: gettext('Peer Address'), - allowBlank: false, - bind: { - value: '{info.ip}', - readOnly: '{assistedEntry.checked}' - }, - name: 'hostname' - }, - { - xtype: 'textfield', - inputType: 'password', - emptyText: gettext("Peer's root password"), - fieldLabel: gettext('Password'), - allowBlank: false, - name: 'password' - } - ], - column2: [ - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('Corosync Ring 0'), - bind: { - emptyText: '{ring0EmptyText}', - allowBlank: '{!info.ring0Needed}' - }, - skipEmptyText: true, - name: 'ring0_addr' - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('Corosync Ring 1'), - skipEmptyText: true, - bind: { - disabled: '{!info.ring1Possible}' - }, - name: 'ring1_addr' - } - ], - columnB: [ - { - xtype: 'textfield', - fieldLabel: gettext('Fingerprint'), - allowBlank: false, - bind: { - value: '{info.fp}', - readOnly: '{assistedEntry.checked}' - }, - name: 'fingerprint' - } - ] - }] -}); -/* - * Workspace base class - * - * popup login window when auth fails (call onLogin handler) - * update (re-login) ticket every 15 minutes - * - */ - -Ext.define('PVE.Workspace', { - extend: 'Ext.container.Viewport', - - title: 'Proxmox Virtual Environment', - - loginData: null, // Data from last login call - - onLogin: function(loginData) {}, - - // private - updateLoginData: function(loginData) { - var me = this; - me.loginData = loginData; - Proxmox.Utils.setAuthData(loginData); - - var rt = me.down('pveResourceTree'); - rt.setDatacenterText(loginData.clustername); - - if (loginData.cap) { - Ext.state.Manager.set('GuiCap', loginData.cap); - } - - me.onLogin(loginData); - }, - - // private - showLogin: function() { - var me = this; - - Proxmox.Utils.authClear(); - Proxmox.UserName = null; - me.loginData = null; - - if (!me.login) { - me.login = Ext.create('PVE.window.LoginWindow', { - handler: function(data) { - me.login = null; - me.updateLoginData(data); - Proxmox.Utils.checked_command(function() {}); // display subscription status - } - }); - } - me.onLogin(null); - me.login.show(); - }, - - initComponent : function() { - var me = this; - - Ext.tip.QuickTipManager.init(); - - // fixme: what about other errors - Ext.Ajax.on('requestexception', function(conn, response, options) { - if (response.status == 401 && !PVE.Utils.silenceAuthFailures) { // auth failure - me.showLogin(); - } - }); - - me.callParent(); - - if (!Proxmox.Utils.authOK()) { - me.showLogin(); - } else { - if (me.loginData) { - me.onLogin(me.loginData); - } - } - - Ext.TaskManager.start({ - run: function() { - var ticket = Proxmox.Utils.authOK(); - if (!ticket || !Proxmox.UserName) { - return; - } - - Ext.Ajax.request({ - params: { - username: Proxmox.UserName, - password: ticket - }, - url: '/api2/json/access/ticket', - method: 'POST', - success: function(response, opts) { - var obj = Ext.decode(response.responseText); - me.updateLoginData(obj.data); - } - }); - }, - interval: 15*60*1000 - }); - - } -}); - -Ext.define('PVE.StdWorkspace', { - extend: 'PVE.Workspace', - - alias: ['widget.pveStdWorkspace'], - - // private - setContent: function(comp) { - var me = this; - - var cont = me.child('#content'); - - var lay = cont.getLayout(); - - var cur = lay.getActiveItem(); - - if (comp) { - Proxmox.Utils.setErrorMask(cont, false); - comp.border = false; - cont.add(comp); - if (cur !== null && lay.getNext()) { - lay.next(); - var task = Ext.create('Ext.util.DelayedTask', function(){ - cont.remove(cur); - }); - task.delay(10); - } - } - else { - // helper for cleaning the content when logging out - cont.removeAll(); - } - }, - - selectById: function(nodeid) { - var me = this; - var tree = me.down('pveResourceTree'); - tree.selectById(nodeid); - }, - - onLogin: function(loginData) { - var me = this; - - me.updateUserInfo(); - - if (loginData) { - PVE.data.ResourceStore.startUpdate(); - - Proxmox.Utils.API2Request({ - url: '/version', - method: 'GET', - success: function(response) { - PVE.VersionInfo = response.result.data; - me.updateVersionInfo(); - } - }); - } - }, - - updateUserInfo: function() { - var me = this; - - var ui = me.query('#userinfo')[0]; - - if (Proxmox.UserName) { - var msg = Ext.String.format(gettext("You are logged in as {0}"), "'" + Proxmox.UserName + "'"); - ui.update('
' + msg + '
');
- } else {
- ui.update('');
- }
- ui.updateLayout();
- },
-
- updateVersionInfo: function() {
- var me = this;
-
- var ui = me.query('#versioninfo')[0];
-
- if (PVE.VersionInfo) {
- var version = PVE.VersionInfo.version + '-' + PVE.VersionInfo.release;
- ui.update('Virtual Environment ' + version);
- } else {
- ui.update('Virtual Environment');
- }
- ui.updateLayout();
- },
-
- initComponent : function() {
- var me = this;
-
- Ext.History.init();
-
- var sprovider = Ext.create('PVE.StateProvider');
- Ext.state.Manager.setProvider(sprovider);
-
- var selview = Ext.create('PVE.form.ViewSelector');
-
- var rtree = Ext.createWidget('pveResourceTree', {
- viewFilter: selview.getViewFilter(),
- flex: 1,
- selModel: {
- selType: 'treemodel',
- listeners: {
- selectionchange: function(sm, selected) {
- if (selected.length > 0) {
- var n = selected[0];
- var tlckup = {
- root: 'PVE.dc.Config',
- node: 'PVE.node.Config',
- qemu: 'PVE.qemu.Config',
- lxc: 'PVE.lxc.Config',
- storage: 'PVE.storage.Browser',
- pool: 'pvePoolConfig'
- };
- var comp = {
- xtype: tlckup[n.data.type || 'root'] ||
- 'pvePanelConfig',
- showSearch: (n.data.id === 'root') ||
- Ext.isDefined(n.data.groupbyid),
- pveSelNode: n,
- workspace: me,
- viewFilter: selview.getViewFilter()
- };
- PVE.curSelectedNode = n;
- me.setContent(comp);
- }
- }
- }
- }
- });
-
- selview.on('select', function(combo, records) {
- if (records) {
- var view = combo.getViewFilter();
- rtree.setViewFilter(view);
- }
- });
-
- var caps = sprovider.get('GuiCap');
-
- var createVM = Ext.createWidget('button', {
- pack: 'end',
- margin: '3 5 0 0',
- baseCls: 'x-btn',
- iconCls: 'fa fa-desktop',
- text: gettext("Create VM"),
- disabled: !caps.vms['VM.Allocate'],
- handler: function() {
- var wiz = Ext.create('PVE.qemu.CreateWizard', {});
- wiz.show();
- }
- });
-
- var createCT = Ext.createWidget('button', {
- pack: 'end',
- margin: '3 5 0 0',
- baseCls: 'x-btn',
- iconCls: 'fa fa-cube',
- text: gettext("Create CT"),
- disabled: !caps.vms['VM.Allocate'],
- handler: function() {
- var wiz = Ext.create('PVE.lxc.CreateWizard', {});
- wiz.show();
- }
- });
-
- sprovider.on('statechange', function(sp, key, value) {
- if (key === 'GuiCap' && value) {
- caps = value;
- createVM.setDisabled(!caps.vms['VM.Allocate']);
- createCT.setDisabled(!caps.vms['VM.Allocate']);
- }
- });
-
- Ext.apply(me, {
- layout: { type: 'border' },
- border: false,
- items: [
- {
- region: 'north',
- layout: {
- type: 'hbox',
- align: 'middle'
- },
- baseCls: 'x-plain',
- defaults: {
- baseCls: 'x-plain'
- },
- border: false,
- margin: '2 0 2 5',
- items: [
- {
- html: '' +
- '
'
- },
- {
- minWidth: 150,
- id: 'versioninfo',
- html: 'Virtual Environment'
- },
- {
- xtype: 'pveGlobalSearchField',
- tree: rtree
- },
- {
- flex: 1
- },
- {
- pack: 'end',
- id: 'userinfo',
- stateful: false
- },
- {
- xtype: 'button',
- margin: '0 10 0 3',
- iconCls: 'fa black fa-gear',
- userCls: 'pointer',
- handler: function() {
- var win = Ext.create('PVE.window.Settings');
- win.show();
- }
- },
- {
- xtype: 'proxmoxHelpButton',
- hidden: false,
- baseCls: 'x-btn',
- iconCls: 'fa fa-book x-btn-icon-el-default-toolbar-small ',
- listenToGlobalEvent: false,
- onlineHelp: 'pve_documentation_index',
- text: gettext('Documentation'),
- margin: '0 5 0 0'
- },
- createVM,
- createCT,
- {
- pack: 'end',
- margin: '0 5 0 0',
- xtype: 'button',
- baseCls: 'x-btn',
- iconCls: 'fa fa-sign-out',
- text: gettext("Logout"),
- handler: function() {
- PVE.data.ResourceStore.loadData([], false);
- me.showLogin();
- me.setContent(null);
- var rt = me.down('pveResourceTree');
- rt.setDatacenterText(undefined);
- rt.clearTree();
-
- // empty the stores of the StatusPanel child items
- var statusPanels = Ext.ComponentQuery.query('pveStatusPanel grid');
- Ext.Array.forEach(statusPanels, function(comp) {
- if (comp.getStore()) {
- comp.getStore().loadData([], false);
- }
- });
- }
- }
- ]
- },
- {
- region: 'center',
- stateful: true,
- stateId: 'pvecenter',
- minWidth: 100,
- minHeight: 100,
- id: 'content',
- xtype: 'container',
- layout: { type: 'card' },
- border: false,
- margin: '0 5 0 0',
- items: []
- },
- {
- region: 'west',
- stateful: true,
- stateId: 'pvewest',
- itemId: 'west',
- xtype: 'container',
- border: false,
- layout: { type: 'vbox', align: 'stretch' },
- margin: '0 0 0 5',
- split: true,
- width: 200,
- items: [ selview, rtree ],
- listeners: {
- resize: function(panel, width, height) {
- var viewWidth = me.getSize().width;
- if (width > viewWidth - 100) {
- panel.setWidth(viewWidth - 100);
- }
- }
- }
- },
- {
- xtype: 'pveStatusPanel',
- stateful: true,
- stateId: 'pvesouth',
- itemId: 'south',
- region: 'south',
- margin:'0 5 5 5',
- title: gettext('Logs'),
- collapsible: true,
- header: false,
- height: 200,
- split:true,
- listeners: {
- resize: function(panel, width, height) {
- var viewHeight = me.getSize().height;
- if (height > (viewHeight - 150)) {
- panel.setHeight(viewHeight - 150);
- }
- }
- }
- }
- ]
- });
-
- me.callParent();
-
- me.updateUserInfo();
-
- // on resize, center all modal windows
- Ext.on('resize', function(){
- var wins = Ext.ComponentQuery.query('window[modal]');
- if (wins.length > 0) {
- wins.forEach(function(win){
- win.alignTo(me, 'c-c');
- });
- }
- });
- }
-});
-
diff --git a/serverside/jsmod/6.0-4.sh b/serverside/jsmod/6.0-4.sh
deleted file mode 100644
index 66c0f54..0000000
--- a/serverside/jsmod/6.0-4.sh
+++ /dev/null
@@ -1,32 +0,0 @@
-#!/bin/bash
-
-Say () {
- printf "\e[1;34m $1 \e[0m \n";
-}
-
-DotSay () {
- printf "[\e[1;34m*\e[0m] \e[1;34m $1 \e[0m \n";
-}
-
-
-Say '[PVE Discord Dark UI Theme JSMOD Installer]'
-Say 'Internet connection REQUIRED.'
-Say '!!ONLY FOR PVE 6.0-4 - 6.1-x!!'
-Say '>Press any key to begin installation'
-read -p ""
-Say ' '
-DotSay 'Backing up files'
-cp /usr/share/pve-manager/js/pvemanagerlib.js /usr/share/pve-manager/js/pvemanagerlib.js.bak
-cp /usr/share/javascript/extjs/charts.js /usr/share/javascript/extjs/charts.js.bak
-cp /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js.bak
-DotSay 'Replacing files with modded versions'
-rm /usr/share/pve-manager/js/pvemanagerlib.js
-wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/6.0-4/pvemanagerlib.js -P /usr/share/pve-manager/js/ &> /dev/null
-rm /usr/share/javascript/extjs/charts.js
-wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/6.0-4/charts.js -P /usr/share/javascript/extjs/ &> /dev/null
-rm /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js
-wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/6.0-4/proxmoxlib.js -P /usr/share/javascript/proxmox-widget-toolkit/ &> /dev/null
-DotSay 'Applied successfully.'
-Say ''
-Say 'Installation finished!'
-Say 'o7'
diff --git a/serverside/jsmod/6.0-4/charts.js b/serverside/jsmod/6.0-4/charts.js
deleted file mode 100644
index 713bec3..0000000
--- a/serverside/jsmod/6.0-4/charts.js
+++ /dev/null
@@ -1,22013 +0,0 @@
-Ext.define("Ext.draw.ContainerBase", {
- extend: "Ext.panel.Panel",
- requires: ["Ext.window.Window"],
- previewTitleText: "Chart Preview",
- previewAltText: "Chart preview",
- layout: "container",
- addElementListener: function() {
- var b = this,
- a = arguments;
- if (b.rendered) {
- b.el.on.apply(b.el, a)
- } else {
- b.on("render", function() {
- b.el.on.apply(b.el, a)
- })
- }
- },
- removeElementListener: function() {
- var b = this,
- a = arguments;
- if (b.rendered) {
- b.el.un.apply(b.el, a)
- }
- },
- afterRender: function() {
- this.callParent(arguments);
- this.initAnimator()
- },
- getItems: function() {
- var b = this,
- a = b.items;
- if (!a || !a.isMixedCollection) {
- b.initItems()
- }
- return b.items
- },
- onRender: function() {
- this.callParent(arguments);
- this.element = this.el;
- this.innerElement = this.body
- },
- setItems: function(a) {
- this.items = a;
- return a
- },
- setSurfaceSize: function(b, a) {
- this.resizeHandler({
- width: b,
- height: a
- });
- this.renderFrame()
- },
- onResize: function(c, a, b, e) {
- var d = this;
- d.callParent([c, a, b, e]);
- d.setBodySize({
- width: c,
- height: a
- })
- },
- preview: function() {
- var a = this.getImage();
- new Ext.window.Window({
- title: this.previewTitleText,
- closeable: true,
- renderTo: Ext.getBody(),
- autoShow: true,
- maximizeable: true,
- maximized: true,
- border: true,
- layout: {
- type: "hbox",
- pack: "center",
- align: "middle"
- },
- items: {
- xtype: "container",
- items: {
- xtype: "image",
- mode: "img",
- cls: Ext.baseCSSPrefix + "chart-image",
- alt: this.previewAltText,
- src: a.data,
- listeners: {
- afterrender: function() {
- var e = this,
- b = e.imgEl.dom,
- d = a.type === "svg" ? 1 : (window.devicePixelRatio || 1),
- c;
- if (!b.naturalWidth || !b.naturalHeight) {
- b.onload = function() {
- var g = b.naturalWidth,
- f = b.naturalHeight;
- e.setWidth(Math.floor(g / d));
- e.setHeight(Math.floor(f / d))
- }
- } else {
- c = e.getSize();
- e.setWidth(Math.floor(c.width / d));
- e.setHeight(Math.floor(c.height / d))
- }
- }
- }
- }
- }
- })
- },
- privates: {
- getTargetEl: function() {
- return this.innerElement
- },
- reattachToBody: function() {
- var a = this;
- if (a.pendingDetachSize) {
- a.onBodyResize()
- }
- a.pendingDetachSize = false;
- a.callParent()
- }
- }
-});
-Ext.define("Ext.draw.SurfaceBase", {
- extend: "Ext.Widget",
- getOwnerBody: function() {
- return this.ownerCt.body
- },
- destroy: function() {
- var a = this;
- if (a.hasListeners.destroy) {
- a.fireEvent("destroy", a)
- }
- a.callParent()
- }
-});
-Ext.define("Ext.draw.Color", {
- statics: {
- colorToHexRe: /(.*?)rgb\((\d+),\s*(\d+),\s*(\d+)\)/,
- rgbToHexRe: /\s*rgb\((\d+),\s*(\d+),\s*(\d+)\)/,
- rgbaToHexRe: /\s*rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\.\d]+)\)/,
- hexRe: /\s*#([0-9a-fA-F][0-9a-fA-F]?)([0-9a-fA-F][0-9a-fA-F]?)([0-9a-fA-F][0-9a-fA-F]?)\s*/,
- NONE: "none",
- RGBA_NONE: "rgba(0, 0, 0, 0)"
- },
- isColor: true,
- lightnessFactor: 0.2,
- constructor: function(d, b, a, c) {
- this.setRGB(d, b, a, c)
- },
- setRGB: function(e, c, a, d) {
- var b = this;
- b.r = Math.min(255, Math.max(0, e));
- b.g = Math.min(255, Math.max(0, c));
- b.b = Math.min(255, Math.max(0, a));
- if (d === undefined) {
- b.a = 1
- } else {
- b.a = Math.min(1, Math.max(0, d))
- }
- },
- getGrayscale: function() {
- return this.r * 0.3 + this.g * 0.59 + this.b * 0.11
- },
- getHSL: function() {
- var i = this,
- a = i.r / 255,
- f = i.g / 255,
- j = i.b / 255,
- k = Math.max(a, f, j),
- d = Math.min(a, f, j),
- m = k - d,
- e, n = 0,
- c = 0.5 * (k + d);
- if (d !== k) {
- n = (c <= 0.5) ? m / (k + d) : m / (2 - k - d);
- if (a === k) {
- e = 60 * (f - j) / m
- } else {
- if (f === k) {
- e = 120 + 60 * (j - a) / m
- } else {
- e = 240 + 60 * (a - f) / m
- }
- }
- if (e < 0) {
- e += 360
- }
- if (e >= 360) {
- e -= 360
- }
- }
- return [e, n, c]
- },
- getHSV: function() {
- var i = this,
- a = i.r / 255,
- f = i.g / 255,
- j = i.b / 255,
- k = Math.max(a, f, j),
- d = Math.min(a, f, j),
- c = k - d,
- e, m = 0,
- l = k;
- if (d != k) {
- m = l ? c / l : 0;
- if (a === k) {
- e = 60 * (f - j) / c
- } else {
- if (f === k) {
- e = 60 * (j - a) / c + 120
- } else {
- e = 60 * (a - f) / c + 240
- }
- }
- if (e < 0) {
- e += 360
- }
- if (e >= 360) {
- e -= 360
- }
- }
- return [e, m, l]
- },
- setHSL: function(g, f, e) {
- var i = this,
- d = Math.abs,
- j, b, a;
- g = (g % 360 + 360) % 360;
- f = f > 1 ? 1 : f < 0 ? 0 : f;
- e = e > 1 ? 1 : e < 0 ? 0 : e;
- if (f === 0 || g === null) {
- e *= 255;
- i.setRGB(e, e, e)
- } else {
- g /= 60;
- j = f * (1 - d(2 * e - 1));
- b = j * (1 - d(g % 2 - 1));
- a = e - j / 2;
- a *= 255;
- j *= 255;
- b *= 255;
- switch (Math.floor(g)) {
- case 0:
- i.setRGB(j + a, b + a, a);
- break;
- case 1:
- i.setRGB(b + a, j + a, a);
- break;
- case 2:
- i.setRGB(a, j + a, b + a);
- break;
- case 3:
- i.setRGB(a, b + a, j + a);
- break;
- case 4:
- i.setRGB(b + a, a, j + a);
- break;
- case 5:
- i.setRGB(j + a, a, b + a);
- break
- }
- }
- return i
- },
- setHSV: function(f, e, d) {
- var g = this,
- i, b, a;
- f = (f % 360 + 360) % 360;
- e = e > 1 ? 1 : e < 0 ? 0 : e;
- d = d > 1 ? 1 : d < 0 ? 0 : d;
- if (e === 0 || f === null) {
- d *= 255;
- g.setRGB(d, d, d)
- } else {
- f /= 60;
- i = d * e;
- b = i * (1 - Math.abs(f % 2 - 1));
- a = d - i;
- a *= 255;
- i *= 255;
- b *= 255;
- switch (Math.floor(f)) {
- case 0:
- g.setRGB(i + a, b + a, a);
- break;
- case 1:
- g.setRGB(b + a, i + a, a);
- break;
- case 2:
- g.setRGB(a, i + a, b + a);
- break;
- case 3:
- g.setRGB(a, b + a, i + a);
- break;
- case 4:
- g.setRGB(b + a, a, i + a);
- break;
- case 5:
- g.setRGB(i + a, a, b + a);
- break
- }
- }
- return g
- },
- createLighter: function(b) {
- if (!b && b !== 0) {
- b = this.lightnessFactor
- }
- var a = this.getHSL();
- a[2] = Ext.Number.constrain(a[2] + b, 0, 1);
- return Ext.draw.Color.fromHSL(a[0], a[1], a[2])
- },
- createDarker: function(a) {
- if (!a && a !== 0) {
- a = this.lightnessFactor
- }
- return this.createLighter(-a)
- },
- toString: function() {
- var f = this,
- c = Math.round;
- if (f.a === 1) {
- var e = c(f.r).toString(16),
- d = c(f.g).toString(16),
- a = c(f.b).toString(16);
- e = (e.length === 1) ? "0" + e : e;
- d = (d.length === 1) ? "0" + d : d;
- a = (a.length === 1) ? "0" + a : a;
- return ["#", e, d, a].join("")
- } else {
- return "rgba(" + [c(f.r), c(f.g), c(f.b), f.a === 0 ? 0 : f.a.toFixed(15)].join(", ") + ")"
- }
- },
- toHex: function(b) {
- if (Ext.isArray(b)) {
- b = b[0]
- }
- if (!Ext.isString(b)) {
- return ""
- }
- if (b.substr(0, 1) === "#") {
- return b
- }
- var e = Ext.draw.Color.colorToHexRe.exec(b);
- if (Ext.isArray(e)) {
- var f = parseInt(e[2], 10),
- d = parseInt(e[3], 10),
- a = parseInt(e[4], 10),
- c = a | (d << 8) | (f << 16);
- return e[1] + "#" + ("000000" + c.toString(16)).slice(-6)
- } else {
- return ""
- }
- },
- setFromString: function(j) {
- var e, h, f, c, d = 1,
- i = parseInt;
- if (j === Ext.draw.Color.NONE) {
- this.r = this.g = this.b = this.a = 0;
- return this
- }
- if ((j.length === 4 || j.length === 7) && j.substr(0, 1) === "#") {
- e = j.match(Ext.draw.Color.hexRe);
- if (e) {
- h = i(e[1], 16) >> 0;
- f = i(e[2], 16) >> 0;
- c = i(e[3], 16) >> 0;
- if (j.length === 4) {
- h += (h * 16);
- f += (f * 16);
- c += (c * 16)
- }
- }
- } else {
- if ((e = j.match(Ext.draw.Color.rgbToHexRe))) {
- h = +e[1];
- f = +e[2];
- c = +e[3]
- } else {
- if ((e = j.match(Ext.draw.Color.rgbaToHexRe))) {
- h = +e[1];
- f = +e[2];
- c = +e[3];
- d = +e[4]
- } else {
- if (Ext.draw.Color.ColorList.hasOwnProperty(j.toLowerCase())) {
- return this.setFromString(Ext.draw.Color.ColorList[j.toLowerCase()])
- }
- }
- }
- }
- if (typeof h === "undefined") {
- return this
- }
- this.r = h;
- this.g = f;
- this.b = c;
- this.a = d;
- return this
- }
-}, function() {
- var a = new this();
- this.addStatics({
- fly: function(f, e, c, d) {
- switch (arguments.length) {
- case 1:
- a.setFromString(f);
- break;
- case 3:
- case 4:
- a.setRGB(f, e, c, d);
- break;
- default:
- return null
- }
- return a
- },
- ColorList: {
- aliceblue: "#f0f8ff",
- antiquewhite: "#faebd7",
- aqua: "#00ffff",
- aquamarine: "#7fffd4",
- azure: "#f0ffff",
- beige: "#f5f5dc",
- bisque: "#ffe4c4",
- black: "#000000",
- blanchedalmond: "#ffebcd",
- blue: "#0000ff",
- blueviolet: "#8a2be2",
- brown: "#a52a2a",
- burlywood: "#deb887",
- cadetblue: "#5f9ea0",
- chartreuse: "#7fff00",
- chocolate: "#d2691e",
- coral: "#ff7f50",
- cornflowerblue: "#6495ed",
- cornsilk: "#fff8dc",
- crimson: "#dc143c",
- cyan: "#00ffff",
- darkblue: "#00008b",
- darkcyan: "#008b8b",
- darkgoldenrod: "#b8860b",
- darkgray: "#a9a9a9",
- darkgreen: "#006400",
- darkkhaki: "#bdb76b",
- darkmagenta: "#8b008b",
- darkolivegreen: "#556b2f",
- darkorange: "#ff8c00",
- darkorchid: "#9932cc",
- darkred: "#8b0000",
- darksalmon: "#e9967a",
- darkseagreen: "#8fbc8f",
- darkslateblue: "#483d8b",
- darkslategray: "#2f4f4f",
- darkturquoise: "#00ced1",
- darkviolet: "#9400d3",
- deeppink: "#ff1493",
- deepskyblue: "#00bfff",
- dimgray: "#696969",
- dodgerblue: "#1e90ff",
- firebrick: "#b22222",
- floralwhite: "#fffaf0",
- forestgreen: "#228b22",
- fuchsia: "#ff00ff",
- gainsboro: "#dcdcdc",
- ghostwhite: "#f8f8ff",
- gold: "#ffd700",
- goldenrod: "#daa520",
- gray: "#808080",
- green: "#008000",
- greenyellow: "#adff2f",
- honeydew: "#f0fff0",
- hotpink: "#ff69b4",
- indianred: "#cd5c5c",
- indigo: "#4b0082",
- ivory: "#fffff0",
- khaki: "#f0e68c",
- lavender: "#e6e6fa",
- lavenderblush: "#fff0f5",
- lawngreen: "#7cfc00",
- lemonchiffon: "#fffacd",
- lightblue: "#add8e6",
- lightcoral: "#f08080",
- lightcyan: "#e0ffff",
- lightgoldenrodyellow: "#fafad2",
- lightgray: "#d3d3d3",
- lightgrey: "#d3d3d3",
- lightgreen: "#90ee90",
- lightpink: "#ffb6c1",
- lightsalmon: "#ffa07a",
- lightseagreen: "#20b2aa",
- lightskyblue: "#87cefa",
- lightslategray: "#778899",
- lightsteelblue: "#b0c4de",
- lightyellow: "#ffffe0",
- lime: "#00ff00",
- limegreen: "#32cd32",
- linen: "#faf0e6",
- magenta: "#ff00ff",
- maroon: "#800000",
- mediumaquamarine: "#66cdaa",
- mediumblue: "#0000cd",
- mediumorchid: "#ba55d3",
- mediumpurple: "#9370d8",
- mediumseagreen: "#3cb371",
- mediumslateblue: "#7b68ee",
- mediumspringgreen: "#00fa9a",
- mediumturquoise: "#48d1cc",
- mediumvioletred: "#c71585",
- midnightblue: "#191970",
- mintcream: "#f5fffa",
- mistyrose: "#ffe4e1",
- moccasin: "#ffe4b5",
- navajowhite: "#ffdead",
- navy: "#000080",
- oldlace: "#fdf5e6",
- olive: "#808000",
- olivedrab: "#6b8e23",
- orange: "#ffa500",
- orangered: "#ff4500",
- orchid: "#da70d6",
- palegoldenrod: "#eee8aa",
- palegreen: "#98fb98",
- paleturquoise: "#afeeee",
- palevioletred: "#d87093",
- papayawhip: "#ffefd5",
- peachpuff: "#ffdab9",
- peru: "#cd853f",
- pink: "#ffc0cb",
- plum: "#dda0dd",
- powderblue: "#b0e0e6",
- purple: "#800080",
- red: "#ff0000",
- rosybrown: "#bc8f8f",
- royalblue: "#4169e1",
- saddlebrown: "#8b4513",
- salmon: "#fa8072",
- sandybrown: "#f4a460",
- seagreen: "#2e8b57",
- seashell: "#fff5ee",
- sienna: "#a0522d",
- silver: "#c0c0c0",
- skyblue: "#87ceeb",
- slateblue: "#6a5acd",
- slategray: "#708090",
- snow: "#fffafa",
- springgreen: "#00ff7f",
- steelblue: "#4682b4",
- tan: "#d2b48c",
- teal: "#008080",
- thistle: "#d8bfd8",
- tomato: "#ff6347",
- turquoise: "#40e0d0",
- violet: "#ee82ee",
- wheat: "#f5deb3",
- white: "#ffffff",
- whitesmoke: "#f5f5f5",
- yellow: "#ffff00",
- yellowgreen: "#9acd32"
- },
- fromHSL: function(d, c, b) {
- return (new this(0, 0, 0, 0)).setHSL(d, c, b)
- },
- fromHSV: function(d, c, b) {
- return (new this(0, 0, 0, 0)).setHSL(d, c, b)
- },
- fromString: function(b) {
- return (new this(0, 0, 0, 0)).setFromString(b)
- },
- create: function(b) {
- if (b instanceof this) {
- return b
- } else {
- if (Ext.isArray(b)) {
- return new Ext.draw.Color(b[0], b[1], b[2], b[3])
- } else {
- if (Ext.isString(b)) {
- return Ext.draw.Color.fromString(b)
- } else {
- if (arguments.length > 2) {
- return new Ext.draw.Color(arguments[0], arguments[1], arguments[2], arguments[3])
- } else {
- return new Ext.draw.Color(0, 0, 0, 0)
- }
- }
- }
- }
- }
- })
-});
-Ext.define("Ext.draw.sprite.AnimationParser", function() {
- function a(d, c, b) {
- return d + (c - d) * b
- }
- return {
- singleton: true,
- attributeRe: /^url\(#([a-zA-Z\-]+)\)$/,
- requires: ["Ext.draw.Color"],
- color: {
- parseInitial: function(c, b) {
- if (Ext.isString(c)) {
- c = Ext.draw.Color.create(c)
- }
- if (Ext.isString(b)) {
- b = Ext.draw.Color.create(b)
- }
- if ((c instanceof Ext.draw.Color) && (b instanceof Ext.draw.Color)) {
- return [
- [c.r, c.g, c.b, c.a],
- [b.r, b.g, b.b, b.a]
- ]
- } else {
- return [c || b, b || c]
- }
- },
- compute: function(d, c, b) {
- if (!Ext.isArray(d) || !Ext.isArray(c)) {
- return c || d
- } else {
- return [a(d[0], c[0], b), a(d[1], c[1], b), a(d[2], c[2], b), a(d[3], c[3], b)]
- }
- },
- serve: function(c) {
- var b = Ext.draw.Color.fly(c[0], c[1], c[2], c[3]);
- return b.toString()
- }
- },
- number: {
- parse: function(b) {
- return b === null ? null : +b
- },
- compute: function(d, c, b) {
- if (!Ext.isNumber(d) || !Ext.isNumber(c)) {
- return c || d
- } else {
- return a(d, c, b)
- }
- }
- },
- angle: {
- parseInitial: function(c, b) {
- if (b - c > Math.PI) {
- b -= Math.PI * 2
- } else {
- if (b - c < -Math.PI) {
- b += Math.PI * 2
- }
- }
- return [c, b]
- },
- compute: function(d, c, b) {
- if (!Ext.isNumber(d) || !Ext.isNumber(c)) {
- return c || d
- } else {
- return a(d, c, b)
- }
- }
- },
- path: {
- parseInitial: function(m, n) {
- var c = m.toStripes(),
- o = n.toStripes(),
- e, d, k = c.length,
- p = o.length,
- h, f, b, g = o[p - 1],
- l = [g[g.length - 2], g[g.length - 1]];
- for (e = k; e < p; e++) {
- c.push(c[k - 1].slice(0))
- }
- for (e = p; e < k; e++) {
- o.push(l.slice(0))
- }
- b = c.length;
- o.path = n;
- o.temp = new Ext.draw.Path();
- for (e = 0; e < b; e++) {
- h = c[e];
- f = o[e];
- k = h.length;
- p = f.length;
- o.temp.commands.push("M");
- for (d = p; d < k; d += 6) {
- f.push(l[0], l[1], l[0], l[1], l[0], l[1])
- }
- g = o[o.length - 1];
- l = [g[g.length - 2], g[g.length - 1]];
- for (d = k; d < p; d += 6) {
- h.push(l[0], l[1], l[0], l[1], l[0], l[1])
- }
- for (e = 0; e < f.length; e++) {
- f[e] -= h[e]
- }
- for (e = 2; e < f.length; e += 6) {
- o.temp.commands.push("C")
- }
- }
- return [c, o]
- },
- compute: function(c, l, m) {
- if (m >= 1) {
- return l.path
- }
- var e = 0,
- f = c.length,
- d = 0,
- b, k, h, n = l.temp.params,
- g = 0;
- for (; e < f; e++) {
- k = c[e];
- h = l[e];
- b = k.length;
- for (d = 0; d < b; d++) {
- n[g++] = h[d] * m + k[d]
- }
- }
- return l.temp
- }
- },
- data: {
- compute: function(h, j, k, g) {
- var m = h.length - 1,
- b = j.length - 1,
- e = Math.max(m, b),
- d, l, c;
- if (!g || g === h) {
- g = []
- }
- g.length = e + 1;
- for (c = 0; c <= e; c++) {
- d = h[Math.min(c, m)];
- l = j[Math.min(c, b)];
- if (Ext.isNumber(d)) {
- if (!Ext.isNumber(l)) {
- l = 0
- }
- g[c] = (l - d) * k + d
- } else {
- g[c] = l
- }
- }
- return g
- }
- },
- text: {
- compute: function(d, c, b) {
- return d.substr(0, Math.round(d.length * (1 - b))) + c.substr(Math.round(c.length * (1 - b)))
- }
- },
- limited: "number",
- limited01: "number"
- }
-});
-(function() {
- if (!Ext.global.Float32Array) {
- var a = function(d) {
- if (typeof d === "number") {
- this.length = d
- } else {
- if ("length" in d) {
- this.length = d.length;
- for (var c = 0, b = d.length; c < b; c++) {
- this[c] = +d[c]
- }
- }
- }
- };
- a.prototype = [];
- Ext.global.Float32Array = a
- }
-})();
-Ext.define("Ext.draw.Draw", {
- singleton: true,
- radian: Math.PI / 180,
- pi2: Math.PI * 2,
- reflectFn: function(b) {
- return b
- },
- rad: function(a) {
- return (a % 360) * this.radian
- },
- degrees: function(a) {
- return (a / this.radian) % 360
- },
- isBBoxIntersect: function(b, a, c) {
- c = c || 0;
- return (Math.max(b.x, a.x) - c > Math.min(b.x + b.width, a.x + a.width)) || (Math.max(b.y, a.y) - c > Math.min(b.y + b.height, a.y + a.height))
- },
- isPointInBBox: function(a, c, b) {
- return !!b && a >= b.x && a <= (b.x + b.width) && c >= b.y && c <= (b.y + b.height)
- },
- spline: function(m) {
- var e, c, k = m.length,
- b, h, l, f, a = 0,
- g = new Float32Array(m.length),
- n = new Float32Array(m.length * 3 - 2);
- g[0] = 0;
- g[k - 1] = 0;
- for (e = 1; e < k - 1; e++) {
- g[e] = (m[e + 1] + m[e - 1] - 2 * m[e]) - g[e - 1];
- a = 1 / (4 - a);
- g[e] *= a
- }
- for (e = k - 2; e > 0; e--) {
- a = 3.732050807568877 + 48.248711305964385 / (-13.928203230275537 + Math.pow(0.07179676972449123, e));
- g[e] -= g[e + 1] * a
- }
- f = m[0];
- b = f - g[0];
- for (e = 0, c = 0; e < k - 1; c += 3) {
- l = f;
- h = b;
- e++;
- f = m[e];
- b = f - g[e];
- n[c] = l;
- n[c + 1] = (b + 2 * h) / 3;
- n[c + 2] = (b * 2 + h) / 3
- }
- n[c] = f;
- return n
- },
- getAnchors: function(e, d, i, h, t, s, o) {
- o = o || 4;
- var n = Math.PI,
- p = n / 2,
- k = Math.abs,
- a = Math.sin,
- b = Math.cos,
- f = Math.atan,
- r, q, g, j, m, l, v, u, c;
- r = (i - e) / o;
- q = (t - i) / o;
- if ((h >= d && h >= s) || (h <= d && h <= s)) {
- g = j = p
- } else {
- g = f((i - e) / k(h - d));
- if (d < h) {
- g = n - g
- }
- j = f((t - i) / k(h - s));
- if (s < h) {
- j = n - j
- }
- }
- c = p - ((g + j) % (n * 2)) / 2;
- if (c > p) {
- c -= n
- }
- g += c;
- j += c;
- m = i - r * a(g);
- l = h + r * b(g);
- v = i + q * a(j);
- u = h + q * b(j);
- if ((h > d && l < d) || (h < d && l > d)) {
- m += k(d - l) * (m - i) / (l - h);
- l = d
- }
- if ((h > s && u < s) || (h < s && u > s)) {
- v -= k(s - u) * (v - i) / (u - h);
- u = s
- }
- return {
- x1: m,
- y1: l,
- x2: v,
- y2: u
- }
- },
- smooth: function(l, j, o) {
- var k = l.length,
- h, g, c, b, q, p, n, m, f = [],
- e = [],
- d, a;
- for (d = 0; d < k - 1; d++) {
- h = l[d];
- g = j[d];
- if (d === 0) {
- n = h;
- m = g;
- f.push(n);
- e.push(m);
- if (k === 1) {
- break
- }
- }
- c = l[d + 1];
- b = j[d + 1];
- q = l[d + 2];
- p = j[d + 2];
- if (!Ext.isNumber(q + p)) {
- f.push(n, c, c);
- e.push(m, b, b);
- break
- }
- a = this.getAnchors(h, g, c, b, q, p, o);
- f.push(n, a.x1, c);
- e.push(m, a.y1, b);
- n = a.x2;
- m = a.y2
- }
- return {
- smoothX: f,
- smoothY: e
- }
- },
- beginUpdateIOS: Ext.os.is.iOS ? function() {
- this.iosUpdateEl = Ext.getBody().createChild({
- style: "position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,0.001); z-index: 100000"
- })
- } : Ext.emptyFn,
- endUpdateIOS: function() {
- this.iosUpdateEl = Ext.destroy(this.iosUpdateEl)
- }
-});
-Ext.define("Ext.draw.gradient.Gradient", {
- requires: ["Ext.draw.Color"],
- isGradient: true,
- config: {
- stops: []
- },
- applyStops: function(f) {
- var e = [],
- d = f.length,
- c, b, a;
- for (c = 0; c < d; c++) {
- b = f[c];
- a = b.color;
- if (!(a && a.isColor)) {
- a = Ext.draw.Color.fly(a || Ext.draw.Color.NONE)
- }
- e.push({
- offset: Math.min(1, Math.max(0, "offset" in b ? b.offset : b.position || 0)),
- color: a.toString()
- })
- }
- e.sort(function(h, g) {
- return h.offset - g.offset
- });
- return e
- },
- onClassExtended: function(a, b) {
- if (!b.alias && b.type) {
- b.alias = "gradient." + b.type
- }
- },
- constructor: function(a) {
- this.initConfig(a)
- },
- generateGradient: Ext.emptyFn
-});
-Ext.define("Ext.draw.gradient.GradientDefinition", {
- singleton: true,
- urlStringRe: /^url\(#([\w\-]+)\)$/,
- gradients: {},
- add: function(a) {
- var b = this.gradients,
- c, e, d;
- for (c = 0, e = a.length; c < e; c++) {
- d = a[c];
- if (Ext.isString(d.id)) {
- b[d.id] = d
- }
- }
- },
- get: function(d) {
- var a = this.gradients,
- b = d.match(this.urlStringRe),
- c;
- if (b && b[1] && (c = a[b[1]])) {
- return c || d
- }
- return d
- }
-});
-Ext.define("Ext.draw.sprite.AttributeParser", {
- singleton: true,
- attributeRe: /^url\(#([a-zA-Z\-]+)\)$/,
- requires: ["Ext.draw.Color", "Ext.draw.gradient.GradientDefinition"],
- "default": Ext.identityFn,
- string: function(a) {
- return String(a)
- },
- number: function(a) {
- if (Ext.isNumber(+a)) {
- return a
- }
- },
- angle: function(a) {
- if (Ext.isNumber(a)) {
- a %= Math.PI * 2;
- if (a < -Math.PI) {
- a += Math.PI * 2
- } else {
- if (a >= Math.PI) {
- a -= Math.PI * 2
- }
- }
- return a
- }
- },
- data: function(a) {
- if (Ext.isArray(a)) {
- return a.slice()
- } else {
- if (a instanceof Float32Array) {
- return new Float32Array(a)
- }
- }
- },
- bool: function(a) {
- return !!a
- },
- color: function(a) {
- if (a instanceof Ext.draw.Color) {
- return a.toString()
- } else {
- if (a instanceof Ext.draw.gradient.Gradient) {
- return a
- } else {
- if (!a) {
- return Ext.draw.Color.NONE
- } else {
- if (Ext.isString(a)) {
- if (a.substr(0, 3) === "url") {
- a = Ext.draw.gradient.GradientDefinition.get(a);
- if (Ext.isString(a)) {
- return a
- }
- } else {
- return Ext.draw.Color.fly(a).toString()
- }
- }
- }
- }
- }
- if (a.type === "linear") {
- return Ext.create("Ext.draw.gradient.Linear", a)
- } else {
- if (a.type === "radial") {
- return Ext.create("Ext.draw.gradient.Radial", a)
- } else {
- if (a.type === "pattern") {
- return Ext.create("Ext.draw.gradient.Pattern", a)
- } else {
- return Ext.draw.Color.NONE
- }
- }
- }
- },
- limited: function(a, b) {
- return function(c) {
- c = +c;
- return Ext.isNumber(c) ? Math.min(Math.max(c, a), b) : undefined
- }
- },
- limited01: function(a) {
- a = +a;
- return Ext.isNumber(a) ? Math.min(Math.max(a, 0), 1) : undefined
- },
- enums: function() {
- var d = {},
- a = Array.prototype.slice.call(arguments, 0),
- b, c;
- for (b = 0, c = a.length; b < c; b++) {
- d[a[b]] = true
- }
- return function(e) {
- return e in d ? e : undefined
- }
- }
-});
-Ext.define("Ext.draw.sprite.AttributeDefinition", {
- requires: ["Ext.draw.sprite.AttributeParser", "Ext.draw.sprite.AnimationParser"],
- config: {
- defaults: {
- $value: {},
- lazy: true
- },
- aliases: {},
- animationProcessors: {},
- processors: {
- $value: {},
- lazy: true
- },
- dirtyTriggers: {},
- triggers: {},
- updaters: {}
- },
- inheritableStatics: {
- processorFactoryRe: /^(\w+)\(([\w\-,]*)\)$/
- },
- spriteClass: null,
- constructor: function(a) {
- var b = this;
- b.initConfig(a)
- },
- applyDefaults: function(b, a) {
- a = Ext.apply(a || {}, this.normalize(b));
- return a
- },
- applyAliases: function(b, a) {
- return Ext.apply(a || {}, b)
- },
- applyProcessors: function(e, i) {
- this.getAnimationProcessors();
- var j = i || {},
- h = Ext.draw.sprite.AttributeParser,
- a = this.self.processorFactoryRe,
- g = {},
- d, b, c, f;
- for (b in e) {
- f = e[b];
- if (typeof f === "string") {
- c = f.match(a);
- if (c) {
- f = h[c[1]].apply(h, c[2].split(","))
- } else {
- if (h[f]) {
- g[b] = f;
- d = true;
- f = h[f]
- }
- }
- }
- j[b] = f
- }
- if (d) {
- this.setAnimationProcessors(g)
- }
- return j
- },
- applyAnimationProcessors: function(c, a) {
- var e = Ext.draw.sprite.AnimationParser,
- b, d;
- if (!a) {
- a = {}
- }
- for (b in c) {
- d = c[b];
- if (d === "none") {
- a[b] = null
- } else {
- if (Ext.isString(d) && !(b in a)) {
- if (d in e) {
- while (Ext.isString(e[d])) {
- d = e[d]
- }
- a[b] = e[d]
- }
- } else {
- if (Ext.isObject(d)) {
- a[b] = d
- }
- }
- }
- }
- return a
- },
- updateDirtyTriggers: function(a) {
- this.setTriggers(a)
- },
- applyTriggers: function(b, c) {
- if (!c) {
- c = {}
- }
- for (var a in b) {
- c[a] = b[a].split(",")
- }
- return c
- },
- applyUpdaters: function(b, a) {
- return Ext.apply(a || {}, b)
- },
- batchedNormalize: function(f, n) {
- if (!f) {
- return {}
- }
- var j = this.getProcessors(),
- d = this.getAliases(),
- a = f.translation || f.translate,
- o = {},
- g, h, b, e, p, c, m, l, k;
- if ("rotation" in f) {
- p = f.rotation
- } else {
- p = ("rotate" in f) ? f.rotate : undefined
- }
- if ("scaling" in f) {
- c = f.scaling
- } else {
- c = ("scale" in f) ? f.scale : undefined
- }
- if (typeof c !== "undefined") {
- if (Ext.isNumber(c)) {
- o.scalingX = c;
- o.scalingY = c
- } else {
- if ("x" in c) {
- o.scalingX = c.x
- }
- if ("y" in c) {
- o.scalingY = c.y
- }
- if ("centerX" in c) {
- o.scalingCenterX = c.centerX
- }
- if ("centerY" in c) {
- o.scalingCenterY = c.centerY
- }
- }
- }
- if (typeof p !== "undefined") {
- if (Ext.isNumber(p)) {
- p = Ext.draw.Draw.rad(p);
- o.rotationRads = p
- } else {
- if ("rads" in p) {
- o.rotationRads = p.rads
- } else {
- if ("degrees" in p) {
- if (Ext.isArray(p.degrees)) {
- o.rotationRads = Ext.Array.map(p.degrees, function(i) {
- return Ext.draw.Draw.rad(i)
- })
- } else {
- o.rotationRads = Ext.draw.Draw.rad(p.degrees)
- }
- }
- }
- if ("centerX" in p) {
- o.rotationCenterX = p.centerX
- }
- if ("centerY" in p) {
- o.rotationCenterY = p.centerY
- }
- }
- }
- if (typeof a !== "undefined") {
- if ("x" in a) {
- o.translationX = a.x
- }
- if ("y" in a) {
- o.translationY = a.y
- }
- }
- if ("matrix" in f) {
- m = Ext.draw.Matrix.create(f.matrix);
- k = m.split();
- o.matrix = m;
- o.rotationRads = k.rotation;
- o.rotationCenterX = 0;
- o.rotationCenterY = 0;
- o.scalingX = k.scaleX;
- o.scalingY = k.scaleY;
- o.scalingCenterX = 0;
- o.scalingCenterY = 0;
- o.translationX = k.translateX;
- o.translationY = k.translateY
- }
- for (b in f) {
- e = f[b];
- if (typeof e === "undefined") {
- continue
- } else {
- if (Ext.isArray(e)) {
- if (b in d) {
- b = d[b]
- }
- if (b in j) {
- o[b] = [];
- for (g = 0, h = e.length; g < h; g++) {
- l = j[b].call(this, e[g]);
- if (typeof l !== "undefined") {
- o[b][g] = l
- }
- }
- } else {
- if (n) {
- o[b] = e
- }
- }
- } else {
- if (b in d) {
- b = d[b]
- }
- if (b in j) {
- e = j[b].call(this, e);
- if (typeof e !== "undefined") {
- o[b] = e
- }
- } else {
- if (n) {
- o[b] = e
- }
- }
- }
- }
- }
- return o
- },
- normalize: function(i, j) {
- if (!i) {
- return {}
- }
- var f = this.getProcessors(),
- d = this.getAliases(),
- a = i.translation || i.translate,
- k = {},
- b, e, l, c, h, g;
- if ("rotation" in i) {
- l = i.rotation
- } else {
- l = ("rotate" in i) ? i.rotate : undefined
- }
- if ("scaling" in i) {
- c = i.scaling
- } else {
- c = ("scale" in i) ? i.scale : undefined
- }
- if (a) {
- if ("x" in a) {
- k.translationX = a.x
- }
- if ("y" in a) {
- k.translationY = a.y
- }
- }
- if (typeof c !== "undefined") {
- if (Ext.isNumber(c)) {
- k.scalingX = c;
- k.scalingY = c
- } else {
- if ("x" in c) {
- k.scalingX = c.x
- }
- if ("y" in c) {
- k.scalingY = c.y
- }
- if ("centerX" in c) {
- k.scalingCenterX = c.centerX
- }
- if ("centerY" in c) {
- k.scalingCenterY = c.centerY
- }
- }
- }
- if (typeof l !== "undefined") {
- if (Ext.isNumber(l)) {
- l = Ext.draw.Draw.rad(l);
- k.rotationRads = l
- } else {
- if ("rads" in l) {
- k.rotationRads = l.rads
- } else {
- if ("degrees" in l) {
- k.rotationRads = Ext.draw.Draw.rad(l.degrees)
- }
- }
- if ("centerX" in l) {
- k.rotationCenterX = l.centerX
- }
- if ("centerY" in l) {
- k.rotationCenterY = l.centerY
- }
- }
- }
- if ("matrix" in i) {
- h = Ext.draw.Matrix.create(i.matrix);
- g = h.split();
- k.matrix = h;
- k.rotationRads = g.rotation;
- k.rotationCenterX = 0;
- k.rotationCenterY = 0;
- k.scalingX = g.scaleX;
- k.scalingY = g.scaleY;
- k.scalingCenterX = 0;
- k.scalingCenterY = 0;
- k.translationX = g.translateX;
- k.translationY = g.translateY
- }
- for (b in i) {
- e = i[b];
- if (typeof e === "undefined") {
- continue
- }
- if (b in d) {
- b = d[b]
- }
- if (b in f) {
- e = f[b].call(this, e);
- if (typeof e !== "undefined") {
- k[b] = e
- }
- } else {
- if (j) {
- k[b] = e
- }
- }
- }
- return k
- },
- setBypassingNormalization: function(a, c, b) {
- return c.pushDown(a, b)
- },
- set: function(a, c, b) {
- b = this.normalize(b);
- return this.setBypassingNormalization(a, c, b)
- }
-});
-Ext.define("Ext.draw.Matrix", {
- isMatrix: true,
- statics: {
- createAffineMatrixFromTwoPair: function(h, t, g, s, k, o, i, j) {
- var v = g - h,
- u = s - t,
- e = i - k,
- q = j - o,
- d = 1 / (v * v + u * u),
- p = v * e + u * q,
- n = e * u - v * q,
- m = -p * h - n * t,
- l = n * h - p * t;
- return new this(p * d, -n * d, n * d, p * d, m * d + k, l * d + o)
- },
- createPanZoomFromTwoPair: function(q, e, p, c, h, s, n, g) {
- if (arguments.length === 2) {
- return this.createPanZoomFromTwoPair.apply(this, q.concat(e))
- }
- var k = p - q,
- j = c - e,
- d = (q + p) * 0.5,
- b = (e + c) * 0.5,
- o = n - h,
- a = g - s,
- f = (h + n) * 0.5,
- l = (s + g) * 0.5,
- m = k * k + j * j,
- i = o * o + a * a,
- t = Math.sqrt(i / m);
- return new this(t, 0, 0, t, f - t * d, l - t * b)
- },
- fly: (function() {
- var a = null,
- b = function(c) {
- a.elements = c;
- return a
- };
- return function(c) {
- if (!a) {
- a = new Ext.draw.Matrix()
- }
- a.elements = c;
- Ext.draw.Matrix.fly = b;
- return a
- }
- })(),
- create: function(a) {
- if (a instanceof this) {
- return a
- }
- return new this(a)
- }
- },
- constructor: function(e, d, a, f, c, b) {
- if (e && e.length === 6) {
- this.elements = e.slice()
- } else {
- if (e !== undefined) {
- this.elements = [e, d, a, f, c, b]
- } else {
- this.elements = [1, 0, 0, 1, 0, 0]
- }
- }
- },
- prepend: function(a, l, h, g, m, k) {
- var b = this.elements,
- d = b[0],
- j = b[1],
- e = b[2],
- c = b[3],
- i = b[4],
- f = b[5];
- b[0] = a * d + h * j;
- b[1] = l * d + g * j;
- b[2] = a * e + h * c;
- b[3] = l * e + g * c;
- b[4] = a * i + h * f + m;
- b[5] = l * i + g * f + k;
- return this
- },
- prependMatrix: function(a) {
- return this.prepend.apply(this, a.elements)
- },
- append: function(a, l, h, g, m, k) {
- var b = this.elements,
- d = b[0],
- j = b[1],
- e = b[2],
- c = b[3],
- i = b[4],
- f = b[5];
- b[0] = a * d + l * e;
- b[1] = a * j + l * c;
- b[2] = h * d + g * e;
- b[3] = h * j + g * c;
- b[4] = m * d + k * e + i;
- b[5] = m * j + k * c + f;
- return this
- },
- appendMatrix: function(a) {
- return this.append.apply(this, a.elements)
- },
- set: function(f, e, a, g, c, b) {
- var d = this.elements;
- d[0] = f;
- d[1] = e;
- d[2] = a;
- d[3] = g;
- d[4] = c;
- d[5] = b;
- return this
- },
- inverse: function(i) {
- var g = this.elements,
- o = g[0],
- m = g[1],
- l = g[2],
- k = g[3],
- j = g[4],
- h = g[5],
- n = 1 / (o * k - m * l);
- o *= n;
- m *= n;
- l *= n;
- k *= n;
- if (i) {
- i.set(k, -m, -l, o, l * h - k * j, m * j - o * h);
- return i
- } else {
- return new Ext.draw.Matrix(k, -m, -l, o, l * h - k * j, m * j - o * h)
- }
- },
- translate: function(a, c, b) {
- if (b) {
- return this.prepend(1, 0, 0, 1, a, c)
- } else {
- return this.append(1, 0, 0, 1, a, c)
- }
- },
- scale: function(f, e, c, a, b) {
- var d = this;
- if (e == null) {
- e = f
- }
- if (c === undefined) {
- c = 0
- }
- if (a === undefined) {
- a = 0
- }
- if (b) {
- return d.prepend(f, 0, 0, e, c - c * f, a - a * e)
- } else {
- return d.append(f, 0, 0, e, c - c * f, a - a * e)
- }
- },
- rotate: function(g, e, c, b) {
- var d = this,
- f = Math.cos(g),
- a = Math.sin(g);
- e = e || 0;
- c = c || 0;
- if (b) {
- return d.prepend(f, a, -a, f, e - f * e + c * a, c - f * c - e * a)
- } else {
- return d.append(f, a, -a, f, e - f * e + c * a, c - f * c - e * a)
- }
- },
- rotateFromVector: function(a, h, c) {
- var e = this,
- g = Math.sqrt(a * a + h * h),
- f = a / g,
- b = h / g;
- if (c) {
- return e.prepend(f, b, -b, f, 0, 0)
- } else {
- return e.append(f, b, -b, f, 0, 0)
- }
- },
- clone: function() {
- return new Ext.draw.Matrix(this.elements)
- },
- flipX: function() {
- return this.append(-1, 0, 0, 1, 0, 0)
- },
- flipY: function() {
- return this.append(1, 0, 0, -1, 0, 0)
- },
- skewX: function(a) {
- return this.append(1, 0, Math.tan(a), 1, 0, 0)
- },
- skewY: function(a) {
- return this.append(1, Math.tan(a), 0, 1, 0, 0)
- },
- shearX: function(a) {
- return this.append(1, 0, a, 1, 0, 0)
- },
- shearY: function(a) {
- return this.append(1, a, 0, 1, 0, 0)
- },
- reset: function() {
- return this.set(1, 0, 0, 1, 0, 0)
- },
- precisionCompensate: function(j, g) {
- var c = this.elements,
- f = c[0],
- e = c[1],
- i = c[2],
- h = c[3],
- d = c[4],
- b = c[5],
- a = e * i - f * h;
- g.b = j * e / f;
- g.c = j * i / h;
- g.d = j;
- g.xx = f / j;
- g.yy = h / j;
- g.dx = (b * f * i - d * f * h) / a / j;
- g.dy = (d * e * h - b * f * h) / a / j
- },
- precisionCompensateRect: function(j, g) {
- var b = this.elements,
- f = b[0],
- e = b[1],
- i = b[2],
- h = b[3],
- c = b[4],
- a = b[5],
- d = i / f;
- g.b = j * e / f;
- g.c = j * d;
- g.d = j * h / f;
- g.xx = f / j;
- g.yy = f / j;
- g.dx = (a * i - c * h) / (e * d - h) / j;
- g.dy = -(a * f - c * e) / (e * d - h) / j
- },
- x: function(a, c) {
- var b = this.elements;
- return a * b[0] + c * b[2] + b[4]
- },
- y: function(a, c) {
- var b = this.elements;
- return a * b[1] + c * b[3] + b[5]
- },
- get: function(b, a) {
- return +this.elements[b + a * 2].toFixed(4)
- },
- transformPoint: function(b) {
- var c = this.elements,
- a, d;
- if (b.isPoint) {
- a = b.x;
- d = b.y
- } else {
- a = b[0];
- d = b[1]
- }
- return [a * c[0] + d * c[2] + c[4], a * c[1] + d * c[3] + c[5]]
- },
- transformBBox: function(q, i, j) {
- var b = this.elements,
- d = q.x,
- r = q.y,
- g = q.width * 0.5,
- o = q.height * 0.5,
- a = b[0],
- s = b[1],
- n = b[2],
- k = b[3],
- e = d + g,
- c = r + o,
- p, f, m;
- if (i) {
- g -= i;
- o -= i;
- m = [Math.sqrt(b[0] * b[0] + b[2] * b[2]), Math.sqrt(b[1] * b[1] + b[3] * b[3])];
- p = Math.abs(g * a) + Math.abs(o * n) + Math.abs(m[0] * i);
- f = Math.abs(g * s) + Math.abs(o * k) + Math.abs(m[1] * i)
- } else {
- p = Math.abs(g * a) + Math.abs(o * n);
- f = Math.abs(g * s) + Math.abs(o * k)
- }
- if (!j) {
- j = {}
- }
- j.x = e * a + c * n + b[4] - p;
- j.y = e * s + c * k + b[5] - f;
- j.width = p + p;
- j.height = f + f;
- return j
- },
- transformList: function(e) {
- var b = this.elements,
- a = b[0],
- h = b[2],
- l = b[4],
- k = b[1],
- g = b[3],
- j = b[5],
- f = e.length,
- c, d;
- for (d = 0; d < f; d++) {
- c = e[d];
- e[d] = [c[0] * a + c[1] * h + l, c[0] * k + c[1] * g + j]
- }
- return e
- },
- isIdentity: function() {
- var a = this.elements;
- return a[0] === 1 && a[1] === 0 && a[2] === 0 && a[3] === 1 && a[4] === 0 && a[5] === 0
- },
- isEqual: function(a) {
- var c = a && a.isMatrix ? a.elements : a,
- b = this.elements;
- return b[0] === c[0] && b[1] === c[1] && b[2] === c[2] && b[3] === c[3] && b[4] === c[4] && b[5] === c[5]
- },
- equals: function(a) {
- return this.isEqual(a)
- },
- toArray: function() {
- var a = this.elements;
- return [a[0], a[2], a[4], a[1], a[3], a[5]]
- },
- toVerticalArray: function() {
- return this.elements.slice()
- },
- toString: function() {
- var a = this;
- return [a.get(0, 0), a.get(0, 1), a.get(1, 0), a.get(1, 1), a.get(2, 0), a.get(2, 1)].join(",")
- },
- toContext: function(a) {
- a.transform.apply(a, this.elements);
- return this
- },
- toSvg: function() {
- var a = this.elements;
- return "matrix(" + a[0].toFixed(9) + "," + a[1].toFixed(9) + "," + a[2].toFixed(9) + "," + a[3].toFixed(9) + "," + a[4].toFixed(9) + "," + a[5].toFixed(9) + ")"
- },
- getScaleX: function() {
- var a = this.elements;
- return Math.sqrt(a[0] * a[0] + a[2] * a[2])
- },
- getScaleY: function() {
- var a = this.elements;
- return Math.sqrt(a[1] * a[1] + a[3] * a[3])
- },
- getXX: function() {
- return this.elements[0]
- },
- getXY: function() {
- return this.elements[1]
- },
- getYX: function() {
- return this.elements[2]
- },
- getYY: function() {
- return this.elements[3]
- },
- getDX: function() {
- return this.elements[4]
- },
- getDY: function() {
- return this.elements[5]
- },
- split: function() {
- var b = this.elements,
- d = b[0],
- c = b[1],
- e = b[3],
- a = {
- translateX: b[4],
- translateY: b[5]
- };
- a.rotate = a.rotation = Math.atan2(c, d);
- a.scaleX = d / Math.cos(a.rotate);
- a.scaleY = e / d * a.scaleX;
- return a
- }
-}, function() {
- function b(e, c, d) {
- e[c] = {
- get: function() {
- return this.elements[d]
- },
- set: function(f) {
- this.elements[d] = f
- }
- }
- }
- if (Object.defineProperties) {
- var a = {};
- b(a, "a", 0);
- b(a, "b", 1);
- b(a, "c", 2);
- b(a, "d", 3);
- b(a, "e", 4);
- b(a, "f", 5);
- Object.defineProperties(this.prototype, a)
- }
- this.prototype.multiply = this.prototype.appendMatrix
-});
-Ext.define("Ext.draw.modifier.Modifier", {
- mixins: {
- observable: "Ext.mixin.Observable"
- },
- config: {
- previous: null,
- next: null,
- sprite: null
- },
- constructor: function(a) {
- this.mixins.observable.constructor.call(this, a)
- },
- updateNext: function(a) {
- if (a) {
- a.setPrevious(this)
- }
- },
- updatePrevious: function(a) {
- if (a) {
- a.setNext(this)
- }
- },
- prepareAttributes: function(a) {
- if (this._previous) {
- this._previous.prepareAttributes(a)
- }
- },
- popUp: function(a, b) {
- if (this._next) {
- this._next.popUp(a, b)
- } else {
- Ext.apply(a, b)
- }
- },
- pushDown: function(a, c) {
- if (this._previous) {
- return this._previous.pushDown(a, c)
- } else {
- for (var b in c) {
- if (c[b] === a[b]) {
- delete c[b]
- }
- }
- return c
- }
- }
-});
-Ext.define("Ext.draw.modifier.Target", {
- requires: ["Ext.draw.Matrix"],
- extend: "Ext.draw.modifier.Modifier",
- alias: "modifier.target",
- statics: {
- uniqueId: 0
- },
- prepareAttributes: function(a) {
- var b = this.getPrevious();
- if (b) {
- b.prepareAttributes(a)
- }
- a.attributeId = "attribute-" + Ext.draw.modifier.Target.uniqueId++;
- if (!a.hasOwnProperty("canvasAttributes")) {
- a.bbox = {
- plain: {
- dirty: true
- },
- transform: {
- dirty: true
- }
- };
- a.dirty = true;
- a.pendingUpdaters = {};
- a.canvasAttributes = {};
- a.matrix = new Ext.draw.Matrix();
- a.inverseMatrix = new Ext.draw.Matrix()
- }
- },
- applyChanges: function(f, k) {
- Ext.apply(f, k);
- var l = this.getSprite(),
- o = f.pendingUpdaters,
- h = l.self.def.getTriggers(),
- p, a, m, b, e, n, d, c, g;
- for (b in k) {
- e = true;
- if ((p = h[b])) {
- l.scheduleUpdaters(f, p, [b])
- }
- if (f.template && k.removeFromInstance && k.removeFromInstance[b]) {
- delete f[b]
- }
- }
- if (!e) {
- return
- }
- if (o.canvas) {
- n = o.canvas;
- delete o.canvas;
- for (d = 0, g = n.length; d < g; d++) {
- b = n[d];
- f.canvasAttributes[b] = f[b]
- }
- }
- if (f.hasOwnProperty("children")) {
- a = f.children;
- for (d = 0, g = a.length; d < g; d++) {
- m = a[d];
- Ext.apply(m.pendingUpdaters, o);
- if (n) {
- for (c = 0; c < n.length; c++) {
- b = n[c];
- m.canvasAttributes[b] = m[b]
- }
- }
- l.callUpdaters(m)
- }
- }
- l.setDirty(true);
- l.callUpdaters(f)
- },
- popUp: function(a, b) {
- this.applyChanges(a, b)
- },
- pushDown: function(a, b) {
- var c = this.getPrevious();
- if (c) {
- b = c.pushDown(a, b)
- }
- this.applyChanges(a, b);
- return b
- }
-});
-Ext.define("Ext.draw.TimingFunctions", function() {
- var g = Math.pow,
- j = Math.sin,
- m = Math.cos,
- l = Math.sqrt,
- e = Math.PI,
- b = ["quad", "cube", "quart", "quint"],
- c = {
- pow: function(o, i) {
- return g(o, i || 6)
- },
- expo: function(i) {
- return g(2, 8 * (i - 1))
- },
- circ: function(i) {
- return 1 - l(1 - i * i)
- },
- sine: function(i) {
- return 1 - j((1 - i) * e / 2)
- },
- back: function(i, o) {
- o = o || 1.616;
- return i * i * ((o + 1) * i - o)
- },
- bounce: function(q) {
- for (var o = 0, i = 1; 1; o += i, i /= 2) {
- if (q >= (7 - 4 * o) / 11) {
- return i * i - g((11 - 6 * o - 11 * q) / 4, 2)
- }
- }
- },
- elastic: function(o, i) {
- return g(2, 10 * --o) * m(20 * o * e * (i || 1) / 3)
- }
- },
- k = {},
- a, f, d;
-
- function h(i) {
- return function(o) {
- return g(o, i)
- }
- }
-
- function n(i, o) {
- k[i + "In"] = function(p) {
- return o(p)
- };
- k[i + "Out"] = function(p) {
- return 1 - o(1 - p)
- };
- k[i + "InOut"] = function(p) {
- return (p <= 0.5) ? o(2 * p) / 2 : (2 - o(2 * (1 - p))) / 2
- }
- }
- for (d = 0, f = b.length; d < f; ++d) {
- c[b[d]] = h(d + 2)
- }
- for (a in c) {
- n(a, c[a])
- }
- k.linear = Ext.identityFn;
- k.easeIn = k.quadIn;
- k.easeOut = k.quadOut;
- k.easeInOut = k.quadInOut;
- return {
- singleton: true,
- easingMap: k
- }
-}, function(a) {
- Ext.apply(a, a.easingMap)
-});
-Ext.define("Ext.draw.Animator", {
- uses: ["Ext.draw.Draw"],
- singleton: true,
- frameCallbacks: {},
- frameCallbackId: 0,
- scheduled: 0,
- frameStartTimeOffset: Ext.now(),
- animations: [],
- running: false,
- animationTime: function() {
- return Ext.AnimationQueue.frameStartTime - this.frameStartTimeOffset
- },
- add: function(b) {
- var a = this;
- if (!a.contains(b)) {
- a.animations.push(b);
- a.ignite();
- if ("fireEvent" in b) {
- b.fireEvent("animationstart", b)
- }
- }
- },
- remove: function(d) {
- var c = this,
- e = c.animations,
- b = 0,
- a = e.length;
- for (; b < a; ++b) {
- if (e[b] === d) {
- e.splice(b, 1);
- if ("fireEvent" in d) {
- d.fireEvent("animationend", d)
- }
- return
- }
- }
- },
- contains: function(a) {
- return Ext.Array.indexOf(this.animations, a) > -1
- },
- empty: function() {
- return this.animations.length === 0
- },
- step: function(d) {
- var c = this,
- f = c.animations,
- e, a = 0,
- b = f.length;
- for (; a < b; a++) {
- e = f[a];
- e.step(d);
- if (!e.animating) {
- f.splice(a, 1);
- a--;
- b--;
- if (e.fireEvent) {
- e.fireEvent("animationend", e)
- }
- }
- }
- },
- schedule: function(c, a) {
- a = a || this;
- var b = "frameCallback" + (this.frameCallbackId++);
- if (Ext.isString(c)) {
- c = a[c]
- }
- Ext.draw.Animator.frameCallbacks[b] = {
- fn: c,
- scope: a,
- once: true
- };
- this.scheduled++;
- Ext.draw.Animator.ignite();
- return b
- },
- scheduleIf: function(e, b) {
- b = b || this;
- var c = Ext.draw.Animator.frameCallbacks,
- a, d;
- if (Ext.isString(e)) {
- e = b[e]
- }
- for (d in c) {
- a = c[d];
- if (a.once && a.fn === e && a.scope === b) {
- return null
- }
- }
- return this.schedule(e, b)
- },
- cancel: function(a) {
- if (Ext.draw.Animator.frameCallbacks[a] && Ext.draw.Animator.frameCallbacks[a].once) {
- this.scheduled--;
- delete Ext.draw.Animator.frameCallbacks[a]
- }
- },
- addFrameCallback: function(c, a) {
- a = a || this;
- if (Ext.isString(c)) {
- c = a[c]
- }
- var b = "frameCallback" + (this.frameCallbackId++);
- Ext.draw.Animator.frameCallbacks[b] = {
- fn: c,
- scope: a
- };
- return b
- },
- removeFrameCallback: function(a) {
- delete Ext.draw.Animator.frameCallbacks[a]
- },
- fireFrameCallbacks: function() {
- var c = this.frameCallbacks,
- d, b, a;
- for (d in c) {
- a = c[d];
- b = a.fn;
- if (Ext.isString(b)) {
- b = a.scope[b]
- }
- b.call(a.scope);
- if (c[d] && a.once) {
- this.scheduled--;
- delete c[d]
- }
- }
- },
- handleFrame: function() {
- this.step(this.animationTime());
- this.fireFrameCallbacks();
- if (!this.scheduled && this.empty()) {
- Ext.AnimationQueue.stop(this.handleFrame, this);
- this.running = false;
- Ext.draw.Draw.endUpdateIOS()
- }
- },
- ignite: function() {
- if (!this.running) {
- this.running = true;
- Ext.AnimationQueue.start(this.handleFrame, this);
- Ext.draw.Draw.beginUpdateIOS()
- }
- }
-});
-Ext.define("Ext.draw.modifier.Animation", {
- requires: ["Ext.draw.TimingFunctions", "Ext.draw.Animator"],
- extend: "Ext.draw.modifier.Modifier",
- alias: "modifier.animation",
- config: {
- easing: Ext.identityFn,
- duration: 0,
- customEasings: {},
- customDurations: {},
- customDuration: null
- },
- constructor: function(a) {
- var b = this;
- b.anyAnimation = b.anySpecialAnimations = false;
- b.animating = 0;
- b.animatingPool = [];
- b.callParent([a])
- },
- prepareAttributes: function(a) {
- if (!a.hasOwnProperty("timers")) {
- a.animating = false;
- a.timers = {};
- a.animationOriginal = Ext.Object.chain(a);
- a.animationOriginal.prototype = a
- }
- if (this._previous) {
- this._previous.prepareAttributes(a.animationOriginal)
- }
- },
- updateSprite: function(a) {
- this.setConfig(a.config.fx)
- },
- updateDuration: function(a) {
- this.anyAnimation = a > 0
- },
- applyEasing: function(a) {
- if (typeof a === "string") {
- a = Ext.draw.TimingFunctions.easingMap[a]
- }
- return a
- },
- applyCustomEasings: function(a, e) {
- e = e || {};
- var g, d, b, h, c, f;
- for (d in a) {
- g = true;
- h = a[d];
- b = d.split(",");
- if (typeof h === "string") {
- h = Ext.draw.TimingFunctions.easingMap[h]
- }
- for (c = 0, f = b.length; c < f; c++) {
- e[b[c]] = h
- }
- }
- if (g) {
- this.anySpecialAnimations = g
- }
- return e
- },
- setEasingOn: function(a, e) {
- a = Ext.Array.from(a).slice();
- var c = {},
- d = a.length,
- b = 0;
- for (; b < d; b++) {
- c[a[b]] = e
- }
- this.setCustomEasings(c)
- },
- clearEasingOn: function(a) {
- a = Ext.Array.from(a, true);
- var b = 0,
- c = a.length;
- for (; b < c; b++) {
- delete this._customEasings[a[b]]
- }
- },
- applyCustomDurations: function(g, h) {
- h = h || {};
- var e, c, f, a, b, d;
- for (c in g) {
- e = true;
- f = g[c];
- a = c.split(",");
- for (b = 0, d = a.length; b < d; b++) {
- h[a[b]] = f
- }
- }
- if (e) {
- this.anySpecialAnimations = e
- }
- return h
- },
- applyCustomDuration: function(a, b) {
- if (a) {
- this.getCustomDurations();
- this.setCustomDurations(a)
- }
- },
- setDurationOn: function(b, e) {
- b = Ext.Array.from(b).slice();
- var a = {},
- c = 0,
- d = b.length;
- for (; c < d; c++) {
- a[b[c]] = e
- }
- this.setCustomDurations(a)
- },
- clearDurationOn: function(a) {
- a = Ext.Array.from(a, true);
- var b = 0,
- c = a.length;
- for (; b < c; b++) {
- delete this._customDurations[a[b]]
- }
- },
- setAnimating: function(a, b) {
- var e = this,
- d = e.animatingPool;
- if (a.animating !== b) {
- a.animating = b;
- if (b) {
- d.push(a);
- if (e.animating === 0) {
- Ext.draw.Animator.add(e)
- }
- e.animating++
- } else {
- for (var c = d.length; c--;) {
- if (d[c] === a) {
- d.splice(c, 1)
- }
- }
- e.animating = d.length
- }
- }
- },
- setAttrs: function(r, t) {
- var s = this,
- m = r.timers,
- h = s._sprite.self.def._animationProcessors,
- f = s._easing,
- e = s._duration,
- j = s._customDurations,
- i = s._customEasings,
- g = s.anySpecialAnimations,
- n = s.anyAnimation || g,
- o = r.animationOriginal,
- d = false,
- k, u, l, p, c, q, a;
- if (!n) {
- for (u in t) {
- if (r[u] === t[u]) {
- delete t[u]
- } else {
- r[u] = t[u]
- }
- delete o[u];
- delete m[u]
- }
- return t
- } else {
- for (u in t) {
- l = t[u];
- p = r[u];
- if (l !== p && p !== undefined && p !== null && (c = h[u])) {
- q = f;
- a = e;
- if (g) {
- if (u in i) {
- q = i[u]
- }
- if (u in j) {
- a = j[u]
- }
- }
- if (p && p.isGradient || l && l.isGradient) {
- a = 0
- }
- if (a) {
- if (!m[u]) {
- m[u] = {}
- }
- k = m[u];
- k.start = 0;
- k.easing = q;
- k.duration = a;
- k.compute = c.compute;
- k.serve = c.serve || Ext.identityFn;
- k.remove = t.removeFromInstance && t.removeFromInstance[u];
- if (c.parseInitial) {
- var b = c.parseInitial(p, l);
- k.source = b[0];
- k.target = b[1]
- } else {
- if (c.parse) {
- k.source = c.parse(p);
- k.target = c.parse(l)
- } else {
- k.source = p;
- k.target = l
- }
- }
- o[u] = l;
- delete t[u];
- d = true;
- continue
- } else {
- delete o[u]
- }
- } else {
- delete o[u]
- }
- delete m[u]
- }
- }
- if (d && !r.animating) {
- s.setAnimating(r, true)
- }
- return t
- },
- updateAttributes: function(g) {
- if (!g.animating) {
- return {}
- }
- var h = {},
- e = false,
- d = g.timers,
- f = g.animationOriginal,
- c = Ext.draw.Animator.animationTime(),
- a, b, i;
- if (g.lastUpdate === c) {
- return null
- }
- for (a in d) {
- b = d[a];
- if (!b.start) {
- b.start = c;
- i = 0
- } else {
- i = (c - b.start) / b.duration
- }
- if (i >= 1) {
- h[a] = f[a];
- delete f[a];
- if (d[a].remove) {
- h.removeFromInstance = h.removeFromInstance || {};
- h.removeFromInstance[a] = true
- }
- delete d[a]
- } else {
- h[a] = b.serve(b.compute(b.source, b.target, b.easing(i), g[a]));
- e = true
- }
- }
- g.lastUpdate = c;
- this.setAnimating(g, e);
- return h
- },
- pushDown: function(a, b) {
- b = this.callParent([a.animationOriginal, b]);
- return this.setAttrs(a, b)
- },
- popUp: function(a, b) {
- a = a.prototype;
- b = this.setAttrs(a, b);
- if (this._next) {
- return this._next.popUp(a, b)
- } else {
- return Ext.apply(a, b)
- }
- },
- step: function(g) {
- var f = this,
- c = f.animatingPool.slice(),
- e = c.length,
- b = 0,
- a, d;
- for (; b < e; b++) {
- a = c[b];
- d = f.updateAttributes(a);
- if (d && f._next) {
- f._next.popUp(a, d)
- }
- }
- },
- stop: function() {
- this.step();
- var d = this,
- b = d.animatingPool,
- a, c;
- for (a = 0, c = b.length; a < c; a++) {
- b[a].animating = false
- }
- d.animatingPool.length = 0;
- d.animating = 0;
- Ext.draw.Animator.remove(d)
- },
- destroy: function() {
- this.animatingPool.length = 0;
- this.animating = 0;
- this.callParent()
- }
-});
-Ext.define("Ext.draw.modifier.Highlight", {
- extend: "Ext.draw.modifier.Modifier",
- alias: "modifier.highlight",
- config: {
- enabled: false,
- highlightStyle: null
- },
- preFx: true,
- applyHighlightStyle: function(b, a) {
- a = a || {};
- if (this.getSprite()) {
- Ext.apply(a, this.getSprite().self.def.normalize(b))
- } else {
- Ext.apply(a, b)
- }
- return a
- },
- prepareAttributes: function(a) {
- if (!a.hasOwnProperty("highlightOriginal")) {
- a.highlighted = false;
- a.highlightOriginal = Ext.Object.chain(a);
- a.highlightOriginal.prototype = a;
- a.highlightOriginal.removeFromInstance = {}
- }
- if (this._previous) {
- this._previous.prepareAttributes(a.highlightOriginal)
- }
- },
- updateSprite: function(b, a) {
- if (b) {
- if (this.getHighlightStyle()) {
- this._highlightStyle = b.self.def.normalize(this.getHighlightStyle())
- }
- this.setHighlightStyle(b.config.highlight)
- }
- b.self.def.setConfig({
- defaults: {
- highlighted: false
- },
- processors: {
- highlighted: "bool"
- }
- });
- this.setSprite(b)
- },
- filterChanges: function(a, d) {
- var e = this,
- f = a.highlightOriginal,
- c = e.getHighlightStyle(),
- b;
- if (a.highlighted) {
- for (b in d) {
- if (c.hasOwnProperty(b)) {
- f[b] = d[b];
- delete d[b]
- }
- }
- }
- for (b in d) {
- if (b !== "highlighted" && f[b] === d[b]) {
- delete d[b]
- }
- }
- return d
- },
- pushDown: function(e, g) {
- var f = this.getHighlightStyle(),
- c = e.highlightOriginal,
- i = c.removeFromInstance,
- d, a, h, b;
- if (g.hasOwnProperty("highlighted")) {
- d = g.highlighted;
- delete g.highlighted;
- if (this._previous) {
- g = this._previous.pushDown(c, g)
- }
- g = this.filterChanges(e, g);
- if (d !== e.highlighted) {
- if (d) {
- for (a in f) {
- if (a in g) {
- c[a] = g[a]
- } else {
- h = e.template && e.template.ownAttr;
- if (h && !e.prototype.hasOwnProperty(a)) {
- i[a] = true;
- c[a] = h.animationOriginal[a]
- } else {
- b = c.timers[a];
- if (b && b.remove) {
- i[a] = true
- }
- c[a] = e[a]
- }
- }
- if (c[a] !== f[a]) {
- g[a] = f[a]
- }
- }
- } else {
- for (a in f) {
- if (!(a in g)) {
- g[a] = c[a]
- }
- delete c[a]
- }
- g.removeFromInstance = g.removeFromInstance || {};
- Ext.apply(g.removeFromInstance, i);
- c.removeFromInstance = {}
- }
- g.highlighted = d
- }
- } else {
- if (this._previous) {
- g = this._previous.pushDown(c, g)
- }
- g = this.filterChanges(e, g)
- }
- return g
- },
- popUp: function(a, b) {
- b = this.filterChanges(a, b);
- Ext.draw.modifier.Modifier.prototype.popUp.call(this, a, b)
- }
-});
-Ext.define("Ext.draw.sprite.Sprite", {
- alias: "sprite.sprite",
- mixins: {
- observable: "Ext.mixin.Observable"
- },
- requires: ["Ext.draw.Draw", "Ext.draw.gradient.Gradient", "Ext.draw.sprite.AttributeDefinition", "Ext.draw.modifier.Target", "Ext.draw.modifier.Animation", "Ext.draw.modifier.Highlight"],
- isSprite: true,
- statics: {
- defaultHitTestOptions: {
- fill: true,
- stroke: true
- }
- },
- inheritableStatics: {
- def: {
- processors: {
- strokeStyle: "color",
- fillStyle: "color",
- strokeOpacity: "limited01",
- fillOpacity: "limited01",
- lineWidth: "number",
- lineCap: "enums(butt,round,square)",
- lineJoin: "enums(round,bevel,miter)",
- lineDash: "data",
- lineDashOffset: "number",
- miterLimit: "number",
- shadowColor: "color",
- shadowOffsetX: "number",
- shadowOffsetY: "number",
- shadowBlur: "number",
- globalAlpha: "limited01",
- globalCompositeOperation: "enums(source-over,destination-over,source-in,destination-in,source-out,destination-out,source-atop,destination-atop,lighter,xor,copy)",
- hidden: "bool",
- transformFillStroke: "bool",
- zIndex: "number",
- translationX: "number",
- translationY: "number",
- rotationRads: "number",
- rotationCenterX: "number",
- rotationCenterY: "number",
- scalingX: "number",
- scalingY: "number",
- scalingCenterX: "number",
- scalingCenterY: "number",
- constrainGradients: "bool"
- },
- aliases: {
- stroke: "strokeStyle",
- fill: "fillStyle",
- color: "fillStyle",
- "stroke-width": "lineWidth",
- "stroke-linecap": "lineCap",
- "stroke-linejoin": "lineJoin",
- "stroke-miterlimit": "miterLimit",
- "text-anchor": "textAlign",
- opacity: "globalAlpha",
- translateX: "translationX",
- translateY: "translationY",
- rotateRads: "rotationRads",
- rotateCenterX: "rotationCenterX",
- rotateCenterY: "rotationCenterY",
- scaleX: "scalingX",
- scaleY: "scalingY",
- scaleCenterX: "scalingCenterX",
- scaleCenterY: "scalingCenterY"
- },
- defaults: {
- hidden: false,
- zIndex: 0,
- strokeStyle: "none",
- fillStyle: "none",
- lineWidth: 1,
- lineDash: [],
- lineDashOffset: 0,
- lineCap: "butt",
- lineJoin: "miter",
- miterLimit: 10,
- shadowColor: "none",
- shadowOffsetX: 0,
- shadowOffsetY: 0,
- shadowBlur: 0,
- globalAlpha: 1,
- strokeOpacity: 1,
- fillOpacity: 1,
- transformFillStroke: false,
- translationX: 0,
- translationY: 0,
- rotationRads: 0,
- rotationCenterX: null,
- rotationCenterY: null,
- scalingX: 1,
- scalingY: 1,
- scalingCenterX: null,
- scalingCenterY: null,
- constrainGradients: false
- },
- triggers: {
- zIndex: "zIndex",
- globalAlpha: "canvas",
- globalCompositeOperation: "canvas",
- transformFillStroke: "canvas",
- strokeStyle: "canvas",
- fillStyle: "canvas",
- strokeOpacity: "canvas",
- fillOpacity: "canvas",
- lineWidth: "canvas",
- lineCap: "canvas",
- lineJoin: "canvas",
- lineDash: "canvas",
- lineDashOffset: "canvas",
- miterLimit: "canvas",
- shadowColor: "canvas",
- shadowOffsetX: "canvas",
- shadowOffsetY: "canvas",
- shadowBlur: "canvas",
- translationX: "transform",
- translationY: "transform",
- rotationRads: "transform",
- rotationCenterX: "transform",
- rotationCenterY: "transform",
- scalingX: "transform",
- scalingY: "transform",
- scalingCenterX: "transform",
- scalingCenterY: "transform",
- constrainGradients: "canvas"
- },
- updaters: {
- bbox: "bboxUpdater",
- zIndex: function(a) {
- a.dirtyZIndex = true
- },
- transform: function(a) {
- a.dirtyTransform = true;
- a.bbox.transform.dirty = true
- }
- }
- }
- },
- config: {
- parent: null,
- surface: null
- },
- onClassExtended: function(d, c) {
- var b = d.superclass.self.def.initialConfig,
- e = c.inheritableStatics && c.inheritableStatics.def,
- a;
- if (e) {
- a = Ext.Object.merge({}, b, e);
- d.def = new Ext.draw.sprite.AttributeDefinition(a);
- delete c.inheritableStatics.def
- } else {
- d.def = new Ext.draw.sprite.AttributeDefinition(b)
- }
- d.def.spriteClass = d
- },
- constructor: function(b) {
- var d = this,
- c = d.self.def,
- e = c.getDefaults(),
- a;
- b = Ext.isObject(b) ? b : {};
- d.id = b.id || Ext.id(null, "ext-sprite-");
- d.attr = {};
- d.mixins.observable.constructor.apply(d, arguments);
- a = Ext.Array.from(b.modifiers, true);
- d.prepareModifiers(a);
- d.initializeAttributes();
- d.setAttributes(e, true);
- d.setAttributes(b)
- },
- getDirty: function() {
- return this.attr.dirty
- },
- setDirty: function(b) {
- this.attr.dirty = b;
- if (b) {
- var a = this.getParent();
- if (a) {
- a.setDirty(true)
- }
- }
- },
- addModifier: function(a, b) {
- var c = this;
- if (!(a instanceof Ext.draw.modifier.Modifier)) {
- a = Ext.factory(a, null, null, "modifier")
- }
- a.setSprite(c);
- if (a.preFx || a.config && a.config.preFx) {
- if (c.fx.getPrevious()) {
- c.fx.getPrevious().setNext(a)
- }
- a.setNext(c.fx)
- } else {
- c.topModifier.getPrevious().setNext(a);
- a.setNext(c.topModifier)
- }
- if (b) {
- c.initializeAttributes()
- }
- return a
- },
- prepareModifiers: function(d) {
- var c = this,
- a, b;
- c.topModifier = new Ext.draw.modifier.Target({
- sprite: c
- });
- c.fx = new Ext.draw.modifier.Animation({
- sprite: c
- });
- c.fx.setNext(c.topModifier);
- for (a = 0, b = d.length; a < b; a++) {
- c.addModifier(d[a], false)
- }
- },
- getAnimation: function() {
- return this.fx
- },
- setAnimation: function(a) {
- this.fx.setConfig(a)
- },
- initializeAttributes: function() {
- this.topModifier.prepareAttributes(this.attr)
- },
- callUpdaters: function(d) {
- var e = this,
- h = d.pendingUpdaters,
- i = e.self.def.getUpdaters(),
- c = false,
- a = false,
- b, g, f;
- e.callUpdaters = Ext.emptyFn;
- do {
- c = false;
- for (g in h) {
- c = true;
- b = h[g];
- delete h[g];
- f = i[g];
- if (typeof f === "string") {
- f = e[f]
- }
- if (f) {
- f.call(e, d, b)
- }
- }
- a = a || c
- } while (c);
- delete e.callUpdaters;
- if (a) {
- e.setDirty(true)
- }
- },
- scheduleUpdaters: function(a, e, c) {
- var f;
- if (c) {
- for (var b = 0, d = e.length; b < d; b++) {
- f = e[b];
- this.scheduleUpdater(a, f, c)
- }
- } else {
- for (f in e) {
- c = e[f];
- this.scheduleUpdater(a, f, c)
- }
- }
- },
- scheduleUpdater: function(a, c, b) {
- b = b || [];
- var d = a.pendingUpdaters;
- if (c in d) {
- if (b.length) {
- d[c] = Ext.Array.merge(d[c], b)
- }
- } else {
- d[c] = b
- }
- },
- setAttributes: function(d, g, c) {
- var a = this.attr,
- b, e, f;
- if (g) {
- if (c) {
- this.topModifier.pushDown(a, d)
- } else {
- f = {};
- for (b in d) {
- e = d[b];
- if (e !== a[b]) {
- f[b] = e
- }
- }
- this.topModifier.pushDown(a, f)
- }
- } else {
- this.topModifier.pushDown(a, this.self.def.normalize(d))
- }
- },
- setAttributesBypassingNormalization: function(b, a) {
- return this.setAttributes(b, true, a)
- },
- bboxUpdater: function(b) {
- var c = b.rotationRads !== 0,
- a = b.scalingX !== 1 || b.scalingY !== 1,
- d = b.rotationCenterX === null || b.rotationCenterY === null,
- e = b.scalingCenterX === null || b.scalingCenterY === null;
- b.bbox.plain.dirty = true;
- b.bbox.transform.dirty = true;
- if (c && d || a && e) {
- this.scheduleUpdater(b, "transform")
- }
- },
- getBBox: function(d) {
- var e = this,
- a = e.attr,
- f = a.bbox,
- c = f.plain,
- b = f.transform;
- if (c.dirty) {
- e.updatePlainBBox(c);
- c.dirty = false
- }
- if (!d) {
- e.applyTransformations();
- if (b.dirty) {
- e.updateTransformedBBox(b, c);
- b.dirty = false
- }
- return b
- }
- return c
- },
- updatePlainBBox: Ext.emptyFn,
- updateTransformedBBox: function(a, b) {
- this.attr.matrix.transformBBox(b, 0, a)
- },
- getBBoxCenter: function(a) {
- var b = this.getBBox(a);
- if (b) {
- return [b.x + b.width * 0.5, b.y + b.height * 0.5]
- } else {
- return [0, 0]
- }
- },
- hide: function() {
- this.attr.hidden = true;
- this.setDirty(true);
- return this
- },
- show: function() {
- this.attr.hidden = false;
- this.setDirty(true);
- return this
- },
- useAttributes: function(i, f) {
- this.applyTransformations();
- var d = this.attr,
- h = d.canvasAttributes,
- e = h.strokeStyle,
- g = h.fillStyle,
- b = h.lineDash,
- c = h.lineDashOffset,
- a;
- if (e) {
- if (e.isGradient) {
- i.strokeStyle = "black";
- i.strokeGradient = e
- } else {
- i.strokeGradient = false
- }
- }
- if (g) {
- if (g.isGradient) {
- i.fillStyle = "black";
- i.fillGradient = g
- } else {
- i.fillGradient = false
- }
- }
- if (b) {
- i.setLineDash(b)
- }
- if (Ext.isNumber(c + i.lineDashOffset)) {
- i.lineDashOffset = c
- }
- for (a in h) {
- if (h[a] !== undefined && h[a] !== i[a]) {
- i[a] = h[a]
- }
- }
- this.setGradientBBox(i, f)
- },
- setGradientBBox: function(b, c) {
- var a = this.attr;
- if (a.constrainGradients) {
- b.setGradientBBox({
- x: c[0],
- y: c[1],
- width: c[2],
- height: c[3]
- })
- } else {
- b.setGradientBBox(this.getBBox(a.transformFillStroke))
- }
- },
- applyTransformations: function(b) {
- if (!b && !this.attr.dirtyTransform) {
- return
- }
- var r = this,
- k = r.attr,
- p = r.getBBoxCenter(true),
- g = p[0],
- f = p[1],
- q = k.translationX,
- o = k.translationY,
- j = k.scalingX,
- i = k.scalingY === null ? k.scalingX : k.scalingY,
- m = k.scalingCenterX === null ? g : k.scalingCenterX,
- l = k.scalingCenterY === null ? f : k.scalingCenterY,
- s = k.rotationRads,
- e = k.rotationCenterX === null ? g : k.rotationCenterX,
- d = k.rotationCenterY === null ? f : k.rotationCenterY,
- c = Math.cos(s),
- a = Math.sin(s),
- n, h;
- if (j === 1 && i === 1) {
- m = 0;
- l = 0
- }
- if (s === 0) {
- e = 0;
- d = 0
- }
- n = m * (1 - j) - e;
- h = l * (1 - i) - d;
- k.matrix.elements = [c * j, a * j, -a * i, c * i, c * n - a * h + e + q, a * n + c * h + d + o];
- k.matrix.inverse(k.inverseMatrix);
- k.dirtyTransform = false;
- k.bbox.transform.dirty = true
- },
- transform: function(b, c) {
- var a = this.attr,
- e = a.matrix,
- d;
- if (b && b.isMatrix) {
- d = b.elements
- } else {
- d = b
- }
- e.prepend.apply(e, d.slice());
- e.inverse(a.inverseMatrix);
- if (c) {
- this.updateTransformAttributes()
- }
- a.dirtyTransform = false;
- a.bbox.transform.dirty = true;
- this.setDirty(true);
- return this
- },
- updateTransformAttributes: function() {
- var a = this.attr,
- b = a.matrix.split();
- a.rotationRads = b.rotate;
- a.rotationCenterX = 0;
- a.rotationCenterY = 0;
- a.scalingX = b.scaleX;
- a.scalingY = b.scaleY;
- a.scalingCenterX = 0;
- a.scalingCenterY = 0;
- a.translationX = b.translateX;
- a.translationY = b.translateY
- },
- resetTransform: function(b) {
- var a = this.attr;
- a.matrix.reset();
- a.inverseMatrix.reset();
- if (!b) {
- this.updateTransformAttributes()
- }
- a.dirtyTransform = false;
- a.bbox.transform.dirty = true;
- this.setDirty(true);
- return this
- },
- setTransform: function(a, b) {
- this.resetTransform(true);
- this.transform.call(this, a, b);
- return this
- },
- preRender: Ext.emptyFn,
- render: Ext.emptyFn,
- hitTest: function(b, c) {
- if (this.isVisible()) {
- var a = b[0],
- f = b[1],
- e = this.getBBox(),
- d = e && a >= e.x && a <= (e.x + e.width) && f >= e.y && f <= (e.y + e.height);
- if (d) {
- return {
- sprite: this
- }
- }
- }
- return null
- },
- isVisible: function() {
- var e = this.attr,
- f = this.getParent(),
- g = f && (f.isSurface || f.isVisible()),
- d = g && !e.hidden && e.globalAlpha,
- b = Ext.draw.Color.NONE,
- a = Ext.draw.Color.RGBA_NONE,
- c = e.fillOpacity && e.fillStyle !== b && e.fillStyle !== a,
- i = e.strokeOpacity && e.strokeStyle !== b && e.strokeStyle !== a,
- h = d && (c || i);
- return !!h
- },
- repaint: function() {
- var a = this.getSurface();
- if (a) {
- a.renderFrame()
- }
- },
- remove: function() {
- var a = this.getSurface();
- if (a && a.isSurface) {
- return a.remove(this)
- }
- return null
- },
- destroy: function() {
- var b = this,
- a = b.topModifier,
- c;
- while (a) {
- c = a;
- a = a.getPrevious();
- c.destroy()
- }
- delete b.attr;
- b.remove();
- if (b.fireEvent("beforedestroy", b) !== false) {
- b.fireEvent("destroy", b)
- }
- b.callParent()
- }
-}, function() {
- this.def = new Ext.draw.sprite.AttributeDefinition(this.def);
- this.def.spriteClass = this
-});
-Ext.define("Ext.draw.Path", {
- requires: ["Ext.draw.Draw"],
- statics: {
- pathRe: /,?([achlmqrstvxz]),?/gi,
- pathRe2: /-/gi,
- pathSplitRe: /\s|,/g
- },
- svgString: "",
- constructor: function(a) {
- var b = this;
- b.commands = [];
- b.params = [];
- b.cursor = null;
- b.startX = 0;
- b.startY = 0;
- if (a) {
- b.fromSvgString(a)
- }
- },
- clear: function() {
- var a = this;
- a.params.length = 0;
- a.commands.length = 0;
- a.cursor = null;
- a.startX = 0;
- a.startY = 0;
- a.dirt()
- },
- dirt: function() {
- this.svgString = ""
- },
- moveTo: function(a, c) {
- var b = this;
- if (!b.cursor) {
- b.cursor = [a, c]
- }
- b.params.push(a, c);
- b.commands.push("M");
- b.startX = a;
- b.startY = c;
- b.cursor[0] = a;
- b.cursor[1] = c;
- b.dirt()
- },
- lineTo: function(a, c) {
- var b = this;
- if (!b.cursor) {
- b.cursor = [a, c];
- b.params.push(a, c);
- b.commands.push("M")
- } else {
- b.params.push(a, c);
- b.commands.push("L")
- }
- b.cursor[0] = a;
- b.cursor[1] = c;
- b.dirt()
- },
- bezierCurveTo: function(c, e, b, d, a, g) {
- var f = this;
- if (!f.cursor) {
- f.moveTo(c, e)
- }
- f.params.push(c, e, b, d, a, g);
- f.commands.push("C");
- f.cursor[0] = a;
- f.cursor[1] = g;
- f.dirt()
- },
- quadraticCurveTo: function(b, e, a, d) {
- var c = this;
- if (!c.cursor) {
- c.moveTo(b, e)
- }
- c.bezierCurveTo((2 * b + c.cursor[0]) / 3, (2 * e + c.cursor[1]) / 3, (2 * b + a) / 3, (2 * e + d) / 3, a, d)
- },
- closePath: function() {
- var a = this;
- if (a.cursor) {
- a.cursor = null;
- a.commands.push("Z");
- a.dirt()
- }
- },
- arcTo: function(A, f, z, d, j, i, v) {
- var E = this;
- if (i === undefined) {
- i = j
- }
- if (v === undefined) {
- v = 0
- }
- if (!E.cursor) {
- E.moveTo(A, f);
- return
- }
- if (j === 0 || i === 0) {
- E.lineTo(A, f);
- return
- }
- z -= A;
- d -= f;
- var B = E.cursor[0] - A,
- g = E.cursor[1] - f,
- C = z * g - d * B,
- b, a, l, r, k, q, x = Math.sqrt(B * B + g * g),
- u = Math.sqrt(z * z + d * d),
- t, e, c;
- if (C === 0) {
- E.lineTo(A, f);
- return
- }
- if (i !== j) {
- b = Math.cos(v);
- a = Math.sin(v);
- l = b / j;
- r = a / i;
- k = -a / j;
- q = b / i;
- var D = l * B + r * g;
- g = k * B + q * g;
- B = D;
- D = l * z + r * d;
- d = k * z + q * d;
- z = D
- } else {
- B /= j;
- g /= i;
- z /= j;
- d /= i
- }
- e = B * u + z * x;
- c = g * u + d * x;
- t = 1 / (Math.sin(Math.asin(Math.abs(C) / (x * u)) * 0.5) * Math.sqrt(e * e + c * c));
- e *= t;
- c *= t;
- var o = (e * B + c * g) / (B * B + g * g),
- m = (e * z + c * d) / (z * z + d * d);
- var n = B * o - e,
- p = g * o - c,
- h = z * m - e,
- y = d * m - c,
- w = Math.atan2(p, n),
- s = Math.atan2(y, h);
- if (C > 0) {
- if (s < w) {
- s += Math.PI * 2
- }
- } else {
- if (w < s) {
- w += Math.PI * 2
- }
- }
- if (i !== j) {
- e = b * e * j - a * c * i + A;
- c = a * c * i + b * c * i + f;
- E.lineTo(b * j * n - a * i * p + e, a * j * n + b * i * p + c);
- E.ellipse(e, c, j, i, v, w, s, C < 0)
- } else {
- e = e * j + A;
- c = c * i + f;
- E.lineTo(j * n + e, i * p + c);
- E.ellipse(e, c, j, i, v, w, s, C < 0)
- }
- },
- ellipse: function(h, f, c, a, q, n, d, e) {
- var o = this,
- g = o.params,
- b = g.length,
- m, l, k;
- if (d - n >= Math.PI * 2) {
- o.ellipse(h, f, c, a, q, n, n + Math.PI, e);
- o.ellipse(h, f, c, a, q, n + Math.PI, d, e);
- return
- }
- if (!e) {
- if (d < n) {
- d += Math.PI * 2
- }
- m = o.approximateArc(g, h, f, c, a, q, n, d)
- } else {
- if (n < d) {
- n += Math.PI * 2
- }
- m = o.approximateArc(g, h, f, c, a, q, d, n);
- for (l = b, k = g.length - 2; l < k; l += 2, k -= 2) {
- var p = g[l];
- g[l] = g[k];
- g[k] = p;
- p = g[l + 1];
- g[l + 1] = g[k + 1];
- g[k + 1] = p
- }
- }
- if (!o.cursor) {
- o.cursor = [g[g.length - 2], g[g.length - 1]];
- o.commands.push("M")
- } else {
- o.cursor[0] = g[g.length - 2];
- o.cursor[1] = g[g.length - 1];
- o.commands.push("L")
- }
- for (l = 2; l < m; l += 6) {
- o.commands.push("C")
- }
- o.dirt()
- },
- arc: function(b, f, a, d, c, e) {
- this.ellipse(b, f, a, a, 0, d, c, e)
- },
- rect: function(b, e, c, a) {
- if (c == 0 || a == 0) {
- return
- }
- var d = this;
- d.moveTo(b, e);
- d.lineTo(b + c, e);
- d.lineTo(b + c, e + a);
- d.lineTo(b, e + a);
- d.closePath()
- },
- approximateArc: function(s, i, f, o, n, d, x, v) {
- var e = Math.cos(d),
- z = Math.sin(d),
- k = Math.cos(x),
- l = Math.sin(x),
- q = e * k * o - z * l * n,
- y = -e * l * o - z * k * n,
- p = z * k * o + e * l * n,
- w = -z * l * o + e * k * n,
- m = Math.PI / 2,
- r = 2,
- j = q,
- u = y,
- h = p,
- t = w,
- b = 0.547443256150549,
- C, g, A, a, B, c;
- v -= x;
- if (v < 0) {
- v += Math.PI * 2
- }
- s.push(q + i, p + f);
- while (v >= m) {
- s.push(j + u * b + i, h + t * b + f, j * b + u + i, h * b + t + f, u + i, t + f);
- r += 6;
- v -= m;
- C = j;
- j = u;
- u = -C;
- C = h;
- h = t;
- t = -C
- }
- if (v) {
- g = (0.3294738052815987 + 0.012120855841304373 * v) * v;
- A = Math.cos(v);
- a = Math.sin(v);
- B = A + g * a;
- c = a - g * A;
- s.push(j + u * g + i, h + t * g + f, j * B + u * c + i, h * B + t * c + f, j * A + u * a + i, h * A + t * a + f);
- r += 6
- }
- return r
- },
- arcSvg: function(j, h, r, m, w, t, c) {
- if (j < 0) {
- j = -j
- }
- if (h < 0) {
- h = -h
- }
- var x = this,
- u = x.cursor[0],
- f = x.cursor[1],
- a = (u - t) / 2,
- y = (f - c) / 2,
- d = Math.cos(r),
- s = Math.sin(r),
- o = a * d + y * s,
- v = -a * s + y * d,
- i = o / j,
- g = v / h,
- p = i * i + g * g,
- e = (u + t) * 0.5,
- b = (f + c) * 0.5,
- l = 0,
- k = 0;
- if (p >= 1) {
- p = Math.sqrt(p);
- j *= p;
- h *= p
- } else {
- p = Math.sqrt(1 / p - 1);
- if (m === w) {
- p = -p
- }
- l = p * j * g;
- k = -p * h * i;
- e += d * l - s * k;
- b += s * l + d * k
- }
- var q = Math.atan2((v - k) / h, (o - l) / j),
- n = Math.atan2((-v - k) / h, (-o - l) / j) - q;
- if (w) {
- if (n <= 0) {
- n += Math.PI * 2
- }
- } else {
- if (n >= 0) {
- n -= Math.PI * 2
- }
- }
- x.ellipse(e, b, j, h, r, q, q + n, 1 - w)
- },
- fromSvgString: function(e) {
- if (!e) {
- return
- }
- var m = this,
- h, l = {
- a: 7,
- c: 6,
- h: 1,
- l: 2,
- m: 2,
- q: 4,
- s: 4,
- t: 2,
- v: 1,
- z: 0,
- A: 7,
- C: 6,
- H: 1,
- L: 2,
- M: 2,
- Q: 4,
- S: 4,
- T: 2,
- V: 1,
- Z: 0
- },
- k = "",
- g, f, c = 0,
- b = 0,
- d = false,
- j, n, a;
- if (Ext.isString(e)) {
- h = e.replace(Ext.draw.Path.pathRe, " $1 ").replace(Ext.draw.Path.pathRe2, " -").split(Ext.draw.Path.pathSplitRe)
- } else {
- if (Ext.isArray(e)) {
- h = e.join(",").split(Ext.draw.Path.pathSplitRe)
- }
- }
- for (j = 0, n = 0; j < h.length; j++) {
- if (h[j] !== "") {
- h[n++] = h[j]
- }
- }
- h.length = n;
- m.clear();
- for (j = 0; j < h.length;) {
- k = d;
- d = h[j];
- a = (d.toUpperCase() !== d);
- j++;
- switch (d) {
- case "M":
- m.moveTo(c = +h[j], b = +h[j + 1]);
- j += 2;
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c = +h[j], b = +h[j + 1]);
- j += 2
- }
- break;
- case "L":
- m.lineTo(c = +h[j], b = +h[j + 1]);
- j += 2;
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c = +h[j], b = +h[j + 1]);
- j += 2
- }
- break;
- case "A":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.arcSvg(+h[j], +h[j + 1], +h[j + 2] * Math.PI / 180, +h[j + 3], +h[j + 4], c = +h[j + 5], b = +h[j + 6]);
- j += 7
- }
- break;
- case "C":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.bezierCurveTo(+h[j], +h[j + 1], g = +h[j + 2], f = +h[j + 3], c = +h[j + 4], b = +h[j + 5]);
- j += 6
- }
- break;
- case "Z":
- m.closePath();
- break;
- case "m":
- m.moveTo(c += +h[j], b += +h[j + 1]);
- j += 2;
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c += +h[j], b += +h[j + 1]);
- j += 2
- }
- break;
- case "l":
- m.lineTo(c += +h[j], b += +h[j + 1]);
- j += 2;
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c += +h[j], b += +h[j + 1]);
- j += 2
- }
- break;
- case "a":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.arcSvg(+h[j], +h[j + 1], +h[j + 2] * Math.PI / 180, +h[j + 3], +h[j + 4], c += +h[j + 5], b += +h[j + 6]);
- j += 7
- }
- break;
- case "c":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.bezierCurveTo(c + (+h[j]), b + (+h[j + 1]), g = c + (+h[j + 2]), f = b + (+h[j + 3]), c += +h[j + 4], b += +h[j + 5]);
- j += 6
- }
- break;
- case "z":
- m.closePath();
- break;
- case "s":
- if (!(k === "c" || k === "C" || k === "s" || k === "S")) {
- g = c;
- f = b
- }
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.bezierCurveTo(c + c - g, b + b - f, g = c + (+h[j]), f = b + (+h[j + 1]), c += +h[j + 2], b += +h[j + 3]);
- j += 4
- }
- break;
- case "S":
- if (!(k === "c" || k === "C" || k === "s" || k === "S")) {
- g = c;
- f = b
- }
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.bezierCurveTo(c + c - g, b + b - f, g = +h[j], f = +h[j + 1], c = (+h[j + 2]), b = (+h[j + 3]));
- j += 4
- }
- break;
- case "q":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.quadraticCurveTo(g = c + (+h[j]), f = b + (+h[j + 1]), c += +h[j + 2], b += +h[j + 3]);
- j += 4
- }
- break;
- case "Q":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.quadraticCurveTo(g = +h[j], f = +h[j + 1], c = +h[j + 2], b = +h[j + 3]);
- j += 4
- }
- break;
- case "t":
- if (!(k === "q" || k === "Q" || k === "t" || k === "T")) {
- g = c;
- f = b
- }
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.quadraticCurveTo(g = c + c - g, f = b + b - f, c += +h[j + 1], b += +h[j + 2]);
- j += 2
- }
- break;
- case "T":
- if (!(k === "q" || k === "Q" || k === "t" || k === "T")) {
- g = c;
- f = b
- }
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.quadraticCurveTo(g = c + c - g, f = b + b - f, c = (+h[j + 1]), b = (+h[j + 2]));
- j += 2
- }
- break;
- case "h":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c += +h[j], b);
- j++
- }
- break;
- case "H":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c = +h[j], b);
- j++
- }
- break;
- case "v":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c, b += +h[j]);
- j++
- }
- break;
- case "V":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c, b = +h[j]);
- j++
- }
- break
- }
- }
- },
- clone: function() {
- var a = this,
- b = new Ext.draw.Path();
- b.params = a.params.slice(0);
- b.commands = a.commands.slice(0);
- b.cursor = a.cursor ? a.cursor.slice(0) : null;
- b.startX = a.startX;
- b.startY = a.startY;
- b.svgString = a.svgString;
- return b
- },
- transform: function(j) {
- if (j.isIdentity()) {
- return
- }
- var a = j.getXX(),
- f = j.getYX(),
- m = j.getDX(),
- l = j.getXY(),
- e = j.getYY(),
- k = j.getDY(),
- b = this.params,
- c = 0,
- d = b.length,
- h, g;
- for (; c < d; c += 2) {
- h = b[c];
- g = b[c + 1];
- b[c] = h * a + g * f + m;
- b[c + 1] = h * l + g * e + k
- }
- this.dirt()
- },
- getDimension: function(f) {
- if (!f) {
- f = {}
- }
- if (!this.commands || !this.commands.length) {
- f.x = 0;
- f.y = 0;
- f.width = 0;
- f.height = 0;
- return f
- }
- f.left = Infinity;
- f.top = Infinity;
- f.right = -Infinity;
- f.bottom = -Infinity;
- var d = 0,
- c = 0,
- b = this.commands,
- g = this.params,
- e = b.length,
- a, h;
- for (; d < e; d++) {
- switch (b[d]) {
- case "M":
- case "L":
- a = g[c];
- h = g[c + 1];
- f.left = Math.min(a, f.left);
- f.top = Math.min(h, f.top);
- f.right = Math.max(a, f.right);
- f.bottom = Math.max(h, f.bottom);
- c += 2;
- break;
- case "C":
- this.expandDimension(f, a, h, g[c], g[c + 1], g[c + 2], g[c + 3], a = g[c + 4], h = g[c + 5]);
- c += 6;
- break
- }
- }
- f.x = f.left;
- f.y = f.top;
- f.width = f.right - f.left;
- f.height = f.bottom - f.top;
- return f
- },
- getDimensionWithTransform: function(n, f) {
- if (!this.commands || !this.commands.length) {
- if (!f) {
- f = {}
- }
- f.x = 0;
- f.y = 0;
- f.width = 0;
- f.height = 0;
- return f
- }
- f.left = Infinity;
- f.top = Infinity;
- f.right = -Infinity;
- f.bottom = -Infinity;
- var a = n.getXX(),
- k = n.getYX(),
- q = n.getDX(),
- p = n.getXY(),
- h = n.getYY(),
- o = n.getDY(),
- e = 0,
- d = 0,
- b = this.commands,
- c = this.params,
- g = b.length,
- m, l;
- for (; e < g; e++) {
- switch (b[e]) {
- case "M":
- case "L":
- m = c[d] * a + c[d + 1] * k + q;
- l = c[d] * p + c[d + 1] * h + o;
- f.left = Math.min(m, f.left);
- f.top = Math.min(l, f.top);
- f.right = Math.max(m, f.right);
- f.bottom = Math.max(l, f.bottom);
- d += 2;
- break;
- case "C":
- this.expandDimension(f, m, l, c[d] * a + c[d + 1] * k + q, c[d] * p + c[d + 1] * h + o, c[d + 2] * a + c[d + 3] * k + q, c[d + 2] * p + c[d + 3] * h + o, m = c[d + 4] * a + c[d + 5] * k + q, l = c[d + 4] * p + c[d + 5] * h + o);
- d += 6;
- break
- }
- }
- if (!f) {
- f = {}
- }
- f.x = f.left;
- f.y = f.top;
- f.width = f.right - f.left;
- f.height = f.bottom - f.top;
- return f
- },
- expandDimension: function(i, d, p, k, g, j, e, c, o) {
- var m = this,
- f = i.left,
- a = i.right,
- q = i.top,
- n = i.bottom,
- h = m.dim || (m.dim = []);
- m.curveDimension(d, k, j, c, h);
- f = Math.min(f, h[0]);
- a = Math.max(a, h[1]);
- m.curveDimension(p, g, e, o, h);
- q = Math.min(q, h[0]);
- n = Math.max(n, h[1]);
- i.left = f;
- i.right = a;
- i.top = q;
- i.bottom = n
- },
- curveDimension: function(p, n, k, j, h) {
- var i = 3 * (-p + 3 * (n - k) + j),
- g = 6 * (p - 2 * n + k),
- f = -3 * (p - n),
- o, m, e = Math.min(p, j),
- l = Math.max(p, j),
- q;
- if (i === 0) {
- if (g === 0) {
- h[0] = e;
- h[1] = l;
- return
- } else {
- o = -f / g;
- if (0 < o && o < 1) {
- m = this.interpolate(p, n, k, j, o);
- e = Math.min(e, m);
- l = Math.max(l, m)
- }
- }
- } else {
- q = g * g - 4 * i * f;
- if (q >= 0) {
- q = Math.sqrt(q);
- o = (q - g) / 2 / i;
- if (0 < o && o < 1) {
- m = this.interpolate(p, n, k, j, o);
- e = Math.min(e, m);
- l = Math.max(l, m)
- }
- if (q > 0) {
- o -= q / i;
- if (0 < o && o < 1) {
- m = this.interpolate(p, n, k, j, o);
- e = Math.min(e, m);
- l = Math.max(l, m)
- }
- }
- }
- }
- h[0] = e;
- h[1] = l
- },
- interpolate: function(f, e, j, i, g) {
- if (g === 0) {
- return f
- }
- if (g === 1) {
- return i
- }
- var h = (1 - g) / g;
- return g * g * g * (i + h * (3 * j + h * (3 * e + h * f)))
- },
- fromStripes: function(g) {
- var e = this,
- c = 0,
- d = g.length,
- b, a, f;
- e.clear();
- for (; c < d; c++) {
- f = g[c];
- e.params.push.apply(e.params, f);
- e.commands.push("M");
- for (b = 2, a = f.length; b < a; b += 6) {
- e.commands.push("C")
- }
- }
- if (!e.cursor) {
- e.cursor = []
- }
- e.cursor[0] = e.params[e.params.length - 2];
- e.cursor[1] = e.params[e.params.length - 1];
- e.dirt()
- },
- toStripes: function(k) {
- var o = k || [],
- p, n, m, b, a, h, g, f, e, c = this.commands,
- d = this.params,
- l = c.length;
- for (f = 0, e = 0; f < l; f++) {
- switch (c[f]) {
- case "M":
- p = [h = b = d[e++], g = a = d[e++]];
- o.push(p);
- break;
- case "L":
- n = d[e++];
- m = d[e++];
- p.push((b + b + n) / 3, (a + a + m) / 3, (b + n + n) / 3, (a + m + m) / 3, b = n, a = m);
- break;
- case "C":
- p.push(d[e++], d[e++], d[e++], d[e++], b = d[e++], a = d[e++]);
- break;
- case "Z":
- n = h;
- m = g;
- p.push((b + b + n) / 3, (a + a + m) / 3, (b + n + n) / 3, (a + m + m) / 3, b = n, a = m);
- break
- }
- }
- return o
- },
- updateSvgString: function() {
- var b = [],
- a = this.commands,
- f = this.params,
- e = a.length,
- d = 0,
- c = 0;
- for (; d < e; d++) {
- switch (a[d]) {
- case "M":
- b.push("M" + f[c] + "," + f[c + 1]);
- c += 2;
- break;
- case "L":
- b.push("L" + f[c] + "," + f[c + 1]);
- c += 2;
- break;
- case "C":
- b.push("C" + f[c] + "," + f[c + 1] + " " + f[c + 2] + "," + f[c + 3] + " " + f[c + 4] + "," + f[c + 5]);
- c += 6;
- break;
- case "Z":
- b.push("Z");
- break
- }
- }
- this.svgString = b.join("")
- },
- toString: function() {
- if (!this.svgString) {
- this.updateSvgString()
- }
- return this.svgString
- }
-});
-Ext.define("Ext.draw.overrides.Path", {
- override: "Ext.draw.Path",
- rayOrigin: {
- x: -10000,
- y: -10000
- },
- isPointInPath: function(o, n) {
- var m = this,
- c = m.commands,
- q = Ext.draw.PathUtil,
- p = m.rayOrigin,
- f = m.params,
- l = c.length,
- e = null,
- d = null,
- b = 0,
- a = 0,
- k = 0,
- h, g;
- for (h = 0, g = 0; h < l; h++) {
- switch (c[h]) {
- case "M":
- if (e !== null) {
- if (q.linesIntersection(e, d, b, a, p.x, p.y, o, n)) {
- k += 1
- }
- }
- e = b = f[g];
- d = a = f[g + 1];
- g += 2;
- break;
- case "L":
- if (q.linesIntersection(b, a, f[g], f[g + 1], p.x, p.y, o, n)) {
- k += 1
- }
- b = f[g];
- a = f[g + 1];
- g += 2;
- break;
- case "C":
- k += q.cubicLineIntersections(b, f[g], f[g + 2], f[g + 4], a, f[g + 1], f[g + 3], f[g + 5], p.x, p.y, o, n).length;
- b = f[g + 4];
- a = f[g + 5];
- g += 6;
- break;
- case "Z":
- if (e !== null) {
- if (q.linesIntersection(e, d, b, a, p.x, p.y, o, n)) {
- k += 1
- }
- }
- break
- }
- }
- return k % 2 === 1
- },
- isPointOnPath: function(n, m) {
- var l = this,
- c = l.commands,
- o = Ext.draw.PathUtil,
- f = l.params,
- k = c.length,
- e = null,
- d = null,
- b = 0,
- a = 0,
- h, g;
- for (h = 0, g = 0; h < k; h++) {
- switch (c[h]) {
- case "M":
- if (e !== null) {
- if (o.pointOnLine(e, d, b, a, n, m)) {
- return true
- }
- }
- e = b = f[g];
- d = a = f[g + 1];
- g += 2;
- break;
- case "L":
- if (o.pointOnLine(b, a, f[g], f[g + 1], n, m)) {
- return true
- }
- b = f[g];
- a = f[g + 1];
- g += 2;
- break;
- case "C":
- if (o.pointOnCubic(b, f[g], f[g + 2], f[g + 4], a, f[g + 1], f[g + 3], f[g + 5], n, m)) {
- return true
- }
- b = f[g + 4];
- a = f[g + 5];
- g += 6;
- break;
- case "Z":
- if (e !== null) {
- if (o.pointOnLine(e, d, b, a, n, m)) {
- return true
- }
- }
- break
- }
- }
- return false
- },
- getSegmentIntersections: function(t, d, s, c, r, b, o, a) {
- var w = this,
- g = arguments.length,
- v = Ext.draw.PathUtil,
- f = w.commands,
- u = w.params,
- k = f.length,
- m = null,
- l = null,
- h = 0,
- e = 0,
- x = [],
- q, n, p;
- for (q = 0, n = 0; q < k; q++) {
- switch (f[q]) {
- case "M":
- if (m !== null) {
- switch (g) {
- case 4:
- p = v.linesIntersection(m, l, h, e, t, d, s, c);
- if (p) {
- x.push(p)
- }
- break;
- case 8:
- p = v.cubicLineIntersections(t, s, r, o, d, c, b, a, m, l, h, e);
- x.push.apply(x, p);
- break
- }
- }
- m = h = u[n];
- l = e = u[n + 1];
- n += 2;
- break;
- case "L":
- switch (g) {
- case 4:
- p = v.linesIntersection(h, e, u[n], u[n + 1], t, d, s, c);
- if (p) {
- x.push(p)
- }
- break;
- case 8:
- p = v.cubicLineIntersections(t, s, r, o, d, c, b, a, h, e, u[n], u[n + 1]);
- x.push.apply(x, p);
- break
- }
- h = u[n];
- e = u[n + 1];
- n += 2;
- break;
- case "C":
- switch (g) {
- case 4:
- p = v.cubicLineIntersections(h, u[n], u[n + 2], u[n + 4], e, u[n + 1], u[n + 3], u[n + 5], t, d, s, c);
- x.push.apply(x, p);
- break;
- case 8:
- p = v.cubicsIntersections(h, u[n], u[n + 2], u[n + 4], e, u[n + 1], u[n + 3], u[n + 5], t, s, r, o, d, c, b, a);
- x.push.apply(x, p);
- break
- }
- h = u[n + 4];
- e = u[n + 5];
- n += 6;
- break;
- case "Z":
- if (m !== null) {
- switch (g) {
- case 4:
- p = v.linesIntersection(m, l, h, e, t, d, s, c);
- if (p) {
- x.push(p)
- }
- break;
- case 8:
- p = v.cubicLineIntersections(t, s, r, o, d, c, b, a, m, l, h, e);
- x.push.apply(x, p);
- break
- }
- }
- break
- }
- }
- return x
- },
- getIntersections: function(o) {
- var m = this,
- c = m.commands,
- g = m.params,
- l = c.length,
- f = null,
- e = null,
- b = 0,
- a = 0,
- d = [],
- k, h, n;
- for (k = 0, h = 0; k < l; k++) {
- switch (c[k]) {
- case "M":
- if (f !== null) {
- n = o.getSegmentIntersections.call(o, f, e, b, a);
- d.push.apply(d, n)
- }
- f = b = g[h];
- e = a = g[h + 1];
- h += 2;
- break;
- case "L":
- n = o.getSegmentIntersections.call(o, b, a, g[h], g[h + 1]);
- d.push.apply(d, n);
- b = g[h];
- a = g[h + 1];
- h += 2;
- break;
- case "C":
- n = o.getSegmentIntersections.call(o, b, a, g[h], g[h + 1], g[h + 2], g[h + 3], g[h + 4], g[h + 5]);
- d.push.apply(d, n);
- b = g[h + 4];
- a = g[h + 5];
- h += 6;
- break;
- case "Z":
- if (f !== null) {
- n = o.getSegmentIntersections.call(o, f, e, b, a);
- d.push.apply(d, n)
- }
- break
- }
- }
- return d
- }
-});
-Ext.define("Ext.draw.sprite.Path", {
- extend: "Ext.draw.sprite.Sprite",
- requires: ["Ext.draw.Draw", "Ext.draw.Path"],
- alias: ["sprite.path", "Ext.draw.Sprite"],
- type: "path",
- isPath: true,
- inheritableStatics: {
- def: {
- processors: {
- path: function(b, a) {
- if (!(b instanceof Ext.draw.Path)) {
- b = new Ext.draw.Path(b)
- }
- return b
- }
- },
- aliases: {
- d: "path"
- },
- triggers: {
- path: "bbox"
- },
- updaters: {
- path: function(a) {
- var b = a.path;
- if (!b || b.bindAttr !== a) {
- b = new Ext.draw.Path();
- b.bindAttr = a;
- a.path = b
- }
- b.clear();
- this.updatePath(b, a);
- this.scheduleUpdater(a, "bbox", ["path"])
- }
- }
- }
- },
- updatePlainBBox: function(a) {
- if (this.attr.path) {
- this.attr.path.getDimension(a)
- }
- },
- updateTransformedBBox: function(a) {
- if (this.attr.path) {
- this.attr.path.getDimensionWithTransform(this.attr.matrix, a)
- }
- },
- render: function(b, c) {
- var d = this.attr.matrix,
- a = this.attr;
- if (!a.path || a.path.params.length === 0) {
- return
- }
- d.toContext(c);
- c.appendPath(a.path);
- c.fillStroke(a)
- },
- updatePath: function(b, a) {}
-});
-Ext.define("Ext.draw.overrides.sprite.Path", {
- override: "Ext.draw.sprite.Path",
- requires: ["Ext.draw.Color"],
- isPointInPath: function(c, g) {
- var b = this.attr;
- if (b.fillStyle === Ext.draw.Color.RGBA_NONE) {
- return this.isPointOnPath(c, g)
- }
- var e = b.path,
- d = b.matrix,
- f, a;
- if (!d.isIdentity()) {
- f = e.params.slice(0);
- e.transform(b.matrix)
- }
- a = e.isPointInPath(c, g);
- if (f) {
- e.params = f
- }
- return a
- },
- isPointOnPath: function(c, g) {
- var b = this.attr,
- e = b.path,
- d = b.matrix,
- f, a;
- if (!d.isIdentity()) {
- f = e.params.slice(0);
- e.transform(b.matrix)
- }
- a = e.isPointOnPath(c, g);
- if (f) {
- e.params = f
- }
- return a
- },
- hitTest: function(i, l) {
- var e = this,
- c = e.attr,
- k = c.path,
- g = c.matrix,
- h = i[0],
- f = i[1],
- d = e.callParent([i, l]),
- j = null,
- a, b;
- if (!d) {
- return j
- }
- l = l || Ext.draw.sprite.Sprite.defaultHitTestOptions;
- if (!g.isIdentity()) {
- a = k.params.slice(0);
- k.transform(c.matrix)
- }
- if (l.fill && l.stroke) {
- b = c.fillStyle !== Ext.draw.Color.NONE && c.fillStyle !== Ext.draw.Color.RGBA_NONE;
- if (b) {
- if (k.isPointInPath(h, f)) {
- j = {
- sprite: e
- }
- }
- } else {
- if (k.isPointInPath(h, f) || k.isPointOnPath(h, f)) {
- j = {
- sprite: e
- }
- }
- }
- } else {
- if (l.stroke && !l.fill) {
- if (k.isPointOnPath(h, f)) {
- j = {
- sprite: e
- }
- }
- } else {
- if (l.fill && !l.stroke) {
- if (k.isPointInPath(h, f)) {
- j = {
- sprite: e
- }
- }
- }
- }
- }
- if (a) {
- k.params = a
- }
- return j
- },
- getIntersections: function(j) {
- if (!(j.isSprite && j.isPath)) {
- return []
- }
- var e = this.attr,
- d = j.attr,
- i = e.path,
- h = d.path,
- g = e.matrix,
- a = d.matrix,
- c, f, b;
- if (!g.isIdentity()) {
- c = i.params.slice(0);
- i.transform(e.matrix)
- }
- if (!a.isIdentity()) {
- f = h.params.slice(0);
- h.transform(d.matrix)
- }
- b = i.getIntersections(h);
- if (c) {
- i.params = c
- }
- if (f) {
- h.params = f
- }
- return b
- }
-});
-Ext.define("Ext.draw.sprite.Circle", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.circle",
- type: "circle",
- inheritableStatics: {
- def: {
- processors: {
- cx: "number",
- cy: "number",
- r: "number"
- },
- aliases: {
- radius: "r",
- x: "cx",
- y: "cy",
- centerX: "cx",
- centerY: "cy"
- },
- defaults: {
- cx: 0,
- cy: 0,
- r: 4
- },
- triggers: {
- cx: "path",
- cy: "path",
- r: "path"
- }
- }
- },
- updatePlainBBox: function(c) {
- var b = this.attr,
- a = b.cx,
- e = b.cy,
- d = b.r;
- c.x = a - d;
- c.y = e - d;
- c.width = d + d;
- c.height = d + d
- },
- updateTransformedBBox: function(d) {
- var g = this.attr,
- f = g.cx,
- e = g.cy,
- a = g.r,
- h = g.matrix,
- j = h.getScaleX(),
- i = h.getScaleY(),
- c, b;
- c = j * a;
- b = i * a;
- d.x = h.x(f, e) - c;
- d.y = h.y(f, e) - b;
- d.width = c + c;
- d.height = b + b
- },
- updatePath: function(b, a) {
- b.arc(a.cx, a.cy, a.r, 0, Math.PI * 2, false)
- }
-});
-Ext.define("Ext.draw.sprite.Arc", {
- extend: "Ext.draw.sprite.Circle",
- alias: "sprite.arc",
- type: "arc",
- inheritableStatics: {
- def: {
- processors: {
- startAngle: "number",
- endAngle: "number",
- anticlockwise: "bool"
- },
- aliases: {
- from: "startAngle",
- to: "endAngle",
- start: "startAngle",
- end: "endAngle"
- },
- defaults: {
- startAngle: 0,
- endAngle: Math.PI * 2,
- anticlockwise: false
- },
- triggers: {
- startAngle: "path",
- endAngle: "path",
- anticlockwise: "path"
- }
- }
- },
- updatePath: function(b, a) {
- b.arc(a.cx, a.cy, a.r, a.startAngle, a.endAngle, a.anticlockwise)
- }
-});
-Ext.define("Ext.draw.sprite.Arrow", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.arrow",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size * 1.5,
- a = b.x - b.lineWidth / 2,
- e = b.y;
- d.fromSvgString("M".concat(a - c * 0.7, ",", e - c * 0.4, "l", [c * 0.6, 0, 0, -c * 0.4, c, c * 0.8, -c, c * 0.8, 0, -c * 0.4, -c * 0.6, 0], "z"))
- }
-});
-Ext.define("Ext.draw.sprite.Composite", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "sprite.composite",
- type: "composite",
- isComposite: true,
- config: {
- sprites: []
- },
- constructor: function() {
- this.sprites = [];
- this.sprites.map = {};
- this.callParent(arguments)
- },
- add: function(c) {
- if (!c) {
- return null
- }
- if (!c.isSprite) {
- c = Ext.create("sprite." + c.type, c);
- c.setParent(this);
- c.setSurface(this.getSurface())
- }
- var d = this,
- a = d.attr,
- b = c.applyTransformations;
- c.applyTransformations = function() {
- if (c.attr.dirtyTransform) {
- a.dirtyTransform = true;
- a.bbox.plain.dirty = true;
- a.bbox.transform.dirty = true
- }
- b.call(c)
- };
- d.sprites.push(c);
- d.sprites.map[c.id] = c.getId();
- a.bbox.plain.dirty = true;
- a.bbox.transform.dirty = true;
- return c
- },
- updateSurface: function(a) {
- for (var b = 0, c = this.sprites.length; b < c; b++) {
- this.sprites[b].setSurface(a)
- }
- },
- addAll: function(b) {
- if (b.isSprite || b.type) {
- this.add(b)
- } else {
- if (Ext.isArray(b)) {
- var a = 0;
- while (a < b.length) {
- this.add(b[a++])
- }
- }
- }
- },
- updatePlainBBox: function(g) {
- var e = this,
- b = Infinity,
- h = -Infinity,
- f = Infinity,
- a = -Infinity,
- j, k, c, d;
- for (c = 0, d = e.sprites.length; c < d; c++) {
- j = e.sprites[c];
- j.applyTransformations();
- k = j.getBBox();
- if (b > k.x) {
- b = k.x
- }
- if (h < k.x + k.width) {
- h = k.x + k.width
- }
- if (f > k.y) {
- f = k.y
- }
- if (a < k.y + k.height) {
- a = k.y + k.height
- }
- }
- g.x = b;
- g.y = f;
- g.width = h - b;
- g.height = a - f
- },
- render: function(a, b, f) {
- var d = this.attr.matrix,
- c, e;
- d.toContext(b);
- for (c = 0, e = this.sprites.length; c < e; c++) {
- a.renderSprite(this.sprites[c], f)
- }
- },
- destroy: function() {
- var c = this,
- d = c.sprites,
- b = d.length,
- a;
- c.callParent();
- for (a = 0; a < b; a++) {
- d[a].destroy()
- }
- d.length = 0
- }
-});
-Ext.define("Ext.draw.sprite.Cross", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.cross",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size / 1.7,
- a = b.x - b.lineWidth / 2,
- e = b.y;
- d.fromSvgString("M".concat(a - c, ",", e, "l", [-c, -c, c, -c, c, c, c, -c, c, c, -c, c, c, c, -c, c, -c, -c, -c, c, -c, -c, "z"]))
- }
-});
-Ext.define("Ext.draw.sprite.Diamond", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.diamond",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size * 1.25,
- a = b.x - b.lineWidth / 2,
- e = b.y;
- d.fromSvgString(["M", a, e - c, "l", c, c, -c, c, -c, -c, c, -c, "z"])
- }
-});
-Ext.define("Ext.draw.sprite.Ellipse", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.ellipse",
- type: "ellipse",
- inheritableStatics: {
- def: {
- processors: {
- cx: "number",
- cy: "number",
- rx: "number",
- ry: "number",
- axisRotation: "number"
- },
- aliases: {
- radius: "r",
- x: "cx",
- y: "cy",
- centerX: "cx",
- centerY: "cy",
- radiusX: "rx",
- radiusY: "ry"
- },
- defaults: {
- cx: 0,
- cy: 0,
- rx: 1,
- ry: 1,
- axisRotation: 0
- },
- triggers: {
- cx: "path",
- cy: "path",
- rx: "path",
- ry: "path",
- axisRotation: "path"
- }
- }
- },
- updatePlainBBox: function(c) {
- var b = this.attr,
- a = b.cx,
- f = b.cy,
- e = b.rx,
- d = b.ry;
- c.x = a - e;
- c.y = f - d;
- c.width = e + e;
- c.height = d + d
- },
- updateTransformedBBox: function(d) {
- var i = this.attr,
- f = i.cx,
- e = i.cy,
- c = i.rx,
- b = i.ry,
- l = b / c,
- m = i.matrix.clone(),
- a, q, k, j, p, o, n, g;
- m.append(1, 0, 0, l, 0, e * (1 - l));
- a = m.getXX();
- k = m.getYX();
- p = m.getDX();
- q = m.getXY();
- j = m.getYY();
- o = m.getDY();
- n = Math.sqrt(a * a + k * k) * c;
- g = Math.sqrt(q * q + j * j) * c;
- d.x = f * a + e * k + p - n;
- d.y = f * q + e * j + o - g;
- d.width = n + n;
- d.height = g + g
- },
- updatePath: function(b, a) {
- b.ellipse(a.cx, a.cy, a.rx, a.ry, a.axisRotation, 0, Math.PI * 2, false)
- }
-});
-Ext.define("Ext.draw.sprite.EllipticalArc", {
- extend: "Ext.draw.sprite.Ellipse",
- alias: "sprite.ellipticalArc",
- type: "ellipticalArc",
- inheritableStatics: {
- def: {
- processors: {
- startAngle: "number",
- endAngle: "number",
- anticlockwise: "bool"
- },
- aliases: {
- from: "startAngle",
- to: "endAngle",
- start: "startAngle",
- end: "endAngle"
- },
- defaults: {
- startAngle: 0,
- endAngle: Math.PI * 2,
- anticlockwise: false
- },
- triggers: {
- startAngle: "path",
- endAngle: "path",
- anticlockwise: "path"
- }
- }
- },
- updatePath: function(b, a) {
- b.ellipse(a.cx, a.cy, a.rx, a.ry, a.axisRotation, a.startAngle, a.endAngle, a.anticlockwise)
- }
-});
-Ext.define("Ext.draw.sprite.Rect", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.rect",
- type: "rect",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- width: "number",
- height: "number",
- radius: "number"
- },
- aliases: {},
- triggers: {
- x: "path",
- y: "path",
- width: "path",
- height: "path",
- radius: "path"
- },
- defaults: {
- x: 0,
- y: 0,
- width: 8,
- height: 8,
- radius: 0
- }
- }
- },
- updatePlainBBox: function(b) {
- var a = this.attr;
- b.x = a.x;
- b.y = a.y;
- b.width = a.width;
- b.height = a.height
- },
- updateTransformedBBox: function(a, b) {
- this.attr.matrix.transformBBox(b, this.attr.radius, a)
- },
- updatePath: function(f, d) {
- var c = d.x,
- g = d.y,
- e = d.width,
- b = d.height,
- a = Math.min(d.radius, Math.abs(d.height) * 0.5, Math.abs(d.width) * 0.5);
- if (a === 0) {
- f.rect(c, g, e, b)
- } else {
- f.moveTo(c + a, g);
- f.arcTo(c + e, g, c + e, g + b, a);
- f.arcTo(c + e, g + b, c, g + b, a);
- f.arcTo(c, g + b, c, g, a);
- f.arcTo(c, g, c + a, g, a)
- }
- }
-});
-Ext.define("Ext.draw.sprite.Image", {
- extend: "Ext.draw.sprite.Rect",
- alias: "sprite.image",
- type: "image",
- statics: {
- imageLoaders: {}
- },
- inheritableStatics: {
- def: {
- processors: {
- src: "string"
- },
- defaults: {
- src: "",
- width: null,
- height: null
- }
- }
- },
- render: function(c, o) {
- var j = this,
- h = j.attr,
- n = h.matrix,
- a = h.src,
- l = h.x,
- k = h.y,
- b = h.width,
- m = h.height,
- g = Ext.draw.sprite.Image.imageLoaders[a],
- f, d, e;
- if (g && g.done) {
- n.toContext(o);
- d = g.image;
- o.drawImage(d, l, k, b || (d.naturalWidth || d.width) / c.devicePixelRatio, m || (d.naturalHeight || d.height) / c.devicePixelRatio)
- } else {
- if (!g) {
- f = new Image();
- g = Ext.draw.sprite.Image.imageLoaders[a] = {
- image: f,
- done: false,
- pendingSprites: [j],
- pendingSurfaces: [c]
- };
- f.width = b;
- f.height = m;
- f.onload = function() {
- if (!g.done) {
- g.done = true;
- for (e = 0; e < g.pendingSprites.length; e++) {
- g.pendingSprites[e].setDirty(true)
- }
- for (e in g.pendingSurfaces) {
- g.pendingSurfaces[e].renderFrame()
- }
- }
- };
- f.src = a
- } else {
- Ext.Array.include(g.pendingSprites, j);
- Ext.Array.include(g.pendingSurfaces, c)
- }
- }
- }
-});
-Ext.define("Ext.draw.sprite.Instancing", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "sprite.instancing",
- type: "instancing",
- isInstancing: true,
- config: {
- template: null
- },
- instances: null,
- applyTemplate: function(a) {
- if (!a.isSprite) {
- if (!a.xclass && !a.type) {
- a.type = "circle"
- }
- a = Ext.create(a.xclass || "sprite." + a.type, a)
- }
- a.setParent(this);
- return a
- },
- updateTemplate: function(a, b) {
- if (b) {
- delete b.ownAttr
- }
- a.setSurface(this.getSurface());
- a.ownAttr = a.attr;
- this.clearAll()
- },
- updateSurface: function(a) {
- var b = this.getTemplate();
- if (b) {
- b.setSurface(a)
- }
- },
- get: function(a) {
- return this.instances[a]
- },
- getCount: function() {
- return this.instances.length
- },
- clearAll: function() {
- var a = this.getTemplate();
- a.attr.children = this.instances = [];
- this.position = 0
- },
- createInstance: function(d, f, c) {
- var e = this.getTemplate(),
- b = e.attr,
- a = Ext.Object.chain(b);
- e.topModifier.prepareAttributes(a);
- e.attr = a;
- e.setAttributes(d, f, c);
- a.template = e;
- this.instances.push(a);
- e.attr = b;
- this.position++;
- return a
- },
- getBBox: function() {
- return null
- },
- getBBoxFor: function(b, d) {
- var c = this.getTemplate(),
- a = c.attr,
- e;
- c.attr = this.instances[b];
- e = c.getBBox(d);
- c.attr = a;
- return e
- },
- isVisible: function() {
- var b = this.attr,
- c = this.getParent(),
- a;
- a = c && c.isSurface && !b.hidden && b.globalAlpha;
- return !!a
- },
- isInstanceVisible: function(c) {
- var e = this,
- d = e.getTemplate(),
- b = d.attr,
- f = e.instances,
- a = false;
- if (!Ext.isNumber(c) || c < 0 || c >= f.length || !e.isVisible()) {
- return a
- }
- d.attr = f[c];
- a = d.isVisible(point, options);
- d.attr = b;
- return a
- },
- render: function(b, l, d, h) {
- var g = this,
- j = g.getTemplate(),
- k = g.attr.matrix,
- c = j.attr,
- a = g.instances,
- e, f = g.position;
- k.toContext(l);
- j.preRender(b, l, d, h);
- j.useAttributes(l, h);
- for (e = 0; e < f; e++) {
- if (a[e].dirtyZIndex) {
- break
- }
- }
- for (e = 0; e < f; e++) {
- if (a[e].hidden) {
- continue
- }
- l.save();
- j.attr = a[e];
- j.useAttributes(l, h);
- j.render(b, l, d, h);
- l.restore()
- }
- j.attr = c
- },
- setAttributesFor: function(c, e, f) {
- var d = this.getTemplate(),
- b = d.attr,
- a = this.instances[c];
- if (!a) {
- return
- }
- d.attr = a;
- if (f) {
- e = Ext.apply({}, e)
- } else {
- e = d.self.def.normalize(e)
- }
- d.topModifier.pushDown(a, e);
- d.attr = b
- },
- destroy: function() {
- var b = this,
- a = b.getTemplate();
- b.instances = null;
- if (a) {
- a.destroy()
- }
- b.callParent()
- }
-});
-Ext.define("Ext.draw.overrides.sprite.Instancing", {
- override: "Ext.draw.sprite.Instancing",
- hitTest: function(f, j) {
- var e = this,
- g = e.getTemplate(),
- b = g.attr,
- a = e.instances,
- d = a.length,
- c = 0,
- h = null;
- if (!e.isVisible()) {
- return h
- }
- for (; c < d; c++) {
- g.attr = a[c];
- h = g.hitTest(f, j);
- if (h) {
- h.isInstance = true;
- h.template = h.sprite;
- h.sprite = this;
- h.instance = a[c];
- h.index = c;
- return h
- }
- }
- g.attr = b;
- return h
- }
-});
-Ext.define("Ext.draw.sprite.Line", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "sprite.line",
- type: "line",
- inheritableStatics: {
- def: {
- processors: {
- fromX: "number",
- fromY: "number",
- toX: "number",
- toY: "number"
- },
- defaults: {
- fromX: 0,
- fromY: 0,
- toX: 1,
- toY: 1,
- strokeStyle: "black"
- },
- aliases: {
- x1: "fromX",
- y1: "fromY",
- x2: "toX",
- y2: "toY"
- }
- }
- },
- updateLineBBox: function(b, i, s, g, r, f) {
- var o = this.attr,
- q = o.matrix,
- h = o.lineWidth / 2,
- m, l, d, c, k, j, n;
- if (i) {
- n = q.transformPoint([s, g]);
- s = n[0];
- g = n[1];
- n = q.transformPoint([r, f]);
- r = n[0];
- f = n[1]
- }
- m = Math.min(s, r);
- d = Math.max(s, r);
- l = Math.min(g, f);
- c = Math.max(g, f);
- var t = Math.atan2(d - m, c - l),
- a = Math.sin(t),
- e = Math.cos(t),
- k = h * e,
- j = h * a;
- m -= k;
- l -= j;
- d += k;
- c += j;
- b.x = m;
- b.y = l;
- b.width = d - m;
- b.height = c - l
- },
- updatePlainBBox: function(b) {
- var a = this.attr;
- this.updateLineBBox(b, false, a.fromX, a.fromY, a.toX, a.toY)
- },
- updateTransformedBBox: function(b, c) {
- var a = this.attr;
- this.updateLineBBox(b, true, a.fromX, a.fromY, a.toX, a.toY)
- },
- render: function(b, c) {
- var a = this.attr,
- d = this.attr.matrix;
- d.toContext(c);
- c.beginPath();
- c.moveTo(a.fromX, a.fromY);
- c.lineTo(a.toX, a.toY);
- c.stroke()
- }
-});
-Ext.define("Ext.draw.sprite.Plus", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.plus",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size / 1.3,
- a = b.x - b.lineWidth / 2,
- e = b.y;
- d.fromSvgString("M".concat(a - c / 2, ",", e - c / 2, "l", [0, -c, c, 0, 0, c, c, 0, 0, c, -c, 0, 0, c, -c, 0, 0, -c, -c, 0, 0, -c, "z"]))
- }
-});
-Ext.define("Ext.draw.sprite.Sector", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.sector",
- type: "sector",
- inheritableStatics: {
- def: {
- processors: {
- centerX: "number",
- centerY: "number",
- startAngle: "number",
- endAngle: "number",
- startRho: "number",
- endRho: "number",
- margin: "number"
- },
- aliases: {
- rho: "endRho"
- },
- triggers: {
- centerX: "path,bbox",
- centerY: "path,bbox",
- startAngle: "path,bbox",
- endAngle: "path,bbox",
- startRho: "path,bbox",
- endRho: "path,bbox",
- margin: "path,bbox"
- },
- defaults: {
- centerX: 0,
- centerY: 0,
- startAngle: 0,
- endAngle: 0,
- startRho: 0,
- endRho: 150,
- margin: 0,
- path: "M 0,0"
- }
- }
- },
- getMidAngle: function() {
- return this.midAngle || 0
- },
- updatePath: function(j, h) {
- var g = Math.min(h.startAngle, h.endAngle),
- c = Math.max(h.startAngle, h.endAngle),
- b = this.midAngle = (g + c) * 0.5,
- d = h.margin,
- f = h.centerX,
- e = h.centerY,
- i = Math.min(h.startRho, h.endRho),
- a = Math.max(h.startRho, h.endRho);
- if (d) {
- f += d * Math.cos(b);
- e += d * Math.sin(b)
- }
- j.moveTo(f + i * Math.cos(g), e + i * Math.sin(g));
- j.lineTo(f + a * Math.cos(g), e + a * Math.sin(g));
- j.arc(f, e, a, g, c, false);
- j.lineTo(f + i * Math.cos(c), e + i * Math.sin(c));
- j.arc(f, e, i, c, g, true)
- }
-});
-Ext.define("Ext.draw.sprite.Square", {
- extend: "Ext.draw.sprite.Rect",
- alias: "sprite.square",
- inheritableStatics: {
- def: {
- processors: {
- size: "number"
- },
- defaults: {
- size: 4
- },
- triggers: {
- size: "size"
- },
- updaters: {
- size: function(a) {
- var c = a.size,
- b = a.lineWidth / 2;
- this.setAttributes({
- x: a.x - c - b,
- y: a.y - c,
- height: 2 * c,
- width: 2 * c
- })
- }
- }
- }
- }
-});
-Ext.define("Ext.draw.TextMeasurer", {
- singleton: true,
- requires: ["Ext.util.TextMetrics"],
- measureDiv: null,
- measureCache: {},
- precise: Ext.isIE8,
- measureDivTpl: {
- tag: "div",
- style: {
- overflow: "hidden",
- position: "relative",
- "float": "left",
- width: 0,
- height: 0
- },
- children: {
- tag: "div",
- style: {
- display: "block",
- position: "absolute",
- x: -100000,
- y: -100000,
- padding: 0,
- margin: 0,
- "z-index": -100000,
- "white-space": "nowrap"
- }
- }
- },
- actualMeasureText: function(g, b) {
- var e = Ext.draw.TextMeasurer,
- f = e.measureDiv,
- a = 100000,
- c;
- if (!f) {
- var d = Ext.Element.create({
- style: {
- overflow: "hidden",
- position: "relative",
- "float": "left",
- width: 0,
- height: 0
- }
- });
- e.measureDiv = f = Ext.Element.create({
- style: {
- position: "absolute",
- x: a,
- y: a,
- "z-index": -a,
- "white-space": "nowrap",
- display: "block",
- padding: 0,
- margin: 0
- }
- });
- Ext.getBody().appendChild(d);
- d.appendChild(f)
- }
- if (b) {
- f.setStyle({
- font: b,
- lineHeight: "normal"
- })
- }
- f.setText("(" + g + ")");
- c = f.getSize();
- f.setText("()");
- c.width -= f.getSize().width;
- return c
- },
- measureTextSingleLine: function(h, d) {
- if (this.precise) {
- return this.preciseMeasureTextSingleLine(h, d)
- }
- h = h.toString();
- var a = this.measureCache,
- g = h.split(""),
- c = 0,
- j = 0,
- l, b, e, f, k;
- if (!a[d]) {
- a[d] = {}
- }
- a = a[d];
- if (a[h]) {
- return a[h]
- }
- for (e = 0, f = g.length; e < f; e++) {
- b = g[e];
- if (!(l = a[b])) {
- k = this.actualMeasureText(b, d);
- l = a[b] = k
- }
- c += l.width;
- j = Math.max(j, l.height)
- }
- return a[h] = {
- width: c,
- height: j
- }
- },
- preciseMeasureTextSingleLine: function(c, a) {
- c = c.toString();
- var b = this.measureDiv || (this.measureDiv = Ext.getBody().createChild(this.measureDivTpl).down("div"));
- b.setStyle({
- font: a || ""
- });
- return Ext.util.TextMetrics.measure(b, c)
- },
- measureText: function(e, b) {
- var h = e.split("\n"),
- d = h.length,
- f = 0,
- a = 0,
- j, c, g;
- if (d === 1) {
- return this.measureTextSingleLine(e, b)
- }
- g = [];
- for (c = 0; c < d; c++) {
- j = this.measureTextSingleLine(h[c], b);
- g.push(j);
- f += j.height;
- a = Math.max(a, j.width)
- }
- return {
- width: a,
- height: f,
- sizes: g
- }
- }
-});
-Ext.define("Ext.draw.sprite.Text", function() {
- var d = {
- "xx-small": true,
- "x-small": true,
- small: true,
- medium: true,
- large: true,
- "x-large": true,
- "xx-large": true
- };
- var b = {
- normal: true,
- bold: true,
- bolder: true,
- lighter: true,
- 100: true,
- 200: true,
- 300: true,
- 400: true,
- 500: true,
- 600: true,
- 700: true,
- 800: true,
- 900: true
- };
- var a = {
- start: "start",
- left: "start",
- center: "center",
- middle: "center",
- end: "end",
- right: "end"
- };
- var c = {
- top: "top",
- hanging: "hanging",
- middle: "middle",
- center: "middle",
- alphabetic: "alphabetic",
- ideographic: "ideographic",
- bottom: "bottom"
- };
- return {
- extend: "Ext.draw.sprite.Sprite",
- requires: ["Ext.draw.TextMeasurer", "Ext.draw.Color"],
- alias: "sprite.text",
- type: "text",
- lineBreakRe: /\r?\n/g,
- inheritableStatics: {
- def: {
- animationProcessors: {
- text: "text"
- },
- processors: {
- x: "number",
- y: "number",
- text: "string",
- fontSize: function(e) {
- if (Ext.isNumber(+e)) {
- return e + "px"
- } else {
- if (e.match(Ext.dom.Element.unitRe)) {
- return e
- } else {
- if (e in d) {
- return e
- }
- }
- }
- },
- fontStyle: "enums(,italic,oblique)",
- fontVariant: "enums(,small-caps)",
- fontWeight: function(e) {
- if (e in b) {
- return String(e)
- } else {
- return ""
- }
- },
- fontFamily: "string",
- textAlign: function(e) {
- return a[e] || "center"
- },
- textBaseline: function(e) {
- return c[e] || "alphabetic"
- },
- font: "string"
- },
- aliases: {
- "font-size": "fontSize",
- "font-family": "fontFamily",
- "font-weight": "fontWeight",
- "font-variant": "fontVariant",
- "text-anchor": "textAlign"
- },
- defaults: {
- fontStyle: "",
- fontVariant: "",
- fontWeight: "",
- fontSize: "10px",
- fontFamily: "sans-serif",
- font: "10px sans-serif",
- textBaseline: "alphabetic",
- textAlign: "start",
- strokeStyle: "rgba(0, 0, 0, 0)",
- fillStyle: "#000",
- x: 0,
- y: 0,
- text: ""
- },
- triggers: {
- fontStyle: "fontX,bbox",
- fontVariant: "fontX,bbox",
- fontWeight: "fontX,bbox",
- fontSize: "fontX,bbox",
- fontFamily: "fontX,bbox",
- font: "font,bbox,canvas",
- textBaseline: "bbox",
- textAlign: "bbox",
- x: "bbox",
- y: "bbox",
- text: "bbox"
- },
- updaters: {
- fontX: "makeFontShorthand",
- font: "parseFontShorthand"
- }
- }
- },
- constructor: function(e) {
- if (e && e.font) {
- e = Ext.clone(e);
- for (var f in e) {
- if (f !== "font" && f.indexOf("font") === 0) {
- delete e[f]
- }
- }
- }
- Ext.draw.sprite.Sprite.prototype.constructor.call(this, e)
- },
- fontValuesMap: {
- italic: "fontStyle",
- oblique: "fontStyle",
- "small-caps": "fontVariant",
- bold: "fontWeight",
- bolder: "fontWeight",
- lighter: "fontWeight",
- "100": "fontWeight",
- "200": "fontWeight",
- "300": "fontWeight",
- "400": "fontWeight",
- "500": "fontWeight",
- "600": "fontWeight",
- "700": "fontWeight",
- "800": "fontWeight",
- "900": "fontWeight",
- "xx-small": "fontSize",
- "x-small": "fontSize",
- small: "fontSize",
- medium: "fontSize",
- large: "fontSize",
- "x-large": "fontSize",
- "xx-large": "fontSize"
- },
- makeFontShorthand: function(e) {
- var f = [];
- if (e.fontStyle) {
- f.push(e.fontStyle)
- }
- if (e.fontVariant) {
- f.push(e.fontVariant)
- }
- if (e.fontWeight) {
- f.push(e.fontWeight)
- }
- if (e.fontSize) {
- f.push(e.fontSize)
- }
- if (e.fontFamily) {
- f.push(e.fontFamily)
- }
- this.setAttributes({
- font: f.join(" ")
- }, true)
- },
- parseFontShorthand: function(j) {
- var m = j.font,
- k = m.length,
- l = {},
- n = this.fontValuesMap,
- e = 0,
- i, g, f, h;
- while (e < k && i !== -1) {
- i = m.indexOf(" ", e);
- if (i < 0) {
- f = m.substr(e)
- } else {
- if (i > e) {
- f = m.substr(e, i - e)
- } else {
- continue
- }
- }
- g = f.indexOf("/");
- if (g > 0) {
- f = f.substr(0, g)
- } else {
- if (g === 0) {
- continue
- }
- }
- if (f !== "normal" && f !== "inherit") {
- h = n[f];
- if (h) {
- l[h] = f
- } else {
- if (f.match(Ext.dom.Element.unitRe)) {
- l.fontSize = f
- } else {
- l.fontFamily = m.substr(e);
- break
- }
- }
- }
- e = i + 1
- }
- if (!l.fontStyle) {
- l.fontStyle = ""
- }
- if (!l.fontVariant) {
- l.fontVariant = ""
- }
- if (!l.fontWeight) {
- l.fontWeight = ""
- }
- this.setAttributes(l, true)
- },
- fontProperties: {
- fontStyle: true,
- fontVariant: true,
- fontWeight: true,
- fontSize: true,
- fontFamily: true
- },
- setAttributes: function(g, i, e) {
- var f, h;
- if (g && g.font) {
- h = {};
- for (f in g) {
- if (!(f in this.fontProperties)) {
- h[f] = g[f]
- }
- }
- g = h
- }
- this.callParent([g, i, e])
- },
- getBBox: function(g) {
- var h = this,
- f = h.attr.bbox.plain,
- e = h.getSurface();
- if (f.dirty) {
- h.updatePlainBBox(f);
- f.dirty = false
- }
- if (e.getInherited().rtl && e.getFlipRtlText()) {
- h.updatePlainBBox(f, true)
- }
- return h.callParent([g])
- },
- rtlAlignments: {
- start: "end",
- center: "center",
- end: "start"
- },
- updatePlainBBox: function(k, B) {
- var C = this,
- w = C.attr,
- o = w.x,
- n = w.y,
- q = [],
- t = w.font,
- r = w.text,
- s = w.textBaseline,
- l = w.textAlign,
- u = (B && C.oldSize) ? C.oldSize : (C.oldSize = Ext.draw.TextMeasurer.measureText(r, t)),
- z = C.getSurface(),
- p = z.getInherited().rtl,
- v = p && z.getFlipRtlText(),
- h = z.getRect(),
- f = u.sizes,
- g = u.height,
- j = u.width,
- m = f ? f.length : 0,
- e, A = 0;
- switch (s) {
- case "hanging":
- case "top":
- break;
- case "ideographic":
- case "bottom":
- n -= g;
- break;
- case "alphabetic":
- n -= g * 0.8;
- break;
- case "middle":
- n -= g * 0.5;
- break
- }
- if (v) {
- o = h[2] - h[0] - o;
- l = C.rtlAlignments[l]
- }
- switch (l) {
- case "start":
- if (p) {
- for (; A < m; A++) {
- e = f[A].width;
- q.push(-(j - e))
- }
- }
- break;
- case "end":
- o -= j;
- if (p) {
- break
- }
- for (; A < m; A++) {
- e = f[A].width;
- q.push(j - e)
- }
- break;
- case "center":
- o -= j * 0.5;
- for (; A < m; A++) {
- e = f[A].width;
- q.push((p ? -1 : 1) * (j - e) * 0.5)
- }
- break
- }
- w.textAlignOffsets = q;
- k.x = o;
- k.y = n;
- k.width = j;
- k.height = g
- },
- setText: function(e) {
- this.setAttributes({
- text: e
- }, true)
- },
- render: function(e, q, k) {
- var h = this,
- g = h.attr,
- p = Ext.draw.Matrix.fly(g.matrix.elements.slice(0)),
- o = h.getBBox(true),
- s = g.textAlignOffsets,
- m = Ext.draw.Color.RGBA_NONE,
- l, j, f, r, n;
- if (g.text.length === 0) {
- return
- }
- r = g.text.split(h.lineBreakRe);
- n = o.height / r.length;
- l = g.bbox.plain.x;
- j = g.bbox.plain.y + n * 0.78;
- p.toContext(q);
- if (e.getInherited().rtl) {
- l += g.bbox.plain.width
- }
- for (f = 0; f < r.length; f++) {
- if (q.fillStyle !== m) {
- q.fillText(r[f], l + (s[f] || 0), j + n * f)
- }
- if (q.strokeStyle !== m) {
- q.strokeText(r[f], l + (s[f] || 0), j + n * f)
- }
- }
- }
- }
-});
-Ext.define("Ext.draw.sprite.Tick", {
- extend: "Ext.draw.sprite.Line",
- alias: "sprite.tick",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "tick",
- y: "tick",
- size: "tick"
- },
- updaters: {
- tick: function(b) {
- var d = b.size * 1.5,
- c = b.lineWidth / 2,
- a = b.x,
- e = b.y;
- this.setAttributes({
- fromX: a - c,
- fromY: e - d,
- toX: a - c,
- toY: e + d
- })
- }
- }
- }
- }
-});
-Ext.define("Ext.draw.sprite.Triangle", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.triangle",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size * 2.2,
- a = b.x,
- e = b.y;
- d.fromSvgString("M".concat(a, ",", e, "m0-", c * 0.58, "l", c * 0.5, ",", c * 0.87, "-", c, ",0z"))
- }
-});
-Ext.define("Ext.draw.gradient.Linear", {
- extend: "Ext.draw.gradient.Gradient",
- requires: ["Ext.draw.Color"],
- type: "linear",
- config: {
- degrees: 0,
- radians: 0
- },
- applyRadians: function(b, a) {
- if (Ext.isNumber(b)) {
- return b
- }
- return a
- },
- applyDegrees: function(b, a) {
- if (Ext.isNumber(b)) {
- return b
- }
- return a
- },
- updateRadians: function(a) {
- this.setDegrees(Ext.draw.Draw.degrees(a))
- },
- updateDegrees: function(a) {
- this.setRadians(Ext.draw.Draw.rad(a))
- },
- generateGradient: function(q, o) {
- var c = this.getRadians(),
- p = Math.cos(c),
- j = Math.sin(c),
- m = o.width,
- f = o.height,
- d = o.x + m * 0.5,
- b = o.y + f * 0.5,
- n = this.getStops(),
- g = n.length,
- k, a, e;
- if (Ext.isNumber(d + b) && f > 0 && m > 0) {
- a = (Math.sqrt(f * f + m * m) * Math.abs(Math.cos(c - Math.atan(f / m)))) / 2;
- k = q.createLinearGradient(d + p * a, b + j * a, d - p * a, b - j * a);
- for (e = 0; e < g; e++) {
- k.addColorStop(n[e].offset, n[e].color)
- }
- return k
- }
- return Ext.draw.Color.NONE
- }
-});
-Ext.define("Ext.draw.gradient.Radial", {
- extend: "Ext.draw.gradient.Gradient",
- type: "radial",
- config: {
- start: {
- x: 0,
- y: 0,
- r: 0
- },
- end: {
- x: 0,
- y: 0,
- r: 1
- }
- },
- applyStart: function(a, b) {
- if (!b) {
- return a
- }
- var c = {
- x: b.x,
- y: b.y,
- r: b.r
- };
- if ("x" in a) {
- c.x = a.x
- } else {
- if ("centerX" in a) {
- c.x = a.centerX
- }
- }
- if ("y" in a) {
- c.y = a.y
- } else {
- if ("centerY" in a) {
- c.y = a.centerY
- }
- }
- if ("r" in a) {
- c.r = a.r
- } else {
- if ("radius" in a) {
- c.r = a.radius
- }
- }
- return c
- },
- applyEnd: function(b, a) {
- if (!a) {
- return b
- }
- var c = {
- x: a.x,
- y: a.y,
- r: a.r
- };
- if ("x" in b) {
- c.x = b.x
- } else {
- if ("centerX" in b) {
- c.x = b.centerX
- }
- }
- if ("y" in b) {
- c.y = b.y
- } else {
- if ("centerY" in b) {
- c.y = b.centerY
- }
- }
- if ("r" in b) {
- c.r = b.r
- } else {
- if ("radius" in b) {
- c.r = b.radius
- }
- }
- return c
- },
- generateGradient: function(n, m) {
- var a = this.getStart(),
- b = this.getEnd(),
- k = m.width * 0.5,
- d = m.height * 0.5,
- j = m.x + k,
- f = m.y + d,
- g = n.createRadialGradient(j + a.x * k, f + a.y * d, a.r * Math.max(k, d), j + b.x * k, f + b.y * d, b.r * Math.max(k, d)),
- l = this.getStops(),
- e = l.length,
- c;
- for (c = 0; c < e; c++) {
- g.addColorStop(l[c].offset, l[c].color)
- }
- return g
- }
-});
-Ext.define("Ext.draw.Surface", {
- extend: "Ext.draw.SurfaceBase",
- xtype: "surface",
- requires: ["Ext.draw.sprite.*", "Ext.draw.gradient.*", "Ext.draw.sprite.AttributeDefinition", "Ext.draw.Matrix", "Ext.draw.Draw"],
- uses: ["Ext.draw.engine.Canvas"],
- devicePixelRatio: window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI,
- deprecated: {
- "5.1.0": {
- statics: {
- methods: {
- stableSort: function(a) {
- return Ext.Array.sort(a, function(d, c) {
- return d.attr.zIndex - c.attr.zIndex
- })
- }
- }
- }
- }
- },
- config: {
- cls: Ext.baseCSSPrefix + "surface",
- rect: null,
- background: null,
- items: [],
- dirty: false,
- flipRtlText: false
- },
- isSurface: true,
- isPendingRenderFrame: false,
- dirtyPredecessorCount: 0,
- constructor: function(a) {
- var b = this;
- b.predecessors = [];
- b.successors = [];
- b.map = {};
- b.callParent([a]);
- b.matrix = new Ext.draw.Matrix();
- b.inverseMatrix = b.matrix.inverse()
- },
- roundPixel: function(a) {
- return Math.round(this.devicePixelRatio * a) / this.devicePixelRatio
- },
- waitFor: function(a) {
- var b = this,
- c = b.predecessors;
- if (!Ext.Array.contains(c, a)) {
- c.push(a);
- a.successors.push(b);
- if (a.getDirty()) {
- b.dirtyPredecessorCount++
- }
- }
- },
- updateDirty: function(d) {
- var c = this.successors,
- e = c.length,
- b = 0,
- a;
- for (; b < e; b++) {
- a = c[b];
- if (d) {
- a.dirtyPredecessorCount++;
- a.setDirty(true)
- } else {
- a.dirtyPredecessorCount--;
- if (a.dirtyPredecessorCount === 0 && a.isPendingRenderFrame) {
- a.renderFrame()
- }
- }
- }
- },
- applyBackground: function(a, b) {
- this.setDirty(true);
- if (Ext.isString(a)) {
- a = {
- fillStyle: a
- }
- }
- return Ext.factory(a, Ext.draw.sprite.Rect, b)
- },
- applyRect: function(a, b) {
- if (b && a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]) {
- return
- }
- if (Ext.isArray(a)) {
- return [a[0], a[1], a[2], a[3]]
- } else {
- if (Ext.isObject(a)) {
- return [a.x || a.left, a.y || a.top, a.width || (a.right - a.left), a.height || (a.bottom - a.top)]
- }
- }
- },
- updateRect: function(i) {
- var h = this,
- c = i[0],
- f = i[1],
- g = c + i[2],
- a = f + i[3],
- e = h.getBackground(),
- d = h.element;
- d.setLocalXY(Math.floor(c), Math.floor(f));
- d.setSize(Math.ceil(g - Math.floor(c)), Math.ceil(a - Math.floor(f)));
- if (e) {
- e.setAttributes({
- x: 0,
- y: 0,
- width: Math.ceil(g - Math.floor(c)),
- height: Math.ceil(a - Math.floor(f))
- })
- }
- h.setDirty(true)
- },
- resetTransform: function() {
- this.matrix.set(1, 0, 0, 1, 0, 0);
- this.inverseMatrix.set(1, 0, 0, 1, 0, 0);
- this.setDirty(true)
- },
- get: function(a) {
- return this.map[a] || this.getItems()[a]
- },
- add: function() {
- var g = this,
- e = Array.prototype.slice.call(arguments),
- j = Ext.isArray(e[0]),
- a = g.map,
- c = [],
- f, k, h, b, d;
- f = Ext.Array.clean(j ? e[0] : e);
- if (!f.length) {
- return c
- }
- for (b = 0, d = f.length; b < d; b++) {
- k = f[b];
- h = null;
- if (k.isSprite && !a[k.getId()]) {
- h = k
- } else {
- if (!a[k.id]) {
- h = this.createItem(k)
- }
- }
- if (h) {
- a[h.getId()] = h;
- c.push(h);
- h.setParent(g);
- h.setSurface(g);
- g.onAdd(h)
- }
- }
- f = g.getItems();
- if (f) {
- f.push.apply(f, c)
- }
- g.dirtyZIndex = true;
- g.setDirty(true);
- if (!j && c.length === 1) {
- return c[0]
- } else {
- return c
- }
- },
- onAdd: Ext.emptyFn,
- remove: function(a, c) {
- var b = this,
- e, d;
- if (a) {
- if (a.charAt) {
- a = b.map[a]
- }
- if (!a || !a.isSprite) {
- return null
- }
- if (a.isDestroyed || a.isDestroying) {
- return a
- }
- e = a.getId();
- d = b.map[e];
- delete b.map[e];
- if (c) {
- a.destroy()
- }
- if (!d) {
- return a
- }
- a.setParent(null);
- a.setSurface(null);
- Ext.Array.remove(b.getItems(), a);
- b.dirtyZIndex = true;
- b.setDirty(true)
- }
- return a || null
- },
- removeAll: function(d) {
- var a = this.getItems(),
- b = a.length - 1,
- c;
- if (d) {
- for (; b >= 0; b--) {
- a[b].destroy()
- }
- } else {
- for (; b >= 0; b--) {
- c = a[b];
- c.setParent(null);
- c.setSurface(null)
- }
- }
- a.length = 0;
- this.map = {};
- this.dirtyZIndex = true
- },
- applyItems: function(a) {
- if (this.getItems()) {
- this.removeAll(true)
- }
- return Ext.Array.from(this.add(a))
- },
- createItem: function(a) {
- return Ext.create(a.xclass || "sprite." + a.type, a)
- },
- getBBox: function(f, b) {
- var f = Ext.Array.from(f),
- c = Infinity,
- h = -Infinity,
- g = Infinity,
- a = -Infinity,
- j, k, d, e;
- for (d = 0, e = f.length; d < e; d++) {
- j = f[d];
- k = j.getBBox(b);
- if (c > k.x) {
- c = k.x
- }
- if (h < k.x + k.width) {
- h = k.x + k.width
- }
- if (g > k.y) {
- g = k.y
- }
- if (a < k.y + k.height) {
- a = k.y + k.height
- }
- }
- return {
- x: c,
- y: g,
- width: h - c,
- height: a - g
- }
- },
- emptyRect: [0, 0, 0, 0],
- getEventXY: function(d) {
- var g = this,
- f = g.getInherited().rtl,
- c = d.getXY(),
- a = g.getOwnerBody(),
- i = a.getXY(),
- h = g.getRect() || g.emptyRect,
- j = [],
- b;
- if (f) {
- b = a.getWidth();
- j[0] = i[0] - c[0] - h[0] + b
- } else {
- j[0] = c[0] - i[0] - h[0]
- }
- j[1] = c[1] - i[1] - h[1];
- return j
- },
- clear: Ext.emptyFn,
- orderByZIndex: function() {
- var d = this,
- a = d.getItems(),
- e = false,
- b, c;
- if (d.getDirty()) {
- for (b = 0, c = a.length; b < c; b++) {
- if (a[b].attr.dirtyZIndex) {
- e = true;
- break
- }
- }
- if (e) {
- Ext.Array.sort(a, function(g, f) {
- return g.attr.zIndex - f.attr.zIndex
- });
- this.setDirty(true)
- }
- for (b = 0, c = a.length; b < c; b++) {
- a[b].attr.dirtyZIndex = false
- }
- }
- },
- repaint: function() {
- var a = this;
- a.repaint = Ext.emptyFn;
- Ext.defer(function() {
- delete a.repaint;
- a.element.repaint()
- }, 1)
- },
- renderFrame: function() {
- var g = this;
- if (!g.element) {
- return
- }
- if (g.dirtyPredecessorCount > 0) {
- g.isPendingRenderFrame = true;
- return
- }
- var f = g.getRect(),
- c = g.getBackground(),
- a = g.getItems(),
- e, b, d;
- if (!f) {
- return
- }
- g.orderByZIndex();
- if (g.getDirty()) {
- g.clear();
- g.clearTransform();
- if (c) {
- g.renderSprite(c)
- }
- for (b = 0, d = a.length; b < d; b++) {
- e = a[b];
- if (g.renderSprite(e) === false) {
- return
- }
- e.attr.textPositionCount = g.textPosition
- }
- g.setDirty(false)
- }
- },
- renderSprite: Ext.emptyFn,
- clearTransform: Ext.emptyFn,
- destroy: function() {
- var a = this;
- a.removeAll(true);
- a.predecessors = null;
- a.successors = null;
- a.callParent()
- }
-});
-Ext.define("Ext.draw.overrides.Surface", {
- override: "Ext.draw.Surface",
- hitTest: function(b, c) {
- var f = this,
- g = f.getItems(),
- e, d, a;
- c = c || Ext.draw.sprite.Sprite.defaultHitTestOptions;
- for (e = g.length - 1; e >= 0; e--) {
- d = g[e];
- if (d.hitTest) {
- a = d.hitTest(b, c);
- if (a) {
- return a
- }
- }
- }
- return null
- },
- hitTestEvent: function(b, a) {
- var c = this.getEventXY(b);
- return this.hitTest(c, a)
- }
-});
-Ext.define("Ext.draw.engine.SvgContext", {
- requires: ["Ext.draw.Color"],
- toSave: ["strokeOpacity", "strokeStyle", "fillOpacity", "fillStyle", "globalAlpha", "lineWidth", "lineCap", "lineJoin", "lineDash", "lineDashOffset", "miterLimit", "shadowOffsetX", "shadowOffsetY", "shadowBlur", "shadowColor", "globalCompositeOperation", "position", "fillGradient", "strokeGradient"],
- strokeOpacity: 1,
- strokeStyle: "none",
- fillOpacity: 1,
- fillStyle: "none",
- lineDash: [],
- lineDashOffset: 0,
- globalAlpha: 1,
- lineWidth: 1,
- lineCap: "butt",
- lineJoin: "miter",
- miterLimit: 10,
- shadowOffsetX: 0,
- shadowOffsetY: 0,
- shadowBlur: 0,
- shadowColor: "none",
- globalCompositeOperation: "src",
- urlStringRe: /^url\(#([\w\-]+)\)$/,
- constructor: function(a) {
- this.surface = a;
- this.state = [];
- this.matrix = new Ext.draw.Matrix();
- this.path = null;
- this.clear()
- },
- clear: function() {
- this.group = this.surface.mainGroup;
- this.position = 0;
- this.path = null
- },
- getElement: function(a) {
- return this.surface.getSvgElement(this.group, a, this.position++)
- },
- removeElement: function(d) {
- var d = Ext.fly(d),
- h, g, b, f, a, e, c;
- if (!d) {
- return
- }
- if (d.dom.tagName === "g") {
- a = d.dom.gradients;
- for (c in a) {
- a[c].destroy()
- }
- } else {
- h = d.getAttribute("fill");
- g = d.getAttribute("stroke");
- b = h && h.match(this.urlStringRe);
- f = g && g.match(this.urlStringRe);
- if (b && b[1]) {
- e = Ext.fly(b[1]);
- if (e) {
- e.destroy()
- }
- }
- if (f && f[1]) {
- e = Ext.fly(f[1]);
- if (e) {
- e.destroy()
- }
- }
- }
- d.destroy()
- },
- save: function() {
- var c = this.toSave,
- e = {},
- d = this.getElement("g"),
- b, a;
- for (a = 0; a < c.length; a++) {
- b = c[a];
- if (b in this) {
- e[b] = this[b]
- }
- }
- this.position = 0;
- e.matrix = this.matrix.clone();
- this.state.push(e);
- this.group = d;
- return d
- },
- restore: function() {
- var d = this.toSave,
- e = this.state.pop(),
- c = this.group.dom.childNodes,
- b, a;
- while (c.length > this.position) {
- this.removeElement(c[c.length - 1])
- }
- for (a = 0; a < d.length; a++) {
- b = d[a];
- if (b in e) {
- this[b] = e[b]
- } else {
- delete this[b]
- }
- }
- this.setTransform.apply(this, e.matrix.elements);
- this.group = this.group.getParent()
- },
- transform: function(f, b, e, g, d, c) {
- if (this.path) {
- var a = Ext.draw.Matrix.fly([f, b, e, g, d, c]).inverse();
- this.path.transform(a)
- }
- this.matrix.append(f, b, e, g, d, c)
- },
- setTransform: function(e, a, d, f, c, b) {
- if (this.path) {
- this.path.transform(this.matrix)
- }
- this.matrix.reset();
- this.transform(e, a, d, f, c, b)
- },
- scale: function(a, b) {
- this.transform(a, 0, 0, b, 0, 0)
- },
- rotate: function(d) {
- var c = Math.cos(d),
- a = Math.sin(d),
- b = -Math.sin(d),
- e = Math.cos(d);
- this.transform(c, a, b, e, 0, 0)
- },
- translate: function(a, b) {
- this.transform(1, 0, 0, 1, a, b)
- },
- setGradientBBox: function(a) {
- this.bbox = a
- },
- beginPath: function() {
- this.path = new Ext.draw.Path()
- },
- moveTo: function(a, b) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.moveTo(a, b);
- this.path.element = null
- },
- lineTo: function(a, b) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.lineTo(a, b);
- this.path.element = null
- },
- rect: function(b, d, c, a) {
- this.moveTo(b, d);
- this.lineTo(b + c, d);
- this.lineTo(b + c, d + a);
- this.lineTo(b, d + a);
- this.closePath()
- },
- strokeRect: function(b, d, c, a) {
- this.beginPath();
- this.rect(b, d, c, a);
- this.stroke()
- },
- fillRect: function(b, d, c, a) {
- this.beginPath();
- this.rect(b, d, c, a);
- this.fill()
- },
- closePath: function() {
- if (!this.path) {
- this.beginPath()
- }
- this.path.closePath();
- this.path.element = null
- },
- arcSvg: function(d, a, f, g, c, b, e) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.arcSvg(d, a, f, g, c, b, e);
- this.path.element = null
- },
- arc: function(b, f, a, d, c, e) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.arc(b, f, a, d, c, e);
- this.path.element = null
- },
- ellipse: function(a, h, g, f, d, c, b, e) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.ellipse(a, h, g, f, d, c, b, e);
- this.path.element = null
- },
- arcTo: function(b, e, a, d, g, f, c) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.arcTo(b, e, a, d, g, f, c);
- this.path.element = null
- },
- bezierCurveTo: function(d, f, b, e, a, c) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.bezierCurveTo(d, f, b, e, a, c);
- this.path.element = null
- },
- strokeText: function(d, a, e) {
- d = String(d);
- if (this.strokeStyle) {
- var b = this.getElement("text"),
- c = this.surface.getSvgElement(b, "tspan", 0);
- this.surface.setElementAttributes(b, {
- x: a,
- y: e,
- transform: this.matrix.toSvg(),
- stroke: this.strokeStyle,
- fill: "none",
- opacity: this.globalAlpha,
- "stroke-opacity": this.strokeOpacity,
- style: "font: " + this.font,
- "stroke-dasharray": this.lineDash.join(","),
- "stroke-dashoffset": this.lineDashOffset
- });
- if (this.lineDash.length) {
- this.surface.setElementAttributes(b, {
- "stroke-dasharray": this.lineDash.join(","),
- "stroke-dashoffset": this.lineDashOffset
- })
- }
- if (c.dom.firstChild) {
- c.dom.removeChild(c.dom.firstChild)
- }
- this.surface.setElementAttributes(c, {
- "alignment-baseline": "alphabetic"
- });
- c.dom.appendChild(document.createTextNode(Ext.String.htmlDecode(d)))
- }
- },
- fillText: function(d, a, e) {
- d = String(d);
- if (this.fillStyle) {
- var b = this.getElement("text"),
- c = this.surface.getSvgElement(b, "tspan", 0);
- this.surface.setElementAttributes(b, {
- x: a,
- y: e,
- transform: this.matrix.toSvg(),
- fill: this.fillStyle,
- opacity: this.globalAlpha,
- "fill-opacity": this.fillOpacity,
- style: "font: " + this.font
- });
- if (c.dom.firstChild) {
- c.dom.removeChild(c.dom.firstChild)
- }
- this.surface.setElementAttributes(c, {
- "alignment-baseline": "alphabetic"
- });
- c.dom.appendChild(document.createTextNode(Ext.String.htmlDecode(d)))
- }
- },
- drawImage: function(c, k, i, l, e, p, n, a, g) {
- var f = this,
- d = f.getElement("image"),
- j = k,
- h = i,
- b = typeof l === "undefined" ? c.width : l,
- m = typeof e === "undefined" ? c.height : e,
- o = null;
- if (typeof g !== "undefined") {
- o = k + " " + i + " " + l + " " + e;
- j = p;
- h = n;
- b = a;
- m = g
- }
- d.dom.setAttributeNS("http://www.w3.org/1999/xlink", "href", c.src);
- f.surface.setElementAttributes(d, {
- viewBox: o,
- x: j,
- y: h,
- width: b,
- height: m,
- opacity: f.globalAlpha,
- transform: f.matrix.toSvg()
- })
- },
- fill: function() {
- if (!this.path) {
- return
- }
- if (this.fillStyle) {
- var c, a = this.fillGradient,
- d = this.bbox,
- b = this.path.element;
- if (!b) {
- c = this.path.toString();
- b = this.path.element = this.getElement("path");
- this.surface.setElementAttributes(b, {
- d: c,
- transform: this.matrix.toSvg()
- })
- }
- this.surface.setElementAttributes(b, {
- fill: a && d ? a.generateGradient(this, d) : this.fillStyle,
- "fill-opacity": this.fillOpacity * this.globalAlpha
- })
- }
- },
- stroke: function() {
- if (!this.path) {
- return
- }
- if (this.strokeStyle) {
- var c, b = this.strokeGradient,
- d = this.bbox,
- a = this.path.element;
- if (!a || !this.path.svgString) {
- c = this.path.toString();
- if (!c) {
- return
- }
- a = this.path.element = this.getElement("path");
- this.surface.setElementAttributes(a, {
- fill: "none",
- d: c,
- transform: this.matrix.toSvg()
- })
- }
- this.surface.setElementAttributes(a, {
- stroke: b && d ? b.generateGradient(this, d) : this.strokeStyle,
- "stroke-linecap": this.lineCap,
- "stroke-linejoin": this.lineJoin,
- "stroke-width": this.lineWidth,
- "stroke-opacity": this.strokeOpacity * this.globalAlpha,
- "stroke-dasharray": this.lineDash.join(","),
- "stroke-dashoffset": this.lineDashOffset
- });
- if (this.lineDash.length) {
- this.surface.setElementAttributes(a, {
- "stroke-dasharray": this.lineDash.join(","),
- "stroke-dashoffset": this.lineDashOffset
- })
- }
- }
- },
- fillStroke: function(a, e) {
- var b = this,
- d = b.fillStyle,
- g = b.strokeStyle,
- c = b.fillOpacity,
- f = b.strokeOpacity;
- if (e === undefined) {
- e = a.transformFillStroke
- }
- if (!e) {
- a.inverseMatrix.toContext(b)
- }
- if (d && c !== 0) {
- b.fill()
- }
- if (g && f !== 0) {
- b.stroke()
- }
- },
- appendPath: function(a) {
- this.path = a.clone()
- },
- setLineDash: function(a) {
- this.lineDash = a
- },
- getLineDash: function() {
- return this.lineDash
- },
- createLinearGradient: function(d, g, b, e) {
- var f = this,
- c = f.surface.getNextDef("linearGradient"),
- a = f.group.dom.gradients || (f.group.dom.gradients = {}),
- h;
- f.surface.setElementAttributes(c, {
- x1: d,
- y1: g,
- x2: b,
- y2: e,
- gradientUnits: "userSpaceOnUse"
- });
- h = new Ext.draw.engine.SvgContext.Gradient(f, f.surface, c);
- a[c.dom.id] = h;
- return h
- },
- createRadialGradient: function(b, j, d, a, i, c) {
- var g = this,
- e = g.surface.getNextDef("radialGradient"),
- f = g.group.dom.gradients || (g.group.dom.gradients = {}),
- h;
- g.surface.setElementAttributes(e, {
- fx: b,
- fy: j,
- cx: a,
- cy: i,
- r: c,
- gradientUnits: "userSpaceOnUse"
- });
- h = new Ext.draw.engine.SvgContext.Gradient(g, g.surface, e, d / c);
- f[e.dom.id] = h;
- return h
- }
-});
-Ext.define("Ext.draw.engine.SvgContext.Gradient", {
- statics: {
- map: {}
- },
- constructor: function(c, a, d, b) {
- var f = this.statics().map,
- e;
- e = f[d.dom.id];
- if (e) {
- e.element = null
- }
- f[d.dom.id] = this;
- this.ctx = c;
- this.surface = a;
- this.element = d;
- this.position = 0;
- this.compression = b || 0
- },
- addColorStop: function(d, b) {
- var c = this.surface.getSvgElement(this.element, "stop", this.position++),
- a = this.compression;
- this.surface.setElementAttributes(c, {
- offset: (((1 - a) * d + a) * 100).toFixed(2) + "%",
- "stop-color": b,
- "stop-opacity": Ext.draw.Color.fly(b).a.toFixed(15)
- })
- },
- toString: function() {
- var a = this.element.dom.childNodes;
- while (a.length > this.position) {
- Ext.fly(a[a.length - 1]).destroy()
- }
- return "url(#" + this.element.getId() + ")"
- },
- destroy: function() {
- var b = this.statics().map,
- a = this.element;
- if (a && a.dom) {
- delete b[a.dom.id];
- a.destroy()
- }
- this.callParent()
- }
-});
-Ext.define("Ext.draw.engine.Svg", {
- extend: "Ext.draw.Surface",
- requires: ["Ext.draw.engine.SvgContext"],
- statics: {
- BBoxTextCache: {}
- },
- config: {
- highPrecision: false
- },
- getElementConfig: function() {
- return {
- reference: "element",
- style: {
- position: "absolute"
- },
- children: [{
- reference: "innerElement",
- style: {
- width: "100%",
- height: "100%",
- position: "relative"
- },
- children: [{
- tag: "svg",
- reference: "svgElement",
- namespace: "http://www.w3.org/2000/svg",
- width: "100%",
- height: "100%",
- version: 1.1
- }]
- }]
- }
- },
- constructor: function(a) {
- var b = this;
- b.callParent([a]);
- b.mainGroup = b.createSvgNode("g");
- b.defElement = b.createSvgNode("defs");
- b.svgElement.appendChild(b.mainGroup);
- b.svgElement.appendChild(b.defElement);
- b.ctx = new Ext.draw.engine.SvgContext(b)
- },
- createSvgNode: function(a) {
- var b = document.createElementNS("http://www.w3.org/2000/svg", a);
- return Ext.get(b)
- },
- getSvgElement: function(d, b, a) {
- var c;
- if (d.dom.childNodes.length > a) {
- c = d.dom.childNodes[a];
- if (c.tagName === b) {
- return Ext.get(c)
- } else {
- Ext.destroy(c)
- }
- }
- c = Ext.get(this.createSvgNode(b));
- if (a === 0) {
- d.insertFirst(c)
- } else {
- c.insertAfter(Ext.fly(d.dom.childNodes[a - 1]))
- }
- c.cache = {};
- return c
- },
- setElementAttributes: function(d, b) {
- var f = d.dom,
- a = d.cache,
- c, e;
- for (c in b) {
- e = b[c];
- if (a[c] !== e) {
- a[c] = e;
- f.setAttribute(c, e)
- }
- }
- },
- getNextDef: function(a) {
- return this.getSvgElement(this.defElement, a, this.defPosition++)
- },
- clearTransform: function() {
- var a = this;
- a.mainGroup.set({
- transform: a.matrix.toSvg()
- })
- },
- clear: function() {
- this.ctx.clear();
- this.defPosition = 0
- },
- renderSprite: function(b) {
- var d = this,
- c = d.getRect(),
- a = d.ctx;
- if (b.attr.hidden || b.attr.globalAlpha === 0) {
- a.save();
- a.restore();
- return
- }
- b.element = a.save();
- b.preRender(this);
- b.useAttributes(a, c);
- if (false === b.render(this, a, [0, 0, c[2], c[3]])) {
- return false
- }
- b.setDirty(false);
- a.restore()
- },
- flatten: function(e, b) {
- var c = '',
- f = Ext.getClassName(this),
- a, g, d;
- c += '";
- return {
- data: "data:image/svg+xml;utf8," + encodeURIComponent(c),
- type: "svg"
- }
- },
- serializeNode: function(d) {
- var b = "",
- c, f, a, e;
- if (d.nodeType === document.TEXT_NODE) {
- return d.nodeValue
- }
- b += "<" + d.nodeName;
- if (d.attributes.length) {
- for (c = 0, f = d.attributes.length; c < f; c++) {
- a = d.attributes[c];
- b += " " + a.name + '="' + a.value + '"'
- }
- }
- b += ">";
- if (d.childNodes && d.childNodes.length) {
- for (c = 0, f = d.childNodes.length; c < f; c++) {
- e = d.childNodes[c];
- b += this.serializeNode(e)
- }
- }
- b += "";
- return b
- },
- destroy: function() {
- var a = this;
- a.ctx.destroy();
- a.mainGroup.destroy();
- delete a.mainGroup;
- delete a.ctx;
- a.callParent()
- },
- remove: function(a, b) {
- if (a && a.element) {
- if (this.ctx) {
- this.ctx.removeElement(a.element)
- } else {
- a.element.destroy()
- }
- a.element = null
- }
- this.callParent(arguments)
- }
-});
-Ext.draw || (Ext.draw = {});
-Ext.draw.engine || (Ext.draw.engine = {});
-Ext.draw.engine.excanvas = true;
-if (!document.createElement("canvas").getContext) {
- (function() {
- var ab = Math;
- var n = ab.round;
- var l = ab.sin;
- var A = ab.cos;
- var H = ab.abs;
- var N = ab.sqrt;
- var d = 10;
- var f = d / 2;
- var z = +navigator.userAgent.match(/MSIE ([\d.]+)?/)[1];
-
- function y() {
- return this.context_ || (this.context_ = new D(this))
- }
- var t = Array.prototype.slice;
-
- function g(j, m, p) {
- var i = t.call(arguments, 2);
- return function() {
- return j.apply(m, i.concat(t.call(arguments)))
- }
- }
-
- function af(i) {
- return String(i).replace(/&/g, "&").replace(/"/g, """)
- }
-
- function Y(m, j, i) {
- Ext.onReady(function() {
- if (!m.namespaces[j]) {
- m.namespaces.add(j, i, "#default#VML")
- }
- })
- }
-
- function R(j) {
- Y(j, "g_vml_", "urn:schemas-microsoft-com:vml");
- Y(j, "g_o_", "urn:schemas-microsoft-com:office:office");
- if (!j.styleSheets.ex_canvas_) {
- var i = j.createStyleSheet();
- i.owningElement.id = "ex_canvas_";
- i.cssText = "canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"
- }
- }
- R(document);
- var e = {
- init: function(i) {
- var j = i || document;
- j.createElement("canvas");
- j.attachEvent("onreadystatechange", g(this.init_, this, j))
- },
- init_: function(p) {
- var m = p.getElementsByTagName("canvas");
- for (var j = 0; j < m.length; j++) {
- this.initElement(m[j])
- }
- },
- initElement: function(j) {
- if (!j.getContext) {
- j.getContext = y;
- R(j.ownerDocument);
- j.innerHTML = "";
- j.attachEvent("onpropertychange", x);
- j.attachEvent("onresize", W);
- var i = j.attributes;
- if (i.width && i.width.specified) {
- j.style.width = i.width.nodeValue + "px"
- } else {
- j.width = j.clientWidth
- }
- if (i.height && i.height.specified) {
- j.style.height = i.height.nodeValue + "px"
- } else {
- j.height = j.clientHeight
- }
- }
- return j
- }
- };
-
- function x(j) {
- var i = j.srcElement;
- switch (j.propertyName) {
- case "width":
- i.getContext().clearRect();
- i.style.width = i.attributes.width.nodeValue + "px";
- i.firstChild.style.width = i.clientWidth + "px";
- break;
- case "height":
- i.getContext().clearRect();
- i.style.height = i.attributes.height.nodeValue + "px";
- i.firstChild.style.height = i.clientHeight + "px";
- break
- }
- }
-
- function W(j) {
- var i = j.srcElement;
- if (i.firstChild) {
- i.firstChild.style.width = i.clientWidth + "px";
- i.firstChild.style.height = i.clientHeight + "px"
- }
- }
- e.init();
- var k = [];
- for (var ae = 0; ae < 16; ae++) {
- for (var ad = 0; ad < 16; ad++) {
- k[ae * 16 + ad] = ae.toString(16) + ad.toString(16)
- }
- }
-
- function B() {
- return [
- [1, 0, 0],
- [0, 1, 0],
- [0, 0, 1]
- ]
- }
-
- function J(p, m) {
- var j = B();
- for (var i = 0; i < 3; i++) {
- for (var ah = 0; ah < 3; ah++) {
- var Z = 0;
- for (var ag = 0; ag < 3; ag++) {
- Z += p[i][ag] * m[ag][ah]
- }
- j[i][ah] = Z
- }
- }
- return j
- }
-
- function v(j, i) {
- i.fillStyle = j.fillStyle;
- i.lineCap = j.lineCap;
- i.lineJoin = j.lineJoin;
- i.lineDash = j.lineDash;
- i.lineWidth = j.lineWidth;
- i.miterLimit = j.miterLimit;
- i.shadowBlur = j.shadowBlur;
- i.shadowColor = j.shadowColor;
- i.shadowOffsetX = j.shadowOffsetX;
- i.shadowOffsetY = j.shadowOffsetY;
- i.strokeStyle = j.strokeStyle;
- i.globalAlpha = j.globalAlpha;
- i.font = j.font;
- i.textAlign = j.textAlign;
- i.textBaseline = j.textBaseline;
- i.arcScaleX_ = j.arcScaleX_;
- i.arcScaleY_ = j.arcScaleY_;
- i.lineScale_ = j.lineScale_
- }
- var b = {
- aliceblue: "#F0F8FF",
- antiquewhite: "#FAEBD7",
- aquamarine: "#7FFFD4",
- azure: "#F0FFFF",
- beige: "#F5F5DC",
- bisque: "#FFE4C4",
- black: "#000000",
- blanchedalmond: "#FFEBCD",
- blueviolet: "#8A2BE2",
- brown: "#A52A2A",
- burlywood: "#DEB887",
- cadetblue: "#5F9EA0",
- chartreuse: "#7FFF00",
- chocolate: "#D2691E",
- coral: "#FF7F50",
- cornflowerblue: "#6495ED",
- cornsilk: "#FFF8DC",
- crimson: "#DC143C",
- cyan: "#00FFFF",
- darkblue: "#00008B",
- darkcyan: "#008B8B",
- darkgoldenrod: "#B8860B",
- darkgray: "#A9A9A9",
- darkgreen: "#006400",
- darkgrey: "#A9A9A9",
- darkkhaki: "#BDB76B",
- darkmagenta: "#8B008B",
- darkolivegreen: "#556B2F",
- darkorange: "#FF8C00",
- darkorchid: "#9932CC",
- darkred: "#8B0000",
- darksalmon: "#E9967A",
- darkseagreen: "#8FBC8F",
- darkslateblue: "#483D8B",
- darkslategray: "#2F4F4F",
- darkslategrey: "#2F4F4F",
- darkturquoise: "#00CED1",
- darkviolet: "#9400D3",
- deeppink: "#FF1493",
- deepskyblue: "#00BFFF",
- dimgray: "#696969",
- dimgrey: "#696969",
- dodgerblue: "#1E90FF",
- firebrick: "#B22222",
- floralwhite: "#FFFAF0",
- forestgreen: "#228B22",
- gainsboro: "#DCDCDC",
- ghostwhite: "#F8F8FF",
- gold: "#FFD700",
- goldenrod: "#DAA520",
- grey: "#808080",
- greenyellow: "#ADFF2F",
- honeydew: "#F0FFF0",
- hotpink: "#FF69B4",
- indianred: "#CD5C5C",
- indigo: "#4B0082",
- ivory: "#FFFFF0",
- khaki: "#F0E68C",
- lavender: "#E6E6FA",
- lavenderblush: "#FFF0F5",
- lawngreen: "#7CFC00",
- lemonchiffon: "#FFFACD",
- lightblue: "#ADD8E6",
- lightcoral: "#F08080",
- lightcyan: "#E0FFFF",
- lightgoldenrodyellow: "#FAFAD2",
- lightgreen: "#90EE90",
- lightgrey: "#D3D3D3",
- lightpink: "#FFB6C1",
- lightsalmon: "#FFA07A",
- lightseagreen: "#20B2AA",
- lightskyblue: "#87CEFA",
- lightslategray: "#778899",
- lightslategrey: "#778899",
- lightsteelblue: "#B0C4DE",
- lightyellow: "#FFFFE0",
- limegreen: "#32CD32",
- linen: "#FAF0E6",
- magenta: "#FF00FF",
- mediumaquamarine: "#66CDAA",
- mediumblue: "#0000CD",
- mediumorchid: "#BA55D3",
- mediumpurple: "#9370DB",
- mediumseagreen: "#3CB371",
- mediumslateblue: "#7B68EE",
- mediumspringgreen: "#00FA9A",
- mediumturquoise: "#48D1CC",
- mediumvioletred: "#C71585",
- midnightblue: "#191970",
- mintcream: "#F5FFFA",
- mistyrose: "#FFE4E1",
- moccasin: "#FFE4B5",
- navajowhite: "#FFDEAD",
- oldlace: "#FDF5E6",
- olivedrab: "#6B8E23",
- orange: "#FFA500",
- orangered: "#FF4500",
- orchid: "#DA70D6",
- palegoldenrod: "#EEE8AA",
- palegreen: "#98FB98",
- paleturquoise: "#AFEEEE",
- palevioletred: "#DB7093",
- papayawhip: "#FFEFD5",
- peachpuff: "#FFDAB9",
- peru: "#CD853F",
- pink: "#FFC0CB",
- plum: "#DDA0DD",
- powderblue: "#B0E0E6",
- rosybrown: "#BC8F8F",
- royalblue: "#4169E1",
- saddlebrown: "#8B4513",
- salmon: "#FA8072",
- sandybrown: "#F4A460",
- seagreen: "#2E8B57",
- seashell: "#FFF5EE",
- sienna: "#A0522D",
- skyblue: "#87CEEB",
- slateblue: "#6A5ACD",
- slategray: "#708090",
- slategrey: "#708090",
- snow: "#FFFAFA",
- springgreen: "#00FF7F",
- steelblue: "#4682B4",
- tan: "#D2B48C",
- thistle: "#D8BFD8",
- tomato: "#FF6347",
- turquoise: "#40E0D0",
- violet: "#EE82EE",
- wheat: "#F5DEB3",
- whitesmoke: "#F5F5F5",
- yellowgreen: "#9ACD32"
- };
-
- function M(j) {
- var p = j.indexOf("(", 3);
- var i = j.indexOf(")", p + 1);
- var m = j.substring(p + 1, i).split(",");
- if (m.length != 4 || j.charAt(3) != "a") {
- m[3] = 1
- }
- return m
- }
-
- function c(i) {
- return parseFloat(i) / 100
- }
-
- function r(j, m, i) {
- return Math.min(i, Math.max(m, j))
- }
-
- function I(ag) {
- var i, ai, aj, ah, ak, Z;
- ah = parseFloat(ag[0]) / 360 % 360;
- if (ah < 0) {
- ah++
- }
- ak = r(c(ag[1]), 0, 1);
- Z = r(c(ag[2]), 0, 1);
- if (ak == 0) {
- i = ai = aj = Z
- } else {
- var j = Z < 0.5 ? Z * (1 + ak) : Z + ak - Z * ak;
- var m = 2 * Z - j;
- i = a(m, j, ah + 1 / 3);
- ai = a(m, j, ah);
- aj = a(m, j, ah - 1 / 3)
- }
- return "#" + k[Math.floor(i * 255)] + k[Math.floor(ai * 255)] + k[Math.floor(aj * 255)]
- }
-
- function a(j, i, m) {
- if (m < 0) {
- m++
- }
- if (m > 1) {
- m--
- }
- if (6 * m < 1) {
- return j + (i - j) * 6 * m
- } else {
- if (2 * m < 1) {
- return i
- } else {
- if (3 * m < 2) {
- return j + (i - j) * (2 / 3 - m) * 6
- } else {
- return j
- }
- }
- }
- }
- var C = {};
-
- function F(j) {
- if (j in C) {
- return C[j]
- }
- var ag, Z = 1;
- j = String(j);
- if (j.charAt(0) == "#") {
- ag = j
- } else {
- if (/^rgb/.test(j)) {
- var p = M(j);
- var ag = "#",
- ah;
- for (var m = 0; m < 3; m++) {
- if (p[m].indexOf("%") != -1) {
- ah = Math.floor(c(p[m]) * 255)
- } else {
- ah = +p[m]
- }
- ag += k[r(ah, 0, 255)]
- }
- Z = +p[3]
- } else {
- if (/^hsl/.test(j)) {
- var p = M(j);
- ag = I(p);
- Z = p[3]
- } else {
- ag = b[j] || j
- }
- }
- }
- return C[j] = {
- color: ag,
- alpha: Z
- }
- }
- var o = {
- style: "normal",
- variant: "normal",
- weight: "normal",
- size: 10,
- family: "sans-serif"
- };
- var L = {};
-
- function E(i) {
- if (L[i]) {
- return L[i]
- }
- var p = document.createElement("div");
- var m = p.style;
- try {
- m.font = i
- } catch (j) {}
- return L[i] = {
- style: m.fontStyle || o.style,
- variant: m.fontVariant || o.variant,
- weight: m.fontWeight || o.weight,
- size: m.fontSize || o.size,
- family: m.fontFamily || o.family
- }
- }
-
- function u(m, j) {
- var i = {};
- for (var ah in m) {
- i[ah] = m[ah]
- }
- var ag = parseFloat(j.currentStyle.fontSize),
- Z = parseFloat(m.size);
- if (typeof m.size == "number") {
- i.size = m.size
- } else {
- if (m.size.indexOf("px") != -1) {
- i.size = Z
- } else {
- if (m.size.indexOf("em") != -1) {
- i.size = ag * Z
- } else {
- if (m.size.indexOf("%") != -1) {
- i.size = (ag / 100) * Z
- } else {
- if (m.size.indexOf("pt") != -1) {
- i.size = Z / 0.75
- } else {
- i.size = ag
- }
- }
- }
- }
- }
- i.size *= 0.981;
- return i
- }
-
- function ac(i) {
- return i.style + " " + i.variant + " " + i.weight + " " + i.size + "px " + i.family
- }
- var s = {
- butt: "flat",
- round: "round"
- };
-
- function S(i) {
- return s[i] || "square"
- }
-
- function D(i) {
- this.m_ = B();
- this.mStack_ = [];
- this.aStack_ = [];
- this.currentPath_ = [];
- this.strokeStyle = "#000";
- this.fillStyle = "#000";
- this.lineWidth = 1;
- this.lineJoin = "miter";
- this.lineDash = [];
- this.lineCap = "butt";
- this.miterLimit = d * 1;
- this.globalAlpha = 1;
- this.font = "10px sans-serif";
- this.textAlign = "left";
- this.textBaseline = "alphabetic";
- this.canvas = i;
- var m = "width:" + i.clientWidth + "px;height:" + i.clientHeight + "px;overflow:hidden;position:absolute";
- var j = i.ownerDocument.createElement("div");
- j.style.cssText = m;
- i.appendChild(j);
- var p = j.cloneNode(false);
- p.style.backgroundColor = "red";
- p.style.filter = "alpha(opacity=0)";
- i.appendChild(p);
- this.element_ = j;
- this.arcScaleX_ = 1;
- this.arcScaleY_ = 1;
- this.lineScale_ = 1
- }
- var q = D.prototype;
- q.clearRect = function() {
- if (this.textMeasureEl_) {
- this.textMeasureEl_.removeNode(true);
- this.textMeasureEl_ = null
- }
- this.element_.innerHTML = ""
- };
- q.beginPath = function() {
- this.currentPath_ = []
- };
- q.moveTo = function(j, i) {
- var m = V(this, j, i);
- this.currentPath_.push({
- type: "moveTo",
- x: m.x,
- y: m.y
- });
- this.currentX_ = m.x;
- this.currentY_ = m.y
- };
- q.lineTo = function(j, i) {
- var m = V(this, j, i);
- this.currentPath_.push({
- type: "lineTo",
- x: m.x,
- y: m.y
- });
- this.currentX_ = m.x;
- this.currentY_ = m.y
- };
- q.bezierCurveTo = function(m, j, ak, aj, ai, ag) {
- var i = V(this, ai, ag);
- var ah = V(this, m, j);
- var Z = V(this, ak, aj);
- K(this, ah, Z, i)
- };
-
- function K(i, Z, m, j) {
- i.currentPath_.push({
- type: "bezierCurveTo",
- cp1x: Z.x,
- cp1y: Z.y,
- cp2x: m.x,
- cp2y: m.y,
- x: j.x,
- y: j.y
- });
- i.currentX_ = j.x;
- i.currentY_ = j.y
- }
- q.quadraticCurveTo = function(ai, m, j, i) {
- var ah = V(this, ai, m);
- var ag = V(this, j, i);
- var aj = {
- x: this.currentX_ + 2 / 3 * (ah.x - this.currentX_),
- y: this.currentY_ + 2 / 3 * (ah.y - this.currentY_)
- };
- var Z = {
- x: aj.x + (ag.x - this.currentX_) / 3,
- y: aj.y + (ag.y - this.currentY_) / 3
- };
- K(this, aj, Z, ag)
- };
- q.arc = function(al, aj, ak, ag, j, m) {
- ak *= d;
- var ap = m ? "at" : "wa";
- var am = al + A(ag) * ak - f;
- var ao = aj + l(ag) * ak - f;
- var i = al + A(j) * ak - f;
- var an = aj + l(j) * ak - f;
- if (am == i && !m) {
- am += 0.125
- }
- var Z = V(this, al, aj);
- var ai = V(this, am, ao);
- var ah = V(this, i, an);
- this.currentPath_.push({
- type: ap,
- x: Z.x,
- y: Z.y,
- radius: ak,
- xStart: ai.x,
- yStart: ai.y,
- xEnd: ah.x,
- yEnd: ah.y
- })
- };
- q.rect = function(m, j, i, p) {
- this.moveTo(m, j);
- this.lineTo(m + i, j);
- this.lineTo(m + i, j + p);
- this.lineTo(m, j + p);
- this.closePath()
- };
- q.strokeRect = function(m, j, i, p) {
- var Z = this.currentPath_;
- this.beginPath();
- this.moveTo(m, j);
- this.lineTo(m + i, j);
- this.lineTo(m + i, j + p);
- this.lineTo(m, j + p);
- this.closePath();
- this.stroke();
- this.currentPath_ = Z
- };
- q.fillRect = function(m, j, i, p) {
- var Z = this.currentPath_;
- this.beginPath();
- this.moveTo(m, j);
- this.lineTo(m + i, j);
- this.lineTo(m + i, j + p);
- this.lineTo(m, j + p);
- this.closePath();
- this.fill();
- this.currentPath_ = Z
- };
- q.createLinearGradient = function(j, p, i, m) {
- var Z = new U("gradient");
- Z.x0_ = j;
- Z.y0_ = p;
- Z.x1_ = i;
- Z.y1_ = m;
- return Z
- };
- q.createRadialGradient = function(p, ag, m, j, Z, i) {
- var ah = new U("gradientradial");
- ah.x0_ = p;
- ah.y0_ = ag;
- ah.r0_ = m;
- ah.x1_ = j;
- ah.y1_ = Z;
- ah.r1_ = i;
- return ah
- };
- q.drawImage = function(an, j) {
- var ah, Z, aj, ar, al, ak, ao, av;
- var ai = an.runtimeStyle.width;
- var am = an.runtimeStyle.height;
- an.runtimeStyle.width = "auto";
- an.runtimeStyle.height = "auto";
- var ag = an.width;
- var aq = an.height;
- an.runtimeStyle.width = ai;
- an.runtimeStyle.height = am;
- if (arguments.length == 3) {
- ah = arguments[1];
- Z = arguments[2];
- al = ak = 0;
- ao = aj = ag;
- av = ar = aq
- } else {
- if (arguments.length == 5) {
- ah = arguments[1];
- Z = arguments[2];
- aj = arguments[3];
- ar = arguments[4];
- al = ak = 0;
- ao = ag;
- av = aq
- } else {
- if (arguments.length == 9) {
- al = arguments[1];
- ak = arguments[2];
- ao = arguments[3];
- av = arguments[4];
- ah = arguments[5];
- Z = arguments[6];
- aj = arguments[7];
- ar = arguments[8]
- } else {
- throw Error("Invalid number of arguments")
- }
- }
- }
- var au = V(this, ah, Z);
- var at = [];
- var i = 10;
- var p = 10;
- var ap = this.m_;
- at.push(" ', '', ' ", "
"],
- nodeContainerSelector: "div." + Ext.baseCSSPrefix + "legend-container",
- itemSelector: "div." + Ext.baseCSSPrefix + "legend-item",
- docked: "bottom"
- },
- setDocked: function(d) {
- var c = this,
- a = c.ownerCt,
- b;
- c.docked = d;
- switch (d) {
- case "top":
- case "bottom":
- c.addCls(Ext.baseCSSPrefix + "horizontal");
- b = "hbox";
- break;
- case "left":
- case "right":
- c.removeCls(Ext.baseCSSPrefix + "horizontal");
- b = "vbox";
- break
- }
- if (a) {
- a.setDocked(d)
- }
- },
- setStore: function(a) {
- this.bindStore(a)
- },
- clearViewEl: function() {
- this.callParent(arguments);
- Ext.removeNode(this.getNodeContainer())
- },
- onItemClick: function(a, c, b, d) {
- this.callParent(arguments);
- this.toggleItem(b)
- }
-});
-Ext.define("Ext.chart.Legend", {
- xtype: "legend",
- extend: "Ext.chart.LegendBase",
- config: {
- baseCls: Ext.baseCSSPrefix + "legend",
- padding: 5,
- rect: null,
- disableSelection: true,
- toggleable: true
- },
- toggleItem: function(c) {
- if (!this.getToggleable()) {
- return
- }
- var b = this.getStore(),
- h = 0,
- e, g = true,
- d, f, a;
- if (b) {
- f = b.getCount();
- for (d = 0; d < f; d++) {
- a = b.getAt(d);
- if (a.get("disabled")) {
- h++
- }
- }
- g = f - h > 1;
- a = b.getAt(c);
- if (a) {
- e = a.get("disabled");
- if (e || g) {
- a.set("disabled", !e)
- }
- }
- }
- }
-});
-Ext.define("Ext.chart.AbstractChart", {
- extend: "Ext.draw.Container",
- requires: ["Ext.chart.theme.Default", "Ext.chart.series.Series", "Ext.chart.interactions.Abstract", "Ext.chart.axis.Axis", "Ext.data.StoreManager", "Ext.chart.Legend", "Ext.data.Store"],
- isChart: true,
- defaultBindProperty: "store",
- config: {
- store: "ext-empty-store",
- theme: "default",
- style: null,
- animation: !Ext.isIE8,
- series: [],
- axes: [],
- legend: null,
- colors: null,
- insetPadding: {
- top: 10,
- left: 10,
- right: 10,
- bottom: 10
- },
- background: null,
- interactions: [],
- mainRect: null,
- resizeHandler: null,
- highlightItem: null
- },
- animationSuspendCount: 0,
- chartLayoutSuspendCount: 0,
- axisThicknessSuspendCount: 0,
- isThicknessChanged: false,
- surfaceZIndexes: {
- background: 0,
- main: 1,
- grid: 2,
- series: 3,
- axis: 4,
- chart: 5,
- overlay: 6,
- events: 7
- },
- constructor: function(a) {
- var b = this;
- b.itemListeners = {};
- b.surfaceMap = {};
- b.chartComponents = {};
- b.isInitializing = true;
- b.suspendChartLayout();
- b.animationSuspendCount++;
- b.callParent(arguments);
- delete b.isInitializing;
- b.getSurface("main");
- b.getSurface("chart").setFlipRtlText(b.getInherited().rtl);
- b.getSurface("overlay").waitFor(b.getSurface("series"));
- b.animationSuspendCount--;
- b.resumeChartLayout()
- },
- applyAnimation: function(a, b) {
- if (!a) {
- a = {
- duration: 0
- }
- } else {
- if (a === true) {
- a = {
- easing: "easeInOut",
- duration: 500
- }
- }
- }
- return b ? Ext.apply({}, a, b) : a
- },
- getAnimation: function() {
- if (this.animationSuspendCount) {
- return {
- duration: 0
- }
- } else {
- return this.callParent()
- }
- },
- applyInsetPadding: function(b, a) {
- if (!Ext.isObject(b)) {
- return Ext.util.Format.parseBox(b)
- } else {
- if (!a) {
- return b
- } else {
- return Ext.apply(a, b)
- }
- }
- },
- suspendAnimation: function() {
- var d = this,
- c = d.getSeries(),
- e = c.length,
- b = -1,
- a;
- d.animationSuspendCount++;
- if (d.animationSuspendCount === 1) {
- while (++b < e) {
- a = c[b];
- a.setAnimation(a.getAnimation())
- }
- }
- },
- resumeAnimation: function() {
- var d = this,
- c = d.getSeries(),
- f = c.length,
- b = -1,
- a, e;
- d.animationSuspendCount--;
- if (d.animationSuspendCount === 0) {
- while (++b < f) {
- a = c[b];
- e = a.getAnimation();
- a.setAnimation(e.duration && e || d.getAnimation())
- }
- }
- },
- suspendChartLayout: function() {
- this.chartLayoutSuspendCount++;
- if (this.chartLayoutSuspendCount === 1) {
- if (this.scheduledLayoutId) {
- this.layoutInSuspension = true;
- this.cancelChartLayout()
- } else {
- this.layoutInSuspension = false
- }
- }
- },
- resumeChartLayout: function() {
- this.chartLayoutSuspendCount--;
- if (this.chartLayoutSuspendCount === 0) {
- if (this.layoutInSuspension) {
- this.scheduleLayout()
- }
- }
- },
- cancelChartLayout: function() {
- if (this.scheduledLayoutId) {
- Ext.draw.Animator.cancel(this.scheduledLayoutId);
- this.scheduledLayoutId = null
- }
- },
- scheduleLayout: function() {
- var a = this;
- if (a.allowSchedule() && !a.scheduledLayoutId) {
- a.scheduledLayoutId = Ext.draw.Animator.schedule("doScheduleLayout", a)
- }
- },
- allowSchedule: function() {
- return true
- },
- doScheduleLayout: function() {
- if (this.chartLayoutSuspendCount) {
- this.layoutInSuspension = true
- } else {
- this.performLayout()
- }
- },
- suspendThicknessChanged: function() {
- this.axisThicknessSuspendCount++
- },
- resumeThicknessChanged: function() {
- if (this.axisThicknessSuspendCount > 0) {
- this.axisThicknessSuspendCount--;
- if (this.axisThicknessSuspendCount === 0 && this.isThicknessChanged) {
- this.onThicknessChanged()
- }
- }
- },
- onThicknessChanged: function() {
- if (this.axisThicknessSuspendCount === 0) {
- this.isThicknessChanged = false;
- this.performLayout()
- } else {
- this.isThicknessChanged = true
- }
- },
- applySprites: function(b) {
- var a = this.getSurface("chart");
- b = Ext.Array.from(b);
- a.removeAll(true);
- a.add(b);
- return b
- },
- initItems: function() {
- var a = this.items,
- b, d, c;
- if (a && !a.isMixedCollection) {
- this.items = [];
- a = Ext.Array.from(a);
- for (b = 0, d = a.length; b < d; b++) {
- c = a[b];
- if (c.type) {
- Ext.raise("To add custom sprites to the chart use the 'sprites' config.")
- } else {
- this.items.push(c)
- }
- }
- }
- this.callParent()
- },
- applyBackground: function(c, e) {
- var b = this.getSurface("background"),
- d, a, f;
- if (c) {
- if (e) {
- d = e.attr.width;
- a = e.attr.height;
- f = e.type === (c.type || "rect")
- }
- if (c.isSprite) {
- e = c
- } else {
- if (c.type === "image" && Ext.isString(c.src)) {
- if (f) {
- e.setAttributes({
- src: c.src
- })
- } else {
- b.remove(e, true);
- e = b.add(c)
- }
- } else {
- if (f) {
- e.setAttributes({
- fillStyle: c
- })
- } else {
- b.remove(e, true);
- e = b.add({
- type: "rect",
- fillStyle: c,
- fx: {
- customDurations: {
- x: 0,
- y: 0,
- width: 0,
- height: 0
- }
- }
- })
- }
- }
- }
- }
- if (d && a) {
- e.setAttributes({
- width: d,
- height: a
- })
- }
- e.setAnimation(this.getAnimation());
- return e
- },
- getLegendStore: function() {
- return this.legendStore
- },
- refreshLegendStore: function() {
- if (this.getLegendStore()) {
- var d, e, c = this.getSeries(),
- b, a = [];
- if (c) {
- for (d = 0, e = c.length; d < e; d++) {
- b = c[d];
- if (b.getShowInLegend()) {
- b.provideLegendInfo(a)
- }
- }
- }
- this.getLegendStore().setData(a)
- }
- },
- resetLegendStore: function() {
- var c = this.getLegendStore(),
- e, d, a, b;
- if (c) {
- e = this.getLegendStore().getData().items;
- for (d = 0, a = e.length; d < a; d++) {
- b = e[d];
- b.beginEdit();
- b.set("disabled", false);
- b.commit()
- }
- }
- },
- onUpdateLegendStore: function(b, a) {
- var d = this.getSeries(),
- c;
- if (a && d) {
- c = d.map[a.get("series")];
- if (c) {
- c.setHiddenByIndex(a.get("index"), a.get("disabled"));
- this.redraw()
- }
- }
- },
- defaultResizeHandler: function(a) {
- this.scheduleLayout();
- return false
- },
- applyMainRect: function(a, b) {
- if (!b) {
- return a
- }
- this.getSeries();
- this.getAxes();
- if (a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]) {
- return b
- } else {
- return a
- }
- },
- register: function(a) {
- var b = this.chartComponents,
- c = a.getId();
- b[c] = a
- },
- unregister: function(a) {
- var b = this.chartComponents,
- c = a.getId();
- delete b[c]
- },
- get: function(a) {
- return this.chartComponents[a]
- },
- getAxis: function(a) {
- if (a instanceof Ext.chart.axis.Axis) {
- return a
- } else {
- if (Ext.isNumber(a)) {
- return this.getAxes()[a]
- } else {
- if (Ext.isString(a)) {
- return this.get(a)
- }
- }
- }
- },
- getSurface: function(b, c) {
- b = b || "main";
- c = c || b;
- var d = this,
- a = this.callParent([b]),
- f = d.surfaceZIndexes,
- e = d.surfaceMap;
- if (c in f) {
- a.element.setStyle("zIndex", f[c])
- }
- if (!e[c]) {
- e[c] = []
- }
- if (Ext.Array.indexOf(e[c], a) < 0) {
- a.type = c;
- e[c].push(a);
- a.on("destroy", d.forgetSurface, d)
- }
- return a
- },
- forgetSurface: function(a) {
- var d = this.surfaceMap;
- if (!d || this.isDestroying) {
- return
- }
- var c = d[a.type],
- b = c ? Ext.Array.indexOf(c, a) : -1;
- if (b >= 0) {
- c.splice(b, 1)
- }
- },
- applyAxes: function(b, k) {
- var l = this,
- g = {
- left: "right",
- right: "left"
- },
- m = [],
- c, d, e, a, f, h, j;
- l.animationSuspendCount++;
- l.getStore();
- if (!k) {
- k = [];
- k.map = {}
- }
- j = k.map;
- m.map = {};
- b = Ext.Array.from(b, true);
- for (f = 0, h = b.length; f < h; f++) {
- c = b[f];
- if (!c) {
- continue
- }
- if (c instanceof Ext.chart.axis.Axis) {
- d = j[c.getId()];
- c.setChart(l)
- } else {
- c = Ext.Object.chain(c);
- e = c.linkedTo;
- a = c.id;
- if (Ext.isNumber(e)) {
- c = Ext.merge({}, b[e], c)
- } else {
- if (Ext.isString(e)) {
- Ext.Array.each(b, function(i) {
- if (i.id === c.linkedTo) {
- c = Ext.merge({}, i, c);
- return false
- }
- })
- }
- }
- c.id = a;
- c.chart = l;
- if (l.getInherited().rtl) {
- c.position = g[c.position] || c.position
- }
- a = c.getId && c.getId() || c.id;
- c = Ext.factory(c, null, d = j[a], "axis")
- }
- if (c) {
- m.push(c);
- m.map[c.getId()] = c;
- if (!d) {
- c.on("animationstart", "onAnimationStart", l);
- c.on("animationend", "onAnimationEnd", l)
- }
- }
- }
- for (f in j) {
- if (!m.map[f]) {
- j[f].destroy()
- }
- }
- l.animationSuspendCount--;
- return m
- },
- updateAxes: function() {
- if (!this.isDestroying) {
- this.scheduleLayout()
- }
- },
- circularCopyArray: function(e, f, d) {
- var c = [],
- b, a = e && e.length;
- if (a) {
- for (b = 0; b < d; b++) {
- c.push(e[(f + b) % a])
- }
- }
- return c
- },
- circularCopyObject: function(f, g, d) {
- var c = this,
- b, e, a = {};
- if (d) {
- for (b in f) {
- if (f.hasOwnProperty(b)) {
- e = f[b];
- if (Ext.isArray(e)) {
- a[b] = c.circularCopyArray(e, g, d)
- } else {
- a[b] = e
- }
- }
- }
- }
- return a
- },
- getColors: function() {
- var b = this,
- a = b.config.colors,
- c = b.getTheme();
- if (Ext.isArray(a) && a.length > 0) {
- a = b.applyColors(a)
- }
- return a || (c && c.getColors())
- },
- applyColors: function(a) {
- a = Ext.Array.map(a, function(b) {
- if (Ext.isString(b)) {
- return b
- } else {
- return b.toString()
- }
- });
- return a
- },
- updateColors: function(c) {
- var k = this,
- e = k.getTheme(),
- a = c || (e && e.getColors()),
- l = 0,
- f = k.getSeries(),
- d = f && f.length,
- g, j, b, h;
- if (a.length) {
- for (g = 0; g < d; g++) {
- j = f[g];
- h = j.themeColorCount();
- b = k.circularCopyArray(a, l, h);
- l += h;
- j.updateChartColors(b)
- }
- }
- k.refreshLegendStore()
- },
- applyTheme: function(a) {
- if (a && a.isTheme) {
- return a
- }
- return Ext.Factory.chartTheme(a)
- },
- updateTheme: function(g) {
- var e = this,
- f = e.getAxes(),
- d = e.getSeries(),
- a = e.getColors(),
- c, b;
- e.updateChartTheme(g);
- for (b = 0; b < f.length; b++) {
- f[b].updateTheme(g)
- }
- for (b = 0; b < d.length; b++) {
- c = d[b];
- c.updateTheme(g)
- }
- e.updateSpriteTheme(g);
- e.updateColors(a);
- e.redraw()
- },
- themeOnlyIfConfigured: {},
- updateChartTheme: function(c) {
- var i = this,
- k = c.getChart(),
- n = i.getInitialConfig(),
- b = i.defaultConfig,
- e = i.getConfigurator().configs,
- f = k.defaults,
- g = k[i.xtype],
- h = i.themeOnlyIfConfigured,
- l, j, o, a, m, d;
- k = Ext.merge({}, f, g);
- for (l in k) {
- j = k[l];
- d = e[l];
- if (j !== null && j !== undefined && d) {
- m = n[l];
- o = Ext.isObject(j);
- a = m === b[l];
- if (o) {
- if (a && h[l]) {
- continue
- }
- j = Ext.merge({}, j, m)
- }
- if (a || o) {
- i[d.names.set](j)
- }
- }
- }
- },
- updateSpriteTheme: function(c) {
- this.getSprites();
- var j = this,
- e = j.getSurface("chart"),
- h = e.getItems(),
- m = c.getSprites(),
- k, a, l, f, d, b, g;
- for (b = 0, g = h.length; b < g; b++) {
- k = h[b];
- a = m[k.type];
- if (a) {
- f = {};
- d = k.type === "text";
- for (l in a) {
- if (!(l in k.config)) {
- if (!(d && l.indexOf("font") === 0 && k.config.font)) {
- f[l] = a[l]
- }
- }
- }
- k.setAttributes(f)
- }
- }
- },
- addSeries: function(b) {
- var a = this.getSeries();
- Ext.Array.push(a, b);
- this.setSeries(a)
- },
- removeSeries: function(d) {
- d = Ext.Array.from(d);
- var b = this.getSeries(),
- f = [],
- a = d.length,
- g = {},
- c, e;
- for (c = 0; c < a; c++) {
- e = d[c];
- if (typeof e !== "string") {
- e = e.getId()
- }
- g[e] = true
- }
- for (c = 0, a = b.length; c < a; c++) {
- if (!g[b[c].getId()]) {
- f.push(b[c])
- }
- }
- this.setSeries(f)
- },
- applySeries: function(e, d) {
- var g = this,
- j = [],
- h, a, c, f, b;
- g.animationSuspendCount++;
- g.getAxes();
- if (d) {
- h = d.map
- } else {
- d = [];
- h = d.map = {}
- }
- j.map = {};
- e = Ext.Array.from(e, true);
- for (c = 0, f = e.length; c < f; c++) {
- b = e[c];
- if (!b) {
- continue
- }
- a = h[b.getId && b.getId() || b.id];
- if (b instanceof Ext.chart.series.Series) {
- if (a && a !== b) {
- a.destroy()
- }
- b.setChart(g)
- } else {
- if (Ext.isObject(b)) {
- if (a) {
- a.setConfig(b);
- b = a
- } else {
- if (Ext.isString(b)) {
- b = {
- type: b
- }
- }
- b.chart = g;
- b = Ext.create(b.xclass || ("series." + b.type), b);
- b.on("animationstart", "onAnimationStart", g);
- b.on("animationend", "onAnimationEnd", g)
- }
- }
- }
- j.push(b);
- j.map[b.getId()] = b
- }
- for (c in h) {
- if (!j.map[h[c].getId()]) {
- h[c].destroy()
- }
- }
- g.animationSuspendCount--;
- return j
- },
- applyLegend: function(b, a) {
- return Ext.factory(b, Ext.chart.Legend, a)
- },
- updateLegend: function(b, a) {
- if (a) {
- a.destroy()
- }
- if (b) {
- this.getItems();
- this.legendStore = new Ext.data.Store({
- autoDestroy: true,
- fields: ["id", "name", "mark", "disabled", "series", "index"]
- });
- b.setStore(this.legendStore);
- this.refreshLegendStore();
- this.legendStore.on("update", "onUpdateLegendStore", this)
- }
- },
- updateSeries: function(b, a) {
- var c = this;
- if (c.isDestroying) {
- return
- }
- c.animationSuspendCount++;
- c.fireEvent("serieschange", c, b, a);
- c.refreshLegendStore();
- if (!Ext.isEmpty(b)) {
- c.updateTheme(c.getTheme())
- }
- c.scheduleLayout();
- c.animationSuspendCount--
- },
- applyInteractions: function(h, d) {
- if (!d) {
- d = [];
- d.map = {}
- }
- var g = this,
- a = [],
- c = d.map,
- e, f, b;
- a.map = {};
- h = Ext.Array.from(h, true);
- for (e = 0, f = h.length; e < f; e++) {
- b = h[e];
- if (!b) {
- continue
- }
- b = Ext.factory(b, null, c[b.getId && b.getId() || b.id], "interaction");
- if (b) {
- b.setChart(g);
- a.push(b);
- a.map[b.getId()] = b
- }
- }
- for (e in c) {
- if (!a.map[e]) {
- c[e].destroy()
- }
- }
- return a
- },
- getInteraction: function(e) {
- var f = this.getInteractions(),
- a = f && f.length,
- c = null,
- b, d;
- if (a) {
- for (d = 0; d < a; ++d) {
- b = f[d];
- if (b.type === e) {
- c = b;
- break
- }
- }
- }
- return c
- },
- applyStore: function(a) {
- return a && Ext.StoreManager.lookup(a)
- },
- updateStore: function(a, c) {
- var b = this;
- if (c) {
- c.un({
- datachanged: "onDataChanged",
- update: "onDataChanged",
- scope: b,
- order: "after"
- });
- if (c.autoDestroy) {
- c.destroy()
- }
- }
- if (a) {
- a.on({
- datachanged: "onDataChanged",
- update: "onDataChanged",
- scope: b,
- order: "after"
- })
- }
- b.fireEvent("storechange", b, a, c);
- b.onDataChanged()
- },
- redraw: function() {
- this.fireEvent("redraw", this)
- },
- performLayout: function() {
- var d = this,
- b = d.getChartSize(true),
- c = [0, 0, b.width, b.height],
- a = d.getBackground();
- d.hasFirstLayout = true;
- d.fireEvent("layout", d);
- d.cancelChartLayout();
- d.getSurface("background").setRect(c);
- d.getSurface("chart").setRect(c);
- a.setAttributes({
- width: b.width,
- height: b.height
- })
- },
- getChartSize: function(b) {
- var a = this;
- if (b) {
- a.chartSize = null
- }
- return a.chartSize || (a.chartSize = a.innerElement.getSize())
- },
- getEventXY: function(a) {
- return this.getSurface().getEventXY(a)
- },
- getItemForPoint: function(h, g) {
- var f = this,
- a = f.getSeries(),
- e = f.getMainRect(),
- d = a.length,
- b = f.hasFirstLayout ? d - 1 : -1,
- c, j;
- if (!(e && h >= 0 && h <= e[2] && g >= 0 && g <= e[3])) {
- return null
- }
- for (; b >= 0; b--) {
- c = a[b];
- j = c.getItemForPoint(h, g);
- if (j) {
- return j
- }
- }
- return null
- },
- getItemsForPoint: function(h, g) {
- var f = this,
- a = f.getSeries(),
- d = a.length,
- b = f.hasFirstLayout ? d - 1 : -1,
- e = [],
- c, j;
- for (; b >= 0; b--) {
- c = a[b];
- j = c.getItemForPoint(h, g);
- if (j) {
- e.push(j)
- }
- }
- return e
- },
- onAnimationStart: function() {
- this.fireEvent("animationstart", this)
- },
- onAnimationEnd: function() {
- this.fireEvent("animationend", this)
- },
- onDataChanged: function() {
- var d = this;
- if (d.isInitializing) {
- return
- }
- var c = d.getMainRect(),
- a = d.getStore(),
- b = d.getSeries(),
- e = d.getAxes();
- if (!a || !e || !b) {
- return
- }
- if (!c) {
- d.on({
- redraw: d.onDataChanged,
- scope: d,
- single: true
- });
- return
- }
- d.processData();
- d.redraw()
- },
- recordCount: 0,
- processData: function() {
- var g = this,
- e = g.getStore().getCount(),
- c = g.getSeries(),
- f = c.length,
- d = false,
- b = 0,
- a;
- for (; b < f; b++) {
- a = c[b];
- a.processData();
- if (!d && a.isStoreDependantColorCount) {
- d = true
- }
- }
- if (d && e > g.recordCount) {
- g.updateColors(g.getColors());
- g.recordCount = e
- }
- },
- bindStore: function(a) {
- this.setStore(a)
- },
- applyHighlightItem: function(f, a) {
- if (f === a) {
- return
- }
- if (Ext.isObject(f) && Ext.isObject(a)) {
- var e = f,
- d = a,
- c = e.sprite && (e.sprite[0] || e.sprite),
- b = d.sprite && (d.sprite[0] || d.sprite);
- if (c === b && e.index === d.index) {
- return
- }
- }
- return f
- },
- updateHighlightItem: function(b, a) {
- if (a) {
- a.series.setAttributesForItem(a, {
- highlighted: false
- })
- }
- if (b) {
- b.series.setAttributesForItem(b, {
- highlighted: true
- });
- this.fireEvent("itemhighlight", this, b, a)
- }
- this.fireEvent("itemhighlightchange", this, b, a)
- },
- destroyChart: function() {
- var f = this,
- d = f.getLegend(),
- g = f.getAxes(),
- c = f.getSeries(),
- h = f.getInteractions(),
- b = [],
- a, e;
- f.surfaceMap = null;
- for (a = 0, e = h.length; a < e; a++) {
- h[a].destroy()
- }
- for (a = 0, e = g.length; a < e; a++) {
- g[a].destroy()
- }
- for (a = 0, e = c.length; a < e; a++) {
- c[a].destroy()
- }
- f.setInteractions(b);
- f.setAxes(b);
- f.setSeries(b);
- if (d) {
- d.destroy();
- f.setLegend(null)
- }
- f.legendStore = null;
- f.setStore(null);
- f.cancelChartLayout()
- },
- getRefItems: function(b) {
- var g = this,
- e = g.getSeries(),
- h = g.getAxes(),
- a = g.getInteractions(),
- c = [],
- d, f;
- for (d = 0, f = e.length; d < f; d++) {
- c.push(e[d]);
- if (e[d].getRefItems) {
- c.push.apply(c, e[d].getRefItems(b))
- }
- }
- for (d = 0, f = h.length; d < f; d++) {
- c.push(h[d]);
- if (h[d].getRefItems) {
- c.push.apply(c, h[d].getRefItems(b))
- }
- }
- for (d = 0, f = a.length; d < f; d++) {
- c.push(a[d]);
- if (a[d].getRefItems) {
- c.push.apply(c, a[d].getRefItems(b))
- }
- }
- return c
- }
-});
-Ext.define("Ext.chart.overrides.AbstractChart", {
- override: "Ext.chart.AbstractChart",
- updateLegend: function(b, a) {
- var c;
- this.callParent([b, a]);
- if (b) {
- c = b.docked;
- this.addDocked({
- dock: c,
- xtype: "panel",
- shrinkWrap: true,
- scrollable: true,
- layout: {
- type: c === "top" || c === "bottom" ? "hbox" : "vbox",
- pack: "center"
- },
- items: b,
- cls: Ext.baseCSSPrefix + "legend-panel"
- })
- }
- },
- performLayout: function() {
- if (this.isVisible(true)) {
- return this.callParent()
- }
- this.cancelChartLayout();
- return false
- },
- afterComponentLayout: function(c, a, b, d) {
- this.callParent([c, a, b, d]);
- this.scheduleLayout()
- },
- allowSchedule: function() {
- return this.rendered
- },
- onDestroy: function() {
- this.destroyChart();
- this.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.grid.HorizontalGrid", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "grid.horizontal",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- width: "number",
- height: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- width: 1,
- height: 1,
- strokeStyle: "#DDD"
- }
- }
- },
- render: function(b, c, e) {
- var a = this.attr,
- f = b.roundPixel(a.y),
- d = c.lineWidth * 0.5;
- c.beginPath();
- c.rect(e[0] - b.matrix.getDX(), f + d, +e[2], a.height);
- c.fill();
- c.beginPath();
- c.moveTo(e[0] - b.matrix.getDX(), f + d);
- c.lineTo(e[0] + e[2] - b.matrix.getDX(), f + d);
- c.stroke()
- }
-});
-Ext.define("Ext.chart.grid.VerticalGrid", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "grid.vertical",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- width: "number",
- height: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- width: 1,
- height: 1,
- strokeStyle: "#DDD"
- }
- }
- },
- render: function(c, d, f) {
- var b = this.attr,
- a = c.roundPixel(b.x),
- e = d.lineWidth * 0.5;
- d.beginPath();
- d.rect(a - e, f[1] - c.matrix.getDY(), b.width, f[3]);
- d.fill();
- d.beginPath();
- d.moveTo(a - e, f[1] - c.matrix.getDY());
- d.lineTo(a - e, f[1] + f[3] - c.matrix.getDY());
- d.stroke()
- }
-});
-Ext.define("Ext.chart.CartesianChart", {
- extend: "Ext.chart.AbstractChart",
- alternateClassName: "Ext.chart.Chart",
- requires: ["Ext.chart.grid.HorizontalGrid", "Ext.chart.grid.VerticalGrid"],
- xtype: ["cartesian", "chart"],
- isCartesian: true,
- config: {
- flipXY: false,
- innerRect: [0, 0, 1, 1],
- innerPadding: {
- top: 0,
- left: 0,
- right: 0,
- bottom: 0
- }
- },
- applyInnerPadding: function(b, a) {
- if (!Ext.isObject(b)) {
- return Ext.util.Format.parseBox(b)
- } else {
- if (!a) {
- return b
- } else {
- return Ext.apply(a, b)
- }
- }
- },
- getDirectionForAxis: function(a) {
- var b = this.getFlipXY();
- if (a === "left" || a === "right") {
- if (b) {
- return "X"
- } else {
- return "Y"
- }
- } else {
- if (b) {
- return "Y"
- } else {
- return "X"
- }
- }
- },
- performLayout: function() {
- var A = this;
- A.animationSuspendCount++;
- if (A.callParent() === false) {
- --A.animationSuspendCount;
- return
- }
- A.suspendThicknessChanged();
- var d = A.getSurface("chart").getRect(),
- o = d[2],
- n = d[3],
- z = A.getAxes(),
- b, q = A.getSeries(),
- h, l, a, f = A.getInsetPadding(),
- v = A.getInnerPadding(),
- r, c, e = Ext.apply({}, f),
- u, p, s, k, m, y, t, x, g, j = A.getInherited().rtl,
- w = A.getFlipXY();
- if (o <= 0 || n <= 0) {
- return
- }
- for (x = 0; x < z.length; x++) {
- b = z[x];
- l = b.getSurface();
- m = b.getFloating();
- y = m ? m.value : null;
- a = b.getThickness();
- switch (b.getPosition()) {
- case "top":
- l.setRect([0, e.top + 1, o, a]);
- break;
- case "bottom":
- l.setRect([0, n - (e.bottom + a), o, a]);
- break;
- case "left":
- l.setRect([e.left, 0, a, n]);
- break;
- case "right":
- l.setRect([o - (e.right + a), 0, a, n]);
- break
- }
- if (y === null) {
- e[b.getPosition()] += a
- }
- }
- o -= e.left + e.right;
- n -= e.top + e.bottom;
- u = [e.left, e.top, o, n];
- e.left += v.left;
- e.top += v.top;
- e.right += v.right;
- e.bottom += v.bottom;
- p = o - v.left - v.right;
- s = n - v.top - v.bottom;
- A.setInnerRect([e.left, e.top, p, s]);
- if (p <= 0 || s <= 0) {
- return
- }
- A.setMainRect(u);
- A.getSurface().setRect(u);
- for (x = 0, g = A.surfaceMap.grid && A.surfaceMap.grid.length; x < g; x++) {
- c = A.surfaceMap.grid[x];
- c.setRect(u);
- c.matrix.set(1, 0, 0, 1, v.left, v.top);
- c.matrix.inverse(c.inverseMatrix)
- }
- for (x = 0; x < z.length; x++) {
- b = z[x];
- l = b.getSurface();
- t = l.matrix;
- k = t.elements;
- switch (b.getPosition()) {
- case "top":
- case "bottom":
- k[4] = e.left;
- b.setLength(p);
- break;
- case "left":
- case "right":
- k[5] = e.top;
- b.setLength(s);
- break
- }
- b.updateTitleSprite();
- t.inverse(l.inverseMatrix)
- }
- for (x = 0, g = q.length; x < g; x++) {
- h = q[x];
- r = h.getSurface();
- r.setRect(u);
- if (w) {
- if (j) {
- r.matrix.set(0, -1, -1, 0, v.left + p, v.top + s)
- } else {
- r.matrix.set(0, -1, 1, 0, v.left, v.top + s)
- }
- } else {
- r.matrix.set(1, 0, 0, -1, v.left, v.top + s)
- }
- r.matrix.inverse(r.inverseMatrix);
- h.getOverlaySurface().setRect(u)
- }
- A.redraw();
- A.animationSuspendCount--;
- A.resumeThicknessChanged()
- },
- refloatAxes: function() {
- var h = this,
- g = h.getAxes(),
- o = (g && g.length) || 0,
- c, d, n, f, l, b, k, r = h.getChartSize(),
- q = h.getInsetPadding(),
- p = h.getInnerPadding(),
- a = r.width - q.left - q.right,
- m = r.height - q.top - q.bottom,
- j, e;
- for (e = 0; e < o; e++) {
- c = g[e];
- f = c.getFloating();
- l = f ? f.value : null;
- if (l === null) {
- delete c.floatingAtCoord;
- continue
- }
- d = c.getSurface();
- n = d.getRect();
- if (!n) {
- continue
- }
- n = n.slice();
- b = h.getAxis(f.alongAxis);
- if (b) {
- j = b.getAlignment() === "horizontal";
- if (Ext.isString(l)) {
- l = b.getCoordFor(l)
- }
- b.floatingAxes[c.getId()] = l;
- k = b.getSprites()[0].attr.matrix;
- if (j) {
- l = l * k.getXX() + k.getDX();
- c.floatingAtCoord = l + p.left + p.right
- } else {
- l = l * k.getYY() + k.getDY();
- c.floatingAtCoord = l + p.top + p.bottom
- }
- } else {
- j = c.getAlignment() === "horizontal";
- if (j) {
- c.floatingAtCoord = l + p.top + p.bottom
- } else {
- c.floatingAtCoord = l + p.left + p.right
- }
- l = d.roundPixel(0.01 * l * (j ? m : a))
- }
- switch (c.getPosition()) {
- case "top":
- n[1] = q.top + p.top + l - n[3] + 1;
- break;
- case "bottom":
- n[1] = q.top + p.top + (b ? l : m - l);
- break;
- case "left":
- n[0] = q.left + p.left + l - n[2];
- break;
- case "right":
- n[0] = q.left + p.left + (b ? l : a - l) - 1;
- break
- }
- d.setRect(n)
- }
- },
- redraw: function() {
- var C = this,
- r = C.getSeries(),
- z = C.getAxes(),
- b = C.getMainRect(),
- p, t, w = C.getInnerPadding(),
- f, l, s, e, q, A, v, g, d, c, a, k, n, y = C.getFlipXY(),
- x = 1000,
- m, u, h, o, B;
- if (!b) {
- return
- }
- p = b[2] - w.left - w.right;
- t = b[3] - w.top - w.bottom;
- for (A = 0; A < r.length; A++) {
- h = r[A];
- if ((c = h.getXAxis())) {
- n = c.getVisibleRange();
- l = c.getRange();
- l = [l[0] + (l[1] - l[0]) * n[0], l[0] + (l[1] - l[0]) * n[1]]
- } else {
- l = h.getXRange()
- }
- if ((a = h.getYAxis())) {
- n = a.getVisibleRange();
- s = a.getRange();
- s = [s[0] + (s[1] - s[0]) * n[0], s[0] + (s[1] - s[0]) * n[1]]
- } else {
- s = h.getYRange()
- }
- q = {
- visibleMinX: l[0],
- visibleMaxX: l[1],
- visibleMinY: s[0],
- visibleMaxY: s[1],
- innerWidth: p,
- innerHeight: t,
- flipXY: y
- };
- f = h.getSprites();
- for (v = 0, g = f.length; v < g; v++) {
- o = f[v];
- m = o.attr.zIndex;
- if (m < x) {
- m += (A + 1) * 100 + x;
- o.attr.zIndex = m;
- B = o.getMarker("items");
- if (B) {
- u = B.attr.zIndex;
- if (u === Number.MAX_VALUE) {
- B.attr.zIndex = m
- } else {
- if (u < x) {
- B.attr.zIndex = m + u
- }
- }
- }
- }
- o.setAttributes(q, true)
- }
- }
- for (A = 0; A < z.length; A++) {
- d = z[A];
- e = d.isSide();
- f = d.getSprites();
- k = d.getRange();
- n = d.getVisibleRange();
- q = {
- dataMin: k[0],
- dataMax: k[1],
- visibleMin: n[0],
- visibleMax: n[1]
- };
- if (e) {
- q.length = t;
- q.startGap = w.bottom;
- q.endGap = w.top
- } else {
- q.length = p;
- q.startGap = w.left;
- q.endGap = w.right
- }
- for (v = 0, g = f.length; v < g; v++) {
- f[v].setAttributes(q, true)
- }
- }
- C.renderFrame();
- C.callParent(arguments)
- },
- renderFrame: function() {
- this.refloatAxes();
- this.callParent()
- }
-});
-Ext.define("Ext.chart.grid.CircularGrid", {
- extend: "Ext.draw.sprite.Circle",
- alias: "grid.circular",
- inheritableStatics: {
- def: {
- defaults: {
- r: 1,
- strokeStyle: "#DDD"
- }
- }
- }
-});
-Ext.define("Ext.chart.grid.RadialGrid", {
- extend: "Ext.draw.sprite.Path",
- alias: "grid.radial",
- inheritableStatics: {
- def: {
- processors: {
- startRadius: "number",
- endRadius: "number"
- },
- defaults: {
- startRadius: 0,
- endRadius: 1,
- scalingCenterX: 0,
- scalingCenterY: 0,
- strokeStyle: "#DDD"
- },
- triggers: {
- startRadius: "path,bbox",
- endRadius: "path,bbox"
- }
- }
- },
- render: function() {
- this.callParent(arguments)
- },
- updatePath: function(d, a) {
- var b = a.startRadius,
- c = a.endRadius;
- d.moveTo(b, 0);
- d.lineTo(c, 0)
- }
-});
-Ext.define("Ext.chart.PolarChart", {
- extend: "Ext.chart.AbstractChart",
- requires: ["Ext.chart.grid.CircularGrid", "Ext.chart.grid.RadialGrid"],
- xtype: "polar",
- isPolar: true,
- config: {
- center: [0, 0],
- radius: 0,
- innerPadding: 0
- },
- getDirectionForAxis: function(a) {
- return a === "radial" ? "Y" : "X"
- },
- applyCenter: function(a, b) {
- if (b && a[0] === b[0] && a[1] === b[1]) {
- return
- }
- return [+a[0], +a[1]]
- },
- updateCenter: function(a) {
- var g = this,
- h = g.getAxes(),
- d = g.getSeries(),
- c, f, e, b;
- for (c = 0, f = h.length; c < f; c++) {
- e = h[c];
- e.setCenter(a)
- }
- for (c = 0, f = d.length; c < f; c++) {
- b = d[c];
- b.setCenter(a)
- }
- },
- applyInnerPadding: function(b, a) {
- return Ext.isNumber(b) ? b : a
- },
- doSetSurfaceRect: function(b, c) {
- var a = this.getMainRect();
- b.setRect(c);
- b.matrix.set(1, 0, 0, 1, a[0] - c[0], a[1] - c[1]);
- b.inverseMatrix.set(1, 0, 0, 1, c[0] - a[0], c[1] - a[1])
- },
- applyAxes: function(f, h) {
- var e = this,
- g = Ext.Array.from(e.config.series)[0],
- b, d, c, a;
- if (g.type === "radar" && f && f.length) {
- for (b = 0, d = f.length; b < d; b++) {
- c = f[b];
- if (c.position === "angular") {
- a = true;
- break
- }
- }
- if (!a) {
- f.push({
- type: "category",
- position: "angular",
- fields: g.xField || g.angleField,
- style: {
- estStepSize: 1
- },
- grid: true
- })
- }
- }
- return this.callParent(arguments)
- },
- performLayout: function() {
- var F = this,
- g = true;
- try {
- F.animationSuspendCount++;
- if (this.callParent() === false) {
- g = false;
- return
- }
- F.suspendThicknessChanged();
- var h = F.getSurface("chart").getRect(),
- v = F.getInsetPadding(),
- G = F.getInnerPadding(),
- l = Ext.apply({}, v),
- d, s = h[2] - v.left - v.right,
- r = h[3] - v.top - v.bottom,
- x = [v.left, v.top, s, r],
- u = F.getSeries(),
- p, t = s - G * 2,
- w = r - G * 2,
- D = [t * 0.5 + G, w * 0.5 + G],
- j = Math.min(t, w) * 0.5,
- A = F.getAxes(),
- f, a, k, m = [],
- o = [],
- E = j - G,
- z, n, b, q, y, c, C;
- F.setMainRect(x);
- F.doSetSurfaceRect(F.getSurface(), x);
- for (z = 0, n = F.surfaceMap.grid && F.surfaceMap.grid.length; z < n; z++) {
- F.doSetSurfaceRect(F.surfaceMap.grid[z], h)
- }
- for (z = 0, n = A.length; z < n; z++) {
- f = A[z];
- switch (f.getPosition()) {
- case "angular":
- m.push(f);
- break;
- case "radial":
- o.push(f);
- break
- }
- }
- for (z = 0, n = m.length; z < n; z++) {
- f = m[z];
- q = f.getFloating();
- y = q ? q.value : null;
- F.doSetSurfaceRect(f.getSurface(), h);
- a = f.getThickness();
- for (d in l) {
- l[d] += a
- }
- s = h[2] - l.left - l.right;
- r = h[3] - l.top - l.bottom;
- b = Math.min(s, r) * 0.5;
- if (z === 0) {
- E = b - G
- }
- f.setMinimum(0);
- f.setLength(b);
- f.getSprites();
- k = f.sprites[0].attr.lineWidth * 0.5;
- for (d in l) {
- l[d] += k
- }
- }
- for (z = 0, n = o.length; z < n; z++) {
- f = o[z];
- F.doSetSurfaceRect(f.getSurface(), h);
- f.setMinimum(0);
- f.setLength(E);
- f.getSprites()
- }
- for (z = 0, n = u.length; z < n; z++) {
- p = u[z];
- if (p.type === "gauge" && !c) {
- c = p
- } else {
- p.setRadius(E)
- }
- F.doSetSurfaceRect(p.getSurface(), x)
- }
- F.doSetSurfaceRect(F.getSurface("overlay"), h);
- if (c) {
- c.setRect(x);
- C = c.getRadius() - G;
- F.setRadius(C);
- F.setCenter(c.getCenter());
- c.setRadius(C);
- if (A.length && A[0].getPosition() === "gauge") {
- f = A[0];
- F.doSetSurfaceRect(f.getSurface(), h);
- f.setTotalAngle(c.getTotalAngle());
- f.setLength(C)
- }
- } else {
- F.setRadius(j);
- F.setCenter(D)
- }
- F.redraw()
- } catch (B) {
- throw B
- } finally {
- F.animationSuspendCount--;
- if (g) {
- F.resumeThicknessChanged()
- }
- }
- },
- refloatAxes: function() {
- var j = this,
- g = j.getAxes(),
- h = j.getMainRect(),
- f, k, b, d, a, c, e;
- if (!h) {
- return
- }
- e = 0.5 * Math.min(h[2], h[3]);
- for (d = 0, a = g.length; d < a; d++) {
- c = g[d];
- f = c.getFloating();
- k = f ? f.value : null;
- if (k !== null) {
- b = j.getAxis(f.alongAxis);
- if (c.getPosition() === "angular") {
- if (b) {
- k = b.getLength() * k / b.getRange()[1]
- } else {
- k = 0.01 * k * e
- }
- c.sprites[0].setAttributes({
- length: k
- }, true)
- } else {
- if (b) {
- if (Ext.isString(k)) {
- k = b.getCoordFor(k)
- }
- k = k / (b.getRange()[1] + 1) * Math.PI * 2 - Math.PI * 1.5 + c.getRotation()
- } else {
- k = Ext.draw.Draw.rad(k)
- }
- c.sprites[0].setAttributes({
- baseRotation: k
- }, true)
- }
- }
- }
- },
- redraw: function() {
- var f = this,
- g = f.getAxes(),
- d, c = f.getSeries(),
- b, a, e;
- for (a = 0, e = g.length; a < e; a++) {
- d = g[a];
- d.getSprites()
- }
- for (a = 0, e = c.length; a < e; a++) {
- b = c[a];
- b.getSprites()
- }
- f.renderFrame();
- f.callParent(arguments)
- },
- renderFrame: function() {
- this.refloatAxes();
- this.callParent()
- }
-});
-Ext.define("Ext.chart.SpaceFillingChart", {
- extend: "Ext.chart.AbstractChart",
- xtype: "spacefilling",
- config: {},
- performLayout: function() {
- var j = this;
- try {
- j.animationSuspendCount++;
- if (j.callParent() === false) {
- return
- }
- var k = j.getSurface("chart").getRect(),
- l = j.getInsetPadding(),
- a = k[2] - l.left - l.right,
- m = k[3] - l.top - l.bottom,
- h = [l.left, l.top, a, m],
- b = j.getSeries(),
- d, c, g;
- j.getSurface().setRect(h);
- j.setMainRect(h);
- for (c = 0, g = b.length; c < g; c++) {
- d = b[c];
- d.getSurface().setRect(h);
- if (d.setRect) {
- d.setRect(h)
- }
- d.getOverlaySurface().setRect(k)
- }
- j.redraw()
- } catch (f) {
- throw f
- } finally {
- j.animationSuspendCount--
- }
- },
- redraw: function() {
- var e = this,
- c = e.getSeries(),
- b, a, d;
- for (a = 0, d = c.length; a < d; a++) {
- b = c[a];
- b.getSprites()
- }
- e.renderFrame();
- e.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.axis.sprite.Axis3D", {
- extend: "Ext.chart.axis.sprite.Axis",
- alias: "sprite.axis3d",
- type: "axis3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- },
- triggers: {
- depth: "layout"
- }
- }
- },
- config: {
- fx: {
- customDurations: {
- depth: 0
- }
- }
- },
- layoutUpdater: function() {
- var h = this,
- f = h.getAxis().getChart();
- if (f.isInitializing) {
- return
- }
- var e = h.attr,
- d = h.getLayout(),
- c = d.isDiscrete ? 0 : e.depth,
- g = f.getInherited().rtl,
- b = e.dataMin + (e.dataMax - e.dataMin) * e.visibleMin,
- i = e.dataMin + (e.dataMax - e.dataMin) * e.visibleMax,
- a = {
- attr: e,
- segmenter: h.getSegmenter(),
- renderer: h.defaultRenderer
- };
- if (e.position === "left" || e.position === "right") {
- e.translationX = 0;
- e.translationY = i * (e.length - c) / (i - b) + c;
- e.scalingX = 1;
- e.scalingY = (-e.length + c) / (i - b);
- e.scalingCenterY = 0;
- e.scalingCenterX = 0;
- h.applyTransformations(true)
- } else {
- if (e.position === "top" || e.position === "bottom") {
- if (g) {
- e.translationX = e.length + b * e.length / (i - b) + 1
- } else {
- e.translationX = -b * e.length / (i - b)
- }
- e.translationY = 0;
- e.scalingX = (g ? -1 : 1) * (e.length - c) / (i - b);
- e.scalingY = 1;
- e.scalingCenterY = 0;
- e.scalingCenterX = 0;
- h.applyTransformations(true)
- }
- }
- if (d) {
- d.calculateLayout(a);
- h.setLayoutContext(a)
- }
- },
- renderAxisLine: function(a, j, f, c) {
- var i = this,
- h = i.attr,
- b = h.lineWidth * 0.5,
- f = i.getLayout(),
- d = f.isDiscrete ? 0 : h.depth,
- k = h.position,
- e, g;
- if (h.axisLine && h.length) {
- switch (k) {
- case "left":
- e = a.roundPixel(c[2]) - b;
- j.moveTo(e, -h.endGap + d);
- j.lineTo(e, h.length + h.startGap);
- break;
- case "right":
- j.moveTo(b, -h.endGap);
- j.lineTo(b, h.length + h.startGap);
- break;
- case "bottom":
- j.moveTo(-h.startGap, b);
- j.lineTo(h.length - d + h.endGap, b);
- break;
- case "top":
- e = a.roundPixel(c[3]) - b;
- j.moveTo(-h.startGap, e);
- j.lineTo(h.length + h.endGap, e);
- break;
- case "angular":
- j.moveTo(h.centerX + h.length, h.centerY);
- j.arc(h.centerX, h.centerY, h.length, 0, Math.PI * 2, true);
- break;
- case "gauge":
- g = i.getGaugeAngles();
- j.moveTo(h.centerX + Math.cos(g.start) * h.length, h.centerY + Math.sin(g.start) * h.length);
- j.arc(h.centerX, h.centerY, h.length, g.start, g.end, true);
- break
- }
- }
- }
-});
-Ext.define("Ext.chart.axis.Axis3D", {
- extend: "Ext.chart.axis.Axis",
- xtype: "axis3d",
- requires: ["Ext.chart.axis.sprite.Axis3D"],
- config: {
- depth: 0
- },
- onSeriesChange: function(e) {
- var g = this,
- b = "depthchange",
- f = "onSeriesDepthChange",
- d, c;
-
- function a(h) {
- var i = g.boundSeries;
- for (d = 0; d < i.length; d++) {
- c = i[d];
- c[h](b, f, g)
- }
- }
- a("un");
- g.callParent(arguments);
- a("on")
- },
- onSeriesDepthChange: function(b, f) {
- var d = this,
- g = f,
- e = d.boundSeries,
- a, c;
- if (f > d.getDepth()) {
- g = f
- } else {
- for (a = 0; a < e.length; a++) {
- c = e[a];
- if (c !== b && c.getDepth) {
- f = c.getDepth();
- if (f > g) {
- g = f
- }
- }
- }
- }
- d.setDepth(g)
- },
- updateDepth: function(d) {
- var b = this,
- c = b.getSprites(),
- a = {
- depth: d
- };
- if (c && c.length) {
- c[0].setAttributes(a)
- }
- if (b.gridSpriteEven && b.gridSpriteOdd) {
- b.gridSpriteEven.getTemplate().setAttributes(a);
- b.gridSpriteOdd.getTemplate().setAttributes(a)
- }
- },
- getGridAlignment: function() {
- switch (this.getPosition()) {
- case "left":
- case "right":
- return "horizontal3d";
- case "top":
- case "bottom":
- return "vertical3d"
- }
- }
-});
-Ext.define("Ext.chart.axis.Category", {
- requires: ["Ext.chart.axis.layout.CombineDuplicate", "Ext.chart.axis.segmenter.Names"],
- extend: "Ext.chart.axis.Axis",
- alias: "axis.category",
- type: "category",
- config: {
- layout: "combineDuplicate",
- segmenter: "names"
- }
-});
-Ext.define("Ext.chart.axis.Category3D", {
- requires: ["Ext.chart.axis.layout.CombineDuplicate", "Ext.chart.axis.segmenter.Names"],
- extend: "Ext.chart.axis.Axis3D",
- alias: "axis.category3d",
- type: "category3d",
- config: {
- layout: "combineDuplicate",
- segmenter: "names"
- }
-});
-Ext.define("Ext.chart.axis.Numeric", {
- extend: "Ext.chart.axis.Axis",
- type: "numeric",
- alias: ["axis.numeric", "axis.radial"],
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Numeric"],
- config: {
- layout: "continuous",
- segmenter: "numeric",
- aggregator: "double"
- }
-});
-Ext.define("Ext.chart.axis.Numeric3D", {
- extend: "Ext.chart.axis.Axis3D",
- alias: ["axis.numeric3d"],
- type: "numeric3d",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Numeric"],
- config: {
- layout: "continuous",
- segmenter: "numeric",
- aggregator: "double"
- }
-});
-Ext.define("Ext.chart.axis.Time", {
- extend: "Ext.chart.axis.Numeric",
- alias: "axis.time",
- type: "time",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Time"],
- config: {
- calculateByLabelSize: true,
- dateFormat: null,
- fromDate: null,
- toDate: null,
- step: [Ext.Date.DAY, 1],
- layout: "continuous",
- segmenter: "time",
- aggregator: "time"
- },
- updateDateFormat: function(a) {
- this.setRenderer(function(c, b) {
- return Ext.Date.format(new Date(b), a)
- })
- },
- updateFromDate: function(a) {
- this.setMinimum(+a)
- },
- updateToDate: function(a) {
- this.setMaximum(+a)
- },
- getCoordFor: function(a) {
- if (Ext.isString(a)) {
- a = new Date(a)
- }
- return +a
- }
-});
-Ext.define("Ext.chart.axis.Time3D", {
- extend: "Ext.chart.axis.Numeric3D",
- alias: "axis.time3d",
- type: "time3d",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Time"],
- config: {
- calculateByLabelSize: true,
- dateFormat: null,
- fromDate: null,
- toDate: null,
- step: [Ext.Date.DAY, 1],
- layout: "continuous",
- segmenter: "time",
- aggregator: "time"
- },
- updateDateFormat: function(a) {
- this.setRenderer(function(c, b) {
- return Ext.Date.format(new Date(b), a)
- })
- },
- updateFromDate: function(a) {
- this.setMinimum(+a)
- },
- updateToDate: function(a) {
- this.setMaximum(+a)
- },
- getCoordFor: function(a) {
- if (Ext.isString(a)) {
- a = new Date(a)
- }
- return +a
- }
-});
-Ext.define("Ext.chart.grid.HorizontalGrid3D", {
- extend: "Ext.chart.grid.HorizontalGrid",
- alias: "grid.horizontal3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- }
- }
- },
- render: function(a, k, d) {
- var f = this.attr,
- i = a.roundPixel(f.x),
- h = a.roundPixel(f.y),
- l = a.matrix.getDX(),
- c = k.lineWidth * 0.5,
- j = f.height,
- e = f.depth,
- b, g;
- if (h <= d[1]) {
- return
- }
- b = d[0] + e - l;
- g = h + c - e;
- k.beginPath();
- k.rect(b, g, d[2], j);
- k.fill();
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + d[2], g);
- k.stroke();
- b = d[0] + i - l;
- g = h + c;
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + e, g - e);
- k.lineTo(b + e, g - e + j);
- k.lineTo(b, g + j);
- k.closePath();
- k.fill();
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + e, g - e);
- k.stroke()
- }
-});
-Ext.define("Ext.chart.grid.VerticalGrid3D", {
- extend: "Ext.chart.grid.VerticalGrid",
- alias: "grid.vertical3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- }
- }
- },
- render_: function(c, d, f) {
- var b = this.attr,
- a = c.roundPixel(b.x),
- e = d.lineWidth * 0.5;
- d.beginPath();
- d.rect(a - e, f[1] - c.matrix.getDY(), b.width, f[3]);
- d.fill();
- d.beginPath();
- d.moveTo(a - e, f[1] - c.matrix.getDY());
- d.lineTo(a - e, f[1] + f[3] - c.matrix.getDY());
- d.stroke()
- },
- render: function(b, j, e) {
- var g = this.attr,
- i = b.roundPixel(g.x),
- k = b.matrix.getDY(),
- d = j.lineWidth * 0.5,
- a = g.width,
- f = g.depth,
- c, h;
- if (i >= e[2]) {
- return
- }
- c = i - d + f;
- h = e[1] - f - k;
- j.beginPath();
- j.rect(c, h, a, e[3]);
- j.fill();
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c, h + e[3]);
- j.stroke();
- c = i - d;
- h = e[3];
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c + f, h - f);
- j.lineTo(c + f + a, h - f);
- j.lineTo(c + a, h);
- j.closePath();
- j.fill();
- c = i - d;
- h = e[3];
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c + f, h - f);
- j.stroke()
- }
-});
-Ext.define("Ext.chart.interactions.CrossZoom", {
- extend: "Ext.chart.interactions.Abstract",
- type: "crosszoom",
- alias: "interaction.crosszoom",
- isCrossZoom: true,
- config: {
- axes: true,
- gestures: {
- dragstart: "onGestureStart",
- drag: "onGesture",
- dragend: "onGestureEnd",
- dblclick: "onDoubleTap"
- },
- undoButton: {}
- },
- stopAnimationBeforeSync: false,
- zoomAnimationInProgress: false,
- constructor: function() {
- this.callParent(arguments);
- this.zoomHistory = []
- },
- applyAxes: function(b) {
- var a = {};
- if (b === true) {
- return {
- top: {},
- right: {},
- bottom: {},
- left: {}
- }
- } else {
- if (Ext.isArray(b)) {
- a = {};
- Ext.each(b, function(c) {
- a[c] = {}
- })
- } else {
- if (Ext.isObject(b)) {
- Ext.iterate(b, function(c, d) {
- if (d === true) {
- a[c] = {}
- } else {
- if (d !== false) {
- a[c] = d
- }
- }
- })
- }
- }
- }
- return a
- },
- applyUndoButton: function(b, a) {
- var c = this;
- if (a) {
- a.destroy()
- }
- if (b) {
- return Ext.create("Ext.Button", Ext.apply({
- cls: [],
- text: "Undo Zoom",
- disabled: true,
- handler: function() {
- c.undoZoom()
- }
- }, b))
- }
- },
- getSurface: function() {
- return this.getChart() && this.getChart().getSurface("main")
- },
- setSeriesOpacity: function(b) {
- var a = this.getChart() && this.getChart().getSurface("series");
- if (a) {
- a.element.setStyle("opacity", b)
- }
- },
- onGestureStart: function(h) {
- var j = this,
- i = j.getChart(),
- d = j.getSurface(),
- l = i.getInnerRect(),
- c = i.getInnerPadding(),
- g = c.left,
- b = g + l[2],
- f = c.top,
- a = f + l[3],
- n = i.getEventXY(h),
- m = n[0],
- k = n[1];
- if (j.zoomAnimationInProgress) {
- return
- }
- if (m > g && m < b && k > f && k < a) {
- j.gestureEvent = "drag";
- j.lockEvents(j.gestureEvent);
- j.startX = m;
- j.startY = k;
- j.selectionRect = d.add({
- type: "rect",
- globalAlpha: 0.5,
- fillStyle: "rgba(80,80,140,0.5)",
- strokeStyle: "rgba(80,80,140,1)",
- lineWidth: 2,
- x: m,
- y: k,
- width: 0,
- height: 0,
- zIndex: 10000
- });
- j.setSeriesOpacity(0.8);
- return false
- }
- },
- onGesture: function(h) {
- var j = this;
- if (j.zoomAnimationInProgress) {
- return
- }
- if (j.getLocks()[j.gestureEvent] === j) {
- var i = j.getChart(),
- d = j.getSurface(),
- l = i.getInnerRect(),
- c = i.getInnerPadding(),
- g = c.left,
- b = g + l[2],
- f = c.top,
- a = f + l[3],
- n = i.getEventXY(h),
- m = n[0],
- k = n[1];
- if (m < g) {
- m = g
- } else {
- if (m > b) {
- m = b
- }
- }
- if (k < f) {
- k = f
- } else {
- if (k > a) {
- k = a
- }
- }
- j.selectionRect.setAttributes({
- width: m - j.startX,
- height: k - j.startY
- });
- if (Math.abs(j.startX - m) < 11 || Math.abs(j.startY - k) < 11) {
- j.selectionRect.setAttributes({
- globalAlpha: 0.5
- })
- } else {
- j.selectionRect.setAttributes({
- globalAlpha: 1
- })
- }
- d.renderFrame();
- return false
- }
- },
- onGestureEnd: function(i) {
- var l = this;
- if (l.zoomAnimationInProgress) {
- return
- }
- if (l.getLocks()[l.gestureEvent] === l) {
- var k = l.getChart(),
- d = l.getSurface(),
- n = k.getInnerRect(),
- c = k.getInnerPadding(),
- g = c.left,
- b = g + n[2],
- f = c.top,
- a = f + n[3],
- h = n[2],
- j = n[3],
- p = k.getEventXY(i),
- o = p[0],
- m = p[1];
- if (o < g) {
- o = g
- } else {
- if (o > b) {
- o = b
- }
- }
- if (m < f) {
- m = f
- } else {
- if (m > a) {
- m = a
- }
- }
- if (Math.abs(l.startX - o) < 11 || Math.abs(l.startY - m) < 11) {
- d.remove(l.selectionRect)
- } else {
- l.zoomBy([Math.min(l.startX, o) / h, 1 - Math.max(l.startY, m) / j, Math.max(l.startX, o) / h, 1 - Math.min(l.startY, m) / j]);
- l.selectionRect.setAttributes({
- x: Math.min(l.startX, o),
- y: Math.min(l.startY, m),
- width: Math.abs(l.startX - o),
- height: Math.abs(l.startY - m)
- });
- l.selectionRect.setAnimation(k.getAnimation() || {
- duration: 0
- });
- l.selectionRect.setAttributes({
- globalAlpha: 0,
- x: 0,
- y: 0,
- width: h,
- height: j
- });
- l.zoomAnimationInProgress = true;
- k.suspendThicknessChanged();
- l.selectionRect.fx.on("animationend", function() {
- k.resumeThicknessChanged();
- d.remove(l.selectionRect);
- l.selectionRect = null;
- l.zoomAnimationInProgress = false
- })
- }
- d.renderFrame();
- l.sync();
- l.unlockEvents(l.gestureEvent);
- l.setSeriesOpacity(1);
- if (!l.zoomAnimationInProgress) {
- d.remove(l.selectionRect);
- l.selectionRect = null
- }
- }
- },
- zoomBy: function(o) {
- var n = this,
- a = n.getAxes(),
- k = n.getChart(),
- j = k.getAxes(),
- l = k.getInherited().rtl,
- f, d = {},
- c, b;
- if (l) {
- o = o.slice();
- c = 1 - o[0];
- b = 1 - o[2];
- o[0] = Math.min(c, b);
- o[2] = Math.max(c, b)
- }
- for (var h = 0; h < j.length; h++) {
- var g = j[h];
- f = a[g.getPosition()];
- if (f && f.allowZoom !== false) {
- var e = g.isSide(),
- m = g.getVisibleRange();
- d[g.getId()] = m.slice(0);
- if (!e) {
- g.setVisibleRange([(m[1] - m[0]) * o[0] + m[0], (m[1] - m[0]) * o[2] + m[0]])
- } else {
- g.setVisibleRange([(m[1] - m[0]) * o[1] + m[0], (m[1] - m[0]) * o[3] + m[0]])
- }
- }
- }
- n.zoomHistory.push(d);
- n.getUndoButton().setDisabled(false)
- },
- undoZoom: function() {
- var c = this.zoomHistory.pop(),
- d = this.getChart().getAxes();
- if (c) {
- for (var a = 0; a < d.length; a++) {
- var b = d[a];
- if (c[b.getId()]) {
- b.setVisibleRange(c[b.getId()])
- }
- }
- }
- this.getUndoButton().setDisabled(this.zoomHistory.length === 0);
- this.sync()
- },
- onDoubleTap: function(a) {
- this.undoZoom()
- },
- destroy: function() {
- this.setUndoButton(null);
- this.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.interactions.Crosshair", {
- extend: "Ext.chart.interactions.Abstract",
- requires: ["Ext.chart.grid.HorizontalGrid", "Ext.chart.grid.VerticalGrid", "Ext.chart.CartesianChart", "Ext.chart.axis.layout.Discrete"],
- type: "crosshair",
- alias: "interaction.crosshair",
- config: {
- axes: {
- top: {
- label: {},
- rect: {}
- },
- right: {
- label: {},
- rect: {}
- },
- bottom: {
- label: {},
- rect: {}
- },
- left: {
- label: {},
- rect: {}
- }
- },
- lines: {
- horizontal: {
- strokeStyle: "black",
- lineDash: [5, 5]
- },
- vertical: {
- strokeStyle: "black",
- lineDash: [5, 5]
- }
- },
- gesture: "drag"
- },
- applyAxes: function(b, a) {
- return Ext.merge(a || {}, b)
- },
- applyLines: function(a, b) {
- return Ext.merge(b || {}, a)
- },
- updateChart: function(a) {
- if (a && !a.isCartesian) {
- Ext.raise("Crosshair interaction can only be used on cartesian charts.")
- }
- this.callParent(arguments)
- },
- getGestures: function() {
- var a = this,
- b = {};
- b[a.getGesture()] = "onGesture";
- b[a.getGesture() + "start"] = "onGestureStart";
- b[a.getGesture() + "end"] = "onGestureEnd";
- return b
- },
- onGestureStart: function(N) {
- var m = this,
- O = m.getChart(),
- B = O.getTheme().getAxis(),
- A, F = O.getSurface("overlay"),
- s = O.getInnerRect(),
- n = s[2],
- M = s[3],
- r = O.getEventXY(N),
- D = r[0],
- C = r[1],
- E = O.getAxes(),
- u = m.getAxes(),
- h = m.getLines(),
- q, v, b, d, k, z, G, L, J, o, I, w, l, f, p, j, t, a, g, H, c, K;
- if (D > 0 && D < n && C > 0 && C < M) {
- m.lockEvents(m.getGesture());
- H = Ext.apply({
- xclass: "Ext.chart.grid.HorizontalGrid",
- x: 0,
- y: C,
- width: n
- }, h.horizontal);
- c = Ext.apply({
- xclass: "Ext.chart.grid.VerticalGrid",
- x: D,
- y: 0,
- height: M
- }, h.vertical);
- m.axesLabels = m.axesLabels || {};
- for (K = 0; K < E.length; K++) {
- q = E[K];
- v = q.getSurface();
- b = v.getRect();
- w = q.getSprites()[0];
- d = b[2];
- k = b[3];
- z = q.getPosition();
- G = q.getAlignment();
- t = q.getTitle();
- a = t && t.attr.text !== "" && t.getBBox();
- l = w.attr;
- f = w.thickness;
- p = l.axisLine ? l.lineWidth : 0;
- j = p / 2;
- I = Math.max(l.majorTickSize, l.minorTickSize) + p;
- L = m.axesLabels[z] = v.add({
- type: "composite"
- });
- L.labelRect = L.add(Ext.apply({
- type: "rect",
- fillStyle: "white",
- x: z === "right" ? p : 0,
- y: z === "bottom" ? p : 0,
- width: d - p - (G === "vertical" && a ? a.width : 0),
- height: k - p - (G === "horizontal" && a ? a.height : 0),
- translationX: z === "left" && a ? a.width : 0,
- translationY: z === "top" && a ? a.height : 0
- }, u.rect || u[z].rect));
- if (G === "vertical" && !c.strokeStyle) {
- c.strokeStyle = l.strokeStyle
- }
- if (G === "horizontal" && !H.strokeStyle) {
- H.strokeStyle = l.strokeStyle
- }
- A = Ext.merge({}, B.defaults, B[z]);
- J = Ext.apply({}, q.config.label, A.label);
- o = u.label || u[z].label;
- L.labelText = L.add(Ext.apply(J, o, {
- type: "text",
- x: (function() {
- switch (z) {
- case "left":
- g = a ? a.x + a.width : 0;
- return g + (d - g - I) / 2 - j;
- case "right":
- g = a ? d - a.x : 0;
- return I + (d - I - g) / 2 + j;
- default:
- return 0
- }
- })(),
- y: (function() {
- switch (z) {
- case "top":
- g = a ? a.y + a.height : 0;
- return g + (k - g - I) / 2 - j;
- case "bottom":
- g = a ? k - a.y : 0;
- return I + (k - I - g) / 2 + j;
- default:
- return 0
- }
- })()
- }))
- }
- m.horizontalLine = F.add(H);
- m.verticalLine = F.add(c);
- return false
- }
- },
- onGesture: function(G) {
- var K = this;
- if (K.getLocks()[K.getGesture()] !== K) {
- return
- }
- var u = K.getChart(),
- z = u.getSurface("overlay"),
- a = Ext.Array.slice(u.getInnerRect()),
- r = u.getInnerPadding(),
- t = r.left,
- q = r.top,
- E = a[2],
- f = a[3],
- d = u.getEventXY(G),
- k = d[0],
- j = d[1],
- D = u.getAxes(),
- c, h, m, p, J, w, I, H, s, b, C, g, v, n, l, A, F, o, B;
- if (k < 0) {
- k = 0
- } else {
- if (k > E) {
- k = E
- }
- }
- if (j < 0) {
- j = 0
- } else {
- if (j > f) {
- j = f
- }
- }
- k += t;
- j += q;
- for (B = 0; B < D.length; B++) {
- c = D[B];
- h = c.getPosition();
- m = c.getAlignment();
- p = c.getSurface();
- J = c.getSprites()[0];
- w = J.attr.matrix;
- C = J.attr.textPadding * 2;
- s = K.axesLabels[h];
- I = J.getLayoutContext();
- H = c.getSegmenter();
- if (s) {
- if (m === "vertical") {
- v = w.getYY();
- l = w.getDY();
- F = (j - l - q) / v;
- if (c.getLayout() instanceof Ext.chart.axis.layout.Discrete) {
- j = Math.round(F) * v + l + q;
- F = H.from(Math.round(F));
- F = J.attr.data[F]
- } else {
- F = H.from(F)
- }
- o = H.renderer(F, I);
- s.setAttributes({
- translationY: j - q
- });
- s.labelText.setAttributes({
- text: o
- });
- b = s.labelText.getBBox();
- s.labelRect.setAttributes({
- height: b.height + C,
- y: -(b.height + C) / 2
- });
- p.renderFrame()
- } else {
- g = w.getXX();
- n = w.getDX();
- A = (k - n - t) / g;
- if (c.getLayout() instanceof Ext.chart.axis.layout.Discrete) {
- k = Math.round(A) * g + n + t;
- A = H.from(Math.round(A));
- A = J.attr.data[A]
- } else {
- A = H.from(A)
- }
- o = H.renderer(A, I);
- s.setAttributes({
- translationX: k - t
- });
- s.labelText.setAttributes({
- text: o
- });
- b = s.labelText.getBBox();
- s.labelRect.setAttributes({
- width: b.width + C,
- x: -(b.width + C) / 2
- });
- p.renderFrame()
- }
- }
- }
- K.horizontalLine.setAttributes({
- y: j,
- strokeStyle: J.attr.strokeStyle
- });
- K.verticalLine.setAttributes({
- x: k,
- strokeStyle: J.attr.strokeStyle
- });
- z.renderFrame();
- return false
- },
- onGestureEnd: function(h) {
- var l = this,
- k = l.getChart(),
- a = k.getSurface("overlay"),
- j = k.getAxes(),
- c, g, d, b, f;
- a.remove(l.verticalLine);
- a.remove(l.horizontalLine);
- for (f = 0; f < j.length; f++) {
- c = j[f];
- g = c.getPosition();
- d = c.getSurface();
- b = l.axesLabels[g];
- if (b) {
- delete l.axesLabels[g];
- d.remove(b)
- }
- d.renderFrame()
- }
- a.renderFrame();
- l.unlockEvents(l.getGesture())
- }
-});
-Ext.define("Ext.chart.interactions.ItemHighlight", {
- extend: "Ext.chart.interactions.Abstract",
- type: "itemhighlight",
- alias: "interaction.itemhighlight",
- isItemHighlight: true,
- config: {
- gestures: {
- tap: "onTapGesture",
- mousemove: "onMouseMoveGesture",
- mousedown: "onMouseDownGesture",
- mouseup: "onMouseUpGesture",
- mouseleave: "onMouseUpGesture"
- },
- sticky: false
- },
- stickyHighlightItem: null,
- onMouseMoveGesture: function(g) {
- var d = this,
- h = d.tipItem,
- a = g.pointerType === "mouse",
- c, f, b;
- if (d.getSticky()) {
- return true
- }
- if (d.isDragging) {
- if (h && a) {
- h.series.hideTooltip(h);
- d.tipItem = null
- }
- } else {
- if (!d.stickyHighlightItem) {
- c = d.getItemForEvent(g);
- b = d.getChart();
- if (c !== b.getHighlightItem()) {
- d.highlight(c);
- d.sync()
- }
- if (a) {
- if (h && (!c || h.field !== c.field || h.record !== c.record)) {
- h.series.hideTooltip(h);
- d.tipItem = h = null
- }
- if (c && (f = c.series.getTooltip())) {
- if (f.trackMouse || !h) {
- c.series.showTooltip(c, g.getXY())
- }
- d.tipItem = c
- }
- }
- return false
- }
- }
- },
- highlight: function(a) {
- this.getChart().setHighlightItem(a)
- },
- showTooltip: function(b, a) {
- a.series.showTooltip(a, b.getXY());
- this.tipItem = a
- },
- onMouseDownGesture: function() {
- this.isDragging = true
- },
- onMouseUpGesture: function() {
- this.isDragging = false
- },
- onTapGesture: function(c) {
- var b = this;
- if (c.pointerType === "mouse" && !b.getSticky()) {
- return
- }
- var a = b.getItemForEvent(c);
- if (b.stickyHighlightItem && a && (b.stickyHighlightItem.index === a.index)) {
- a = null
- }
- b.stickyHighlightItem = a;
- b.highlight(a)
- }
-});
-Ext.define("Ext.chart.interactions.ItemEdit", {
- extend: "Ext.chart.interactions.ItemHighlight",
- requires: ["Ext.tip.ToolTip"],
- type: "itemedit",
- alias: "interaction.itemedit",
- isItemEdit: true,
- config: {
- style: null,
- renderer: null,
- tooltip: true,
- gestures: {
- dragstart: "onDragStart",
- drag: "onDrag",
- dragend: "onDragEnd"
- },
- cursors: {
- ewResize: "ew-resize",
- nsResize: "ns-resize",
- move: "move"
- }
- },
- item: null,
- applyTooltip: function(b) {
- if (b) {
- var a = Ext.apply({}, b, {
- renderer: this.defaultTooltipRenderer,
- constrainPosition: true,
- shrinkWrapDock: true,
- autoHide: true,
- offsetX: 10,
- offsetY: 10
- });
- b = new Ext.tip.ToolTip(a)
- }
- return b
- },
- defaultTooltipRenderer: function(b, a, f, d) {
- var c = [];
- if (f.xField) {
- c.push(f.xField + ": " + f.xValue)
- }
- if (f.yField) {
- c.push(f.yField + ": " + f.yValue)
- }
- b.setHtml(c.join("', "', "{name}", "
", "")) - }, - onDragStart: function(d) { - var c = this, - a = c.getChart(), - b = a.getHighlightItem(); - if (b) { - a.fireEvent("beginitemedit", a, c, c.item = b); - return false - } - }, - onDrag: function(f) { - var d = this, - b = d.getChart(), - c = b.getHighlightItem(), - a = c && c.sprite.type; - if (c) { - switch (a) { - case "barSeries": - return d.onDragBar(f); - break; - case "scatterSeries": - return d.onDragScatter(f); - break - } - } - }, - highlight: function(f) { - var e = this, - d = e.getChart(), - a = d.getFlipXY(), - g = e.getCursors(), - c = f && f.sprite.type, - b = d.el.dom.style; - e.callParent([f]); - if (f) { - switch (c) { - case "barSeries": - if (a) { - b.cursor = g.ewResize - } else { - b.cursor = g.nsResize - } - break; - case "scatterSeries": - b.cursor = g.move; - break - } - } else { - d.el.dom.style.cursor = "default" - } - }, - onDragBar: function(i) { - var m = this, - k = m.getChart(), - l = k.getInherited().rtl, - f = k.isCartesian && k.getFlipXY(), - q = k.getHighlightItem(), - g = q.sprite.getMarker("items"), - p = g.getMarkerFor(q.sprite.getId(), q.index), - b = q.sprite.getSurface(), - c = b.getRect(), - r = b.getEventXY(i), - o = q.sprite.attr.matrix, - j = m.getRenderer(), - a, n, d, h; - if (f) { - h = l ? c[2] - r[0] : r[0] - } else { - h = c[3] - r[1] - } - a = { - x: p.x, - y: h, - width: p.width, - height: p.height + (p.y - h), - radius: p.radius, - fillStyle: "none", - lineDash: [4, 4], - zIndex: 100 - }; - Ext.apply(a, m.getStyle()); - if (Ext.isArray(q.series.getYField())) { - h = h - p.y - p.height - } - m.target = { - index: q.index, - yField: q.field, - yValue: (h - o.getDY()) / o.getYY() - }; - d = [k, { - target: m.target, - style: a, - item: q - }]; - n = Ext.callback(j, null, d, 0, k); - if (n) { - Ext.apply(a, n) - } - q.sprite.putMarker("items", a, "itemedit"); - m.showTooltip(i, m.target, q); - b.renderFrame() - }, - onDragScatter: function(n) { - var t = this, - g = t.getChart(), - d = g.getInherited().rtl, - l = g.isCartesian && g.getFlipXY(), - o = g.getHighlightItem(), - b = o.sprite.getMarker("items"), - p = b.getMarkerFor(o.sprite.getId(), o.index), - j = o.sprite.getSurface(), - h = j.getRect(), - a = j.getEventXY(n), - k = o.sprite.attr.matrix, - c = o.series.getXAxis(), - f = c && c.getLayout().isContinuous, - i = t.getRenderer(), - m, u, q, s, r; - if (l) { - r = d ? h[2] - a[0] : a[0] - } else { - r = h[3] - a[1] - } - if (f) { - if (l) { - s = h[3] - a[1] - } else { - s = a[0] - } - } else { - s = p.translationX - } - m = { - translationX: s, - translationY: r, - scalingX: p.scalingX, - scalingY: p.scalingY, - r: p.r, - fillStyle: "none", - lineDash: [4, 4], - zIndex: 100 - }; - Ext.apply(m, t.getStyle()); - t.target = { - index: o.index, - yField: o.field, - yValue: (r - k.getDY()) / k.getYY() - }; - if (f) { - Ext.apply(t.target, { - xField: o.series.getXField(), - xValue: (s - k.getDX()) / k.getXX() - }) - } - q = [g, { - target: t.target, - style: m, - item: o - }]; - u = Ext.callback(i, null, q, 0, g); - if (u) { - Ext.apply(m, u) - } - o.sprite.putMarker("items", m, "itemedit"); - t.showTooltip(n, t.target, o); - j.renderFrame() - }, - showTooltip: function(g, f, c) { - var d = this.getTooltip(), - a, b; - if (d && Ext.toolkit !== "modern") { - a = d.config; - b = this.getChart(); - Ext.callback(a.renderer, null, [d, c, f, g], 0, b); - d.show([g.x + a.offsetX, g.y + a.offsetY]) - } - }, - hideTooltip: function() { - var a = this.getTooltip(); - if (a && Ext.toolkit !== "modern") { - a.hide() - } - }, - onDragEnd: function(g) { - var d = this, - f = d.target, - c = d.getChart(), - b = c.getStore(), - a; - if (f) { - a = b.getAt(f.index); - if (f.yField) { - a.set(f.yField, f.yValue, { - convert: false - }) - } - if (f.xField) { - a.set(f.xField, f.xValue, { - convert: false - }) - } - if (f.yField || f.xField) { - d.getChart().onDataChanged() - } - d.target = null - } - d.hideTooltip(); - if (d.item) { - c.fireEvent("enditemedit", c, d, d.item, f) - } - d.highlight(d.item = null) - }, - destroy: function() { - var a = this.getConfig("tooltip", true); - Ext.destroy(a); - this.callParent() - } -}); -Ext.define("Ext.chart.interactions.PanZoom", { - extend: "Ext.chart.interactions.Abstract", - type: "panzoom", - alias: "interaction.panzoom", - requires: ["Ext.draw.Animator"], - config: { - axes: { - top: {}, - right: {}, - bottom: {}, - left: {} - }, - minZoom: null, - maxZoom: null, - showOverflowArrows: true, - panGesture: "drag", - zoomGesture: "pinch", - zoomOnPanGesture: false, - modeToggleButton: { - xtype: "segmentedbutton", - width: 200, - defaults: { - ui: "default-toolbar" - }, - cls: Ext.baseCSSPrefix + "panzoom-toggle", - items: [{ - text: "Pan" - }, { - text: "Zoom" - }] - }, - hideLabelInGesture: false - }, - stopAnimationBeforeSync: true, - applyAxes: function(b, a) { - return Ext.merge(a || {}, b) - }, - applyZoomOnPanGesture: function(a) { - this.getChart(); - if (this.isMultiTouch()) { - return false - } - return a - }, - updateZoomOnPanGesture: function(b) { - var a = this.getModeToggleButton(); - if (!this.isMultiTouch()) { - a.show(); - a.setValue(b ? 1 : 0) - } else { - a.hide() - } - }, - toggleMode: function() { - var a = this; - if (!a.isMultiTouch()) { - a.setZoomOnPanGesture(!a.getZoomOnPanGesture()) - } - }, - applyModeToggleButton: function(c, b) { - var d = this, - a = Ext.factory(c, "Ext.button.Segmented", b); - if (!a && b) { - b.destroy() - } - if (a && !b) { - a.addListener("toggle", function(e) { - d.setZoomOnPanGesture(e.getValue() === 1) - }) - } - return a - }, - getGestures: function() { - var c = this, - e = {}, - d = c.getPanGesture(), - b = c.getZoomGesture(), - a = Ext.supports.Touch; - e[b] = "onZoomGestureMove"; - e[b + "start"] = "onZoomGestureStart"; - e[b + "end"] = "onZoomGestureEnd"; - e[d] = "onPanGestureMove"; - e[d + "start"] = "onPanGestureStart"; - e[d + "end"] = "onPanGestureEnd"; - e.doubletap = "onDoubleTap"; - return e - }, - onDoubleTap: function(h) { - var f = this, - c = f.getChart(), - g = c.getAxes(), - b, a, d; - for (a = 0, d = g.length; a < d; a++) { - b = g[a]; - b.setVisibleRange([0, 1]) - } - c.redraw() - }, - onPanGestureStart: function(d) { - if (!d || !d.touches || d.touches.length < 2) { - var b = this, - a = b.getChart().getInnerRect(), - c = b.getChart().element.getXY(); - b.startX = d.getX() - c[0] - a[0]; - b.startY = d.getY() - c[1] - a[1]; - b.oldVisibleRanges = null; - b.hideLabels(); - b.getChart().suspendThicknessChanged(); - b.lockEvents(b.getPanGesture()); - return false - } - }, - onPanGestureMove: function(d) { - var b = this; - if (b.getLocks()[b.getPanGesture()] === b) { - var a = b.getChart().getInnerRect(), - c = b.getChart().element.getXY(); - if (b.getZoomOnPanGesture()) { - b.transformAxesBy(b.getZoomableAxes(d), 0, 0, (d.getX() - c[0] - a[0]) / b.startX, b.startY / (d.getY() - c[1] - a[1])) - } else { - b.transformAxesBy(b.getPannableAxes(d), d.getX() - c[0] - a[0] - b.startX, d.getY() - c[1] - a[1] - b.startY, 1, 1) - } - b.sync(); - return false - } - }, - onPanGestureEnd: function(b) { - var a = this, - c = a.getPanGesture(); - if (a.getLocks()[c] === a) { - a.getChart().resumeThicknessChanged(); - a.showLabels(); - a.sync(); - a.unlockEvents(c); - return false - } - }, - onZoomGestureStart: function(b) { - if (b.touches && b.touches.length === 2) { - var c = this, - i = c.getChart().element.getXY(), - f = c.getChart().getInnerRect(), - h = i[0] + f[0], - d = i[1] + f[1], - j = [b.touches[0].point.x - h, b.touches[0].point.y - d, b.touches[1].point.x - h, b.touches[1].point.y - d], - g = Math.max(44, Math.abs(j[2] - j[0])), - a = Math.max(44, Math.abs(j[3] - j[1])); - c.getChart().suspendThicknessChanged(); - c.lastZoomDistances = [g, a]; - c.lastPoints = j; - c.oldVisibleRanges = null; - c.hideLabels(); - c.lockEvents(c.getZoomGesture()); - return false - } - }, - onZoomGestureMove: function(d) { - var f = this; - if (f.getLocks()[f.getZoomGesture()] === f) { - var i = f.getChart().getInnerRect(), - n = f.getChart().element.getXY(), - k = n[0] + i[0], - h = n[1] + i[1], - o = Math.abs, - c = f.lastPoints, - m = [d.touches[0].point.x - k, d.touches[0].point.y - h, d.touches[1].point.x - k, d.touches[1].point.y - h], - g = Math.max(44, o(m[2] - m[0])), - b = Math.max(44, o(m[3] - m[1])), - a = this.lastZoomDistances || [g, b], - l = g / a[0], - j = b / a[1]; - f.transformAxesBy(f.getZoomableAxes(d), i[2] * (l - 1) / 2 + m[2] - c[2] * l, i[3] * (j - 1) / 2 + m[3] - c[3] * j, l, j); - f.sync(); - return false - } - }, - onZoomGestureEnd: function(c) { - var b = this, - a = b.getZoomGesture(); - if (b.getLocks()[a] === b) { - b.getChart().resumeThicknessChanged(); - b.showLabels(); - b.sync(); - b.unlockEvents(a); - return false - } - }, - hideLabels: function() { - if (this.getHideLabelInGesture()) { - this.eachInteractiveAxes(function(a) { - a.hideLabels() - }) - } - }, - showLabels: function() { - if (this.getHideLabelInGesture()) { - this.eachInteractiveAxes(function(a) { - a.showLabels() - }) - } - }, - isEventOnAxis: function(c, a) { - var b = a.getSurface().getRect(); - return b[0] <= c.getX() && c.getX() <= b[0] + b[2] && b[1] <= c.getY() && c.getY() <= b[1] + b[3] - }, - getPannableAxes: function(d) { - var h = this, - a = h.getAxes(), - f = h.getChart().getAxes(), - c, g = f.length, - k = [], - j = false, - b; - if (d) { - for (c = 0; c < g; c++) { - if (this.isEventOnAxis(d, f[c])) { - j = true; - break - } - } - } - for (c = 0; c < g; c++) { - b = a[f[c].getPosition()]; - if (b && b.allowPan !== false && (!j || this.isEventOnAxis(d, f[c]))) { - k.push(f[c]) - } - } - return k - }, - getZoomableAxes: function(f) { - var j = this, - a = j.getAxes(), - g = j.getChart().getAxes(), - l = [], - d, h = g.length, - c, k = false, - b; - if (f) { - for (d = 0; d < h; d++) { - if (this.isEventOnAxis(f, g[d])) { - k = true; - break - } - } - } - for (d = 0; d < h; d++) { - c = g[d]; - b = a[c.getPosition()]; - if (b && b.allowZoom !== false && (!k || this.isEventOnAxis(f, c))) { - l.push(c) - } - } - return l - }, - eachInteractiveAxes: function(c) { - var d = this, - b = d.getAxes(), - e = d.getChart().getAxes(); - for (var a = 0; a < e.length; a++) { - if (b[e[a].getPosition()]) { - if (false === c.call(this, e[a])) { - return - } - } - } - }, - transformAxesBy: function(d, j, g, h, e) { - var f = this.getChart().getInnerRect(), - a = this.getAxes(), - k, b = this.oldVisibleRanges, - l = false; - if (!b) { - this.oldVisibleRanges = b = {}; - this.eachInteractiveAxes(function(i) { - b[i.getId()] = i.getVisibleRange() - }) - } - if (!f) { - return - } - for (var c = 0; c < d.length; c++) { - k = a[d[c].getPosition()]; - l = this.transformAxisBy(d[c], b[d[c].getId()], j, g, h, e, this.minZoom || k.minZoom, this.maxZoom || k.maxZoom) || l - } - return l - }, - transformAxisBy: function(c, o, r, q, k, i, h, m) { - var s = this, - b = o[1] - o[0], - l = c.getVisibleRange(), - g = h || s.getMinZoom() || c.config.minZoom, - j = m || s.getMaxZoom() || c.config.maxZoom, - a = s.getChart().getInnerRect(), - f, p; - if (!a) { - return - } - var d = c.isSide(), - e = d ? a[3] : a[2], - n = d ? -q : r; - b /= d ? i : k; - if (b < 0) { - b = -b - } - if (b * g > 1) { - b = 1 - } - if (b * j < 1) { - b = 1 / j - } - f = o[0]; - p = o[1]; - l = l[1] - l[0]; - if (b === l && l === 1) { - return - } - c.setVisibleRange([(o[0] + o[1] - b) * 0.5 - n / e * b, (o[0] + o[1] + b) * 0.5 - n / e * b]); - return (Math.abs(f - c.getVisibleRange()[0]) > 1e-10 || Math.abs(p - c.getVisibleRange()[1]) > 1e-10) - }, - destroy: function() { - this.setModeToggleButton(null); - this.callParent() - } -}); -Ext.define("Ext.chart.interactions.Rotate", { - extend: "Ext.chart.interactions.Abstract", - type: "rotate", - alias: "interaction.rotate", - config: { - gesture: "rotate", - gestures: { - rotate: "onRotate", - rotateend: "onRotate", - dragstart: "onGestureStart", - drag: "onGesture", - dragend: "onGestureEnd" - }, - rotation: 0 - }, - oldRotations: null, - getAngle: function(f) { - var c = this, - b = c.getChart(), - d = b.getEventXY(f), - a = b.getCenter(); - return Math.atan2(d[1] - a[1], d[0] - a[0]) - }, - getRadius: function(a) { - return this.getChart().getRadius() - }, - getEventRadius: function(h) { - var f = this, - d = f.getChart(), - g = d.getEventXY(h), - a = d.getCenter(), - c = g[0] - a[0], - b = g[1] - a[1]; - return Math.sqrt(c * c + b * b) - }, - onGestureStart: function(d) { - var c = this, - b = c.getRadius(d), - a = c.getEventRadius(d); - if (b >= a) { - c.lockEvents("drag"); - c.angle = c.getAngle(d); - c.oldRotations = {}; - return false - } - }, - onGesture: function(b) { - var a = this, - c = a.getAngle(b) - a.angle; - if (a.getLocks().drag === a) { - a.doRotateTo(c, true); - return false - } - }, - doRotateTo: function(d, a, b) { - var n = this, - l = n.getChart(), - k = l.getAxes(), - f = l.getSeries(), - m = n.oldRotations, - c, j, g, e, h; - if (!b) { - l.suspendAnimation() - } - for (e = 0, h = k.length; e < h; e++) { - c = k[e]; - g = m[c.getId()] || (m[c.getId()] = c.getRotation()); - c.setRotation(d + (a ? g : 0)) - } - for (e = 0, h = f.length; e < h; e++) { - j = f[e]; - g = m[j.getId()] || (m[j.getId()] = j.getRotation()); - j.setRotation(d + (a ? g : 0)) - } - n.setRotation(d + (a ? g : 0)); - n.fireEvent("rotate", n, n.getRotation()); - n.sync(); - if (!b) { - l.resumeAnimation() - } - }, - rotateTo: function(c, b, a) { - this.doRotateTo(c, b, a); - this.oldRotations = {} - }, - onGestureEnd: function(b) { - var a = this; - if (a.getLocks().drag === a) { - a.onGesture(b); - a.unlockEvents("drag"); - a.fireEvent("rotationEnd", a, a.getRotation()); - return false - } - }, - onRotate: function(a) {} -}); -Ext.define("Ext.chart.interactions.RotatePie3D", { - extend: "Ext.chart.interactions.Rotate", - type: "rotatePie3d", - alias: "interaction.rotatePie3d", - getAngle: function(g) { - var a = this.getChart(), - f = a.getInherited().rtl, - d = f ? -1 : 1, - h = g.getXY(), - c = a.element.getXY(), - b = a.getMainRect(); - return d * Math.atan2(h[1] - c[1] - b[3] * 0.5, h[0] - c[0] - b[2] * 0.5) - }, - getRadius: function(j) { - var f = this.getChart(), - a = f.getRadius(), - d = f.getSeries(), - h = d.length, - c = 0, - b, g; - for (; c < h; c++) { - b = d[c]; - if (b.isPie3D) { - g = b.getRadius(); - if (g > a) { - a = g - } - } - } - return a - } -}); -Ext.define("Ext.chart.plugin.ItemEvents", { - extend: "Ext.plugin.Abstract", - alias: "plugin.chartitemevents", - moveEvents: false, - mouseMoveEvents: { - mousemove: true, - mouseover: true, - mouseout: true - }, - itemMouseMoveEvents: { - itemmousemove: true, - itemmouseover: true, - itemmouseout: true - }, - init: function(b) { - var a = "handleEvent"; - this.chart = b; - b.addElementListener({ - click: a, - dblclick: a, - mousedown: a, - mousemove: a, - mouseup: a, - mouseover: a, - mouseout: a, - priority: 1001, - scope: this - }) - }, - hasItemMouseMoveListeners: function() { - var b = this.chart.hasListeners, - a; - for (a in this.itemMouseMoveEvents) { - if (a in b) { - return true - } - } - return false - }, - handleEvent: function(g) { - var d = this, - a = d.chart, - h = g.type in d.mouseMoveEvents, - c = d.lastItem, - f, b; - if (h && !d.hasItemMouseMoveListeners() && !d.moveEvents) { - return - } - f = a.getEventXY(g); - b = a.getItemForPoint(f[0], f[1]); - if (h && !Ext.Object.equals(b, c)) { - if (c) { - a.fireEvent("itemmouseout", a, c, g); - c.series.fireEvent("itemmouseout", c.series, c, g) - } - if (b) { - a.fireEvent("itemmouseover", a, b, g); - b.series.fireEvent("itemmouseover", b.series, b, g) - } - } - if (b) { - a.fireEvent("item" + g.type, a, b, g); - b.series.fireEvent("item" + g.type, b.series, b, g) - } - d.lastItem = b - } -}); -Ext.define("Ext.chart.series.Cartesian", { - extend: "Ext.chart.series.Series", - config: { - xField: null, - yField: null, - xAxis: null, - yAxis: null - }, - directions: ["X", "Y"], - fieldCategoryX: ["X"], - fieldCategoryY: ["Y"], - applyXAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - applyYAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - updateXAxis: function(a) { - a.processData(this) - }, - updateYAxis: function(a) { - a.processData(this) - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - getItemForPoint: function(a, g) { - if (this.getSprites()) { - var f = this, - d = f.getSprites()[0], - b = f.getStore(), - e, c; - if (f.getHidden()) { - return null - } - if (d) { - c = d.getIndexNearPoint(a, g); - if (c !== -1) { - e = { - series: f, - category: f.getItemInstancing() ? "items" : "markers", - index: c, - record: b.getData().items[c], - field: f.getYField(), - sprite: d - }; - return e - } - } - } - }, - createSprite: function() { - var c = this, - a = c.callParent(), - b = c.getChart(), - d = c.getXAxis(); - a.setAttributes({ - flipXY: b.getFlipXY(), - xAxis: d - }); - if (a.setAggregator && d && d.getAggregator) { - if (d.getAggregator) { - a.setAggregator({ - strategy: d.getAggregator() - }) - } else { - a.setAggregator({}) - } - } - return a - }, - getSprites: function() { - var d = this, - c = this.getChart(), - e = d.getAnimation() || c && c.getAnimation(), - b = d.getItemInstancing(), - f = d.sprites, - a; - if (!c) { - return [] - } - if (!f.length) { - a = d.createSprite() - } else { - a = f[0] - } - if (e) { - if (b) { - a.itemsMarker.getTemplate().setAnimation(e) - } - a.setAnimation(e) - } - return f - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getSubStyleWithTheme(), - c = a.fillStyle; - if (Ext.isArray(c)) { - c = c[0] - } - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - }, - getXRange: function() { - return [this.dataRange[0], this.dataRange[2]] - }, - getYRange: function() { - return [this.dataRange[1], this.dataRange[3]] - } -}); -Ext.define("Ext.chart.series.StackedCartesian", { - extend: "Ext.chart.series.Cartesian", - config: { - stacked: true, - splitStacks: true, - fullStack: false, - fullStackTotal: 100, - hidden: [] - }, - spriteAnimationCount: 0, - themeColorCount: function() { - var b = this, - a = b.getYField(); - return Ext.isArray(a) ? a.length : 1 - }, - updateStacked: function() { - this.processData() - }, - updateSplitStacks: function() { - this.processData() - }, - coordinateY: function() { - return this.coordinateStacked("Y", 1, 2) - }, - coordinateStacked: function(D, e, m) { - var F = this, - f = F.getStore(), - r = f.getData().items, - B = r.length, - c = F["get" + D + "Axis"](), - x = F.getHidden(), - a = F.getSplitStacks(), - z = F.getFullStack(), - l = F.getFullStackTotal(), - p = { - min: 0, - max: 0 - }, - n = F["fieldCategory" + D], - C = [], - o = [], - E = [], - h, A = F.getStacked(), - g = F.getSprites(), - q = [], - w, v, u, s, H, y, b, d, G, t; - if (!g.length) { - return - } - for (w = 0; w < n.length; w++) { - d = n[w]; - s = F.getFields([d]); - H = s.length; - for (v = 0; v < B; v++) { - C[v] = 0; - o[v] = 0; - E[v] = 0 - } - for (v = 0; v < H; v++) { - if (!x[v]) { - q[v] = F.coordinateData(r, s[v], c) - } - } - if (A && z) { - y = []; - if (a) { - b = [] - } - for (v = 0; v < B; v++) { - y[v] = 0; - if (a) { - b[v] = 0 - } - for (u = 0; u < H; u++) { - G = q[u]; - if (!G) { - continue - } - G = G[v]; - if (G >= 0 || !a) { - y[v] += G - } else { - if (G < 0) { - b[v] += G - } - } - } - } - } - for (v = 0; v < H; v++) { - t = {}; - if (x[v]) { - t["dataStart" + d] = C; - t["data" + d] = C; - g[v].setAttributes(t); - continue - } - G = q[v]; - if (A) { - h = []; - for (u = 0; u < B; u++) { - if (!G[u]) { - G[u] = 0 - } - if (G[u] >= 0 || !a) { - if (z && y[u]) { - G[u] *= l / y[u] - } - C[u] = o[u]; - o[u] += G[u]; - h[u] = o[u] - } else { - if (z && b[u]) { - G[u] *= l / b[u] - } - C[u] = E[u]; - E[u] += G[u]; - h[u] = E[u] - } - } - t["dataStart" + d] = C; - t["data" + d] = h; - F.getRangeOfData(C, p); - F.getRangeOfData(h, p) - } else { - t["dataStart" + d] = C; - t["data" + d] = G; - F.getRangeOfData(G, p) - } - g[v].setAttributes(t) - } - } - F.dataRange[e] = p.min; - F.dataRange[e + m] = p.max; - t = {}; - t["dataMin" + D] = p.min; - t["dataMax" + D] = p.max; - for (w = 0; w < g.length; w++) { - g[w].setAttributes(t) - } - }, - getFields: function(f) { - var e = this, - a = [], - c, b, d; - for (b = 0, d = f.length; b < d; b++) { - c = e["get" + f[b] + "Field"](); - if (Ext.isArray(c)) { - a.push.apply(a, c) - } else { - a.push(c) - } - } - return a - }, - updateLabelOverflowPadding: function(a) { - this.getLabel().setAttributes({ - labelOverflowPadding: a - }) - }, - getSprites: function() { - var k = this, - j = k.getChart(), - c = k.getAnimation() || j && j.getAnimation(), - f = k.getFields(k.fieldCategoryY), - b = k.getItemInstancing(), - h = k.sprites, - l, e = k.getHidden(), - g = false, - d, a = f.length; - if (!j) { - return [] - } - for (d = 0; d < a; d++) { - l = h[d]; - if (!l) { - l = k.createSprite(); - l.setAttributes({ - zIndex: -d - }); - l.setField(f[d]); - g = true; - e.push(false); - if (b) { - l.itemsMarker.getTemplate().setAttributes(k.getStyleByIndex(d)) - } else { - l.setAttributes(k.getStyleByIndex(d)) - } - } - if (c) { - if (b) { - l.itemsMarker.getTemplate().setAnimation(c) - } - l.setAnimation(c) - } - } - if (g) { - k.updateHidden(e) - } - return h - }, - getItemForPoint: function(k, j) { - if (this.getSprites()) { - var h = this, - b, g, m, a = h.getItemInstancing(), - f = h.getSprites(), - l = h.getStore(), - c = h.getHidden(), - n, d, e; - for (b = 0, g = f.length; b < g; b++) { - if (!c[b]) { - m = f[b]; - d = m.getIndexNearPoint(k, j); - if (d !== -1) { - e = h.getYField(); - n = { - series: h, - index: d, - category: a ? "items" : "markers", - record: l.getData().items[d], - field: typeof e === "string" ? e : e[b], - sprite: m - }; - return n - } - } - } - return null - } - }, - provideLegendInfo: function(e) { - var g = this, - f = g.getSprites(), - h = g.getTitle(), - j = g.getYField(), - d = g.getHidden(), - k = f.length === 1, - b, l, c, a; - for (c = 0; c < f.length; c++) { - b = g.getStyleByIndex(c); - l = b.fillStyle; - if (h) { - if (Ext.isArray(h)) { - a = h[c] - } else { - if (k) { - a = h - } - } - } else { - if (Ext.isArray(j)) { - a = j[c] - } else { - a = g.getId() - } - } - e.push({ - name: a, - mark: (Ext.isObject(l) ? l.stops && l.stops[0].color : l) || b.strokeStyle || "black", - disabled: d[c], - series: g.getId(), - index: c - }) - } - }, - onSpriteAnimationStart: function(a) { - this.spriteAnimationCount++; - if (this.spriteAnimationCount === 1) { - this.fireEvent("animationstart") - } - }, - onSpriteAnimationEnd: function(a) { - this.spriteAnimationCount--; - if (this.spriteAnimationCount === 0) { - this.fireEvent("animationend") - } - } -}); -Ext.define("Ext.chart.series.sprite.Series", { - extend: "Ext.draw.sprite.Sprite", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - inheritableStatics: { - def: { - processors: { - dataMinX: "number", - dataMaxX: "number", - dataMinY: "number", - dataMaxY: "number", - rangeX: "data", - rangeY: "data", - dataX: "data", - dataY: "data" - }, - defaults: { - dataMinX: 0, - dataMaxX: 1, - dataMinY: 0, - dataMaxY: 1, - rangeX: null, - rangeY: null, - dataX: null, - dataY: null - }, - triggers: { - dataX: "bbox", - dataY: "bbox", - dataMinX: "bbox", - dataMaxX: "bbox", - dataMinY: "bbox", - dataMaxY: "bbox" - } - } - }, - config: { - store: null, - series: null, - field: null - } -}); -Ext.define("Ext.chart.series.sprite.Cartesian", { - extend: "Ext.chart.series.sprite.Series", - inheritableStatics: { - def: { - processors: { - labels: "default", - labelOverflowPadding: "number", - selectionTolerance: "number", - flipXY: "bool", - renderer: "default", - visibleMinX: "number", - visibleMinY: "number", - visibleMaxX: "number", - visibleMaxY: "number", - innerWidth: "number", - innerHeight: "number" - }, - defaults: { - labels: null, - labelOverflowPadding: 10, - selectionTolerance: 20, - flipXY: false, - renderer: null, - transformFillStroke: false, - visibleMinX: 0, - visibleMinY: 0, - visibleMaxX: 1, - visibleMaxY: 1, - innerWidth: 1, - innerHeight: 1 - }, - triggers: { - dataX: "dataX,bbox", - dataY: "dataY,bbox", - visibleMinX: "panzoom", - visibleMinY: "panzoom", - visibleMaxX: "panzoom", - visibleMaxY: "panzoom", - innerWidth: "panzoom", - innerHeight: "panzoom" - }, - updaters: { - dataX: function(a) { - this.processDataX(); - this.scheduleUpdater(a, "dataY", ["dataY"]) - }, - dataY: function() { - this.processDataY() - }, - panzoom: function(c) { - var e = c.visibleMaxX - c.visibleMinX, - d = c.visibleMaxY - c.visibleMinY, - b = c.flipXY ? c.innerHeight : c.innerWidth, - g = !c.flipXY ? c.innerHeight : c.innerWidth, - a = this.getSurface(), - f = a ? a.getInherited().rtl : false; - if (f && !c.flipXY) { - c.translationX = b + c.visibleMinX * b / e - } else { - c.translationX = -c.visibleMinX * b / e - } - c.translationY = -c.visibleMinY * g / d; - c.scalingX = (f && !c.flipXY ? -1 : 1) * b / e; - c.scalingY = g / d; - c.scalingCenterX = 0; - c.scalingCenterY = 0; - this.applyTransformations(true) - } - } - } - }, - processDataY: Ext.emptyFn, - processDataX: Ext.emptyFn, - updatePlainBBox: function(b) { - var a = this.attr; - b.x = a.dataMinX; - b.y = a.dataMinY; - b.width = a.dataMaxX - a.dataMinX; - b.height = a.dataMaxY - a.dataMinY - }, - binarySearch: function(d) { - var b = this.attr.dataX, - f = 0, - a = b.length; - if (d <= b[0]) { - return f - } - if (d >= b[a - 1]) { - return a - 1 - } - while (f + 1 < a) { - var c = (f + a) >> 1, - e = b[c]; - if (e === d) { - return c - } else { - if (e < d) { - f = c - } else { - a = c - } - } - } - return f - }, - render: function(b, c, g) { - var f = this, - a = f.attr, - e = a.inverseMatrix.clone(); - e.appendMatrix(b.inverseMatrix); - if (a.dataX === null || a.dataX === undefined) { - return - } - if (a.dataY === null || a.dataY === undefined) { - return - } - if (e.getXX() * e.getYX() || e.getXY() * e.getYY()) { - console.log("Cartesian Series sprite does not support rotation/sheering"); - return - } - var d = e.transformList([ - [g[0] - 1, g[3] + 1], - [g[0] + g[2] + 1, -1] - ]); - d = d[0].concat(d[1]); - f.renderClipped(b, c, d, g) - }, - renderClipped: Ext.emptyFn, - getIndexNearPoint: function(f, e) { - var w = this, - q = w.attr.matrix, - h = w.attr.dataX, - g = w.attr.dataY, - k = w.attr.selectionTolerance, - t, r, c = -1, - j = q.clone().prependMatrix(w.surfaceMatrix).inverse(), - u = j.transformPoint([f, e]), - b = j.transformPoint([f - k, e - k]), - n = j.transformPoint([f + k, e + k]), - a = Math.min(b[0], n[0]), - s = Math.max(b[0], n[0]), - l = Math.min(b[1], n[1]), - d = Math.max(b[1], n[1]), - m, v, o, p; - for (o = 0, p = h.length; o < p; o++) { - m = h[o]; - v = g[o]; - if (m > a && m < s && v > l && v < d) { - if (c === -1 || (Math.abs(m - u[0]) < t) && (Math.abs(v - u[1]) < r)) { - t = Math.abs(m - u[0]); - r = Math.abs(v - u[1]); - c = o - } - } - } - return c - } -}); -Ext.define("Ext.chart.series.sprite.StackedCartesian", { - extend: "Ext.chart.series.sprite.Cartesian", - inheritableStatics: { - def: { - processors: { - groupCount: "number", - groupOffset: "number", - dataStartY: "data" - }, - defaults: { - selectionTolerance: 20, - groupCount: 1, - groupOffset: 0, - dataStartY: null - }, - triggers: { - dataStartY: "dataY,bbox" - } - } - }, - getIndexNearPoint: function(e, d) { - var o = this, - q = o.attr.matrix, - h = o.attr.dataX, - f = o.attr.dataY, - u = o.attr.dataStartY, - l = o.attr.selectionTolerance, - s = 0.5, - r = Infinity, - b = -1, - k = q.clone().prependMatrix(this.surfaceMatrix).inverse(), - t = k.transformPoint([e, d]), - a = k.transformPoint([e - l, d - l]), - n = k.transformPoint([e + l, d + l]), - m = Math.min(a[1], n[1]), - c = Math.max(a[1], n[1]), - j, g; - for (var p = 0; p < h.length; p++) { - if (Math.min(u[p], f[p]) <= c && m <= Math.max(u[p], f[p])) { - j = Math.abs(h[p] - t[0]); - g = Math.max(-Math.min(f[p] - t[1], t[1] - u[p]), 0); - if (j < s && g <= r) { - s = j; - r = g; - b = p - } - } - } - return b - } -}); -Ext.define("Ext.chart.series.sprite.Area", { - alias: "sprite.areaSeries", - extend: "Ext.chart.series.sprite.StackedCartesian", - inheritableStatics: { - def: { - processors: { - step: "bool" - }, - defaults: { - step: false - } - } - }, - renderClipped: function(q, s, A) { - var B = this, - p = B.attr, - l = p.dataX, - j = p.dataY, - C = p.dataStartY, - t = p.matrix, - h, g, v, f, d, z, w, e = t.elements[0], - m = t.elements[4], - o = t.elements[3], - k = t.elements[5], - c = B.surfaceMatrix, - n = {}, - r = Math.min(A[0], A[2]), - u = Math.max(A[0], A[2]), - b = Math.max(0, this.binarySearch(r)), - a = Math.min(l.length - 1, this.binarySearch(u) + 1); - s.beginPath(); - z = l[b] * e + m; - w = j[b] * o + k; - s.moveTo(z, w); - if (p.step) { - d = w; - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, d); - s.lineTo(h, d = g) - } - } else { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, g) - } - } - if (C) { - if (p.step) { - f = l[a] * e + m; - for (v = a; v >= b; v--) { - h = l[v] * e + m; - g = C[v] * o + k; - s.lineTo(f, g); - s.lineTo(f = h, g) - } - } else { - for (v = a; v >= b; v--) { - h = l[v] * e + m; - g = C[v] * o + k; - s.lineTo(h, g) - } - } - } else { - s.lineTo(l[a] * e + m, g); - s.lineTo(l[a] * e + m, k); - s.lineTo(z, k); - s.lineTo(z, j[v] * o + k) - } - if (p.transformFillStroke) { - p.matrix.toContext(s) - } - s.fill(); - if (p.transformFillStroke) { - p.inverseMatrix.toContext(s) - } - s.beginPath(); - s.moveTo(z, w); - if (p.step) { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, d); - s.lineTo(h, d = g); - n.translationX = c.x(h, g); - n.translationY = c.y(h, g); - B.putMarker("markers", n, v, !p.renderer) - } - } else { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, g); - n.translationX = c.x(h, g); - n.translationY = c.y(h, g); - B.putMarker("markers", n, v, !p.renderer) - } - } - if (p.transformFillStroke) { - p.matrix.toContext(s) - } - s.stroke() - } -}); -Ext.define("Ext.chart.series.Area", { - extend: "Ext.chart.series.StackedCartesian", - alias: "series.area", - type: "area", - seriesType: "areaSeries", - requires: ["Ext.chart.series.sprite.Area"], - config: { - splitStacks: false - } -}); -Ext.define("Ext.chart.series.sprite.Bar", { - alias: "sprite.barSeries", - extend: "Ext.chart.series.sprite.StackedCartesian", - inheritableStatics: { - def: { - processors: { - minBarWidth: "number", - maxBarWidth: "number", - minGapWidth: "number", - radius: "number", - inGroupGapWidth: "number" - }, - defaults: { - minBarWidth: 2, - maxBarWidth: 100, - minGapWidth: 5, - inGroupGapWidth: 3, - radius: 0 - } - } - }, - drawLabel: function(k, i, s, h, o) { - var q = this, - n = q.attr, - f = q.getMarker("labels"), - d = f.getTemplate(), - l = q.labelCfg || (q.labelCfg = {}), - c = q.surfaceMatrix, - j = n.labelOverflowPadding, - b = d.attr.display, - m = d.attr.orientation, - g, e, a, r, t, p; - l.x = c.x(i, h); - l.y = c.y(i, h); - if (!n.flipXY) { - l.rotationRads = -Math.PI * 0.5 - } else { - l.rotationRads = 0 - } - l.calloutVertical = !n.flipXY; - switch (m) { - case "horizontal": - l.rotationRads = 0; - l.calloutVertical = false; - break; - case "vertical": - l.rotationRads = -Math.PI * 0.5; - l.calloutVertical = true; - break - } - l.text = k; - if (d.attr.renderer) { - p = [k, f, l, { - store: q.getStore() - }, o]; - r = Ext.callback(d.attr.renderer, null, p, 0, q.getSeries()); - if (typeof r === "string") { - l.text = r - } else { - if (typeof r === "object") { - if ("text" in r) { - l.text = r.text - } - t = true - } - } - } - a = q.getMarkerBBox("labels", o, true); - if (!a) { - q.putMarker("labels", l, o); - a = q.getMarkerBBox("labels", o, true) - } - e = (a.width / 2 + j); - if (s > h) { - e = -e - } - if ((m === "horizontal" && n.flipXY) || (m === "vertical" && !n.flipXY) || !m) { - g = (b === "insideStart") ? s + e : h - e - } else { - g = (b === "insideStart") ? s + j * 2 : h - j * 2 - } - l.x = c.x(i, g); - l.y = c.y(i, g); - g = (b === "insideStart") ? s - e : h + e; - l.calloutPlaceX = c.x(i, g); - l.calloutPlaceY = c.y(i, g); - g = (b === "insideStart") ? s : h; - l.calloutStartX = c.x(i, g); - l.calloutStartY = c.y(i, g); - if (s > h) { - e = -e - } - if (Math.abs(h - s) <= e * 2 || b === "outside") { - l.callout = 1 - } else { - l.callout = 0 - } - if (t) { - Ext.apply(l, r) - } - q.putMarker("labels", l, o) - }, - drawBar: function(l, b, d, c, h, k, a, e) { - var g = this, - j = {}, - f = g.attr.renderer, - i; - j.x = c; - j.y = h; - j.width = k - c; - j.height = a - h; - j.radius = g.attr.radius; - if (f) { - i = Ext.callback(f, null, [g, j, { - store: g.getStore() - }, e], 0, g.getSeries()); - Ext.apply(j, i) - } - g.putMarker("items", j, e, !f) - }, - renderClipped: function(G, u, F, C) { - if (this.cleanRedraw) { - return - } - var q = this, - o = q.attr, - w = o.dataX, - v = o.dataY, - H = o.labels, - n = o.dataStartY, - m = o.groupCount, - E = o.groupOffset - (m - 1) * 0.5, - z = o.inGroupGapWidth, - t = u.lineWidth, - D = o.matrix, - B = D.elements[0], - j = D.elements[3], - e = D.elements[4], - d = G.roundPixel(D.elements[5]) - 1, - J = (B < 0 ? -1 : 1) * B - o.minGapWidth, - k = (Math.min(J, o.maxBarWidth) - z * (m - 1)) / m, - A = G.roundPixel(Math.max(o.minBarWidth, k)), - c = q.surfaceMatrix, - g, I, b, h, K, a, l = 0.5 * o.lineWidth, - L = Math.min(F[0], F[2]), - x = Math.max(F[0], F[2]), - y = Math.max(0, Math.floor(L)), - p = Math.min(w.length - 1, Math.ceil(x)), - f = H && q.getMarker("labels"), - s, r; - for (K = y; K <= p; K++) { - s = n ? n[K] : 0; - r = v[K]; - a = w[K] * B + e + E * (A + z); - g = G.roundPixel(a - A / 2) + l; - h = G.roundPixel(r * j + d + t); - I = G.roundPixel(a + A / 2) - l; - b = G.roundPixel(s * j + d + t); - q.drawBar(u, G, F, g, h - l, I, b - l, K); - if (f && H[K] != null) { - q.drawLabel(H[K], a, b, h, K) - } - q.putMarker("markers", { - translationX: c.x(a, h), - translationY: c.y(a, h) - }, K, true) - } - }, - getIndexNearPoint: function(l, k) { - var m = this, - g = m.attr, - h = g.dataX, - a = m.getSurface(), - b = a.getRect() || [0, 0, 0, 0], - j = b[3], - e, d, c, n, f = -1; - if (g.flipXY) { - e = j - k; - if (a.getInherited().rtl) { - d = b[2] - l - } else { - d = l - } - } else { - e = l; - d = j - k - } - for (c = 0; c < h.length; c++) { - n = m.getMarkerBBox("items", c); - if (Ext.draw.Draw.isPointInBBox(e, d, n)) { - f = c; - break - } - } - return f - } -}); -Ext.define("Ext.chart.series.Bar", { - extend: "Ext.chart.series.StackedCartesian", - alias: "series.bar", - type: "bar", - seriesType: "barSeries", - requires: ["Ext.chart.series.sprite.Bar", "Ext.draw.sprite.Rect"], - config: { - itemInstancing: { - type: "rect", - fx: { - customDurations: { - x: 0, - y: 0, - width: 0, - height: 0, - radius: 0 - } - } - } - }, - getItemForPoint: function(a, f) { - if (this.getSprites()) { - var d = this, - c = d.getChart(), - e = c.getInnerPadding(), - b = c.getInherited().rtl; - arguments[0] = a + (b ? e.right : -e.left); - arguments[1] = f + e.bottom; - return d.callParent(arguments) - } - }, - updateXAxis: function(a) { - a.setLabelInSpan(true); - this.callParent(arguments) - }, - updateHidden: function(a) { - this.callParent(arguments); - this.updateStacked() - }, - updateStacked: function(c) { - var e = this, - g = e.getSprites(), - d = g.length, - f = [], - a = {}, - b; - for (b = 0; b < d; b++) { - if (!g[b].attr.hidden) { - f.push(g[b]) - } - } - d = f.length; - if (e.getStacked()) { - a.groupCount = 1; - a.groupOffset = 0; - for (b = 0; b < d; b++) { - f[b].setAttributes(a) - } - } else { - a.groupCount = f.length; - for (b = 0; b < d; b++) { - a.groupOffset = b; - f[b].setAttributes(a) - } - } - e.callParent(arguments) - } -}); -Ext.define("Ext.chart.series.sprite.Bar3D", { - extend: "Ext.chart.series.sprite.Bar", - alias: "sprite.bar3dSeries", - requires: ["Ext.draw.gradient.Linear"], - inheritableStatics: { - def: { - processors: { - depthWidthRatio: "number", - saturationFactor: "number", - brightnessFactor: "number", - colorSpread: "number" - }, - defaults: { - depthWidthRatio: 1 / 3, - saturationFactor: 1, - brightnessFactor: 1, - colorSpread: 1, - transformFillStroke: true - }, - triggers: { - groupCount: "panzoom" - }, - updaters: { - panzoom: function(c) { - var g = this, - e = c.visibleMaxX - c.visibleMinX, - d = c.visibleMaxY - c.visibleMinY, - b = c.flipXY ? c.innerHeight : c.innerWidth, - h = !c.flipXY ? c.innerHeight : c.innerWidth, - a = g.getSurface(), - f = a ? a.getInherited().rtl : false; - if (f && !c.flipXY) { - c.translationX = b + c.visibleMinX * b / e - } else { - c.translationX = -c.visibleMinX * b / e - } - c.translationY = -c.visibleMinY * (h - g.depth) / d; - c.scalingX = (f && !c.flipXY ? -1 : 1) * b / e; - c.scalingY = (h - g.depth) / d; - c.scalingCenterX = 0; - c.scalingCenterY = 0; - g.applyTransformations(true) - } - } - } - }, - config: { - showStroke: false - }, - depth: 0, - drawBar: function(p, b, d, c, l, o, a, h) { - var k = this, - i = k.attr, - n = {}, - j = i.renderer, - m, g, f, e; - n.x = (c + o) * 0.5; - n.y = l; - n.width = (o - c) * 0.75; - n.height = a - l; - n.depth = g = n.width * i.depthWidthRatio; - n.orientation = i.flipXY ? "horizontal" : "vertical"; - n.saturationFactor = i.saturationFactor; - n.brightnessFactor = i.brightnessFactor; - n.colorSpread = i.colorSpread; - if (g !== k.depth) { - k.depth = g; - f = k.getSeries(); - f.fireEvent("depthchange", f, g) - } - if (j) { - e = [k, n, { - store: k.getStore() - }, h]; - m = Ext.callback(j, null, e, 0, k.getSeries()); - Ext.apply(n, m) - } - k.putMarker("items", n, h, !j) - } -}); -Ext.define("Ext.chart.series.sprite.Box", { - extend: "Ext.draw.sprite.Sprite", - alias: "sprite.box", - type: "box", - inheritableStatics: { - def: { - processors: { - x: "number", - y: "number", - width: "number", - height: "number", - depth: "number", - orientation: "enums(vertical,horizontal)", - showStroke: "bool", - saturationFactor: "number", - brightnessFactor: "number", - colorSpread: "number" - }, - triggers: { - x: "bbox", - y: "bbox", - width: "bbox", - height: "bbox", - depth: "bbox", - orientation: "bbox" - }, - defaults: { - x: 0, - y: 0, - width: 8, - height: 8, - depth: 8, - orientation: "vertical", - showStroke: false, - saturationFactor: 1, - brightnessFactor: 1, - colorSpread: 1, - lineJoin: "bevel" - } - } - }, - constructor: function(a) { - this.callParent([a]); - this.topGradient = new Ext.draw.gradient.Linear({}); - this.rightGradient = new Ext.draw.gradient.Linear({}); - this.frontGradient = new Ext.draw.gradient.Linear({}) - }, - updatePlainBBox: function(d) { - var c = this.attr, - b = c.x, - g = c.y, - e = c.width, - a = c.height, - f = c.depth; - d.x = b - e * 0.5; - d.width = e + f; - if (a > 0) { - d.y = g; - d.height = a + f - } else { - d.y = g + f; - d.height = a - f - } - }, - render: function(l, m) { - var u = this, - k = u.attr, - r = k.x, - j = k.y, - f = j + k.height, - i = j < f, - e = k.width * 0.5, - v = k.depth, - d = k.orientation === "horizontal", - g = k.globalAlpha < 1, - c = k.fillStyle, - n = Ext.draw.Color.create(c.isGradient ? c.getStops()[0].color : c), - h = k.saturationFactor, - o = k.brightnessFactor, - t = k.colorSpread, - b = n.getHSV(), - a = {}, - s, q, p; - if (!k.showStroke) { - m.strokeStyle = Ext.draw.Color.RGBA_NONE - } - if (i) { - p = j; - j = f; - f = p - } - u.topGradient.setDegrees(d ? 0 : 80); - u.topGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 + t * 0.1) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.11) * o, 0, 1)) - }]); - u.rightGradient.setDegrees(d ? 45 : 90); - u.rightGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.14) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 + t * 0.4) * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.32) * o, 0, 1)) - }]); - if (d) { - u.frontGradient.setDegrees(0) - } else { - u.frontGradient.setRadians(Math.atan2(j - f, e * 2)) - } - u.frontGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 - t * 0.1) * h, 0, 1), Ext.Number.constrain((0.5 + t * 0.1) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 + t * 0.1) * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.23) * o, 0, 1)) - }]); - if (g || i) { - m.beginPath(); - m.moveTo(r - e, f); - m.lineTo(r - e + v, f + v); - m.lineTo(r + e + v, f + v); - m.lineTo(r + e, f); - m.closePath(); - a.x = r - e; - a.y = j; - a.width = e + v; - a.height = v; - m.fillStyle = (d ? u.rightGradient : u.topGradient).generateGradient(m, a); - m.fillStroke(k) - } - if (g) { - m.beginPath(); - m.moveTo(r - e, j); - m.lineTo(r - e + v, j + v); - m.lineTo(r - e + v, f + v); - m.lineTo(r - e, f); - m.closePath(); - a.x = r + e; - a.y = f; - a.width = v; - a.height = j + v - f; - m.fillStyle = (d ? u.topGradient : u.rightGradient).generateGradient(m, a); - m.fillStroke(k) - } - q = l.roundPixel(j); - m.beginPath(); - m.moveTo(r - e, q); - m.lineTo(r - e + v, j + v); - m.lineTo(r + e + v, j + v); - m.lineTo(r + e, q); - m.closePath(); - a.x = r - e; - a.y = j; - a.width = e + v; - a.height = v; - m.fillStyle = (d ? u.rightGradient : u.topGradient).generateGradient(m, a); - m.fillStroke(k); - s = l.roundPixel(r + e); - m.beginPath(); - m.moveTo(s, l.roundPixel(j)); - m.lineTo(r + e + v, j + v); - m.lineTo(r + e + v, f + v); - m.lineTo(s, f); - m.closePath(); - a.x = r + e; - a.y = f; - a.width = v; - a.height = j + v - f; - m.fillStyle = (d ? u.topGradient : u.rightGradient).generateGradient(m, a); - m.fillStroke(k); - s = l.roundPixel(r + e); - q = l.roundPixel(j); - m.beginPath(); - m.moveTo(r - e, f); - m.lineTo(r - e, q); - m.lineTo(s, q); - m.lineTo(s, f); - m.closePath(); - a.x = r - e; - a.y = f; - a.width = e * 2; - a.height = j - f; - m.fillStyle = u.frontGradient.generateGradient(m, a); - m.fillStroke(k) - } -}); -Ext.define("Ext.chart.series.Bar3D", { - extend: "Ext.chart.series.Bar", - requires: ["Ext.chart.series.sprite.Bar3D", "Ext.chart.series.sprite.Box"], - alias: "series.bar3d", - type: "bar3d", - seriesType: "bar3dSeries", - config: { - itemInstancing: { - type: "box", - fx: { - customDurations: { - x: 0, - y: 0, - width: 0, - height: 0, - depth: 0 - } - } - }, - highlightCfg: { - opacity: 0.8 - } - }, - getSprites: function() { - var c = this.callParent(arguments), - b, d, a; - for (a = 0; a < c.length; a++) { - b = c[a]; - d = b.attr.zIndex; - if (d < 0) { - b.setAttributes({ - zIndex: -d - }) - } - if (b.setSeries) { - b.setSeries(this) - } - } - return c - }, - getDepth: function() { - var a = this.getSprites()[0]; - return a ? (a.depth || 0) : 0 - }, - getItemForPoint: function(m, k) { - if (this.getSprites()) { - var j = this, - b, o, a = j.getItemInstancing(), - h = j.getSprites(), - n = j.getStore(), - c = j.getHidden(), - g = j.getChart(), - l = g.getInnerPadding(), - f = g.getInherited().rtl, - p, d, e; - m = m + (f ? l.right : -l.left); - k = k + l.bottom; - for (b = h.length - 1; b >= 0; b--) { - if (!c[b]) { - o = h[b]; - d = o.getIndexNearPoint(m, k); - if (d !== -1) { - e = j.getYField(); - p = { - series: j, - index: d, - category: a ? "items" : "markers", - record: n.getData().items[d], - field: typeof e === "string" ? e : e[b], - sprite: o - }; - return p - } - } - } - return null - } - } -}); -Ext.define("Ext.draw.LimitedCache", { - config: { - limit: 40, - feeder: function() { - return 0 - }, - scope: null - }, - cache: null, - constructor: function(a) { - this.cache = {}; - this.cache.list = []; - this.cache.tail = 0; - this.initConfig(a) - }, - get: function(e) { - var c = this.cache, - b = this.getLimit(), - a = this.getFeeder(), - d = this.getScope() || this; - if (c[e]) { - return c[e].value - } - if (c.list[c.tail]) { - delete c[c.list[c.tail].cacheId] - } - c[e] = c.list[c.tail] = { - value: a.apply(d, Array.prototype.slice.call(arguments, 1)), - cacheId: e - }; - c.tail++; - if (c.tail === b) { - c.tail = 0 - } - return c[e].value - }, - clear: function() { - this.cache = {}; - this.cache.list = []; - this.cache.tail = 0 - } -}); -Ext.define("Ext.draw.SegmentTree", { - config: { - strategy: "double" - }, - time: function(m, l, n, c, E, d, e) { - var f = 0, - o, A, s = new Date(n[m.startIdx[0]]), - x = new Date(n[m.endIdx[l - 1]]), - D = Ext.Date, - u = [ - [D.MILLI, 1, "ms1", null], - [D.MILLI, 2, "ms2", "ms1"], - [D.MILLI, 5, "ms5", "ms1"], - [D.MILLI, 10, "ms10", "ms5"], - [D.MILLI, 50, "ms50", "ms10"], - [D.MILLI, 100, "ms100", "ms50"], - [D.MILLI, 500, "ms500", "ms100"], - [D.SECOND, 1, "s1", "ms500"], - [D.SECOND, 10, "s10", "s1"], - [D.SECOND, 30, "s30", "s10"], - [D.MINUTE, 1, "mi1", "s10"], - [D.MINUTE, 5, "mi5", "mi1"], - [D.MINUTE, 10, "mi10", "mi5"], - [D.MINUTE, 30, "mi30", "mi10"], - [D.HOUR, 1, "h1", "mi30"], - [D.HOUR, 6, "h6", "h1"], - [D.HOUR, 12, "h12", "h6"], - [D.DAY, 1, "d1", "h12"], - [D.DAY, 7, "d7", "d1"], - [D.MONTH, 1, "mo1", "d1"], - [D.MONTH, 3, "mo3", "mo1"], - [D.MONTH, 6, "mo6", "mo3"], - [D.YEAR, 1, "y1", "mo3"], - [D.YEAR, 5, "y5", "y1"], - [D.YEAR, 10, "y10", "y5"], - [D.YEAR, 100, "y100", "y10"] - ], - z, b, k = f, - F = l, - j = false, - r = m.startIdx, - h = m.endIdx, - w = m.minIdx, - C = m.maxIdx, - a = m.open, - y = m.close, - g = m.minX, - q = m.minY, - p = m.maxX, - B = m.maxY, - v, t; - for (z = 0; l > f + 1 && z < u.length; z++) { - s = new Date(n[r[0]]); - b = u[z]; - s = D.align(s, b[0], b[1]); - if (D.diff(s, x, b[0]) > n.length * 2 * b[1]) { - continue - } - if (b[3] && m.map["time_" + b[3]]) { - o = m.map["time_" + b[3]][0]; - A = m.map["time_" + b[3]][1] - } else { - o = k; - A = F - } - f = l; - t = s; - j = true; - r[l] = r[o]; - h[l] = h[o]; - w[l] = w[o]; - C[l] = C[o]; - a[l] = a[o]; - y[l] = y[o]; - g[l] = g[o]; - q[l] = q[o]; - p[l] = p[o]; - B[l] = B[o]; - t = Ext.Date.add(t, b[0], b[1]); - for (v = o + 1; v < A; v++) { - if (n[h[v]] < +t) { - h[l] = h[v]; - y[l] = y[v]; - if (B[v] > B[l]) { - B[l] = B[v]; - p[l] = p[v]; - C[l] = C[v] - } - if (q[v] < q[l]) { - q[l] = q[v]; - g[l] = g[v]; - w[l] = w[v] - } - } else { - l++; - r[l] = r[v]; - h[l] = h[v]; - w[l] = w[v]; - C[l] = C[v]; - a[l] = a[v]; - y[l] = y[v]; - g[l] = g[v]; - q[l] = q[v]; - p[l] = p[v]; - B[l] = B[v]; - t = Ext.Date.add(t, b[0], b[1]) - } - } - if (l > f) { - m.map["time_" + b[2]] = [f, l] - } - } - }, - "double": function(h, u, j, a, t, b, c) { - var e = 0, - k, f = 1, - n, d, v, g, s, l, m, r, q, p, o; - while (u > e + 1) { - k = e; - e = u; - f += f; - for (n = k; n < e; n += 2) { - if (n === e - 1) { - d = h.startIdx[n]; - v = h.endIdx[n]; - g = h.minIdx[n]; - s = h.maxIdx[n]; - l = h.open[n]; - m = h.close[n]; - r = h.minX[n]; - q = h.minY[n]; - p = h.maxX[n]; - o = h.maxY[n] - } else { - d = h.startIdx[n]; - v = h.endIdx[n + 1]; - l = h.open[n]; - m = h.close[n]; - if (h.minY[n] <= h.minY[n + 1]) { - g = h.minIdx[n]; - r = h.minX[n]; - q = h.minY[n] - } else { - g = h.minIdx[n + 1]; - r = h.minX[n + 1]; - q = h.minY[n + 1] - } - if (h.maxY[n] >= h.maxY[n + 1]) { - s = h.maxIdx[n]; - p = h.maxX[n]; - o = h.maxY[n] - } else { - s = h.maxIdx[n + 1]; - p = h.maxX[n + 1]; - o = h.maxY[n + 1] - } - } - h.startIdx[u] = d; - h.endIdx[u] = v; - h.minIdx[u] = g; - h.maxIdx[u] = s; - h.open[u] = l; - h.close[u] = m; - h.minX[u] = r; - h.minY[u] = q; - h.maxX[u] = p; - h.maxY[u] = o; - u++ - } - h.map["double_" + f] = [e, u] - } - }, - none: Ext.emptyFn, - aggregateData: function(h, a, r, c, d) { - var b = h.length, - e = [], - s = [], - f = [], - q = [], - j = [], - p = [], - n = [], - o = [], - m = [], - k = [], - g = { - startIdx: e, - endIdx: s, - minIdx: f, - maxIdx: q, - open: j, - minX: p, - minY: n, - maxX: o, - maxY: m, - close: k - }, - l; - for (l = 0; l < b; l++) { - e[l] = l; - s[l] = l; - f[l] = l; - q[l] = l; - j[l] = a[l]; - p[l] = h[l]; - n[l] = c[l]; - o[l] = h[l]; - m[l] = r[l]; - k[l] = d[l] - } - g.map = { - original: [0, b] - }; - if (b) { - this[this.getStrategy()](g, b, h, a, r, c, d) - } - return g - }, - binarySearchMin: function(c, g, a, e) { - var b = this.dataX; - if (e <= b[c.startIdx[0]]) { - return g - } - if (e >= b[c.startIdx[a - 1]]) { - return a - 1 - } - while (g + 1 < a) { - var d = (g + a) >> 1, - f = b[c.startIdx[d]]; - if (f === e) { - return d - } else { - if (f < e) { - g = d - } else { - a = d - } - } - } - return g - }, - binarySearchMax: function(c, g, a, e) { - var b = this.dataX; - if (e <= b[c.endIdx[0]]) { - return g - } - if (e >= b[c.endIdx[a - 1]]) { - return a - 1 - } - while (g + 1 < a) { - var d = (g + a) >> 1, - f = b[c.endIdx[d]]; - if (f === e) { - return d - } else { - if (f < e) { - g = d - } else { - a = d - } - } - } - return a - }, - constructor: function(a) { - this.initConfig(a) - }, - setData: function(d, a, b, c, e) { - if (!b) { - e = c = b = a - } - this.dataX = d; - this.dataOpen = a; - this.dataHigh = b; - this.dataLow = c; - this.dataClose = e; - if (d.length === b.length && d.length === c.length) { - this.cache = this.aggregateData(d, a, b, c, e) - } - }, - getAggregation: function(d, k, i) { - if (!this.cache) { - return null - } - var c = Infinity, - g = this.dataX[this.dataX.length - 1] - this.dataX[0], - l = this.cache.map, - m = l.original, - a, e, j, b, f, h; - for (a in l) { - e = l[a]; - j = e[1] - e[0] - 1; - b = g / j; - if (i <= b && b < c) { - m = e; - c = b - } - } - f = Math.max(this.binarySearchMin(this.cache, m[0], m[1], d), m[0]); - h = Math.min(this.binarySearchMax(this.cache, m[0], m[1], k) + 1, m[1]); - return { - data: this.cache, - start: f, - end: h - } - } -}); -Ext.define("Ext.chart.series.sprite.Aggregative", { - extend: "Ext.chart.series.sprite.Cartesian", - requires: ["Ext.draw.LimitedCache", "Ext.draw.SegmentTree"], - inheritableStatics: { - def: { - processors: { - dataHigh: "data", - dataLow: "data", - dataClose: "data" - }, - aliases: { - dataOpen: "dataY" - }, - defaults: { - dataHigh: null, - dataLow: null, - dataClose: null - } - } - }, - config: { - aggregator: {} - }, - applyAggregator: function(b, a) { - return Ext.factory(b, Ext.draw.SegmentTree, a) - }, - constructor: function() { - this.callParent(arguments) - }, - processDataY: function() { - var d = this, - b = d.attr, - e = b.dataHigh, - a = b.dataLow, - f = b.dataClose, - c = b.dataY; - d.callParent(arguments); - if (b.dataX && c && c.length > 0) { - if (e) { - d.getAggregator().setData(b.dataX, b.dataY, e, a, f) - } else { - d.getAggregator().setData(b.dataX, b.dataY) - } - } - }, - getGapWidth: function() { - return 1 - }, - renderClipped: function(b, c, g, f) { - var e = this, - d = Math.min(g[0], g[2]), - a = Math.max(g[0], g[2]), - h = e.getAggregator() && e.getAggregator().getAggregation(d, a, (a - d) / f[2] * e.getGapWidth()); - if (h) { - e.dataStart = h.data.startIdx[h.start]; - e.dataEnd = h.data.endIdx[h.end - 1]; - e.renderAggregates(h.data, h.start, h.end, b, c, g, f) - } - } -}); -Ext.define("Ext.chart.series.sprite.CandleStick", { - alias: "sprite.candlestickSeries", - extend: "Ext.chart.series.sprite.Aggregative", - inheritableStatics: { - def: { - processors: { - raiseStyle: function(b, a) { - return Ext.merge({}, a || {}, b) - }, - dropStyle: function(b, a) { - return Ext.merge({}, a || {}, b) - }, - barWidth: "number", - padding: "number", - ohlcType: "enums(candlestick,ohlc)" - }, - defaults: { - raiseStyle: { - strokeStyle: "green", - fillStyle: "green" - }, - dropStyle: { - strokeStyle: "red", - fillStyle: "red" - }, - planar: false, - barWidth: 15, - padding: 3, - lineJoin: "miter", - miterLimit: 5, - ohlcType: "candlestick" - }, - triggers: { - raiseStyle: "raiseStyle", - dropStyle: "dropStyle" - }, - updaters: { - raiseStyle: function() { - this.raiseTemplate && this.raiseTemplate.setAttributes(this.attr.raiseStyle) - }, - dropStyle: function() { - this.dropTemplate && this.dropTemplate.setAttributes(this.attr.dropStyle) - } - } - } - }, - candlestick: function(i, c, a, e, h, f, b) { - var d = Math.min(c, h), - g = Math.max(c, h); - i.moveTo(f, e); - i.lineTo(f, g); - i.moveTo(f + b, g); - i.lineTo(f + b, d); - i.lineTo(f - b, d); - i.lineTo(f - b, g); - i.closePath(); - i.moveTo(f, a); - i.lineTo(f, d) - }, - ohlc: function(b, d, e, a, f, c, g) { - b.moveTo(c, e); - b.lineTo(c, a); - b.moveTo(c, d); - b.lineTo(c - g, d); - b.moveTo(c, f); - b.lineTo(c + g, f) - }, - constructor: function() { - this.callParent(arguments); - this.raiseTemplate = new Ext.draw.sprite.Rect({ - parent: this - }); - this.dropTemplate = new Ext.draw.sprite.Rect({ - parent: this - }) - }, - getGapWidth: function() { - var a = this.attr, - b = a.barWidth, - c = a.padding; - return b + c - }, - renderAggregates: function(d, c, b, t, u, z) { - var D = this, - s = this.attr, - j = s.dataX, - v = s.matrix, - e = v.getXX(), - r = v.getYY(), - l = v.getDX(), - h = v.getDY(), - o = s.barWidth / e, - C, k = s.ohlcType, - f = Math.round(o * 0.5 * e), - a = d.open, - y = d.close, - B = d.maxY, - p = d.minY, - q = d.startIdx, - m, g, E, n, A, x, w = s.lineWidth * t.devicePixelRatio / 2; - w -= Math.floor(w); - u.save(); - C = this.raiseTemplate; - C.useAttributes(u, z); - u.beginPath(); - for (x = c; x < b; x++) { - if (a[x] <= y[x]) { - m = Math.round(a[x] * r + h) + w; - g = Math.round(B[x] * r + h) + w; - E = Math.round(p[x] * r + h) + w; - n = Math.round(y[x] * r + h) + w; - A = Math.round(j[q[x]] * e + l) + w; - D[k](u, m, g, E, n, A, f) - } - } - u.fillStroke(C.attr); - u.restore(); - u.save(); - C = this.dropTemplate; - C.useAttributes(u, z); - u.beginPath(); - for (x = c; x < b; x++) { - if (a[x] > y[x]) { - m = Math.round(a[x] * r + h) + w; - g = Math.round(B[x] * r + h) + w; - E = Math.round(p[x] * r + h) + w; - n = Math.round(y[x] * r + h) + w; - A = Math.round(j[q[x]] * e + l) + w; - D[k](u, m, g, E, n, A, f) - } - } - u.fillStroke(C.attr); - u.restore() - } -}); -Ext.define("Ext.chart.series.CandleStick", { - extend: "Ext.chart.series.Cartesian", - requires: ["Ext.chart.series.sprite.CandleStick"], - alias: "series.candlestick", - type: "candlestick", - seriesType: "candlestickSeries", - config: { - openField: null, - highField: null, - lowField: null, - closeField: null - }, - fieldCategoryY: ["Open", "High", "Low", "Close"], - themeColorCount: function() { - return 2 - } -}); -Ext.define("Ext.chart.series.Polar", { - extend: "Ext.chart.series.Series", - config: { - rotation: 0, - radius: null, - center: [0, 0], - offsetX: 0, - offsetY: 0, - showInLegend: true, - xField: null, - yField: null, - angleField: null, - radiusField: null, - xAxis: null, - yAxis: null - }, - directions: ["X", "Y"], - fieldCategoryX: ["X"], - fieldCategoryY: ["Y"], - deprecatedConfigs: { - field: "angleField", - lengthField: "radiusField" - }, - constructor: function(b) { - var c = this, - a = c.getConfigurator(), - e = a.configs, - d; - if (b) { - for (d in c.deprecatedConfigs) { - if (d in b && !(b in e)) { - Ext.raise("'" + d + "' config has been deprecated. Please use the '" + c.deprecatedConfigs[d] + "' config instead.") - } - } - } - c.callParent([b]) - }, - getXField: function() { - return this.getAngleField() - }, - updateXField: function(a) { - this.setAngleField(a) - }, - getYField: function() { - return this.getRadiusField() - }, - updateYField: function(a) { - this.setRadiusField(a) - }, - applyXAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - applyYAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - getXRange: function() { - return [this.dataRange[0], this.dataRange[2]] - }, - getYRange: function() { - return [this.dataRange[1], this.dataRange[3]] - }, - themeColorCount: function() { - var c = this, - a = c.getStore(), - b = a && a.getCount() || 0; - return b - }, - isStoreDependantColorCount: true, - getDefaultSpriteConfig: function() { - return { - type: this.seriesType, - renderer: this.getRenderer(), - centerX: 0, - centerY: 0, - rotationCenterX: 0, - rotationCenterY: 0 - } - }, - applyRotation: function(a) { - return Ext.draw.sprite.AttributeParser.angle(a) - }, - updateRotation: function(a) { - var b = this.getSprites(); - if (b && b[0]) { - b[0].setAttributes({ - baseRotation: a - }) - } - } -}); -Ext.define("Ext.chart.series.Gauge", { - alias: "series.gauge", - extend: "Ext.chart.series.Polar", - type: "gauge", - seriesType: "pieslice", - requires: ["Ext.draw.sprite.Sector"], - config: { - needle: false, - needleLength: 90, - needleWidth: 4, - donut: 30, - showInLegend: false, - value: null, - colors: null, - sectors: null, - minimum: 0, - maximum: 100, - rotation: 0, - totalAngle: Math.PI / 2, - rect: [0, 0, 1, 1], - center: [0.5, 0.75], - radius: 0.5, - wholeDisk: false - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - updateNeedle: function(b) { - var a = this, - d = a.getSprites(), - c = a.valueToAngle(a.getValue()); - if (d && d.length) { - d[0].setAttributes({ - startAngle: (b ? c : 0), - endAngle: c, - strokeOpacity: (b ? 1 : 0), - lineWidth: (b ? a.getNeedleWidth() : 0) - }); - a.doUpdateStyles() - } - }, - themeColorCount: function() { - var c = this, - a = c.getStore(), - b = a && a.getCount() || 0; - return b + (c.getNeedle() ? 0 : 1) - }, - updateColors: function(a, b) { - var f = this, - h = f.getSectors(), - j = h && h.length, - e = f.getSprites(), - c = Ext.Array.clone(a), - g = a && a.length, - d; - if (!g || !a[0]) { - return - } - for (d = 0; d < j; d++) { - c[d + 1] = h[d].color || c[d + 1] || a[d % g] - } - if (e.length) { - e[0].setAttributes({ - strokeStyle: c[0] - }) - } - this.setSubStyle({ - fillStyle: c, - strokeStyle: c - }); - this.doUpdateStyles() - }, - updateRect: function(f) { - var d = this.getWholeDisk(), - c = d ? Math.PI : this.getTotalAngle() / 2, - g = this.getDonut() / 100, - e, b, a; - if (c <= Math.PI / 2) { - e = 2 * Math.sin(c); - b = 1 - g * Math.cos(c) - } else { - e = 2; - b = 1 - Math.cos(c) - } - a = Math.min(f[2] / e, f[3] / b); - this.setRadius(a); - this.setCenter([f[2] / 2, a + (f[3] - b * a) / 2]) - }, - updateCenter: function(a) { - this.setStyle({ - centerX: a[0], - centerY: a[1], - rotationCenterX: a[0], - rotationCenterY: a[1] - }); - this.doUpdateStyles() - }, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a - (this.getTotalAngle() + Math.PI) / 2 - }); - this.doUpdateStyles() - }, - doUpdateShape: function(b, f) { - var a, d = this.getSectors(), - c = (d && d.length) || 0, - e = this.getNeedleLength() / 100; - a = [b * e, b]; - while (c--) { - a.push(b) - } - this.setSubStyle({ - endRho: a, - startRho: b / 100 * f - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - var b = this.getDonut(); - this.doUpdateShape(a, b) - }, - updateDonut: function(b) { - var a = this.getRadius(); - this.doUpdateShape(a, b) - }, - valueToAngle: function(a) { - a = this.applyValue(a); - return this.getTotalAngle() * (a - this.getMinimum()) / (this.getMaximum() - this.getMinimum()) - }, - applyValue: function(a) { - return Math.min(this.getMaximum(), Math.max(a, this.getMinimum())) - }, - updateValue: function(b) { - var a = this, - c = a.getNeedle(), - e = a.valueToAngle(b), - d = a.getSprites(); - d[0].rendererData.value = b; - d[0].setAttributes({ - startAngle: (c ? e : 0), - endAngle: e - }); - a.doUpdateStyles() - }, - processData: function() { - var f = this, - j = f.getStore(), - a, d, h, b, g, e = j && j.first(), - c, i; - if (e) { - c = f.getXField(); - if (c) { - i = e.get(c) - } - } - if (a = f.getXAxis()) { - d = a.getMinimum(); - h = a.getMaximum(); - b = a.getSprites()[0].fx; - g = b.getDuration(); - b.setDuration(0); - if (Ext.isNumber(d)) { - f.setMinimum(d) - } else { - a.setMinimum(f.getMinimum()) - } - if (Ext.isNumber(h)) { - f.setMaximum(h) - } else { - a.setMaximum(f.getMaximum()) - } - b.setDuration(g) - } - if (!Ext.isNumber(i)) { - i = f.getMinimum() - } - f.setValue(i) - }, - getDefaultSpriteConfig: function() { - return { - type: this.seriesType, - renderer: this.getRenderer(), - fx: { - customDurations: { - translationX: 0, - translationY: 0, - rotationCenterX: 0, - rotationCenterY: 0, - centerX: 0, - centerY: 0, - startRho: 0, - endRho: 0, - baseRotation: 0 - } - } - } - }, - normalizeSectors: function(f) { - var d = this, - c = (f && f.length) || 0, - b, e, g, a; - if (c) { - for (b = 0; b < c; b++) { - e = f[b]; - if (typeof e === "number") { - f[b] = { - start: (b > 0 ? f[b - 1].end : d.getMinimum()), - end: Math.min(e, d.getMaximum()) - }; - if (b == (c - 1) && f[b].end < d.getMaximum()) { - f[b + 1] = { - start: f[b].end, - end: d.getMaximum() - } - } - } else { - if (typeof e.start === "number") { - g = Math.max(e.start, d.getMinimum()) - } else { - g = (b > 0 ? f[b - 1].end : d.getMinimum()) - } - if (typeof e.end === "number") { - a = Math.min(e.end, d.getMaximum()) - } else { - a = d.getMaximum() - } - f[b].start = g; - f[b].end = a - } - } - } else { - f = [{ - start: d.getMinimum(), - end: d.getMaximum() - }] - } - return f - }, - getSprites: function() { - var j = this, - m = j.getStore(), - l = j.getValue(), - c, g; - if (!m && !Ext.isNumber(l)) { - return [] - } - var h = j.getChart(), - b = j.getAnimation() || h && h.getAnimation(), - f = j.sprites, - k = 0, - o, n, e, d, a = []; - if (f && f.length) { - f[0].setAnimation(b); - return f - } - d = { - store: m, - field: j.getXField(), - angleField: j.getXField(), - value: l, - series: j - }; - o = j.createSprite(); - o.setAttributes({ - zIndex: 10 - }, true); - o.rendererData = d; - o.rendererIndex = k++; - a.push(j.getNeedleWidth()); - j.getLabel().getTemplate().setField(true); - n = j.normalizeSectors(j.getSectors()); - for (c = 0, g = n.length; c < g; c++) { - e = { - startAngle: j.valueToAngle(n[c].start), - endAngle: j.valueToAngle(n[c].end), - label: n[c].label, - fillStyle: n[c].color, - strokeOpacity: 0, - doCallout: false, - labelOverflowPadding: -1 - }; - Ext.apply(e, n[c].style); - o = j.createSprite(); - o.rendererData = d; - o.rendererIndex = k++; - o.setAttributes(e, true); - a.push(e.lineWidth) - } - j.setSubStyle({ - lineWidth: a - }); - j.doUpdateStyles(); - return f - } -}); -Ext.define("Ext.chart.series.sprite.Line", { - alias: "sprite.lineSeries", - extend: "Ext.chart.series.sprite.Aggregative", - inheritableStatics: { - def: { - processors: { - smooth: "bool", - fillArea: "bool", - step: "bool", - preciseStroke: "bool", - xAxis: "default", - yCap: "default" - }, - defaults: { - smooth: false, - fillArea: false, - step: false, - preciseStroke: true, - xAxis: null, - yCap: Math.pow(2, 20), - yJump: 50 - }, - triggers: { - dataX: "dataX,bbox,smooth", - dataY: "dataY,bbox,smooth", - smooth: "smooth" - }, - updaters: { - smooth: function(a) { - var c = a.dataX, - b = a.dataY; - if (a.smooth && c && b && c.length > 2 && b.length > 2) { - this.smoothX = Ext.draw.Draw.spline(c); - this.smoothY = Ext.draw.Draw.spline(b) - } else { - delete this.smoothX; - delete this.smoothY - } - } - } - } - }, - list: null, - updatePlainBBox: function(d) { - var b = this.attr, - c = Math.min(0, b.dataMinY), - a = Math.max(0, b.dataMaxY); - d.x = b.dataMinX; - d.y = c; - d.width = b.dataMaxX - b.dataMinX; - d.height = a - c - }, - drawStrip: function(a, c) { - a.moveTo(c[0], c[1]); - for (var b = 2, d = c.length; b < d; b += 2) { - a.lineTo(c[b], c[b + 1]) - } - }, - drawStraightStroke: function(p, q, e, d, u, h) { - var w = this, - o = w.attr, - n = o.renderer, - g = o.step, - a = true, - l = { - type: "line", - smooth: false, - step: g - }, - m = [], - l, z, v, f, k, j, t, c, s, b, r; - for (r = 3; r < u.length; r += 3) { - t = u[r - 3]; - c = u[r - 2]; - k = u[r]; - j = u[r + 1]; - s = u[r + 3]; - b = u[r + 4]; - if (n) { - l.x = k; - l.y = j; - l.x0 = t; - l.y0 = c; - v = [w, l, w.rendererData, e + r / 3]; - z = Ext.callback(n, null, v, 0, w.getSeries()) - } - if (Ext.isNumber(k + j + t + c)) { - if (a) { - q.beginPath(); - q.moveTo(t, c); - m.push(t, c); - f = t; - a = false - } - } else { - continue - } - if (g) { - q.lineTo(k, c); - m.push(k, c) - } - q.lineTo(k, j); - m.push(k, j); - if (z || !(Ext.isNumber(s + b))) { - q.save(); - Ext.apply(q, z); - if (o.fillArea) { - q.lineTo(k, h); - q.lineTo(f, h); - q.closePath(); - q.fill() - } - q.beginPath(); - w.drawStrip(q, m); - m = []; - q.stroke(); - q.restore(); - q.beginPath(); - a = true - } - } - }, - calculateScale: function(c, a) { - var b = 0, - d = c; - while (d < a && c > 0) { - b++; - d += c >> b - } - return Math.pow(2, b > 0 ? b - 1 : b) - }, - drawSmoothStroke: function(u, v, c, b, C, f) { - var G = this, - t = G.attr, - d = t.step, - z = t.matrix, - s = t.renderer, - e = z.getXX(), - p = z.getYY(), - m = z.getDX(), - k = z.getDY(), - r = G.smoothX, - q = G.smoothY, - I = G.calculateScale(t.dataX.length, b), - o, F, n, E, h, g, B, a, A, w, H, D, l = { - type: "line", - smooth: true, - step: d - }; - v.beginPath(); - v.moveTo(r[c * 3] * e + m, q[c * 3] * p + k); - for (A = 0, w = c * 3 + 1; A < C.length - 3; A += 3, w += 3 * I) { - o = r[w] * e + m; - F = q[w] * p + k; - n = r[w + 1] * e + m; - E = q[w + 1] * p + k; - h = u.roundPixel(C[A + 3]); - g = C[A + 4]; - B = u.roundPixel(C[A]); - a = C[A + 1]; - if (s) { - l.x0 = B; - l.y0 = a; - l.cx1 = o; - l.cy1 = F; - l.cx2 = n; - l.cy2 = E; - l.x = h; - l.y = g; - D = [G, l, G.rendererData, c + A / 3 + 1]; - H = Ext.callback(s, null, D, 0, G.getSeries()); - v.save(); - Ext.apply(v, H) - } - if (t.fillArea) { - v.moveTo(B, a); - v.bezierCurveTo(o, F, n, E, h, g); - v.lineTo(h, f); - v.lineTo(B, f); - v.lineTo(B, a); - v.closePath(); - v.fill(); - v.beginPath() - } - v.moveTo(B, a); - v.bezierCurveTo(o, F, n, E, h, g); - v.stroke(); - v.moveTo(B, a); - v.closePath(); - if (s) { - v.restore() - } - v.beginPath(); - v.moveTo(h, g) - } - v.beginPath() - }, - drawLabel: function(k, i, h, o, a) { - var q = this, - n = q.attr, - e = q.getMarker("labels"), - d = e.getTemplate(), - m = q.labelCfg || (q.labelCfg = {}), - c = q.surfaceMatrix, - g, f, j = n.labelOverflowPadding, - l, b, r, p, s; - m.x = c.x(i, h); - m.y = c.y(i, h); - if (n.flipXY) { - m.rotationRads = Math.PI * 0.5 - } else { - m.rotationRads = 0 - } - m.text = k; - if (d.attr.renderer) { - p = [k, e, m, q.rendererData, o]; - r = Ext.callback(d.attr.renderer, null, p, 0, q.getSeries()); - if (typeof r === "string") { - m.text = r - } else { - if (typeof r === "object") { - if ("text" in r) { - m.text = r.text - } - s = true - } - } - } - b = q.getMarkerBBox("labels", o, true); - if (!b) { - q.putMarker("labels", m, o); - b = q.getMarkerBBox("labels", o, true) - } - l = b.height / 2; - g = i; - switch (d.attr.display) { - case "under": - f = h - l - j; - break; - case "rotate": - g += j; - f = h - j; - m.rotationRads = -Math.PI / 4; - break; - default: - f = h + l + j - } - m.x = c.x(g, f); - m.y = c.y(g, f); - if (s) { - Ext.apply(m, r) - } - q.putMarker("labels", m, o) - }, - drawMarker: function(j, h, d) { - var g = this, - e = g.attr, - f = e.renderer, - c = g.surfaceMatrix, - b = {}, - i, a; - if (f && g.getMarker("markers")) { - b.type = "marker"; - b.x = j; - b.y = h; - a = [g, b, g.rendererData, d]; - i = Ext.callback(f, null, a, 0, g.getSeries()); - if (i) { - Ext.apply(b, i) - } - } - b.translationX = c.x(j, h); - b.translationY = c.y(j, h); - delete b.x; - delete b.y; - g.putMarker("markers", b, d, !f) - }, - drawStroke: function(a, c, h, b, f, e) { - var d = this, - g = d.attr.smooth && d.smoothX && d.smoothY; - if (g) { - d.drawSmoothStroke(a, c, h, b, f, e) - } else { - d.drawStraightStroke(a, c, h, b, f, e) - } - }, - renderAggregates: function(B, w, l, N, o, I, D) { - var m = this, - k = m.attr, - s = k.dataX, - r = k.dataY, - h = k.labels, - v = k.xAxis, - a = k.yCap, - g = k.smooth && m.smoothX && m.smoothY, - d = h && m.getMarker("labels"), - t = m.getMarker("markers"), - E = k.matrix, - u = N.devicePixelRatio, - C = E.getXX(), - f = E.getYY(), - c = E.getDX(), - b = E.getDY(), - q = m.list || (m.list = []), - F = B.minX, - e = B.maxX, - j = B.minY, - P = B.maxY, - U = B.startIdx, - S = true, - Q, T, L, K, R, G; - m.rendererData = { - store: m.getStore() - }; - q.length = 0; - for (R = w; R < l; R++) { - var O = F[R], - p = e[R], - M = j[R], - n = P[R]; - if (O < p) { - q.push(O * C + c, M * f + b, U[R]); - q.push(p * C + c, n * f + b, U[R]) - } else { - if (O > p) { - q.push(p * C + c, n * f + b, U[R]); - q.push(O * C + c, M * f + b, U[R]) - } else { - q.push(p * C + c, n * f + b, U[R]) - } - } - } - if (q.length) { - for (R = 0; R < q.length; R += 3) { - L = q[R]; - K = q[R + 1]; - if (Ext.isNumber(L + K)) { - if (K > a) { - K = a - } else { - if (K < -a) { - K = -a - } - } - q[R + 1] = K - } else { - S = false; - continue - } - G = q[R + 2]; - if (t) { - m.drawMarker(L, K, G) - } - if (d && h[G]) { - m.drawLabel(h[G], L, K, G, D) - } - } - m.isContinuousLine = S; - if (g && !S) { - Ext.raise("Line smoothing in only supported for gapless data, where all data points are finite numbers.") - } - if (v) { - T = v.getAlignment() === "vertical"; - if (Ext.isNumber(v.floatingAtCoord)) { - Q = (T ? D[2] : D[3]) - v.floatingAtCoord - } else { - Q = T ? D[0] : D[1] - } - } else { - Q = k.flipXY ? D[0] : D[1] - } - if (k.preciseStroke) { - if (k.fillArea) { - o.fill() - } - if (k.transformFillStroke) { - k.inverseMatrix.toContext(o) - } - m.drawStroke(N, o, w, l, q, Q); - if (k.transformFillStroke) { - k.matrix.toContext(o) - } - o.stroke() - } else { - m.drawStroke(N, o, w, l, q, Q); - if (S && g && k.fillArea && !k.renderer) { - var A = s[s.length - 1] * C + c + u, - z = r[r.length - 1] * f + b, - J = s[0] * C + c - u, - H = r[0] * f + b; - o.lineTo(A, z); - o.lineTo(A, Q - k.lineWidth); - o.lineTo(J, Q - k.lineWidth); - o.lineTo(J, H) - } - if (k.transformFillStroke) { - k.matrix.toContext(o) - } - if (k.fillArea) { - o.fillStroke(k, true) - } else { - o.stroke(true) - } - } - } - } -}); -Ext.define("Ext.chart.series.Line", { - extend: "Ext.chart.series.Cartesian", - alias: "series.line", - type: "line", - seriesType: "lineSeries", - requires: ["Ext.chart.series.sprite.Line"], - config: { - selectionTolerance: 20, - smooth: false, - step: false, - fill: undefined, - aggregator: { - strategy: "double" - } - }, - defaultSmoothness: 3, - overflowBuffer: 1, - themeMarkerCount: function() { - return 1 - }, - getDefaultSpriteConfig: function() { - var d = this, - e = d.callParent(arguments), - c = Ext.apply({}, d.getStyle()), - b, a = false; - if (typeof d.config.fill != "undefined") { - if (d.config.fill) { - a = true; - if (typeof c.fillStyle == "undefined") { - if (typeof c.strokeStyle == "undefined") { - b = d.getStyleWithTheme(); - c.fillStyle = b.fillStyle; - c.strokeStyle = b.strokeStyle - } else { - c.fillStyle = c.strokeStyle - } - } - } - } else { - if (c.fillStyle) { - a = true - } - } - if (!a) { - delete c.fillStyle - } - c = Ext.apply(e || {}, c); - return Ext.apply(c, { - fillArea: a, - step: d.config.step, - smooth: d.config.smooth, - selectionTolerance: d.config.selectionTolerance - }) - }, - updateStep: function(b) { - var a = this.getSprites()[0]; - if (a && a.attr.step !== b) { - a.setAttributes({ - step: b - }) - } - }, - updateFill: function(b) { - var a = this.getSprites()[0]; - if (a && a.attr.fillArea !== b) { - a.setAttributes({ - fillArea: b - }) - } - }, - updateSmooth: function(a) { - var b = this.getSprites()[0]; - if (b && b.attr.smooth !== a) { - b.setAttributes({ - smooth: a - }) - } - } -}); -Ext.define("Ext.chart.series.sprite.PieSlice", { - extend: "Ext.draw.sprite.Sector", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - alias: "sprite.pieslice", - inheritableStatics: { - def: { - processors: { - doCallout: "bool", - label: "string", - rotateLabels: "bool", - labelOverflowPadding: "number", - renderer: "default" - }, - defaults: { - doCallout: true, - rotateLabels: true, - label: "", - labelOverflowPadding: 10, - renderer: null - } - } - }, - config: { - rendererData: null, - rendererIndex: 0, - series: null - }, - setGradientBBox: function(q, k) { - var j = this, - i = j.attr, - g = (i.fillStyle && i.fillStyle.isGradient) || (i.strokeStyle && i.strokeStyle.isGradient); - if (g && !i.constrainGradients) { - var b = j.getMidAngle(), - d = i.margin, - e = i.centerX, - c = i.centerY, - a = i.endRho, - l = i.matrix, - o = l.getScaleX(), - n = l.getScaleY(), - m = o * a, - f = n * a, - p = { - width: m + m, - height: f + f - }; - if (d) { - e += d * Math.cos(b); - c += d * Math.sin(b) - } - p.x = l.x(e, c) - m; - p.y = l.y(e, c) - f; - q.setGradientBBox(p) - } else { - j.callParent([q, k]) - } - }, - render: function(b, c, g, f) { - var e = this, - a = e.attr, - h = {}, - d; - if (a.renderer) { - h = { - type: "sector", - text: a.text, - centerX: a.centerX, - centerY: a.centerY, - margin: a.margin, - startAngle: Math.min(a.startAngle, a.endAngle), - endAngle: Math.max(a.startAngle, a.endAngle), - startRho: Math.min(a.startRho, a.endRho), - endRho: Math.max(a.startRho, a.endRho) - }; - d = Ext.callback(a.renderer, null, [e, h, e.rendererData, e.rendererIndex], 0, e.getSeries()); - e.setAttributes(d); - e.useAttributes(c, g) - } - e.callParent([b, c, g, f]); - if (a.label && e.getMarker("labels")) { - e.placeLabel() - } - }, - placeLabel: function() { - var z = this, - s = z.attr, - r = s.attributeId, - t = Math.min(s.startAngle, s.endAngle), - p = Math.max(s.startAngle, s.endAngle), - k = (t + p) * 0.5, - n = s.margin, - h = s.centerX, - g = s.centerY, - f = Math.sin(k), - c = Math.cos(k), - v = Math.min(s.startRho, s.endRho) + n, - m = Math.max(s.startRho, s.endRho) + n, - l = (v + m) * 0.5, - b = z.surfaceMatrix, - o = z.labelCfg || (z.labelCfg = {}), - e = z.getMarker("labels"), - d = e.getTemplate(), - a = d.getCalloutLine(), - q = a && a.length || 40, - u, j, i, A, w; - b.appendMatrix(s.matrix); - o.text = s.label; - j = h + c * l; - i = g + f * l; - o.x = b.x(j, i); - o.y = b.y(j, i); - j = h + c * m; - i = g + f * m; - o.calloutStartX = b.x(j, i); - o.calloutStartY = b.y(j, i); - j = h + c * (m + q); - i = g + f * (m + q); - o.calloutPlaceX = b.x(j, i); - o.calloutPlaceY = b.y(j, i); - if (!s.rotateLabels) { - o.rotationRads = 0 - } else { - switch (d.attr.orientation) { - case "horizontal": - o.rotationRads = k + Math.atan2(b.y(1, 0) - b.y(0, 0), b.x(1, 0) - b.x(0, 0)) + Math.PI / 2; - break; - case "vertical": - o.rotationRads = k + Math.atan2(b.y(1, 0) - b.y(0, 0), b.x(1, 0) - b.x(0, 0)); - break - } - } - o.calloutColor = (a && a.color) || z.attr.fillStyle; - if (a) { - if (a.width) { - o.calloutWidth = a.width - } - } else { - o.calloutHasLine = false - } - o.globalAlpha = s.globalAlpha * s.fillOpacity; - o.hidden = (s.startAngle == s.endAngle); - if (d.attr.renderer) { - w = [z.attr.label, e, o, z.rendererData, z.rendererIndex]; - A = Ext.callback(d.attr.renderer, null, w, 0, z.getSeries()); - if (typeof A === "string") { - o.text = A - } else { - Ext.apply(o, A) - } - } - z.putMarker("labels", o, r); - u = z.getMarkerBBox("labels", r, true); - if (u) { - if (s.doCallout) { - if (d.attr.display === "outside") { - z.putMarker("labels", { - callout: 1 - }, r) - } else { - if (d.attr.display === "inside") { - z.putMarker("labels", { - callout: 0 - }, r) - } else { - z.putMarker("labels", { - callout: 1 - z.sliceContainsLabel(s, u) - }, r) - } - } - } else { - z.putMarker("labels", { - globalAlpha: z.sliceContainsLabel(s, u) - }, r) - } - } - }, - sliceContainsLabel: function(d, f) { - var e = d.labelOverflowPadding, - h = (d.endRho + d.startRho) / 2, - g = h + (f.width + e) / 2, - i = h - (f.width + e) / 2, - j, c, b, a; - if (e < 0) { - return 1 - } - if (f.width + e * 2 > (d.endRho - d.startRho)) { - return 0 - } - c = Math.sqrt(d.endRho * d.endRho - g * g); - b = Math.sqrt(d.endRho * d.endRho - i * i); - j = Math.abs(d.endAngle - d.startAngle); - a = (j > Math.PI / 2 ? i : Math.abs(Math.tan(j / 2)) * i); - if (f.height + e * 2 > Math.min(c, b, a) * 2) { - return 0 - } - return 1 - } -}); -Ext.define("Ext.chart.series.Pie", { - extend: "Ext.chart.series.Polar", - requires: ["Ext.chart.series.sprite.PieSlice"], - type: "pie", - alias: "series.pie", - seriesType: "pieslice", - config: { - donut: 0, - rotation: 0, - clockwise: true, - totalAngle: 2 * Math.PI, - hidden: [], - radiusFactor: 100, - highlightCfg: { - margin: 20 - }, - style: {} - }, - directions: ["X"], - applyLabel: function(a, b) { - if (Ext.isObject(a) && !Ext.isString(a.orientation)) { - Ext.apply(a = Ext.Object.chain(a), { - orientation: "vertical" - }) - } - return this.callParent([a, b]) - }, - updateLabelData: function() { - var h = this, - j = h.getStore(), - g = j.getData().items, - e = h.getSprites(), - a = h.getLabel().getTemplate().getField(), - d = h.getHidden(), - b, f, c, k; - if (e.length && a) { - c = []; - for (b = 0, f = g.length; b < f; b++) { - c.push(g[b].get(a)) - } - for (b = 0, f = e.length; b < f; b++) { - k = e[b]; - k.setAttributes({ - label: c[b] - }); - k.putMarker("labels", { - hidden: d[b] - }, k.attr.attributeId) - } - } - }, - coordinateX: function() { - var t = this, - f = t.getStore(), - q = f.getData().items, - c = q.length, - b = t.getXField(), - e = t.getYField(), - l, a = 0, - m, k, s = 0, - o = t.getHidden(), - d = [], - p, g = 0, - h = t.getTotalAngle(), - r = t.getClockwise() ? 1 : -1, - j = t.getSprites(), - n; - if (!j) { - return - } - for (p = 0; p < c; p++) { - l = Math.abs(Number(q[p].get(b))) || 0; - k = e && Math.abs(Number(q[p].get(e))) || 0; - if (!o[p]) { - a += l; - if (k > s) { - s = k - } - } - d[p] = a; - if (p >= o.length) { - o[p] = false - } - } - o.length = c; - t.maxY = s; - if (a !== 0) { - m = h / a - } - for (p = 0; p < c; p++) { - j[p].setAttributes({ - startAngle: g, - endAngle: g = (m ? r * d[p] * m : 0), - globalAlpha: 1 - }) - } - if (c < t.sprites.length) { - for (p = c; p < t.sprites.length; p++) { - n = t.sprites[p]; - n.getMarker("labels").clear(n.getId()); - n.releaseMarker("labels"); - n.destroy() - } - t.sprites.length = c - } - for (p = c; p < t.sprites.length; p++) { - j[p].setAttributes({ - startAngle: h, - endAngle: h, - globalAlpha: 0 - }) - } - t.getChart().refreshLegendStore() - }, - updateCenter: function(a) { - this.setStyle({ - translationX: a[0] + this.getOffsetX(), - translationY: a[1] + this.getOffsetY() - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - this.setStyle({ - startRho: a * this.getDonut() * 0.01, - endRho: a * this.getRadiusFactor() * 0.01 - }); - this.doUpdateStyles() - }, - getStyleByIndex: function(c) { - var g = this, - j = g.getStore(), - k = j.getAt(c), - f = g.getYField(), - d = g.getRadius(), - a = {}, - e, b, h; - if (k) { - h = f && Math.abs(Number(k.get(f))) || 0; - e = d * g.getDonut() * 0.01; - b = d * g.getRadiusFactor() * 0.01; - a = g.callParent([c]); - a.startRho = e; - a.endRho = g.maxY ? (e + (b - e) * h / g.maxY) : b - } - return a - }, - updateDonut: function(b) { - var a = this.getRadius(); - this.setStyle({ - startRho: a * b * 0.01, - endRho: a * this.getRadiusFactor() * 0.01 - }); - this.doUpdateStyles() - }, - rotationOffset: -Math.PI / 2, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a + this.rotationOffset - }); - this.doUpdateStyles() - }, - updateTotalAngle: function(a) { - this.processData() - }, - getSprites: function() { - var k = this, - h = k.getChart(), - n = k.getStore(); - if (!h || !n) { - return [] - } - k.getColors(); - k.getSubStyle(); - var j = n.getData().items, - b = j.length, - d = k.getAnimation() || h && h.getAnimation(), - g = k.sprites, - o, l = 0, - f, e, c = false, - m = k.getLabel(), - a = m.getTemplate(); - f = { - store: n, - field: k.getXField(), - angleField: k.getXField(), - radiusField: k.getYField(), - series: k - }; - for (e = 0; e < b; e++) { - o = g[e]; - if (!o) { - o = k.createSprite(); - if (k.getHighlight()) { - o.config.highlight = k.getHighlight(); - o.addModifier("highlight", true) - } - if (a.getField()) { - a.setAttributes({ - labelOverflowPadding: k.getLabelOverflowPadding() - }); - a.fx.setCustomDurations({ - callout: 200 - }) - } - o.setAttributes(k.getStyleByIndex(e)); - o.rendererData = f; - o.rendererIndex = l++; - c = true - } - o.setAnimation(d) - } - if (c) { - k.doUpdateStyles() - } - return k.sprites - }, - betweenAngle: function(d, f, c) { - var e = Math.PI * 2, - g = this.rotationOffset; - if (!this.getClockwise()) { - d *= -1; - f *= -1; - c *= -1; - f -= g; - c -= g - } else { - f += g; - c += g - } - d -= f; - c -= f; - d %= e; - c %= e; - d += e; - c += e; - d %= e; - c %= e; - return d < c || c === 0 - }, - getItemForAngle: function(a) { - var h = this, - f = h.getSprites(), - d; - a %= Math.PI * 2; - while (a < 0) { - a += Math.PI * 2 - } - if (f) { - var j = h.getStore(), - g = j.getData().items, - c = h.getHidden(), - b = 0, - e = j.getCount(); - for (; b < e; b++) { - if (!c[b]) { - d = f[b].attr; - if (d.startAngle <= a && d.endAngle >= a) { - return { - series: h, - sprite: f[b], - index: b, - record: g[b], - field: h.getXField() - } - } - } - } - } - return null - }, - getItemForPoint: function(f, e) { - var t = this, - c = t.getSprites(); - if (c) { - var s = t.getCenter(), - q = t.getOffsetX(), - p = t.getOffsetY(), - j = f - s[0] + q, - h = e - s[1] + p, - b = t.getStore(), - g = t.getDonut(), - o = b.getData().items, - r = Math.atan2(h, j) - t.getRotation(), - a = Math.sqrt(j * j + h * h), - l = t.getRadius() * g * 0.01, - m = t.getHidden(), - n, d, k; - for (n = 0, d = o.length; n < d; n++) { - if (!m[n]) { - k = c[n].attr; - if (a >= l + k.margin && a <= k.endRho + k.margin) { - if (t.betweenAngle(r, k.startAngle, k.endAngle)) { - return { - series: t, - sprite: c[n], - index: n, - record: o[n], - field: t.getXField() - } - } - } - } - } - return null - } - }, - provideLegendInfo: function(f) { - var h = this, - j = h.getStore(); - if (j) { - var g = j.getData().items, - b = h.getLabel().getTemplate().getField(), - c = h.getXField(), - e = h.getHidden(), - d, a, k; - for (d = 0; d < g.length; d++) { - a = h.getStyleByIndex(d); - k = a.fillStyle; - if (Ext.isObject(k)) { - k = k.stops && k.stops[0].color - } - f.push({ - name: b ? String(g[d].get(b)) : c + " " + d, - mark: k || a.strokeStyle || "black", - disabled: e[d], - series: h.getId(), - index: d - }) - } - } - } -}); -Ext.define("Ext.chart.series.sprite.Pie3DPart", { - extend: "Ext.draw.sprite.Path", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - alias: "sprite.pie3dPart", - inheritableStatics: { - def: { - processors: { - centerX: "number", - centerY: "number", - startAngle: "number", - endAngle: "number", - startRho: "number", - endRho: "number", - margin: "number", - thickness: "number", - bevelWidth: "number", - distortion: "number", - baseColor: "color", - colorSpread: "number", - baseRotation: "number", - part: "enums(top,bottom,start,end,innerFront,innerBack,outerFront,outerBack)", - label: "string" - }, - aliases: { - rho: "endRho" - }, - triggers: { - centerX: "path,bbox", - centerY: "path,bbox", - startAngle: "path,partZIndex", - endAngle: "path,partZIndex", - startRho: "path", - endRho: "path,bbox", - margin: "path,bbox", - thickness: "path", - distortion: "path", - baseRotation: "path,partZIndex", - baseColor: "partZIndex,partColor", - colorSpread: "partColor", - part: "path,partZIndex", - globalAlpha: "canvas,alpha" - }, - defaults: { - centerX: 0, - centerY: 0, - startAngle: Math.PI * 2, - endAngle: Math.PI * 2, - startRho: 0, - endRho: 150, - margin: 0, - thickness: 35, - distortion: 0.5, - baseRotation: 0, - baseColor: "white", - colorSpread: 1, - miterLimit: 1, - bevelWidth: 5, - strokeOpacity: 0, - part: "top", - label: "" - }, - updaters: { - alpha: "alphaUpdater", - partColor: "partColorUpdater", - partZIndex: "partZIndexUpdater" - } - } - }, - bevelParams: [], - constructor: function(a) { - this.callParent([a]); - this.bevelGradient = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: "rgba(255,255,255,0)" - }, { - offset: 0.7, - color: "rgba(255,255,255,0.6)" - }, { - offset: 1, - color: "rgba(255,255,255,0)" - }] - }) - }, - alphaUpdater: function(a) { - var d = this, - c = a.globalAlpha, - b = d.oldOpacity; - if (c !== b && (c === 1 || b === 1)) { - d.scheduleUpdater(a, "path", ["globalAlpha"]); - d.oldOpacity = c - } - }, - partColorUpdater: function(a) { - var d = Ext.draw.Color.fly(a.baseColor), - b = d.toString(), - e = a.colorSpread, - c; - switch (a.part) { - case "top": - c = new Ext.draw.gradient.Radial({ - start: { - x: 0, - y: 0, - r: 0 - }, - end: { - x: 0, - y: 0, - r: 1 - }, - stops: [{ - offset: 0, - color: d.createLighter(0.1 * e) - }, { - offset: 1, - color: d.createDarker(0.1 * e) - }] - }); - break; - case "bottom": - c = new Ext.draw.gradient.Radial({ - start: { - x: 0, - y: 0, - r: 0 - }, - end: { - x: 0, - y: 0, - r: 1 - }, - stops: [{ - offset: 0, - color: d.createDarker(0.2 * e) - }, { - offset: 1, - color: d.toString() - }] - }); - break; - case "outerFront": - case "outerBack": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.15 * e).toString() - }, { - offset: 0.3, - color: b - }, { - offset: 0.8, - color: d.createLighter(0.2 * e).toString() - }, { - offset: 1, - color: d.createDarker(0.25 * e).toString() - }] - }); - break; - case "start": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 1, - color: d.createLighter(0.2 * e).toString() - }] - }); - break; - case "end": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 1, - color: d.createLighter(0.2 * e).toString() - }] - }); - break; - case "innerFront": - case "innerBack": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 0.2, - color: d.createLighter(0.2 * e).toString() - }, { - offset: 0.7, - color: b - }, { - offset: 1, - color: d.createDarker(0.1 * e).toString() - }] - }); - break - } - a.fillStyle = c; - a.canvasAttributes.fillStyle = c - }, - partZIndexUpdater: function(a) { - var c = Ext.draw.sprite.AttributeParser.angle, - e = a.baseRotation, - d = a.startAngle, - b = a.endAngle, - f; - switch (a.part) { - case "top": - a.zIndex = 5; - break; - case "outerFront": - d = c(d + e); - b = c(b + e); - if (d >= 0 && b < 0) { - f = Math.sin(d) - } else { - if (d <= 0 && b > 0) { - f = Math.sin(b) - } else { - if (d >= 0 && b > 0) { - if (d > b) { - f = 0 - } else { - f = Math.max(Math.sin(d), Math.sin(b)) - } - } else { - f = 1 - } - } - } - a.zIndex = 4 + f; - break; - case "outerBack": - a.zIndex = 1; - break; - case "start": - a.zIndex = 4 + Math.sin(c(d + e)); - break; - case "end": - a.zIndex = 4 + Math.sin(c(b + e)); - break; - case "innerFront": - a.zIndex = 2; - break; - case "innerBack": - a.zIndex = 4 + Math.sin(c((d + b) / 2 + e)); - break; - case "bottom": - a.zIndex = 0; - break - } - a.dirtyZIndex = true - }, - updatePlainBBox: function(k) { - var f = this.attr, - a = f.part, - b = f.baseRotation, - e = f.centerX, - d = f.centerY, - j, c, i, h, g, l; - if (a === "start") { - c = f.startAngle + b - } else { - if (a === "end") { - c = f.endAngle + b - } - } - if (Ext.isNumber(c)) { - g = Math.sin(c); - l = Math.cos(c); - i = Math.min(e + l * f.startRho, e + l * f.endRho); - h = d + g * f.startRho * f.distortion; - k.x = i; - k.y = h; - k.width = l * (f.endRho - f.startRho); - k.height = f.thickness + g * (f.endRho - f.startRho) * 2; - return - } - if (a === "innerFront" || a === "innerBack") { - j = f.startRho - } else { - j = f.endRho - } - k.width = j * 2; - k.height = j * f.distortion * 2 + f.thickness; - k.x = f.centerX - j; - k.y = f.centerY - j * f.distortion - }, - updateTransformedBBox: function(a) { - if (this.attr.part === "start" || this.attr.part === "end") { - return this.callParent(arguments) - } - return this.updatePlainBBox(a) - }, - updatePath: function(a) { - if (!this.attr.globalAlpha) { - return - } - if (this.attr.endAngle < this.attr.startAngle) { - return - } - this[this.attr.part + "Renderer"](a) - }, - render: function(b, c) { - var d = this, - a = d.attr; - if (!a.globalAlpha) { - return - } - d.callParent([b, c]); - d.bevelRenderer(b, c); - if (a.label && d.getMarker("labels")) { - d.placeLabel() - } - }, - placeLabel: function() { - var z = this, - u = z.attr, - t = u.attributeId, - p = u.margin, - c = u.distortion, - i = u.centerX, - h = u.centerY, - j = u.baseRotation, - v = u.startAngle + j, - r = u.endAngle + j, - m = (v + r) / 2, - w = u.startRho + p, - o = u.endRho + p, - n = (w + o) / 2, - a = Math.sin(m), - b = Math.cos(m), - e = z.surfaceMatrix, - g = z.getMarker("labels"), - f = g.getTemplate(), - d = f.getCalloutLine(), - s = d && d.length || 40, - q = {}, - l, k; - e.appendMatrix(u.matrix); - q.text = u.label; - l = i + b * n; - k = h + a * n * c; - q.x = e.x(l, k); - q.y = e.y(l, k); - l = i + b * o; - k = h + a * o * c; - q.calloutStartX = e.x(l, k); - q.calloutStartY = e.y(l, k); - l = i + b * (o + s); - k = h + a * (o + s) * c; - q.calloutPlaceX = e.x(l, k); - q.calloutPlaceY = e.y(l, k); - q.calloutWidth = 2; - z.putMarker("labels", q, t); - z.putMarker("labels", { - callout: 1 - }, t) - }, - bevelRenderer: function(b, c) { - var f = this, - a = f.attr, - e = a.bevelWidth, - g = f.bevelParams, - d; - for (d = 0; d < g.length; d++) { - c.beginPath(); - c.ellipse.apply(c, g[d]); - c.save(); - c.lineWidth = e; - c.strokeOpacity = e ? 1 : 0; - c.strokeGradient = f.bevelGradient; - c.stroke(a); - c.restore() - } - }, - lidRenderer: function(o, m) { - var k = this.attr, - g = k.margin, - c = k.distortion, - i = k.centerX, - h = k.centerY, - f = k.baseRotation, - j = k.startAngle + f, - e = k.endAngle + f, - d = (j + e) / 2, - l = k.startRho, - b = k.endRho, - n = Math.sin(e), - a = Math.cos(e); - i += Math.cos(d) * g; - h += Math.sin(d) * g * c; - o.ellipse(i, h + m, l, l * c, 0, j, e, false); - o.lineTo(i + a * b, h + m + n * b * c); - o.ellipse(i, h + m, b, b * c, 0, e, j, true); - o.closePath() - }, - topRenderer: function(a) { - this.lidRenderer(a, 0) - }, - bottomRenderer: function(b) { - var a = this.attr; - if (a.globalAlpha < 1 || a.shadowColor !== Ext.draw.Color.RGBA_NONE) { - this.lidRenderer(b, a.thickness) - } - }, - sideRenderer: function(l, s) { - var o = this.attr, - k = o.margin, - g = o.centerX, - f = o.centerY, - e = o.distortion, - h = o.baseRotation, - p = o.startAngle + h, - m = o.endAngle + h, - a = o.thickness, - q = o.startRho, - j = o.endRho, - r = (s === "start" && p) || (s === "end" && m), - b = Math.sin(r), - d = Math.cos(r), - c = o.globalAlpha < 1, - n = s === "start" && d < 0 || s === "end" && d > 0 || c, - i; - if (n) { - i = (p + m) / 2; - g += Math.cos(i) * k; - f += Math.sin(i) * k * e; - l.moveTo(g + d * q, f + b * q * e); - l.lineTo(g + d * j, f + b * j * e); - l.lineTo(g + d * j, f + b * j * e + a); - l.lineTo(g + d * q, f + b * q * e + a); - l.closePath() - } - }, - startRenderer: function(a) { - this.sideRenderer(a, "start") - }, - endRenderer: function(a) { - this.sideRenderer(a, "end") - }, - rimRenderer: function(q, e, o, j) { - var w = this, - s = w.attr, - p = s.margin, - h = s.centerX, - g = s.centerY, - d = s.distortion, - i = s.baseRotation, - t = Ext.draw.sprite.AttributeParser.angle, - u = s.startAngle + i, - r = s.endAngle + i, - k = t((u + r) / 2), - a = s.thickness, - b = s.globalAlpha < 1, - c, n, v; - w.bevelParams = []; - u = t(u); - r = t(r); - h += Math.cos(k) * p; - g += Math.sin(k) * p * d; - c = u >= 0 && r >= 0; - n = u <= 0 && r <= 0; - - function l() { - q.ellipse(h, g + a, e, e * d, 0, Math.PI, u, true); - q.lineTo(h + Math.cos(u) * e, g + Math.sin(u) * e * d); - v = [h, g, e, e * d, 0, u, Math.PI, false]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function f() { - q.ellipse(h, g + a, e, e * d, 0, 0, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, 0, true]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function x() { - q.ellipse(h, g + a, e, e * d, 0, Math.PI, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, Math.PI, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function m() { - q.ellipse(h, g + a, e, e * d, 0, u, 0, false); - q.lineTo(h + e, g); - v = [h, g, e, e * d, 0, 0, u, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - if (j) { - if (!o || b) { - if (u >= 0 && r < 0) { - l() - } else { - if (u <= 0 && r > 0) { - f() - } else { - if (u <= 0 && r < 0) { - if (u > r) { - q.ellipse(h, g + a, e, e * d, 0, 0, Math.PI, false); - q.lineTo(h - e, g); - v = [h, g, e, e * d, 0, Math.PI, 0, true]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } else { - if (u > r) { - l(); - f() - } else { - v = [h, g, e, e * d, 0, u, r, false]; - if (c && !o || n && o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d + a); - q.ellipse(h, g + a, e, e * d, 0, r, u, true); - q.closePath() - } - } - } - } - } - } else { - if (o || b) { - if (u >= 0 && r < 0) { - x() - } else { - if (u <= 0 && r > 0) { - m() - } else { - if (u <= 0 && r < 0) { - if (u > r) { - x(); - m() - } else { - q.ellipse(h, g + a, e, e * d, 0, u, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, u, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } else { - if (u > r) { - q.ellipse(h, g + a, e, e * d, 0, -Math.PI, 0, false); - q.lineTo(h + e, g); - v = [h, g, e, e * d, 0, 0, -Math.PI, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } - } - } - } - } - }, - innerFrontRenderer: function(a) { - this.rimRenderer(a, this.attr.startRho, true, true) - }, - innerBackRenderer: function(a) { - this.rimRenderer(a, this.attr.startRho, true, false) - }, - outerFrontRenderer: function(a) { - this.rimRenderer(a, this.attr.endRho, false, true) - }, - outerBackRenderer: function(a) { - this.rimRenderer(a, this.attr.endRho, false, false) - } -}); -Ext.define("Ext.draw.PathUtil", function() { - var a = Math.abs, - c = Math.pow, - e = Math.cos, - b = Math.acos, - d = Math.sqrt, - f = Math.PI; - return { - singleton: true, - requires: ["Ext.draw.overrides.Path", "Ext.draw.overrides.sprite.Path", "Ext.draw.overrides.sprite.Instancing", "Ext.draw.overrides.Surface"], - cubicRoots: function(m) { - var z = m[0], - x = m[1], - w = m[2], - v = m[3]; - if (z === 0) { - return this.quadraticRoots(x, w, v) - } - var s = x / z, - r = w / z, - q = v / z, - k = (3 * r - c(s, 2)) / 9, - j = (9 * s * r - 27 * q - 2 * c(s, 3)) / 54, - p = c(k, 3) + c(j, 2), - n = [], - h, g, o, l, u, y = Ext.Number.sign; - if (p >= 0) { - h = y(j + d(p)) * c(a(j + d(p)), 1 / 3); - g = y(j - d(p)) * c(a(j - d(p)), 1 / 3); - n[0] = -s / 3 + (h + g); - n[1] = -s / 3 - (h + g) / 2; - n[2] = n[1]; - o = a(d(3) * (h - g) / 2); - if (o !== 0) { - n[1] = -1; - n[2] = -1 - } - } else { - l = b(j / d(-c(k, 3))); - n[0] = 2 * d(-k) * e(l / 3) - s / 3; - n[1] = 2 * d(-k) * e((l + 2 * f) / 3) - s / 3; - n[2] = 2 * d(-k) * e((l + 4 * f) / 3) - s / 3 - } - for (u = 0; u < 3; u++) { - if (n[u] < 0 || n[u] > 1) { - n[u] = -1 - } - } - return n - }, - quadraticRoots: function(h, g, n) { - var m, l, k, j; - if (h === 0) { - return this.linearRoot(g, n) - } - m = g * g - 4 * h * n; - if (m === 0) { - k = [-g / (2 * h)] - } else { - if (m > 0) { - l = d(m); - k = [(-g - l) / (2 * h), (-g + l) / (2 * h)] - } else { - return [] - } - } - for (j = 0; j < k.length; j++) { - if (k[j] < 0 || k[j] > 1) { - k[j] = -1 - } - } - return k - }, - linearRoot: function(h, g) { - var i = -g / h; - if (h === 0 || i < 0 || i > 1) { - return [] - } - return [i] - }, - bezierCoeffs: function(h, g, k, j) { - var i = []; - i[0] = -h + 3 * g - 3 * k + j; - i[1] = 3 * h - 6 * g + 3 * k; - i[2] = -3 * h + 3 * g; - i[3] = h; - return i - }, - cubicLineIntersections: function(I, G, F, E, l, k, j, h, M, p, K, n) { - var u = [], - N = [], - D = p - n, - z = K - M, - y = M * (n - p) - p * (K - M), - L = this.bezierCoeffs(I, G, F, E), - J = this.bezierCoeffs(l, k, j, h), - H, x, w, v, g, q, o, m; - u[0] = D * L[0] + z * J[0]; - u[1] = D * L[1] + z * J[1]; - u[2] = D * L[2] + z * J[2]; - u[3] = D * L[3] + z * J[3] + y; - x = this.cubicRoots(u); - for (H = 0; H < x.length; H++) { - v = x[H]; - if (v < 0 || v > 1) { - continue - } - g = v * v; - q = g * v; - o = L[0] * q + L[1] * g + L[2] * v + L[3]; - m = J[0] * q + J[1] * g + J[2] * v + J[3]; - if ((K - M) !== 0) { - w = (o - M) / (K - M) - } else { - w = (m - p) / (n - p) - } - if (!(w < 0 || w > 1)) { - N.push([o, m]) - } - } - return N - }, - splitCubic: function(g, q, p, o, m) { - var j = m * m, - n = m * j, - i = m - 1, - h = i * i, - k = i * h, - l = n * o - 3 * j * i * p + 3 * m * h * q - k * g; - return [ - [g, m * q - i * g, j * p - 2 * m * i * q + h * g, l], - [l, j * o - 2 * m * i * p + h * q, m * o - i * p, o] - ] - }, - cubicDimension: function(p, o, l, k) { - var j = 3 * (-p + 3 * (o - l) + k), - i = 6 * (p - 2 * o + l), - h = -3 * (p - o), - q, n, g = Math.min(p, k), - m = Math.max(p, k), - r; - if (j === 0) { - if (i === 0) { - return [g, m] - } else { - q = -h / i; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - } - } else { - r = i * i - 4 * j * h; - if (r >= 0) { - r = d(r); - q = (r - i) / 2 / j; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - if (r > 0) { - q -= r / j; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - } - } - } - return [g, m] - }, - interpolateCubic: function(h, g, l, k, i) { - if (i === 0) { - return h - } - if (i === 1) { - return k - } - var j = (1 - i) / i; - return i * i * i * (k + j * (3 * l + j * (3 * g + j * h))) - }, - cubicsIntersections: function(r, q, p, o, A, z, y, v, g, F, E, D, m, l, k, i) { - var C = this, - x = C.cubicDimension(r, q, p, o), - B = C.cubicDimension(A, z, y, v), - n = C.cubicDimension(g, F, E, D), - s = C.cubicDimension(m, l, k, i), - j, h, u, t, w = []; - if (x[0] > n[1] || x[1] < n[0] || B[0] > s[1] || B[1] < s[0]) { - return [] - } - if (a(A - z) < 1 && a(y - v) < 1 && a(r - o) < 1 && a(q - p) < 1 && a(m - l) < 1 && a(k - i) < 1 && a(g - D) < 1 && a(F - E) < 1) { - return [ - [(r + o) * 0.5, (A + z) * 0.5] - ] - } - j = C.splitCubic(r, q, p, o, 0.5); - h = C.splitCubic(A, z, y, v, 0.5); - u = C.splitCubic(g, F, E, D, 0.5); - t = C.splitCubic(m, l, k, i, 0.5); - w.push.apply(w, C.cubicsIntersections.apply(C, j[0].concat(h[0], u[0], t[0]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[0].concat(h[0], u[1], t[1]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[1].concat(h[1], u[0], t[0]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[1].concat(h[1], u[1], t[1]))); - return w - }, - linesIntersection: function(k, p, j, o, h, n, q, m) { - var l = (j - k) * (m - n) - (o - p) * (q - h), - i, g; - if (l === 0) { - return null - } - i = ((q - h) * (p - n) - (k - h) * (m - n)) / l; - g = ((j - k) * (p - n) - (o - p) * (k - h)) / l; - if (i >= 0 && i <= 1 && g >= 0 && g <= 1) { - return [k + i * (j - k), p + i * (o - p)] - } - return null - }, - pointOnLine: function(j, m, h, l, g, n) { - var k, i; - if (a(h - j) < a(l - m)) { - i = j; - j = m; - m = i; - i = h; - h = l; - l = i; - i = g; - g = n; - n = i - } - k = (g - j) / (h - j); - if (k < 0 || k > 1) { - return false - } - return a(m + k * (l - m) - n) < 4 - }, - pointOnCubic: function(w, u, s, r, l, k, h, g, p, o) { - var C = this, - B = C.bezierCoeffs(w, u, s, r), - A = C.bezierCoeffs(l, k, h, g), - z, v, n, m, q; - B[3] -= p; - A[3] -= o; - n = C.cubicRoots(B); - m = C.cubicRoots(A); - for (z = 0; z < n.length; z++) { - q = n[z]; - for (v = 0; v < m.length; v++) { - if (q >= 0 && q <= 1 && a(q - m[v]) < 0.05) { - return true - } - } - } - return false - } - } -}); -Ext.define("Ext.chart.series.Pie3D", { - extend: "Ext.chart.series.Polar", - requires: ["Ext.chart.series.sprite.Pie3DPart", "Ext.draw.PathUtil"], - type: "pie3d", - seriesType: "pie3d", - alias: "series.pie3d", - isPie3D: true, - config: { - rect: [0, 0, 0, 0], - thickness: 35, - distortion: 0.5, - donut: false, - hidden: [], - highlightCfg: { - margin: 20 - }, - shadow: false - }, - rotationOffset: -Math.PI / 2, - setField: function(a) { - return this.setXField(a) - }, - getField: function() { - return this.getXField() - }, - updateRotation: function(a) { - this.setStyle({ - baseRotation: a + this.rotationOffset - }); - this.doUpdateStyles() - }, - updateDistortion: function() { - this.setRadius() - }, - updateThickness: function() { - this.setRadius() - }, - updateColors: function(a) { - this.setSubStyle({ - baseColor: a - }) - }, - applyShadow: function(a) { - if (a === true) { - a = { - shadowColor: "rgba(0,0,0,0.8)", - shadowBlur: 30 - } - } else { - if (!Ext.isObject(a)) { - a = { - shadowColor: Ext.draw.Color.RGBA_NONE - } - } - } - return a - }, - updateShadow: function(g) { - var e = this, - f = e.getSprites(), - d = e.spritesPerSlice, - c = f && f.length, - b, a; - for (b = 1; b < c; b += d) { - a = f[b]; - if (a.attr.part = "bottom") { - a.setAttributes(g) - } - } - }, - getStyleByIndex: function(b) { - var d = this.callParent([b]), - c = this.getStyle(), - a = d.fillStyle || d.fill || d.color, - e = c.strokeStyle || c.stroke; - if (a) { - d.baseColor = a; - delete d.fillStyle; - delete d.fill; - delete d.color - } - if (e) { - d.strokeStyle = e - } - return d - }, - doUpdateStyles: function() { - var g = this, - h = g.getSprites(), - f = g.spritesPerSlice, - e = h && h.length, - c = 0, - b = 0, - a, d; - for (; c < e; c += f, b++) { - d = g.getStyleByIndex(b); - for (a = 0; a < f; a++) { - h[c + a].setAttributes(d) - } - } - }, - coordinateX: function() { - var w = this, - m = w.getChart(), - u = m && m.getAnimation(), - f = w.getStore(), - t = f.getData().items, - d = t.length, - b = w.getXField(), - p = w.getRotation(), - s = w.getHidden(), - n, c = 0, - h, e = [], - k = w.getSprites(), - a = k.length, - l = w.spritesPerSlice, - g = 0, - o = Math.PI * 2, - v = 1e-10, - r, q; - for (r = 0; r < d; r++) { - n = Math.abs(Number(t[r].get(b))) || 0; - if (!s[r]) { - c += n - } - e[r] = c; - if (r >= s.length) { - s[r] = false - } - } - s.length = d; - if (c === 0) { - return - } - h = 2 * Math.PI / c; - for (r = 0; r < d; r++) { - e[r] *= h - } - for (r = 0; r < a; r++) { - k[r].setAnimation(u) - } - for (r = 0; r < d; r++) { - for (q = 0; q < l; q++) { - k[r * l + q].setAttributes({ - startAngle: g, - endAngle: e[r] - v, - globalAlpha: 1, - baseRotation: p - }) - } - g = e[r] - } - for (r *= l; r < a; r++) { - k[r].setAnimation(u); - k[r].setAttributes({ - startAngle: o, - endAngle: o, - globalAlpha: 0, - baseRotation: p - }) - } - }, - updateLabelData: function() { - var l = this, - m = l.getStore(), - k = m.getData().items, - h = l.getSprites(), - b = l.getLabel().getTemplate().getField(), - f = l.getHidden(), - a = l.spritesPerSlice, - d, c, g, e, n; - if (h.length && b) { - e = []; - for (d = 0, g = k.length; d < g; d++) { - e.push(k[d].get(b)) - } - for (d = 0, c = 0, g = h.length; d < g; d += a, c++) { - n = h[d]; - n.setAttributes({ - label: e[c] - }); - n.putMarker("labels", { - hidden: f[c] - }, n.attr.attributeId) - } - } - }, - applyRadius: function() { - var f = this, - d = f.getChart(), - h = d.getInnerPadding(), - e = d.getMainRect() || [0, 0, 1, 1], - c = e[2] - h * 2, - a = e[3] - h * 2 - f.getThickness(), - g = c / 2, - b = g * f.getDistortion(); - if (b > a / 2) { - return a / (f.getDistortion() * 2) - } else { - return g - } - }, - getSprites: function() { - var y = this, - e = y.getStore(); - if (!e) { - return [] - } - var n = y.getChart(), - p = y.getSurface(), - t = e.getData().items, - l = y.spritesPerSlice, - a = t.length, - v = y.getAnimation() || n && n.getAnimation(), - x = y.getCenter(), - w = y.getOffsetX(), - u = y.getOffsetY(), - b = y.getRadius(), - q = y.getRotation(), - d = y.getHighlight(), - c = { - centerX: x[0] + w, - centerY: x[1] + u - y.getThickness() / 2, - endRho: b, - startRho: b * y.getDonut() / 100, - thickness: y.getThickness(), - distortion: y.getDistortion() - }, - k = y.sprites, - h = y.getLabel(), - f = h.getTemplate(), - m, g, o, s, r; - for (s = 0; s < a; s++) { - g = Ext.apply({}, this.getStyleByIndex(s), c); - if (!k[s * l]) { - for (r = 0; r < y.partNames.length; r++) { - o = p.add({ - type: "pie3dPart", - part: y.partNames[r] - }); - if (r === 0 && f.getField()) { - o.bindMarker("labels", h) - } - o.fx.setDurationOn("baseRotation", q); - if (d) { - o.config.highlight = d; - o.addModifier("highlight", true) - } - o.setAttributes(g); - k.push(o) - } - } else { - m = k.slice(s * l, (s + 1) * l); - for (r = 0; r < m.length; r++) { - o = m[r]; - if (v) { - o.setAnimation(v) - } - o.setAttributes(g) - } - } - } - return k - }, - betweenAngle: function(d, f, c) { - var e = Math.PI * 2, - g = this.rotationOffset; - f += g; - c += g; - d -= f; - c -= f; - d %= e; - c %= e; - d += e; - c += e; - d %= e; - c %= e; - return d < c || c === 0 - }, - getItemForPoint: function(k, j) { - var h = this, - g = h.getSprites(); - if (g) { - var l = h.getStore(), - b = l.getData().items, - a = h.spritesPerSlice, - e = h.getHidden(), - c, f, m, d; - for (c = 0, f = b.length; c < f; c++) { - if (!e[c]) { - d = c * a; - m = g[d]; - if (m.hitTest([k, j])) { - return { - series: h, - sprite: g.slice(d, d + a), - index: c, - record: b[c], - category: "sprites", - field: h.getXField() - } - } - } - } - return null - } - }, - provideLegendInfo: function(f) { - var h = this, - k = h.getStore(); - if (k) { - var g = k.getData().items, - b = h.getLabel().getTemplate().getField(), - j = h.getField(), - e = h.getHidden(), - d, a, c; - for (d = 0; d < g.length; d++) { - a = h.getStyleByIndex(d); - c = a.baseColor; - f.push({ - name: b ? String(g[d].get(b)) : j + " " + d, - mark: c || "black", - disabled: e[d], - series: h.getId(), - index: d - }) - } - } - } -}, function() { - var b = this.prototype, - a = Ext.chart.series.sprite.Pie3DPart.def.getInitialConfig().processors.part; - b.partNames = a.replace(/^enums\(|\)/g, "").split(","); - b.spritesPerSlice = b.partNames.length -}); -Ext.define("Ext.chart.series.sprite.Polar", { - extend: "Ext.chart.series.sprite.Series", - inheritableStatics: { - def: { - processors: { - centerX: "number", - centerY: "number", - startAngle: "number", - endAngle: "number", - startRho: "number", - endRho: "number", - baseRotation: "number", - labels: "default", - labelOverflowPadding: "number" - }, - defaults: { - centerX: 0, - centerY: 0, - startAngle: 0, - endAngle: Math.PI, - startRho: 0, - endRho: 150, - baseRotation: 0, - labels: null, - labelOverflowPadding: 10 - }, - triggers: { - centerX: "bbox", - centerY: "bbox", - startAngle: "bbox", - endAngle: "bbox", - startRho: "bbox", - endRho: "bbox", - baseRotation: "bbox" - } - } - }, - updatePlainBBox: function(b) { - var a = this.attr; - b.x = a.centerX - a.endRho; - b.y = a.centerY + a.endRho; - b.width = a.endRho * 2; - b.height = a.endRho * 2 - } -}); -Ext.define("Ext.chart.series.sprite.Radar", { - alias: "sprite.radar", - extend: "Ext.chart.series.sprite.Polar", - getDataPointXY: function(d) { - var u = this, - n = u.attr, - f = n.centerX, - e = n.centerY, - o = n.matrix, - t = n.dataMinX, - s = n.dataMaxX, - k = n.dataX, - j = n.dataY, - l = n.endRho, - p = n.startRho, - g = n.baseRotation, - i, h, m, c, b, a, q; - if (n.rangeY) { - q = n.rangeY[1] - } else { - q = n.dataMaxY - } - c = (k[d] - t) / (s - t + 1) * 2 * Math.PI + g; - m = j[d] / q * (l - p) + p; - b = f + Math.cos(c) * m; - a = e + Math.sin(c) * m; - i = o.x(b, a); - h = o.y(b, a); - return [i, h] - }, - render: function(a, l) { - var h = this, - f = h.attr, - g = f.dataX, - b = g.length, - e = h.surfaceMatrix, - d = {}, - c, k, j, m; - l.beginPath(); - for (c = 0; c < b; c++) { - m = h.getDataPointXY(c); - k = m[0]; - j = m[1]; - if (c === 0) { - l.moveTo(k, j) - } - l.lineTo(k, j); - d.translationX = e.x(k, j); - d.translationY = e.y(k, j); - h.putMarker("markers", d, c, true) - } - l.closePath(); - l.fillStroke(f) - } -}); -Ext.define("Ext.chart.series.Radar", { - extend: "Ext.chart.series.Polar", - type: "radar", - seriesType: "radar", - alias: "series.radar", - requires: ["Ext.chart.series.sprite.Radar"], - themeColorCount: function() { - return 1 - }, - isStoreDependantColorCount: false, - themeMarkerCount: function() { - return 1 - }, - updateAngularAxis: function(a) { - a.processData(this) - }, - updateRadialAxis: function(a) { - a.processData(this) - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - updateCenter: function(a) { - this.setStyle({ - translationX: a[0] + this.getOffsetX(), - translationY: a[1] + this.getOffsetY() - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - this.setStyle({ - endRho: a - }); - this.doUpdateStyles() - }, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a - }); - this.doUpdateStyles() - }, - updateTotalAngle: function(a) { - this.processData() - }, - getItemForPoint: function(k, j) { - var h = this, - m = h.sprites && h.sprites[0], - f = m.attr, - g = f.dataX, - a = g.length, - l = h.getStore(), - e = h.getMarker(), - b, o, p, d, n, c; - if (h.getHidden()) { - return null - } - if (m && e) { - c = m.getMarker("markers"); - for (d = 0; d < a; d++) { - n = c.getBBoxFor(d); - b = (n.width + n.height) * 0.25; - p = m.getDataPointXY(d); - if (Math.abs(p[0] - k) < b && Math.abs(p[1] - j) < b) { - o = { - series: h, - sprite: m, - index: d, - category: "markers", - record: l.getData().items[d], - field: h.getYField() - }; - return o - } - } - } - return h.callParent(arguments) - }, - getDefaultSpriteConfig: function() { - var a = this.callParent(), - b = { - customDurations: { - translationX: 0, - translationY: 0, - rotationRads: 0, - dataMinX: 0, - dataMaxX: 0 - } - }; - if (a.fx) { - Ext.apply(a.fx, b) - } else { - a.fx = b - } - return a - }, - getSprites: function() { - var d = this, - c = d.getChart(), - e = d.getAnimation() || c && c.getAnimation(), - b = d.sprites[0], - a; - if (!c) { - return [] - } - if (!b) { - b = d.createSprite() - } - if (e) { - a = b.getMarker("markers"); - if (a) { - a.getTemplate().setAnimation(e) - } - b.setAnimation(e) - } - return d.sprites - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getSubStyleWithTheme(), - c = a.fillStyle; - if (Ext.isArray(c)) { - c = c[0] - } - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - } -}); -Ext.define("Ext.chart.series.sprite.Scatter", { - alias: "sprite.scatterSeries", - extend: "Ext.chart.series.sprite.Cartesian", - renderClipped: function(r, s, w, u) { - if (this.cleanRedraw) { - return - } - var C = this, - q = C.attr, - l = q.dataX, - h = q.dataY, - z = q.labels, - j = C.getSeries(), - b = z && C.getMarker("labels"), - t = C.attr.matrix, - c = t.getXX(), - p = t.getYY(), - m = t.getDX(), - k = t.getDY(), - n = {}, - D, B, d = r.getInherited().rtl && !q.flipXY ? -1 : 1, - a, A, o, e, g, f, v; - if (q.flipXY) { - a = u[1] - c * d; - A = u[1] + u[3] + c * d; - o = u[0] - p; - e = u[0] + u[2] + p - } else { - a = u[0] - c * d; - A = u[0] + u[2] + c * d; - o = u[1] - p; - e = u[1] + u[3] + p - } - for (v = 0; v < l.length; v++) { - g = l[v]; - f = h[v]; - g = g * c + m; - f = f * p + k; - if (a <= g && g <= A && o <= f && f <= e) { - if (q.renderer) { - n = { - type: "items", - translationX: g, - translationY: f - }; - B = [C, n, { - store: C.getStore() - }, v]; - D = Ext.callback(q.renderer, null, B, 0, j); - n = Ext.apply(n, D) - } else { - n.translationX = g; - n.translationY = f - } - C.putMarker("items", n, v, !q.renderer); - if (b && z[v]) { - C.drawLabel(z[v], g, f, v, u) - } - } - } - }, - drawLabel: function(j, h, g, p, a) { - var r = this, - m = r.attr, - d = r.getMarker("labels"), - c = d.getTemplate(), - l = r.labelCfg || (r.labelCfg = {}), - b = r.surfaceMatrix, - f, e, i = m.labelOverflowPadding, - o = m.flipXY, - k, n, s, q; - l.text = j; - n = r.getMarkerBBox("labels", p, true); - if (!n) { - r.putMarker("labels", l, p); - n = r.getMarkerBBox("labels", p, true) - } - if (o) { - l.rotationRads = Math.PI * 0.5 - } else { - l.rotationRads = 0 - } - k = n.height / 2; - f = h; - switch (c.attr.display) { - case "under": - e = g - k - i; - break; - case "rotate": - f += i; - e = g - i; - l.rotationRads = -Math.PI / 4; - break; - default: - e = g + k + i - } - l.x = b.x(f, e); - l.y = b.y(f, e); - if (c.attr.renderer) { - q = [j, d, l, { - store: r.getStore() - }, p]; - s = Ext.callback(c.attr.renderer, null, q, 0, r.getSeries()); - if (typeof s === "string") { - l.text = s - } else { - Ext.apply(l, s) - } - } - r.putMarker("labels", l, p) - } -}); -Ext.define("Ext.chart.series.Scatter", { - extend: "Ext.chart.series.Cartesian", - alias: "series.scatter", - type: "scatter", - seriesType: "scatterSeries", - requires: ["Ext.chart.series.sprite.Scatter"], - config: { - itemInstancing: { - fx: { - customDurations: { - translationX: 0, - translationY: 0 - } - } - } - }, - themeMarkerCount: function() { - return 1 - }, - applyMarker: function(b, a) { - this.getItemInstancing(); - this.setItemInstancing(b); - return this.callParent(arguments) - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getMarkerStyleByIndex(0), - c = a.fillStyle; - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - } -}); -Ext.define("Ext.chart.theme.Blue", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.blue", "chart.theme.Blue"], - config: { - baseColor: "#4d7fe6" - } -}); -Ext.define("Ext.chart.theme.BlueGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.blue-gradients", "chart.theme.Blue:gradients"], - config: { - baseColor: "#4d7fe6", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category1", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category1", "chart.theme.Category1"], - config: { - colors: ["#f0a50a", "#c20024", "#2044ba", "#810065", "#7eae29"] - } -}); -Ext.define("Ext.chart.theme.Category1Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category1-gradients", "chart.theme.Category1:gradients"], - config: { - colors: ["#f0a50a", "#c20024", "#2044ba", "#810065", "#7eae29"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category2", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category2", "chart.theme.Category2"], - config: { - colors: ["#6d9824", "#87146e", "#2a9196", "#d39006", "#1e40ac"] - } -}); -Ext.define("Ext.chart.theme.Category2Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category2-gradients", "chart.theme.Category2:gradients"], - config: { - colors: ["#6d9824", "#87146e", "#2a9196", "#d39006", "#1e40ac"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category3", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category3", "chart.theme.Category3"], - config: { - colors: ["#fbbc29", "#ce2e4e", "#7e0062", "#158b90", "#57880e"] - } -}); -Ext.define("Ext.chart.theme.Category3Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category3-gradients", "chart.theme.Category3:gradients"], - config: { - colors: ["#fbbc29", "#ce2e4e", "#7e0062", "#158b90", "#57880e"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category4", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category4", "chart.theme.Category4"], - config: { - colors: ["#ef5773", "#fcbd2a", "#4f770d", "#1d3eaa", "#9b001f"] - } -}); -Ext.define("Ext.chart.theme.Category4Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category4-gradients", "chart.theme.Category4:gradients"], - config: { - colors: ["#ef5773", "#fcbd2a", "#4f770d", "#1d3eaa", "#9b001f"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category5", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category5", "chart.theme.Category5"], - config: { - colors: ["#7eae29", "#fdbe2a", "#910019", "#27b4bc", "#d74dbc"] - } -}); -Ext.define("Ext.chart.theme.Category5Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category5-gradients", "chart.theme.Category5:gradients"], - config: { - colors: ["#7eae29", "#fdbe2a", "#910019", "#27b4bc", "#d74dbc"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category6", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category6", "chart.theme.Category6"], - config: { - colors: ["#44dce1", "#0b2592", "#996e05", "#7fb325", "#b821a1"] - } -}); -Ext.define("Ext.chart.theme.Category6Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category6-gradients", "chart.theme.Category6:gradients"], - config: { - colors: ["#44dce1", "#0b2592", "#996e05", "#7fb325", "#b821a1"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.DefaultGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.default-gradients", "chart.theme.Base:gradients"], - config: { - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Green", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.green", "chart.theme.Green"], - config: { - baseColor: "#b1da5a" - } -}); -Ext.define("Ext.chart.theme.GreenGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.green-gradients", "chart.theme.Green:gradients"], - config: { - baseColor: "#b1da5a", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Midnight", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.midnight", "chart.theme.Midnight"], - config: { - colors: ["#A837FF", "#4AC0F2", "#FF4D35", "#FF8809", "#61C102", "#FF37EA"], - chart: { - defaults: { - background: "rgb(52, 52, 53)" - } - }, - axis: { - defaults: { - style: { - strokeStyle: "rgb(224, 224, 227)" - }, - label: { - fillStyle: "rgb(224, 224, 227)" - }, - title: { - fillStyle: "rgb(224, 224, 227)" - }, - grid: { - strokeStyle: "rgb(112, 112, 115)" - } - } - }, - series: { - defaults: { - label: { - fillStyle: "rgb(224, 224, 227)" - } - } - }, - sprites: { - text: { - fillStyle: "rgb(224, 224, 227)" - } - } - } -}); -Ext.define("Ext.chart.theme.Muted", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.muted", "chart.theme.Muted"], - config: { - colors: ["#8ca640", "#974144", "#4091ba", "#8e658e", "#3b8d8b", "#b86465", "#d2af69", "#6e8852", "#3dcc7e", "#a6bed1", "#cbaa4b", "#998baa"] - } -}); -Ext.define("Ext.chart.theme.Purple", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.purple", "chart.theme.Purple"], - config: { - baseColor: "#da5abd" - } -}); -Ext.define("Ext.chart.theme.PurpleGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.purple-gradients", "chart.theme.Purple:gradients"], - config: { - baseColor: "#da5abd", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Red", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.red", "chart.theme.Red"], - config: { - baseColor: "#e84b67" - } -}); -Ext.define("Ext.chart.theme.RedGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.red-gradients", "chart.theme.Red:gradients"], - config: { - baseColor: "#e84b67", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Sky", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.sky", "chart.theme.Sky"], - config: { - baseColor: "#4ce0e7" - } -}); -Ext.define("Ext.chart.theme.SkyGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.sky-gradients", "chart.theme.Sky:gradients"], - config: { - baseColor: "#4ce0e7", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Yellow", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.yellow", "chart.theme.Yellow"], - config: { - baseColor: "#fec935" - } -}); -Ext.define("Ext.chart.theme.YellowGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.yellow-gradients", "chart.theme.Yellow:gradients"], - config: { - baseColor: "#fec935", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.draw.Point", { - requires: ["Ext.draw.Draw", "Ext.draw.Matrix"], - isPoint: true, - x: 0, - y: 0, - length: 0, - angle: 0, - angleUnits: "degrees", - statics: { - fly: (function() { - var a = null; - return function(b, c) { - if (!a) { - a = new Ext.draw.Point() - } - a.constructor(b, c); - return a - } - })() - }, - constructor: function(a, c) { - var b = this; - if (typeof a === "number") { - b.x = a; - if (typeof c === "number") { - b.y = c - } else { - b.y = a - } - } else { - if (Ext.isArray(a)) { - b.x = a[0]; - b.y = a[1] - } else { - if (a) { - b.x = a.x; - b.y = a.y - } - } - } - b.calculatePolar() - }, - calculateCartesian: function() { - var b = this, - a = b.length, - c = b.angle; - if (b.angleUnits === "degrees") { - c = Ext.draw.Draw.rad(c) - } - b.x = Math.cos(c) * a; - b.y = Math.sin(c) * a - }, - calculatePolar: function() { - var b = this, - a = b.x, - c = b.y; - b.length = Math.sqrt(a * a + c * c); - b.angle = Math.atan2(c, a); - if (b.angleUnits === "degrees") { - b.angle = Ext.draw.Draw.degrees(b.angle) - } - }, - setX: function(a) { - this.x = a; - this.calculatePolar() - }, - setY: function(a) { - this.y = a; - this.calculatePolar() - }, - set: function(a, b) { - this.constructor(a, b) - }, - setAngle: function(a) { - this.angle = a; - this.calculateCartesian() - }, - setLength: function(a) { - this.length = a; - this.calculateCartesian() - }, - setPolar: function(b, a) { - this.angle = b; - this.length = a; - this.calculateCartesian() - }, - clone: function() { - return new Ext.draw.Point(this.x, this.y) - }, - add: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return new Ext.draw.Point(this.x + b.x, this.y + b.y) - }, - sub: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return new Ext.draw.Point(this.x - b.x, this.y - b.y) - }, - mul: function(a) { - return new Ext.draw.Point(this.x * a, this.y * a) - }, - div: function(a) { - return new Ext.draw.Point(this.x / a, this.y / a) - }, - dot: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return this.x * b.x + this.y * b.y - }, - equals: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return this.x === b.x && this.y === b.y - }, - rotate: function(f, c) { - var d, e, b, g, a; - if (this.angleUnits === "degrees") { - f = Ext.draw.Draw.rad(f); - d = Math.sin(f); - e = Math.cos(f) - } - if (c) { - b = c.x; - g = c.y - } else { - b = 0; - g = 0 - } - a = Ext.draw.Matrix.fly([e, d, -d, e, b - e * b + g * d, g - e * g + b * -d]).transformPoint(this); - return new Ext.draw.Point(a) - }, - transform: function(a) { - if (a && a.isMatrix) { - return new Ext.draw.Point(a.transformPoint(this)) - } else { - if (arguments.length === 6) { - return new Ext.draw.Point(Ext.draw.Matrix.fly(arguments).transformPoint(this)) - } else { - Ext.raise("Invalid parameters.") - } - } - }, - round: function() { - return new Ext.draw.Point(Math.round(this.x), Math.round(this.y)) - }, - ceil: function() { - return new Ext.draw.Point(Math.ceil(this.x), Math.ceil(this.y)) - }, - floor: function() { - return new Ext.draw.Point(Math.floor(this.x), Math.floor(this.y)) - }, - abs: function(a, b) { - return new Ext.draw.Point(Math.abs(this.x), Math.abs(this.y)) - }, - normalize: function(c) { - var b = this.x, - f = this.y, - a, e, d; - c = c || 1; - if (b === 0) { - a = 0; - e = c * Ext.Number.sign(f) - } else { - d = f / b; - a = c / Math.sqrt(1 + d * d); - e = a * d - } - return new Ext.draw.Point(a, e) - }, - getDistanceToLine: function(c, b) { - if (arguments.length === 4) { - c = new Ext.draw.Point(arguments[0], arguments[1]); - b = new Ext.draw.Point(arguments[2], arguments[3]) - } - var d = b.sub(c).normalize(), - a = c.sub(this); - return a.sub(d.mul(a.dot(d))) - }, - isZero: function() { - return this.x === 0 && this.y === 0 - }, - isNumber: function() { - return Ext.isNumber(this.x + this.y) - } -}); -Ext.define("Ext.draw.plugin.SpriteEvents", { - extend: "Ext.plugin.Abstract", - alias: "plugin.spriteevents", - requires: ["Ext.draw.PathUtil"], - mouseMoveEvents: { - mousemove: true, - mouseover: true, - mouseout: true - }, - spriteMouseMoveEvents: { - spritemousemove: true, - spritemouseover: true, - spritemouseout: true - }, - init: function(a) { - var b = "handleEvent"; - this.drawContainer = a; - a.addElementListener({ - click: b, - dblclick: b, - mousedown: b, - mousemove: b, - mouseup: b, - mouseover: b, - mouseout: b, - priority: 1001, - scope: this - }) - }, - hasSpriteMouseMoveListeners: function() { - var b = this.drawContainer.hasListeners, - a; - for (a in this.spriteMouseMoveEvents) { - if (a in b) { - return true - } - } - return false - }, - hitTestEvent: function(f) { - var b = this.drawContainer.getItems(), - a, d, c; - for (c = b.length - 1; c >= 0; c--) { - a = b.get(c); - d = a.hitTestEvent(f); - if (d) { - return d - } - } - return null - }, - handleEvent: function(f) { - var d = this, - b = d.drawContainer, - g = f.type in d.mouseMoveEvents, - a = d.lastSprite, - c; - if (g && !d.hasSpriteMouseMoveListeners()) { - return - } - c = d.hitTestEvent(f); - if (g && !Ext.Object.equals(c, a)) { - if (a) { - b.fireEvent("spritemouseout", a, f) - } - if (c) { - b.fireEvent("spritemouseover", c, f) - } - } - if (c) { - b.fireEvent("sprite" + f.type, c, f) - } - d.lastSprite = c - } -}); -Ext.define("Ext.chart.TipSurface", { - extend: "Ext.draw.Container", - spriteArray: false, - renderFirst: true, - constructor: function(a) { - this.callParent([a]); - if (a.sprites) { - this.spriteArray = [].concat(a.sprites); - delete a.sprites - } - }, - onRender: function() { - var c = this, - b = 0, - a = 0, - d, e; - this.callParent(arguments); - e = c.spriteArray; - if (c.renderFirst && e) { - c.renderFirst = false; - for (a = e.length; b < a; b++) { - d = c.surface.add(e[b]); - d.setAttributes({ - hidden: false - }, true) - } - } - } -}); -Ext.define("Ext.chart.interactions.ItemInfo", { - extend: "Ext.chart.interactions.Abstract", - type: "iteminfo", - alias: "interaction.iteminfo", - config: { - extjsGestures: { - start: { - event: "click", - handler: "onInfoGesture" - }, - move: { - event: "mousemove", - handler: "onInfoGesture" - }, - end: { - event: "mouseleave", - handler: "onInfoGesture" - } - } - }, - item: null, - onInfoGesture: function(f, a) { - var c = this, - b = c.getItemForEvent(f), - d = b && b.series.tooltip; - if (d) { - d.onMouseMove.call(d, f) - } - if (b !== c.item) { - if (b) { - b.series.showTip(b) - } else { - c.item.series.hideTip(c.item) - } - c.item = b - } - return false - } -}); \ No newline at end of file diff --git a/serverside/jsmod/6.0-4/proxmoxlib.js b/serverside/jsmod/6.0-4/proxmoxlib.js deleted file mode 100644 index cb8b6d1..0000000 --- a/serverside/jsmod/6.0-4/proxmoxlib.js +++ /dev/null @@ -1,7357 +0,0 @@ -// 2.0-5 -Ext.ns('Proxmox'); -Ext.ns('Proxmox.Setup'); - -if (!Ext.isDefined(Proxmox.Setup.auth_cookie_name)) { - throw "Proxmox library not initialized"; -} - -// avoid errors related to Accessible Rich Internet Applications -// (access for people with disabilities) -// TODO reenable after all components are upgraded -Ext.enableAria = false; -Ext.enableAriaButtons = false; -Ext.enableAriaPanels = false; - -// avoid errors when running without development tools -if (!Ext.isDefined(Ext.global.console)) { - var console = { - dir: function() {}, - log: function() {} - }; -} - -Ext.Ajax.defaultHeaders = { - 'Accept': 'application/json' -}; - -Ext.Ajax.on('beforerequest', function(conn, options) { - if (Proxmox.CSRFPreventionToken) { - if (!options.headers) { - options.headers = {}; - } - options.headers.CSRFPreventionToken = Proxmox.CSRFPreventionToken; - } -}); - -Ext.define('Proxmox.Utils', { utilities: { - - // this singleton contains miscellaneous utilities - - yesText: gettext('Yes'), - noText: gettext('No'), - enabledText: gettext('Enabled'), - disabledText: gettext('Disabled'), - noneText: gettext('none'), - errorText: gettext('Error'), - unknownText: gettext('Unknown'), - defaultText: gettext('Default'), - daysText: gettext('days'), - dayText: gettext('day'), - runningText: gettext('running'), - stoppedText: gettext('stopped'), - neverText: gettext('never'), - totalText: gettext('Total'), - usedText: gettext('Used'), - directoryText: gettext('Directory'), - stateText: gettext('State'), - groupText: gettext('Group'), - - language_map: { - zh_CN: 'Chinese (Simplified)', - zh_TW: 'Chinese (Traditional)', - ca: 'Catalan', - da: 'Danish', - en: 'English', - eu: 'Euskera (Basque)', - fr: 'French', - de: 'German', - it: 'Italian', - es: 'Spanish', - ja: 'Japanese', - nb: 'Norwegian (Bokmal)', - nn: 'Norwegian (Nynorsk)', - fa: 'Persian (Farsi)', - pl: 'Polish', - pt_BR: 'Portuguese (Brazil)', - ru: 'Russian', - sl: 'Slovenian', - sv: 'Swedish', - tr: 'Turkish' - }, - - render_language: function (value) { - if (!value) { - return Proxmox.Utils.defaultText + ' (English)'; - } - var text = Proxmox.Utils.language_map[value]; - if (text) { - return text + ' (' + value + ')'; - } - return value; - }, - - language_array: function() { - var data = [['__default__', Proxmox.Utils.render_language('')]]; - Ext.Object.each(Proxmox.Utils.language_map, function(key, value) { - data.push([key, Proxmox.Utils.render_language(value)]); - }); - - return data; - }, - - bond_mode_gettext_map: { - '802.3ad': 'LACP (802.3ad)', - 'lacp-balance-slb': 'LACP (balance-slb)', - 'lacp-balance-tcp': 'LACP (balance-tcp)', - }, - - render_bond_mode: value => Proxmox.Utils.bond_mode_gettext_map[value] || value || '', - - bond_mode_array: function(modes) { - return modes.map(mode => [mode, Proxmox.Utils.render_bond_mode(mode)]); - }, - - getNoSubKeyHtml: function(url) { - // url http://www.proxmox.com/products/proxmox-ve/subscription-service-plans - return Ext.String.format('You do not have a valid subscription for this server. Please visit www.proxmox.com to get a list of available options.', url || 'https://www.proxmox.com'); - }, - - format_boolean_with_default: function(value) { - if (Ext.isDefined(value) && value !== '__default__') { - return value ? Proxmox.Utils.yesText : Proxmox.Utils.noText; - } - return Proxmox.Utils.defaultText; - }, - - format_boolean: function(value) { - return value ? Proxmox.Utils.yesText : Proxmox.Utils.noText; - }, - - format_neg_boolean: function(value) { - return !value ? Proxmox.Utils.yesText : Proxmox.Utils.noText; - }, - - format_enabled_toggle: function(value) { - return value ? Proxmox.Utils.enabledText : Proxmox.Utils.disabledText; - }, - - format_expire: function(date) { - if (!date) { - return Proxmox.Utils.neverText; - } - return Ext.Date.format(date, "Y-m-d"); - }, - - format_duration_long: function(ut) { - - var days = Math.floor(ut / 86400); - ut -= days*86400; - var hours = Math.floor(ut / 3600); - ut -= hours*3600; - var mins = Math.floor(ut / 60); - ut -= mins*60; - - var hours_str = '00' + hours.toString(); - hours_str = hours_str.substr(hours_str.length - 2); - var mins_str = "00" + mins.toString(); - mins_str = mins_str.substr(mins_str.length - 2); - var ut_str = "00" + ut.toString(); - ut_str = ut_str.substr(ut_str.length - 2); - - if (days) { - var ds = days > 1 ? Proxmox.Utils.daysText : Proxmox.Utils.dayText; - return days.toString() + ' ' + ds + ' ' + - hours_str + ':' + mins_str + ':' + ut_str; - } else { - return hours_str + ':' + mins_str + ':' + ut_str; - } - }, - - format_subscription_level: function(level) { - if (level === 'c') { - return 'Community'; - } else if (level === 'b') { - return 'Basic'; - } else if (level === 's') { - return 'Standard'; - } else if (level === 'p') { - return 'Premium'; - } else { - return Proxmox.Utils.noneText; - } - }, - - compute_min_label_width: function(text, width) { - - if (width === undefined) { width = 100; } - - var tm = new Ext.util.TextMetrics(); - var min = tm.getWidth(text + ':'); - - return min < width ? width : min; - }, - - setAuthData: function(data) { - Proxmox.CSRFPreventionToken = data.CSRFPreventionToken; - Proxmox.UserName = data.username; - Proxmox.LoggedOut = data.LoggedOut; - // creates a session cookie (expire = null) - // that way the cookie gets deleted after the browser window is closed - Ext.util.Cookies.set(Proxmox.Setup.auth_cookie_name, data.ticket, null, '/', null, true); - }, - - authOK: function() { - if (Proxmox.LoggedOut) { - return undefined; - } - return (Proxmox.UserName !== '') && Ext.util.Cookies.get(Proxmox.Setup.auth_cookie_name); - }, - - authClear: function() { - if (Proxmox.LoggedOut) { - return undefined; - } - Ext.util.Cookies.clear(Proxmox.Setup.auth_cookie_name); - }, - - // comp.setLoading() is buggy in ExtJS 4.0.7, so we - // use el.mask() instead - setErrorMask: function(comp, msg) { - var el = comp.el; - if (!el) { - return; - } - if (!msg) { - el.unmask(); - } else { - if (msg === true) { - el.mask(gettext("Loading...")); - } else { - el.mask(msg); - } - } - }, - - monStoreErrors: function(me, store, clearMaskBeforeLoad) { - if (clearMaskBeforeLoad) { - me.mon(store, 'beforeload', function(s, operation, eOpts) { - Proxmox.Utils.setErrorMask(me, false); - }); - } else { - me.mon(store, 'beforeload', function(s, operation, eOpts) { - if (!me.loadCount) { - me.loadCount = 0; // make sure it is numeric - Proxmox.Utils.setErrorMask(me, true); - } - }); - } - - // only works with 'proxmox' proxy - me.mon(store.proxy, 'afterload', function(proxy, request, success) { - me.loadCount++; - - if (success) { - Proxmox.Utils.setErrorMask(me, false); - return; - } - - var msg; - /*jslint nomen: true */ - var operation = request._operation; - var error = operation.getError(); - if (error.statusText) { - msg = error.statusText + ' (' + error.status + ')'; - } else { - msg = gettext('Connection error'); - } - Proxmox.Utils.setErrorMask(me, msg); - }); - }, - - extractRequestError: function(result, verbose) { - var msg = gettext('Successful'); - - if (!result.success) { - msg = gettext("Unknown error"); - if (result.message) { - msg = result.message; - if (result.status) { - msg += ' (' + result.status + ')'; - } - } - if (verbose && Ext.isObject(result.errors)) { - msg += "
"; - Ext.Object.each(result.errors, function(prop, desc) { - msg += "
" + Ext.htmlEncode(prop) + ": " + - Ext.htmlEncode(desc); - }); - } - } - - return msg; - }, - - // Ext.Ajax.request - API2Request: function(reqOpts) { - - var newopts = Ext.apply({ - waitMsg: gettext('Please wait...') - }, reqOpts); - - if (!newopts.url.match(/^\/api2/)) { - newopts.url = '/api2/extjs' + newopts.url; - } - delete newopts.callback; - - var createWrapper = function(successFn, callbackFn, failureFn) { - Ext.apply(newopts, { - success: function(response, options) { - if (options.waitMsgTarget) { - if (Proxmox.Utils.toolkit === 'touch') { - options.waitMsgTarget.setMasked(false); - } else { - options.waitMsgTarget.setLoading(false); - } - } - var result = Ext.decode(response.responseText); - response.result = result; - if (!result.success) { - response.htmlStatus = Proxmox.Utils.extractRequestError(result, true); - Ext.callback(callbackFn, options.scope, [options, false, response]); - Ext.callback(failureFn, options.scope, [response, options]); - return; - } - Ext.callback(callbackFn, options.scope, [options, true, response]); - Ext.callback(successFn, options.scope, [response, options]); - }, - failure: function(response, options) { - if (options.waitMsgTarget) { - if (Proxmox.Utils.toolkit === 'touch') { - options.waitMsgTarget.setMasked(false); - } else { - options.waitMsgTarget.setLoading(false); - } - } - response.result = {}; - try { - response.result = Ext.decode(response.responseText); - } catch(e) {} - var msg = gettext('Connection error') + ' - server offline?'; - if (response.aborted) { - msg = gettext('Connection error') + ' - aborted.'; - } else if (response.timedout) { - msg = gettext('Connection error') + ' - Timeout.'; - } else if (response.status && response.statusText) { - msg = gettext('Connection error') + ' ' + response.status + ': ' + response.statusText; - } - response.htmlStatus = msg; - Ext.callback(callbackFn, options.scope, [options, false, response]); - Ext.callback(failureFn, options.scope, [response, options]); - } - }); - }; - - createWrapper(reqOpts.success, reqOpts.callback, reqOpts.failure); - - var target = newopts.waitMsgTarget; - if (target) { - if (Proxmox.Utils.toolkit === 'touch') { - target.setMasked({ xtype: 'loadmask', message: newopts.waitMsg} ); - } else { - // Note: ExtJS bug - this does not work when component is not rendered - target.setLoading(newopts.waitMsg); - } - } - Ext.Ajax.request(newopts); - }, - - checked_command: function(orig_cmd) { - Proxmox.Utils.API2Request({ - url: '/nodes/localhost/subscription', - method: 'GET', - //waitMsgTarget: me, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, opts) { - var data = response.result.data; - - if (data.status !== 'Active') { - Ext.Msg.show({ - title: gettext('No valid subscription'), - icon: Ext.Msg.WARNING, - msg: Proxmox.Utils.getNoSubKeyHtml(data.url), - buttons: Ext.Msg.OK, - callback: function(btn) { - if (btn !== 'ok') { - return; - } - orig_cmd(); - } - }); - } else { - orig_cmd(); - } - } - }); - }, - - assemble_field_data: function(values, data) { - if (Ext.isObject(data)) { - Ext.Object.each(data, function(name, val) { - if (values.hasOwnProperty(name)) { - var bucket = values[name]; - if (!Ext.isArray(bucket)) { - bucket = values[name] = [bucket]; - } - if (Ext.isArray(val)) { - values[name] = bucket.concat(val); - } else { - bucket.push(val); - } - } else { - values[name] = val; - } - }); - } - }, - - dialog_title: function(subject, create, isAdd) { - if (create) { - if (isAdd) { - return gettext('Add') + ': ' + subject; - } else { - return gettext('Create') + ': ' + subject; - } - } else { - return gettext('Edit') + ': ' + subject; - } - }, - - network_iface_types: { - eth: gettext("Network Device"), - bridge: 'Linux Bridge', - bond: 'Linux Bond', - vlan: 'Linux VLAN', - OVSBridge: 'OVS Bridge', - OVSBond: 'OVS Bond', - OVSPort: 'OVS Port', - OVSIntPort: 'OVS IntPort' - }, - - render_network_iface_type: function(value) { - return Proxmox.Utils.network_iface_types[value] || - Proxmox.Utils.unknownText; - }, - - task_desc_table: { - acmenewcert: [ 'SRV', gettext('Order Certificate') ], - acmeregister: [ 'ACME Account', gettext('Register') ], - acmedeactivate: [ 'ACME Account', gettext('Deactivate') ], - acmeupdate: [ 'ACME Account', gettext('Update') ], - acmerefresh: [ 'ACME Account', gettext('Refresh') ], - acmerenew: [ 'SRV', gettext('Renew Certificate') ], - acmerevoke: [ 'SRV', gettext('Revoke Certificate') ], - 'move_volume': [ 'CT', gettext('Move Volume') ], - clustercreate: [ '', gettext('Create Cluster') ], - clusterjoin: [ '', gettext('Join Cluster') ], - diskinit: [ 'Disk', gettext('Initialize Disk with GPT') ], - vncproxy: [ 'VM/CT', gettext('Console') ], - spiceproxy: [ 'VM/CT', gettext('Console') + ' (Spice)' ], - vncshell: [ '', gettext('Shell') ], - spiceshell: [ '', gettext('Shell') + ' (Spice)' ], - qmsnapshot: [ 'VM', gettext('Snapshot') ], - qmrollback: [ 'VM', gettext('Rollback') ], - qmdelsnapshot: [ 'VM', gettext('Delete Snapshot') ], - qmcreate: [ 'VM', gettext('Create') ], - qmrestore: [ 'VM', gettext('Restore') ], - qmdestroy: [ 'VM', gettext('Destroy') ], - qmigrate: [ 'VM', gettext('Migrate') ], - qmclone: [ 'VM', gettext('Clone') ], - qmmove: [ 'VM', gettext('Move disk') ], - qmtemplate: [ 'VM', gettext('Convert to template') ], - qmstart: [ 'VM', gettext('Start') ], - qmstop: [ 'VM', gettext('Stop') ], - qmreset: [ 'VM', gettext('Reset') ], - qmshutdown: [ 'VM', gettext('Shutdown') ], - qmsuspend: [ 'VM', gettext('Hibernate') ], - qmpause: [ 'VM', gettext('Pause') ], - qmresume: [ 'VM', gettext('Resume') ], - qmconfig: [ 'VM', gettext('Configure') ], - vzsnapshot: [ 'CT', gettext('Snapshot') ], - vzrollback: [ 'CT', gettext('Rollback') ], - vzdelsnapshot: [ 'CT', gettext('Delete Snapshot') ], - vzcreate: ['CT', gettext('Create') ], - vzrestore: ['CT', gettext('Restore') ], - vzdestroy: ['CT', gettext('Destroy') ], - vzmigrate: [ 'CT', gettext('Migrate') ], - vzclone: [ 'CT', gettext('Clone') ], - vztemplate: [ 'CT', gettext('Convert to template') ], - vzstart: ['CT', gettext('Start') ], - vzstop: ['CT', gettext('Stop') ], - vzmount: ['CT', gettext('Mount') ], - vzumount: ['CT', gettext('Unmount') ], - vzshutdown: ['CT', gettext('Shutdown') ], - vzsuspend: [ 'CT', gettext('Suspend') ], - vzresume: [ 'CT', gettext('Resume') ], - hamigrate: [ 'HA', gettext('Migrate') ], - hastart: [ 'HA', gettext('Start') ], - hastop: [ 'HA', gettext('Stop') ], - srvstart: ['SRV', gettext('Start') ], - srvstop: ['SRV', gettext('Stop') ], - srvrestart: ['SRV', gettext('Restart') ], - srvreload: ['SRV', gettext('Reload') ], - cephcreatemgr: ['Ceph Manager', gettext('Create') ], - cephdestroymgr: ['Ceph Manager', gettext('Destroy') ], - cephcreatemon: ['Ceph Monitor', gettext('Create') ], - cephdestroymon: ['Ceph Monitor', gettext('Destroy') ], - cephcreateosd: ['Ceph OSD', gettext('Create') ], - cephdestroyosd: ['Ceph OSD', gettext('Destroy') ], - cephcreatepool: ['Ceph Pool', gettext('Create') ], - cephdestroypool: ['Ceph Pool', gettext('Destroy') ], - cephfscreate: ['CephFS', gettext('Create') ], - cephcreatemds: ['Ceph Metadata Server', gettext('Create') ], - cephdestroymds: ['Ceph Metadata Server', gettext('Destroy') ], - imgcopy: ['', gettext('Copy data') ], - imgdel: ['', gettext('Erase data') ], - unknownimgdel: ['', gettext('Destroy image from unknown guest') ], - download: ['', gettext('Download') ], - vzdump: ['VM/CT', gettext('Backup') ], - aptupdate: ['', gettext('Update package database') ], - startall: [ '', gettext('Start all VMs and Containers') ], - stopall: [ '', gettext('Stop all VMs and Containers') ], - migrateall: [ '', gettext('Migrate all VMs and Containers') ], - dircreate: [ gettext('Directory Storage'), gettext('Create') ], - lvmcreate: [ gettext('LVM Storage'), gettext('Create') ], - lvmthincreate: [ gettext('LVM-Thin Storage'), gettext('Create') ], - zfscreate: [ gettext('ZFS Storage'), gettext('Create') ] - }, - - format_task_description: function(type, id) { - var farray = Proxmox.Utils.task_desc_table[type]; - var text; - if (!farray) { - text = type; - if (id) { - type += ' ' + id; - } - return text; - } - var prefix = farray[0]; - text = farray[1]; - if (prefix) { - return prefix + ' ' + id + ' - ' + text; - } - return text; - }, - - format_size: function(size) { - /*jslint confusion: true */ - - var units = ['', 'Ki', 'Mi', 'Gi', 'Ti', 'Pi', 'Ei', 'Zi', 'Yi']; - var num = 0; - - while (size >= 1024 && ((num++)+1) < units.length) { - size = size / 1024; - } - - return size.toFixed((num > 0)?2:0) + " " + units[num] + "B"; - }, - - render_upid: function(value, metaData, record) { - var type = record.data.type; - var id = record.data.id; - - return Proxmox.Utils.format_task_description(type, id); - }, - - render_uptime: function(value) { - - var uptime = value; - - if (uptime === undefined) { - return ''; - } - - if (uptime <= 0) { - return '-'; - } - - return Proxmox.Utils.format_duration_long(uptime); - }, - - parse_task_upid: function(upid) { - var task = {}; - - var res = upid.match(/^UPID:(\S+):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8,9}):([0-9A-Fa-f]{8}):([^:\s]+):([^:\s]*):([^:\s]+):$/); - if (!res) { - throw "unable to parse upid '" + upid + "'"; - } - task.node = res[1]; - task.pid = parseInt(res[2], 16); - task.pstart = parseInt(res[3], 16); - task.starttime = parseInt(res[4], 16); - task.type = res[5]; - task.id = res[6]; - task.user = res[7]; - - task.desc = Proxmox.Utils.format_task_description(task.type, task.id); - - return task; - }, - - render_timestamp: function(value, metaData, record, rowIndex, colIndex, store) { - var servertime = new Date(value * 1000); - return Ext.Date.format(servertime, 'Y-m-d H:i:s'); - }, - - get_help_info: function(section) { - var helpMap; - if (typeof proxmoxOnlineHelpInfo !== 'undefined') { - helpMap = proxmoxOnlineHelpInfo; - } else if (typeof pveOnlineHelpInfo !== 'undefined') { - // be backward compatible with older pve-doc-generators - helpMap = pveOnlineHelpInfo; - } else { - throw "no global OnlineHelpInfo map declared"; - } - - return helpMap[section]; - }, - - get_help_link: function(section) { - var info = Proxmox.Utils.get_help_info(section); - if (!info) { - return; - } - - return window.location.origin + info.link; - }, - - openXtermJsViewer: function(vmtype, vmid, nodename, vmname, cmd) { - var url = Ext.Object.toQueryString({ - console: vmtype, // kvm, lxc, upgrade or shell - xtermjs: 1, - vmid: vmid, - vmname: vmname, - node: nodename, - cmd: cmd, - - }); - var nw = window.open("?" + url, '_blank', 'toolbar=no,location=no,status=no,menubar=no,resizable=yes,width=800,height=420'); - if (nw) { - nw.focus(); - } - } - -}, - - singleton: true, - constructor: function() { - var me = this; - Ext.apply(me, me.utilities); - - var IPV4_OCTET = "(?:25[0-5]|(?:[1-9]|1[0-9]|2[0-4])?[0-9])"; - var IPV4_REGEXP = "(?:(?:" + IPV4_OCTET + "\\.){3}" + IPV4_OCTET + ")"; - var IPV6_H16 = "(?:[0-9a-fA-F]{1,4})"; - var IPV6_LS32 = "(?:(?:" + IPV6_H16 + ":" + IPV6_H16 + ")|" + IPV4_REGEXP + ")"; - var IPV4_CIDR_MASK = "([0-9]{1,2})"; - var IPV6_CIDR_MASK = "([0-9]{1,3})"; - - - me.IP4_match = new RegExp("^(?:" + IPV4_REGEXP + ")$"); - me.IP4_cidr_match = new RegExp("^(?:" + IPV4_REGEXP + ")\/" + IPV4_CIDR_MASK + "$"); - - var IPV6_REGEXP = "(?:" + - "(?:(?:" + "(?:" + IPV6_H16 + ":){6})" + IPV6_LS32 + ")|" + - "(?:(?:" + "::" + "(?:" + IPV6_H16 + ":){5})" + IPV6_LS32 + ")|" + - "(?:(?:(?:" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){4})" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,1}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){3})" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,2}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){2})" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,3}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){1})" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,4}" + IPV6_H16 + ")?::" + ")" + IPV6_LS32 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,5}" + IPV6_H16 + ")?::" + ")" + IPV6_H16 + ")|" + - "(?:(?:(?:(?:" + IPV6_H16 + ":){0,7}" + IPV6_H16 + ")?::" + ")" + ")" + - ")"; - - me.IP6_match = new RegExp("^(?:" + IPV6_REGEXP + ")$"); - me.IP6_cidr_match = new RegExp("^(?:" + IPV6_REGEXP + ")\/" + IPV6_CIDR_MASK + "$"); - me.IP6_bracket_match = new RegExp("^\\[(" + IPV6_REGEXP + ")\\]"); - - me.IP64_match = new RegExp("^(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + ")$"); - me.IP64_cidr_match = new RegExp("^(?:" + IPV6_REGEXP + "\/" + IPV6_CIDR_MASK + ")|(?:" + IPV4_REGEXP + "\/" + IPV4_CIDR_MASK + ")$"); - - var DnsName_REGEXP = "(?:(([a-zA-Z0-9]([a-zA-Z0-9\\-]*[a-zA-Z0-9])?)\\.)*([A-Za-z0-9]([A-Za-z0-9\\-]*[A-Za-z0-9])?))"; - me.DnsName_match = new RegExp("^" + DnsName_REGEXP + "$"); - - me.HostPort_match = new RegExp("^(" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")(:\\d+)?$"); - me.HostPortBrackets_match = new RegExp("^\\[(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")\\](:\\d+)?$"); - me.IP6_dotnotation_match = new RegExp("^" + IPV6_REGEXP + "(\\.\\d+)?$"); - } -}); -// ExtJS related things - - // do not send '_dc' parameter -Ext.Ajax.disableCaching = false; - -// custom Vtypes -Ext.apply(Ext.form.field.VTypes, { - IPAddress: function(v) { - return Proxmox.Utils.IP4_match.test(v); - }, - IPAddressText: gettext('Example') + ': 192.168.1.1', - IPAddressMask: /[\d\.]/i, - - IPCIDRAddress: function(v) { - var result = Proxmox.Utils.IP4_cidr_match.exec(v); - // limits according to JSON Schema see - // pve-common/src/PVE/JSONSchema.pm - return (result !== null && result[1] >= 8 && result[1] <= 32); - }, - IPCIDRAddressText: gettext('Example') + ': 192.168.1.1/24' + "
" + gettext('Valid CIDR Range') + ': 8-32', - IPCIDRAddressMask: /[\d\.\/]/i, - - IP6Address: function(v) { - return Proxmox.Utils.IP6_match.test(v); - }, - IP6AddressText: gettext('Example') + ': 2001:DB8::42', - IP6AddressMask: /[A-Fa-f0-9:]/, - - IP6CIDRAddress: function(v) { - var result = Proxmox.Utils.IP6_cidr_match.exec(v); - // limits according to JSON Schema see - // pve-common/src/PVE/JSONSchema.pm - return (result !== null && result[1] >= 8 && result[1] <= 128); - }, - IP6CIDRAddressText: gettext('Example') + ': 2001:DB8::42/64' + "
" + gettext('Valid CIDR Range') + ': 8-128', - IP6CIDRAddressMask: /[A-Fa-f0-9:\/]/, - - IP6PrefixLength: function(v) { - return v >= 0 && v <= 128; - }, - IP6PrefixLengthText: gettext('Example') + ': X, where 0 <= X <= 128', - IP6PrefixLengthMask: /[0-9]/, - - IP64Address: function(v) { - return Proxmox.Utils.IP64_match.test(v); - }, - IP64AddressText: gettext('Example') + ': 192.168.1.1 2001:DB8::42', - IP64AddressMask: /[A-Fa-f0-9\.:]/, - - IP64CIDRAddress: function(v) { - var result = Proxmox.Utils.IP64_cidr_match.exec(v); - if (result === null) { - return false; - } - if (result[1] !== undefined) { - return result[1] >= 8 && result[1] <= 128; - } else if (result[2] !== undefined) { - return result[2] >= 8 && result[2] <= 32; - } else { - return false; - } - }, - IP64CIDRAddressText: gettext('Example') + ': 192.168.1.1/24 2001:DB8::42/64', - IP64CIDRAddressMask: /[A-Fa-f0-9\.:\/]/, - - MacAddress: function(v) { - return (/^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/).test(v); - }, - MacAddressMask: /[a-fA-F0-9:]/, - MacAddressText: gettext('Example') + ': 01:23:45:67:89:ab', - - MacPrefix: function(v) { - return (/^[a-f0-9][02468ace](?::[a-f0-9]{2}){0,2}:?$/i).test(v); - }, - MacPrefixMask: /[a-fA-F0-9:]/, - MacPrefixText: gettext('Example') + ': 02:8f - ' + gettext('only unicast addresses are allowed'), - - BridgeName: function(v) { - return (/^vmbr\d{1,4}$/).test(v); - }, - BridgeNameText: gettext('Format') + ': vmbrN, where 0 <= N <= 9999', - - BondName: function(v) { - return (/^bond\d{1,4}$/).test(v); - }, - BondNameText: gettext('Format') + ': bondN, where 0 <= N <= 9999', - - InterfaceName: function(v) { - return (/^[a-z][a-z0-9_]{1,20}$/).test(v); - }, - InterfaceNameText: gettext("Allowed characters") + ": 'a-z', '0-9', '_'" + "
" + - gettext("Minimum characters") + ": 2" + "
" + - gettext("Maximum characters") + ": 21" + "
" + - gettext("Must start with") + ": 'a-z'", - - StorageId: function(v) { - return (/^[a-z][a-z0-9\-\_\.]*[a-z0-9]$/i).test(v); - }, - StorageIdText: gettext("Allowed characters") + ": 'A-Z', 'a-z', '0-9', '-', '_', '.'" + "
" + - gettext("Minimum characters") + ": 2" + "
" + - gettext("Must start with") + ": 'A-Z', 'a-z'
" + - gettext("Must end with") + ": 'A-Z', 'a-z', '0-9'
", - - ConfigId: function(v) { - return (/^[a-z][a-z0-9\_]+$/i).test(v); - }, - ConfigIdText: gettext("Allowed characters") + ": 'A-Z', 'a-z', '0-9', '_'" + "
" + - gettext("Minimum characters") + ": 2" + "
" + - gettext("Must start with") + ": " + gettext("letter"), - - HttpProxy: function(v) { - return (/^http:\/\/.*$/).test(v); - }, - HttpProxyText: gettext('Example') + ": http://username:password@host:port/", - - DnsName: function(v) { - return Proxmox.Utils.DnsName_match.test(v); - }, - DnsNameText: gettext('This is not a valid DNS name'), - - // workaround for https://www.sencha.com/forum/showthread.php?302150 - proxmoxMail: function(v) { - return (/^(\w+)([\-+.][\w]+)*@(\w[\-\w]*\.){1,5}([A-Za-z]){2,63}$/).test(v); - }, - proxmoxMailText: gettext('Example') + ": user@example.com", - - DnsOrIp: function(v) { - if (!Proxmox.Utils.DnsName_match.test(v) && - !Proxmox.Utils.IP64_match.test(v)) { - return false; - } - - return true; - }, - DnsOrIpText: gettext('Not a valid DNS name or IP address.'), - - HostList: function(v) { - var list = v.split(/[\ \,\;]+/); - var i; - for (i = 0; i < list.length; i++) { - if (list[i] == "") { - continue; - } - - if (!Proxmox.Utils.HostPort_match.test(list[i]) && - !Proxmox.Utils.HostPortBrackets_match.test(list[i]) && - !Proxmox.Utils.IP6_dotnotation_match.test(list[i])) { - return false; - } - } - - return true; - }, - HostListText: gettext('Not a valid list of hosts'), - - password: function(val, field) { - if (field.initialPassField) { - var pwd = field.up('form').down( - '[name=' + field.initialPassField + ']'); - return (val == pwd.getValue()); - } - return true; - }, - - passwordText: gettext('Passwords do not match') -}); - -// Firefox 52+ Touchscreen bug -// see https://www.sencha.com/forum/showthread.php?336762-Examples-don-t-work-in-Firefox-52-touchscreen/page2 -// and https://bugzilla.proxmox.com/show_bug.cgi?id=1223 -Ext.define('EXTJS_23846.Element', { - override: 'Ext.dom.Element' -}, function(Element) { - var supports = Ext.supports, - proto = Element.prototype, - eventMap = proto.eventMap, - additiveEvents = proto.additiveEvents; - - if (Ext.os.is.Desktop && supports.TouchEvents && !supports.PointerEvents) { - eventMap.touchstart = 'mousedown'; - eventMap.touchmove = 'mousemove'; - eventMap.touchend = 'mouseup'; - eventMap.touchcancel = 'mouseup'; - - additiveEvents.mousedown = 'mousedown'; - additiveEvents.mousemove = 'mousemove'; - additiveEvents.mouseup = 'mouseup'; - additiveEvents.touchstart = 'touchstart'; - additiveEvents.touchmove = 'touchmove'; - additiveEvents.touchend = 'touchend'; - additiveEvents.touchcancel = 'touchcancel'; - - additiveEvents.pointerdown = 'mousedown'; - additiveEvents.pointermove = 'mousemove'; - additiveEvents.pointerup = 'mouseup'; - additiveEvents.pointercancel = 'mouseup'; - } -}); - -Ext.define('EXTJS_23846.Gesture', { - override: 'Ext.event.publisher.Gesture' -}, function(Gesture) { - var me = Gesture.instance; - - if (Ext.supports.TouchEvents && !Ext.isWebKit && Ext.os.is.Desktop) { - me.handledDomEvents.push('mousedown', 'mousemove', 'mouseup'); - me.registerEvents(); - } -}); - -Ext.define('EXTJS_18900.Pie', { - override: 'Ext.chart.series.Pie', - - // from 6.0.2 - betweenAngle: function (x, a, b) { - var pp = Math.PI * 2, - offset = this.rotationOffset; - - if (a === b) { - return false; - } - - if (!this.getClockwise()) { - x *= -1; - a *= -1; - b *= -1; - a -= offset; - b -= offset; - } else { - a += offset; - b += offset; - } - - x -= a; - b -= a; - - // Normalize, so that both x and b are in the [0,360) interval. - x %= pp; - b %= pp; - x += pp; - b += pp; - x %= pp; - b %= pp; - - // Because 360 * n angles will be normalized to 0, - // we need to treat b === 0 as a special case. - return x < b || b === 0; - }, -}); - -// we always want the number in x.y format and never in, e.g., x,y -Ext.define('PVE.form.field.Number', { - override: 'Ext.form.field.Number', - submitLocaleSeparator: false -}); - -// ExtJs 5-6 has an issue with caching -// see https://www.sencha.com/forum/showthread.php?308989 -Ext.define('Proxmox.UnderlayPool', { - override: 'Ext.dom.UnderlayPool', - - checkOut: function () { - var cache = this.cache, - len = cache.length, - el; - - // do cleanup because some of the objects might have been destroyed - while (len--) { - if (cache[len].destroyed) { - cache.splice(len, 1); - } - } - // end do cleanup - - el = cache.shift(); - - if (!el) { - el = Ext.Element.create(this.elementConfig); - el.setVisibilityMode(2); - //
'+ current +'
';
- }
- }
-
- if (pending) {
- return current + '' + pending + '
';
- } else {
- return current;
- }
- },
-
- initComponent : function() {
- var me = this;
-
- var rows = me.rows;
-
- if (!me.rstore) {
- if (!me.url) {
- throw "no url specified";
- }
-
- me.rstore = Ext.create('Proxmox.data.ObjectStore', {
- model: 'KeyValuePendingDelete',
- readArray: true,
- url: me.url,
- interval: me.interval,
- extraParams: me.extraParams,
- rows: me.rows
- });
- }
-
- me.callParent();
- }
-});
-Ext.define('Proxmox.panel.InputPanel', {
- extend: 'Ext.panel.Panel',
- alias: ['widget.inputpanel'],
- listeners: {
- activate: function() {
- // notify owning container that it should display a help button
- if (this.onlineHelp) {
- Ext.GlobalEvents.fireEvent('proxmoxShowHelp', this.onlineHelp);
- }
- },
- deactivate: function() {
- if (this.onlineHelp) {
- Ext.GlobalEvents.fireEvent('proxmoxHideHelp', this.onlineHelp);
- }
- }
- },
- border: false,
-
- // override this with an URL to a relevant chapter of the pve manual
- // setting this will display a help button in our parent panel
- onlineHelp: undefined,
-
- // will be set if the inputpanel has advanced items
- hasAdvanced: false,
-
- // if the panel has advanced items,
- // this will determine if they are shown by default
- showAdvanced: false,
-
- // overwrite this to modify submit data
- onGetValues: function(values) {
- return values;
- },
-
- getValues: function(dirtyOnly) {
- var me = this;
-
- if (Ext.isFunction(me.onGetValues)) {
- dirtyOnly = false;
- }
-
- var values = {};
-
- Ext.Array.each(me.query('[isFormField]'), function(field) {
- if (!dirtyOnly || field.isDirty()) {
- Proxmox.Utils.assemble_field_data(values, field.getSubmitData());
- }
- });
-
- return me.onGetValues(values);
- },
-
- setAdvancedVisible: function(visible) {
- var me = this;
- var advItems = me.getComponent('advancedContainer');
- if (advItems) {
- advItems.setVisible(visible);
- }
- },
-
- setValues: function(values) {
- var me = this;
-
- var form = me.up('form');
-
- Ext.iterate(values, function(fieldId, val) {
- var field = me.query('[isFormField][name=' + fieldId + ']')[0];
- if (field) {
- field.setValue(val);
- if (form.trackResetOnLoad) {
- field.resetOriginalValue();
- }
- }
- });
- },
-
- initComponent: function() {
- var me = this;
-
- var items;
-
- if (me.items) {
- me.columns = 1;
- items = [
- {
- columnWidth: 1,
- layout: 'anchor',
- items: me.items
- }
- ];
- me.items = undefined;
- } else if (me.column4) {
- me.columns = 4;
- items = [
- {
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column1
- },
- {
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column2
- },
- {
- columnWidth: 0.25,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column3
- },
- {
- columnWidth: 0.25,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.column4
- }
- ];
- if (me.columnB) {
- items.push({
- columnWidth: 1,
- padding: '10 0 0 0',
- layout: 'anchor',
- items: me.columnB
- });
- }
- } else if (me.column1) {
- me.columns = 2;
- items = [
- {
- columnWidth: 0.5,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.column1
- },
- {
- columnWidth: 0.5,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.column2 || [] // allow empty column
- }
- ];
- if (me.columnB) {
- items.push({
- columnWidth: 1,
- padding: '10 0 0 0',
- layout: 'anchor',
- items: me.columnB
- });
- }
- } else {
- throw "unsupported config";
- }
-
- var advItems;
- if (me.advancedItems) {
- advItems = [
- {
- columnWidth: 1,
- layout: 'anchor',
- items: me.advancedItems
- }
- ];
- me.advancedItems = undefined;
- } else if (me.advancedColumn1) {
- advItems = [
- {
- columnWidth: 0.5,
- padding: '0 10 0 0',
- layout: 'anchor',
- items: me.advancedColumn1
- },
- {
- columnWidth: 0.5,
- padding: '0 0 0 10',
- layout: 'anchor',
- items: me.advancedColumn2 || [] // allow empty column
- }
- ];
-
- me.advancedColumn1 = undefined;
- me.advancedColumn2 = undefined;
-
- if (me.advancedColumnB) {
- advItems.push({
- columnWidth: 1,
- padding: '10 0 0 0',
- layout: 'anchor',
- items: me.advancedColumnB
- });
- me.advancedColumnB = undefined;
- }
- }
-
- if (advItems) {
- me.hasAdvanced = true;
- advItems.unshift({
- columnWidth: 1,
- xtype: 'box',
- hidden: false,
- border: true,
- autoEl: {
- tag: 'hr'
- }
- });
- items.push({
- columnWidth: 1,
- xtype: 'container',
- itemId: 'advancedContainer',
- hidden: !me.showAdvanced,
- layout: 'column',
- defaults: {
- border: false
- },
- items: advItems
- });
- }
-
- if (me.useFieldContainer) {
- Ext.apply(me, {
- layout: 'fit',
- items: Ext.apply(me.useFieldContainer, {
- layout: 'column',
- defaultType: 'container',
- items: items
- })
- });
- } else {
- Ext.apply(me, {
- layout: 'column',
- defaultType: 'container',
- items: items
- });
- }
-
- me.callParent();
- }
-});
-/*
- * Display log entries in a panel with scrollbar
- * The log entries are automatically refreshed via a background task,
- * with newest entries comming at the bottom
- */
-Ext.define('Proxmox.panel.LogView', {
- extend: 'Ext.panel.Panel',
- xtype: 'proxmoxLogView',
-
- pageSize: 500,
- viewBuffer: 50,
- lineHeight: 16,
-
- scrollToEnd: true,
-
- // callback for load failure, used for ceph
- failCallback: undefined,
-
- controller: {
- xclass: 'Ext.app.ViewController',
-
- updateParams: function() {
- var me = this;
- var viewModel = me.getViewModel();
- var since = viewModel.get('since');
- var until = viewModel.get('until');
- if (viewModel.get('hide_timespan')) {
- return;
- }
-
- if (since > until) {
- Ext.Msg.alert('Error', 'Since date must be less equal than Until date.');
- return;
- }
-
- viewModel.set('params.since', Ext.Date.format(since, 'Y-m-d'));
- viewModel.set('params.until', Ext.Date.format(until, 'Y-m-d') + ' 23:59:59');
- me.getView().loadTask.delay(200);
- },
-
- scrollPosBottom: function() {
- var view = this.getView();
- var pos = view.getScrollY();
- var maxPos = view.getScrollable().getMaxPosition().y;
- return maxPos - pos;
- },
-
- updateView: function(text, first, total) {
- var me = this;
- var view = me.getView();
- var viewModel = me.getViewModel();
- var content = me.lookup('content');
- var data = viewModel.get('data');
-
- if (first === data.first && total === data.total && text.length === data.textlen) {
- return; // same content, skip setting and scrolling
- }
- viewModel.set('data', {
- first: first,
- total: total,
- textlen: text.length
- });
-
- var scrollPos = me.scrollPosBottom();
-
- content.update(text);
-
- if (view.scrollToEnd && scrollPos <= 0) {
- // we use setTimeout to work around scroll handling on touchscreens
- setTimeout(function() { view.scrollTo(0, Infinity); }, 10);
- }
- },
-
- doLoad: function() {
- var me = this;
- if (me.running) {
- me.requested = true;
- return;
- }
- me.running = true;
- var view = me.getView();
- var viewModel = me.getViewModel();
- Proxmox.Utils.API2Request({
- url: me.getView().url,
- params: viewModel.get('params'),
- method: 'GET',
- success: function(response) {
- Proxmox.Utils.setErrorMask(me, false);
- var total = response.result.total;
- var lines = new Array();
- var first = Infinity;
-
- Ext.Array.each(response.result.data, function(line) {
- if (first > line.n) {
- first = line.n;
- }
- lines[line.n - 1] = Ext.htmlEncode(line.t);
- });
-
- lines.length = total;
- me.updateView(lines.join(''), first - 1, total); - me.running = false; - if (me.requested) { - me.requested = false; - view.loadTask.delay(200); - } - }, - failure: function(response) { - if (view.failCallback) { - view.failCallback(response); - } else { - var msg = response.htmlStatus; - Proxmox.Utils.setErrorMask(me, msg); - } - me.running = false; - if (me.requested) { - me.requested = false; - view.loadTask.delay(200); - } - } - }); - }, - - onScroll: function(x, y) { - var me = this; - var view = me.getView(); - var viewModel = me.getViewModel(); - - var lineHeight = view.lineHeight; - var line = view.getScrollY()/lineHeight; - var start = viewModel.get('params.start'); - var limit = viewModel.get('params.limit'); - var viewLines = view.getHeight()/lineHeight; - - var viewStart = Math.max(parseInt(line - 1 - view.viewBuffer, 10), 0); - var viewEnd = parseInt(line + viewLines + 1 + view.viewBuffer, 10); - - if (viewStart < start || viewEnd > (start+limit)) { - viewModel.set('params.start', - Math.max(parseInt(line - limit/2 + 10, 10), 0)); - view.loadTask.delay(200); - } - }, - - init: function(view) { - var me = this; - - if (!view.url) { - throw "no url specified"; - } - - var viewModel = this.getViewModel(); - var since = new Date(); - since.setDate(since.getDate() - 3); - viewModel.set('until', new Date()); - viewModel.set('since', since); - viewModel.set('params.limit', view.pageSize); - viewModel.set('hide_timespan', !view.log_select_timespan); - me.lookup('content').setStyle('line-height', view.lineHeight + 'px'); - - view.loadTask = new Ext.util.DelayedTask(me.doLoad, me); - - me.updateParams(); - view.task = Ext.TaskManager.start({ - run: function() { - if (!view.isVisible() || !view.scrollToEnd) { - return; - } - - if (me.scrollPosBottom() <= 1) { - view.loadTask.delay(200); - } - }, - interval: 1000 - }); - } - }, - - onDestroy: function() { - var me = this; - me.loadTask.cancel(); - Ext.TaskManager.stop(me.task); - }, - - // for user to initiate a load from outside - requestUpdate: function() { - var me = this; - me.loadTask.delay(200); - }, - - viewModel: { - data: { - until: null, - since: null, - hide_timespan: false, - data: { - start: 0, - total: 0, - textlen: 0 - }, - params: { - start: 0, - limit: 500, - } - } - }, - - layout: 'auto', - bodyPadding: 5, - scrollable: { - x: 'auto', - y: 'auto', - listeners: { - // we have to have this here, since we cannot listen to events - // of the scroller in the viewcontroller (extjs bug?), nor does - // the panel have a 'scroll' event' - scroll: { - fn: function(scroller, x, y) { - var controller = this.component.getController(); - if (controller) { // on destroy, controller can be gone - controller.onScroll(x,y); - } - }, - buffer: 200 - }, - } - }, - - tbar: { - bind: { - hidden: '{hide_timespan}' - }, - items: [ - '->', - 'Since: ', - { - xtype: 'datefield', - name: 'since_date', - reference: 'since', - format: 'Y-m-d', - bind: { - value: '{since}', - maxValue: '{until}' - } - }, - 'Until: ', - { - xtype: 'datefield', - name: 'until_date', - reference: 'until', - format: 'Y-m-d', - bind: { - value: '{until}', - minValue: '{since}' - } - }, - { - xtype: 'button', - text: 'Update', - handler: 'updateParams' - } - ], - }, - - items: [ - { - xtype: 'box', - reference: 'content', - style: { - font: 'normal 11px tahoma, arial, verdana, sans-serif', - 'white-space': 'pre' - }, - } - ] -}); -/* - * Display log entries in a panel with scrollbar - * The log entries are automatically refreshed via a background task, - * with newest entries comming at the bottom - */ -Ext.define('Proxmox.panel.JournalView', { - extend: 'Ext.panel.Panel', - xtype: 'proxmoxJournalView', - - numEntries: 500, - lineHeight: 16, - - scrollToEnd: true, - - controller: { - xclass: 'Ext.app.ViewController', - - updateParams: function() { - var me = this; - var viewModel = me.getViewModel(); - var since = viewModel.get('since'); - var until = viewModel.get('until'); - - since.setHours(0, 0, 0, 0); - until.setHours(0, 0, 0, 0); - until.setDate(until.getDate()+1); - - me.getView().loadTask.delay(200, undefined, undefined, [ - false, - false, - Ext.Date.format(since, "U"), - Ext.Date.format(until, "U") - ]); - }, - - scrollPosBottom: function() { - var view = this.getView(); - var pos = view.getScrollY(); - var maxPos = view.getScrollable().getMaxPosition().y; - return maxPos - pos; - }, - - scrollPosTop: function() { - var view = this.getView(); - return view.getScrollY(); - }, - - updateScroll: function(livemode, num, scrollPos, scrollPosTop) { - var me = this; - var view = me.getView(); - - if (!livemode) { - setTimeout(function() { view.scrollTo(0, 0); }, 10); - } else if (view.scrollToEnd && scrollPos <= 0) { - setTimeout(function() { view.scrollTo(0, Infinity); }, 10); - } else if (!view.scrollToEnd && scrollPosTop < 20*view.lineHeight) { - setTimeout(function() { view.scrollTo(0, num*view.lineHeight + scrollPosTop); }, 10); - } - }, - - updateView: function(lines, livemode, top) { - var me = this; - var view = me.getView(); - var viewmodel = me.getViewModel(); - if (viewmodel.get('livemode') !== livemode) { - return; // we switched mode, do not update the content - } - var contentEl = me.lookup('content'); - - // save old scrollpositions - var scrollPos = me.scrollPosBottom(); - var scrollPosTop = me.scrollPosTop(); - - var newend = lines.shift(); - var newstart = lines.pop(); - - var num = lines.length; - var text = lines.map(Ext.htmlEncode).join('
'); - - if (!livemode) { - if (num) { - view.content = text; - } else { - view.content = 'nothing logged or no timespan selected'; - } - } else { - // update content - if (top && num) { - view.content = view.content ? text + '
' + view.content : text; - } else if (!top && num) { - view.content = view.content ? view.content + '
' + text : text; - } - - // update cursors - if (!top || !view.startcursor) { - view.startcursor = newstart; - } - - if (top || !view.endcursor) { - view.endcursor = newend; - } - } - - contentEl.update(view.content); - - me.updateScroll(livemode, num, scrollPos, scrollPosTop); - }, - - doLoad: function(livemode, top, since, until) { - var me = this; - if (me.running) { - me.requested = true; - return; - } - me.running = true; - var view = me.getView(); - var params = { - lastentries: view.numEntries || 500, - }; - if (livemode) { - if (!top && view.startcursor) { - params = { - startcursor: view.startcursor - }; - } else if (view.endcursor) { - params.endcursor = view.endcursor; - } - } else { - params = { - since: since, - until: until - }; - } - Proxmox.Utils.API2Request({ - url: view.url, - params: params, - waitMsgTarget: (!livemode) ? view : undefined, - method: 'GET', - success: function(response) { - Proxmox.Utils.setErrorMask(me, false); - var lines = response.result.data; - me.updateView(lines, livemode, top); - me.running = false; - if (me.requested) { - me.requested = false; - view.loadTask.delay(200); - } - }, - failure: function(response) { - var msg = response.htmlStatus; - Proxmox.Utils.setErrorMask(me, msg); - me.running = false; - if (me.requested) { - me.requested = false; - view.loadTask.delay(200); - } - } - }); - }, - - onScroll: function(x, y) { - var me = this; - var view = me.getView(); - var viewmodel = me.getViewModel(); - var livemode = viewmodel.get('livemode'); - if (!livemode) { - return; - } - - if (me.scrollPosTop() < 20*view.lineHeight) { - view.scrollToEnd = false; - view.loadTask.delay(200, undefined, undefined, [true, true]); - } else if (me.scrollPosBottom() <= 1) { - view.scrollToEnd = true; - } - }, - - init: function(view) { - var me = this; - - if (!view.url) { - throw "no url specified"; - } - - var viewmodel = me.getViewModel(); - var viewModel = this.getViewModel(); - var since = new Date(); - since.setDate(since.getDate() - 3); - viewModel.set('until', new Date()); - viewModel.set('since', since); - me.lookup('content').setStyle('line-height', view.lineHeight + 'px'); - - view.loadTask = new Ext.util.DelayedTask(me.doLoad, me, [true, false]); - - me.updateParams(); - view.task = Ext.TaskManager.start({ - run: function() { - if (!view.isVisible() || !view.scrollToEnd || !viewmodel.get('livemode')) { - return; - } - - if (me.scrollPosBottom() <= 1) { - view.loadTask.delay(200, undefined, undefined, [true, false]); - } - }, - interval: 1000 - }); - }, - - onLiveMode: function() { - var me = this; - var view = me.getView(); - delete view.startcursor; - delete view.endcursor; - delete view.content; - me.getViewModel().set('livemode', true); - view.scrollToEnd = true; - me.updateView([], true, false); - }, - - onTimespan: function() { - var me = this; - me.getViewModel().set('livemode', false); - me.updateView([], false); - } - }, - - onDestroy: function() { - var me = this; - me.loadTask.cancel(); - Ext.TaskManager.stop(me.task); - delete me.content; - }, - - // for user to initiate a load from outside - requestUpdate: function() { - var me = this; - me.loadTask.delay(200); - }, - - viewModel: { - data: { - livemode: true, - until: null, - since: null - } - }, - - layout: 'auto', - bodyPadding: 5, - scrollable: { - x: 'auto', - y: 'auto', - listeners: { - // we have to have this here, since we cannot listen to events - // of the scroller in the viewcontroller (extjs bug?), nor does - // the panel have a 'scroll' event' - scroll: { - fn: function(scroller, x, y) { - var controller = this.component.getController(); - if (controller) { // on destroy, controller can be gone - controller.onScroll(x,y); - } - }, - buffer: 200 - }, - } - }, - - tbar: { - - items: [ - '->', - { - xtype: 'segmentedbutton', - items: [ - { - text: gettext('Live Mode'), - bind: { - pressed: '{livemode}' - }, - handler: 'onLiveMode', - }, - { - text: gettext('Select Timespan'), - bind: { - pressed: '{!livemode}' - }, - handler: 'onTimespan', - } - ] - }, - { - xtype: 'box', - bind: { disabled: '{livemode}' }, - autoEl: { cn: gettext('Since') + ':' } - }, - { - xtype: 'datefield', - name: 'since_date', - reference: 'since', - format: 'Y-m-d', - bind: { - disabled: '{livemode}', - value: '{since}', - maxValue: '{until}' - } - }, - { - xtype: 'box', - bind: { disabled: '{livemode}' }, - autoEl: { cn: gettext('Until') + ':' } - }, - { - xtype: 'datefield', - name: 'until_date', - reference: 'until', - format: 'Y-m-d', - bind: { - disabled: '{livemode}', - value: '{until}', - minValue: '{since}' - } - }, - { - xtype: 'button', - text: 'Update', - reference: 'updateBtn', - handler: 'updateParams', - bind: { - disabled: '{livemode}' - } - } - ] - }, - - items: [ - { - xtype: 'box', - reference: 'content', - style: { - font: 'normal 11px tahoma, arial, verdana, sans-serif', - 'white-space': 'pre' - }, - } - ] -}); -Ext.define('Proxmox.widget.RRDChart', { - extend: 'Ext.chart.CartesianChart', - alias: 'widget.proxmoxRRDChart', - - unit: undefined, // bytes, bytespersecond, percent - - controller: { - xclass: 'Ext.app.ViewController', - - convertToUnits: function(value) { - var units = ['', 'k','M','G','T', 'P']; - var si = 0; - while(value >= 1000 && si < (units.length -1)){ - value = value / 1000; - si++; - } - - // javascript floating point weirdness - value = Ext.Number.correctFloat(value); - - // limit to 2 decimal points - value = Ext.util.Format.number(value, "0.##"); - - return value.toString() + " " + units[si]; - }, - - leftAxisRenderer: function(axis, label, layoutContext) { - var me = this; - - return me.convertToUnits(label); - }, - - onSeriesTooltipRender: function(tooltip, record, item) { - var me = this.getView(); - - var suffix = ''; - - if (me.unit === 'percent') { - suffix = '%'; - } else if (me.unit === 'bytes') { - suffix = 'B'; - } else if (me.unit === 'bytespersecond') { - suffix = 'B/s'; - } - - var prefix = item.field; - if (me.fieldTitles && me.fieldTitles[me.fields.indexOf(item.field)]) { - prefix = me.fieldTitles[me.fields.indexOf(item.field)]; - } - tooltip.setHtml(prefix + ': ' + this.convertToUnits(record.get(item.field)) + suffix + - '
' + new Date(record.get('time'))); - }, - - onAfterAnimation: function(chart, eopts) { - // if the undobuton is disabled, - // disable our tool - - var ourUndoZoomButton = chart.tools[0]; - var undoButton = chart.interactions[0].getUndoButton(); - ourUndoZoomButton.setDisabled(undoButton.isDisabled()); - } - }, - - width: 770, - height: 300, - animation: false, - interactions: [{ - type: 'crosszoom' - }], - axes: [{ - type: 'numeric', - position: 'left', - grid: true, - renderer: 'leftAxisRenderer', - //renderer: function(axis, label) { return label; }, - minimum: 0 - }, { - type: 'time', - position: 'bottom', - grid: true, - fields: ['time'] - }], - legend: { - docked: 'bottom' - }, - listeners: { - animationend: 'onAfterAnimation' - }, - - - initComponent: function() { - var me = this; - var series = {}; - - if (!me.store) { - throw "cannot work without store"; - } - - if (!me.fields) { - throw "cannot work without fields"; - } - - me.callParent(); - - // add correct label for left axis - var axisTitle = ""; - if (me.unit === 'percent') { - axisTitle = "%"; - } else if (me.unit === 'bytes') { - axisTitle = "Bytes"; - } else if (me.unit === 'bytespersecond') { - axisTitle = "Bytes/s"; - } else if (me.fieldTitles && me.fieldTitles.length === 1) { - axisTitle = me.fieldTitles[0]; - } else if (me.fields.length === 1) { - axisTitle = me.fields[0]; - } - - me.axes[0].setTitle(axisTitle); - - if (!me.noTool) { - me.addTool([{ - type: 'minus', - disabled: true, - tooltip: gettext('Undo Zoom'), - handler: function(){ - var undoButton = me.interactions[0].getUndoButton(); - if (undoButton.handler) { - undoButton.handler(); - } - } - },{ - type: 'restore', - tooltip: gettext('Toggle Legend'), - handler: function(){ - if (me.legend) { - me.legend.setVisible(!me.legend.isVisible()); - } - } - }]); - } - - // add a series for each field we get - me.fields.forEach(function(item, index){ - var title = item; - if (me.fieldTitles && me.fieldTitles[index]) { - title = me.fieldTitles[index]; - } - me.addSeries(Ext.apply( - { - type: 'line', - xField: 'time', - yField: item, - title: title, - fill: true, - style: { - lineWidth: 1.5, - opacity: 0.60 - }, - marker: { - opacity: 0, - scaling: 0.01, - fx: { - duration: 200, - easing: 'easeOut' - } - }, - highlightCfg: { - opacity: 1, - scaling: 1.5 - }, - tooltip: { - trackMouse: true, - renderer: 'onSeriesTooltipRender' - } - }, - me.seriesConfig - )); - }); - - // enable animation after the store is loaded - me.store.onAfter('load', function() { - me.setAnimation(true); - }, this, {single: true}); - } -}); -Ext.define('Proxmox.panel.GaugeWidget', { - extend: 'Ext.panel.Panel', - alias: 'widget.proxmoxGauge', - - defaults: { - style: { - 'text-align':'center' - } - }, - items: [ - { - xtype: 'box', - itemId: 'title', - data: { - title: '' - }, - tpl: '
{title}
' - }, - { - xtype: 'polar', - height: 120, - border: false, - itemId: 'chart', - series: [{ - type: 'gauge', - value: 0, - colors: ['#f5f5f5'], - sectors: [0], - donut: 90, - needleLength: 100, - totalAngle: Math.PI - }], - sprites: [{ - id: 'valueSprite', - type: 'text', - text: '', - textAlign: 'center', - textBaseline: 'bottom', - x: 125, - y: 110, - fontSize: 30 - }] - }, - { - xtype: 'box', - itemId: 'text' - } - ], - - header: false, - border: false, - - warningThreshold: 0.6, - criticalThreshold: 0.9, - warningColor: '#fc0', - criticalColor: '#FF6C59', - defaultColor: '#7289DA', - backgroundColor: '#2C2F33', - - initialValue: 0, - - - updateValue: function(value, text) { - var me = this; - var color = me.defaultColor; - var attr = {}; - - if (value >= me.criticalThreshold) { - color = me.criticalColor; - } else if (value >= me.warningThreshold) { - color = me.warningColor; - } - - me.chart.series[0].setColors([color, me.backgroundColor]); - me.chart.series[0].setValue(value*100); - - me.valueSprite.setText(' '+(value*100).toFixed(0) + '%'); - attr.x = me.chart.getWidth()/2; - attr.y = me.chart.getHeight()-20; - if (me.spriteFontSize) { - attr.fontSize = me.spriteFontSize; - } - me.valueSprite.setAttributes(attr, true); - - if (text !== undefined) { - me.text.setHtml(text); - } - }, - - initComponent: function() { - var me = this; - - me.callParent(); - - if (me.title) { - me.getComponent('title').update({title: me.title}); - } - me.text = me.getComponent('text'); - me.chart = me.getComponent('chart'); - me.valueSprite = me.chart.getSurface('chart').get('valueSprite'); - } -}); -// fixme: how can we avoid those lint errors? -/*jslint confusion: true */ -Ext.define('Proxmox.window.Edit', { - extend: 'Ext.window.Window', - alias: 'widget.proxmoxWindowEdit', - - // autoLoad trigger a load() after component creation - autoLoad: false, - - resizable: false, - - // use this tio atimatically generate a title like - // Create:' +
- Ext.String.htmlEncode(data.Description) +
- '
',
- rowBodyCls: me.full_description ? '' : Ext.baseCSSPrefix + 'grid-row-body-hidden',
- rowBodyColspan: colspan
- };
- }
- });
-
- var reload = function() {
- store.load();
- };
-
- Proxmox.Utils.monStoreErrors(me, store, true);
-
- var apt_command = function(cmd){
- Proxmox.Utils.API2Request({
- url: "/nodes/" + me.nodename + "/apt/" + cmd,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, opts) {
- var upid = response.result.data;
-
- var win = Ext.create('Proxmox.window.TaskViewer', {
- upid: upid
- });
- win.show();
- me.mon(win, 'close', reload);
- }
- });
- };
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var update_btn = new Ext.Button({
- text: gettext('Refresh'),
- handler: function() {
- Proxmox.Utils.checked_command(function() { apt_command('update'); });
- }
- });
-
- var show_changelog = function(rec) {
- if (!rec || !rec.data || !(rec.data.ChangeLogUrl && rec.data.Package)) {
- return;
- }
-
- var view = Ext.createWidget('component', {
- autoScroll: true,
- style: {
- 'background-color': 'white',
- 'white-space': 'pre',
- 'font-family': 'monospace',
- padding: '5px'
- }
- });
-
- var win = Ext.create('Ext.window.Window', {
- title: gettext('Changelog') + ": " + rec.data.Package,
- width: 800,
- height: 400,
- layout: 'fit',
- modal: true,
- items: [ view ]
- });
-
- Proxmox.Utils.API2Request({
- waitMsgTarget: me,
- url: "/nodes/" + me.nodename + "/apt/changelog",
- params: {
- name: rec.data.Package,
- version: rec.data.Version
- },
- method: 'GET',
- failure: function(response, opts) {
- win.close();
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, opts) {
- win.show();
- view.update(Ext.htmlEncode(response.result.data));
- }
- });
-
- };
-
- var changelog_btn = new Proxmox.button.Button({
- text: gettext('Changelog'),
- selModel: sm,
- disabled: true,
- enableFn: function(rec) {
- if (!rec || !rec.data || !(rec.data.ChangeLogUrl && rec.data.Package)) {
- return false;
- }
- return true;
- },
- handler: function(b, e, rec) {
- show_changelog(rec);
- }
- });
-
- var verbose_desc_checkbox = new Ext.form.field.Checkbox({
- boxLabel: gettext('Show details'),
- value: false,
- listeners: {
- change: (f, val) => {
- me.full_description = val;
- me.getView().refresh();
- }
- }
- });
-
- if (me.upgradeBtn) {
- me.tbar = [ update_btn, me.upgradeBtn, changelog_btn, '->', verbose_desc_checkbox ];
- } else {
- me.tbar = [ update_btn, changelog_btn, '->', verbose_desc_checkbox ];
- }
-
- Ext.apply(me, {
- store: store,
- stateful: true,
- stateId: 'grid-update',
- selModel: sm,
- viewConfig: {
- stripeRows: false,
- emptyText: '' + gettext('No updates available.') + '
" + Ext.htmlEncode(changes) + ""); - changeitem.setHidden(false); - } - } - }); - }; - - var run_editor = function() { - var grid = me.down('gridpanel'); - var sm = grid.getSelectionModel(); - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iface: rec.data.iface, - iftype: rec.data.type - }); - win.show(); - win.on('destroy', reload); - }; - - var edit_btn = new Ext.Button({ - text: gettext('Edit'), - disabled: true, - handler: run_editor - }); - - var del_btn = new Ext.Button({ - text: gettext('Remove'), - disabled: true, - handler: function(){ - var grid = me.down('gridpanel'); - var sm = grid.getSelectionModel(); - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var iface = rec.data.iface; - - Proxmox.Utils.API2Request({ - url: baseUrl + '/' + iface, - method: 'DELETE', - waitMsgTarget: me, - callback: function() { - reload(); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - }); - - var set_button_status = function() { - var grid = me.down('gridpanel'); - var sm = grid.getSelectionModel(); - var rec = sm.getSelection()[0]; - - edit_btn.setDisabled(!rec); - del_btn.setDisabled(!rec); - }; - - var render_ports = function(value, metaData, record) { - if (value === 'bridge') { - return record.data.bridge_ports; - } else if (value === 'bond') { - return record.data.slaves; - } else if (value === 'OVSBridge') { - return record.data.ovs_ports; - } else if (value === 'OVSBond') { - return record.data.ovs_bonds; - } - }; - - var find_next_iface_id = function(prefix) { - var next; - for (next = 0; next <= 9999; next++) { - if (!store.getById(prefix + next.toString())) { - break; - } - } - return prefix + next.toString(); - }; - - var menu_items = []; - - if (me.types.indexOf('bridge') !== -1) { - menu_items.push({ - text: Proxmox.Utils.render_network_iface_type('bridge'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'bridge', - iface_default: find_next_iface_id('vmbr') - }); - win.on('destroy', reload); - win.show(); - } - }); - } - - if (me.types.indexOf('bond') !== -1) { - menu_items.push({ - text: Proxmox.Utils.render_network_iface_type('bond'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'bond', - iface_default: find_next_iface_id('bond') - }); - win.on('destroy', reload); - win.show(); - } - }); - } - - if (me.types.indexOf('ovs') !== -1) { - if (menu_items.length > 0) { - menu_items.push({ xtype: 'menuseparator' }); - } - - menu_items.push( - { - text: Proxmox.Utils.render_network_iface_type('OVSBridge'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'OVSBridge', - iface_default: find_next_iface_id('vmbr') - }); - win.on('destroy', reload); - win.show(); - } - }, - { - text: Proxmox.Utils.render_network_iface_type('OVSBond'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'OVSBond', - iface_default: find_next_iface_id('bond') - }); - win.on('destroy', reload); - win.show(); - } - }, - { - text: Proxmox.Utils.render_network_iface_type('OVSIntPort'), - handler: function() { - var win = Ext.create('Proxmox.node.NetworkEdit', { - nodename: me.nodename, - iftype: 'OVSIntPort' - }); - win.on('destroy', reload); - win.show(); - } - } - ); - } - - var renderer_generator = function(fieldname) { - return function(val, metaData, rec) { - var tmp = []; - if (rec.data[fieldname]) { - tmp.push(rec.data[fieldname]); - } - if (rec.data[fieldname + '6']) { - tmp.push(rec.data[fieldname + '6']); - } - return tmp.join('
') || ''; - }; - }; - - Ext.apply(me, { - layout: 'border', - tbar: [ - { - text: gettext('Create'), - menu: { - plain: true, - items: menu_items - } - }, ' ', - { - text: gettext('Revert'), - handler: function() { - Proxmox.Utils.API2Request({ - url: baseUrl, - method: 'DELETE', - waitMsgTarget: me, - callback: function() { - reload(); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - }, - edit_btn, - del_btn - ], - items: [ - { - xtype: 'gridpanel', - stateful: true, - stateId: 'grid-node-network', - store: store, - region: 'center', - border: false, - columns: [ - { - header: gettext('Name'), - sortable: true, - dataIndex: 'iface' - }, - { - header: gettext('Type'), - sortable: true, - width: 120, - renderer: Proxmox.Utils.render_network_iface_type, - dataIndex: 'type' - }, - { - xtype: 'booleancolumn', - header: gettext('Active'), - width: 80, - sortable: true, - dataIndex: 'active', - trueText: Proxmox.Utils.yesText, - falseText: Proxmox.Utils.noText, - undefinedText: Proxmox.Utils.noText, - }, - { - xtype: 'booleancolumn', - header: gettext('Autostart'), - width: 80, - sortable: true, - dataIndex: 'autostart', - trueText: Proxmox.Utils.yesText, - falseText: Proxmox.Utils.noText, - undefinedText: Proxmox.Utils.noText - }, - { - xtype: 'booleancolumn', - header: gettext('VLAN aware'), - width: 80, - sortable: true, - dataIndex: 'bridge_vlan_aware', - trueText: Proxmox.Utils.yesText, - falseText: Proxmox.Utils.noText, - undefinedText: Proxmox.Utils.noText - }, - { - header: gettext('Ports/Slaves'), - dataIndex: 'type', - renderer: render_ports - }, - { - header: gettext('Bond Mode'), - dataIndex: 'bond_mode', - renderer: Proxmox.Utils.render_bond_mode, - }, - { - header: gettext('Hash Policy'), - hidden: true, - dataIndex: 'bond_xmit_hash_policy', - }, - { - header: gettext('IP address'), - sortable: true, - width: 120, - hidden: true, - dataIndex: 'address', - renderer: renderer_generator('address'), - }, - { - header: gettext('Subnet mask'), - width: 120, - sortable: true, - hidden: true, - dataIndex: 'netmask', - renderer: renderer_generator('netmask'), - }, - { - header: gettext('CIDR'), - width: 120, - sortable: true, - dataIndex: 'cidr', - renderer: renderer_generator('cidr'), - }, - { - header: gettext('Gateway'), - width: 120, - sortable: true, - dataIndex: 'gateway', - renderer: renderer_generator('gateway'), - }, - { - header: gettext('Comment'), - dataIndex: 'comments', - flex: 1, - renderer: Ext.String.htmlEncode - } - ], - listeners: { - selectionchange: set_button_status, - itemdblclick: run_editor - } - }, - { - border: false, - region: 'south', - autoScroll: true, - hidden: true, - itemId: 'changes', - tbar: [ - gettext('Pending changes') + ' (' + - gettext('Please reboot to activate changes') + ')' - ], - split: true, - bodyPadding: 5, - flex: 0.6, - html: gettext("No changes") - } - ], - }); - - me.callParent(); - reload(); - } -}); -Ext.define('Proxmox.node.DNSEdit', { - extend: 'Proxmox.window.Edit', - alias: ['widget.proxmoxNodeDNSEdit'], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.items = [ - { - xtype: 'textfield', - fieldLabel: gettext('Search domain'), - name: 'search', - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('DNS server') + " 1", - vtype: 'IP64Address', - skipEmptyText: true, - name: 'dns1' - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('DNS server') + " 2", - vtype: 'IP64Address', - skipEmptyText: true, - name: 'dns2' - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('DNS server') + " 3", - vtype: 'IP64Address', - skipEmptyText: true, - name: 'dns3' - } - ]; - - Ext.applyIf(me, { - subject: gettext('DNS'), - url: "/api2/extjs/nodes/" + me.nodename + "/dns", - fieldDefaults: { - labelWidth: 120 - } - }); - - me.callParent(); - - me.load(); - } -}); -Ext.define('Proxmox.node.HostsView', { - extend: 'Ext.panel.Panel', - xtype: 'proxmoxNodeHostsView', - - reload: function() { - var me = this; - me.store.load(); - }, - - tbar: [ - { - text: gettext('Save'), - disabled: true, - itemId: 'savebtn', - handler: function() { - var me = this.up('panel'); - Proxmox.Utils.API2Request({ - params: { - digest: me.digest, - data: me.down('#hostsfield').getValue() - }, - method: 'POST', - url: '/nodes/' + me.nodename + '/hosts', - waitMsgTarget: me, - success: function(response, opts) { - me.reload(); - }, - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - } - }, - { - text: gettext('Revert'), - disabled: true, - itemId: 'resetbtn', - handler: function() { - var me = this.up('panel'); - me.down('#hostsfield').reset(); - } - } - ], - - layout: 'fit', - - items: [ - { - xtype: 'textarea', - itemId: 'hostsfield', - fieldStyle: { - 'font-family': 'monospace', - 'white-space': 'pre' - }, - listeners: { - dirtychange: function(ta, dirty) { - var me = this.up('panel'); - me.down('#savebtn').setDisabled(!dirty); - me.down('#resetbtn').setDisabled(!dirty); - } - } - } - ], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.store = Ext.create('Ext.data.Store', { - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + "/hosts", - } - }); - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.store); - - me.mon(me.store, 'load', function(store, records, success) { - if (!success || records.length < 1) { - return; - } - me.digest = records[0].data.digest; - var data = records[0].data.data; - me.down('#hostsfield').setValue(data); - me.down('#hostsfield').resetOriginalValue(); - }); - - me.reload(); - } -}); -Ext.define('Proxmox.node.DNSView', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.proxmoxNodeDNSView'], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var run_editor = function() { - var win = Ext.create('Proxmox.node.DNSEdit', { - nodename: me.nodename - }); - win.show(); - }; - - Ext.apply(me, { - url: "/api2/json/nodes/" + me.nodename + "/dns", - cwidth1: 130, - interval: 1000, - run_editor: run_editor, - rows: { - search: { - header: 'Search domain', - required: true, - renderer: Ext.htmlEncode - }, - dns1: { - header: gettext('DNS server') + " 1", - required: true, - renderer: Ext.htmlEncode - }, - dns2: { - header: gettext('DNS server') + " 2", - renderer: Ext.htmlEncode - }, - dns3: { - header: gettext('DNS server') + " 3", - renderer: Ext.htmlEncode - } - }, - tbar: [ - { - text: gettext("Edit"), - handler: run_editor - } - ], - listeners: { - itemdblclick: run_editor - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('deactivate', me.rstore.stopUpdate); - me.on('destroy', me.rstore.stopUpdate); - } -}); -Ext.define('Proxmox.node.Tasks', { - extend: 'Ext.grid.GridPanel', - - alias: ['widget.proxmoxNodeTasks'], - stateful: true, - stateId: 'grid-node-tasks', - loadMask: true, - sortableColumns: false, - vmidFilter: 0, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var store = Ext.create('Ext.data.BufferedStore', { - pageSize: 500, - autoLoad: true, - remoteFilter: true, - model: 'proxmox-tasks', - proxy: { - type: 'proxmox', - startParam: 'start', - limitParam: 'limit', - url: "/api2/json/nodes/" + me.nodename + "/tasks" - } - }); - - var userfilter = ''; - var filter_errors = 0; - - var updateProxyParams = function() { - var params = { - errors: filter_errors - }; - if (userfilter) { - params.userfilter = userfilter; - } - if (me.vmidFilter) { - params.vmid = me.vmidFilter; - } - store.proxy.extraParams = params; - }; - - updateProxyParams(); - - var reload_task = Ext.create('Ext.util.DelayedTask',function() { - updateProxyParams(); - store.reload(); - }); - - var run_task_viewer = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: rec.data.upid - }); - win.show(); - }; - - var view_btn = new Ext.Button({ - text: gettext('View'), - disabled: true, - handler: run_task_viewer - }); - - Proxmox.Utils.monStoreErrors(me, store, true); - - Ext.apply(me, { - store: store, - viewConfig: { - trackOver: false, - stripeRows: false, // does not work with getRowClass() - - getRowClass: function(record, index) { - var status = record.get('status'); - - if (status && status != 'OK') { - return "proxmox-invalid-row"; - } - } - }, - tbar: [ - view_btn, '->', gettext('User name') +':', ' ', - { - xtype: 'textfield', - width: 200, - value: userfilter, - enableKeyEvents: true, - listeners: { - keyup: function(field, e) { - userfilter = field.getValue(); - reload_task.delay(500); - } - } - }, ' ', gettext('Only Errors') + ':', ' ', - { - xtype: 'checkbox', - hideLabel: true, - checked: filter_errors, - listeners: { - change: function(field, checked) { - filter_errors = checked ? 1 : 0; - reload_task.delay(10); - } - } - }, ' ' - ], - columns: [ - { - header: gettext("Start Time"), - dataIndex: 'starttime', - width: 100, - renderer: function(value) { - return Ext.Date.format(value, "M d H:i:s"); - } - }, - { - header: gettext("End Time"), - dataIndex: 'endtime', - width: 100, - renderer: function(value, metaData, record) { - return Ext.Date.format(value,"M d H:i:s"); - } - }, - { - header: gettext("Node"), - dataIndex: 'node', - width: 100 - }, - { - header: gettext("User name"), - dataIndex: 'user', - width: 150 - }, - { - header: gettext("Description"), - dataIndex: 'upid', - flex: 1, - renderer: Proxmox.Utils.render_upid - }, - { - header: gettext("Status"), - dataIndex: 'status', - width: 200, - renderer: function(value, metaData, record) { - if (value == 'OK') { - return 'OK'; - } - // metaData.attr = 'style="color:red;"'; - return "ERROR: " + value; - } - } - ], - listeners: { - itemdblclick: run_task_viewer, - selectionchange: function(v, selections) { - view_btn.setDisabled(!(selections && selections[0])); - }, - show: function() { reload_task.delay(10); }, - destroy: function() { reload_task.cancel(); } - } - }); - - me.callParent(); - - } -}); -Ext.define('proxmox-services', { - extend: 'Ext.data.Model', - fields: [ 'service', 'name', 'desc', 'state' ], - idProperty: 'service' -}); - -Ext.define('Proxmox.node.ServiceView', { - extend: 'Ext.grid.GridPanel', - - alias: ['widget.proxmoxNodeServiceView'], - - startOnlyServices: {}, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var rstore = Ext.create('Proxmox.data.UpdateStore', { - interval: 1000, - storeid: 'proxmox-services' + me.nodename, - model: 'proxmox-services', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + "/services" - } - }); - - var store = Ext.create('Proxmox.data.DiffStore', { - rstore: rstore, - sortAfterUpdate: true, - sorters: [ - { - property : 'name', - direction: 'ASC' - } - ] - }); - - var view_service_log = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - var win = Ext.create('Ext.window.Window', { - title: gettext('Syslog') + ': ' + rec.data.service, - modal: true, - width: 800, - height: 400, - layout: 'fit', - items: { - xtype: 'proxmoxLogView', - url: "/api2/extjs/nodes/" + me.nodename + "/syslog?service=" + - rec.data.service, - log_select_timespan: 1 - } - }); - win.show(); - }; - - var service_cmd = function(cmd) { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - Proxmox.Utils.API2Request({ - url: "/nodes/" + me.nodename + "/services/" + rec.data.service + "/" + cmd, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - me.loading = true; - }, - success: function(response, opts) { - rstore.startUpdate(); - var upid = response.result.data; - - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid - }); - win.show(); - } - }); - }; - - var start_btn = new Ext.Button({ - text: gettext('Start'), - disabled: true, - handler: function(){ - service_cmd("start"); - } - }); - - var stop_btn = new Ext.Button({ - text: gettext('Stop'), - disabled: true, - handler: function(){ - service_cmd("stop"); - } - }); - - var restart_btn = new Ext.Button({ - text: gettext('Restart'), - disabled: true, - handler: function(){ - service_cmd("restart"); - } - }); - - var syslog_btn = new Ext.Button({ - text: gettext('Syslog'), - disabled: true, - handler: view_service_log - }); - - var set_button_status = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - - if (!rec) { - start_btn.disable(); - stop_btn.disable(); - restart_btn.disable(); - syslog_btn.disable(); - return; - } - var service = rec.data.service; - var state = rec.data.state; - - syslog_btn.enable(); - - if (me.startOnlyServices[service]) { - if (state == 'running') { - start_btn.disable(); - restart_btn.enable(); - } else { - start_btn.enable(); - restart_btn.disable(); - } - stop_btn.disable(); - } else { - if (state == 'running') { - start_btn.disable(); - restart_btn.enable(); - stop_btn.enable(); - } else { - start_btn.enable(); - restart_btn.disable(); - stop_btn.disable(); - } - } - }; - - me.mon(store, 'refresh', set_button_status); - - Proxmox.Utils.monStoreErrors(me, rstore); - - Ext.apply(me, { - store: store, - stateful: false, - tbar: [ start_btn, stop_btn, restart_btn, syslog_btn ], - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - dataIndex: 'name' - }, - { - header: gettext('Status'), - width: 100, - sortable: true, - dataIndex: 'state' - }, - { - header: gettext('Description'), - renderer: Ext.String.htmlEncode, - dataIndex: 'desc', - flex: 2 - } - ], - listeners: { - selectionchange: set_button_status, - itemdblclick: view_service_log, - activate: rstore.startUpdate, - destroy: rstore.stopUpdate - } - }); - - me.callParent(); - } -}); -Ext.define('Proxmox.node.TimeEdit', { - extend: 'Proxmox.window.Edit', - alias: ['widget.proxmoxNodeTimeEdit'], - - subject: gettext('Time zone'), - - width: 400, - - autoLoad: true, - - fieldDefaults: { - labelWidth: 70 - }, - - items: { - xtype: 'combo', - fieldLabel: gettext('Time zone'), - name: 'timezone', - queryMode: 'local', - store: Ext.create('Proxmox.data.TimezoneStore'), - displayField: 'zone', - editable: true, - anyMatch: true, - forceSelection: true, - allowBlank: false - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - me.url = "/api2/extjs/nodes/" + me.nodename + "/time"; - - me.callParent(); - } -}); -Ext.define('Proxmox.node.TimeView', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.proxmoxNodeTimeView'], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var tzoffset = (new Date()).getTimezoneOffset()*60000; - var renderlocaltime = function(value) { - var servertime = new Date((value * 1000) + tzoffset); - return Ext.Date.format(servertime, 'Y-m-d H:i:s'); - }; - - var run_editor = function() { - var win = Ext.create('Proxmox.node.TimeEdit', { - nodename: me.nodename - }); - win.show(); - }; - - Ext.apply(me, { - url: "/api2/json/nodes/" + me.nodename + "/time", - cwidth1: 150, - interval: 1000, - run_editor: run_editor, - rows: { - timezone: { - header: gettext('Time zone'), - required: true - }, - localtime: { - header: gettext('Server time'), - required: true, - renderer: renderlocaltime - } - }, - tbar: [ - { - text: gettext("Edit"), - handler: run_editor - } - ], - listeners: { - itemdblclick: run_editor - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('deactivate', me.rstore.stopUpdate); - me.on('destroy', me.rstore.stopUpdate); - } -}); diff --git a/serverside/jsmod/6.0-4/pvemanagerlib.js b/serverside/jsmod/6.0-4/pvemanagerlib.js deleted file mode 100644 index add3e49..0000000 --- a/serverside/jsmod/6.0-4/pvemanagerlib.js +++ /dev/null @@ -1,39779 +0,0 @@ -var pveOnlineHelpInfo = { - "ceph_rados_block_devices" : { - "link" : "/pve-docs/chapter-pvesm.html#ceph_rados_block_devices", - "title" : "Ceph RADOS Block Devices (RBD)" - }, - "chapter_ha_manager" : { - "link" : "/pve-docs/chapter-ha-manager.html#chapter_ha_manager", - "title" : "High Availability" - }, - "chapter_lvm" : { - "link" : "/pve-docs/chapter-sysadmin.html#chapter_lvm", - "title" : "Logical Volume Manager (LVM)" - }, - "chapter_pct" : { - "link" : "/pve-docs/chapter-pct.html#chapter_pct", - "title" : "Proxmox Container Toolkit" - }, - "chapter_pve_firewall" : { - "link" : "/pve-docs/chapter-pve-firewall.html#chapter_pve_firewall", - "title" : "Proxmox VE Firewall" - }, - "chapter_pveceph" : { - "link" : "/pve-docs/chapter-pveceph.html#chapter_pveceph", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "chapter_pvecm" : { - "link" : "/pve-docs/chapter-pvecm.html#chapter_pvecm", - "title" : "Cluster Manager" - }, - "chapter_pvesr" : { - "link" : "/pve-docs/chapter-pvesr.html#chapter_pvesr", - "title" : "Storage Replication" - }, - "chapter_storage" : { - "link" : "/pve-docs/chapter-pvesm.html#chapter_storage", - "title" : "Proxmox VE Storage" - }, - "chapter_system_administration" : { - "link" : "/pve-docs/chapter-sysadmin.html#chapter_system_administration", - "title" : "Host System Administration" - }, - "chapter_user_management" : { - "link" : "/pve-docs/chapter-pveum.html#chapter_user_management", - "title" : "User Management" - }, - "chapter_virtual_machines" : { - "link" : "/pve-docs/chapter-qm.html#chapter_virtual_machines", - "title" : "Qemu/KVM Virtual Machines" - }, - "chapter_vzdump" : { - "link" : "/pve-docs/chapter-vzdump.html#chapter_vzdump", - "title" : "Backup and Restore" - }, - "chapter_zfs" : { - "link" : "/pve-docs/chapter-sysadmin.html#chapter_zfs", - "title" : "ZFS on Linux" - }, - "datacenter_configuration_file" : { - "link" : "/pve-docs/pve-admin-guide.html#datacenter_configuration_file", - "title" : "Datacenter Configuration" - }, - "getting_help" : { - "link" : "/pve-docs/pve-admin-guide.html#getting_help", - "title" : "Getting Help" - }, - "gui_my_settings" : { - "link" : "/pve-docs/chapter-pve-gui.html#gui_my_settings", - "subtitle" : "My Settings", - "title" : "Graphical User Interface" - }, - "ha_manager_fencing" : { - "link" : "/pve-docs/chapter-ha-manager.html#ha_manager_fencing", - "subtitle" : "Fencing", - "title" : "High Availability" - }, - "ha_manager_groups" : { - "link" : "/pve-docs/chapter-ha-manager.html#ha_manager_groups", - "subtitle" : "Groups", - "title" : "High Availability" - }, - "ha_manager_resource_config" : { - "link" : "/pve-docs/chapter-ha-manager.html#ha_manager_resource_config", - "subtitle" : "Resources", - "title" : "High Availability" - }, - "ha_manager_resources" : { - "link" : "/pve-docs/chapter-ha-manager.html#ha_manager_resources", - "subtitle" : "Resources", - "title" : "High Availability" - }, - "pct_configuration" : { - "link" : "/pve-docs/chapter-pct.html#pct_configuration", - "subtitle" : "Configuration", - "title" : "Proxmox Container Toolkit" - }, - "pct_container_images" : { - "link" : "/pve-docs/chapter-pct.html#pct_container_images", - "subtitle" : "Container Images", - "title" : "Proxmox Container Toolkit" - }, - "pct_container_network" : { - "link" : "/pve-docs/chapter-pct.html#pct_container_network", - "subtitle" : "Network", - "title" : "Proxmox Container Toolkit" - }, - "pct_container_storage" : { - "link" : "/pve-docs/chapter-pct.html#pct_container_storage", - "subtitle" : "Container Storage", - "title" : "Proxmox Container Toolkit" - }, - "pct_cpu" : { - "link" : "/pve-docs/chapter-pct.html#pct_cpu", - "subtitle" : "CPU", - "title" : "Proxmox Container Toolkit" - }, - "pct_general" : { - "link" : "/pve-docs/chapter-pct.html#pct_general", - "subtitle" : "General Settings", - "title" : "Proxmox Container Toolkit" - }, - "pct_memory" : { - "link" : "/pve-docs/chapter-pct.html#pct_memory", - "subtitle" : "Memory", - "title" : "Proxmox Container Toolkit" - }, - "pct_migration" : { - "link" : "/pve-docs/chapter-pct.html#pct_migration", - "subtitle" : "Migration", - "title" : "Proxmox Container Toolkit" - }, - "pct_options" : { - "link" : "/pve-docs/chapter-pct.html#pct_options", - "subtitle" : "Options", - "title" : "Proxmox Container Toolkit" - }, - "pct_snapshots" : { - "link" : "/pve-docs/chapter-pct.html#pct_snapshots", - "subtitle" : "Snapshots", - "title" : "Proxmox Container Toolkit" - }, - "pct_startup_and_shutdown" : { - "link" : "/pve-docs/chapter-pct.html#pct_startup_and_shutdown", - "subtitle" : "Automatic Start and Shutdown of Containers", - "title" : "Proxmox Container Toolkit" - }, - "pve_admin_guide" : { - "link" : "/pve-docs/pve-admin-guide.html", - "title" : "Proxmox VE Administration Guide" - }, - "pve_ceph_install" : { - "link" : "/pve-docs/chapter-pveceph.html#pve_ceph_install", - "subtitle" : "Installation of Ceph Packages", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pve_ceph_osds" : { - "link" : "/pve-docs/chapter-pveceph.html#pve_ceph_osds", - "subtitle" : "Creating Ceph OSDs", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pve_ceph_pools" : { - "link" : "/pve-docs/chapter-pveceph.html#pve_ceph_pools", - "subtitle" : "Creating Ceph Pools", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pve_documentation_index" : { - "link" : "/pve-docs/index.html", - "title" : "Proxmox VE Documentation Index" - }, - "pve_firewall_cluster_wide_setup" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_cluster_wide_setup", - "subtitle" : "Cluster Wide Setup", - "title" : "Proxmox VE Firewall" - }, - "pve_firewall_host_specific_configuration" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_host_specific_configuration", - "subtitle" : "Host Specific Configuration", - "title" : "Proxmox VE Firewall" - }, - "pve_firewall_ip_aliases" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_ip_aliases", - "subtitle" : "IP Aliases", - "title" : "Proxmox VE Firewall" - }, - "pve_firewall_ip_sets" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_ip_sets", - "subtitle" : "IP Sets", - "title" : "Proxmox VE Firewall" - }, - "pve_firewall_vm_container_configuration" : { - "link" : "/pve-docs/chapter-pve-firewall.html#pve_firewall_vm_container_configuration", - "subtitle" : "VM/Container Configuration", - "title" : "Proxmox VE Firewall" - }, - "pve_service_daemons" : { - "link" : "/pve-docs/index.html#_service_daemons", - "title" : "Service Daemons" - }, - "pveceph_fs" : { - "link" : "/pve-docs/chapter-pveceph.html#pveceph_fs", - "subtitle" : "CephFS", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pveceph_fs_create" : { - "link" : "/pve-docs/chapter-pveceph.html#pveceph_fs_create", - "subtitle" : "Create a CephFS", - "title" : "Manage Ceph Services on Proxmox VE Nodes" - }, - "pvecm_create_cluster" : { - "link" : "/pve-docs/chapter-pvecm.html#pvecm_create_cluster", - "subtitle" : "Create the Cluster", - "title" : "Cluster Manager" - }, - "pvesr_schedule_time_format" : { - "link" : "/pve-docs/chapter-pvesr.html#pvesr_schedule_time_format", - "subtitle" : "Schedule Format", - "title" : "Storage Replication" - }, - "pveum_authentication_realms" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_authentication_realms", - "subtitle" : "Authentication Realms", - "title" : "User Management" - }, - "pveum_groups" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_groups", - "subtitle" : "Groups", - "title" : "User Management" - }, - "pveum_permission_management" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_permission_management", - "subtitle" : "Permission Management", - "title" : "User Management" - }, - "pveum_pools" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_pools", - "subtitle" : "Pools", - "title" : "User Management" - }, - "pveum_roles" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_roles", - "subtitle" : "Roles", - "title" : "User Management" - }, - "pveum_tfa_auth" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_tfa_auth", - "subtitle" : "Two factor authentication", - "title" : "User Management" - }, - "pveum_users" : { - "link" : "/pve-docs/chapter-pveum.html#pveum_users", - "subtitle" : "Users", - "title" : "User Management" - }, - "qm_bios_and_uefi" : { - "link" : "/pve-docs/chapter-qm.html#qm_bios_and_uefi", - "subtitle" : "BIOS and UEFI", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_cloud_init" : { - "link" : "/pve-docs/chapter-qm.html#qm_cloud_init", - "title" : "Cloud-Init Support" - }, - "qm_copy_and_clone" : { - "link" : "/pve-docs/chapter-qm.html#qm_copy_and_clone", - "subtitle" : "Copies and Clones", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_cpu" : { - "link" : "/pve-docs/chapter-qm.html#qm_cpu", - "subtitle" : "CPU", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_general_settings" : { - "link" : "/pve-docs/chapter-qm.html#qm_general_settings", - "subtitle" : "General Settings", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_hard_disk" : { - "link" : "/pve-docs/chapter-qm.html#qm_hard_disk", - "subtitle" : "Hard Disk", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_memory" : { - "link" : "/pve-docs/chapter-qm.html#qm_memory", - "subtitle" : "Memory", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_migration" : { - "link" : "/pve-docs/chapter-qm.html#qm_migration", - "subtitle" : "Migration", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_network_device" : { - "link" : "/pve-docs/chapter-qm.html#qm_network_device", - "subtitle" : "Network Device", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_options" : { - "link" : "/pve-docs/chapter-qm.html#qm_options", - "subtitle" : "Options", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_os_settings" : { - "link" : "/pve-docs/chapter-qm.html#qm_os_settings", - "subtitle" : "OS Settings", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_pci_passthrough" : { - "link" : "/pve-docs/chapter-qm.html#qm_pci_passthrough", - "title" : "PCI(e) Passthrough" - }, - "qm_startup_and_shutdown" : { - "link" : "/pve-docs/chapter-qm.html#qm_startup_and_shutdown", - "subtitle" : "Automatic Start and Shutdown of Virtual Machines", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_system_settings" : { - "link" : "/pve-docs/chapter-qm.html#qm_system_settings", - "subtitle" : "System Settings", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_usb_passthrough" : { - "link" : "/pve-docs/chapter-qm.html#qm_usb_passthrough", - "subtitle" : "USB Passthrough", - "title" : "Qemu/KVM Virtual Machines" - }, - "qm_virtual_machines_settings" : { - "link" : "/pve-docs/chapter-qm.html#qm_virtual_machines_settings", - "subtitle" : "Virtual Machines Settings", - "title" : "Qemu/KVM Virtual Machines" - }, - "storage_cephfs" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_cephfs", - "title" : "Ceph Filesystem (CephFS)" - }, - "storage_cifs" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_cifs", - "title" : "CIFS Backend" - }, - "storage_directory" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_directory", - "title" : "Directory Backend" - }, - "storage_glusterfs" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_glusterfs", - "title" : "GlusterFS Backend" - }, - "storage_lvm" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_lvm", - "title" : "LVM Backend" - }, - "storage_lvmthin" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_lvmthin", - "title" : "LVM thin Backend" - }, - "storage_nfs" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_nfs", - "title" : "NFS Backend" - }, - "storage_open_iscsi" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_open_iscsi", - "title" : "Open-iSCSI initiator" - }, - "storage_zfspool" : { - "link" : "/pve-docs/chapter-pvesm.html#storage_zfspool", - "title" : "Local ZFS Pool Backend" - }, - "sysadmin_certificate_management" : { - "link" : "/pve-docs/chapter-sysadmin.html#sysadmin_certificate_management", - "title" : "Certificate Management" - }, - "sysadmin_network_configuration" : { - "link" : "/pve-docs/chapter-sysadmin.html#sysadmin_network_configuration", - "title" : "Network Configuration" - } -}; -Ext.ns('PVE'); - -// avoid errors related to Accessible Rich Internet Applications -// (access for people with disabilities) -// TODO reenable after all components are upgraded -Ext.enableAria = false; -Ext.enableAriaButtons = false; -Ext.enableAriaPanels = false; - -// avoid errors when running without development tools -if (!Ext.isDefined(Ext.global.console)) { - var console = { - log: function() {} - }; -} -console.log("Starting PVE Manager"); - -Ext.Ajax.defaultHeaders = { - 'Accept': 'application/json' -}; - -/*jslint confusion: true */ -Ext.define('PVE.Utils', { utilities: { - - // this singleton contains miscellaneous utilities - - toolkit: undefined, // (extjs|touch), set inside Toolkit.js - - bus_match: /^(ide|sata|virtio|scsi)\d+$/, - - log_severity_hash: { - 0: "panic", - 1: "alert", - 2: "critical", - 3: "error", - 4: "warning", - 5: "notice", - 6: "info", - 7: "debug" - }, - - support_level_hash: { - 'c': gettext('Community'), - 'b': gettext('Basic'), - 's': gettext('Standard'), - 'p': gettext('Premium') - }, - - noSubKeyHtml: 'You do not have a valid subscription for this server. Please visit www.proxmox.com to get a list of available options.', - - kvm_ostypes: { - 'Linux': [ - { desc: '5.x - 2.6 Kernel', val: 'l26' }, - { desc: '2.4 Kernel', val: 'l24' } - ], - 'Microsoft Windows': [ - { desc: '10/2016', val: 'win10' }, - { desc: '8.x/2012/2012r2', val: 'win8' }, - { desc: '7/2008r2', val: 'win7' }, - { desc: 'Vista/2008', val: 'w2k8' }, - { desc: 'XP/2003', val: 'wxp' }, - { desc: '2000', val: 'w2k' } - ], - 'Solaris Kernel': [ - { desc: '-', val: 'solaris'} - ], - 'Other': [ - { desc: '-', val: 'other'} - ] - }, - - get_health_icon: function(state, circle) { - if (circle === undefined) { - circle = false; - } - - if (state === undefined) { - state = 'uknown'; - } - - var icon = 'faded fa-question'; - switch(state) { - case 'good': - icon = 'good fa-check'; - break; - case 'old': - icon = 'warning fa-refresh'; - break; - case 'warning': - icon = 'warning fa-exclamation'; - break; - case 'critical': - icon = 'critical fa-times'; - break; - default: break; - } - - if (circle) { - icon += '-circle'; - } - - return icon; - }, - - parse_ceph_version: function(service) { - if (service.ceph_version_short) { - return service.ceph_version_short; - } - - if (service.ceph_version) { - var match = service.ceph_version.match(/version (\d+(\.\d+)*)/); - if (match) { - return match[1]; - } - } - - return undefined; - }, - - compare_ceph_versions: function(a, b) { - if (a === b) { - return 0; - } - let avers = a.toString().split('.'); - let bvers = b.toString().split('.'); - - while (true) { - let av = avers.shift(); - let bv = bvers.shift(); - - if (av === undefined && bv === undefined) { - return 0; - } else if (av === undefined) { - return -1; - } else if (bv === undefined) { - return 1; - } else { - let diff = parseInt(av, 10) - parseInt(bv, 10); - if (diff != 0) return diff; - // else we need to look at the next parts - } - } - - }, - - get_ceph_icon_html: function(health, fw) { - var state = PVE.Utils.map_ceph_health[health]; - var cls = PVE.Utils.get_health_icon(state); - if (fw) { - cls += ' fa-fw'; - } - return " "; - }, - - map_ceph_health: { - 'HEALTH_OK':'good', - 'HEALTH_OLD':'old', - 'HEALTH_WARN':'warning', - 'HEALTH_ERR':'critical' - }, - - render_ceph_health: function(healthObj) { - var state = { - iconCls: PVE.Utils.get_health_icon(), - text: '' - }; - - if (!healthObj || !healthObj.status) { - return state; - } - - var health = PVE.Utils.map_ceph_health[healthObj.status]; - - state.iconCls = PVE.Utils.get_health_icon(health, true); - state.text = healthObj.status; - - return state; - }, - - render_zfs_health: function(value) { - if (typeof value == 'undefined'){ - return ""; - } - var iconCls = 'question-circle'; - switch (value) { - case 'AVAIL': - case 'ONLINE': - iconCls = 'check-circle good'; - break; - case 'REMOVED': - case 'DEGRADED': - iconCls = 'exclamation-circle warning'; - break; - case 'UNAVAIL': - case 'FAULTED': - case 'OFFLINE': - iconCls = 'times-circle critical'; - break; - default: //unknown - } - - return ' ' + value; - - }, - - get_kvm_osinfo: function(value) { - var info = { base: 'Other' }; // default - if (value) { - Ext.each(Object.keys(PVE.Utils.kvm_ostypes), function(k) { - Ext.each(PVE.Utils.kvm_ostypes[k], function(e) { - if (e.val === value) { - info = { desc: e.desc, base: k }; - } - }); - }); - } - return info; - }, - - render_kvm_ostype: function (value) { - var osinfo = PVE.Utils.get_kvm_osinfo(value); - if (osinfo.desc && osinfo.desc !== '-') { - return osinfo.base + ' ' + osinfo.desc; - } else { - return osinfo.base; - } - }, - - render_hotplug_features: function (value) { - var fa = []; - - if (!value || (value === '0')) { - return gettext('Disabled'); - } - - if (value === '1') { - value = 'disk,network,usb'; - } - - Ext.each(value.split(','), function(el) { - if (el === 'disk') { - fa.push(gettext('Disk')); - } else if (el === 'network') { - fa.push(gettext('Network')); - } else if (el === 'usb') { - fa.push('USB'); - } else if (el === 'memory') { - fa.push(gettext('Memory')); - } else if (el === 'cpu') { - fa.push(gettext('CPU')); - } else { - fa.push(el); - } - }); - - return fa.join(', '); - }, - - render_qga_features: function(value) { - if (!value) { - return Proxmox.Utils.defaultText + ' (' + Proxmox.Utils.disabledText + ')'; - } - var props = PVE.Parser.parsePropertyString(value, 'enabled'); - if (!PVE.Parser.parseBoolean(props.enabled)) { - return Proxmox.Utils.disabledText; - } - - delete props.enabled; - var agentstring = Proxmox.Utils.enabledText; - - Ext.Object.each(props, function(key, value) { - var keystring = '' ; - agentstring += ', ' + key + ': '; - - if (PVE.Parser.parseBoolean(value)) { - agentstring += Proxmox.Utils.enabledText; - } else { - agentstring += Proxmox.Utils.disabledText; - } - }); - - return agentstring; - }, - - render_qemu_machine: function(value) { - return value || (Proxmox.Utils.defaultText + ' (i440fx)'); - }, - - render_qemu_bios: function(value) { - if (!value) { - return Proxmox.Utils.defaultText + ' (SeaBIOS)'; - } else if (value === 'seabios') { - return "SeaBIOS"; - } else if (value === 'ovmf') { - return "OVMF (UEFI)"; - } else { - return value; - } - }, - - render_dc_ha_opts: function(value) { - if (!value) { - return Proxmox.Utils.defaultText; - } else { - return PVE.Parser.printPropertyString(value); - } - }, - render_as_property_string: function(value) { - return (!value) ? Proxmox.Utils.defaultText - : PVE.Parser.printPropertyString(value); - }, - - render_scsihw: function(value) { - if (!value) { - return Proxmox.Utils.defaultText + ' (LSI 53C895A)'; - } else if (value === 'lsi') { - return 'LSI 53C895A'; - } else if (value === 'lsi53c810') { - return 'LSI 53C810'; - } else if (value === 'megasas') { - return 'MegaRAID SAS 8708EM2'; - } else if (value === 'virtio-scsi-pci') { - return 'VirtIO SCSI'; - } else if (value === 'virtio-scsi-single') { - return 'VirtIO SCSI single'; - } else if (value === 'pvscsi') { - return 'VMware PVSCSI'; - } else { - return value; - } - }, - - // fixme: auto-generate this - // for now, please keep in sync with PVE::Tools::kvmkeymaps - kvm_keymaps: { - //ar: 'Arabic', - da: 'Danish', - de: 'German', - 'de-ch': 'German (Swiss)', - 'en-gb': 'English (UK)', - 'en-us': 'English (USA)', - es: 'Spanish', - //et: 'Estonia', - fi: 'Finnish', - //fo: 'Faroe Islands', - fr: 'French', - 'fr-be': 'French (Belgium)', - 'fr-ca': 'French (Canada)', - 'fr-ch': 'French (Swiss)', - //hr: 'Croatia', - hu: 'Hungarian', - is: 'Icelandic', - it: 'Italian', - ja: 'Japanese', - lt: 'Lithuanian', - //lv: 'Latvian', - mk: 'Macedonian', - nl: 'Dutch', - //'nl-be': 'Dutch (Belgium)', - no: 'Norwegian', - pl: 'Polish', - pt: 'Portuguese', - 'pt-br': 'Portuguese (Brazil)', - //ru: 'Russian', - sl: 'Slovenian', - sv: 'Swedish', - //th: 'Thai', - tr: 'Turkish' - }, - - kvm_vga_drivers: { - std: gettext('Standard VGA'), - vmware: gettext('VMware compatible'), - qxl: 'SPICE', - qxl2: 'SPICE dual monitor', - qxl3: 'SPICE three monitors', - qxl4: 'SPICE four monitors', - serial0: gettext('Serial terminal') + ' 0', - serial1: gettext('Serial terminal') + ' 1', - serial2: gettext('Serial terminal') + ' 2', - serial3: gettext('Serial terminal') + ' 3', - virtio: 'VirtIO-GPU', - none: Proxmox.Utils.noneText - }, - - render_kvm_language: function (value) { - if (!value || value === '__default__') { - return Proxmox.Utils.defaultText; - } - var text = PVE.Utils.kvm_keymaps[value]; - if (text) { - return text + ' (' + value + ')'; - } - return value; - }, - - kvm_keymap_array: function() { - var data = [['__default__', PVE.Utils.render_kvm_language('')]]; - Ext.Object.each(PVE.Utils.kvm_keymaps, function(key, value) { - data.push([key, PVE.Utils.render_kvm_language(value)]); - }); - - return data; - }, - - console_map: { - '__default__': Proxmox.Utils.defaultText + ' (xterm.js)', - 'vv': 'SPICE (remote-viewer)', - 'html5': 'HTML5 (noVNC)', - 'xtermjs': 'xterm.js' - }, - - render_console_viewer: function(value) { - value = value || '__default__'; - if (PVE.Utils.console_map[value]) { - return PVE.Utils.console_map[value]; - } - return value; - }, - - console_viewer_array: function() { - return Ext.Array.map(Object.keys(PVE.Utils.console_map), function(v) { - return [v, PVE.Utils.render_console_viewer(v)]; - }); - }, - - render_kvm_vga_driver: function (value) { - if (!value) { - return Proxmox.Utils.defaultText; - } - var vga = PVE.Parser.parsePropertyString(value, 'type'); - var text = PVE.Utils.kvm_vga_drivers[vga.type]; - if (!vga.type) { - text = Proxmox.Utils.defaultText; - } - if (text) { - return text + ' (' + value + ')'; - } - return value; - }, - - kvm_vga_driver_array: function() { - var data = [['__default__', PVE.Utils.render_kvm_vga_driver('')]]; - Ext.Object.each(PVE.Utils.kvm_vga_drivers, function(key, value) { - data.push([key, PVE.Utils.render_kvm_vga_driver(value)]); - }); - - return data; - }, - - render_kvm_startup: function(value) { - var startup = PVE.Parser.parseStartup(value); - - var res = 'order='; - if (startup.order === undefined) { - res += 'any'; - } else { - res += startup.order; - } - if (startup.up !== undefined) { - res += ',up=' + startup.up; - } - if (startup.down !== undefined) { - res += ',down=' + startup.down; - } - - return res; - }, - - extractFormActionError: function(action) { - var msg; - switch (action.failureType) { - case Ext.form.action.Action.CLIENT_INVALID: - msg = gettext('Form fields may not be submitted with invalid values'); - break; - case Ext.form.action.Action.CONNECT_FAILURE: - msg = gettext('Connection error'); - var resp = action.response; - if (resp.status && resp.statusText) { - msg += " " + resp.status + ": " + resp.statusText; - } - break; - case Ext.form.action.Action.LOAD_FAILURE: - case Ext.form.action.Action.SERVER_INVALID: - msg = Proxmox.Utils.extractRequestError(action.result, true); - break; - } - return msg; - }, - - format_duration_short: function(ut) { - - if (ut < 60) { - return ut.toFixed(1) + 's'; - } - - if (ut < 3600) { - var mins = ut / 60; - return mins.toFixed(1) + 'm'; - } - - if (ut < 86400) { - var hours = ut / 3600; - return hours.toFixed(1) + 'h'; - } - - var days = ut / 86400; - return days.toFixed(1) + 'd'; - }, - - contentTypes: { - 'images': gettext('Disk image'), - 'backup': gettext('VZDump backup file'), - 'vztmpl': gettext('Container template'), - 'iso': gettext('ISO image'), - 'rootdir': gettext('Container'), - 'snippets': gettext('Snippets') - }, - - storageSchema: { - dir: { - name: Proxmox.Utils.directoryText, - ipanel: 'DirInputPanel', - faIcon: 'folder' - }, - lvm: { - name: 'LVM', - ipanel: 'LVMInputPanel', - faIcon: 'folder' - }, - lvmthin: { - name: 'LVM-Thin', - ipanel: 'LvmThinInputPanel', - faIcon: 'folder' - }, - nfs: { - name: 'NFS', - ipanel: 'NFSInputPanel', - faIcon: 'building' - }, - cifs: { - name: 'CIFS', - ipanel: 'CIFSInputPanel', - faIcon: 'building' - }, - glusterfs: { - name: 'GlusterFS', - ipanel: 'GlusterFsInputPanel', - faIcon: 'building' - }, - iscsi: { - name: 'iSCSI', - ipanel: 'IScsiInputPanel', - faIcon: 'building' - }, - cephfs: { - name: 'CephFS', - ipanel: 'CephFSInputPanel', - faIcon: 'building' - }, - pvecephfs: { - name: 'CephFS (PVE)', - ipanel: 'CephFSInputPanel', - hideAdd: true, - faIcon: 'building' - }, - rbd: { - name: 'RBD', - ipanel: 'RBDInputPanel', - faIcon: 'building' - }, - pveceph: { - name: 'RBD (PVE)', - ipanel: 'RBDInputPanel', - hideAdd: true, - faIcon: 'building' - }, - zfs: { - name: 'ZFS over iSCSI', - ipanel: 'ZFSInputPanel', - faIcon: 'building' - }, - zfspool: { - name: 'ZFS', - ipanel: 'ZFSPoolInputPanel', - faIcon: 'folder' - }, - drbd: { - name: 'DRBD', - hideAdd: true - } - }, - - format_storage_type: function(value, md, record) { - if (value === 'rbd') { - value = (!record || record.get('monhost') ? 'rbd' : 'pveceph'); - } else if (value === 'cephfs') { - value = (!record || record.get('monhost') ? 'cephfs' : 'pvecephfs'); - } - - var schema = PVE.Utils.storageSchema[value]; - if (schema) { - return schema.name; - } - return Proxmox.Utils.unknownText; - }, - - format_ha: function(value) { - var text = Proxmox.Utils.noneText; - - if (value.managed) { - text = value.state || Proxmox.Utils.noneText; - - text += ', ' + Proxmox.Utils.groupText + ': '; - text += value.group || Proxmox.Utils.noneText; - } - - return text; - }, - - format_content_types: function(value) { - return value.split(',').sort().map(function(ct) { - return PVE.Utils.contentTypes[ct] || ct; - }).join(', '); - }, - - render_storage_content: function(value, metaData, record) { - var data = record.data; - if (Ext.isNumber(data.channel) && - Ext.isNumber(data.id) && - Ext.isNumber(data.lun)) { - return "CH " + - Ext.String.leftPad(data.channel,2, '0') + - " ID " + data.id + " LUN " + data.lun; - } - return data.volid.replace(/^.*:(.*\/)?/,''); - }, - - render_serverity: function (value) { - return PVE.Utils.log_severity_hash[value] || value; - }, - - render_cpu: function(value, metaData, record, rowIndex, colIndex, store) { - - if (!(record.data.uptime && Ext.isNumeric(value))) { - return ''; - } - - var maxcpu = record.data.maxcpu || 1; - - if (!Ext.isNumeric(maxcpu) && (maxcpu >= 1)) { - return ''; - } - - var per = value * 100; - - return per.toFixed(1) + '% of ' + maxcpu.toString() + (maxcpu > 1 ? 'CPUs' : 'CPU'); - }, - - render_size: function(value, metaData, record, rowIndex, colIndex, store) { - /*jslint confusion: true */ - - if (!Ext.isNumeric(value)) { - return ''; - } - - return Proxmox.Utils.format_size(value); - }, - - render_bandwidth: function(value) { - if (!Ext.isNumeric(value)) { - return ''; - } - - return Proxmox.Utils.format_size(value) + '/s'; - }, - - render_timestamp_human_readable: function(value) { - return Ext.Date.format(new Date(value * 1000), 'l d F Y H:i:s'); - }, - - render_duration: function(value) { - if (value === undefined) { - return '-'; - } - return PVE.Utils.format_duration_short(value); - }, - - calculate_mem_usage: function(data) { - if (!Ext.isNumeric(data.mem) || - data.maxmem === 0 || - data.uptime < 1) { - return -1; - } - - return (data.mem / data.maxmem); - }, - - render_mem_usage_percent: function(value, metaData, record, rowIndex, colIndex, store) { - if (!Ext.isNumeric(value) || value === -1) { - return ''; - } - if (value > 1 ) { - // we got no percentage but bytes - var mem = value; - var maxmem = record.data.maxmem; - if (!record.data.uptime || - maxmem === 0 || - !Ext.isNumeric(mem)) { - return ''; - } - - return ((mem*100)/maxmem).toFixed(1) + " %"; - } - return (value*100).toFixed(1) + " %"; - }, - - render_mem_usage: function(value, metaData, record, rowIndex, colIndex, store) { - - var mem = value; - var maxmem = record.data.maxmem; - - if (!record.data.uptime) { - return ''; - } - - if (!(Ext.isNumeric(mem) && maxmem)) { - return ''; - } - - return PVE.Utils.render_size(value); - }, - - calculate_disk_usage: function(data) { - - if (!Ext.isNumeric(data.disk) || - data.type === 'qemu' || - (data.type === 'lxc' && data.uptime === 0) || - data.maxdisk === 0) { - return -1; - } - - return (data.disk / data.maxdisk); - }, - - render_disk_usage_percent: function(value, metaData, record, rowIndex, colIndex, store) { - if (!Ext.isNumeric(value) || value === -1) { - return ''; - } - - return (value * 100).toFixed(1) + " %"; - }, - - render_disk_usage: function(value, metaData, record, rowIndex, colIndex, store) { - - var disk = value; - var maxdisk = record.data.maxdisk; - var type = record.data.type; - - if (!Ext.isNumeric(disk) || - type === 'qemu' || - maxdisk === 0 || - (type === 'lxc' && record.data.uptime === 0)) { - return ''; - } - - return PVE.Utils.render_size(value); - }, - - get_object_icon_class: function(type, record) { - var status = ''; - var objType = type; - - if (type === 'type') { - // for folder view - objType = record.groupbyid; - } else if (record.template) { - // templates - objType = 'template'; - status = type; - } else { - // everything else - status = record.status + ' ha-' + record.hastate; - } - - if (record.lock) { - status += ' locked lock-' + record.lock; - } - - var defaults = PVE.tree.ResourceTree.typeDefaults[objType]; - if (defaults && defaults.iconCls) { - var retVal = defaults.iconCls + ' ' + status; - return retVal; - } - - return ''; - }, - - render_resource_type: function(value, metaData, record, rowIndex, colIndex, store) { - - var cls = PVE.Utils.get_object_icon_class(value,record.data); - - var fa = ' '; - return fa + value; - }, - - render_support_level: function(value, metaData, record) { - return PVE.Utils.support_level_hash[value] || '-'; - }, - - render_upid: function(value, metaData, record) { - var type = record.data.type; - var id = record.data.id; - - return Proxmox.Utils.format_task_description(type, id); - }, - - /* render functions for new status panel */ - - render_usage: function(val) { - return (val*100).toFixed(2) + '%'; - }, - - render_cpu_usage: function(val, max) { - return Ext.String.format(gettext('{0}% of {1}') + - ' ' + gettext('CPU(s)'), (val*100).toFixed(2), max); - }, - - render_size_usage: function(val, max) { - if (max === 0) { - return gettext('N/A'); - } - return (val*100/max).toFixed(2) + '% '+ '(' + - Ext.String.format(gettext('{0} of {1}'), - PVE.Utils.render_size(val), PVE.Utils.render_size(max)) + ')'; - }, - - /* this is different for nodes */ - render_node_cpu_usage: function(value, record) { - return PVE.Utils.render_cpu_usage(value, record.cpus); - }, - - /* this is different for nodes */ - render_node_size_usage: function(record) { - return PVE.Utils.render_size_usage(record.used, record.total); - }, - - render_optional_url: function(value) { - var match; - if (value && (match = value.match(/^https?:\/\//)) !== null) { - return '' + value + ''; - } - return value; - }, - - render_san: function(value) { - var names = []; - if (Ext.isArray(value)) { - value.forEach(function(val) { - if (!Ext.isNumber(val)) { - names.push(val); - } - }); - return names.join('
'); - } - return value; - }, - - render_full_name: function(firstname, metaData, record) { - var first = firstname || ''; - var last = record.data.lastname || ''; - return Ext.htmlEncode(first + " " + last); - }, - - render_u2f_error: function(error) { - var ErrorNames = { - '1': gettext('Other Error'), - '2': gettext('Bad Request'), - '3': gettext('Configuration Unsupported'), - '4': gettext('Device Ineligible'), - '5': gettext('Timeout') - }; - return "U2F Error: " + ErrorNames[error] || Proxmox.Utils.unknownText; - }, - - windowHostname: function() { - return window.location.hostname.replace(Proxmox.Utils.IP6_bracket_match, - function(m, addr, offset, original) { return addr; }); - }, - - openDefaultConsoleWindow: function(consoles, vmtype, vmid, nodename, vmname, cmd) { - var dv = PVE.Utils.defaultViewer(consoles); - PVE.Utils.openConsoleWindow(dv, vmtype, vmid, nodename, vmname, cmd); - }, - - openConsoleWindow: function(viewer, vmtype, vmid, nodename, vmname, cmd) { - // kvm, lxc, shell, upgrade - - if (vmid == undefined && (vmtype === 'kvm' || vmtype === 'lxc')) { - throw "missing vmid"; - } - - if (!nodename) { - throw "no nodename specified"; - } - - if (viewer === 'html5') { - PVE.Utils.openVNCViewer(vmtype, vmid, nodename, vmname, cmd); - } else if (viewer === 'xtermjs') { - Proxmox.Utils.openXtermJsViewer(vmtype, vmid, nodename, vmname, cmd); - } else if (viewer === 'vv') { - var url; - var params = { proxy: PVE.Utils.windowHostname() }; - if (vmtype === 'kvm') { - url = '/nodes/' + nodename + '/qemu/' + vmid.toString() + '/spiceproxy'; - PVE.Utils.openSpiceViewer(url, params); - } else if (vmtype === 'lxc') { - url = '/nodes/' + nodename + '/lxc/' + vmid.toString() + '/spiceproxy'; - PVE.Utils.openSpiceViewer(url, params); - } else if (vmtype === 'shell') { - url = '/nodes/' + nodename + '/spiceshell'; - PVE.Utils.openSpiceViewer(url, params); - } else if (vmtype === 'upgrade') { - url = '/nodes/' + nodename + '/spiceshell'; - params.upgrade = 1; - PVE.Utils.openSpiceViewer(url, params); - } else if (vmtype === 'cmd') { - url = '/nodes/' + nodename + '/spiceshell'; - params.cmd = cmd; - PVE.Utils.openSpiceViewer(url, params); - } - } else { - throw "unknown viewer type"; - } - }, - - defaultViewer: function(consoles) { - - var allowSpice, allowXtermjs; - - if (consoles === true) { - allowSpice = true; - allowXtermjs = true; - } else if (typeof consoles === 'object') { - allowSpice = consoles.spice; - allowXtermjs = !!consoles.xtermjs; - } - var dv = PVE.VersionInfo.console || 'xtermjs'; - if (dv === 'vv' && !allowSpice) { - dv = (allowXtermjs) ? 'xtermjs' : 'html5'; - } else if (dv === 'xtermjs' && !allowXtermjs) { - dv = (allowSpice) ? 'vv' : 'html5'; - } - - return dv; - }, - - openVNCViewer: function(vmtype, vmid, nodename, vmname, cmd) { - var url = Ext.Object.toQueryString({ - console: vmtype, // kvm, lxc, upgrade or shell - novnc: 1, - vmid: vmid, - vmname: vmname, - node: nodename, - resize: 'off', - cmd: cmd - }); - var nw = window.open("?" + url, '_blank', "innerWidth=745,innerheight=427"); - if (nw) { - nw.focus(); - } - }, - - openSpiceViewer: function(url, params){ - - var downloadWithName = function(uri, name) { - var link = Ext.DomHelper.append(document.body, { - tag: 'a', - href: uri, - css : 'display:none;visibility:hidden;height:0px;' - }); - - // Note: we need to tell android the correct file name extension - // but we do not set 'download' tag for other environments, because - // It can have strange side effects (additional user prompt on firefox) - var andriod = navigator.userAgent.match(/Android/i) ? true : false; - if (andriod) { - link.download = name; - } - - if (link.fireEvent) { - link.fireEvent('onclick'); - } else { - var evt = document.createEvent("MouseEvents"); - evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null); - link.dispatchEvent(evt); - } - }; - - Proxmox.Utils.API2Request({ - url: url, - params: params, - method: 'POST', - failure: function(response, opts){ - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, opts){ - var raw = "[virt-viewer]\n"; - Ext.Object.each(response.result.data, function(k, v) { - raw += k + "=" + v + "\n"; - }); - var url = 'data:application/x-virt-viewer;charset=UTF-8,' + - encodeURIComponent(raw); - - downloadWithName(url, "pve-spice.vv"); - } - }); - }, - - openTreeConsole: function(tree, record, item, index, e) { - e.stopEvent(); - var nodename = record.data.node; - var vmid = record.data.vmid; - var vmname = record.data.name; - if (record.data.type === 'qemu' && !record.data.template) { - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/qemu/' + vmid + '/status/current', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, opts) { - let conf = response.result.data; - var consoles = { - spice: !!conf.spice, - xtermjs: !!conf.serial, - }; - PVE.Utils.openDefaultConsoleWindow(consoles, 'kvm', vmid, nodename, vmname); - } - }); - } else if (record.data.type === 'lxc' && !record.data.template) { - PVE.Utils.openDefaultConsoleWindow(true, 'lxc', vmid, nodename, vmname); - } - }, - - // test automation helper - call_menu_handler: function(menu, text) { - - var list = menu.query('menuitem'); - - Ext.Array.each(list, function(item) { - if (item.text === text) { - if (item.handler) { - item.handler(); - return 1; - } else { - return undefined; - } - } - }); - }, - - createCmdMenu: function(v, record, item, index, event) { - event.stopEvent(); - if (!(v instanceof Ext.tree.View)) { - v.select(record); - } - var menu; - var template = !!record.data.template; - var type = record.data.type; - - if (template) { - if (type === 'qemu' || type == 'lxc') { - menu = Ext.create('PVE.menu.TemplateMenu', { - pveSelNode: record - }); - } - } else if (type === 'qemu' || - type === 'lxc' || - type === 'node') { - menu = Ext.create('PVE.' + type + '.CmdMenu', { - pveSelNode: record, - nodename: record.data.node - }); - } else { - return; - } - - menu.showAt(event.getXY()); - return menu; - }, - - // helper for deleting field which are set to there default values - delete_if_default: function(values, fieldname, default_val, create) { - if (values[fieldname] === '' || values[fieldname] === default_val) { - if (!create) { - if (values['delete']) { - values['delete'] += ',' + fieldname; - } else { - values['delete'] = fieldname; - } - } - - delete values[fieldname]; - } - }, - - loadSSHKeyFromFile: function(file, callback) { - // ssh-keygen produces 740 bytes for an average 4096 bit rsa key, with - // a user@host comment, 1420 for 8192 bits; current max is 16kbit - // assume: 740*8 for max. 32kbit (5920 byte file) - // round upwards to nearest nice number => 8192 bytes, leaves lots of comment space - if (file.size > 8192) { - Ext.Msg.alert(gettext('Error'), gettext("Invalid file size: ") + file.size); - return; - } - /*global - FileReader - */ - var reader = new FileReader(); - reader.onload = function(evt) { - callback(evt.target.result); - }; - reader.readAsText(file); - }, - - bus_counts: { ide: 4, sata: 6, scsi: 16, virtio: 16 }, - - // types is either undefined (all busses), an array of busses, or a single bus - forEachBus: function(types, func) { - var busses = Object.keys(PVE.Utils.bus_counts); - var i, j, count, cont; - - if (Ext.isArray(types)) { - busses = types; - } else if (Ext.isDefined(types)) { - busses = [ types ]; - } - - // check if we only have valid busses - for (i = 0; i < busses.length; i++) { - if (!PVE.Utils.bus_counts[busses[i]]) { - throw "invalid bus: '" + busses[i] + "'"; - } - } - - for (i = 0; i < busses.length; i++) { - count = PVE.Utils.bus_counts[busses[i]]; - for (j = 0; j < count; j++) { - cont = func(busses[i], j); - if (!cont && cont !== undefined) { - return; - } - } - } - }, - - mp_counts: { mps: 256, unused: 256 }, - - forEachMP: function(func, includeUnused) { - var i, cont; - for (i = 0; i < PVE.Utils.mp_counts.mps; i++) { - cont = func('mp', i); - if (!cont && cont !== undefined) { - return; - } - } - - if (!includeUnused) { - return; - } - - for (i = 0; i < PVE.Utils.mp_counts.unused; i++) { - cont = func('unused', i); - if (!cont && cont !== undefined) { - return; - } - } - }, - - cleanEmptyObjectKeys: function (obj) { - var propName; - for (propName in obj) { - if (obj.hasOwnProperty(propName)) { - if (obj[propName] === null || obj[propName] === undefined) { - delete obj[propName]; - } - } - } - }, - - handleStoreErrorOrMask: function(me, store, regex, callback) { - - me.mon(store, 'load', function (proxy, response, success, operation) { - - if (success) { - Proxmox.Utils.setErrorMask(me, false); - return; - } - var msg; - - if (operation.error.statusText) { - if (operation.error.statusText.match(regex)) { - callback(me, operation.error); - return; - } else { - msg = operation.error.statusText + ' (' + operation.error.status + ')'; - } - } else { - msg = gettext('Connection error'); - } - Proxmox.Utils.setErrorMask(me, msg); - }); - }, - - showCephInstallOrMask: function(container, msg, nodename, callback){ - var regex = new RegExp("not (installed|initialized)", "i"); - if (msg.match(regex)) { - if (Proxmox.UserName === 'root@pam') { - container.el.mask(); - if (!container.down('pveCephInstallWindow')){ - var isInstalled = msg.match(/not initialized/i) ? true : false; - var win = Ext.create('PVE.ceph.Install', { - nodename: nodename - }); - win.getViewModel().set('isInstalled', isInstalled); - container.add(win); - win.show(); - callback(win); - } - } else { - container.mask(Ext.String.format(gettext('{0} not installed.') + - ' ' + gettext('Log in as root to install.'), 'Ceph'), ['pve-static-mask']); - } - return true; - } else { - return false; - } - } -}, - - singleton: true, - constructor: function() { - var me = this; - Ext.apply(me, me.utilities); - } - -}); - -// ExtJS related things - -Proxmox.Utils.toolkit = 'extjs'; - -// custom PVE specific VTypes -Ext.apply(Ext.form.field.VTypes, { - - QemuStartDate: function(v) { - return (/^(now|\d{4}-\d{1,2}-\d{1,2}(T\d{1,2}:\d{1,2}:\d{1,2})?)$/).test(v); - }, - QemuStartDateText: gettext('Format') + ': "now" or "2006-06-17T16:01:21" or "2006-06-17"', - IP64AddressList: function(v) { - var list = v.split(/[\ \,\;]+/); - var i; - for (i = 0; i < list.length; i++) { - if (list[i] == '') { - continue; - } - - if (!Proxmox.Utils.IP64_match.test(list[i])) { - return false; - } - } - - return true; - }, - IP64AddressListText: gettext('Example') + ': 192.168.1.1,192.168.1.2', - IP64AddressListMask: /[A-Fa-f0-9\,\:\.\;\ ]/ -}); - -Ext.define('PVE.form.field.Display', { - override: 'Ext.form.field.Display', - - setSubmitValue: function(value) { - // do nothing, this is only to allow generalized bindings for the: - // `me.isCreate ? 'textfield' : 'displayfield'` cases we have. - } -}); -// Some configuration values are complex strings - -// so we need parsers/generators for them. - -Ext.define('PVE.Parser', { statics: { - - // this class only contains static functions - - parseACME: function(value) { - if (!value) { - return; - } - - var res = {}; - var errors = false; - - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; //continue - } - - var match_res; - if ((match_res = p.match(/^(?:domains=)?((?:[a-zA-Z0-9\-\.]+[;, ]?)+)$/)) !== null) { - res.domains = match_res[1].split(/[;, ]/); - } else { - errors = true; - return false; - } - }); - - if (errors || !res) { - return; - } - - return res; - }, - - parseBoolean: function(value, default_value) { - if (!Ext.isDefined(value)) { - return default_value; - } - value = value.toLowerCase(); - return value === '1' || - value === 'on' || - value === 'yes' || - value === 'true'; - }, - - parsePropertyString: function(value, defaultKey) { - var res = {}, - error; - - Ext.Array.each(value.split(','), function(p) { - var kv = p.split('=', 2); - if (Ext.isDefined(kv[1])) { - res[kv[0]] = kv[1]; - } else if (Ext.isDefined(defaultKey)) { - if (Ext.isDefined(res[defaultKey])) { - error = 'defaultKey may be only defined once in propertyString'; - return false; // break - } - res[defaultKey] = kv[0]; - } else { - error = 'invalid propertyString, not a key=value pair and no defaultKey defined'; - return false; // break - } - }); - - if (error !== undefined) { - console.error(error); - return; - } - - return res; - }, - - printPropertyString: function(data, defaultKey) { - var stringparts = [], - gotDefaultKeyVal = false, - defaultKeyVal; - - Ext.Object.each(data, function(key, value) { - if (defaultKey !== undefined && key === defaultKey) { - gotDefaultKeyVal = true; - defaultKeyVal = value; - } else { - stringparts.push(key + '=' + value); - } - }); - - stringparts = stringparts.sort(); - if (gotDefaultKeyVal) { - stringparts.unshift(defaultKeyVal); - } - - return stringparts.join(','); - }, - - parseQemuNetwork: function(key, value) { - if (!(key && value)) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - - var match_res; - - if ((match_res = p.match(/^(ne2k_pci|e1000|e1000-82540em|e1000-82544gc|e1000-82545em|vmxnet3|rtl8139|pcnet|virtio|ne2k_isa|i82551|i82557b|i82559er)(=([0-9a-f]{2}(:[0-9a-f]{2}){5}))?$/i)) !== null) { - res.model = match_res[1].toLowerCase(); - if (match_res[3]) { - res.macaddr = match_res[3]; - } - } else if ((match_res = p.match(/^bridge=(\S+)$/)) !== null) { - res.bridge = match_res[1]; - } else if ((match_res = p.match(/^rate=(\d+(\.\d+)?)$/)) !== null) { - res.rate = match_res[1]; - } else if ((match_res = p.match(/^tag=(\d+(\.\d+)?)$/)) !== null) { - res.tag = match_res[1]; - } else if ((match_res = p.match(/^firewall=(\d+)$/)) !== null) { - res.firewall = match_res[1]; - } else if ((match_res = p.match(/^link_down=(\d+)$/)) !== null) { - res.disconnect = match_res[1]; - } else if ((match_res = p.match(/^queues=(\d+)$/)) !== null) { - res.queues = match_res[1]; - } else if ((match_res = p.match(/^trunks=(\d+(?:-\d+)?(?:;\d+(?:-\d+)?)*)$/)) !== null) { - res.trunks = match_res[1]; - } else { - errors = true; - return false; // break - } - }); - - if (errors || !res.model) { - return; - } - - return res; - }, - - printQemuNetwork: function(net) { - - var netstr = net.model; - if (net.macaddr) { - netstr += "=" + net.macaddr; - } - if (net.bridge) { - netstr += ",bridge=" + net.bridge; - if (net.tag) { - netstr += ",tag=" + net.tag; - } - if (net.firewall) { - netstr += ",firewall=" + net.firewall; - } - } - if (net.rate) { - netstr += ",rate=" + net.rate; - } - if (net.queues) { - netstr += ",queues=" + net.queues; - } - if (net.disconnect) { - netstr += ",link_down=" + net.disconnect; - } - if (net.trunks) { - netstr += ",trunks=" + net.trunks; - } - return netstr; - }, - - parseQemuDrive: function(key, value) { - if (!(key && value)) { - return; - } - - var res = {}; - - var match_res = key.match(/^([a-z]+)(\d+)$/); - if (!match_res) { - return; - } - res['interface'] = match_res[1]; - res.index = match_res[2]; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - var match_res = p.match(/^([a-z_]+)=(\S+)$/); - if (!match_res) { - if (!p.match(/\=/)) { - res.file = p; - return; // continue - } - errors = true; - return false; // break - } - var k = match_res[1]; - if (k === 'volume') { - k = 'file'; - } - - if (Ext.isDefined(res[k])) { - errors = true; - return false; // break - } - - var v = match_res[2]; - - if (k === 'cache' && v === 'off') { - v = 'none'; - } - - res[k] = v; - }); - - if (errors || !res.file) { - return; - } - - return res; - }, - - printQemuDrive: function(drive) { - - var drivestr = drive.file; - - Ext.Object.each(drive, function(key, value) { - if (!Ext.isDefined(value) || key === 'file' || - key === 'index' || key === 'interface') { - return; // continue - } - drivestr += ',' + key + '=' + value; - }); - - return drivestr; - }, - - parseIPConfig: function(key, value) { - if (!(key && value)) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - - var match_res; - if ((match_res = p.match(/^ip=(\S+)$/)) !== null) { - res.ip = match_res[1]; - } else if ((match_res = p.match(/^gw=(\S+)$/)) !== null) { - res.gw = match_res[1]; - } else if ((match_res = p.match(/^ip6=(\S+)$/)) !== null) { - res.ip6 = match_res[1]; - } else if ((match_res = p.match(/^gw6=(\S+)$/)) !== null) { - res.gw6 = match_res[1]; - } else { - errors = true; - return false; // break - } - }); - - if (errors) { - return; - } - - return res; - }, - - printIPConfig: function(cfg) { - var c = ""; - var str = ""; - if (cfg.ip) { - str += "ip=" + cfg.ip; - c = ","; - } - if (cfg.gw) { - str += c + "gw=" + cfg.gw; - c = ","; - } - if (cfg.ip6) { - str += c + "ip6=" + cfg.ip6; - c = ","; - } - if (cfg.gw6) { - str += c + "gw6=" + cfg.gw6; - c = ","; - } - return str; - }, - - parseOpenVZNetIf: function(value) { - if (!value) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(';'), function(item) { - if (!item || item.match(/^\s*$/)) { - return; // continue - } - - var data = {}; - Ext.Array.each(item.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - var match_res = p.match(/^(ifname|mac|bridge|host_ifname|host_mac|mac_filter)=(\S+)$/); - if (!match_res) { - errors = true; - return false; // break - } - if (match_res[1] === 'bridge'){ - var bridgevlanf = match_res[2]; - var bridge_res = bridgevlanf.match(/^(vmbr(\d+))(v(\d+))?(f)?$/); - if (!bridge_res) { - errors = true; - return false; // break - } - data.bridge = bridge_res[1]; - data.tag = bridge_res[4]; - /*jslint confusion: true*/ - data.firewall = bridge_res[5] ? 1 : 0; - /*jslint confusion: false*/ - } else { - data[match_res[1]] = match_res[2]; - } - }); - - if (errors || !data.ifname) { - errors = true; - return false; // break - } - - data.raw = item; - - res[data.ifname] = data; - }); - - return errors ? undefined: res; - }, - - printOpenVZNetIf: function(netif) { - var netarray = []; - - Ext.Object.each(netif, function(iface, data) { - var tmparray = []; - Ext.Array.each(['ifname', 'mac', 'bridge', 'host_ifname' , 'host_mac', 'mac_filter', 'tag', 'firewall'], function(key) { - var value = data[key]; - if (key === 'bridge'){ - if(data.tag){ - value = value + 'v' + data.tag; - } - if (data.firewall){ - value = value + 'f'; - } - } - if (value) { - tmparray.push(key + '=' + value); - } - - }); - netarray.push(tmparray.join(',')); - }); - - return netarray.join(';'); - }, - - parseLxcNetwork: function(value) { - if (!value) { - return; - } - - var data = {}; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - var match_res = p.match(/^(bridge|hwaddr|mtu|name|ip|ip6|gw|gw6|tag|rate)=(\S+)$/); - if (match_res) { - data[match_res[1]] = match_res[2]; - } else if ((match_res = p.match(/^firewall=(\d+)$/)) !== null) { - data.firewall = PVE.Parser.parseBoolean(match_res[1]); - } else { - // todo: simply ignore errors ? - return; // continue - } - }); - - return data; - }, - - printLxcNetwork: function(data) { - var tmparray = []; - Ext.Array.each(['bridge', 'hwaddr', 'mtu', 'name', 'ip', - 'gw', 'ip6', 'gw6', 'firewall', 'tag'], function(key) { - var value = data[key]; - if (value) { - tmparray.push(key + '=' + value); - } - }); - - /*jslint confusion: true*/ - if (data.rate > 0) { - tmparray.push('rate=' + data.rate); - } - /*jslint confusion: false*/ - return tmparray.join(','); - }, - - parseLxcMountPoint: function(value) { - if (!value) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - var match_res = p.match(/^([a-z_]+)=(.+)$/); - if (!match_res) { - if (!p.match(/\=/)) { - res.file = p; - return; // continue - } - errors = true; - return false; // break - } - var k = match_res[1]; - if (k === 'volume') { - k = 'file'; - } - - if (Ext.isDefined(res[k])) { - errors = true; - return false; // break - } - - var v = match_res[2]; - - res[k] = v; - }); - - if (errors || !res.file) { - return; - } - - var m = res.file.match(/^([a-z][a-z0-9\-\_\.]*[a-z0-9]):/i); - if (m) { - res.storage = m[1]; - res.type = 'volume'; - } else if (res.file.match(/^\/dev\//)) { - res.type = 'device'; - } else { - res.type = 'bind'; - } - - return res; - }, - - printLxcMountPoint: function(mp) { - var drivestr = mp.file; - - Ext.Object.each(mp, function(key, value) { - if (!Ext.isDefined(value) || key === 'file' || - key === 'type' || key === 'storage') { - return; // continue - } - drivestr += ',' + key + '=' + value; - }); - - return drivestr; - }, - - parseStartup: function(value) { - if (value === undefined) { - return; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - - var match_res; - - if ((match_res = p.match(/^(order)?=(\d+)$/)) !== null) { - res.order = match_res[2]; - } else if ((match_res = p.match(/^up=(\d+)$/)) !== null) { - res.up = match_res[1]; - } else if ((match_res = p.match(/^down=(\d+)$/)) !== null) { - res.down = match_res[1]; - } else { - errors = true; - return false; // break - } - }); - - if (errors) { - return; - } - - return res; - }, - - printStartup: function(startup) { - var arr = []; - if (startup.order !== undefined && startup.order !== '') { - arr.push('order=' + startup.order); - } - if (startup.up !== undefined && startup.up !== '') { - arr.push('up=' + startup.up); - } - if (startup.down !== undefined && startup.down !== '') { - arr.push('down=' + startup.down); - } - - return arr.join(','); - }, - - parseQemuSmbios1: function(value) { - var res = value.split(',').reduce(function (accumulator, currentValue) { - var splitted = currentValue.split(new RegExp("=(.+)")); - accumulator[splitted[0]] = splitted[1]; - return accumulator; - }, {}); - - if (PVE.Parser.parseBoolean(res.base64, false)) { - Ext.Object.each(res, function(key, value) { - if (key === 'uuid') { return; } - res[key] = Ext.util.Base64.decode(value); - }); - } - - return res; - }, - - printQemuSmbios1: function(data) { - - var datastr = ''; - var base64 = false; - Ext.Object.each(data, function(key, value) { - if (value === '') { return; } - if (key === 'uuid') { - datastr += (datastr !== '' ? ',' : '') + key + '=' + value; - } else { - // values should be base64 encoded from now on, mark config strings correspondingly - if (!base64) { - base64 = true; - datastr += (datastr !== '' ? ',' : '') + 'base64=1'; - } - datastr += (datastr !== '' ? ',' : '') + key + '=' + Ext.util.Base64.encode(value); - } - }); - - return datastr; - }, - - parseTfaConfig: function(value) { - var res = {}; - - Ext.Array.each(value.split(','), function(p) { - var kva = p.split('=', 2); - res[kva[0]] = kva[1]; - }); - - return res; - }, - - parseTfaType: function(value) { - /*jslint confusion: true*/ - var match; - if (!value || !value.length) { - return undefined; - } else if (value === 'x!oath') { - return 'totp'; - } else if (!!(match = value.match(/^x!(.+)$/))) { - return match[1]; - } else { - return 1; - } - }, - - parseQemuCpu: function(value) { - if (!value) { - return {}; - } - - var res = {}; - - var errors = false; - Ext.Array.each(value.split(','), function(p) { - if (!p || p.match(/^\s*$/)) { - return; // continue - } - - if (!p.match(/\=/)) { - if (Ext.isDefined(res.cpu)) { - errors = true; - return false; // break - } - res.cputype = p; - return; // continue - } - - var match_res = p.match(/^([a-z_]+)=(\S+)$/); - if (!match_res) { - errors = true; - return false; // break - } - - var k = match_res[1]; - if (Ext.isDefined(res[k])) { - errors = true; - return false; // break - } - - res[k] = match_res[2]; - }); - - if (errors || !res.cputype) { - return; - } - - return res; - }, - - printQemuCpu: function(cpu) { - var cpustr = cpu.cputype; - var optstr = ''; - - Ext.Object.each(cpu, function(key, value) { - if (!Ext.isDefined(value) || key === 'cputype') { - return; // continue - } - optstr += ',' + key + '=' + value; - }); - - if (!cpustr) { - if (optstr) { - return 'kvm64' + optstr; - } - return; - } - - return cpustr + optstr; - }, - - parseSSHKey: function(key) { - // |--- options can have quotes--| type key comment - var keyre = /^(?:((?:[^\s"]|\"(?:\\.|[^"\\])*")+)\s+)?(\S+)\s+(\S+)(?:\s+(.*))?$/; - var typere = /^(?:ssh-(?:dss|rsa|ed25519)|ecdsa-sha2-nistp\d+)$/; - - var m = key.match(keyre); - if (!m) { - return null; - } - if (m.length < 3 || !m[2]) { // [2] is always either type or key - return null; - } - if (m[1] && m[1].match(typere)) { - return { - type: m[1], - key: m[2], - comment: m[3] - }; - } - if (m[2].match(typere)) { - return { - options: m[1], - type: m[2], - key: m[3], - comment: m[4] - }; - } - return null; - } -}}); -/* This state provider keeps part of the state inside - * the browser history. - * - * We compress (shorten) url using dictionary based compression - * i.e. use column separated list instead of url encoded hash: - * #v\d* version/format - * := indicates string values - * :\d+ lookup value in dictionary hash - * #v1:=value1:5:=value2:=value3:... -*/ - -Ext.define('PVE.StateProvider', { - extend: 'Ext.state.LocalStorageProvider', - - // private - setHV: function(name, newvalue, fireEvents) { - var me = this; - - var changes = false; - var oldtext = Ext.encode(me.UIState[name]); - var newtext = Ext.encode(newvalue); - if (newtext != oldtext) { - changes = true; - me.UIState[name] = newvalue; - //console.log("changed old " + name + " " + oldtext); - //console.log("changed new " + name + " " + newtext); - if (fireEvents) { - me.fireEvent("statechange", me, name, { value: newvalue }); - } - } - return changes; - }, - - // private - hslist: [ - // order is important for notifications - // [ name, default ] - ['view', 'server'], - ['rid', 'root'], - ['ltab', 'tasks'], - ['nodetab', ''], - ['storagetab', ''], - ['pooltab', ''], - ['kvmtab', ''], - ['lxctab', ''], - ['dctab', ''] - ], - - hprefix: 'v1', - - compDict: { - cloudinit: 52, - replication: 51, - system: 50, - monitor: 49, - 'ha-fencing': 48, - 'ha-groups': 47, - 'ha-resources': 46, - 'ceph-log': 45, - 'ceph-crushmap':44, - 'ceph-pools': 43, - 'ceph-osdtree': 42, - 'ceph-disklist': 41, - 'ceph-monlist': 40, - 'ceph-config': 39, - ceph: 38, - 'firewall-fwlog': 37, - 'firewall-options': 36, - 'firewall-ipset': 35, - 'firewall-aliases': 34, - 'firewall-sg': 33, - firewall: 32, - apt: 31, - members: 30, - snapshot: 29, - ha: 28, - support: 27, - pools: 26, - syslog: 25, - ubc: 24, - initlog: 23, - openvz: 22, - backup: 21, - resources: 20, - content: 19, - root: 18, - domains: 17, - roles: 16, - groups: 15, - users: 14, - time: 13, - dns: 12, - network: 11, - services: 10, - options: 9, - console: 8, - hardware: 7, - permissions: 6, - summary: 5, - tasks: 4, - clog: 3, - storage: 2, - folder: 1, - server: 0 - }, - - decodeHToken: function(token) { - var me = this; - - var state = {}; - if (!token) { - Ext.Array.each(me.hslist, function(rec) { - state[rec[0]] = rec[1]; - }); - return state; - } - - // return Ext.urlDecode(token); - - var items = token.split(':'); - var prefix = items.shift(); - - if (prefix != me.hprefix) { - return me.decodeHToken(); - } - - Ext.Array.each(me.hslist, function(rec) { - var value = items.shift(); - if (value) { - if (value[0] === '=') { - value = decodeURIComponent(value.slice(1)); - } else { - Ext.Object.each(me.compDict, function(key, cv) { - if (value == cv) { - value = key; - return false; - } - }); - } - } - state[rec[0]] = value; - }); - - return state; - }, - - encodeHToken: function(state) { - var me = this; - - // return Ext.urlEncode(state); - - var ctoken = me.hprefix; - Ext.Array.each(me.hslist, function(rec) { - var value = state[rec[0]]; - if (!Ext.isDefined(value)) { - value = rec[1]; - } - value = encodeURIComponent(value); - if (!value) { - ctoken += ':'; - } else { - var comp = me.compDict[value]; - if (Ext.isDefined(comp)) { - ctoken += ":" + comp; - } else { - ctoken += ":=" + value; - } - } - }); - - return ctoken; - }, - - constructor: function(config){ - var me = this; - - me.callParent([config]); - - me.UIState = me.decodeHToken(); // set default - - var history_change_cb = function(token) { - //console.log("HC " + token); - if (!token) { - var res = window.confirm(gettext('Are you sure you want to navigate away from this page?')); - if (res){ - // process text value and close... - Ext.History.back(); - } else { - Ext.History.forward(); - } - return; - } - - var newstate = me.decodeHToken(token); - Ext.Array.each(me.hslist, function(rec) { - if (typeof newstate[rec[0]] == "undefined") { - return; - } - me.setHV(rec[0], newstate[rec[0]], true); - }); - }; - - var start_token = Ext.History.getToken(); - if (start_token) { - history_change_cb(start_token); - } else { - var htext = me.encodeHToken(me.UIState); - Ext.History.add(htext); - } - - Ext.History.on('change', history_change_cb); - }, - - get: function(name, defaultValue){ - /*jslint confusion: true */ - var me = this; - var data; - - if (typeof me.UIState[name] != "undefined") { - data = { value: me.UIState[name] }; - } else { - data = me.callParent(arguments); - if (!data && name === 'GuiCap') { - data = { vms: {}, storage: {}, access: {}, nodes: {}, dc: {} }; - } - } - - //console.log("GET " + name + " " + Ext.encode(data)); - return data; - }, - - clear: function(name){ - var me = this; - - if (typeof me.UIState[name] != "undefined") { - me.UIState[name] = null; - } - - me.callParent(arguments); - }, - - set: function(name, value, fireevent){ - var me = this; - - //console.log("SET " + name + " " + Ext.encode(value)); - if (typeof me.UIState[name] != "undefined") { - var newvalue = value ? value.value : null; - if (me.setHV(name, newvalue, fireevent)) { - var htext = me.encodeHToken(me.UIState); - Ext.History.add(htext); - } - } else { - me.callParent(arguments); - } - } -}); -Ext.define('PVE.menu.Item', { - extend: 'Ext.menu.Item', - alias: 'widget.pveMenuItem', - - // set to wrap the handler callback in a confirm dialog showing this text - confirmMsg: false, - - // set to focus 'No' instead of 'Yes' button and show a warning symbol - dangerous: false, - - initComponent: function() { - var me = this; - - if (me.handler) { - me.setHandler(me.handler, me.scope); - } - - me.callParent(); - }, - - setHandler: function(fn, scope) { - var me = this; - me.scope = scope; - me.handler = function(button, e) { - var rec, msg; - if (me.confirmMsg) { - msg = me.confirmMsg; - Ext.MessageBox.defaultButton = me.dangerous ? 2 : 1; - Ext.Msg.show({ - title: gettext('Confirm'), - icon: me.dangerous ? Ext.Msg.WARNING : Ext.Msg.QUESTION, - msg: msg, - buttons: Ext.Msg.YESNO, - defaultFocus: me.dangerous ? 'no' : 'yes', - callback: function(btn) { - if (btn === 'yes') { - Ext.callback(fn, me.scope, [me, e], 0, me); - } - } - }); - } else { - Ext.callback(fn, me.scope, [me, e], 0, me); - } - }; - } -}); -Ext.define('PVE.menu.TemplateMenu', { - extend: 'Ext.menu.Menu', - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var guestType = me.pveSelNode.data.type; - if (guestType !== 'qemu' && guestType != 'lxc') { - throw "invalid guest type"; - } - - var vmname = me.pveSelNode.data.name; - - var template = me.pveSelNode.data.template; - - var vm_command = function(cmd, params) { - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + nodename + '/' + guestType + '/' + vmid + "/status/" + cmd, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - me.title = (guestType === 'qemu' ? 'VM ' : 'CT ') + vmid; - - me.items = [ - { - text: gettext('Migrate'), - iconCls: 'fa fa-fw fa-send-o', - handler: function() { - var win = Ext.create('PVE.window.Migrate', { - vmtype: guestType, - nodename: nodename, - vmid: vmid - }); - win.show(); - } - }, - { - text: gettext('Clone'), - iconCls: 'fa fa-fw fa-clone', - handler: function() { - var win = Ext.create('PVE.window.Clone', { - nodename: nodename, - guestType: guestType, - vmid: vmid, - isTemplate: template - }); - win.show(); - } - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.button.ConsoleButton', { - extend: 'Ext.button.Split', - alias: 'widget.pveConsoleButton', - - consoleType: 'shell', // one of 'shell', 'kvm', 'lxc', 'upgrade', 'cmd' - - cmd: undefined, - - consoleName: undefined, - - iconCls: 'fa fa-terminal', - - enableSpice: true, - enableXtermjs: true, - - nodename: undefined, - - vmid: 0, - - text: gettext('Console'), - - setEnableSpice: function(enable){ - var me = this; - - me.enableSpice = enable; - me.down('#spicemenu').setDisabled(!enable); - }, - - setEnableXtermJS: function(enable){ - var me = this; - - me.enableXtermjs = enable; - me.down('#xtermjs').setDisabled(!enable); - }, - - handler: function() { - var me = this; - var consoles = { - spice: me.enableSpice, - xtermjs: me.enableXtermjs - }; - PVE.Utils.openDefaultConsoleWindow(consoles, me.consoleType, me.vmid, - me.nodename, me.consoleName, me.cmd); - }, - - menu: [ - { - xtype:'menuitem', - text: 'noVNC', - iconCls: 'pve-itype-icon-novnc', - type: 'html5', - handler: function(button) { - var me = this.up('button'); - PVE.Utils.openConsoleWindow(button.type, me.consoleType, me.vmid, me.nodename, me.consoleName, me.cmd); - } - }, - { - xterm: 'menuitem', - itemId: 'spicemenu', - text: 'SPICE', - type: 'vv', - iconCls: 'pve-itype-icon-virt-viewer', - handler: function(button) { - var me = this.up('button'); - PVE.Utils.openConsoleWindow(button.type, me.consoleType, me.vmid, me.nodename, me.consoleName, me.cmd); - } - }, - { - text: 'xterm.js', - itemId: 'xtermjs', - iconCls: 'pve-itype-icon-xtermjs', - type: 'xtermjs', - handler: function(button) { - var me = this.up('button'); - PVE.Utils.openConsoleWindow(button.type, me.consoleType, me.vmid, me.nodename, me.consoleName, me.cmd); - } - } - ], - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.callParent(); - } -}); -/* Button features: - * - observe selection changes to enable/disable the button using enableFn() - * - pop up confirmation dialog using confirmMsg() - * - * does this for the button and every menu item - */ -Ext.define('PVE.button.Split', { - extend: 'Ext.button.Split', - alias: 'widget.pveSplitButton', - - // the selection model to observe - selModel: undefined, - - // if 'false' handler will not be called (button disabled) - enableFn: function(record) { }, - - // function(record) or text - confirmMsg: false, - - // take special care in confirm box (select no as default). - dangerous: false, - - handlerWrapper: function(button, event) { - var me = this; - var rec, msg; - if (me.selModel) { - rec = me.selModel.getSelection()[0]; - if (!rec || (me.enableFn(rec) === false)) { - return; - } - } - - if (me.confirmMsg) { - msg = me.confirmMsg; - // confirMsg can be boolean or function - /*jslint confusion: true*/ - if (Ext.isFunction(me.confirmMsg)) { - msg = me.confirmMsg(rec); - } - /*jslint confusion: false*/ - Ext.MessageBox.defaultButton = me.dangerous ? 2 : 1; - Ext.Msg.show({ - title: gettext('Confirm'), - icon: me.dangerous ? Ext.Msg.WARNING : Ext.Msg.QUESTION, - msg: msg, - buttons: Ext.Msg.YESNO, - callback: function(btn) { - if (btn !== 'yes') { - return; - } - me.realHandler(button, event, rec); - } - }); - } else { - me.realHandler(button, event, rec); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - - var me = this; - - if (me.handler) { - me.realHandler = me.handler; - me.handler = me.handlerWrapper; - } - - if (me.menu && me.menu.items) { - me.menu.items.forEach(function(item) { - if (item.handler) { - item.realHandler = item.handler; - item.handler = me.handlerWrapper; - } - - if (item.selModel) { - me.mon(item.selModel, "selectionchange", function() { - var rec = item.selModel.getSelection()[0]; - if (!rec || (item.enableFn(rec) === false )) { - item.setDisabled(true); - } else { - item.setDisabled(false); - } - }); - } - }); - } - - me.callParent(); - - if (me.selModel) { - - me.mon(me.selModel, "selectionchange", function() { - var rec = me.selModel.getSelection()[0]; - if (!rec || (me.enableFn(rec) === false)) { - me.setDisabled(true); - } else { - me.setDisabled(false); - } - }); - } - } -}); -Ext.define('PVE.controller.StorageEdit', { - extend: 'Ext.app.ViewController', - alias: 'controller.storageEdit', - control: { - 'field[name=content]': { - change: function(field, value) { - var hasBackups = Ext.Array.contains(value, 'backup'); - var maxfiles = this.lookupReference('maxfiles'); - if (!maxfiles) { - return; - } - - if (!hasBackups) { - // clear values which will never be submitted - maxfiles.reset(); - } - maxfiles.setDisabled(!hasBackups); - } - } - } -}); -Ext.define('PVE.qemu.CmdMenu', { - extend: 'Ext.menu.Menu', - - showSeparator: false, - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var vmname = me.pveSelNode.data.name; - - var vm_command = function(cmd, params) { - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + nodename + '/qemu/' + vmid + "/status/" + cmd, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }; - - var caps = Ext.state.Manager.get('GuiCap'); - - var running = false; - var stopped = true; - var suspended = false; - var standalone = PVE.data.ResourceStore.getNodes().length < 2; - - switch (me.pveSelNode.data.status) { - case 'running': - running = true; - stopped = false; - break; - case 'suspended': - stopped = false; - suspended = true; - break; - case 'paused': - stopped = false; - suspended = true; - break; - default: break; - } - - me.title = "VM " + vmid; - - me.items = [ - { - text: gettext('Start'), - iconCls: 'fa fa-fw fa-play', - hidden: running || suspended, - disabled: running || suspended, - handler: function() { - vm_command('start'); - } - }, - { - text: gettext('Pause'), - iconCls: 'fa fa-fw fa-pause', - hidden: stopped || suspended, - disabled: stopped || suspended, - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmpause', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - vm_command('suspend'); - }); - } - }, - { - text: gettext('Hibernate'), - iconCls: 'fa fa-fw fa-download', - hidden: stopped || suspended, - disabled: stopped || suspended, - tooltip: gettext('Suspend to disk'), - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmsuspend', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - vm_command('suspend', { todisk: 1 }); - }); - } - }, - { - text: gettext('Resume'), - iconCls: 'fa fa-fw fa-play', - hidden: !suspended, - handler: function() { - vm_command('resume'); - } - }, - { - text: gettext('Shutdown'), - iconCls: 'fa fa-fw fa-power-off', - disabled: stopped || suspended, - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmshutdown', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - vm_command('shutdown'); - }); - } - }, - { - text: gettext('Stop'), - iconCls: 'fa fa-fw fa-stop', - disabled: stopped, - tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'VM'), - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmstop', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - vm_command("stop"); - }); - } - }, - { - xtype: 'menuseparator', - hidden: (standalone || !caps.vms['VM.Migrate']) && !caps.vms['VM.Allocate'] && !caps.vms['VM.Clone'] - }, - { - text: gettext('Migrate'), - iconCls: 'fa fa-fw fa-send-o', - hidden: standalone || !caps.vms['VM.Migrate'], - handler: function() { - var win = Ext.create('PVE.window.Migrate', { - vmtype: 'qemu', - nodename: nodename, - vmid: vmid - }); - win.show(); - } - }, - { - text: gettext('Clone'), - iconCls: 'fa fa-fw fa-clone', - hidden: !caps.vms['VM.Clone'], - handler: function() { - PVE.window.Clone.wrap(nodename, vmid, me.isTemplate, 'qemu'); - } - }, - { - text: gettext('Convert to template'), - iconCls: 'fa fa-fw fa-file-o', - hidden: !caps.vms['VM.Allocate'], - handler: function() { - var msg = Proxmox.Utils.format_task_description('qmtemplate', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/qemu/' + vmid + '/template', - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Console'), - iconCls: 'fa fa-fw fa-terminal', - handler: function() { - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/qemu/' + vmid + '/status/current', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, opts) { - var allowSpice = response.result.data.spice; - var allowXtermjs = response.result.data.serial; - var consoles = { - spice: allowSpice, - xtermjs: allowXtermjs - }; - PVE.Utils.openDefaultConsoleWindow(consoles, 'kvm', vmid, nodename, vmname); - } - }); - } - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.lxc.CmdMenu', { - extend: 'Ext.menu.Menu', - - showSeparator: false, - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no CT ID specified"; - } - var vmname = me.pveSelNode.data.name; - - var vm_command = function(cmd, params) { - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + nodename + '/lxc/' + vmid + "/status/" + cmd, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - var caps = Ext.state.Manager.get('GuiCap'); - - var running = false; - var stopped = true; - var suspended = false; - var standalone = PVE.data.ResourceStore.getNodes().length < 2; - - switch (me.pveSelNode.data.status) { - case 'running': - running = true; - stopped = false; - break; - case 'paused': - stopped = false; - suspended = true; - break; - default: break; - } - - me.title = 'CT ' + vmid; - - me.items = [ - { - text: gettext('Start'), - iconCls: 'fa fa-fw fa-play', - disabled: running, - handler: function() { - vm_command('start'); - } - }, -// { -// text: gettext('Suspend'), -// iconCls: 'fa fa-fw fa-pause', -// hidde: suspended, -// disabled: stopped || suspended, -// handler: function() { -// var msg = Proxmox.Utils.format_task_description('vzsuspend', vmid); -// Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { -// if (btn !== 'yes') { -// return; -// } -// -// vm_command('suspend'); -// }); -// } -// }, -// { -// text: gettext('Resume'), -// iconCls: 'fa fa-fw fa-play', -// hidden: !suspended, -// handler: function() { -// vm_command('resume'); -// } -// }, - { - text: gettext('Shutdown'), - iconCls: 'fa fa-fw fa-power-off', - disabled: stopped || suspended, - handler: function() { - var msg = Proxmox.Utils.format_task_description('vzshutdown', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - vm_command('shutdown'); - }); - } - }, - { - text: gettext('Stop'), - iconCls: 'fa fa-fw fa-stop', - disabled: stopped, - tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'CT'), - handler: function() { - var msg = Proxmox.Utils.format_task_description('vzstop', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - vm_command("stop"); - }); - } - }, - { - xtype: 'menuseparator', - hidden: standalone || !caps.vms['VM.Migrate'] - }, - { - text: gettext('Clone'), - iconCls: 'fa fa-fw fa-clone', - hidden: !caps.vms['VM.Clone'], - handler: function() { - PVE.window.Clone.wrap(nodename, vmid, me.isTemplate, 'lxc'); - } - }, - { - text: gettext('Migrate'), - iconCls: 'fa fa-fw fa-send-o', - hidden: standalone || !caps.vms['VM.Migrate'], - handler: function() { - var win = Ext.create('PVE.window.Migrate', { - vmtype: 'lxc', - nodename: nodename, - vmid: vmid - }); - win.show(); - } - }, - { - text: gettext('Convert to template'), - iconCls: 'fa fa-fw fa-file-o', - handler: function() { - var msg = Proxmox.Utils.format_task_description('vztemplate', vmid); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/lxc/' + vmid + '/template', - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Console'), - iconCls: 'fa fa-fw fa-terminal', - handler: function() { - PVE.Utils.openDefaultConsoleWindow(true, 'lxc', vmid, nodename, vmname); - } - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.node.CmdMenu', { - extend: 'Ext.menu.Menu', - xtype: 'nodeCmdMenu', - - showSeparator: false, - - items: [ - { - text: gettext('Create VM'), - itemId: 'createvm', - iconCls: 'fa fa-desktop', - handler: function() { - var me = this.up('menu'); - var wiz = Ext.create('PVE.qemu.CreateWizard', { - nodename: me.nodename - }); - wiz.show(); - } - }, - { - text: gettext('Create CT'), - itemId: 'createct', - iconCls: 'fa fa-cube', - handler: function() { - var me = this.up('menu'); - var wiz = Ext.create('PVE.lxc.CreateWizard', { - nodename: me.nodename - }); - wiz.show(); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Bulk Start'), - itemId: 'bulkstart', - iconCls: 'fa fa-fw fa-play', - handler: function() { - var me = this.up('menu'); - var win = Ext.create('PVE.window.BulkAction', { - nodename: me.nodename, - title: gettext('Bulk Start'), - btnText: gettext('Start'), - action: 'startall' - }); - win.show(); - } - }, - { - text: gettext('Bulk Stop'), - itemId: 'bulkstop', - iconCls: 'fa fa-fw fa-stop', - handler: function() { - var me = this.up('menu'); - var win = Ext.create('PVE.window.BulkAction', { - nodename: me.nodename, - title: gettext('Bulk Stop'), - btnText: gettext('Stop'), - action: 'stopall' - }); - win.show(); - } - }, - { - text: gettext('Bulk Migrate'), - itemId: 'bulkmigrate', - iconCls: 'fa fa-fw fa-send-o', - handler: function() { - var me = this.up('menu'); - var win = Ext.create('PVE.window.BulkAction', { - nodename: me.nodename, - title: gettext('Bulk Migrate'), - btnText: gettext('Migrate'), - action: 'migrateall' - }); - win.show(); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Shell'), - itemId: 'shell', - iconCls: 'fa fa-fw fa-terminal', - handler: function() { - var me = this.up('menu'); - PVE.Utils.openDefaultConsoleWindow(true, 'shell', undefined, me.nodename, undefined); - } - }, - { xtype: 'menuseparator' }, - { - text: gettext('Wake-on-LAN'), - itemId: 'wakeonlan', - iconCls: 'fa fa-fw fa-power-off', - handler: function() { - var me = this.up('menu'); - Proxmox.Utils.API2Request({ - param: {}, - url: '/nodes/' + me.nodename + '/wakeonlan', - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, opts) { - Ext.Msg.show({ - title: 'Success', - icon: Ext.Msg.INFO, - msg: Ext.String.format(gettext("Wake on LAN packet send for '{0}': '{1}'"), me.nodename, response.result.data) - }); - } - }); - } - } - ], - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw 'no nodename specified'; - } - - me.title = gettext('Node') + " '" + me.nodename + "'"; - me.callParent(); - - var caps = Ext.state.Manager.get('GuiCap'); - // disable not allowed options - if (!caps.vms['VM.Allocate']) { - me.getComponent('createct').setDisabled(true); - me.getComponent('createvm').setDisabled(true); - } - - if (!caps.nodes['Sys.PowerMgmt']) { - me.getComponent('bulkstart').setDisabled(true); - me.getComponent('bulkstop').setDisabled(true); - me.getComponent('bulkmigrate').setDisabled(true); - me.getComponent('wakeonlan').setDisabled(true); - } - - if (!caps.nodes['Sys.Console']) { - me.getComponent('shell').setDisabled(true); - } - - if (me.pveSelNode.data.running) { - me.getComponent('wakeonlan').setDisabled(true); - } - } -}); -Ext.define('PVE.noVncConsole', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveNoVncConsole', - - nodename: undefined, - - vmid: undefined, - - cmd: undefined, - - consoleType: undefined, // lxc, kvm, shell, cmd - - layout: 'fit', - - xtermjs: false, - - border: false, - - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.consoleType) { - throw "no console type specified"; - } - - if (!me.vmid && me.consoleType !== 'shell' && me.consoleType !== 'cmd') { - throw "no VM ID specified"; - } - - // always use same iframe, to avoid running several noVnc clients - // at same time (to avoid performance problems) - var box = Ext.create('Ext.ux.IFrame', { itemid : "vncconsole" }); - - var type = me.xtermjs ? 'xtermjs' : 'novnc'; - Ext.apply(me, { - items: box, - listeners: { - activate: function() { - var queryDict = { - console: me.consoleType, // kvm, lxc, upgrade or shell - vmid: me.vmid, - node: me.nodename, - cmd: me.cmd, - resize: 'scale' - }; - queryDict[type] = 1; - PVE.Utils.cleanEmptyObjectKeys(queryDict); - var url = '/?' + Ext.Object.toQueryString(queryDict); - box.load(url); - } - } - }); - - me.callParent(); - - me.on('afterrender', function() { - me.focus(); - }); - } -}); - -Ext.define('PVE.data.PermPathStore', { - extend: 'Ext.data.Store', - alias: 'store.pvePermPath', - fields: [ 'value' ], - autoLoad: false, - data: [ - {'value': '/'}, - {'value': '/access'}, - {'value': '/nodes'}, - {'value': '/pool'}, - {'value': '/storage'}, - {'value': '/vms'} - ], - - constructor: function(config) { - var me = this; - - config = config || {}; - - me.callParent([config]); - - me.suspendEvents(); - PVE.data.ResourceStore.each(function(record) { - switch (record.get('type')) { - case 'node': - me.add({value: '/nodes/' + record.get('text')}); - break; - - case 'qemu': - me.add({value: '/vms/' + record.get('vmid')}); - break; - - case 'lxc': - me.add({value: '/vms/' + record.get('vmid')}); - break; - - case 'storage': - me.add({value: '/storage/' + record.get('storage')}); - break; - case 'pool': - me.add({value: '/pool/' + record.get('pool')}); - break; - } - }); - me.resumeEvents(); - - me.fireEvent('refresh', me); - me.fireEvent('datachanged', me); - - me.sort({ - property: 'value', - direction: 'ASC' - }); - } -}); -Ext.define('PVE.data.ResourceStore', { - extend: 'Proxmox.data.UpdateStore', - singleton: true, - - findVMID: function(vmid) { - var me = this, i; - - return (me.findExact('vmid', parseInt(vmid, 10)) >= 0); - }, - - // returns the cached data from all nodes - getNodes: function() { - var me = this; - - var nodes = []; - me.each(function(record) { - if (record.get('type') == "node") { - nodes.push( record.getData() ); - } - }); - - return nodes; - }, - - storageIsShared: function(storage_path) { - var me = this; - - var index = me.findExact('id', storage_path); - - return me.getAt(index).data.shared; - }, - - guestNode: function(vmid) { - var me = this; - - var index = me.findExact('vmid', parseInt(vmid, 10)); - - return me.getAt(index).data.node; - }, - - constructor: function(config) { - // fixme: how to avoid those warnings - /*jslint confusion: true */ - - var me = this; - - config = config || {}; - - var field_defaults = { - type: { - header: gettext('Type'), - type: 'string', - renderer: PVE.Utils.render_resource_type, - sortable: true, - hideable: false, - width: 100 - }, - id: { - header: 'ID', - type: 'string', - hidden: true, - sortable: true, - width: 80 - }, - running: { - header: gettext('Online'), - type: 'boolean', - renderer: Proxmox.Utils.format_boolean, - hidden: true, - convert: function(value, record) { - var info = record.data; - return (Ext.isNumeric(info.uptime) && (info.uptime > 0)); - } - }, - text: { - header: gettext('Description'), - type: 'string', - sortable: true, - width: 200, - convert: function(value, record) { - var info = record.data; - var text; - - if (value) { - return value; - } - - if (Ext.isNumeric(info.vmid) && info.vmid > 0) { - text = String(info.vmid); - if (info.name) { - text += " (" + info.name + ')'; - } - } else { // node, pool, storage - text = info[info.type] || info.id; - if (info.node && info.type !== 'node') { - text += " (" + info.node + ")"; - } - } - - return text; - } - }, - vmid: { - header: 'VMID', - type: 'integer', - hidden: true, - sortable: true, - width: 80 - }, - name: { - header: gettext('Name'), - hidden: true, - sortable: true, - type: 'string' - }, - disk: { - header: gettext('Disk usage'), - type: 'integer', - renderer: PVE.Utils.render_disk_usage, - sortable: true, - width: 100, - hidden: true - }, - diskuse: { - header: gettext('Disk usage') + " %", - type: 'number', - sortable: true, - renderer: PVE.Utils.render_disk_usage_percent, - width: 100, - calculate: PVE.Utils.calculate_disk_usage, - sortType: 'asFloat' - }, - maxdisk: { - header: gettext('Disk size'), - type: 'integer', - renderer: PVE.Utils.render_size, - sortable: true, - hidden: true, - width: 100 - }, - mem: { - header: gettext('Memory usage'), - type: 'integer', - renderer: PVE.Utils.render_mem_usage, - sortable: true, - hidden: true, - width: 100 - }, - memuse: { - header: gettext('Memory usage') + " %", - type: 'number', - renderer: PVE.Utils.render_mem_usage_percent, - calculate: PVE.Utils.calculate_mem_usage, - sortType: 'asFloat', - sortable: true, - width: 100 - }, - maxmem: { - header: gettext('Memory size'), - type: 'integer', - renderer: PVE.Utils.render_size, - hidden: true, - sortable: true, - width: 100 - }, - cpu: { - header: gettext('CPU usage'), - type: 'float', - renderer: PVE.Utils.render_cpu, - sortable: true, - width: 100 - }, - maxcpu: { - header: gettext('maxcpu'), - type: 'integer', - hidden: true, - sortable: true, - width: 60 - }, - diskread: { - header: gettext('Total Disk Read'), - type: 'integer', - hidden: true, - sortable: true, - renderer: Proxmox.Utils.format_size, - width: 100 - }, - diskwrite: { - header: gettext('Total Disk Write'), - type: 'integer', - hidden: true, - sortable: true, - renderer: Proxmox.Utils.format_size, - width: 100 - }, - netin: { - header: gettext('Total NetIn'), - type: 'integer', - hidden: true, - sortable: true, - renderer: Proxmox.Utils.format_size, - width: 100 - }, - netout: { - header: gettext('Total NetOut'), - type: 'integer', - hidden: true, - sortable: true, - renderer: Proxmox.Utils.format_size, - width: 100 - }, - template: { - header: gettext('Template'), - type: 'integer', - hidden: true, - sortable: true, - width: 60 - }, - uptime: { - header: gettext('Uptime'), - type: 'integer', - renderer: Proxmox.Utils.render_uptime, - sortable: true, - width: 110 - }, - node: { - header: gettext('Node'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - }, - storage: { - header: gettext('Storage'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - }, - pool: { - header: gettext('Pool'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - }, - hastate: { - header: gettext('HA State'), - type: 'string', - defaultValue: 'unmanaged', - hidden: true, - sortable: true - }, - status: { - header: gettext('Status'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - }, - lock: { - header: gettext('Lock'), - type: 'string', - hidden: true, - sortable: true, - width: 110 - } - }; - - var fields = []; - var fieldNames = []; - Ext.Object.each(field_defaults, function(key, value) { - var field = {name: key, type: value.type}; - if (Ext.isDefined(value.convert)) { - field.convert = value.convert; - } - - if (Ext.isDefined(value.calculate)) { - field.calculate = value.calculate; - } - - if (Ext.isDefined(value.defaultValue)) { - field.defaultValue = value.defaultValue; - } - - fields.push(field); - fieldNames.push(key); - }); - - Ext.define('PVEResources', { - extend: "Ext.data.Model", - fields: fields, - proxy: { - type: 'proxmox', - url: '/api2/json/cluster/resources' - } - }); - - Ext.define('PVETree', { - extend: "Ext.data.Model", - fields: fields, - proxy: { type: 'memory' } - }); - - Ext.apply(config, { - storeid: 'PVEResources', - model: 'PVEResources', - defaultColumns: function() { - var res = []; - Ext.Object.each(field_defaults, function(field, info) { - var fi = Ext.apply({ dataIndex: field }, info); - res.push(fi); - }); - return res; - }, - fieldNames: fieldNames - }); - - me.callParent([config]); - } -}); -Ext.define('pve-domains', { - extend: "Ext.data.Model", - fields: [ - 'realm', 'type', 'comment', 'default', 'tfa', - { - name: 'descr', - // Note: We use this in the RealmComboBox.js (see Bug #125) - convert: function(value, record) { - if (value) { - return value; - } - - var info = record.data; - // return realm if there is no comment - var text = info.comment || info.realm; - - if (info.tfa) { - text += " (+ " + info.tfa + ")"; - } - - return Ext.String.htmlEncode(text); - } - } - ], - idProperty: 'realm', - proxy: { - type: 'proxmox', - url: "/api2/json/access/domains" - } -}); -Ext.define('pve-rrd-node', { - extend: 'Ext.data.Model', - fields: [ - { - name:'cpu', - // percentage - convert: function(value) { - return value*100; - } - }, - { - name:'iowait', - // percentage - convert: function(value) { - return value*100; - } - }, - 'loadavg', - 'maxcpu', - 'memtotal', - 'memused', - 'netin', - 'netout', - 'roottotal', - 'rootused', - 'swaptotal', - 'swapused', - { type: 'date', dateFormat: 'timestamp', name: 'time' } - ] -}); - -Ext.define('pve-rrd-guest', { - extend: 'Ext.data.Model', - fields: [ - { - name:'cpu', - // percentage - convert: function(value) { - return value*100; - } - }, - 'maxcpu', - 'netin', - 'netout', - 'mem', - 'maxmem', - 'disk', - 'maxdisk', - 'diskread', - 'diskwrite', - { type: 'date', dateFormat: 'timestamp', name: 'time' } - ] -}); - -Ext.define('pve-rrd-storage', { - extend: 'Ext.data.Model', - fields: [ - 'used', - 'total', - { type: 'date', dateFormat: 'timestamp', name: 'time' } - ] -}); -Ext.define('PVE.form.VlanField', { - extend: 'Ext.form.field.Number', - alias: ['widget.pveVlanField'], - - deleteEmpty: false, - - emptyText: 'no VLAN', - - fieldLabel: gettext('VLAN Tag'), - - allowBlank: true, - - getSubmitData: function() { - var me = this, - data = null, - val; - if (!me.disabled && me.submitValue) { - val = me.getSubmitValue(); - if (val) { - data = {}; - data[me.getName()] = val; - } else if (me.deleteEmpty) { - data = {}; - data['delete'] = me.getName(); - } - } - return data; - }, - - initComponent: function() { - var me = this; - - Ext.apply(me, { - minValue: 1, - maxValue: 4094 - }); - - me.callParent(); - } -}); -// boolean type including 'Default' (delete property from file) -Ext.define('PVE.form.Boolean', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.booleanfield'], - comboItems: [ - ['__default__', gettext('Default')], - [1, gettext('Yes')], - [0, gettext('No')] - ] -}); -Ext.define('PVE.form.CompressionSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveCompressionSelector'], - comboItems: [ - ['0', Proxmox.Utils.noneText], - ['lzo', 'LZO (' + gettext('fast') + ')'], - ['gzip', 'GZIP (' + gettext('good') + ')'] - ] -}); -Ext.define('PVE.form.PoolSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pvePoolSelector'], - - allowBlank: false, - valueField: 'poolid', - displayField: 'poolid', - - initComponent: function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-pools', - sorters: 'poolid' - }); - - Ext.apply(me, { - store: store, - autoSelect: false, - listConfig: { - columns: [ - { - header: gettext('Pool'), - sortable: true, - dataIndex: 'poolid', - flex: 1 - }, - { - header: gettext('Comment'), - sortable: false, - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - } - }); - - me.callParent(); - - store.load(); - } - -}, function() { - - Ext.define('pve-pools', { - extend: 'Ext.data.Model', - fields: [ 'poolid', 'comment' ], - proxy: { - type: 'proxmox', - url: "/api2/json/pools" - }, - idProperty: 'poolid' - }); - -}); -Ext.define('PVE.form.PrivilegesSelector', { - extend: 'Proxmox.form.KVComboBox', - xtype: 'pvePrivilegesSelector', - - multiSelect: true, - - initComponent: function() { - var me = this; - - // So me.store is available. - me.callParent(); - - Proxmox.Utils.API2Request({ - url: '/access/roles/Administrator', - method: 'GET', - success: function(response, options) { - var data = [], key; - /*jslint forin: true */ - for (key in response.result.data) { - data.push([key, key]); - } - /*jslint forin: false */ - - me.store.setData(data); - - me.store.sort({ - property: 'key', - direction: 'ASC' - }); - }, - - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } -}); -Ext.define('pve-groups', { - extend: 'Ext.data.Model', - fields: [ 'groupid', 'comment' ], - proxy: { - type: 'proxmox', - url: "/api2/json/access/groups" - }, - idProperty: 'groupid' -}); - -Ext.define('PVE.form.GroupSelector', { - extend: 'Proxmox.form.ComboGrid', - xtype: 'pveGroupSelector', - - allowBlank: false, - autoSelect: false, - valueField: 'groupid', - displayField: 'groupid', - listConfig: { - columns: [ - { - header: gettext('Group'), - sortable: true, - dataIndex: 'groupid', - flex: 1 - }, - { - header: gettext('Comment'), - sortable: false, - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - }, - - initComponent: function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-groups', - sorters: [{ - property: 'groupid' - }] - }); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - - store.load(); - } -}); -Ext.define('PVE.form.UserSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveUserSelector'], - - allowBlank: false, - autoSelect: false, - valueField: 'userid', - displayField: 'userid', - - editable: true, - anyMatch: true, - forceSelection: true, - - initComponent: function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-users', - sorters: [{ - property: 'userid' - }] - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: gettext('User'), - sortable: true, - dataIndex: 'userid', - flex: 1 - }, - { - header: gettext('Name'), - sortable: true, - renderer: PVE.Utils.render_full_name, - dataIndex: 'firstname', - flex: 1 - }, - { - header: gettext('Comment'), - sortable: false, - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - } - }); - - me.callParent(); - - store.load({ params: { enabled: 1 }}); - } - -}, function() { - - Ext.define('pve-users', { - extend: 'Ext.data.Model', - fields: [ - 'userid', 'firstname', 'lastname' , 'email', 'comment', - { type: 'boolean', name: 'enable' }, - { type: 'date', dateFormat: 'timestamp', name: 'expire' } - ], - proxy: { - type: 'proxmox', - url: "/api2/json/access/users" - }, - idProperty: 'userid' - }); - -}); - - -Ext.define('PVE.form.RoleSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveRoleSelector'], - - allowBlank: false, - autoSelect: false, - valueField: 'roleid', - displayField: 'roleid', - initComponent: function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-roles', - sorters: [{ - property: 'roleid' - }] - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: gettext('Role'), - sortable: true, - dataIndex: 'roleid', - flex: 1 - } - ] - } - }); - - me.callParent(); - - store.load(); - } - -}, function() { - - Ext.define('pve-roles', { - extend: 'Ext.data.Model', - fields: [ 'roleid', 'privs' ], - proxy: { - type: 'proxmox', - url: "/api2/json/access/roles" - }, - idProperty: 'roleid' - }); - -}); -Ext.define('PVE.form.GuestIDSelector', { - extend: 'Ext.form.field.Number', - alias: 'widget.pveGuestIDSelector', - - allowBlank: false, - - minValue: 100, - - maxValue: 999999999, - - validateExists: undefined, - - loadNextFreeID: false, - - guestType: undefined, - - validator: function(value) { - var me = this; - - if (!Ext.isNumeric(value) || - value < me.minValue || - value > me.maxValue) { - // check is done by ExtJS - return true; - } - - if (me.validateExists === true && !me.exists) { - return me.unknownID; - } - - if (me.validateExists === false && me.exists) { - return me.inUseID; - } - - return true; - }, - - initComponent: function() { - var me = this; - var label = '{0} ID'; - var unknownID = gettext('This {0} ID does not exists'); - var inUseID = gettext('This {0} ID is already in use'); - var type = 'CT/VM'; - - if (me.guestType === 'lxc') { - type = 'CT'; - } else if (me.guestType === 'qemu') { - type = 'VM'; - } - - me.label = Ext.String.format(label, type); - me.unknownID = Ext.String.format(unknownID, type); - me.inUseID = Ext.String.format(inUseID, type); - - Ext.apply(me, { - fieldLabel: me.label, - listeners: { - 'change': function(field, newValue, oldValue) { - if (!Ext.isDefined(me.validateExists)) { - return; - } - Proxmox.Utils.API2Request({ - params: { vmid: newValue }, - url: '/cluster/nextid', - method: 'GET', - success: function(response, opts) { - me.exists = false; - me.validate(); - }, - failure: function(response, opts) { - me.exists = true; - me.validate(); - } - }); - } - } - }); - - me.callParent(); - - if (me.loadNextFreeID) { - Proxmox.Utils.API2Request({ - url: '/cluster/nextid', - method: 'GET', - success: function(response, opts) { - me.setRawValue(response.result.data); - } - }); - } - } -}); -Ext.define('PVE.form.MemoryField', { - extend: 'Ext.form.field.Number', - alias: 'widget.pveMemoryField', - - allowBlank: false, - - hotplug: false, - - minValue: 32, - - maxValue: 4178944, - - step: 32, - - value: '512', // qm default - - allowDecimals: false, - - allowExponential: false, - - computeUpDown: function(value) { - var me = this; - - if (!me.hotplug) { - return { up: value + me.step, down: value - me.step }; - } - - var dimm_size = 512; - var prev_dimm_size = 0; - var min_size = 1024; - var current_size = min_size; - var value_up = min_size; - var value_down = min_size; - var value_start = min_size; - - var i, j; - for (j = 0; j < 9; j++) { - for (i = 0; i < 32; i++) { - if ((value >= current_size) && (value < (current_size + dimm_size))) { - value_start = current_size; - value_up = current_size + dimm_size; - value_down = current_size - ((i === 0) ? prev_dimm_size : dimm_size); - } - current_size += dimm_size; - } - prev_dimm_size = dimm_size; - dimm_size = dimm_size*2; - } - - return { up: value_up, down: value_down, start: value_start }; - }, - - onSpinUp: function() { - var me = this; - if (!me.readOnly) { - var res = me.computeUpDown(me.getValue()); - me.setValue(Ext.Number.constrain(res.up, me.minValue, me.maxValue)); - } - }, - - onSpinDown: function() { - var me = this; - if (!me.readOnly) { - var res = me.computeUpDown(me.getValue()); - me.setValue(Ext.Number.constrain(res.down, me.minValue, me.maxValue)); - } - }, - - initComponent: function() { - var me = this; - - if (me.hotplug) { - me.minValue = 1024; - - me.on('blur', function(field) { - var value = me.getValue(); - var res = me.computeUpDown(value); - if (value === res.start || value === res.up || value === res.down) { - return; - } - field.setValue(res.up); - }); - } - - me.callParent(); - } -}); -Ext.define('PVE.form.NetworkCardSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: 'widget.pveNetworkCardSelector', - comboItems: [ - ['e1000', 'Intel E1000'], - ['virtio', 'VirtIO (' + gettext('paravirtualized') + ')'], - ['rtl8139', 'Realtek RTL8139'], - ['vmxnet3', 'VMware vmxnet3'] - ] -}); -Ext.define('PVE.form.DiskFormatSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: 'widget.pveDiskFormatSelector', - comboItems: [ - ['raw', gettext('Raw disk image') + ' (raw)'], - ['qcow2', gettext('QEMU image format') + ' (qcow2)'], - ['vmdk', gettext('VMware image format') + ' (vmdk)'] - ] -}); -Ext.define('PVE.form.DiskSelector', { - extend: 'Proxmox.form.ComboGrid', - xtype: 'pveDiskSelector', - - // can be - // undefined: all - // unused: only unused - // journal_disk: all disks with gpt - diskType: undefined, - - valueField: 'devpath', - displayField: 'devpath', - emptyText: gettext('No Disks unused'), - listConfig: { - width: 600, - columns: [ - { - header: gettext('Device'), - flex: 3, - sortable: true, - dataIndex: 'devpath' - }, - { - header: gettext('Size'), - flex: 2, - sortable: false, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - }, - { - header: gettext('Serial'), - flex: 5, - sortable: true, - dataIndex: 'serial' - } - ] - }, - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - if (!nodename) { - throw "no node name specified"; - } - - var store = Ext.create('Ext.data.Store', { - filterOnLoad: true, - model: 'pve-disk-list', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/disks/list", - extraParams: { type: me.diskType } - }, - sorters: [ - { - property : 'devpath', - direction: 'ASC' - } - ] - }); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - - store.load(); - } -}, function() { - - Ext.define('pve-disk-list', { - extend: 'Ext.data.Model', - fields: [ 'devpath', 'used', { name: 'size', type: 'number'}, - {name: 'osdid', type: 'number'}, - 'vendor', 'model', 'serial'], - idProperty: 'devpath' - }); -}); -Ext.define('PVE.form.BusTypeSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: 'widget.pveBusSelector', - - noVirtIO: false, - - initComponent: function() { - var me = this; - - me.comboItems = [['ide', 'IDE'], ['sata', 'SATA']]; - - if (!me.noVirtIO) { - me.comboItems.push(['virtio', 'VirtIO Block']); - } - - me.comboItems.push(['scsi', 'SCSI']); - - me.callParent(); - } -}); -Ext.define('PVE.form.ControllerSelector', { - extend: 'Ext.form.FieldContainer', - alias: 'widget.pveControllerSelector', - - statics: { - maxIds: { - ide: 3, - sata: 5, - virtio: 15, - scsi: 13 - } - }, - - noVirtIO: false, - - vmconfig: {}, // used to check for existing devices - - sortByPreviousUsage: function(vmconfig, controllerList) { - - var usedControllers = Ext.clone(PVE.form.ControllerSelector.maxIds); - - var type; - for (type in usedControllers) { - if(usedControllers.hasOwnProperty(type)) { - usedControllers[type] = 0; - } - } - - var property; - for (property in vmconfig) { - if (vmconfig.hasOwnProperty(property)) { - if (property.match(PVE.Utils.bus_match) && !vmconfig[property].match(/media=cdrom/)) { - var foundController = property.match(PVE.Utils.bus_match)[1]; - usedControllers[foundController]++; - } - } - } - - var vmDefaults = PVE.qemu.OSDefaults[vmconfig.ostype]; - - var sortPriority = vmDefaults && vmDefaults.busPriority - ? vmDefaults.busPriority : PVE.qemu.OSDefaults.generic; - - var sortedList = Ext.clone(controllerList); - sortedList.sort(function(a,b) { - if (usedControllers[b] == usedControllers[a]) { - return sortPriority[b] - sortPriority[a]; - } - return usedControllers[b] - usedControllers[a]; - }); - - return sortedList; - }, - - setVMConfig: function(vmconfig, autoSelect) { - var me = this; - - me.vmconfig = Ext.apply({}, vmconfig); - - var clist = ['ide', 'virtio', 'scsi', 'sata']; - var bussel = me.down('field[name=controller]'); - var deviceid = me.down('field[name=deviceid]'); - - if (autoSelect === 'cdrom') { - clist = ['ide', 'scsi', 'sata']; - if (!Ext.isDefined(me.vmconfig.ide2)) { - bussel.setValue('ide'); - deviceid.setValue(2); - return; - } - } else { - // in most cases we want to add a disk to the same controller - // we previously used - clist = me.sortByPreviousUsage(me.vmconfig, clist); - } - - Ext.Array.each(clist, function(controller) { - var confid, i; - bussel.setValue(controller); - for (i = 0; i <= PVE.form.ControllerSelector.maxIds[controller]; i++) { - confid = controller + i.toString(); - if (!Ext.isDefined(me.vmconfig[confid])) { - deviceid.setValue(i); - return false; // break - } - } - }); - deviceid.validate(); - }, - - initComponent: function() { - var me = this; - - Ext.apply(me, { - fieldLabel: gettext('Bus/Device'), - layout: 'hbox', - defaults: { - hideLabel: true - }, - items: [ - { - xtype: 'pveBusSelector', - name: 'controller', - value: PVE.qemu.OSDefaults.generic.busType, - noVirtIO: me.noVirtIO, - allowBlank: false, - flex: 2, - listeners: { - change: function(t, value) { - if (!value) { - return; - } - var field = me.down('field[name=deviceid]'); - field.setMaxValue(PVE.form.ControllerSelector.maxIds[value]); - field.validate(); - } - } - }, - { - xtype: 'proxmoxintegerfield', - name: 'deviceid', - minValue: 0, - maxValue: PVE.form.ControllerSelector.maxIds.ide, - value: '0', - flex: 1, - allowBlank: false, - validator: function(value) { - /*jslint confusion: true */ - if (!me.rendered) { - return; - } - var field = me.down('field[name=controller]'); - var controller = field.getValue(); - var confid = controller + value; - if (Ext.isDefined(me.vmconfig[confid])) { - return "This device is already in use."; - } - return true; - } - } - ] - }); - - me.callParent(); - } -}); -Ext.define('PVE.form.EmailNotificationSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveEmailNotificationSelector'], - comboItems: [ - ['always', gettext('Always')], - ['failure', gettext('On failure only')] - ] -}); -/*global Proxmox*/ -Ext.define('PVE.form.RealmComboBox', { - extend: 'Ext.form.field.ComboBox', - alias: ['widget.pveRealmComboBox'], - - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.store.on('load', this.onLoad, view); - }, - - onLoad: function(store, records, success) { - if (!success) { - return; - } - var me = this; - var val = me.getValue(); - if (!val || !me.store.findRecord('realm', val)) { - var def = 'pam'; - Ext.each(records, function(rec) { - if (rec.data && rec.data['default']) { - def = rec.data.realm; - } - }); - me.setValue(def); - } - } - }, - - fieldLabel: gettext('Realm'), - name: 'realm', - queryMode: 'local', - allowBlank: false, - editable: false, - forceSelection: true, - autoSelect: false, - triggerAction: 'all', - valueField: 'realm', - displayField: 'descr', - getState: function() { - return { value: this.getValue() }; - }, - applyState : function(state) { - if (state && state.value) { - this.setValue(state.value); - } - }, - stateEvents: [ 'select' ], - stateful: true, // last chosen auth realm is saved between page reloads - id: 'pveloginrealm', // We need stable ids when using stateful, not autogenerated - stateID: 'pveloginrealm', - - needOTP: function(realm) { - var me = this; - // use exact match - var rec = me.store.findRecord('realm', realm, 0, false, false, true); - return rec && rec.data && rec.data.tfa ? rec.data.tfa : undefined; - }, - - store: { - model: 'pve-domains', - autoLoad: true - } -}); -/* - * Top left combobox, used to select a view of the underneath RessourceTree - */ -Ext.define('PVE.form.ViewSelector', { - extend: 'Ext.form.field.ComboBox', - alias: ['widget.pveViewSelector'], - - editable: false, - allowBlank: false, - forceSelection: true, - autoSelect: false, - valueField: 'key', - displayField: 'value', - hideLabel: true, - queryMode: 'local', - - initComponent: function() { - var me = this; - - var default_views = { - server: { - text: gettext('Server View'), - groups: ['node'] - }, - folder: { - text: gettext('Folder View'), - groups: ['type'] - }, - storage: { - text: gettext('Storage View'), - groups: ['node'], - filterfn: function(node) { - return node.data.type === 'storage' || node.data.type === 'node'; - } - }, - pool: { - text: gettext('Pool View'), - groups: ['pool'], - // Pool View only lists VMs and Containers - filterfn: function(node) { - return node.data.type === 'qemu' || node.data.type === 'lxc' || node.data.type === 'openvz' || - node.data.type === 'pool'; - } - } - }; - - var groupdef = []; - Ext.Object.each(default_views, function(viewname, value) { - groupdef.push([viewname, value.text]); - }); - - var store = Ext.create('Ext.data.Store', { - model: 'KeyValue', - proxy: { - type: 'memory', - reader: 'array' - }, - data: groupdef, - autoload: true - }); - - Ext.apply(me, { - store: store, - value: groupdef[0][0], - getViewFilter: function() { - var view = me.getValue(); - return Ext.apply({ id: view }, default_views[view] || default_views.server); - }, - - getState: function() { - return { value: me.getValue() }; - }, - - applyState : function(state, doSelect) { - var view = me.getValue(); - if (state && state.value && (view != state.value)) { - var record = store.findRecord('key', state.value); - if (record) { - me.setValue(state.value, true); - if (doSelect) { - me.fireEvent('select', me, [record]); - } - } - } - }, - stateEvents: [ 'select' ], - stateful: true, - stateId: 'pveview', - id: 'view' - }); - - me.callParent(); - - var statechange = function(sp, key, value) { - if (key === me.id) { - me.applyState(value, true); - } - }; - - var sp = Ext.state.Manager.getProvider(); - me.mon(sp, 'statechange', statechange, me); - } -}); -Ext.define('PVE.form.NodeSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveNodeSelector'], - - // invalidate nodes which are offline - onlineValidator: false, - - selectCurNode: false, - - // do not allow those nodes (array) - disallowedNodes: undefined, - - // only allow those nodes (array) - allowedNodes: undefined, - // set default value to empty array, else it inits it with - // null and after the store load it is an empty array, - // triggering dirtychange - value: [], - valueField: 'node', - displayField: 'node', - store: { - fields: [ 'node', 'cpu', 'maxcpu', 'mem', 'maxmem', 'uptime' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes' - }, - sorters: [ - { - property : 'node', - direction: 'ASC' - }, - { - property : 'mem', - direction: 'DESC' - } - ] - }, - - listConfig: { - columns: [ - { - header: gettext('Node'), - dataIndex: 'node', - sortable: true, - hideable: false, - flex: 1 - }, - { - header: gettext('Memory usage') + " %", - renderer: PVE.Utils.render_mem_usage_percent, - sortable: true, - width: 100, - dataIndex: 'mem' - }, - { - header: gettext('CPU usage'), - renderer: PVE.Utils.render_cpu, - sortable: true, - width: 100, - dataIndex: 'cpu' - } - ] - }, - - validator: function(value) { - /*jslint confusion: true */ - var me = this; - if (!me.onlineValidator || (me.allowBlank && !value)) { - return true; - } - - var offline = []; - var notAllowed = []; - - Ext.Array.each(value.split(/\s*,\s*/), function(node) { - var rec = me.store.findRecord(me.valueField, node); - if (!(rec && rec.data) || rec.data.status !== 'online') { - offline.push(node); - } else if (me.allowedNodes && !Ext.Array.contains(me.allowedNodes, node)) { - notAllowed.push(node); - } - }); - - if (value && notAllowed.length !== 0) { - return "Node " + notAllowed.join(', ') + " is not allowed for this action!"; - } - - if (value && offline.length !== 0) { - return "Node " + offline.join(', ') + " seems to be offline!"; - } - return true; - }, - - initComponent: function() { - var me = this; - - if (me.selectCurNode && PVE.curSelectedNode && PVE.curSelectedNode.data.node) { - me.preferredValue = PVE.curSelectedNode.data.node; - } - - me.callParent(); - me.getStore().load(); - - // filter out disallowed nodes - me.getStore().addFilter(new Ext.util.Filter({ - filterFn: function(item) { - if (Ext.isArray(me.disallowedNodes)) { - return !Ext.Array.contains(me.disallowedNodes, item.data.node); - } else { - return true; - } - } - })); - - me.mon(me.getStore(), 'load', function(){ - me.isValid(); - }); - } -}); -Ext.define('PVE.form.FileSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: 'widget.pveFileSelector', - - editable: true, - anyMatch: true, - forceSelection: true, - - listeners: { - afterrender: function() { - var me = this; - if (!me.disabled) { - me.setStorage(me.storage, me.nodename); - } - } - }, - - setStorage: function(storage, nodename) { - var me = this; - - var change = false; - if (storage && (me.storage !== storage)) { - me.storage = storage; - change = true; - } - - if (nodename && (me.nodename !== nodename)) { - me.nodename = nodename; - change = true; - } - - if (!(me.storage && me.nodename && change)) { - return; - } - - var url = '/api2/json/nodes/' + me.nodename + '/storage/' + me.storage + '/content'; - if (me.storageContent) { - url += '?content=' + me.storageContent; - } - - me.store.setProxy({ - type: 'proxmox', - url: url - }); - - me.store.removeAll(); - me.store.load(); - }, - - setNodename: function(nodename) { - this.setStorage(undefined, nodename); - }, - - store: { - model: 'pve-storage-content' - }, - - allowBlank: false, - autoSelect: false, - valueField: 'volid', - displayField: 'text', - - listConfig: { - width: 600, - columns: [ - { - header: gettext('Name'), - dataIndex: 'text', - hideable: false, - flex: 1 - }, - { - header: gettext('Format'), - width: 60, - dataIndex: 'format' - }, - { - header: gettext('Size'), - width: 100, - dataIndex: 'size', - renderer: Proxmox.Utils.format_size - } - ] - } -}); -Ext.define('PVE.form.StorageSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: 'widget.pveStorageSelector', - - allowBlank: false, - valueField: 'storage', - displayField: 'storage', - listConfig: { - width: 450, - columns: [ - { - header: gettext('Name'), - dataIndex: 'storage', - hideable: false, - flex: 1 - }, - { - header: gettext('Type'), - width: 75, - dataIndex: 'type' - }, - { - header: gettext('Avail'), - width: 90, - dataIndex: 'avail', - renderer: Proxmox.Utils.format_size - }, - { - header: gettext('Capacity'), - width: 90, - dataIndex: 'total', - renderer: Proxmox.Utils.format_size - } - ] - }, - - reloadStorageList: function() { - var me = this; - if (!me.nodename) { - return; - } - - var params = { - format: 1 - }; - var url = '/api2/json/nodes/' + me.nodename + '/storage'; - if (me.storageContent) { - params.content = me.storageContent; - } - if (me.targetNode) { - params.target = me.targetNode; - params.enabled = 1; // skip disabled storages - } - me.store.setProxy({ - type: 'proxmox', - url: url, - extraParams: params - }); - - me.store.load(); - - }, - - setTargetNode: function(targetNode) { - var me = this; - - if (!targetNode || (me.targetNode === targetNode)) { - return; - } - - me.targetNode = targetNode; - - me.reloadStorageList(); - }, - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - - me.reloadStorageList(); - }, - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - me.nodename = undefined; - - var store = Ext.create('Ext.data.Store', { - model: 'pve-storage-status', - sorters: { - property: 'storage', - order: 'DESC' - } - }); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - - if (nodename) { - me.setNodename(nodename); - } - } -}, function() { - - Ext.define('pve-storage-status', { - extend: 'Ext.data.Model', - fields: [ 'storage', 'active', 'type', 'avail', 'total' ], - idProperty: 'storage' - }); - -}); -Ext.define('PVE.form.DiskStorageSelector', { - extend: 'Ext.container.Container', - alias: 'widget.pveDiskStorageSelector', - - layout: 'fit', - defaults: { - margin: '0 0 5 0' - }, - - // the fieldLabel for the storageselector - storageLabel: gettext('Storage'), - - // the content to show (e.g., images or rootdir) - storageContent: undefined, - - // if true, selects the first available storage - autoSelect: false, - - allowBlank: false, - emptyText: '', - - // hides the selection field - // this is always hidden on creation, - // and only shown when the storage needs a selection and - // hideSelection is not true - hideSelection: undefined, - - // hides the size field (e.g, for the efi disk dialog) - hideSize: false, - - // sets the initial size value - // string because else we get a type confusion - defaultSize: '32', - - changeStorage: function(f, value) { - var me = this; - var formatsel = me.getComponent('diskformat'); - var hdfilesel = me.getComponent('hdimage'); - var hdsizesel = me.getComponent('disksize'); - - // initial store load, and reset/deletion of the storage - if (!value) { - hdfilesel.setDisabled(true); - hdfilesel.setVisible(false); - - formatsel.setDisabled(true); - return; - } - - var rec = f.store.getById(value); - // if the storage is not defined, or valid, - // we cannot know what to enable/disable - if (!rec) { - return; - } - - var selectformat = false; - if (rec.data.format) { - var format = rec.data.format[0]; // 0 is the formats, 1 the default in the backend - delete format.subvol; // we never need subvol in the gui - selectformat = (Ext.Object.getSize(format) > 1); - } - - var select = !!rec.data.select_existing && !me.hideSelection; - - formatsel.setDisabled(!selectformat); - formatsel.setValue(selectformat ? 'qcow2' : 'raw'); - - hdfilesel.setDisabled(!select); - hdfilesel.setVisible(select); - if (select) { - hdfilesel.setStorage(value); - } - - hdsizesel.setDisabled(select || me.hideSize); - hdsizesel.setVisible(!select && !me.hideSize); - }, - - setNodename: function(nodename) { - var me = this; - var hdstorage = me.getComponent('hdstorage'); - var hdfilesel = me.getComponent('hdimage'); - - hdstorage.setNodename(nodename); - hdfilesel.setNodename(nodename); - }, - - setDisabled: function(value) { - var me = this; - var hdstorage = me.getComponent('hdstorage'); - - // reset on disable - if (value) { - hdstorage.setValue(); - } - hdstorage.setDisabled(value); - - // disabling does not always fire this event and we do not need - // the value of the validity - hdstorage.fireEvent('validitychange'); - }, - - initComponent: function() { - var me = this; - - me.items = [ - { - xtype: 'pveStorageSelector', - itemId: 'hdstorage', - name: 'hdstorage', - reference: 'hdstorage', - fieldLabel: me.storageLabel, - nodename: me.nodename, - storageContent: me.storageContent, - disabled: me.disabled, - autoSelect: me.autoSelect, - allowBlank: me.allowBlank, - emptyText: me.emptyText, - listeners: { - change: { - fn: me.changeStorage, - scope: me - } - } - }, - { - xtype: 'pveFileSelector', - name: 'hdimage', - reference: 'hdimage', - itemId: 'hdimage', - fieldLabel: gettext('Disk image'), - nodename: me.nodename, - disabled: true, - hidden: true - }, - { - xtype: 'numberfield', - itemId: 'disksize', - reference: 'disksize', - name: 'disksize', - fieldLabel: gettext('Disk size') + ' (GiB)', - hidden: me.hideSize, - disabled: me.hideSize, - minValue: 0.001, - maxValue: 128*1024, - decimalPrecision: 3, - value: me.defaultSize, - allowBlank: false - }, - { - xtype: 'pveDiskFormatSelector', - itemId: 'diskformat', - reference: 'diskformat', - name: 'diskformat', - fieldLabel: gettext('Format'), - nodename: me.nodename, - disabled: true, - hidden: me.storageContent === 'rootdir', - value: 'qcow2', - allowBlank: false - } - ]; - - // use it to disable the children but not ourself - me.disabled = false; - - me.callParent(); - } -}); -Ext.define('PVE.form.BridgeSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.PVE.form.BridgeSelector'], - - bridgeType: 'any_bridge', // bridge, OVSBridge or any_bridge - - store: { - fields: [ 'iface', 'active', 'type' ], - filterOnLoad: true, - sorters: [ - { - property : 'iface', - direction: 'ASC' - } - ] - }, - valueField: 'iface', - displayField: 'iface', - listConfig: { - columns: [ - { - header: gettext('Bridge'), - dataIndex: 'iface', - hideable: false, - width: 100 - }, - { - header: gettext('Active'), - width: 60, - dataIndex: 'active', - renderer: Proxmox.Utils.format_boolean - }, - { - header: gettext('Comment'), - dataIndex: 'comments', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - }, - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - - me.store.setProxy({ - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/network?type=' + - me.bridgeType - }); - - me.store.load(); - }, - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - me.nodename = undefined; - - me.callParent(); - - me.setNodename(nodename); - } -}); - -Ext.define('PVE.form.PCISelector', { - extend: 'Proxmox.form.ComboGrid', - xtype: 'pvePCISelector', - - store: { - fields: [ 'id','vendor_name', 'device_name', 'vendor', 'device', 'iommugroup', 'mdev' ], - filterOnLoad: true, - sorters: [ - { - property : 'id', - direction: 'ASC' - } - ] - }, - - autoSelect: false, - valueField: 'id', - displayField: 'id', - - // can contain a load callback for the store - // useful to determine the state of the IOMMU - onLoadCallBack: undefined, - - listConfig: { - width: 800, - columns: [ - { - header: 'ID', - dataIndex: 'id', - width: 80 - }, - { - header: gettext('IOMMU Group'), - dataIndex: 'iommugroup', - width: 50 - }, - { - header: gettext('Vendor'), - dataIndex: 'vendor_name', - flex: 2 - }, - { - header: gettext('Device'), - dataIndex: 'device_name', - flex: 6 - }, - { - header: gettext('Mediated Devices'), - dataIndex: 'mdev', - flex: 1, - renderer: function(val) { - return Proxmox.Utils.format_boolean(!!val); - } - } - ] - }, - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - - me.store.setProxy({ - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/hardware/pci' - }); - - me.store.load(); - }, - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - me.nodename = undefined; - - me.callParent(); - - if (me.onLoadCallBack !== undefined) { - me.mon(me.getStore(), 'load', me.onLoadCallBack); - } - - me.setNodename(nodename); - } -}); - -Ext.define('PVE.form.MDevSelector', { - extend: 'Proxmox.form.ComboGrid', - xtype: 'pveMDevSelector', - - store: { - fields: [ 'type','available', 'description' ], - filterOnLoad: true, - sorters: [ - { - property : 'type', - direction: 'ASC' - } - ] - }, - autoSelect: false, - valueField: 'type', - displayField: 'type', - listConfig: { - columns: [ - { - header: gettext('Type'), - dataIndex: 'type', - flex: 1 - }, - { - header: gettext('Available'), - dataIndex: 'available', - width: 80 - }, - { - header: gettext('Description'), - dataIndex: 'description', - flex: 1, - renderer: function(value) { - if (!value) { - return ''; - } - - return value.split('\n').join('
'); - } - } - ] - }, - - setPciID: function(pciid, force) { - var me = this; - - if (!force && (!pciid || (me.pciid === pciid))) { - return; - } - - me.pciid = pciid; - me.updateProxy(); - }, - - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - me.updateProxy(); - }, - - updateProxy: function() { - var me = this; - me.store.setProxy({ - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/hardware/pci/' + me.pciid + '/mdev' - }); - me.store.load(); - }, - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw 'no node name specified'; - } - - me.callParent(); - - if (me.pciid) { - me.setPciID(me.pciid, true); - } - } -}); - -Ext.define('PVE.form.SecurityGroupsSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveSecurityGroupsSelector'], - - valueField: 'group', - displayField: 'group', - initComponent: function() { - var me = this; - - var store = Ext.create('Ext.data.Store', { - autoLoad: true, - fields: [ 'group', 'comment' ], - idProperty: 'group', - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/firewall/groups" - }, - sorters: { - property: 'group', - order: 'DESC' - } - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: gettext('Security Group'), - dataIndex: 'group', - hideable: false, - width: 100 - }, - { - header: gettext('Comment'), - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ] - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.form.IPRefSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveIPRefSelector'], - - base_url: undefined, - - preferredValue: '', // hack: else Form sets dirty flag? - - ref_type: undefined, // undefined = any [undefined, 'ipset' or 'alias'] - - valueField: 'ref', - displayField: 'ref', - - initComponent: function() { - var me = this; - - if (!me.base_url) { - throw "no base_url specified"; - } - - var url = "/api2/json" + me.base_url; - if (me.ref_type) { - url += "?type=" + me.ref_type; - } - - var store = Ext.create('Ext.data.Store', { - autoLoad: true, - fields: [ 'type', 'name', 'ref', 'comment' ], - idProperty: 'ref', - proxy: { - type: 'proxmox', - url: url - }, - sorters: { - property: 'ref', - order: 'DESC' - } - }); - - var disable_query_for_ips = function(f, value) { - if (value === null || - value.match(/^\d/)) { // IP address starts with \d - f.queryDelay = 9999999999; // hack: disable with long delay - } else { - f.queryDelay = 10; - } - }; - - var columns = []; - - if (!me.ref_type) { - columns.push({ - header: gettext('Type'), - dataIndex: 'type', - hideable: false, - width: 60 - }); - } - - columns.push( - { - header: gettext('Name'), - dataIndex: 'ref', - hideable: false, - width: 140 - }, - { - header: gettext('Comment'), - dataIndex: 'comment', - renderer: Ext.String.htmlEncode, - flex: 1 - } - ); - - Ext.apply(me, { - store: store, - listConfig: { columns: columns } - }); - - me.on('change', disable_query_for_ips); - - me.callParent(); - } -}); - -Ext.define('PVE.form.IPProtocolSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveIPProtocolSelector'], - valueField: 'p', - displayField: 'p', - listConfig: { - columns: [ - { - header: gettext('Protocol'), - dataIndex: 'p', - hideable: false, - sortable: false, - width: 100 - }, - { - header: gettext('Number'), - dataIndex: 'n', - hideable: false, - sortable: false, - width: 50 - }, - { - header: gettext('Description'), - dataIndex: 'd', - hideable: false, - sortable: false, - flex: 1 - } - ] - }, - store: { - fields: [ 'p', 'd', 'n'], - data: [ - { p: 'tcp', n: 6, d: 'Transmission Control Protocol' }, - { p: 'udp', n: 17, d: 'User Datagram Protocol' }, - { p: 'icmp', n: 1, d: 'Internet Control Message Protocol' }, - { p: 'igmp', n: 2, d: 'Internet Group Management' }, - { p: 'ggp', n: 3, d: 'gateway-gateway protocol' }, - { p: 'ipencap', n: 4, d: 'IP encapsulated in IP' }, - { p: 'st', n: 5, d: 'ST datagram mode' }, - { p: 'egp', n: 8, d: 'exterior gateway protocol' }, - { p: 'igp', n: 9, d: 'any private interior gateway (Cisco)' }, - { p: 'pup', n: 12, d: 'PARC universal packet protocol' }, - { p: 'hmp', n: 20, d: 'host monitoring protocol' }, - { p: 'xns-idp', n: 22, d: 'Xerox NS IDP' }, - { p: 'rdp', n: 27, d: '"reliable datagram" protocol' }, - { p: 'iso-tp4', n: 29, d: 'ISO Transport Protocol class 4 [RFC905]' }, - { p: 'dccp', n: 33, d: 'Datagram Congestion Control Prot. [RFC4340]' }, - { p: 'xtp', n: 36, d: 'Xpress Transfer Protocol' }, - { p: 'ddp', n: 37, d: 'Datagram Delivery Protocol' }, - { p: 'idpr-cmtp', n: 38, d: 'IDPR Control Message Transport' }, - { p: 'ipv6', n: 41, d: 'Internet Protocol, version 6' }, - { p: 'ipv6-route', n: 43, d: 'Routing Header for IPv6' }, - { p: 'ipv6-frag', n: 44, d: 'Fragment Header for IPv6' }, - { p: 'idrp', n: 45, d: 'Inter-Domain Routing Protocol' }, - { p: 'rsvp', n: 46, d: 'Reservation Protocol' }, - { p: 'gre', n: 47, d: 'General Routing Encapsulation' }, - { p: 'esp', n: 50, d: 'Encap Security Payload [RFC2406]' }, - { p: 'ah', n: 51, d: 'Authentication Header [RFC2402]' }, - { p: 'skip', n: 57, d: 'SKIP' }, - { p: 'ipv6-icmp', n: 58, d: 'ICMP for IPv6' }, - { p: 'ipv6-nonxt', n: 59, d: 'No Next Header for IPv6' }, - { p: 'ipv6-opts', n: 60, d: 'Destination Options for IPv6' }, - { p: 'vmtp', n: 81, d: 'Versatile Message Transport' }, - { p: 'eigrp', n: 88, d: 'Enhanced Interior Routing Protocol (Cisco)' }, - { p: 'ospf', n: 89, d: 'Open Shortest Path First IGP' }, - { p: 'ax.25', n: 93, d: 'AX.25 frames' }, - { p: 'ipip', n: 94, d: 'IP-within-IP Encapsulation Protocol' }, - { p: 'etherip', n: 97, d: 'Ethernet-within-IP Encapsulation [RFC3378]' }, - { p: 'encap', n: 98, d: 'Yet Another IP encapsulation [RFC1241]' }, - { p: 'pim', n: 103, d: 'Protocol Independent Multicast' }, - { p: 'ipcomp', n: 108, d: 'IP Payload Compression Protocol' }, - { p: 'vrrp', n: 112, d: 'Virtual Router Redundancy Protocol [RFC5798]' }, - { p: 'l2tp', n: 115, d: 'Layer Two Tunneling Protocol [RFC2661]' }, - { p: 'isis', n: 124, d: 'IS-IS over IPv4' }, - { p: 'sctp', n: 132, d: 'Stream Control Transmission Protocol' }, - { p: 'fc', n: 133, d: 'Fibre Channel' }, - { p: 'mobility-header', n: 135, d: 'Mobility Support for IPv6 [RFC3775]' }, - { p: 'udplite', n: 136, d: 'UDP-Lite [RFC3828]' }, - { p: 'mpls-in-ip', n: 137, d: 'MPLS-in-IP [RFC4023]' }, - { p: 'hip', n: 139, d: 'Host Identity Protocol' }, - { p: 'shim6', n: 140, d: 'Shim6 Protocol [RFC5533]' }, - { p: 'wesp', n: 141, d: 'Wrapped Encapsulating Security Payload' }, - { p: 'rohc', n: 142, d: 'Robust Header Compression' } - ] - } -}); -Ext.define('PVE.form.CPUModelSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.CPUModelSelector'], - comboItems: [ - ['__default__', Proxmox.Utils.defaultText + ' (kvm64)'], - ['486', '486'], - ['athlon', 'athlon'], - ['core2duo', 'core2duo'], - ['coreduo', 'coreduo'], - ['kvm32', 'kvm32'], - ['kvm64', 'kvm64'], - ['pentium', 'pentium'], - ['pentium2', 'pentium2'], - ['pentium3', 'pentium3'], - ['phenom', 'phenom'], - ['qemu32', 'qemu32'], - ['qemu64', 'qemu64'], - ['Conroe', 'Conroe'], - ['Penryn', 'Penryn'], - ['Nehalem', 'Nehalem'], - ['Westmere', 'Westmere'], - ['SandyBridge', 'SandyBridge'], - ['IvyBridge', 'IvyBridge'], - ['Haswell', 'Haswell'], - ['Haswell-noTSX','Haswell-noTSX'], - ['Broadwell', 'Broadwell'], - ['Broadwell-noTSX','Broadwell-noTSX'], - ['Skylake-Client','Skylake-Client'], - ['Opteron_G1', 'Opteron_G1'], - ['Opteron_G2', 'Opteron_G2'], - ['Opteron_G3', 'Opteron_G3'], - ['Opteron_G4', 'Opteron_G4'], - ['Opteron_G5', 'Opteron_G5'], - ['EPYC', 'EPYC'], - ['host', 'host'] - - ] -}); -Ext.define('PVE.form.VNCKeyboardSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.VNCKeyboardSelector'], - comboItems: PVE.Utils.kvm_keymap_array() -}); -Ext.define('PVE.form.CacheTypeSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.CacheTypeSelector'], - comboItems: [ - ['__default__', Proxmox.Utils.defaultText + " (" + gettext('No cache') + ")"], - ['directsync', 'Direct sync'], - ['writethrough', 'Write through'], - ['writeback', 'Write back'], - ['unsafe', 'Write back (' + gettext('unsafe') + ')'], - ['none', gettext('No cache')] - ] -}); -Ext.define('PVE.form.SnapshotSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.PVE.form.SnapshotSelector'], - - valueField: 'name', - displayField: 'name', - - loadStore: function(nodename, vmid) { - var me = this; - - if (!nodename) { - return; - } - - me.nodename = nodename; - - if (!vmid) { - return; - } - - me.vmid = vmid; - - me.store.setProxy({ - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid +'/snapshot' - }); - - me.store.load(); - }, - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - if (!me.guestType) { - throw "no guest type specified"; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'name'], - filterOnLoad: true - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: gettext('Snapshot'), - dataIndex: 'name', - hideable: false, - flex: 1 - } - ] - } - }); - - me.callParent(); - - me.loadStore(me.nodename, me.vmid); - } -}); -Ext.define('PVE.form.ContentTypeSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveContentTypeSelector'], - - cts: undefined, - - initComponent: function() { - var me = this; - - me.comboItems = []; - - if (me.cts === undefined) { - me.cts = ['images', 'iso', 'vztmpl', 'backup', 'rootdir', 'snippets']; - } - - Ext.Array.each(me.cts, function(ct) { - me.comboItems.push([ct, PVE.Utils.format_content_types(ct)]); - }); - - me.callParent(); - } -}); -Ext.define('PVE.form.HotplugFeatureSelector', { - extend: 'Ext.form.CheckboxGroup', - alias: 'widget.pveHotplugFeatureSelector', - - columns: 1, - vertical: true, - - defaults: { - name: 'hotplug', - submitValue: false - }, - items: [ - { - boxLabel: gettext('Disk'), - inputValue: 'disk', - checked: true - }, - { - boxLabel: gettext('Network'), - inputValue: 'network', - checked: true - }, - { - boxLabel: 'USB', - inputValue: 'usb', - checked: true - }, - { - boxLabel: gettext('Memory'), - inputValue: 'memory' - }, - { - boxLabel: gettext('CPU'), - inputValue: 'cpu' - } - ], - - setValue: function(value) { - var me = this; - var newVal = []; - if (value === '1') { - newVal = ['disk', 'network', 'usb']; - } else if (value !== '0') { - newVal = value.split(','); - } - me.callParent([{ hotplug: newVal }]); - }, - - // override framework function to - // assemble the hotplug value - getSubmitData: function() { - var me = this, - boxes = me.getBoxes(), - data = []; - Ext.Array.forEach(boxes, function(box){ - if (box.getValue()) { - data.push(box.inputValue); - } - }); - - /* because above is hotplug an array */ - /*jslint confusion: true*/ - if (data.length === 0) { - return { 'hotplug':'0' }; - } else { - return { 'hotplug': data.join(',') }; - } - } - -}); -Ext.define('PVE.form.AgentFeatureSelector', { - extend: 'Proxmox.panel.InputPanel', - alias: ['widget.pveAgentFeatureSelector'], - - initComponent: function() { - var me = this; - me.items= [ - { - xtype: 'proxmoxcheckbox', - boxLabel: gettext('Qemu Agent'), - name: 'enabled', - uncheckedValue: 0, - listeners: { - change: function(f, value, old) { - var gtcb = me.down('proxmoxcheckbox[name=fstrim_cloned_disks]'); - if (value) { - gtcb.setDisabled(false); - } else { - gtcb.setDisabled(true); - } - } - } - }, - { - xtype: 'proxmoxcheckbox', - boxLabel: gettext('Run guest-trim after clone disk'), - name: 'fstrim_cloned_disks', - disabled: true - } - ]; - me.callParent(); - }, - - onGetValues: function(values) { - var agentstr = PVE.Parser.printPropertyString(values, 'enabled'); - return { agent: agentstr }; - }, - - setValues: function(values) { - var agent = values.agent || ''; - var res = PVE.Parser.parsePropertyString(agent, 'enabled'); - this.callParent([res]); - } -}); -Ext.define('PVE.form.iScsiProviderSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveiScsiProviderSelector'], - comboItems: [ - ['comstar', 'Comstar'], - [ 'istgt', 'istgt'], - [ 'iet', 'IET'], - [ 'LIO', 'LIO'] - ] -}); -Ext.define('PVE.form.DayOfWeekSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveDayOfWeekSelector'], - comboItems:[], - initComponent: function(){ - var me = this; - me.comboItems = [ - ['mon', Ext.util.Format.htmlDecode(Ext.Date.dayNames[1])], - ['tue', Ext.util.Format.htmlDecode(Ext.Date.dayNames[2])], - ['wed', Ext.util.Format.htmlDecode(Ext.Date.dayNames[3])], - ['thu', Ext.util.Format.htmlDecode(Ext.Date.dayNames[4])], - ['fri', Ext.util.Format.htmlDecode(Ext.Date.dayNames[5])], - ['sat', Ext.util.Format.htmlDecode(Ext.Date.dayNames[6])], - ['sun', Ext.util.Format.htmlDecode(Ext.Date.dayNames[0])] - ]; - this.callParent(); - } -}); -Ext.define('PVE.form.BackupModeSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveBackupModeSelector'], - comboItems: [ - ['snapshot', gettext('Snapshot')], - ['suspend', gettext('Suspend')], - ['stop', gettext('Stop')] - ] -}); -Ext.define('PVE.form.ScsiHwSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveScsiHwSelector'], - comboItems: [ - ['__default__', PVE.Utils.render_scsihw('')], - ['lsi', PVE.Utils.render_scsihw('lsi')], - ['lsi53c810', PVE.Utils.render_scsihw('lsi53c810')], - ['megasas', PVE.Utils.render_scsihw('megasas')], - ['virtio-scsi-pci', PVE.Utils.render_scsihw('virtio-scsi-pci')], - ['virtio-scsi-single', PVE.Utils.render_scsihw('virtio-scsi-single')], - ['pvscsi', PVE.Utils.render_scsihw('pvscsi')] - ] -}); -Ext.define('PVE.form.FirewallPolicySelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveFirewallPolicySelector'], - comboItems: [ - ['ACCEPT', 'ACCEPT'], - ['REJECT', 'REJECT'], - [ 'DROP', 'DROP'] - ] -}); -/* - * This is a global search field - * it loads the /cluster/resources on focus - * and displays the result in a floating grid - * - * it filters and sorts the objects by the algorithm in - * the customFilter function - * - * also it does accept key up/down and enter for input - * and it opens to ctrl+shift+f and ctrl+space - */ -Ext.define('PVE.form.GlobalSearchField', { - extend: 'Ext.form.field.Text', - alias: 'widget.pveGlobalSearchField', - - emptyText: gettext('Search'), - enableKeyEvents: true, - selectOnFocus: true, - padding: '0 5 0 5', - - grid: { - xtype: 'gridpanel', - focusOnToFront: false, - floating: true, - emptyText: Proxmox.Utils.noneText, - width: 600, - height: 400, - scrollable: { - xtype: 'scroller', - y: true, - x:false - }, - store: { - model: 'PVEResources', - proxy:{ - type: 'proxmox', - url: '/api2/extjs/cluster/resources' - } - }, - plugins: { - ptype: 'bufferedrenderer', - trailingBufferZone: 20, - leadingBufferZone: 20 - }, - - hideMe: function() { - var me = this; - if (typeof me.ctxMenu !== 'undefined' && me.ctxMenu.isVisible()) { - return; - } - me.hasFocus = false; - if (!me.textfield.hasFocus) { - me.hide(); - } - }, - - setFocus: function() { - var me = this; - me.hasFocus = true; - }, - - listeners: { - rowclick: function(grid, record) { - var me = this; - me.textfield.selectAndHide(record.id); - }, - itemcontextmenu: function(v, record, item, index, event) { - var me = this; - me.ctxMenu = PVE.Utils.createCmdMenu(v, record, item, index, event); - }, - /* because of lint */ - focusleave: { - fn: 'hideMe' - }, - focusenter: 'setFocus' - }, - - columns: [ - { - text: gettext('Type'), - dataIndex: 'type', - width: 100, - renderer: PVE.Utils.render_resource_type - }, - { - text: gettext('Description'), - flex: 1, - dataIndex: 'text' - }, - { - text: gettext('Node'), - dataIndex: 'node' - }, - { - text: gettext('Pool'), - dataIndex: 'pool' - } - ] - }, - - customFilter: function(item) { - var me = this; - var match = 0; - var fieldArr = []; - var i,j, fields; - - // different types of objects have different fields to search - // for example, a node will never have a pool and vice versa - switch (item.data.type) { - case 'pool': fieldArr = ['type', 'pool', 'text']; break; - case 'node': fieldArr = ['type', 'node', 'text']; break; - case 'storage': fieldArr = ['type', 'pool', 'node', 'storage']; break; - default: fieldArr = ['name', 'type', 'node', 'pool', 'vmid']; - } - if (me.filterVal === '') { - item.data.relevance = 0; - return true; - } - - // all text is case insensitive and each word is - // searched alone - // for every partial match, the row gets - // 1 match point, for every exact match - // it gets 2 points - // - // results gets sorted by points (descending) - fields = me.filterVal.split(/\s+/); - for(i = 0; i < fieldArr.length; i++) { - var v = item.data[fieldArr[i]]; - if (v !== undefined) { - v = v.toString().toLowerCase(); - for(j = 0; j < fields.length; j++) { - if (v.indexOf(fields[j]) !== -1) { - match++; - if(v === fields[j]) { - match++; - } - } - } - } - } - // give the row the 'relevance' value - item.data.relevance = match; - return (match > 0); - }, - - updateFilter: function(field, newValue, oldValue) { - var me = this; - // parse input and filter store, - // show grid - me.grid.store.filterVal = newValue.toLowerCase().trim(); - me.grid.store.clearFilter(true); - me.grid.store.filterBy(me.customFilter); - me.grid.getSelectionModel().select(0); - }, - - selectAndHide: function(id) { - var me = this; - me.tree.selectById(id); - me.grid.hide(); - me.setValue(''); - me.blur(); - }, - - onKey: function(field, e) { - var me = this; - var key = e.getKey(); - - switch(key) { - case Ext.event.Event.ENTER: - // go to first entry if there is one - if (me.grid.store.getCount() > 0) { - me.selectAndHide(me.grid.getSelection()[0].data.id); - } - break; - case Ext.event.Event.UP: - me.grid.getSelectionModel().selectPrevious(); - break; - case Ext.event.Event.DOWN: - me.grid.getSelectionModel().selectNext(); - break; - case Ext.event.Event.ESC: - me.grid.hide(); - me.blur(); - break; - } - }, - - loadValues: function(field) { - var me = this; - var records = []; - - me.hasFocus = true; - me.grid.textfield = me; - me.grid.store.load(); - me.grid.showBy(me, 'tl-bl'); - }, - - hideGrid: function() { - var me = this; - - me.hasFocus = false; - if (!me.grid.hasFocus) { - me.grid.hide(); - } - }, - - listeners: { - change: { - fn: 'updateFilter', - buffer: 250 - }, - specialkey: 'onKey', - focusenter: 'loadValues', - focusleave: { - fn: 'hideGrid', - delay: 100 - } - }, - - toggleFocus: function() { - var me = this; - if (!me.hasFocus) { - me.focus(); - } else { - me.blur(); - } - }, - - initComponent: function() { - var me = this; - - if (!me.tree) { - throw "no tree given"; - } - - me.grid = Ext.create(me.grid); - - me.callParent(); - - /*jslint confusion: true*/ - /*because shift is also a function*/ - // bind ctrl+shift+f and ctrl+space - // to open/close the search - me.keymap = new Ext.KeyMap({ - target: Ext.get(document), - binding: [{ - key:'F', - ctrl: true, - shift: true, - fn: me.toggleFocus, - scope: me - },{ - key:' ', - ctrl: true, - fn: me.toggleFocus, - scope: me - }] - }); - - // always select first item and - // sort by relevance after load - me.mon(me.grid.store, 'load', function() { - me.grid.getSelectionModel().select(0); - me.grid.store.sort({ - property: 'relevance', - direction: 'DESC' - }); - }); - } - -}); -Ext.define('PVE.form.QemuBiosSelector', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveQemuBiosSelector'], - - initComponent: function() { - var me = this; - - me.comboItems = [ - ['__default__', PVE.Utils.render_qemu_bios('')], - ['seabios', PVE.Utils.render_qemu_bios('seabios')], - ['ovmf', PVE.Utils.render_qemu_bios('ovmf')] - ]; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -/* filter is a javascript builtin, but extjs calls it also filter */ -Ext.define('PVE.form.VMSelector', { - extend: 'Ext.grid.Panel', - alias: 'widget.vmselector', - - mixins: { - field: 'Ext.form.field.Field' - }, - - allowBlank: true, - selectAll: false, - isFormField: true, - - plugins: 'gridfilters', - - store: { - model: 'PVEResources', - autoLoad: true, - sorters: 'vmid', - filters: [{ - property: 'type', - value: /lxc|qemu/ - }] - }, - columns: [ - { - header: 'ID', - dataIndex: 'vmid', - width: 80, - filter: { - type: 'number' - } - }, - { - header: gettext('Node'), - dataIndex: 'node' - }, - { - header: gettext('Status'), - dataIndex: 'status', - filter: { - type: 'list' - } - }, - { - header: gettext('Name'), - dataIndex: 'name', - flex: 1, - filter: { - type: 'string' - } - }, - { - header: gettext('Pool'), - dataIndex: 'pool', - filter: { - type: 'list' - } - }, - { - header: gettext('Type'), - dataIndex: 'type', - width: 120, - renderer: function(value) { - if (value === 'qemu') { - return gettext('Virtual Machine'); - } else if (value === 'lxc') { - return gettext('LXC Container'); - } - - return ''; - }, - filter: { - type: 'list', - store: { - data: [ - {id: 'qemu', text: gettext('Virtual Machine')}, - {id: 'lxc', text: gettext('LXC Container')} - ], - // due to EXTJS-18711 - // we have to do a static list via a store - // but to avoid creating an object, - // we have to have a pseudo un function - un: function(){} - } - } - }, - { - header: 'HA ' + gettext('Status'), - dataIndex: 'hastate', - flex: 1, - filter: { - type: 'list' - } - } - ], - - selModel: { - selType: 'checkboxmodel', - mode: 'SIMPLE' - }, - - checkChangeEvents: [ - 'selectionchange', - 'change' - ], - - listeners: { - selectionchange: function() { - // to trigger validity and error checks - this.checkChange(); - } - }, - - getValue: function() { - var me = this; - var sm = me.getSelectionModel(); - var selection = sm.getSelection(); - var values = []; - var store = me.getStore(); - selection.forEach(function(item) { - // only add if not filtered - if (store.findExact('vmid', item.data.vmid) !== -1) { - values.push(item.data.vmid); - } - }); - return values; - }, - - setValue: function(value) { - console.log(value); - var me = this; - var sm = me.getSelectionModel(); - if (!Ext.isArray(value)) { - value = value.split(','); - } - var selection = []; - var store = me.getStore(); - - value.forEach(function(item) { - var rec = store.findRecord('vmid',item, 0, false, true, true); - console.log(store); - - if (rec) { - console.log(rec); - selection.push(rec); - } - }); - - sm.select(selection); - - return me.mixins.field.setValue.call(me, value); - }, - - getErrors: function(value) { - var me = this; - if (me.allowBlank === false && - me.getSelectionModel().getCount() === 0) { - me.addBodyCls(['x-form-trigger-wrap-default','x-form-trigger-wrap-invalid']); - return [gettext('No VM selected')]; - } - - me.removeBodyCls(['x-form-trigger-wrap-default','x-form-trigger-wrap-invalid']); - return []; - }, - - initComponent: function() { - var me = this; - - me.callParent(); - - if (me.nodename) { - me.store.filters.add({ - property: 'node', - exactMatch: true, - value: me.nodename - }); - } - - // only show the relevant guests by default - if (me.action) { - var statusfilter = ''; - switch (me.action) { - case 'startall': - statusfilter = 'stopped'; - break; - case 'stopall': - statusfilter = 'running'; - break; - } - if (statusfilter !== '') { - me.store.filters.add({ - property: 'template', - value: 0 - },{ - id: 'x-gridfilter-status', - operator: 'in', - property: 'status', - value: [statusfilter] - }); - } - } - - var store = me.getStore(); - var sm = me.getSelectionModel(); - - if (me.selectAll) { - me.mon(store,'load', function(){ - me.getSelectionModel().selectAll(false); - }); - } - } -}); - - -Ext.define('PVE.form.VMComboSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: 'widget.vmComboSelector', - - valueField: 'vmid', - displayField: 'vmid', - - autoSelect: false, - editable: true, - anyMatch: true, - forceSelection: true, - - store: { - model: 'PVEResources', - autoLoad: true, - sorters: 'vmid', - filters: [{ - property: 'type', - value: /lxc|qemu/ - }] - }, - - listConfig: { - width: 600, - plugins: 'gridfilters', - columns: [ - { - header: 'ID', - dataIndex: 'vmid', - width: 80, - filter: { - type: 'number' - } - }, - { - header: gettext('Name'), - dataIndex: 'name', - flex: 1, - filter: { - type: 'string' - } - }, - { - header: gettext('Node'), - dataIndex: 'node' - }, - { - header: gettext('Status'), - dataIndex: 'status', - filter: { - type: 'list' - } - }, - { - header: gettext('Pool'), - dataIndex: 'pool', - hidden: true, - filter: { - type: 'list' - } - }, - { - header: gettext('Type'), - dataIndex: 'type', - width: 120, - renderer: function(value) { - if (value === 'qemu') { - return gettext('Virtual Machine'); - } else if (value === 'lxc') { - return gettext('LXC Container'); - } - - return ''; - }, - filter: { - type: 'list', - store: { - data: [ - {id: 'qemu', text: gettext('Virtual Machine')}, - {id: 'lxc', text: gettext('LXC Container')} - ], - un: function(){} // due to EXTJS-18711 - } - } - }, - { - header: 'HA ' + gettext('Status'), - dataIndex: 'hastate', - hidden: true, - flex: 1, - filter: { - type: 'list' - } - } - ] - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.form.VMCPUFlagSelector', { - extend: 'Ext.grid.Panel', - alias: 'widget.vmcpuflagselector', - - mixins: { - field: 'Ext.form.field.Field' - }, - - disableSelection: true, - columnLines: false, - selectable: false, - hideHeaders: true, - - scrollable: 'y', - height: 200, - - unkownFlags: [], - - store: { - type: 'store', - fields: ['flag', { name: 'state', defaultValue: '=' }, 'desc'], - data: [ - // FIXME: let qemu-server host this and autogenerate or get from API call?? - { flag: 'md-clear', desc: 'Required to let the guest OS know if MDS is mitigated correctly' }, - { flag: 'pcid', desc: 'Meltdown fix cost reduction on Westmere, Sandy-, and IvyBridge Intel CPUs' }, - { flag: 'spec-ctrl', desc: 'Allows improved Spectre mitigation with Intel CPUs' }, - { flag: 'ssbd', desc: 'Protection for "Speculative Store Bypass" for Intel models' }, - { flag: 'ibpb', desc: 'Allows improved Spectre mitigation with AMD CPUs' }, - { flag: 'virt-ssbd', desc: 'Basis for "Speculative Store Bypass" protection for AMD models' }, - { flag: 'amd-ssbd', desc: 'Improves Spectre mitigation performance with AMD CPUs, best used with "virt-ssbd"' }, - { flag: 'amd-no-ssb', desc: 'Notifies guest OS that host is not vulnerable for Spectre on AMD CPUs' }, - { flag: 'pdpe1gb', desc: 'Allow guest OS to use 1GB size pages, if host HW supports it' } - ], - listeners: { - update: function() { - this.commitChanges(); - } - } - }, - - getValue: function() { - var me = this; - var store = me.getStore(); - var flags = ''; - - // ExtJS does not has a nice getAllRecords interface for stores :/ - store.queryBy(Ext.returnTrue).each(function(rec) { - var s = rec.get('state'); - if (s && s !== '=') { - var f = rec.get('flag'); - if (flags === '') { - flags = s + f; - } else { - flags += ';' + s + f; - } - } - }); - - flags += me.unkownFlags.join(';'); - - return flags; - }, - - setValue: function(value) { - var me = this; - var store = me.getStore(); - - me.value = value || ''; - - me.unkownFlags = []; - - me.getStore().queryBy(Ext.returnTrue).each(function(rec) { - rec.set('state', '='); - }); - - var flags = value ? value.split(';') : []; - flags.forEach(function(flag) { - var sign = flag.substr(0, 1); - flag = flag.substr(1); - - var rec = store.findRecord('flag', flag); - if (rec !== null) { - rec.set('state', sign); - } else { - me.unkownFlags.push(flag); - } - }); - store.reload(); - - var res = me.mixins.field.setValue.call(me, value); - - return res; - }, - columns: [ - { - dataIndex: 'state', - renderer: function(v) { - switch(v) { - case '=': return 'Default'; - case '-': return 'Off'; - case '+': return 'On'; - default: return 'Unknown'; - } - }, - width: 65 - }, - { - xtype: 'widgetcolumn', - dataIndex: 'state', - width: 95, - onWidgetAttach: function (column, widget, record) { - var val = record.get('state') || '='; - widget.down('[inputValue=' + val + ']').setValue(true); - // TODO: disable if selected CPU model and flag are incompatible - }, - widget: { - xtype: 'radiogroup', - hideLabel: true, - layout: 'hbox', - validateOnChange: false, - value: '=', - listeners: { - change: function(f, value) { - var v = Object.values(value)[0]; - f.getWidgetRecord().set('state', v); - - var view = this.up('grid'); - view.dirty = view.getValue() !== view.originalValue; - view.checkDirty(); - //view.checkChange(); - } - }, - items: [ - { - boxLabel: '-', - boxLabelAlign: 'before', - inputValue: '-' - }, - { - checked: true, - inputValue: '=' - }, - { - boxLabel: '+', - inputValue: '+' - } - ] - } - }, - { - dataIndex: 'flag', - width: 100 - }, - { - dataIndex: 'desc', - cellWrap: true, - flex: 1 - } - ], - - initComponent: function() { - var me = this; - - // static class store, thus gets not recreated, so ensure defaults are set! - me.getStore().data.forEach(function(v) { - v.state = '='; - }); - - me.value = me.originalValue = ''; - - me.callParent(arguments); - } -}); -Ext.define('PVE.form.USBSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveUSBSelector'], - allowBlank: false, - autoSelect: false, - displayField: 'usbid', - valueField: 'usbid', - editable: true, - - getUSBValue: function() { - var me = this; - var rec = me.store.findRecord('usbid', me.value); - var val = 'host='+ me.value; - if (rec && rec.data.speed === "5000") { - val = 'host=' + me.value + ",usb3=1"; - } - return val; - }, - - validator: function(value) { - var me = this; - if (me.type === 'device') { - return (/^[a-f0-9]{4}\:[a-f0-9]{4}$/i).test(value); - } else if (me.type === 'port') { - return (/^[0-9]+\-[0-9]+(\.[0-9]+)*$/).test(value); - } - return false; - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - - if (!nodename) { - throw "no nodename specified"; - } - - if (me.type !== 'device' && me.type !== 'port') { - throw "no valid type specified"; - } - - var store = new Ext.data.Store({ - model: 'pve-usb-' + me.type, - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/scan/usb" - }, - filters: [ - function (item) { - return !!item.data.usbpath && !!item.data.prodid && item.data['class'] != 9; - } - ] - }); - - Ext.apply(me, { - store: store, - listConfig: { - columns: [ - { - header: (me.type === 'device')?gettext('Device'):gettext('Port'), - sortable: true, - dataIndex: 'usbid', - width: 80 - }, - { - header: gettext('Manufacturer'), - sortable: true, - dataIndex: 'manufacturer', - width: 100 - }, - { - header: gettext('Product'), - sortable: true, - dataIndex: 'product', - flex: 1 - }, - { - header: gettext('Speed'), - width: 70, - sortable: true, - dataIndex: 'speed', - renderer: function(value) { - if (value === "5000") { - return "USB 3.0"; - } else if (value === "480") { - return "USB 2.0"; - } else { - return "USB 1.x"; - } - } - } - ] - } - }); - - me.callParent(); - - store.load(); - } - -}, function() { - - Ext.define('pve-usb-device', { - extend: 'Ext.data.Model', - fields: [ - { - name: 'usbid', - convert: function(val, data) { - if (val) { - return val; - } - return data.get('vendid') + ':' + data.get('prodid'); - } - }, - 'speed', 'product', 'manufacturer', 'vendid', 'prodid', 'usbpath', - { name: 'port' , type: 'number' }, - { name: 'level' , type: 'number' }, - { name: 'class' , type: 'number' }, - { name: 'devnum' , type: 'number' }, - { name: 'busnum' , type: 'number' } - ] - }); - - Ext.define('pve-usb-port', { - extend: 'Ext.data.Model', - fields: [ - { - name: 'usbid', - convert: function(val,data) { - if (val) { - return val; - } - return data.get('busnum') + '-' + data.get('usbpath'); - } - }, - 'speed', 'product', 'manufacturer', 'vendid', 'prodid', 'usbpath', - { name: 'port' , type: 'number' }, - { name: 'level' , type: 'number' }, - { name: 'class' , type: 'number' }, - { name: 'devnum' , type: 'number' }, - { name: 'busnum' , type: 'number' } - ] - }); -}); -Ext.define('PVE.form.CalendarEvent', { - extend: 'Ext.form.field.ComboBox', - xtype: 'pveCalendarEvent', - - editable: true, - - valueField: 'value', - displayField: 'text', - queryMode: 'local', - - store: { - field: [ 'value', 'text'], - data: [ - { value: '*/30', text: Ext.String.format(gettext("Every {0} minutes"), 30) }, - { value: '*/2:00', text: gettext("Every two hours")}, - { value: '2,22:30', text: gettext("Every day") + " 02:30, 22:30"}, - { value: 'mon..fri', text: gettext("Monday to Friday") + " 00:00"}, - { value: 'mon..fri */1:00', text: gettext("Monday to Friday") + ': ' + gettext("hourly")}, - { value: 'sun 01:00', text: gettext("Sunday") + " 01:00"} - ] - }, - - tpl: [ - '
- {text} ', - '
{title}:
' - }, - { - flex: 1, - xtype: 'cartesian', - height: '100%', - itemId: 'chart', - border: false, - axes: [ - { - type: 'numeric', - position: 'left', - hidden: true, - minimum: 0 - }, - { - type: 'numeric', - position: 'bottom', - hidden: true - } - ], - - store: { - data: {} - }, - - sprites: [{ - id: 'valueSprite', - type: 'text', - text: '0 B/s', - textAlign: 'end', - textBaseline: 'middle', - fontSize: 14 - }], - - series: [{ - type: 'line', - xField: 'time', - yField: 'val', - fill: 'true', - colors: ['#cfcfcf'], - tooltip: { - trackMouse: true, - renderer: function( tooltip, record, ctx) { - var me = this.getChart(); - var date = new Date(record.data.time); - var value = me.up().renderer(record.data.val); - tooltip.setHtml( - me.up().title + ': ' + value + '' + - Ext.Date.format(date, 'H:i:s') - ); - } - }, - style: { - lineWidth: 1.5, - opacity: 0.60 - }, - marker: { - opacity: 0, - scaling: 0.01, - fx: { - duration: 200, - easing: 'easeOut' - } - }, - highlightCfg: { - opacity: 1, - scaling: 1.5 - } - }] - } - ], - - // the renderer for the tooltip and last value, - // default just the value - renderer: Ext.identityFn, - - // show the last x seconds - // default is 5 minutes - timeFrame: 5*60, - - addDataPoint: function(value, time) { - var me = this.chart; - var panel = me.up(); - var now = new Date(); - var begin = new Date(now.getTime() - (1000*panel.timeFrame)); - - me.store.add({ - time: time || now.getTime(), - val: value || 0 - }); - - // delete all old records when we have 20 times more datapoints - // than seconds in our timeframe (so even a subsecond graph does - // not trigger this often) - // - // records in the store do not take much space, but like this, - // we prevent a memory leak when someone has the site open for a long time - // with minimal graphical glitches - if (me.store.count() > panel.timeFrame * 20) { - var oldData = me.store.getData().createFiltered(function(item) { - return item.data.time < begin.getTime(); - }); - - me.store.remove(oldData.getRange()); - } - - me.timeaxis.setMinimum(begin.getTime()); - me.timeaxis.setMaximum(now.getTime()); - me.valuesprite.setText(panel.renderer(value || 0).toString()); - me.valuesprite.setAttributes({ - x: me.getWidth() - 15, - y: me.getHeight()/2 - }, true); - me.redraw(); - }, - - setTitle: function(title) { - this.title = title; - var me = this.getComponent('title'); - me.update({title: title}); - }, - - initComponent: function(){ - var me = this; - me.callParent(); - - if (me.title) { - me.getComponent('title').update({title: me.title}); - } - me.chart = me.getComponent('chart'); - me.chart.timeaxis = me.chart.getAxes()[1]; - me.chart.valuesprite = me.chart.getSurface('chart').get('valueSprite'); - if (me.color) { - me.chart.series[0].setStyle({ - fill: me.color, - stroke: me.color - }); - } - } -}); -Ext.define('PVE.widget.Info',{ - extend: 'Ext.container.Container', - alias: 'widget.pveInfoWidget', - - layout: { - type: 'vbox', - align: 'stretch' - }, - - value: 0, - maximum: 1, - printBar: true, - items: [ - { - xtype: 'component', - itemId: 'label', - data: { - title: '', - usage: '', - iconCls: undefined - }, - tpl: [ - '
',
- '',
- ' ',
- ' ',
- '{title}
{usage}
'
- ]
- },
- {
- height: 2,
- border: 0
- },
- {
- xtype: 'progressbar',
- itemId: 'progress',
- height: 5,
- value: 0,
- animate: true
- }
- ],
-
- warningThreshold: 0.6,
- criticalThreshold: 0.9,
-
- setPrintBar: function(enable) {
- var me = this;
- me.printBar = enable;
- me.getComponent('progress').setVisible(enable);
- },
-
- setIconCls: function(iconCls) {
- var me = this;
- me.getComponent('label').data.iconCls = iconCls;
- },
-
- updateValue: function(text, usage) {
- var me = this;
- var label = me.getComponent('label');
- label.update(Ext.apply(label.data, {title: me.title, usage:text}));
-
- if (usage !== undefined &&
- me.printBar &&
- Ext.isNumeric(usage) &&
- usage >= 0) {
- var progressBar = me.getComponent('progress');
- progressBar.updateProgress(usage, '');
- if (usage > me.criticalThreshold) {
- progressBar.removeCls('warning');
- progressBar.addCls('critical');
- } else if (usage > me.warningThreshold) {
- progressBar.removeCls('critical');
- progressBar.addCls('warning');
- } else {
- progressBar.removeCls('warning');
- progressBar.removeCls('critical');
- }
- }
- },
-
- initComponent: function() {
- var me = this;
-
- if (!me.title) {
- throw "no title defined";
- }
-
- me.callParent();
-
- me.getComponent('progress').setVisible(me.printBar);
-
- me.updateValue(me.text, me.value);
- me.setIconCls(me.iconCls);
- }
-
-});
-Ext.define('PVE.panel.TemplateStatusView',{
- extend: 'PVE.panel.StatusView',
- alias: 'widget.pveTemplateStatusView',
-
- layout: {
- type: 'vbox',
- align: 'stretch'
- },
-
- defaults: {
- xtype: 'pveInfoWidget',
- printBar: false,
- padding: '2 25'
- },
- items: [
- {
- xtype: 'box',
- height: 20
- },
- {
- itemId: 'hamanaged',
- iconCls: 'fa fa-heartbeat fa-fw',
- title: gettext('HA State'),
- printBar: false,
- textField: 'ha',
- renderer: PVE.Utils.format_ha
- },
- {
- itemId: 'node',
- iconCls: 'fa fa-fw fa-building',
- title: gettext('Node')
- },
- {
- xtype: 'box',
- height: 20
- },
- {
- itemId: 'cpus',
- iconCls: 'fa fa-fw pve-itype-icon-processor pve-icon',
- title: gettext('Processors'),
- textField: 'cpus'
- },
- {
- itemId: 'memory',
- iconCls: 'fa fa-fw pve-itype-icon-memory pve-icon',
- title: gettext('Memory'),
- textField: 'maxmem',
- renderer: PVE.Utils.render_size
- },
- {
- itemId: 'swap',
- iconCls: 'fa fa-refresh fa-fw',
- title: gettext('Swap'),
- textField: 'maxswap',
- renderer: PVE.Utils.render_size
- },
- {
- itemId: 'disk',
- iconCls: 'fa fa-hdd-o fa-fw',
- title: gettext('Bootdisk size'),
- textField: 'maxdisk',
- renderer: PVE.Utils.render_size
- },
- {
- xtype: 'box',
- height: 20
- }
- ],
-
- initComponent: function() {
- var me = this;
-
- var name = me.pveSelNode.data.name;
- if (!name) {
- throw "no name specified";
- }
-
- me.title = name;
-
- me.callParent();
- if (me.pveSelNode.data.type !== 'lxc') {
- me.remove(me.getComponent('swap'));
- }
- me.getComponent('node').updateValue(me.pveSelNode.data.node);
- }
-});
-Ext.define('PVE.widget.HealthWidget', {
- extend: 'Ext.Component',
- alias: 'widget.pveHealthWidget',
-
- data: {
- iconCls: PVE.Utils.get_health_icon(undefined, true),
- text: '',
- title: ''
- },
-
- style: {
- 'text-align':'center'
- },
-
- tpl: [
- '{title}
', - '', - '', - '{text}' - ], - - updateHealth: function(data) { - var me = this; - me.update(Ext.apply(me.data, data)); - }, - - initComponent: function(){ - var me = this; - - if (me.title) { - me.config.data.title = me.title; - } - - me.callParent(); - } - -}); -/*global u2f*/ -Ext.define('PVE.window.LoginWindow', { - extend: 'Ext.window.Window', - - controller: { - - xclass: 'Ext.app.ViewController', - - onLogon: function() { - var me = this; - - var form = this.lookupReference('loginForm'); - var unField = this.lookupReference('usernameField'); - var saveunField = this.lookupReference('saveunField'); - var view = this.getView(); - - if (!form.isValid()) { - return; - } - - view.el.mask(gettext('Please wait...'), 'x-mask-loading'); - - // set or clear username - var sp = Ext.state.Manager.getProvider(); - if (saveunField.getValue() === true) { - sp.set(unField.getStateId(), unField.getValue()); - } else { - sp.clear(unField.getStateId()); - } - sp.set(saveunField.getStateId(), saveunField.getValue()); - - form.submit({ - failure: function(f, resp){ - me.failure(resp); - }, - success: function(f, resp){ - view.el.unmask(); - - var data = resp.result.data; - if (Ext.isDefined(data.NeedTFA)) { - // Store first factor login information first: - data.LoggedOut = true; - Proxmox.Utils.setAuthData(data); - - if (Ext.isDefined(data.U2FChallenge)) { - me.perform_u2f(data); - } else { - me.perform_otp(); - } - } else { - me.success(data); - } - } - }); - - }, - failure: function(resp) { - var me = this; - var view = me.getView(); - view.el.unmask(); - var handler = function() { - var uf = me.lookupReference('usernameField'); - uf.focus(true, true); - }; - - Ext.MessageBox.alert(gettext('Error'), - gettext("Login failed. Please try again"), - handler); - }, - success: function(data) { - var me = this; - var view = me.getView(); - var handler = view.handler || Ext.emptyFn; - handler.call(me, data); - view.close(); - }, - - perform_otp: function() { - var me = this; - var win = Ext.create('PVE.window.TFALoginWindow', { - onLogin: function(value) { - me.finish_tfa(value); - }, - onCancel: function() { - Proxmox.LoggedOut = false; - Proxmox.Utils.authClear(); - me.getView().show(); - } - }); - win.show(); - }, - - perform_u2f: function(data) { - var me = this; - // Show the message: - var msg = Ext.Msg.show({ - title: 'U2F: '+gettext('Verification'), - message: gettext('Please press the button on your U2F Device'), - buttons: [] - }); - var chlg = data.U2FChallenge; - var key = { - version: chlg.version, - keyHandle: chlg.keyHandle - }; - u2f.sign(chlg.appId, chlg.challenge, [key], function(res) { - msg.close(); - if (res.errorCode) { - Proxmox.Utils.authClear(); - Ext.Msg.alert(gettext('Error'), PVE.Utils.render_u2f_error(res.errorCode)); - return; - } - delete res.errorCode; - me.finish_tfa(JSON.stringify(res)); - }); - }, - finish_tfa: function(res) { - var me = this; - var view = me.getView(); - view.el.mask(gettext('Please wait...'), 'x-mask-loading'); - var params = { response: res }; - Proxmox.Utils.API2Request({ - url: '/api2/extjs/access/tfa', - params: params, - method: 'POST', - timeout: 5000, // it'll delay both success & failure - success: function(resp, opts) { - view.el.unmask(); - // Fill in what we copy over from the 1st factor: - var data = resp.result.data; - data.CSRFPreventionToken = Proxmox.CSRFPreventionToken; - data.username = Proxmox.UserName; - // Finish logging in: - me.success(data); - }, - failure: function(resp, opts) { - Proxmox.Utils.authClear(); - me.failure(resp); - } - }); - }, - - control: { - 'field[name=username]': { - specialkey: function(f, e) { - if (e.getKey() === e.ENTER) { - var pf = this.lookupReference('passwordField'); - if (!pf.getValue()) { - pf.focus(false); - } - } - } - }, - 'field[name=lang]': { - change: function(f, value) { - var dt = Ext.Date.add(new Date(), Ext.Date.YEAR, 10); - Ext.util.Cookies.set('PVELangCookie', value, dt); - this.getView().mask(gettext('Please wait...'), 'x-mask-loading'); - window.location.reload(); - } - }, - 'button[reference=loginButton]': { - click: 'onLogon' - }, - '#': { - show: function() { - var sp = Ext.state.Manager.getProvider(); - var checkboxField = this.lookupReference('saveunField'); - var unField = this.lookupReference('usernameField'); - - var checked = sp.get(checkboxField.getStateId()); - checkboxField.setValue(checked); - - if(checked === true) { - var username = sp.get(unField.getStateId()); - unField.setValue(username); - var pwField = this.lookupReference('passwordField'); - pwField.focus(); - } - } - } - } - }, - - width: 400, - - modal: true, - - border: false, - - draggable: true, - - closable: false, - - resizable: false, - - layout: 'auto', - - title: gettext('Proxmox VE Login'), - - defaultFocus: 'usernameField', - - defaultButton: 'loginButton', - - items: [{ - xtype: 'form', - layout: 'form', - url: '/api2/extjs/access/ticket', - reference: 'loginForm', - - fieldDefaults: { - labelAlign: 'right', - allowBlank: false - }, - - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('User name'), - name: 'username', - itemId: 'usernameField', - reference: 'usernameField', - stateId: 'login-username' - }, - { - xtype: 'textfield', - inputType: 'password', - fieldLabel: gettext('Password'), - name: 'password', - reference: 'passwordField' - }, - { - xtype: 'pveRealmComboBox', - name: 'realm' - }, - { - xtype: 'proxmoxLanguageSelector', - fieldLabel: gettext('Language'), - value: Ext.util.Cookies.get('PVELangCookie') || Proxmox.defaultLang || 'en', - name: 'lang', - reference: 'langField', - submitValue: false - } - ], - buttons: [ - { - xtype: 'checkbox', - fieldLabel: gettext('Save User name'), - name: 'saveusername', - reference: 'saveunField', - stateId: 'login-saveusername', - labelWidth: 'auto', - labelAlign: 'right', - submitValue: false - }, - { - text: gettext('Login'), - reference: 'loginButton' - } - ] - }] - }); -Ext.define('PVE.window.TFALoginWindow', { - extend: 'Ext.window.Window', - - modal: true, - resizable: false, - title: 'Two-Factor Authentication', - layout: 'form', - defaultButton: 'loginButton', - defaultFocus: 'otpField', - - controller: { - xclass: 'Ext.app.ViewController', - login: function() { - var me = this; - var view = me.getView(); - view.onLogin(me.lookup('otpField').getValue()); - view.close(); - }, - cancel: function() { - var me = this; - var view = me.getView(); - view.onCancel(); - view.close(); - } - }, - - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('Please enter your OTP verification code:'), - name: 'otp', - itemId: 'otpField', - reference: 'otpField', - allowBlank: false - } - ], - - buttons: [ - { - text: gettext('Login'), - reference: 'loginButton', - handler: 'login' - }, - { - text: gettext('Cancel'), - handler: 'cancel' - } - ] -}); -Ext.define('PVE.window.Wizard', { - extend: 'Ext.window.Window', - - activeTitle: '', // used for automated testing - - width: 700, - height: 510, - - modal: true, - border: false, - - draggable: true, - closable: true, - resizable: false, - - layout: 'border', - - getValues: function(dirtyOnly) { - var me = this; - - var values = {}; - - var form = me.down('form').getForm(); - - form.getFields().each(function(field) { - if (!field.up('inputpanel') && (!dirtyOnly || field.isDirty())) { - Proxmox.Utils.assemble_field_data(values, field.getSubmitData()); - } - }); - - Ext.Array.each(me.query('inputpanel'), function(panel) { - Proxmox.Utils.assemble_field_data(values, panel.getValues(dirtyOnly)); - }); - - return values; - }, - - initComponent: function() { - var me = this; - - var tabs = me.items || []; - delete me.items; - - /* - * Items may have the following functions: - * validator(): per tab custom validation - * onSubmit(): submit handler - * onGetValues(): overwrite getValues results - */ - - Ext.Array.each(tabs, function(tab) { - tab.disabled = true; - }); - tabs[0].disabled = false; - - var maxidx = 0; - var curidx = 0; - - var check_card = function(card) { - var valid = true; - var fields = card.query('field, fieldcontainer'); - if (card.isXType('fieldcontainer')) { - fields.unshift(card); - } - Ext.Array.each(fields, function(field) { - // Note: not all fielcontainer have isValid() - if (Ext.isFunction(field.isValid) && !field.isValid()) { - valid = false; - } - }); - - if (Ext.isFunction(card.validator)) { - return card.validator(); - } - - return valid; - }; - - var disable_at = function(card) { - var tp = me.down('#wizcontent'); - var idx = tp.items.indexOf(card); - for(;idx < tp.items.getCount();idx++) { - var nc = tp.items.getAt(idx); - if (nc) { - nc.disable(); - } - } - }; - - var tabchange = function(tp, newcard, oldcard) { - if (newcard.onSubmit) { - me.down('#next').setVisible(false); - me.down('#submit').setVisible(true); - } else { - me.down('#next').setVisible(true); - me.down('#submit').setVisible(false); - } - var valid = check_card(newcard); - me.down('#next').setDisabled(!valid); - me.down('#submit').setDisabled(!valid); - me.down('#back').setDisabled(tp.items.indexOf(newcard) == 0); - - var idx = tp.items.indexOf(newcard); - if (idx > maxidx) { - maxidx = idx; - } - curidx = idx; - - var next = idx + 1; - var ntab = tp.items.getAt(next); - if (valid && ntab && !newcard.onSubmit) { - ntab.enable(); - } - }; - - if (me.subject && !me.title) { - me.title = Proxmox.Utils.dialog_title(me.subject, true, false); - } - - var sp = Ext.state.Manager.getProvider(); - var advchecked = sp.get('proxmox-advanced-cb'); - - Ext.apply(me, { - items: [ - { - xtype: 'form', - region: 'center', - layout: 'fit', - border: false, - margins: '5 5 0 5', - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [{ - itemId: 'wizcontent', - xtype: 'tabpanel', - activeItem: 0, - bodyPadding: 10, - listeners: { - afterrender: function(tp) { - var atab = this.getActiveTab(); - tabchange(tp, atab); - }, - tabchange: function(tp, newcard, oldcard) { - tabchange(tp, newcard, oldcard); - } - }, - items: tabs - }] - } - ], - fbar: [ - { - xtype: 'proxmoxHelpButton', - itemId: 'help' - }, - '->', - { - xtype: 'proxmoxcheckbox', - boxLabelAlign: 'before', - boxLabel: gettext('Advanced'), - value: advchecked, - listeners: { - change: function(cb, val) { - var tp = me.down('#wizcontent'); - tp.query('inputpanel').forEach(function(ip) { - ip.setAdvancedVisible(val); - }); - - sp.set('proxmox-advanced-cb', val); - } - } - }, - { - text: gettext('Back'), - disabled: true, - itemId: 'back', - minWidth: 60, - handler: function() { - var tp = me.down('#wizcontent'); - var atab = tp.getActiveTab(); - var prev = tp.items.indexOf(atab) - 1; - if (prev < 0) { - return; - } - var ntab = tp.items.getAt(prev); - if (ntab) { - tp.setActiveTab(ntab); - } - } - }, - { - text: gettext('Next'), - disabled: true, - itemId: 'next', - minWidth: 60, - handler: function() { - - var form = me.down('form').getForm(); - - var tp = me.down('#wizcontent'); - var atab = tp.getActiveTab(); - if (!check_card(atab)) { - return; - } - - var next = tp.items.indexOf(atab) + 1; - var ntab = tp.items.getAt(next); - if (ntab) { - ntab.enable(); - tp.setActiveTab(ntab); - } - - } - }, - { - text: gettext('Finish'), - minWidth: 60, - hidden: true, - itemId: 'submit', - handler: function() { - var tp = me.down('#wizcontent'); - var atab = tp.getActiveTab(); - atab.onSubmit(); - } - } - ] - }); - me.callParent(); - - Ext.Array.each(me.query('inputpanel'), function(panel) { - panel.setAdvancedVisible(advchecked); - }); - - Ext.Array.each(me.query('field'), function(field) { - var validcheck = function() { - var tp = me.down('#wizcontent'); - - // check tabs from current to the last enabled for validity - // since we might have changed a validity on a later one - var i; - for (i = curidx; i <= maxidx && i < tp.items.getCount(); i++) { - var tab = tp.items.getAt(i); - var valid = check_card(tab); - - // only set the buttons on the current panel - if (i === curidx) { - me.down('#next').setDisabled(!valid); - me.down('#submit').setDisabled(!valid); - } - - // if a panel is invalid, then disable it and all following, - // else enable it and go to the next - var ntab = tp.items.getAt(i + 1); - if (!valid) { - disable_at(ntab); - return; - } else if (ntab && !tab.onSubmit) { - ntab.enable(); - } - } - }; - field.on('change', validcheck); - field.on('validitychange', validcheck); - }); - } -}); -Ext.define('PVE.window.NotesEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - Ext.apply(me, { - title: gettext('Notes'), - width: 600, - height: '400px', - resizable: true, - layout: 'fit', - defaultButton: undefined, - items: { - xtype: 'textarea', - name: 'description', - height: '100%', - value: '', - hideLabel: true - } - }); - - me.callParent(); - - me.load(); - } -}); -Ext.define('PVE.window.Backup', { - extend: 'Ext.window.Window', - - resizable: false, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - if (!me.vmtype) { - throw "no VM type specified"; - } - - var storagesel = Ext.create('PVE.form.StorageSelector', { - nodename: me.nodename, - name: 'storage', - value: me.storage, - fieldLabel: gettext('Storage'), - storageContent: 'backup', - allowBlank: false - }); - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [ - storagesel, - { - xtype: 'pveBackupModeSelector', - fieldLabel: gettext('Mode'), - value: 'snapshot', - name: 'mode' - }, - { - xtype: 'pveCompressionSelector', - name: 'compress', - value: 'lzo', - fieldLabel: gettext('Compression') - }, - { - xtype: 'textfield', - fieldLabel: gettext('Send email to'), - name: 'mailto', - emptyText: Proxmox.Utils.noneText - } - ] - }); - - var form = me.formPanel.getForm(); - - var submitBtn = Ext.create('Ext.Button', { - text: gettext('Backup'), - handler: function(){ - var storage = storagesel.getValue(); - var values = form.getValues(); - var params = { - storage: storage, - vmid: me.vmid, - mode: values.mode, - remove: 0 - }; - - if ( values.mailto ) { - params.mailto = values.mailto; - } - - if (values.compress) { - params.compress = values.compress; - } - - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/vzdump', - params: params, - method: 'POST', - failure: function (response, opts) { - Ext.Msg.alert('Error',response.htmlStatus); - }, - success: function(response, options) { - // close later so we reload the grid - // after the task has completed - me.hide(); - - var upid = response.result.data; - - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: upid, - listeners: { - close: function() { - me.close(); - } - } - }); - win.show(); - } - }); - } - }); - - var helpBtn = Ext.create('Proxmox.button.Help', { - onlineHelp: 'chapter_vzdump', - listenToGlobalEvent: false, - hidden: false - }); - - var title = gettext('Backup') + " " + - ((me.vmtype === 'lxc') ? "CT" : "VM") + - " " + me.vmid; - - Ext.apply(me, { - title: title, - width: 350, - modal: true, - layout: 'auto', - border: false, - items: [ me.formPanel ], - buttons: [ helpBtn, '->', submitBtn ] - }); - - me.callParent(); - } -}); -Ext.define('PVE.window.Restore', { - extend: 'Ext.window.Window', // fixme: Proxmox.window.Edit? - - resizable: false, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.volid) { - throw "no volume ID specified"; - } - - if (!me.vmtype) { - throw "no vmtype specified"; - } - - var storagesel = Ext.create('PVE.form.StorageSelector', { - nodename: me.nodename, - name: 'storage', - value: '', - fieldLabel: gettext('Storage'), - storageContent: (me.vmtype === 'lxc') ? 'rootdir' : 'images', - allowBlank: true - }); - - var IDfield; - if (me.vmid) { - IDfield = Ext.create('Ext.form.field.Display', { - name: 'vmid', - value: me.vmid, - fieldLabel: (me.vmtype === 'lxc') ? 'CT' : 'VM' - }); - } else { - IDfield = Ext.create('PVE.form.GuestIDSelector', { - name: 'vmid', - guestType: me.vmtype, - loadNextFreeID: true, - validateExists: false - }); - } - - var items = [ - { - xtype: 'displayfield', - value: me.volidText || me.volid, - fieldLabel: gettext('Source') - }, - storagesel, - IDfield, - { - xtype: 'proxmoxintegerfield', - name: 'bwlimit', - fieldLabel: gettext('Read Limit (MiB/s)'), - minValue: 0, - emptyText: gettext('Defaults to target storage restore limit'), - autoEl: { - tag: 'div', - 'data-qtip': gettext("Use '0' to disable all bandwidth limits.") - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'unique', - fieldLabel: gettext('Unique'), - hidden: !!me.vmid, - autoEl: { - tag: 'div', - 'data-qtip': gettext('Autogenerate unique properties, e.g., MAC addresses') - }, - checked: false - } - ]; - - /*jslint confusion: true*/ - if (me.vmtype === 'lxc') { - items.push({ - xtype: 'proxmoxcheckbox', - name: 'unprivileged', - value: true, - fieldLabel: gettext('Unprivileged container') - }); - } - /*jslint confusion: false*/ - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: items - }); - - var form = me.formPanel.getForm(); - - var doRestore = function(url, params) { - Proxmox.Utils.API2Request({ - url: url, - params: params, - method: 'POST', - waitMsgTarget: me, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: upid - }); - win.show(); - me.close(); - } - }); - }; - - var submitBtn = Ext.create('Ext.Button', { - text: gettext('Restore'), - handler: function(){ - var storage = storagesel.getValue(); - var values = form.getValues(); - - var params = { - storage: storage, - vmid: me.vmid || values.vmid, - force: me.vmid ? 1 : 0 - }; - if (values.unique) { params.unique = 1; } - - if (values.bwlimit !== undefined) { - params.bwlimit = values.bwlimit * 1024; - } - - var url; - var msg; - if (me.vmtype === 'lxc') { - url = '/nodes/' + me.nodename + '/lxc'; - params.ostemplate = me.volid; - params.restore = 1; - if (values.unprivileged) { params.unprivileged = 1; } - msg = Proxmox.Utils.format_task_description('vzrestore', params.vmid); - } else if (me.vmtype === 'qemu') { - url = '/nodes/' + me.nodename + '/qemu'; - params.archive = me.volid; - msg = Proxmox.Utils.format_task_description('qmrestore', params.vmid); - } else { - throw 'unknown VM type'; - } - - if (me.vmid) { - msg += '. ' + gettext('This will permanently erase current VM data.'); - Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) { - if (btn !== 'yes') { - return; - } - doRestore(url, params); - }); - } else { - doRestore(url, params); - } - } - }); - - form.on('validitychange', function(f, valid) { - submitBtn.setDisabled(!valid); - }); - - var title = gettext('Restore') + ": " + ( - (me.vmtype === 'lxc') ? 'CT' : 'VM'); - - if (me.vmid) { - title += " " + me.vmid; - } - - Ext.apply(me, { - title: title, - width: 500, - modal: true, - layout: 'auto', - border: false, - items: [ me.formPanel ], - buttons: [ submitBtn ] - }); - - me.callParent(); - } -}); -/* Popup a message window - * where the user has to manually enter the resource ID - * to enable the destroy button - */ -Ext.define('PVE.window.SafeDestroy', { - extend: 'Ext.window.Window', - alias: 'widget.pveSafeDestroy', - - title: gettext('Confirm'), - modal: true, - buttonAlign: 'center', - bodyPadding: 10, - width: 450, - layout: { type:'hbox' }, - defaultFocus: 'confirmField', - showProgress: false, - - config: { - item: { - id: undefined, - type: undefined - }, - url: undefined, - params: {} - }, - - getParams: function() { - var me = this; - if (Ext.Object.isEmpty(me.params)) { - return ''; - } - return '?' + Ext.Object.toQueryString(me.params); - }, - - controller: { - - xclass: 'Ext.app.ViewController', - - control: { - 'field[name=confirm]': { - change: function(f, value) { - var view = this.getView(); - var removeButton = this.lookupReference('removeButton'); - if (value === view.getItem().id.toString()) { - removeButton.enable(); - } else { - removeButton.disable(); - } - }, - specialkey: function (field, event) { - var removeButton = this.lookupReference('removeButton'); - if (!removeButton.isDisabled() && event.getKey() == event.ENTER) { - removeButton.fireEvent('click', removeButton, event); - } - } - }, - 'button[reference=removeButton]': { - click: function() { - var view = this.getView(); - Proxmox.Utils.API2Request({ - url: view.getUrl() + view.getParams(), - method: 'DELETE', - waitMsgTarget: view, - failure: function(response, opts) { - view.close(); - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, options) { - var hasProgressBar = view.showProgress && - response.result.data ? true : false; - - if (hasProgressBar) { - // stay around so we can trigger our close events - // when background action is completed - view.hide(); - - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid, - listeners: { - destroy: function () { - view.close(); - } - } - }); - win.show(); - } else { - view.close(); - } - } - }); - } - } - } - }, - - items: [ - { - xtype: 'component', - cls: [ Ext.baseCSSPrefix + 'message-box-icon', - Ext.baseCSSPrefix + 'message-box-warning', - Ext.baseCSSPrefix + 'dlg-icon'] - }, - { - xtype: 'container', - flex: 1, - layout: { - type: 'vbox', - align: 'stretch' - }, - items: [ - { - xtype: 'component', - reference: 'messageCmp' - }, - { - itemId: 'confirmField', - reference: 'confirmField', - xtype: 'textfield', - name: 'confirm', - labelWidth: 300, - hideTrigger: true, - allowBlank: false - } - ] - } - ], - buttons: [ - { - reference: 'removeButton', - text: gettext('Remove'), - disabled: true - } - ], - - initComponent : function() { - var me = this; - - me.callParent(); - - var item = me.getItem(); - - if (!Ext.isDefined(item.id)) { - throw "no ID specified"; - } - - if (!Ext.isDefined(item.type)) { - throw "no VM type specified"; - } - - var messageCmp = me.lookupReference('messageCmp'); - var msg; - - if (item.type === 'VM') { - msg = Proxmox.Utils.format_task_description('qmdestroy', item.id); - } else if (item.type === 'CT') { - msg = Proxmox.Utils.format_task_description('vzdestroy', item.id); - } else if (item.type === 'CephPool') { - msg = Proxmox.Utils.format_task_description('cephdestroypool', item.id); - } else if (item.type === 'Image') { - msg = Proxmox.Utils.format_task_description('unknownimgdel', item.id); - } else { - throw "unknown item type specified"; - } - - messageCmp.setHtml(msg); - - var confirmField = me.lookupReference('confirmField'); - msg = gettext('Please enter the ID to confirm') + - ' (' + item.id + ')'; - confirmField.setFieldLabel(msg); - } -}); -Ext.define('PVE.window.BackupConfig', { - extend: 'Ext.window.Window', - title: gettext('Configuration'), - width: 600, - height: 400, - layout: 'fit', - modal: true, - items: { - xtype: 'component', - itemId: 'configtext', - autoScroll: true, - style: { - 'background-color': 'white', - 'white-space': 'pre', - 'font-family': 'monospace', - padding: '5px' - } - }, - - initComponent: function() { - var me = this; - - if (!me.volume) { - throw "no volume specified"; - } - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - me.callParent(); - - Proxmox.Utils.API2Request({ - url: "/nodes/" + nodename + "/vzdump/extractconfig", - method: 'GET', - params: { - volume: me.volume - }, - failure: function(response, opts) { - me.close(); - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response,options) { - me.show(); - me.down('#configtext').update(Ext.htmlEncode(response.result.data)); - } - }); - } -}); -Ext.define('PVE.window.Settings', { - extend: 'Ext.window.Window', - - width: '800px', - title: gettext('My Settings'), - iconCls: 'fa fa-gear', - modal: true, - bodyPadding: 10, - resizable: false, - - buttons: [ - { - xtype: 'proxmoxHelpButton', - onlineHelp: 'gui_my_settings', - hidden: false - }, - '->', - { - text: gettext('Close'), - handler: function() { - this.up('window').close(); - } - } - ], - - layout: { - type: 'hbox', - align: 'top' - }, - - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - var me = this; - var sp = Ext.state.Manager.getProvider(); - - var username = sp.get('login-username') || Proxmox.Utils.noneText; - me.lookupReference('savedUserName').setValue(username); - - var settings = ['fontSize', 'fontFamily', 'letterSpacing', 'lineHeight']; - settings.forEach(function(setting) { - var val = localStorage.getItem('pve-xterm-' + setting); - if (val !== undefined && val !== null) { - var field = me.lookup(setting); - field.setValue(val); - field.resetOriginalValue(); - } - }); - }, - - set_button_status: function() { - var me = this; - - var form = me.lookup('xtermform'); - var valid = form.isValid(); - var dirty = form.isDirty(); - - var hasvalues = false; - var values = form.getValues(); - Ext.Object.eachValue(values, function(value) { - if (value) { - hasvalues = true; - return false; - } - }); - - me.lookup('xtermsave').setDisabled(!dirty || !valid); - me.lookup('xtermreset').setDisabled(!hasvalues); - }, - - control: { - '#xtermjs form': { - dirtychange: 'set_button_status', - validitychange: 'set_button_status' - }, - '#xtermjs button': { - click: function(button) { - var me = this; - var settings = ['fontSize', 'fontFamily', 'letterSpacing', 'lineHeight']; - settings.forEach(function(setting) { - var field = me.lookup(setting); - if (button.reference === 'xtermsave') { - var value = field.getValue(); - if (value) { - localStorage.setItem('pve-xterm-' + setting, value); - } else { - localStorage.removeItem('pve-xterm-' + setting); - } - } else if (button.reference === 'xtermreset') { - field.setValue(undefined); - localStorage.removeItem('pve-xterm-' + setting); - } - field.resetOriginalValue(); - }); - me.set_button_status(); - } - }, - 'button[name=reset]': { - click: function () { - var blacklist = ['GuiCap', 'login-username', 'dash-storages']; - var sp = Ext.state.Manager.getProvider(); - var state; - for (state in sp.state) { - if (sp.state.hasOwnProperty(state)) { - if (blacklist.indexOf(state) !== -1) { - continue; - } - - sp.clear(state); - } - } - - window.location.reload(); - } - }, - 'button[name=clear-username]': { - click: function () { - var me = this; - var usernamefield = me.lookupReference('savedUserName'); - var sp = Ext.state.Manager.getProvider(); - - usernamefield.setValue(Proxmox.Utils.noneText); - sp.clear('login-username'); - } - }, - 'grid[reference=dashboard-storages]': { - selectionchange: function(grid, selected) { - var me = this; - var sp = Ext.state.Manager.getProvider(); - - // saves the selected storageids as - // "id1,id2,id3,..." - // or clears the variable - if (selected.length > 0) { - sp.set('dash-storages', - Ext.Array.pluck(selected, 'id').join(',')); - } else { - sp.clear('dash-storages'); - } - }, - afterrender: function(grid) { - var me = grid; - var sp = Ext.state.Manager.getProvider(); - var store = me.getStore(); - var items = []; - me.suspendEvent('selectionchange'); - var storages = sp.get('dash-storages') || ''; - storages.split(',').forEach(function(storage){ - // we have to get the records - // to be able to select them - if (storage !== '') { - var item = store.getById(storage); - if (item) { - items.push(item); - } - } - }); - me.getSelectionModel().select(items); - me.resumeEvent('selectionchange'); - } - } - } - }, - - items: [{ - xtype: 'fieldset', - width: '50%', - title: gettext('Webinterface Settings'), - margin: '5', - layout: { - type: 'vbox', - align: 'left' - }, - defaults: { - width: '100%', - margin: '0 0 10 0' - }, - items: [ - { - xtype: 'displayfield', - fieldLabel: gettext('Dashboard Storages'), - labelAlign: 'left', - labelWidth: '50%' - }, - { - xtype: 'grid', - maxHeight: 150, - reference: 'dashboard-storages', - selModel: { - selType: 'checkboxmodel' - }, - columns: [{ - header: gettext('Name'), - dataIndex: 'storage', - flex: 1 - },{ - header: gettext('Node'), - dataIndex: 'node', - flex: 1 - }], - store: { - type: 'diff', - field: ['type', 'storage', 'id', 'node'], - rstore: PVE.data.ResourceStore, - filters: [{ - property: 'type', - value: 'storage' - }], - sorters: [ 'node','storage'] - } - }, - { - xtype: 'box', - autoEl: { tag: 'hr'} - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Saved User name'), - labelAlign: 'left', - labelWidth: '50%', - stateId: 'login-username', - reference: 'savedUserName', - value: '' - }, - { - xtype: 'button', - cls: 'x-btn-default-toolbar-small proxmox-inline-button', - text: gettext('Clear User name'), - width: 'auto', - name: 'clear-username' - }, - { - xtype: 'box', - autoEl: { tag: 'hr'} - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Layout'), - labelAlign: 'left', - labelWidth: '50%' - }, - { - xtype: 'button', - cls: 'x-btn-default-toolbar-small proxmox-inline-button', - text: gettext('Reset Layout'), - width: 'auto', - name: 'reset' - } - ] - },{ - xtype: 'fieldset', - itemId: 'xtermjs', - width: '50%', - margin: '5', - title: gettext('xterm.js Settings'), - items: [{ - xtype: 'form', - reference: 'xtermform', - border: false, - layout: { - type: 'vbox', - algin: 'left' - }, - defaults: { - width: '100%', - margin: '0 0 10 0' - }, - items: [ - { - xtype: 'textfield', - name: 'fontFamily', - reference: 'fontFamily', - emptyText: Proxmox.Utils.defaultText, - fieldLabel: gettext('Font-Family') - }, - { - xtype: 'proxmoxintegerfield', - emptyText: Proxmox.Utils.defaultText, - name: 'fontSize', - reference: 'fontSize', - minValue: 1, - fieldLabel: gettext('Font-Size') - }, - { - xtype: 'numberfield', - name: 'letterSpacing', - reference: 'letterSpacing', - emptyText: Proxmox.Utils.defaultText, - fieldLabel: gettext('Letter Spacing') - }, - { - xtype: 'numberfield', - name: 'lineHeight', - minValue: 0.1, - reference: 'lineHeight', - emptyText: Proxmox.Utils.defaultText, - fieldLabel: gettext('Line Height') - }, - { - xtype: 'container', - layout: { - type: 'hbox', - pack: 'end' - }, - items: [ - { - xtype: 'button', - reference: 'xtermreset', - disabled: true, - text: gettext('Reset') - }, - { - xtype: 'button', - reference: 'xtermsave', - disabled: true, - text: gettext('Save') - } - ] - } - ] - }] - }], - - onShow: function() { - var me = this; - me.callParent(); - } -}); -Ext.define('PVE.panel.StartupInputPanel', { - extend: 'Proxmox.panel.InputPanel', - onlineHelp: 'qm_startup_and_shutdown', - - onGetValues: function(values) { - var me = this; - - var res = PVE.Parser.printStartup(values); - - if (res === undefined || res === '') { - return { 'delete': 'startup' }; - } - - return { startup: res }; - }, - - setStartup: function(value) { - var me = this; - - var startup = PVE.Parser.parseStartup(value); - if (startup) { - me.setValues(startup); - } - }, - - initComponent : function() { - var me = this; - - me.items = [ - { - xtype: 'textfield', - name: 'order', - defaultValue: '', - emptyText: 'any', - fieldLabel: gettext('Start/Shutdown order') - }, - { - xtype: 'textfield', - name: 'up', - defaultValue: '', - emptyText: 'default', - fieldLabel: gettext('Startup delay') - }, - { - xtype: 'textfield', - name: 'down', - defaultValue: '', - emptyText: 'default', - fieldLabel: gettext('Shutdown timeout') - } - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.window.StartupEdit', { - extend: 'Proxmox.window.Edit', - alias: 'widget.pveWindowStartupEdit', - onlineHelp: undefined, - - initComponent : function() { - - var me = this; - var ipanelConfig = me.onlineHelp ? {onlineHelp: me.onlineHelp} : {}; - var ipanel = Ext.create('PVE.panel.StartupInputPanel', ipanelConfig); - - Ext.applyIf(me, { - subject: gettext('Start/Shutdown order'), - fieldDefaults: { - labelWidth: 120 - }, - items: [ ipanel ] - }); - - me.callParent(); - - me.load({ - success: function(response, options) { - var i, confid; - me.vmconfig = response.result.data; - ipanel.setStartup(me.vmconfig.startup); - } - }); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.ceph.Install', { - extend: 'Ext.window.Window', - xtype: 'pveCephInstallWindow', - mixins: ['Proxmox.Mixin.CBind'], - - width: 220, - header: false, - resizable: false, - draggable: false, - modal: true, - nodename: undefined, - shadow: false, - border: false, - bodyBorder: false, - closable: false, - cls: 'install-mask', - bodyCls: 'install-mask', - layout: { - align: 'stretch', - pack: 'center', - type: 'vbox' - }, - viewModel: { - data: { - cephVersion: 'nautilus', - isInstalled: false - }, - formulas: { - buttonText: function (get){ - if (get('isInstalled')) { - return gettext('Configure Ceph'); - } else { - return gettext('Install Ceph-') + get('cephVersion'); - } - }, - windowText: function (get) { - if (get('isInstalled')) { - return '
' + - Ext.String.format(gettext('{0} is not initialized.'), 'Ceph') + ' '+ - gettext('You need to create a initial config once.') + '
'; - } else { - return '' +
- Ext.String.format(gettext('{0} is not installed on this node.'), 'Ceph') + '
' +
- gettext('Would you like to install it now?') + '
/
'
- },
- {
- xtype: 'proxmoxKVComboBox',
- name: 'unit',
- comboItems: [['second', 'second'], ['minute', 'minute'],
- ['hour', 'hour'], ['day', 'day']],
- allowBlank: false,
- flex: 1,
- value: 'second'
- }
- ]
- },
- {
- xtype: 'numberfield',
- name: 'burst',
- fieldLabel: gettext('Log burst limit'),
- minValue: 1,
- maxValue: 99,
- value: 5
- }
- ],
-
- onGetValues: function(values) {
- var me = this;
-
- var vals = {};
- vals.enable = values.enable !== undefined ? 1 : 0;
- vals.rate = values.rate + '/' + values.unit;
- vals.burst = values.burst;
- var properties = PVE.Parser.printPropertyString(vals, undefined);
- if (properties == '') {
- return { 'delete': 'log_ratelimit' };
- }
- return { log_ratelimit: properties };
- },
-
- setValues: function(values) {
- var me = this;
-
- var properties = {};
- if (values.log_ratelimit !== undefined) {
- properties = PVE.Parser.parsePropertyString(values.log_ratelimit, 'enable');
- if (properties.rate) {
- var matches = properties.rate.match(/^(\d+)\/(second|minute|hour|day)$/);
- if (matches) {
- properties.rate = matches[1];
- properties.unit = matches[2];
- }
- }
- }
- me.callParent([properties]);
- }
-});
-
-Ext.define('PVE.FirewallLograteEdit', {
- extend: 'Proxmox.window.Edit',
- xtype: 'pveFirewallLograteEdit',
-
- subject: gettext('Log rate limit'),
-
- items: [{
- xtype: 'pveFirewallLograteInputPanel'
- }],
- autoLoad: true
-});
-Ext.define('PVE.panel.NotesView', {
- extend: 'Ext.panel.Panel',
- xtype: 'pveNotesView',
-
- title: gettext("Notes"),
- bodyStyle: 'white-space:pre',
- bodyPadding: 10,
- scrollable: true,
-
- tbar: {
- itemId: 'tbar',
- hidden: true,
- items: [
- {
- text: gettext('Edit'),
- handler: function() {
- var me = this.up('panel');
- me.run_editor();
- }
- }
- ]
- },
-
- run_editor: function() {
- var me = this;
- var win = Ext.create('PVE.window.NotesEdit', {
- pveSelNode: me.pveSelNode,
- url: me.url
- });
- win.show();
- win.on('destroy', me.load, me);
- },
-
- load: function() {
- var me = this;
-
- Proxmox.Utils.API2Request({
- url: me.url,
- waitMsgTarget: me,
- failure: function(response, opts) {
- me.update(gettext('Error') + " " + response.htmlStatus);
- },
- success: function(response, opts) {
- var data = response.result.data.description || '';
- me.update(Ext.htmlEncode(data));
- }
- });
- },
-
- listeners: {
- render: function(c) {
- var me = this;
- me.getEl().on('dblclick', me.run_editor, me);
- }
- },
-
- tools: [{
- type: 'gear',
- handler: function() {
- var me = this.up('panel');
- me.run_editor();
- }
- }],
-
- initComponent : function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var type = me.pveSelNode.data.type;
- if (!Ext.Array.contains(['node', 'qemu', 'lxc'], type)) {
- throw 'invalid type specified';
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid && type !== 'node') {
- throw "no VM ID specified";
- }
-
- me.url = '/api2/extjs/nodes/' + nodename + '/';
-
- // add the type specific path if qemu/lxc
- if (type === 'qemu' || type === 'lxc') {
- me.url += type + '/' + vmid + '/';
- }
-
- me.url += 'config';
-
- me.callParent();
- if (type === 'node') {
- me.down('#tbar').setVisible(true);
- }
- me.load();
- }
-});
-Ext.define('PVE.grid.ResourceGrid', {
- extend: 'Ext.grid.GridPanel',
- alias: ['widget.pveResourceGrid'],
-
- border: false,
- defaultSorter: {
- property: 'type',
- direction: 'ASC'
- },
- initComponent : function() {
- var me = this;
-
- var rstore = PVE.data.ResourceStore;
- var sp = Ext.state.Manager.getProvider();
-
- var coldef = rstore.defaultColumns();
-
- var store = Ext.create('Ext.data.Store', {
- model: 'PVEResources',
- sorters: me.defaultSorter,
- proxy: { type: 'memory' }
- });
-
- var textfilter = '';
-
- var textfilter_match = function(item) {
- var match = false;
- Ext.each(['name', 'storage', 'node', 'type', 'text'], function(field) {
- var v = item.data[field];
- if (v !== undefined) {
- v = v.toLowerCase();
- if (v.indexOf(textfilter) >= 0) {
- match = true;
- return false;
- }
- }
- });
- return match;
- };
-
- var updateGrid = function() {
-
- var filterfn = me.viewFilter ? me.viewFilter.filterfn : null;
-
- //console.log("START GRID UPDATE " + me.viewFilter);
-
- store.suspendEvents();
-
- var nodeidx = {};
- var gather_child_nodes = function(cn) {
- if (!cn) {
- return;
- }
- var cs = cn.childNodes;
- if (!cs) {
- return;
- }
- var len = cs.length, i = 0, n, res;
-
- for (; i < len; i++) {
- var child = cs[i];
- var orgnode = rstore.data.get(child.data.id);
- if (orgnode) {
- if ((!filterfn || filterfn(child)) &&
- (!textfilter || textfilter_match(child))) {
- nodeidx[child.data.id] = orgnode;
- }
- }
- gather_child_nodes(child);
- }
- };
- gather_child_nodes(me.pveSelNode);
-
- // remove vanished items
- var rmlist = [];
- store.each(function(olditem) {
- var item = nodeidx[olditem.data.id];
- if (!item) {
- //console.log("GRID REM UID: " + olditem.data.id);
- rmlist.push(olditem);
- }
- });
-
- if (rmlist.length) {
- store.remove(rmlist);
- }
-
- // add new items
- var addlist = [];
- var key;
- for (key in nodeidx) {
- if (nodeidx.hasOwnProperty(key)) {
- var item = nodeidx[key];
-
- // getById() use find(), which is slow (ExtJS4 DP5)
- //var olditem = store.getById(item.data.id);
- var olditem = store.data.get(item.data.id);
-
- if (!olditem) {
- //console.log("GRID ADD UID: " + item.data.id);
- var info = Ext.apply({}, item.data);
- var child = Ext.create(store.model, info);
- addlist.push(item);
- continue;
- }
- // try to detect changes
- var changes = false;
- var fieldkeys = PVE.data.ResourceStore.fieldNames;
- var fieldcount = fieldkeys.length;
- var fieldind;
- for (fieldind = 0; fieldind < fieldcount; fieldind++) {
- var field = fieldkeys[fieldind];
- if (field != 'id' && item.data[field] != olditem.data[field]) {
- changes = true;
- //console.log("changed item " + item.id + " " + field + " " + item.data[field] + " != " + olditem.data[field]);
- olditem.beginEdit();
- olditem.set(field, item.data[field]);
- }
- }
- if (changes) {
- olditem.endEdit(true);
- olditem.commit(true);
- }
- }
- }
-
- if (addlist.length) {
- store.add(addlist);
- }
-
- store.sort();
-
- store.resumeEvents();
-
- store.fireEvent('refresh', store);
-
- //console.log("END GRID UPDATE");
- };
-
- var filter_task = new Ext.util.DelayedTask(function(){
- updateGrid();
- });
-
- var load_cb = function() {
- updateGrid();
- };
-
- Ext.apply(me, {
- store: store,
- stateful: true,
- stateId: 'grid-resource',
- tbar: [
- '->',
- gettext('Search') + ':', ' ',
- {
- xtype: 'textfield',
- width: 200,
- value: textfilter,
- enableKeyEvents: true,
- listeners: {
- keyup: function(field, e) {
- var v = field.getValue();
- textfilter = v.toLowerCase();
- filter_task.delay(500);
- }
- }
- }
- ],
- viewConfig: {
- stripeRows: true
- },
- listeners: {
- itemcontextmenu: PVE.Utils.createCmdMenu,
- itemdblclick: function(v, record) {
- var ws = me.up('pveStdWorkspace');
- ws.selectById(record.data.id);
- },
- destroy: function() {
- rstore.un("load", load_cb);
- }
- },
- columns: coldef
- });
- me.callParent();
- updateGrid();
- rstore.on("load", load_cb);
- }
-});
-Ext.define('PVE.pool.AddVM', {
- extend: 'Proxmox.window.Edit',
- width: 600,
- height: 400,
- isAdd: true,
- isCreate: true,
- initComponent : function() {
-
- var me = this;
-
- if (!me.pool) {
- throw "no pool specified";
- }
-
- me.url = "/pools/" + me.pool;
- me.method = 'PUT';
-
- var vmsField = Ext.create('Ext.form.field.Text', {
- name: 'vms',
- hidden: true,
- allowBlank: false
- });
-
- var vmStore = Ext.create('Ext.data.Store', {
- model: 'PVEResources',
- sorters: [
- {
- property: 'vmid',
- order: 'ASC'
- }
- ],
- filters: [
- function(item) {
- return ((item.data.type === 'lxc' || item.data.type === 'qemu') && item.data.pool === '');
- }
- ]
- });
-
- var vmGrid = Ext.create('widget.grid',{
- store: vmStore,
- border: true,
- height: 300,
- scrollable: true,
- selModel: {
- selType: 'checkboxmodel',
- mode: 'SIMPLE',
- listeners: {
- selectionchange: function(model, selected, opts) {
- var selectedVms = [];
- selected.forEach(function(vm) {
- selectedVms.push(vm.data.vmid);
- });
- vmsField.setValue(selectedVms);
- }
- }
- },
- columns: [
- {
- header: 'ID',
- dataIndex: 'vmid',
- width: 60
- },
- {
- header: gettext('Node'),
- dataIndex: 'node'
- },
- {
- header: gettext('Status'),
- dataIndex: 'uptime',
- renderer: function(value) {
- if (value) {
- return Proxmox.Utils.runningText;
- } else {
- return Proxmox.Utils.stoppedText;
- }
- }
- },
- {
- header: gettext('Name'),
- dataIndex: 'name',
- flex: 1
- },
- {
- header: gettext('Type'),
- dataIndex: 'type'
- }
- ]
- });
- Ext.apply(me, {
- subject: gettext('Virtual Machine'),
- items: [ vmsField, vmGrid ]
- });
-
- me.callParent();
- vmStore.load();
- }
-});
-
-Ext.define('PVE.pool.AddStorage', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
-
- var me = this;
-
- if (!me.pool) {
- throw "no pool specified";
- }
-
- me.isCreate = true;
- me.isAdd = true;
- me.url = "/pools/" + me.pool;
- me.method = 'PUT';
-
- Ext.apply(me, {
- subject: gettext('Storage'),
- width: 350,
- items: [
- {
- xtype: 'pveStorageSelector',
- name: 'storage',
- nodename: 'localhost',
- autoSelect: false,
- value: '',
- fieldLabel: gettext("Storage")
- }
- ]
- });
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.grid.PoolMembers', {
- extend: 'Ext.grid.GridPanel',
- alias: ['widget.pvePoolMembers'],
-
- // fixme: dynamic status update ?
-
- stateful: true,
- stateId: 'grid-pool-members',
-
- initComponent : function() {
- var me = this;
-
- if (!me.pool) {
- throw "no pool specified";
- }
-
- var store = Ext.create('Ext.data.Store', {
- model: 'PVEResources',
- sorters: [
- {
- property : 'type',
- direction: 'ASC'
- }
- ],
- proxy: {
- type: 'proxmox',
- root: 'data.members',
- url: "/api2/json/pools/" + me.pool
- }
- });
-
- var coldef = PVE.data.ResourceStore.defaultColumns();
-
- var reload = function() {
- store.load();
- };
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var remove_btn = new Proxmox.button.Button({
- text: gettext('Remove'),
- disabled: true,
- selModel: sm,
- confirmMsg: function (rec) {
- return Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
- "'" + rec.data.id + "'");
- },
- handler: function(btn, event, rec) {
- var params = { 'delete': 1 };
- if (rec.data.type === 'storage') {
- params.storage = rec.data.storage;
- } else if (rec.data.type === 'qemu' || rec.data.type === 'lxc' || rec.data.type === 'openvz') {
- params.vms = rec.data.vmid;
- } else {
- throw "unknown resource type";
- }
-
- Proxmox.Utils.API2Request({
- url: '/pools/' + me.pool,
- method: 'PUT',
- params: params,
- waitMsgTarget: me,
- callback: function() {
- reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- }
- });
- }
- });
-
- Ext.apply(me, {
- store: store,
- selModel: sm,
- tbar: [
- {
- text: gettext('Add'),
- menu: new Ext.menu.Menu({
- items: [
- {
- text: gettext('Virtual Machine'),
- iconCls: 'pve-itype-icon-qemu',
- handler: function() {
- var win = Ext.create('PVE.pool.AddVM', { pool: me.pool });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('Storage'),
- iconCls: 'pve-itype-icon-storage',
- handler: function() {
- var win = Ext.create('PVE.pool.AddStorage', { pool: me.pool });
- win.on('destroy', reload);
- win.show();
- }
- }
- ]
- })
- },
- remove_btn
- ],
- viewConfig: {
- stripeRows: true
- },
- columns: coldef,
- listeners: {
- itemcontextmenu: PVE.Utils.createCmdMenu,
- itemdblclick: function(v, record) {
- var ws = me.up('pveStdWorkspace');
- ws.selectById(record.data.id);
- },
- activate: reload
- }
- });
-
- me.callParent();
- }
-});
-Ext.define('PVE.form.FWMacroSelector', {
- extend: 'Proxmox.form.ComboGrid',
- alias: 'widget.pveFWMacroSelector',
- allowBlank: true,
- autoSelect: false,
- valueField: 'macro',
- displayField: 'macro',
- listConfig: {
- columns: [
- {
- header: gettext('Macro'),
- dataIndex: 'macro',
- hideable: false,
- width: 100
- },
- {
- header: gettext('Description'),
- renderer: Ext.String.htmlEncode,
- flex: 1,
- dataIndex: 'descr'
- }
- ]
- },
- initComponent: function() {
- var me = this;
-
- var store = Ext.create('Ext.data.Store', {
- autoLoad: true,
- fields: [ 'macro', 'descr' ],
- idProperty: 'macro',
- proxy: {
- type: 'proxmox',
- url: "/api2/json/cluster/firewall/macros"
- },
- sorters: {
- property: 'macro',
- order: 'DESC'
- }
- });
-
- Ext.apply(me, {
- store: store
- });
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.FirewallRulePanel', {
- extend: 'Proxmox.panel.InputPanel',
-
- allow_iface: false,
-
- list_refs_url: undefined,
-
- onGetValues: function(values) {
- var me = this;
-
- // hack: editable ComboGrid returns nothing when empty, so we need to set ''
- // Also, disabled text fields return nothing, so we need to set ''
-
- Ext.Array.each(['source', 'dest', 'macro', 'proto', 'sport', 'dport', 'log'], function(key) {
- if (values[key] === undefined) {
- values[key] = '';
- }
- });
-
- delete values.modified_marker;
-
- return values;
- },
-
- initComponent : function() {
- var me = this;
-
- if (!me.list_refs_url) {
- throw "no list_refs_url specified";
- }
-
- me.column1 = [
- {
- // hack: we use this field to mark the form 'dirty' when the
- // record has errors- so that the user can safe the unmodified
- // form again.
- xtype: 'hiddenfield',
- name: 'modified_marker',
- value: ''
- },
- {
- xtype: 'proxmoxKVComboBox',
- name: 'type',
- value: 'in',
- comboItems: [['in', 'in'], ['out', 'out']],
- fieldLabel: gettext('Direction'),
- allowBlank: false
- },
- {
- xtype: 'proxmoxKVComboBox',
- name: 'action',
- value: 'ACCEPT',
- comboItems: [['ACCEPT', 'ACCEPT'], ['DROP', 'DROP'], ['REJECT', 'REJECT']],
- fieldLabel: gettext('Action'),
- allowBlank: false
- }
- ];
-
- if (me.allow_iface) {
- me.column1.push({
- xtype: 'proxmoxtextfield',
- name: 'iface',
- deleteEmpty: !me.isCreate,
- value: '',
- fieldLabel: gettext('Interface')
- });
- } else {
- me.column1.push({
- xtype: 'displayfield',
- fieldLabel: '',
- value: ''
- });
- }
-
- me.column1.push(
- {
- xtype: 'displayfield',
- fieldLabel: '',
- height: 7,
- value: ''
- },
- {
- xtype: 'pveIPRefSelector',
- name: 'source',
- autoSelect: false,
- editable: true,
- base_url: me.list_refs_url,
- value: '',
- fieldLabel: gettext('Source')
-
- },
- {
- xtype: 'pveIPRefSelector',
- name: 'dest',
- autoSelect: false,
- editable: true,
- base_url: me.list_refs_url,
- value: '',
- fieldLabel: gettext('Destination')
- }
- );
-
-
- me.column2 = [
- {
- xtype: 'proxmoxcheckbox',
- name: 'enable',
- checked: false,
- uncheckedValue: 0,
- fieldLabel: gettext('Enable')
- },
- {
- xtype: 'pveFWMacroSelector',
- name: 'macro',
- fieldLabel: gettext('Macro'),
- editable: true,
- allowBlank: true,
- listeners: {
- change: function(f, value) {
- if (value === null) {
- me.down('field[name=proto]').setDisabled(false);
- me.down('field[name=sport]').setDisabled(false);
- me.down('field[name=dport]').setDisabled(false);
- } else {
- me.down('field[name=proto]').setDisabled(true);
- me.down('field[name=proto]').setValue('');
- me.down('field[name=sport]').setDisabled(true);
- me.down('field[name=sport]').setValue('');
- me.down('field[name=dport]').setDisabled(true);
- me.down('field[name=dport]').setValue('');
- }
- }
- }
- },
- {
- xtype: 'pveIPProtocolSelector',
- name: 'proto',
- autoSelect: false,
- editable: true,
- value: '',
- fieldLabel: gettext('Protocol')
- },
- {
- xtype: 'displayfield',
- fieldLabel: '',
- height: 7,
- value: ''
- },
- {
- xtype: 'textfield',
- name: 'sport',
- value: '',
- fieldLabel: gettext('Source port')
- },
- {
- xtype: 'textfield',
- name: 'dport',
- value: '',
- fieldLabel: gettext('Dest. port')
- }
- ];
-
- me.advancedColumn1 = [
- {
- xtype: 'pveFirewallLogLevels'
- }
- ];
-
- me.columnB = [
- {
- xtype: 'textfield',
- name: 'comment',
- value: '',
- fieldLabel: gettext('Comment')
- }
- ];
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.FirewallRuleEdit', {
- extend: 'Proxmox.window.Edit',
-
- base_url: undefined,
- list_refs_url: undefined,
-
- allow_iface: false,
-
- initComponent : function() {
-
- var me = this;
-
- if (!me.base_url) {
- throw "no base_url specified";
- }
- if (!me.list_refs_url) {
- throw "no list_refs_url specified";
- }
-
- me.isCreate = (me.rule_pos === undefined);
-
- if (me.isCreate) {
- me.url = '/api2/extjs' + me.base_url;
- me.method = 'POST';
- } else {
- me.url = '/api2/extjs' + me.base_url + '/' + me.rule_pos.toString();
- me.method = 'PUT';
- }
-
- var ipanel = Ext.create('PVE.FirewallRulePanel', {
- isCreate: me.isCreate,
- list_refs_url: me.list_refs_url,
- allow_iface: me.allow_iface,
- rule_pos: me.rule_pos
- });
-
- Ext.apply(me, {
- subject: gettext('Rule'),
- isAdd: true,
- items: [ ipanel ]
- });
-
- me.callParent();
-
- if (!me.isCreate) {
- me.load({
- success: function(response, options) {
- var values = response.result.data;
- ipanel.setValues(values);
- if (values.errors) {
- var field = me.query('[isFormField][name=modified_marker]')[0];
- field.setValue(1);
- Ext.Function.defer(function() {
- var form = ipanel.up('form').getForm();
- form.markInvalid(values.errors);
- }, 100);
- }
- }
- });
- } else if (me.rec) {
- ipanel.setValues(me.rec.data);
- }
- }
-});
-
-Ext.define('PVE.FirewallGroupRuleEdit', {
- extend: 'Proxmox.window.Edit',
-
- base_url: undefined,
-
- allow_iface: false,
-
- initComponent : function() {
-
- var me = this;
-
- me.isCreate = (me.rule_pos === undefined);
-
- if (me.isCreate) {
- me.url = '/api2/extjs' + me.base_url;
- me.method = 'POST';
- } else {
- me.url = '/api2/extjs' + me.base_url + '/' + me.rule_pos.toString();
- me.method = 'PUT';
- }
-
- var column1 = [
- {
- xtype: 'hiddenfield',
- name: 'type',
- value: 'group'
- },
- {
- xtype: 'pveSecurityGroupsSelector',
- name: 'action',
- value: '',
- fieldLabel: gettext('Security Group'),
- allowBlank: false
- }
- ];
-
- if (me.allow_iface) {
- column1.push({
- xtype: 'proxmoxtextfield',
- name: 'iface',
- deleteEmpty: !me.isCreate,
- value: '',
- fieldLabel: gettext('Interface')
- });
- }
-
- var ipanel = Ext.create('Proxmox.panel.InputPanel', {
- isCreate: me.isCreate,
- column1: column1,
- column2: [
- {
- xtype: 'proxmoxcheckbox',
- name: 'enable',
- checked: false,
- uncheckedValue: 0,
- fieldLabel: gettext('Enable')
- }
- ],
- columnB: [
- {
- xtype: 'textfield',
- name: 'comment',
- value: '',
- fieldLabel: gettext('Comment')
- }
- ]
- });
-
- Ext.apply(me, {
- subject: gettext('Rule'),
- isAdd: true,
- items: [ ipanel ]
- });
-
- me.callParent();
-
- if (!me.isCreate) {
- me.load({
- success: function(response, options) {
- var values = response.result.data;
- ipanel.setValues(values);
- }
- });
- }
- }
-});
-
-Ext.define('PVE.FirewallRules', {
- extend: 'Ext.grid.Panel',
- alias: 'widget.pveFirewallRules',
-
- onlineHelp: 'chapter_pve_firewall',
-
- stateful: true,
- stateId: 'grid-firewall-rules',
-
- base_url: undefined,
- list_refs_url: undefined,
-
- addBtn: undefined,
- removeBtn: undefined,
- editBtn: undefined,
- groupBtn: undefined,
-
- tbar_prefix: undefined,
-
- allow_groups: true,
- allow_iface: false,
-
- setBaseUrl: function(url) {
- var me = this;
-
- me.base_url = url;
-
- if (url === undefined) {
- me.addBtn.setDisabled(true);
- if (me.groupBtn) {
- me.groupBtn.setDisabled(true);
- }
- me.store.removeAll();
- } else {
- me.addBtn.setDisabled(false);
- me.removeBtn.baseurl = url + '/';
- if (me.groupBtn) {
- me.groupBtn.setDisabled(false);
- }
- me.store.setProxy({
- type: 'proxmox',
- url: '/api2/json' + url
- });
-
- me.store.load();
- }
- },
-
- moveRule: function(from, to) {
- var me = this;
-
- if (!me.base_url) {
- return;
- }
-
- Proxmox.Utils.API2Request({
- url: me.base_url + "/" + from,
- method: 'PUT',
- params: { moveto: to },
- waitMsgTarget: me,
- failure: function(response, options) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- callback: function() {
- me.store.load();
- }
- });
- },
-
- updateRule: function(rule) {
- var me = this;
-
- if (!me.base_url) {
- return;
- }
-
- rule.enable = rule.enable ? 1 : 0;
-
- var pos = rule.pos;
- delete rule.pos;
- delete rule.errors;
-
- Proxmox.Utils.API2Request({
- url: me.base_url + '/' + pos.toString(),
- method: 'PUT',
- params: rule,
- waitMsgTarget: me,
- failure: function(response, options) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- callback: function() {
- me.store.load();
- }
- });
- },
-
-
- initComponent: function() {
- /*jslint confusion: true */
- var me = this;
-
- if (!me.list_refs_url) {
- throw "no list_refs_url specified";
- }
-
- var store = Ext.create('Ext.data.Store',{
- model: 'pve-fw-rule'
- });
-
- var reload = function() {
- store.load();
- };
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var type = rec.data.type;
-
- var editor;
- if (type === 'in' || type === 'out') {
- editor = 'PVE.FirewallRuleEdit';
- } else if (type === 'group') {
- editor = 'PVE.FirewallGroupRuleEdit';
- } else {
- return;
- }
-
- var win = Ext.create(editor, {
- digest: rec.data.digest,
- allow_iface: me.allow_iface,
- base_url: me.base_url,
- list_refs_url: me.list_refs_url,
- rule_pos: rec.data.pos
- });
-
- win.show();
- win.on('destroy', reload);
- };
-
- me.editBtn = Ext.create('Proxmox.button.Button',{
- text: gettext('Edit'),
- disabled: true,
- selModel: sm,
- handler: run_editor
- });
-
- me.addBtn = Ext.create('Ext.Button', {
- text: gettext('Add'),
- disabled: true,
- handler: function() {
- var win = Ext.create('PVE.FirewallRuleEdit', {
- allow_iface: me.allow_iface,
- base_url: me.base_url,
- list_refs_url: me.list_refs_url
- });
- win.on('destroy', reload);
- win.show();
- }
- });
-
- var run_copy_editor = function() {
- var rec = sm.getSelection()[0];
-
- if (!rec) {
- return;
- }
- var type = rec.data.type;
-
-
- if (!(type === 'in' || type === 'out')) {
- return;
- }
-
- var win = Ext.create('PVE.FirewallRuleEdit', {
- allow_iface: me.allow_iface,
- base_url: me.base_url,
- list_refs_url: me.list_refs_url,
- rec: rec
- });
-
- win.show();
- win.on('destroy', reload);
- };
-
- me.copyBtn = Ext.create('Proxmox.button.Button',{
- text: gettext('Copy'),
- selModel: sm,
- enableFn: function(rec) {
- return (rec.data.type === 'in' || rec.data.type === 'out');
- },
- disabled: true,
- handler: run_copy_editor
- });
-
- if (me.allow_groups) {
- me.groupBtn = Ext.create('Ext.Button', {
- text: gettext('Insert') + ': ' +
- gettext('Security Group'),
- disabled: true,
- handler: function() {
- var win = Ext.create('PVE.FirewallGroupRuleEdit', {
- allow_iface: me.allow_iface,
- base_url: me.base_url
- });
- win.on('destroy', reload);
- win.show();
- }
- });
- }
-
- me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton',{
- selModel: sm,
- baseurl: me.base_url + '/',
- confirmMsg: false,
- getRecordName: function(rec) {
- var rule = rec.data;
- return rule.pos.toString() +
- '?digest=' + encodeURIComponent(rule.digest);
- },
- callback: function() {
- me.store.load();
- }
- });
-
- var tbar = me.tbar_prefix ? [ me.tbar_prefix ] : [];
- tbar.push(me.addBtn, me.copyBtn);
- if (me.groupBtn) {
- tbar.push(me.groupBtn);
- }
- tbar.push(me.removeBtn, me.editBtn);
-
- var render_errors = function(name, value, metaData, record) {
- var errors = record.data.errors;
- if (errors && errors[name]) {
- metaData.tdCls = 'proxmox-invalid-row';
- var html = '' + Ext.htmlEncode(errors[name]) + '
'; - metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + - html.replace(/\"/g,'"') + '"'; - } - return value; - }; - - var columns = [ - { - // similar to xtype: 'rownumberer', - dataIndex: 'pos', - resizable: false, - width: 23, - sortable: false, - align: 'right', - hideable: false, - menuDisabled: true, - renderer: function(value, metaData, record, rowIdx, colIdx, store) { - metaData.tdCls = Ext.baseCSSPrefix + 'grid-cell-special'; - if (value >= 0) { - return value; - } - return ''; - } - }, - { - xtype: 'checkcolumn', - header: gettext('Enable'), - dataIndex: 'enable', - listeners: { - checkchange: function(column, recordIndex, checked) { - var record = me.getStore().getData().items[recordIndex]; - record.commit(); - var data = {}; - Ext.Array.forEach(record.getFields(), function(field) { - data[field.name] = record.get(field.name); - }); - if (!me.allow_iface || !data.iface) { - delete data.iface; - } - me.updateRule(data); - } - }, - width: 50 - }, - { - header: gettext('Type'), - dataIndex: 'type', - renderer: function(value, metaData, record) { - return render_errors('type', value, metaData, record); - }, - width: 50 - }, - { - header: gettext('Action'), - dataIndex: 'action', - renderer: function(value, metaData, record) { - return render_errors('action', value, metaData, record); - }, - width: 80 - }, - { - header: gettext('Macro'), - dataIndex: 'macro', - renderer: function(value, metaData, record) { - return render_errors('macro', value, metaData, record); - }, - width: 80 - } - ]; - - if (me.allow_iface) { - columns.push({ - header: gettext('Interface'), - dataIndex: 'iface', - renderer: function(value, metaData, record) { - return render_errors('iface', value, metaData, record); - }, - width: 80 - }); - } - - columns.push( - { - header: gettext('Source'), - dataIndex: 'source', - renderer: function(value, metaData, record) { - return render_errors('source', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Destination'), - dataIndex: 'dest', - renderer: function(value, metaData, record) { - return render_errors('dest', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Protocol'), - dataIndex: 'proto', - renderer: function(value, metaData, record) { - return render_errors('proto', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Dest. port'), - dataIndex: 'dport', - renderer: function(value, metaData, record) { - return render_errors('dport', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Source port'), - dataIndex: 'sport', - renderer: function(value, metaData, record) { - return render_errors('sport', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Log level'), - dataIndex: 'log', - renderer: function(value, metaData, record) { - return render_errors('log', value, metaData, record); - }, - width: 100 - }, - { - header: gettext('Comment'), - dataIndex: 'comment', - flex: 1, - renderer: function(value, metaData, record) { - return render_errors('comment', Ext.util.Format.htmlEncode(value), metaData, record); - } - } - ); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: tbar, - viewConfig: { - plugins: [ - { - ptype: 'gridviewdragdrop', - dragGroup: 'FWRuleDDGroup', - dropGroup: 'FWRuleDDGroup' - } - ], - listeners: { - beforedrop: function(node, data, dropRec, dropPosition) { - if (!dropRec) { - return false; // empty view - } - var moveto = dropRec.get('pos'); - if (dropPosition === 'after') { - moveto++; - } - var pos = data.records[0].get('pos'); - me.moveRule(pos, moveto); - return 0; - }, - itemdblclick: run_editor - } - }, - sortableColumns: false, - columns: columns - }); - - me.callParent(); - - if (me.base_url) { - me.setBaseUrl(me.base_url); // load - } - } -}, function() { - - Ext.define('pve-fw-rule', { - extend: 'Ext.data.Model', - fields: [ { name: 'enable', type: 'boolean' }, - 'type', 'action', 'macro', 'source', 'dest', 'proto', 'iface', - 'dport', 'sport', 'comment', 'pos', 'digest', 'errors' ], - idProperty: 'pos' - }); - -}); -Ext.define('PVE.FirewallAliasEdit', { - extend: 'Proxmox.window.Edit', - - base_url: undefined, - - alias_name: undefined, - - initComponent : function() { - - var me = this; - - me.isCreate = (me.alias_name === undefined); - - if (me.isCreate) { - me.url = '/api2/extjs' + me.base_url; - me.method = 'POST'; - } else { - me.url = '/api2/extjs' + me.base_url + '/' + me.alias_name; - me.method = 'PUT'; - } - - var items = [ - { - xtype: 'textfield', - name: me.isCreate ? 'name' : 'rename', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'textfield', - name: 'cidr', - fieldLabel: gettext('IP/CIDR'), - allowBlank: false - }, - { - xtype: 'textfield', - name: 'comment', - fieldLabel: gettext('Comment') - } - ]; - - var ipanel = Ext.create('Proxmox.panel.InputPanel', { - isCreate: me.isCreate, - items: items - }); - - Ext.apply(me, { - subject: gettext('Alias'), - isAdd: true, - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - values.rename = values.name; - ipanel.setValues(values); - } - }); - } - } -}); - -Ext.define('pve-fw-aliases', { - extend: 'Ext.data.Model', - - fields: [ 'name', 'cidr', 'comment', 'digest' ], - idProperty: 'name' -}); - -Ext.define('PVE.FirewallAliases', { - extend: 'Ext.grid.Panel', - alias: ['widget.pveFirewallAliases'], - - onlineHelp: 'pve_firewall_ip_aliases', - - stateful: true, - stateId: 'grid-firewall-aliases', - - base_url: undefined, - - title: gettext('Alias'), - - initComponent : function() { - - var me = this; - - if (!me.base_url) { - throw "missing base_url configuration"; - } - - var store = new Ext.data.Store({ - model: 'pve-fw-aliases', - proxy: { - type: 'proxmox', - url: "/api2/json" + me.base_url - }, - sorters: { - property: 'name', - order: 'DESC' - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var reload = function() { - var oldrec = sm.getSelection()[0]; - store.load(function(records, operation, success) { - if (oldrec) { - var rec = store.findRecord('name', oldrec.data.name); - if (rec) { - sm.select(rec); - } - } - }); - }; - - var run_editor = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var win = Ext.create('PVE.FirewallAliasEdit', { - base_url: me.base_url, - alias_name: rec.data.name - }); - - win.show(); - win.on('destroy', reload); - }; - - me.editBtn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - handler: run_editor - }); - - me.addBtn = Ext.create('Ext.Button', { - text: gettext('Add'), - handler: function() { - var win = Ext.create('PVE.FirewallAliasEdit', { - base_url: me.base_url - }); - win.on('destroy', reload); - win.show(); - } - }); - - me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - baseurl: me.base_url + '/', - callback: reload - }); - - - Ext.apply(me, { - store: store, - tbar: [ me.addBtn, me.removeBtn, me.editBtn ], - selModel: sm, - columns: [ - { header: gettext('Name'), dataIndex: 'name', width: 100 }, - { header: gettext('IP/CIDR'), dataIndex: 'cidr', width: 100 }, - { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 } - ], - listeners: { - itemdblclick: run_editor - } - }); - - me.callParent(); - me.on('activate', reload); - } -}); -Ext.define('PVE.FirewallOptions', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pveFirewallOptions'], - - fwtype: undefined, // 'dc', 'node' or 'vm' - - base_url: undefined, - - initComponent : function() { - /*jslint confusion: true */ - - var me = this; - - if (!me.base_url) { - throw "missing base_url configuration"; - } - - if (me.fwtype === 'dc' || me.fwtype === 'node' || me.fwtype === 'vm') { - if (me.fwtype === 'node') { - me.cwidth1 = 250; - } - } else { - throw "unknown firewall option type"; - } - - me.rows = {}; - - var add_boolean_row = function(name, text, defaultValue) { - me.add_boolean_row(name, text, { defaultValue: defaultValue }); - }; - var add_integer_row = function(name, text, minValue, labelWidth) { - me.add_integer_row(name, text, { - minValue: minValue, - deleteEmpty: true, - labelWidth: labelWidth, - renderer: function(value) { - if (value === undefined) { - return Proxmox.Utils.defaultText; - } - - return value; - } - }); - }; - - var add_log_row = function(name, labelWidth) { - me.rows[name] = { - header: name, - required: true, - defaultValue: 'nolog', - editor: { - xtype: 'proxmoxWindowEdit', - subject: name, - fieldDefaults: { labelWidth: labelWidth || 100 }, - items: { - xtype: 'pveFirewallLogLevels', - name: name, - fieldLabel: name - } - } - }; - }; - - if (me.fwtype === 'node') { - me.rows.enable = { - required: true, - defaultValue: 1, - header: gettext('Firewall'), - renderer: Proxmox.Utils.format_boolean, - editor: { - xtype: 'pveFirewallEnableEdit', - defaultValue: 1 - } - }; - add_boolean_row('nosmurfs', gettext('SMURFS filter'), 1); - add_boolean_row('tcpflags', gettext('TCP flags filter'), 0); - add_boolean_row('ndp', 'NDP', 1); - add_integer_row('nf_conntrack_max', 'nf_conntrack_max', 32768, 120); - add_integer_row('nf_conntrack_tcp_timeout_established', - 'nf_conntrack_tcp_timeout_established', 7875, 250); - add_log_row('log_level_in'); - add_log_row('log_level_out'); - add_log_row('tcp_flags_log_level', 120); - add_log_row('smurf_log_level'); - } else if (me.fwtype === 'vm') { - me.rows.enable = { - required: true, - defaultValue: 0, - header: gettext('Firewall'), - renderer: Proxmox.Utils.format_boolean, - editor: { - xtype: 'pveFirewallEnableEdit', - defaultValue: 0 - } - }; - add_boolean_row('dhcp', 'DHCP', 1); - add_boolean_row('ndp', 'NDP', 1); - add_boolean_row('radv', gettext('Router Advertisement'), 0); - add_boolean_row('macfilter', gettext('MAC filter'), 1); - add_boolean_row('ipfilter', gettext('IP filter'), 0); - add_log_row('log_level_in'); - add_log_row('log_level_out'); - } else if (me.fwtype === 'dc') { - add_boolean_row('enable', gettext('Firewall'), 0); - add_boolean_row('ebtables', 'ebtables', 1); - me.rows.log_ratelimit = { - header: gettext('Log rate limit'), - required: true, - defaultValue: gettext('Default') + ' (enable=1,rate1/second,burst=5)', - editor: { - xtype: 'pveFirewallLograteEdit', - defaultValue: 'enable=1' - } - }; - } - - if (me.fwtype === 'dc' || me.fwtype === 'vm') { - me.rows.policy_in = { - header: gettext('Input Policy'), - required: true, - defaultValue: 'DROP', - editor: { - xtype: 'proxmoxWindowEdit', - subject: gettext('Input Policy'), - items: { - xtype: 'pveFirewallPolicySelector', - name: 'policy_in', - value: 'DROP', - fieldLabel: gettext('Input Policy') - } - } - }; - - me.rows.policy_out = { - header: gettext('Output Policy'), - required: true, - defaultValue: 'ACCEPT', - editor: { - xtype: 'proxmoxWindowEdit', - subject: gettext('Output Policy'), - items: { - xtype: 'pveFirewallPolicySelector', - name: 'policy_out', - value: 'ACCEPT', - fieldLabel: gettext('Output Policy') - } - } - }; - } - - var edit_btn = new Ext.Button({ - text: gettext('Edit'), - disabled: true, - handler: function() { me.run_editor(); } - }); - - var set_button_status = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - - if (!rec) { - edit_btn.disable(); - return; - } - var rowdef = me.rows[rec.data.key]; - edit_btn.setDisabled(!rowdef.editor); - }; - - Ext.apply(me, { - url: "/api2/json" + me.base_url, - tbar: [ edit_btn ], - editorConfig: { - url: '/api2/extjs/' + me.base_url - }, - listeners: { - itemdblclick: me.run_editor, - selectionchange: set_button_status - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('destroy', me.rstore.stopUpdate); - me.on('deactivate', me.rstore.stopUpdate); - } -}); - - -Ext.define('PVE.FirewallLogLevels', { - extend: 'Proxmox.form.KVComboBox', - alias: ['widget.pveFirewallLogLevels'], - - name: 'log', - fieldLabel: gettext('Log level'), - value: 'nolog', - comboItems: [['nolog', 'nolog'], ['emerg', 'emerg'], ['alert', 'alert'], - ['crit', 'crit'], ['err', 'err'], ['warning', 'warning'], - ['notice', 'notice'], ['info', 'info'], ['debug', 'debug']] -}); -/* - * Left Treepanel, containing all the resources we manage in this datacenter: server nodes, server storages, VMs and Containers - */ -Ext.define('PVE.tree.ResourceTree', { - extend: 'Ext.tree.TreePanel', - alias: ['widget.pveResourceTree'], - - statics: { - typeDefaults: { - node: { - iconCls: 'fa fa-building', - text: gettext('Nodes') - }, - pool: { - iconCls: 'fa fa-tags', - text: gettext('Resource Pool') - }, - storage: { - iconCls: 'fa fa-database', - text: gettext('Storage') - }, - qemu: { - iconCls: 'fa fa-desktop', - text: gettext('Virtual Machine') - }, - lxc: { - //iconCls: 'x-tree-node-lxc', - iconCls: 'fa fa-cube', - text: gettext('LXC Container') - }, - template: { - iconCls: 'fa fa-file-o' - } - } - }, - - useArrows: true, - - // private - nodeSortFn: function(node1, node2) { - var n1 = node1.data; - var n2 = node2.data; - - if ((n1.groupbyid && n2.groupbyid) || - !(n1.groupbyid || n2.groupbyid)) { - - var tcmp; - - var v1 = n1.type; - var v2 = n2.type; - - if ((tcmp = v1 > v2 ? 1 : (v1 < v2 ? -1 : 0)) != 0) { - return tcmp; - } - - // numeric compare for VM IDs - // sort templates after regular VMs - if (v1 === 'qemu' || v1 === 'lxc') { - if (n1.template && !n2.template) { - return 1; - } else if (n2.template && !n1.template) { - return -1; - } - v1 = n1.vmid; - v2 = n2.vmid; - if ((tcmp = v1 > v2 ? 1 : (v1 < v2 ? -1 : 0)) != 0) { - return tcmp; - } - } - - return n1.id > n2.id ? 1 : (n1.id < n2.id ? -1 : 0); - } else if (n1.groupbyid) { - return -1; - } else if (n2.groupbyid) { - return 1; - } - }, - - // private: fast binary search - findInsertIndex: function(node, child, start, end) { - var me = this; - - var diff = end - start; - - var mid = start + (diff>>1); - - if (diff <= 0) { - return start; - } - - var res = me.nodeSortFn(child, node.childNodes[mid]); - if (res <= 0) { - return me.findInsertIndex(node, child, start, mid); - } else { - return me.findInsertIndex(node, child, mid + 1, end); - } - }, - - setIconCls: function(info) { - var me = this; - - var cls = PVE.Utils.get_object_icon_class(info.type, info); - - if (cls !== '') { - info.iconCls = cls; - } - }, - - // add additional elements to text - // at the moment only the usage indicator for storages - setText: function(info) { - var me = this; - - var status = ''; - if (info.type === 'storage') { - var maxdisk = info.maxdisk; - var disk = info.disk; - var usage = disk/maxdisk; - var cls = ''; - if (usage <= 1.0 && usage >= 0.0) { - var height = (usage*100).toFixed(0); - var neg_height = (100-usage*100).toFixed(0); - status = '';
- status += '';
- status += '';
- status += '
';
- }
- }
-
- info.text = status + info.text;
- },
-
- setToolTip: function(info) {
- if (info.type === 'pool' || info.groupbyid !== undefined) {
- return;
- }
-
- var qtips = [gettext('Status') + ': ' + (info.qmpstatus || info.status)];
- if (info.lock) {
- qtips.push('Config locked (' + info.lock + ')');
- }
- if (info.hastate != 'unmanaged') {
- qtips.push(gettext('HA State') + ": " + info.hastate);
- }
-
- info.qtip = qtips.join(', ');
- },
-
- // private
- addChildSorted: function(node, info) {
- var me = this;
-
- me.setIconCls(info);
- me.setText(info);
- me.setToolTip(info);
-
- var defaults;
- if (info.groupbyid) {
- info.text = info.groupbyid;
- if (info.type === 'type') {
- defaults = PVE.tree.ResourceTree.typeDefaults[info.groupbyid];
- if (defaults && defaults.text) {
- info.text = defaults.text;
- }
- }
- }
- var child = Ext.create('PVETree', info);
-
- var cs = node.childNodes;
- var pos;
- if (cs) {
- pos = cs[me.findInsertIndex(node, child, 0, cs.length)];
- }
-
- node.insertBefore(child, pos);
-
- return child;
- },
-
- // private
- groupChild: function(node, info, groups, level) {
- var me = this;
-
- var groupby = groups[level];
- var v = info[groupby];
-
- if (v) {
- var group = node.findChild('groupbyid', v);
- if (!group) {
- var groupinfo;
- if (info.type === groupby) {
- groupinfo = info;
- } else {
- groupinfo = {
- type: groupby,
- id : groupby + "/" + v
- };
- if (groupby !== 'type') {
- groupinfo[groupby] = v;
- }
- }
- groupinfo.leaf = false;
- groupinfo.groupbyid = v;
- group = me.addChildSorted(node, groupinfo);
- }
- if (info.type === groupby) {
- return group;
- }
- if (group) {
- return me.groupChild(group, info, groups, level + 1);
- }
- }
-
- return me.addChildSorted(node, info);
- },
-
- initComponent : function() {
- var me = this;
-
- var rstore = PVE.data.ResourceStore;
- var sp = Ext.state.Manager.getProvider();
-
- if (!me.viewFilter) {
- me.viewFilter = {};
- }
-
- var pdata = {
- dataIndex: {},
- updateCount: 0
- };
-
- var store = Ext.create('Ext.data.TreeStore', {
- model: 'PVETree',
- root: {
- expanded: true,
- id: 'root',
- text: gettext('Datacenter'),
- iconCls: 'fa fa-server'
- }
- });
-
- var stateid = 'rid';
-
- var updateTree = function() {
- var tmp;
-
- store.suspendEvents();
-
- var rootnode = me.store.getRootNode();
- // remember selected node (and all parents)
- var sm = me.getSelectionModel();
-
- var lastsel = sm.getSelection()[0];
- var reselect = false;
- var parents = [];
- var p = lastsel;
- while (p && !!(p = p.parentNode)) {
- parents.push(p);
- }
-
- var index = pdata.dataIndex;
-
- var groups = me.viewFilter.groups || [];
- var filterfn = me.viewFilter.filterfn;
-
- // remove vanished or moved items
- // update in place changed items
- var key;
- for (key in index) {
- if (index.hasOwnProperty(key)) {
- var olditem = index[key];
-
- // getById() use find(), which is slow (ExtJS4 DP5)
- //var item = rstore.getById(olditem.data.id);
- var item = rstore.data.get(olditem.data.id);
-
- var changed = false;
- var moved = false;
- if (item) {
- // test if any grouping attributes changed
- // this will also catch migrated nodes
- // in server view
- var i, len;
- for (i = 0, len = groups.length; i < len; i++) {
- var attr = groups[i];
- if (item.data[attr] != olditem.data[attr]) {
- //console.log("changed " + attr);
- moved = true;
- break;
- }
- }
-
- // explicitly check for node, since
- // in some views, node is not a grouping
- // attribute
- if (!moved && item.data.node !== olditem.data.node) {
- moved = true;
- }
-
- // tree item has been updated
- var fields = [
- 'text', 'running', 'template', 'status',
- 'qmpstatus', 'hastate', 'lock'
- ];
-
- var field;
- for (i = 0; i < fields.length; i++) {
- field = fields[i];
- if (item.data[field] !== olditem.data[field]) {
- changed = true;
- break;
- }
- }
-
- // fixme: also test filterfn()?
- }
-
- if (changed) {
- olditem.beginEdit();
- //console.log("REM UPDATE UID: " + key + " ITEM " + item.data.running);
- var info = olditem.data;
- Ext.apply(info, item.data);
- me.setIconCls(info);
- me.setText(info);
- me.setToolTip(info);
- olditem.commit();
- }
- if ((!item || moved) && olditem.isLeaf()) {
- //console.log("REM UID: " + key + " ITEM " + olditem.data.id);
- delete index[key];
- var parentNode = olditem.parentNode;
- // when the selected item disappears,
- // we have to deselect it here, and reselect it
- // later
- if (lastsel && olditem.data.id === lastsel.data.id) {
- reselect = true;
- sm.deselect(olditem);
- }
- // since the store events are suspended, we
- // manually remove the item from the store also
- store.remove(olditem);
- parentNode.removeChild(olditem, true);
- }
- }
- }
-
- // add new items
- rstore.each(function(item) {
- var olditem = index[item.data.id];
- if (olditem) {
- return;
- }
-
- if (filterfn && !filterfn(item)) {
- return;
- }
-
- //console.log("ADD UID: " + item.data.id);
-
- var info = Ext.apply({ leaf: true }, item.data);
-
- var child = me.groupChild(rootnode, info, groups, 0);
- if (child) {
- index[item.data.id] = child;
- }
- });
-
- store.resumeEvents();
- store.fireEvent('refresh', store);
-
- // select parent node is selection vanished
- if (lastsel && !rootnode.findChild('id', lastsel.data.id, true)) {
- lastsel = rootnode;
- while (!!(p = parents.shift())) {
- if (!!(tmp = rootnode.findChild('id', p.data.id, true))) {
- lastsel = tmp;
- break;
- }
- }
- me.selectById(lastsel.data.id);
- } else if (lastsel && reselect) {
- me.selectById(lastsel.data.id);
- }
-
- // on first tree load set the selection from the stateful provider
- if (!pdata.updateCount) {
- rootnode.expand();
- me.applyState(sp.get(stateid));
- }
-
- pdata.updateCount++;
- };
-
- var statechange = function(sp, key, value) {
- if (key === stateid) {
- me.applyState(value);
- }
- };
-
- sp.on('statechange', statechange);
-
- Ext.apply(me, {
- allowSelection: true,
- store: store,
- viewConfig: {
- // note: animate cause problems with applyState
- animate: false
- },
- //useArrows: true,
- //rootVisible: false,
- //title: 'Resource Tree',
- listeners: {
- itemcontextmenu: PVE.Utils.createCmdMenu,
- destroy: function() {
- rstore.un("load", updateTree);
- },
- beforecellmousedown: function (tree, td, cellIndex, record, tr, rowIndex, ev) {
- var sm = me.getSelectionModel();
- // disable selection when right clicking
- // except the record is already selected
- me.allowSelection = (ev.button !== 2) || sm.isSelected(record);
- },
- beforeselect: function (tree, record, index, eopts) {
- var allow = me.allowSelection;
- me.allowSelection = true;
- return allow;
- },
- itemdblclick: PVE.Utils.openTreeConsole
- },
- setViewFilter: function(view) {
- me.viewFilter = view;
- me.clearTree();
- updateTree();
- },
- setDatacenterText: function(clustername) {
- var rootnode = me.store.getRootNode();
-
- var rnodeText = gettext('Datacenter');
- if (clustername !== undefined) {
- rnodeText += ' (' + clustername + ')';
- }
-
- rootnode.beginEdit();
- rootnode.data.text = rnodeText;
- rootnode.commit();
- },
- clearTree: function() {
- pdata.updateCount = 0;
- var rootnode = me.store.getRootNode();
- rootnode.collapse();
- rootnode.removeAll();
- pdata.dataIndex = {};
- me.getSelectionModel().deselectAll();
- },
- selectExpand: function(node) {
- var sm = me.getSelectionModel();
- if (!sm.isSelected(node)) {
- sm.select(node);
- var cn = node;
- while (!!(cn = cn.parentNode)) {
- if (!cn.isExpanded()) {
- cn.expand();
- }
- }
- me.getView().focusRow(node);
- }
- },
- selectById: function(nodeid) {
- var rootnode = me.store.getRootNode();
- var sm = me.getSelectionModel();
- var node;
- if (nodeid === 'root') {
- node = rootnode;
- } else {
- node = rootnode.findChild('id', nodeid, true);
- }
- if (node) {
- me.selectExpand(node);
- }
- return node;
- },
- applyState : function(state) {
- var sm = me.getSelectionModel();
- if (state && state.value) {
- me.selectById(state.value);
- } else {
- sm.deselectAll();
- }
- }
- });
-
- me.callParent();
-
- var sm = me.getSelectionModel();
- sm.on('select', function(sm, n) {
- sp.set(stateid, { value: n.data.id});
- });
-
- rstore.on("load", updateTree);
- rstore.startUpdate();
- //rstore.stopUpdate();
- }
-
-});
-Ext.define('pve-fw-ipsets', {
- extend: 'Ext.data.Model',
- fields: [ 'name', 'comment', 'digest' ],
- idProperty: 'name'
-});
-
-Ext.define('PVE.IPSetList', {
- extend: 'Ext.grid.Panel',
- alias: 'widget.pveIPSetList',
-
- stateful: true,
- stateId: 'grid-firewall-ipsetlist',
-
- ipset_panel: undefined,
-
- base_url: undefined,
-
- addBtn: undefined,
- removeBtn: undefined,
- editBtn: undefined,
-
- initComponent: function() {
-
- var me = this;
-
- if (me.ipset_panel == undefined) {
- throw "no rule panel specified";
- }
-
- if (me.base_url == undefined) {
- throw "no base_url specified";
- }
-
- var store = new Ext.data.Store({
- model: 'pve-fw-ipsets',
- proxy: {
- type: 'proxmox',
- url: "/api2/json" + me.base_url
- },
- sorters: {
- property: 'name',
- order: 'DESC'
- }
- });
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var reload = function() {
- var oldrec = sm.getSelection()[0];
- store.load(function(records, operation, success) {
- if (oldrec) {
- var rec = store.findRecord('name', oldrec.data.name);
- if (rec) {
- sm.select(rec);
- }
- }
- });
- };
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var win = Ext.create('Proxmox.window.Edit', {
- subject: "IPSet '" + rec.data.name + "'",
- url: me.base_url,
- method: 'POST',
- digest: rec.data.digest,
- items: [
- {
- xtype: 'hiddenfield',
- name: 'rename',
- value: rec.data.name
- },
- {
- xtype: 'textfield',
- name: 'name',
- value: rec.data.name,
- fieldLabel: gettext('Name'),
- allowBlank: false
- },
- {
- xtype: 'textfield',
- name: 'comment',
- value: rec.data.comment,
- fieldLabel: gettext('Comment')
- }
- ]
- });
- win.show();
- win.on('destroy', reload);
- };
-
- me.editBtn = new Proxmox.button.Button({
- text: gettext('Edit'),
- disabled: true,
- selModel: sm,
- handler: run_editor
- });
-
- me.addBtn = new Proxmox.button.Button({
- text: gettext('Create'),
- handler: function() {
- sm.deselectAll();
- var win = Ext.create('Proxmox.window.Edit', {
- subject: 'IPSet',
- url: me.base_url,
- method: 'POST',
- items: [
- {
- xtype: 'textfield',
- name: 'name',
- value: '',
- fieldLabel: gettext('Name'),
- allowBlank: false
- },
- {
- xtype: 'textfield',
- name: 'comment',
- value: '',
- fieldLabel: gettext('Comment')
- }
- ]
- });
- win.show();
- win.on('destroy', reload);
-
- }
- });
-
- me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', {
- selModel: sm,
- baseurl: me.base_url + '/',
- callback: reload
- });
-
- Ext.apply(me, {
- store: store,
- tbar: [ 'IPSet:', me.addBtn, me.removeBtn, me.editBtn ],
- selModel: sm,
- columns: [
- { header: 'IPSet', dataIndex: 'name', width: '100' },
- { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 }
- ],
- listeners: {
- itemdblclick: run_editor,
- select: function(sm, rec) {
- var url = me.base_url + '/' + rec.data.name;
- me.ipset_panel.setBaseUrl(url);
- },
- deselect: function() {
- me.ipset_panel.setBaseUrl(undefined);
- },
- show: reload
- }
- });
-
- me.callParent();
-
- store.load();
- }
-});
-
-Ext.define('PVE.IPSetCidrEdit', {
- extend: 'Proxmox.window.Edit',
-
- cidr: undefined,
-
- initComponent : function() {
-
- var me = this;
-
- me.isCreate = (me.cidr === undefined);
-
-
- if (me.isCreate) {
- me.url = '/api2/extjs' + me.base_url;
- me.method = 'POST';
- } else {
- me.url = '/api2/extjs' + me.base_url + '/' + me.cidr;
- me.method = 'PUT';
- }
-
- var column1 = [];
-
- if (me.isCreate) {
- if (!me.list_refs_url) {
- throw "no alias_base_url specified";
- }
-
- column1.push({
- xtype: 'pveIPRefSelector',
- name: 'cidr',
- ref_type: 'alias',
- autoSelect: false,
- editable: true,
- base_url: me.list_refs_url,
- value: '',
- fieldLabel: gettext('IP/CIDR')
- });
- } else {
- column1.push({
- xtype: 'displayfield',
- name: 'cidr',
- value: '',
- fieldLabel: gettext('IP/CIDR')
- });
- }
-
- var ipanel = Ext.create('Proxmox.panel.InputPanel', {
- isCreate: me.isCreate,
- column1: column1,
- column2: [
- {
- xtype: 'proxmoxcheckbox',
- name: 'nomatch',
- checked: false,
- uncheckedValue: 0,
- fieldLabel: 'nomatch'
- }
- ],
- columnB: [
- {
- xtype: 'textfield',
- name: 'comment',
- value: '',
- fieldLabel: gettext('Comment')
- }
- ]
- });
-
- Ext.apply(me, {
- subject: gettext('IP/CIDR'),
- items: [ ipanel ]
- });
-
- me.callParent();
-
- if (!me.isCreate) {
- me.load({
- success: function(response, options) {
- var values = response.result.data;
- ipanel.setValues(values);
- }
- });
- }
- }
-});
-
-Ext.define('PVE.IPSetGrid', {
- extend: 'Ext.grid.Panel',
- alias: 'widget.pveIPSetGrid',
-
- stateful: true,
- stateId: 'grid-firewall-ipsets',
-
- base_url: undefined,
- list_refs_url: undefined,
-
- addBtn: undefined,
- removeBtn: undefined,
- editBtn: undefined,
-
- setBaseUrl: function(url) {
- var me = this;
-
- me.base_url = url;
-
- if (url === undefined) {
- me.addBtn.setDisabled(true);
- me.store.removeAll();
- } else {
- me.addBtn.setDisabled(false);
- me.removeBtn.baseurl = url + '/';
- me.store.setProxy({
- type: 'proxmox',
- url: '/api2/json' + url
- });
-
- me.store.load();
- }
- },
-
- initComponent: function() {
- /*jslint confusion: true */
- var me = this;
-
- if (!me.list_refs_url) {
- throw "no1 list_refs_url specified";
- }
-
- var store = new Ext.data.Store({
- model: 'pve-ipset'
- });
-
- var reload = function() {
- store.load();
- };
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var win = Ext.create('PVE.IPSetCidrEdit', {
- base_url: me.base_url,
- cidr: rec.data.cidr
- });
- win.show();
- win.on('destroy', reload);
- };
-
- me.editBtn = new Proxmox.button.Button({
- text: gettext('Edit'),
- disabled: true,
- selModel: sm,
- handler: run_editor
- });
-
- me.addBtn = new Proxmox.button.Button({
- text: gettext('Add'),
- disabled: true,
- handler: function() {
- if (!me.base_url) {
- return;
- }
- var win = Ext.create('PVE.IPSetCidrEdit', {
- base_url: me.base_url,
- list_refs_url: me.list_refs_url
- });
- win.show();
- win.on('destroy', reload);
- }
- });
-
- me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', {
- selModel: sm,
- baseurl: me.base_url + '/',
- callback: reload
- });
-
- var render_errors = function(value, metaData, record) {
- var errors = record.data.errors;
- if (errors) {
- var msg = errors.cidr || errors.nomatch;
- if (msg) {
- metaData.tdCls = 'proxmox-invalid-row';
- var html = '' + Ext.htmlEncode(msg) + '
'; - metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + - html.replace(/\"/g,'"') + '"'; - } - } - return value; - }; - - Ext.apply(me, { - tbar: [ 'IP/CIDR:', me.addBtn, me.removeBtn, me.editBtn ], - store: store, - selModel: sm, - listeners: { - itemdblclick: run_editor - }, - columns: [ - { - xtype: 'rownumberer' - }, - { - header: gettext('IP/CIDR'), - dataIndex: 'cidr', - width: 150, - renderer: function(value, metaData, record) { - value = render_errors(value, metaData, record); - if (record.data.nomatch) { - return '! ' + value; - } - return value; - } - }, - { - header: gettext('Comment'), - dataIndex: 'comment', - flex: 1, - renderer: function(value) { - return Ext.util.Format.htmlEncode(value); - } - } - ] - }); - - me.callParent(); - - if (me.base_url) { - me.setBaseUrl(me.base_url); // load - } - } -}, function() { - - Ext.define('pve-ipset', { - extend: 'Ext.data.Model', - fields: [ { name: 'nomatch', type: 'boolean' }, - 'cidr', 'comment', 'errors' ], - idProperty: 'cidr' - }); - -}); - -Ext.define('PVE.IPSet', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveIPSet', - - title: 'IPSet', - - onlineHelp: 'pve_firewall_ip_sets', - - list_refs_url: undefined, - - initComponent: function() { - var me = this; - - if (!me.list_refs_url) { - throw "no list_refs_url specified"; - } - - var ipset_panel = Ext.createWidget('pveIPSetGrid', { - region: 'center', - list_refs_url: me.list_refs_url, - border: false - }); - - var ipset_list = Ext.createWidget('pveIPSetList', { - region: 'west', - ipset_panel: ipset_panel, - base_url: me.base_url, - width: '50%', - border: false, - split: true - }); - - Ext.apply(me, { - layout: 'border', - items: [ ipset_list, ipset_panel ], - listeners: { - show: function() { - ipset_list.fireEvent('show', ipset_list); - } - } - }); - - me.callParent(); - } -}); -/* - * Base class for all the multitab config panels - * - * How to use this: - * - * You create a subclass of this, and then define your wanted tabs - * as items like this: - * - * items: [{ - * title: "myTitle", - * xytpe: "somextype", - * iconCls: 'fa fa-icon', - * groups: ['somegroup'], - * expandedOnInit: true, - * itemId: 'someId' - * }] - * - * this has to be in the declarative syntax, else we - * cannot save them for later - * (so no Ext.create or Ext.apply of an item in the subclass) - * - * the groups array expects the itemids of the items - * which are the parents, which have to come before they - * are used - * - * if you want following the tree: - * - * Option1 - * Option2 - * -> SubOption1 - * -> SubSubOption1 - * - * the suboption1 group array has to look like this: - * groups: ['itemid-of-option2'] - * - * and of subsuboption1: - * groups: ['itemid-of-option2', 'itemid-of-suboption1'] - * - * setting the expandedOnInit determines if the item/group is expanded - * initially (false by default) - */ -Ext.define('PVE.panel.Config', { - extend: 'Ext.panel.Panel', - alias: 'widget.pvePanelConfig', - - showSearch: true, // add a resource grid with a search button as first tab - viewFilter: undefined, // a filter to pass to that resource grid - - tbarSpacing: true, // if true, adds a spacer after the title in tbar - - dockedItems: [{ - // this is needed for the overflow handler - xtype: 'toolbar', - overflowHandler: 'scroller', - dock: 'left', - style: { - backgroundColor: '#f5f5f5', - padding: 0, - margin: 0 - }, - items: { - xtype: 'treelist', - itemId: 'menu', - ui: 'nav', - expanderOnly: true, - expanderFirst: false, - animation: false, - singleExpand: false, - listeners: { - selectionchange: function(treeList, selection) { - var me = this.up('panel'); - me.suspendLayout = true; - me.activateCard(selection.data.id); - me.suspendLayout = false; - me.updateLayout(); - }, - itemclick: function(treelist, info) { - var olditem = treelist.getSelection(); - var newitem = info.node; - - // when clicking on the expand arrow, - // we don't select items, but still want - // the original behaviour - if (info.select === false) { - return; - } - - // if you click on a different item which is open, - // leave it open - // else toggle the clicked item - if (olditem.data.id !== newitem.data.id && - newitem.data.expanded === true) { - info.toggle = false; - } else { - info.toggle = true; - } - } - } - } - }, - { - xtype: 'toolbar', - itemId: 'toolbar', - dock: 'top', - height: 36, - overflowHandler: 'scroller' - }], - - firstItem: '', - layout: 'card', - border: 0, - - // used for automated test - selectById: function(cardid) { - var me = this; - - var root = me.store.getRoot(); - var selection = root.findChild('id', cardid, true); - - if (selection) { - selection.expand(); - var menu = me.down('#menu'); - menu.setSelection(selection); - return cardid; - } - }, - - activateCard: function(cardid) { - var me = this; - if (me.savedItems[cardid]) { - var curcard = me.getLayout().getActiveItem(); - var newcard = me.add(me.savedItems[cardid]); - me.helpButton.setOnlineHelp(newcard.onlineHelp || me.onlineHelp); - if (curcard) { - me.setActiveItem(cardid); - me.remove(curcard, true); - - // trigger state change - - var ncard = cardid; - // Note: '' is alias for first tab. - // First tab can be 'search' or something else - if (cardid === me.firstItem) { - ncard = ''; - } - if (me.hstateid) { - me.sp.set(me.hstateid, { value: ncard }); - } - } - } - }, - - initComponent: function() { - var me = this; - - var stateid = me.hstateid; - - me.sp = Ext.state.Manager.getProvider(); - - var activeTab; // leaving this undefined means items[0] will be the default tab - - if (stateid) { - var state = me.sp.get(stateid); - if (state && state.value) { - // if this tab does not exists, it chooses the first - activeTab = state.value; - } - } - - // get title - var title = me.title || me.pveSelNode.data.text; - me.title = undefined; - - // create toolbar - var tbar = me.tbar || []; - me.tbar = undefined; - - if (!me.onlineHelp) { - switch(me.pveSelNode.data.id) { - case 'type/storage':me.onlineHelp = 'chapter-pvesm.html'; break; - case 'type/qemu':me.onlineHelp = 'chapter-qm.html'; break; - case 'type/lxc':me.onlineHelp = 'chapter-pct.html'; break; - case 'type/pool':me.onlineHelp = 'chapter-pveum.html#_pools'; break; - case 'type/node':me.onlineHelp = 'chapter-sysadmin.html'; break; - } - } - - if (me.tbarSpacing) { - tbar.unshift('->'); - } - tbar.unshift({ - xtype: 'tbtext', - text: title, - baseCls: 'x-panel-header-text' - }); - - me.helpButton = Ext.create('Proxmox.button.Help', { - hidden: false, - listenToGlobalEvent: false, - onlineHelp: me.onlineHelp || undefined - }); - - tbar.push(me.helpButton); - - me.dockedItems[1].items = tbar; - - // include search tab - me.items = me.items || []; - if (me.showSearch) { - me.items.unshift({ - itemId: 'search', - title: gettext('Search'), - iconCls: 'fa fa-search', - xtype: 'pveResourceGrid', - pveSelNode: me.pveSelNode - }); - } - - me.savedItems = {}; - /*jslint confusion:true*/ - if (me.items[0]) { - me.firstItem = me.items[0].itemId; - } - /*jslint confusion:false*/ - - me.store = Ext.create('Ext.data.TreeStore', { - root: { - expanded: true - } - }); - var root = me.store.getRoot(); - me.items.forEach(function(item){ - var treeitem = Ext.create('Ext.data.TreeModel',{ - id: item.itemId, - text: item.title, - iconCls: item.iconCls, - leaf: true, - expanded: item.expandedOnInit - }); - item.header = false; - if (me.savedItems[item.itemId] !== undefined) { - throw "itemId already exists, please use another"; - } - me.savedItems[item.itemId] = item; - - var group; - var curnode = root; - - // get/create the group items - while (Ext.isArray(item.groups) && item.groups.length > 0) { - group = item.groups.shift(); - - var child = curnode.findChild('id', group); - if (child === null) { - // did not find the group item - // so add it where we are - break; - } - curnode = child; - } - - // insert the item - - // lets see if it already exists - var node = curnode.findChild('id', item.itemId); - - if (node === null) { - curnode.appendChild(treeitem); - } else { - // should not happen! - throw "id already exists"; - } - }); - - delete me.items; - me.defaults = me.defaults || {}; - Ext.apply(me.defaults, { - pveSelNode: me.pveSelNode, - viewFilter: me.viewFilter, - workspace: me.workspace, - border: 0 - }); - - me.callParent(); - - var menu = me.down('#menu'); - var selection = root.findChild('id', activeTab, true) || root.firstChild; - var node = selection; - while (node !== root) { - node.expand(); - node = node.parentNode; - } - menu.setStore(me.store); - menu.setSelection(selection); - - // on a state change, - // select the new item - var statechange = function(sp, key, state) { - // it the state change is for this panel - if (stateid && (key === stateid) && state) { - // get active item - var acard = me.getLayout().getActiveItem().itemId; - // get the itemid of the new value - var ncard = state.value || me.firstItem; - if (ncard && (acard != ncard)) { - // select the chosen item - menu.setSelection(root.findChild('id', ncard, true) || root.firstChild); - } - } - }; - - if (stateid) { - me.mon(me.sp, 'statechange', statechange); - } - } -}); -Ext.define('PVE.grid.BackupView', { - extend: 'Ext.grid.GridPanel', - - alias: ['widget.pveBackupView'], - - onlineHelp: 'chapter_vzdump', - - stateful: true, - stateId: 'grid-guest-backup', - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var vmtype = me.pveSelNode.data.type; - if (!vmtype) { - throw "no VM type specified"; - } - - var vmtypeFilter; - if (vmtype === 'openvz') { - vmtypeFilter = function(item) { - return item.data.volid.match(':backup/vzdump-openvz-'); - }; - } else if (vmtype === 'lxc') { - vmtypeFilter = function(item) { - return item.data.volid.match(':backup/vzdump-lxc-'); - }; - } else if (vmtype === 'qemu') { - vmtypeFilter = function(item) { - return item.data.volid.match(':backup/vzdump-qemu-'); - }; - } else { - throw "unsupported VM type '" + vmtype + "'"; - } - - var searchFilter = { - property: 'volid', - // on initial store display only our vmid backups - // surround with minus sign to prevent the 2016 VMID bug - value: vmtype + '-' + vmid + '-', - anyMatch: true, - caseSensitive: false - }; - - me.store = Ext.create('Ext.data.Store', { - model: 'pve-storage-content', - sorters: { - property: 'volid', - order: 'DESC' - }, - filters: [ - vmtypeFilter, - searchFilter - ] - }); - - var reload = Ext.Function.createBuffered(function() { - if (me.store) { - me.store.load(); - } - }, 100); - - var setStorage = function(storage) { - var url = '/api2/json/nodes/' + nodename + '/storage/' + storage + '/content'; - url += '?content=backup'; - - me.store.setProxy({ - type: 'proxmox', - url: url - }); - - reload(); - }; - - var storagesel = Ext.create('PVE.form.StorageSelector', { - nodename: nodename, - fieldLabel: gettext('Storage'), - labelAlign: 'right', - storageContent: 'backup', - allowBlank: false, - listeners: { - change: function(f, value) { - setStorage(value); - } - } - }); - - var storagefilter = Ext.create('Ext.form.field.Text', { - fieldLabel: gettext('Search'), - labelWidth: 50, - labelAlign: 'right', - enableKeyEvents: true, - value: searchFilter.value, - listeners: { - buffer: 500, - keyup: function(field) { - me.store.clearFilter(true); - searchFilter.value = field.getValue(); - me.store.filter([ - vmtypeFilter, - searchFilter - ]); - } - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var backup_btn = Ext.create('Ext.button.Button', { - text: gettext('Backup now'), - handler: function() { - var win = Ext.create('PVE.window.Backup', { - nodename: nodename, - vmid: vmid, - vmtype: vmtype, - storage: storagesel.getValue(), - listeners : { - close: function() { - reload(); - } - } - }); - win.show(); - } - }); - - var restore_btn = Ext.create('Proxmox.button.Button', { - text: gettext('Restore'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - return !!rec; - }, - handler: function(b, e, rec) { - var volid = rec.data.volid; - - var win = Ext.create('PVE.window.Restore', { - nodename: nodename, - vmid: vmid, - volid: rec.data.volid, - volidText: PVE.Utils.render_storage_content(rec.data.volid, {}, rec), - vmtype: vmtype - }); - win.show(); - win.on('destroy', reload); - } - }); - - var delete_btn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - dangerous: true, - confirmMsg: function(rec) { - var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), - "'" + rec.data.volid + "'"); - msg += " " + gettext('This will permanently erase all data.'); - - return msg; - }, - getUrl: function(rec) { - var storage = storagesel.getValue(); - return '/nodes/' + nodename + '/storage/' + storage + '/content/' + rec.data.volid; - }, - callback: function() { - reload(); - } - }); - - var config_btn = Ext.create('Proxmox.button.Button', { - text: gettext('Show Configuration'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - return !!rec; - }, - handler: function(b, e, rec) { - var storage = storagesel.getValue(); - if (!storage) { - return; - } - - var win = Ext.create('PVE.window.BackupConfig', { - volume: rec.data.volid, - pveSelNode: me.pveSelNode - }); - - win.show(); - } - }); - - Ext.apply(me, { - selModel: sm, - tbar: [ backup_btn, restore_btn, delete_btn,config_btn, '->', storagesel, storagefilter ], - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - renderer: PVE.Utils.render_storage_content, - dataIndex: 'volid' - }, - { - header: gettext('Format'), - width: 100, - dataIndex: 'format' - }, - { - header: gettext('Size'), - width: 100, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - } - ] - }); - - me.callParent(); - } -}); -Ext.define('PVE.CephCreateService', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCephCreateService', - - showProgress: true, - - setNode: function(nodename) { - var me = this; - - me.nodename = nodename; - me.url = "/nodes/" + nodename + "/ceph/" + me.type + "/" + nodename; - }, - - method: 'POST', - isCreate: true, - - items: [ - { - xtype: 'pveNodeSelector', - submitValue: false, - fieldLabel: gettext('Host'), - selectCurNode: true, - allowBlank: false, - listeners: { - change: function(f, value) { - var me = this.up('pveCephCreateService'); - me.setNode(value); - } - } - } - ], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.type) { - throw "no type specified"; - } - - me.setNode(me.nodename); - - me.callParent(); - } -}); - -Ext.define('PVE.node.CephServiceList', { - extend: 'Ext.grid.GridPanel', - xtype: 'pveNodeCephServiceList', - - onlineHelp: 'chapter_pveceph', - emptyText: gettext('No such service configured.'), - - stateful: true, - - // will be called when the store loads - storeLoadCallback: Ext.emptyFn, - - // if set to true, does shows the ceph install mask if needed - showCephInstallMask: false, - - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - if (view.pveSelNode) { - view.nodename = view.pveSelNode.data.node; - } - if (!view.nodename) { - throw "no node name specified"; - } - - if (!view.type) { - throw "no type specified"; - } - - view.rstore = Ext.create('Proxmox.data.UpdateStore', { - autoLoad: true, - autoStart: true, - interval: 3000, - storeid: 'ceph-' + view.type + '-list' + view.nodename, - model: 'ceph-service-list', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + view.nodename + "/ceph/" + view.type - } - }); - - view.setStore(Ext.create('Proxmox.data.DiffStore', { - rstore: view.rstore, - sorters: [{ property: 'name' }] - })); - - if (view.storeLoadCallback) { - view.rstore.on('load', view.storeLoadCallback, this); - } - view.on('destroy', view.rstore.stopUpdate); - - if (view.showCephInstallMask) { - var regex = new RegExp("not (installed|initialized)", "i"); - PVE.Utils.handleStoreErrorOrMask(view, view.rstore, regex, function(me, error) { - view.rstore.stopUpdate(); - PVE.Utils.showCephInstallOrMask(view.ownerCt, error.statusText, view.nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - view.rstore.startUpdate(); - }); - } - ); - }); - } - }, - - service_cmd: function(rec, cmd) { - var view = this.getView(); - if (!rec.data.host) { - Ext.Msg.alert(gettext('Error'), "entry has no host"); - return; - } - Proxmox.Utils.API2Request({ - url: "/nodes/" + rec.data.host + "/ceph/" + cmd, - method: 'POST', - params: { service: view.type + '.' + rec.data.name }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid, - taskDone: function() { - view.rstore.load(); - } - }); - win.show(); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }, - onChangeService: function(btn) { - var me = this; - var view = this.getView(); - var cmd = btn.action; - var rec = view.getSelection()[0]; - me.service_cmd(rec, cmd); - }, - - showSyslog: function() { - var view = this.getView(); - var rec = view.getSelection()[0]; - var servicename = 'ceph-' + view.type + '@' + rec.data.name; - var url = "/api2/extjs/nodes/" + rec.data.host + "/syslog?service=" + encodeURIComponent(servicename); - var win = Ext.create('Ext.window.Window', { - title: gettext('Syslog') + ': ' + servicename, - modal: true, - width: 800, - height: 400, - layout: 'fit', - items: [{ - xtype: 'proxmoxLogView', - url: url, - log_select_timespan: 1 - }] - }); - win.show(); - }, - - onCreate: function() { - var view = this.getView(); - var win = Ext.create('PVE.CephCreateService', { - autoShow: true, - nodename: view.nodename, - subject: view.getTitle(), - type: view.type, - taskDone: function() { - view.rstore.load(); - } - }); - } - }, - - tbar: [ - { - xtype: 'proxmoxButton', - text: gettext('Start'), - iconCls: 'fa fa-play', - action: 'start', - disabled: true, - enableFn: function(rec) { - return rec.data.state === 'stopped' || - rec.data.state === 'unknown'; - }, - handler: 'onChangeService' - }, - { - xtype: 'proxmoxButton', - text: gettext('Stop'), - iconCls: 'fa fa-stop', - action: 'stop', - enableFn: function(rec) { - return rec.data.state !== 'stopped'; - }, - disabled: true, - handler: 'onChangeService' - }, - { - xtype: 'proxmoxButton', - text: gettext('Restart'), - iconCls: 'fa fa-refresh', - action: 'restart', - disabled: true, - enableFn: function(rec) { - return rec.data.state !== 'stopped'; - }, - handler: 'onChangeService' - }, - '-', - { - text: gettext('Create'), - reference: 'createButton', - handler: 'onCreate' - }, - { - text: gettext('Destroy'), - xtype: 'proxmoxStdRemoveButton', - getUrl: function(rec) { - var view = this.up('grid'); - if (!rec.data.host) { - Ext.Msg.alert(gettext('Error'), "entry has no host"); - return; - } - return "/nodes/" + rec.data.host + "/ceph/" + view.type + "/" + rec.data.name; - }, - callback: function(options, success, response) { - var view = this.up('grid'); - if (!success) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - return; - } - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid, - taskDone: function() { - view.rstore.load(); - } - }); - win.show(); - } - }, - '-', - { - xtype: 'proxmoxButton', - text: gettext('Syslog'), - disabled: true, - handler: 'showSyslog' - } - ], - - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - renderer: function(v) { - return this.type + '.' + v; - }, - dataIndex: 'name' - }, - { - header: gettext('Host'), - flex: 1, - sortable: true, - renderer: function(v) { - return v || Proxmox.Utils.unknownText; - }, - dataIndex: 'host' - }, - { - header: gettext('Status'), - flex: 1, - sortable: false, - dataIndex: 'state' - }, - { - header: gettext('Address'), - flex: 3, - sortable: true, - renderer: function(v) { - return v || Proxmox.Utils.unknownText; - }, - dataIndex: 'addr' - }, - { - header: gettext('Version'), - flex: 3, - sortable: true, - dataIndex: 'version' - } - ], - - initComponent: function() { - var me = this; - - if (me.additionalColumns) { - me.columns = me.columns.concat(me.additionalColumns); - } - - me.callParent(); - } - -}, function() { - - Ext.define('ceph-service-list', { - extend: 'Ext.data.Model', - fields: [ 'addr', 'name', 'rank', 'host', 'quorum', 'state', - 'ceph_version', 'ceph_version_short', - { type: 'string', name: 'version', calculate: function(data) { - return PVE.Utils.parse_ceph_version(data); - } } - ], - idProperty: 'name' - }); -}); -/*jslint confusion: true */ -Ext.define('PVE.CephCreateFS', { - extend: 'Proxmox.window.Edit', - alias: 'widget.pveCephCreateFS', - - showTaskViewer: true, - onlineHelp: 'pveceph_fs_create', - - subject: 'Ceph FS', - isCreate: true, - method: 'POST', - - setFSName: function(fsName) { - var me = this; - - if (fsName === '' || fsName === undefined) { - fsName = 'cephfs'; - } - - me.url = "/nodes/" + me.nodename + "/ceph/fs/" + fsName; - }, - - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('Name'), - name: 'name', - value: 'cephfs', - listeners: { - change: function(f, value) { - this.up('pveCephCreateFS').setFSName(value); - } - }, - submitValue: false, // already encoded in apicall URL - emptyText: 'cephfs' - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: 'Placement Groups', - name: 'pg_num', - value: 128, - emptyText: 128, - minValue: 8, - maxValue: 32768, - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Add as Storage'), - value: true, - name: 'add-storage', - autoEl: { - tag: 'div', - 'data-qtip': gettext('Add the new CephFS to the cluster storage configuration.'), - }, - } - ], - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - me.setFSName(); - - me.callParent(); - } -}); - -Ext.define('PVE.NodeCephFSPanel', { - extend: 'Ext.panel.Panel', - xtype: 'pveNodeCephFSPanel', - mixins: ['Proxmox.Mixin.CBind'], - - title: gettext('CephFS'), - onlineHelp: 'pveceph_fs', - - border: false, - defaults: { - border: false, - cbind: { - nodename: '{nodename}' - } - }, - - viewModel: { - parent: null, - data: { - cephfsConfigured: false, - mdsCount: 0 - }, - formulas: { - canCreateFS: function(get) { - return (!get('cephfsConfigured') && get('mdsCount') > 0); - } - } - }, - - items: [ - { - xtype: 'grid', - emptyText: Ext.String.format(gettext('No {0} configured.'), 'CephFS'), - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.rstore = Ext.create('Proxmox.data.UpdateStore', { - autoLoad: true, - xtype: 'update', - interval: 5 * 1000, - autoStart: true, - storeid: 'pve-ceph-fs', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + view.nodename + '/ceph/fs' - }, - model: 'pve-ceph-fs' - }); - view.setStore(Ext.create('Proxmox.data.DiffStore', { - rstore: view.rstore, - sorters: { - property: 'name', - order: 'DESC' - } - })); - var regex = new RegExp("not (installed|initialized)", "i"); - PVE.Utils.handleStoreErrorOrMask(view, view.rstore, regex, function(me, error){ - me.rstore.stopUpdate(); - PVE.Utils.showCephInstallOrMask(me.ownerCt, error.statusText, view.nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.rstore.startUpdate(); - }); - } - ); - }); - view.rstore.on('load', this.onLoad, this); - view.on('destroy', view.rstore.stopUpdate); - }, - - onCreate: function() { - var view = this.getView(); - view.rstore.stopUpdate(); - var win = Ext.create('PVE.CephCreateFS', { - autoShow: true, - nodename: view.nodename, - listeners: { - destroy: function() { - view.rstore.startUpdate(); - } - } - }); - }, - - onLoad: function(store, records, success) { - var vm = this.getViewModel(); - if (!(success && records && records.length > 0)) { - vm.set('cephfsConfigured', false); - return; - } - vm.set('cephfsConfigured', true); - } - }, - tbar: [ - { - text: gettext('Create CephFS'), - reference: 'createButton', - handler: 'onCreate', - bind: { - // only one CephFS per Ceph cluster makes sense for now - disabled: '{!canCreateFS}' - } - } - ], - columns: [ - { - header: gettext('Name'), - flex: 1, - dataIndex: 'name' - }, - { - header: 'Data Pool', - flex: 1, - dataIndex: 'data_pool' - }, - { - header: 'Metadata Pool', - flex: 1, - dataIndex: 'metadata_pool' - } - ], - cbind: { - nodename: '{nodename}' - } - }, - { - xtype: 'pveNodeCephServiceList', - title: gettext('Metadata Servers'), - stateId: 'grid-ceph-mds', - type: 'mds', - storeLoadCallback: function(store, records, success) { - var vm = this.getViewModel(); - if (!success || !records) { - vm.set('mdsCount', 0); - return; - } - vm.set('mdsCount', records.length); - }, - cbind: { - nodename: '{nodename}' - } - } - ] -}, function() { - Ext.define('pve-ceph-fs', { - extend: 'Ext.data.Model', - fields: [ 'name', 'data_pool', 'metadata_pool' ], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/localhost/ceph/fs" - }, - idProperty: 'name' - }); -}); -Ext.define('PVE.CephCreatePool', { - extend: 'Proxmox.window.Edit', - alias: 'widget.pveCephCreatePool', - - showProgress: true, - onlineHelp: 'pve_ceph_pools', - - subject: 'Ceph Pool', - isCreate: true, - method: 'POST', - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('Name'), - name: 'name', - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Size'), - name: 'size', - value: 3, - minValue: 1, - maxValue: 7, - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Min. Size'), - name: 'min_size', - value: 2, - minValue: 1, - maxValue: 7, - allowBlank: false - }, - { - xtype: 'pveCephRuleSelector', - fieldLabel: 'Crush Rule', // do not localize - name: 'crush_rule', - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: 'pg_num', - name: 'pg_num', - value: 128, - minValue: 8, - maxValue: 32768, - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Add as Storage'), - value: true, - name: 'add_storages', - autoEl: { - tag: 'div', - 'data-qtip': gettext('Add the new pool to the cluster storage configuration.'), - }, - } - ], - initComponent : function() { - /*jslint confusion: true */ - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - url: "/nodes/" + me.nodename + "/ceph/pools", - defaults: { - nodename: me.nodename - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.CephPoolList', { - extend: 'Ext.grid.GridPanel', - alias: 'widget.pveNodeCephPoolList', - - onlineHelp: 'chapter_pveceph', - - stateful: true, - stateId: 'grid-ceph-pools', - bufferedRenderer: false, - - features: [ { ftype: 'summary'} ], - - columns: [ - { - header: gettext('Name'), - width: 120, - sortable: true, - dataIndex: 'pool_name' - }, - { - header: gettext('Size') + '/min', - width: 100, - align: 'right', - renderer: function(v, meta, rec) { - return v + '/' + rec.data.min_size; - }, - dataIndex: 'size' - }, - { - text: '# Placement Groups', // pg_num', - width: 180, - align: 'right', - dataIndex: 'pg_num' - }, - { - text: 'CRUSH Rule', - columns: [ - { - text: 'ID', - align: 'right', - width: 50, - dataIndex: 'crush_rule' - }, - { - text: gettext('Name'), - width: 150, - dataIndex: 'crush_rule_name', - }, - ] - }, - { - text: gettext('Used'), - columns: [ - { - text: '%', - width: 100, - sortable: true, - align: 'right', - renderer: function(val) { - return Ext.util.Format.percent(val, '0.00'); - }, - dataIndex: 'percent_used', - summaryType: 'sum', - summaryRenderer: function(val) { - return Ext.util.Format.percent(val, '0.00'); - }, - }, - { - text: gettext('Total'), - width: 100, - sortable: true, - renderer: PVE.Utils.render_size, - align: 'right', - dataIndex: 'bytes_used', - summaryType: 'sum', - summaryRenderer: PVE.Utils.render_size - } - ] - } - ], - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var rstore = Ext.create('Proxmox.data.UpdateStore', { - interval: 3000, - storeid: 'ceph-pool-list' + nodename, - model: 'ceph-pool-list', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/ceph/pools" - } - }); - - var store = Ext.create('Proxmox.data.DiffStore', { rstore: rstore }); - - var regex = new RegExp("not (installed|initialized)", "i"); - PVE.Utils.handleStoreErrorOrMask(me, rstore, regex, function(me, error){ - me.store.rstore.stopUpdate(); - PVE.Utils.showCephInstallOrMask(me, error.statusText, nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.store.rstore.startUpdate(); - }); - } - ); - }); - - var create_btn = new Ext.Button({ - text: gettext('Create'), - handler: function() { - var win = Ext.create('PVE.CephCreatePool', { - nodename: nodename - }); - win.show(); - win.on('destroy', function() { - rstore.load(); - }); - } - }); - - var destroy_btn = Ext.create('Proxmox.button.Button', { - text: gettext('Destroy'), - selModel: sm, - disabled: true, - handler: function() { - var rec = sm.getSelection()[0]; - - if (!rec.data.pool_name) { - return; - } - var base_url = '/nodes/' + nodename + '/ceph/pools/' + - rec.data.pool_name; - - var win = Ext.create('PVE.window.SafeDestroy', { - showProgress: true, - url: base_url, - params: { - remove_storages: 1 - }, - item: { type: 'CephPool', id: rec.data.pool_name } - }).show(); - win.on('destroy', function() { - rstore.load(); - }); - } - }); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ create_btn, destroy_btn ], - listeners: { - activate: rstore.startUpdate, - destroy: rstore.stopUpdate - } - }); - - me.callParent(); - } -}, function() { - - Ext.define('ceph-pool-list', { - extend: 'Ext.data.Model', - fields: [ 'pool_name', - { name: 'pool', type: 'integer'}, - { name: 'size', type: 'integer'}, - { name: 'min_size', type: 'integer'}, - { name: 'pg_num', type: 'integer'}, - { name: 'bytes_used', type: 'integer'}, - { name: 'percent_used', type: 'number'}, - { name: 'crush_rule', type: 'integer'}, - { name: 'crush_rule_name', type: 'string'} - ], - idProperty: 'pool_name' - }); -}); - -Ext.define('PVE.form.CephRuleSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveCephRuleSelector', - - allowBlank: false, - valueField: 'name', - displayField: 'name', - editable: false, - queryMode: 'local', - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no nodename given"; - } - - var store = Ext.create('Ext.data.Store', { - fields: ['name'], - sorters: 'name', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/ceph/rules' - } - }); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - - store.load({ - callback: function(rec, op, success){ - if (success && rec.length > 0) { - me.select(rec[0]); - } - } - }); - } - -}); -Ext.define('PVE.CephCreateOsd', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCephCreateOsd', - - subject: 'Ceph OSD', - - showProgress: true, - - onlineHelp: 'pve_ceph_osds', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/ceph/osd", - method: 'POST', - items: [ - { - xtype: 'inputpanel', - onGetValues: function(values) { - Object.keys(values || {}).forEach(function(name) { - if (values[name] === '') { - delete values[name]; - } - }); - - return values; - }, - column1: [ - { - xtype: 'pveDiskSelector', - name: 'dev', - nodename: me.nodename, - diskType: 'unused', - fieldLabel: gettext('Disk'), - allowBlank: false - } - ], - column2: [ - { - xtype: 'pveDiskSelector', - name: 'db_dev', - nodename: me.nodename, - diskType: 'journal_disks', - fieldLabel: gettext('DB Disk'), - value: '', - autoSelect: false, - allowBlank: true, - emptyText: 'use OSD disk', - listeners: { - change: function(field, val) { - me.down('field[name=db_size]').setDisabled(!val); - } - } - }, - { - xtype: 'numberfield', - name: 'db_size', - fieldLabel: gettext('DB size') + ' (GiB)', - minValue: 1, - maxValue: 128*1024, - decimalPrecision: 2, - allowBlank: true, - disabled: true, - emptyText: gettext('Automatic') - } - ], - advancedColumn1: [ - { - xtype: 'proxmoxcheckbox', - name: 'encrypted', - fieldLabel: gettext('Encrypt OSD') - }, - ], - advancedColumn2: [ - { - xtype: 'pveDiskSelector', - name: 'wal_dev', - nodename: me.nodename, - diskType: 'journal_disks', - fieldLabel: gettext('WAL Disk'), - value: '', - autoSelect: false, - allowBlank: true, - emptyText: 'use OSD/DB disk', - listeners: { - change: function(field, val) { - me.down('field[name=wal_size]').setDisabled(!val); - } - } - }, - { - xtype: 'numberfield', - name: 'wal_size', - fieldLabel: gettext('WAL size') + ' (GiB)', - minValue: 0.5, - maxValue: 128*1024, - decimalPrecision: 2, - allowBlank: true, - disabled: true, - emptyText: gettext('Automatic') - } - ] - }, - { - xtype: 'displayfield', - padding: '5 0 0 0', - userCls: 'pve-hint', - value: 'Note: Ceph is not compatible with disks backed by a hardware ' + - 'RAID controller. For details see ' + - 'the reference documentation.', - } - ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.CephRemoveOsd', { - extend: 'Proxmox.window.Edit', - alias: ['widget.pveCephRemoveOsd'], - - isRemove: true, - - showProgress: true, - method: 'DELETE', - items: [ - { - xtype: 'proxmoxcheckbox', - name: 'cleanup', - checked: true, - labelWidth: 130, - fieldLabel: gettext('Cleanup Disks') - } - ], - initComponent : function() { - - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - if (me.osdid === undefined || me.osdid < 0) { - throw "no osdid specified"; - } - - me.isCreate = true; - - me.title = gettext('Destroy') + ': Ceph OSD osd.' + me.osdid.toString(); - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/ceph/osd/" + me.osdid.toString() - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.CephOsdTree', { - extend: 'Ext.tree.Panel', - alias: ['widget.pveNodeCephOsdTree'], - onlineHelp: 'chapter_pveceph', - - viewModel: { - data: { - nodename: '', - flags: [], - maxversion: '0', - versions: {}, - isOsd: false, - downOsd: false, - upOsd: false, - inOsd: false, - outOsd: false, - osdid: '', - osdhost: '', - } - }, - - controller: { - xclass: 'Ext.app.ViewController', - - reload: function() { - var me = this.getView(); - var vm = this.getViewModel(); - var nodename = vm.get('nodename'); - var sm = me.getSelectionModel(); - Proxmox.Utils.API2Request({ - url: "/nodes/" + nodename + "/ceph/osd", - waitMsgTarget: me, - method: 'GET', - failure: function(response, opts) { - var msg = response.htmlStatus; - PVE.Utils.showCephInstallOrMask(me, msg, nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', this.reload); - } - ); - }, - success: function(response, opts) { - var data = response.result.data; - var selected = me.getSelection(); - var name; - if (selected.length) { - name = selected[0].data.name; - } - vm.set('versions', data.versions); - // extract max version - var maxversion = vm.get('maxversion'); - Object.values(data.versions || {}).forEach(function(version) { - if (PVE.Utils.compare_ceph_versions(version, maxversion) > 0) { - maxversion = version; - } - }); - vm.set('maxversion', maxversion); - sm.deselectAll(); - me.setRootNode(data.root); - me.expandAll(); - if (name) { - var node = me.getRootNode().findChild('name', name, true); - if (node) { - me.setSelection([node]); - } - } - - var flags = data.flags.split(','); - vm.set('flags', flags); - var noout = flags.includes('noout'); - me.down('#nooutBtn').setText(noout ? gettext("Unset noout") : gettext("Set noout")); - } - }); - }, - - osd_cmd: function(comp) { - var me = this; - var vm = this.getViewModel(); - var cmd = comp.cmd; - var params = comp.params || {}; - var osdid = vm.get('osdid'); - - var doRequest = function() { - Proxmox.Utils.API2Request({ - url: "/nodes/" + vm.get('osdhost') + "/ceph/osd/" + osdid + '/' + cmd, - waitMsgTarget: me.getView(), - method: 'POST', - params: params, - success: () => { me.reload(); }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - if (cmd === 'scrub') { - Ext.MessageBox.defaultButton = params.deep === 1 ? 2 : 1; - Ext.Msg.show({ - title: gettext('Confirm'), - icon: params.deep === 1 ? Ext.Msg.WARNING : Ext.Msg.QUESTION, - msg: params.deep !== 1 ? - Ext.String.format(gettext("Scrub OSD.{0}"), osdid) : - Ext.String.format(gettext("Deep Scrub OSD.{0}"), osdid) + - "Caution: This can reduce performance while it is running.", - buttons: Ext.Msg.YESNO, - callback: function(btn) { - if (btn !== 'yes') { - return; - } - doRequest(); - } - }); - } else { - doRequest(); - } - }, - - create_osd: function() { - var me = this; - var vm = this.getViewModel(); - Ext.create('PVE.CephCreateOsd', { - nodename: vm.get('nodename'), - taskDone: () => { me.reload(); } - }).show(); - }, - - destroy_osd: function() { - var me = this; - var vm = this.getViewModel(); - Ext.create('PVE.CephRemoveOsd', { - nodename: vm.get('osdhost'), - osdid: vm.get('osdid'), - taskDone: () => { me.reload(); } - }).show(); - }, - - set_flag: function() { - var me = this; - var vm = this.getViewModel(); - var flags = vm.get('flags'); - Proxmox.Utils.API2Request({ - url: "/nodes/" + vm.get('nodename') + "/ceph/flags/noout", - waitMsgTarget: me.getView(), - method: flags.includes('noout') ? 'DELETE' : 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: () => { me.reload(); } - }); - }, - - service_cmd: function(comp) { - var me = this; - var vm = this.getViewModel(); - var cmd = comp.cmd || comp; - Proxmox.Utils.API2Request({ - url: "/nodes/" + vm.get('osdhost') + "/ceph/" + cmd, - params: { service: "osd." + vm.get('osdid') }, - waitMsgTarget: me.getView(), - method: 'POST', - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid, - taskDone: () => { me.reload(); } - }); - win.show(); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }, - - set_selection_status: function(tp, selection) { - if (selection.length < 1) { - return; - } - var rec = selection[0]; - var vm = this.getViewModel(); - - var isOsd = (rec.data.host && (rec.data.type === 'osd') && (rec.data.id >= 0)); - - vm.set('isOsd', isOsd); - vm.set('downOsd', isOsd && rec.data.status === 'down'); - vm.set('upOsd', isOsd && rec.data.status !== 'down'); - vm.set('inOsd', isOsd && rec.data.in); - vm.set('outOsd', isOsd && !rec.data.in); - vm.set('osdid', isOsd ? rec.data.id : undefined); - vm.set('osdhost', isOsd ? rec.data.host : undefined); - }, - - render_status: function(value, metaData, rec) { - if (!value) { - return value; - } - var inout = rec.data['in'] ? 'in' : 'out'; - var updownicon = value === 'up' ? 'good fa-arrow-circle-up' : - 'critical fa-arrow-circle-down'; - - var inouticon = rec.data['in'] ? 'good fa-circle' : - 'warning fa-circle-o'; - - var text = value + ' / ' + - inout + ' '; - - return text; - }, - - render_wal: function(value, metaData, rec) { - if (!value && - rec.data.osdtype === 'bluestore' && - rec.data.type === 'osd') { - return 'N/A'; - } - return value; - }, - - render_version: function(value, metadata, rec) { - var vm = this.getViewModel(); - var versions = vm.get('versions'); - var icon = ""; - var version = value || ""; - if (value && value != vm.get('maxversion')) { - icon = PVE.Utils.get_ceph_icon_html('HEALTH_OLD'); - } - - if (!value && rec.data.type == 'host') { - version = versions[rec.data.name] || Proxmox.Utils.unknownText; - } - - return icon + version; - }, - - render_osd_val: function(value, metaData, rec) { - return (rec.data.type === 'osd') ? value : ''; - }, - render_osd_weight: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - return Ext.util.Format.number(value, '0.00###'); - }, - - render_osd_latency: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - let commit_ms = rec.data.commit_latency_ms, - apply_ms = rec.data.apply_latency_ms; - return apply_ms + ' / ' + commit_ms; - }, - - render_osd_size: function(value, metaData, rec) { - return this.render_osd_val(PVE.Utils.render_size(value), metaData, rec); - }, - - control: { - '#': { - selectionchange: 'set_selection_status' - } - }, - - init: function(view) { - var me = this; - var vm = this.getViewModel(); - - if (!view.pveSelNode.data.node) { - throw "no node name specified"; - } - - vm.set('nodename', view.pveSelNode.data.node); - - me.callParent(); - me.reload(); - } - }, - - stateful: true, - stateId: 'grid-ceph-osd', - rootVisible: false, - useArrows: true, - - columns: [ - { - xtype: 'treecolumn', - text: 'Name', - dataIndex: 'name', - width: 150 - }, - { - text: 'Type', - dataIndex: 'type', - hidden: true, - align: 'right', - width: 75 - }, - { - text: gettext("Class"), - dataIndex: 'device_class', - align: 'right', - width: 75 - }, - { - text: "OSD Type", - dataIndex: 'osdtype', - align: 'right', - width: 100 - }, - { - text: "Bluestore Device", - dataIndex: 'blfsdev', - align: 'right', - width: 75, - hidden: true - }, - { - text: "DB Device", - dataIndex: 'dbdev', - align: 'right', - width: 75, - hidden: true - }, - { - text: "WAL Device", - dataIndex: 'waldev', - align: 'right', - renderer: 'render_wal', - width: 75, - hidden: true - }, - { - text: 'Status', - dataIndex: 'status', - align: 'right', - renderer: 'render_status', - width: 120 - }, - { - text: gettext('Version'), - dataIndex: 'version', - align: 'right', - renderer: 'render_version' - }, - { - text: 'weight', - dataIndex: 'crush_weight', - align: 'right', - renderer: 'render_osd_weight', - width: 90 - }, - { - text: 'reweight', - dataIndex: 'reweight', - align: 'right', - renderer: 'render_osd_weight', - width: 90 - }, - { - text: gettext('Used') + ' (%)', - dataIndex: 'percent_used', - align: 'right', - renderer: function(value, metaData, rec) { - if (rec.data.type !== 'osd') { - return ''; - } - return Ext.util.Format.number(value, '0.00'); - }, - width: 100 - }, - { - text: gettext('Total'), - dataIndex: 'total_space', - align: 'right', - renderer: 'render_osd_size', - width: 100 - }, - { - text: 'Apply/Commit
Latency (ms)', - dataIndex: 'apply_latency_ms', - align: 'right', - renderer: 'render_osd_latency', - width: 120 - } - ], - - - tbar: { - items: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: 'reload' - }, - '-', - { - text: gettext('Create') + ': OSD', - handler: 'create_osd', - }, - { - text: gettext('Set noout'), - itemId: 'nooutBtn', - handler: 'set_flag', - }, - '->', - { - xtype: 'tbtext', - data: { - osd: undefined - }, - bind: { - data: { - osd: "{osdid}" - } - }, - tpl: [ - '
' + Ext.htmlEncode(record.data.detail) + '' - ] - }] - }); - win.show(); - } - } - ] - } - ] - } - ] - }, - { - xtype: 'pveCephStatusDetail', - itemId: 'statusdetail', - plugins: 'responsive', - responsiveConfig: { - 'width < 1900': { - columnWidth: 1, - minHeight: 250 - }, - 'width >= 1900': { - columnWidth: 0.5, - minHeight: 300 - } - }, - title: gettext('Status') - }, - { - title: gettext('Services'), - xtype: 'pveCephServices', - itemId: 'services', - plugins: 'responsive', - layout: { - type: 'hbox', - align: 'stretch' - }, - responsiveConfig: { - 'width < 1900': { - columnWidth: 1, - minHeight: 200 - }, - 'width >= 1900': { - columnWidth: 0.5, - minHeight: 200 - } - } - }, - { - xtype: 'panel', - title: gettext('Performance'), - columnWidth: 1, - bodyPadding: 5, - layout: { - type: 'hbox', - align: 'center' - }, - items: [ - { - flex: 1, - xtype: 'proxmoxGauge', - itemId: 'space', - title: gettext('Usage') - }, - { - flex: 2, - xtype: 'container', - defaults: { - padding: 0, - height: 100 - }, - items: [ - { - itemId: 'reads', - xtype: 'pveRunningChart', - title: gettext('Reads'), - renderer: PVE.Utils.render_bandwidth - }, - { - itemId: 'writes', - xtype: 'pveRunningChart', - title: gettext('Writes'), - renderer: PVE.Utils.render_bandwidth - }, - { - itemId: 'iops', - xtype: 'pveRunningChart', - hidden: true, - title: 'IOPS', // do not localize - renderer: Ext.util.Format.numberRenderer('0,000') - }, - { - itemId: 'readiops', - xtype: 'pveRunningChart', - hidden: true, - title: 'IOPS: ' + gettext('Reads'), - renderer: Ext.util.Format.numberRenderer('0,000') - }, - { - itemId: 'writeiops', - xtype: 'pveRunningChart', - hidden: true, - title: 'IOPS: ' + gettext('Writes'), - renderer: Ext.util.Format.numberRenderer('0,000') - } - ] - } - ] - } - ], - - generateCheckData: function(health) { - var result = []; - var checks = health.checks || {}; - var keys = Ext.Object.getKeys(checks).sort(); - - Ext.Array.forEach(keys, function(key) { - var details = checks[key].detail || []; - result.push({ - id: key, - summary: checks[key].summary.message, - detail: Ext.Array.reduce( - checks[key].detail, - function(first, second) { - return first + '\n' + second.message; - }, - '' - ), - severity: checks[key].severity - }); - }); - - return result; - }, - - updateAll: function(store, records, success) { - if (!success || records.length === 0) { - return; - } - - var me = this; - var rec = records[0]; - me.status = rec.data; - - // add health panel - me.down('#overallhealth').updateHealth(PVE.Utils.render_ceph_health(rec.data.health || {})); - // add errors to gridstore - me.down('#warnings').getStore().loadRawData(me.generateCheckData(rec.data.health || {}), false); - - // update services - me.getComponent('services').updateAll(me.metadata || {}, rec.data); - - // update detailstatus panel - me.getComponent('statusdetail').updateAll(me.metadata || {}, rec.data); - - // add performance data - var used = rec.data.pgmap.bytes_used; - var total = rec.data.pgmap.bytes_total; - - var text = Ext.String.format(gettext('{0} of {1}'), - PVE.Utils.render_size(used), - PVE.Utils.render_size(total) - ); - - // update the usage widget - me.down('#space').updateValue(used/total, text); - - // TODO: logic for jewel (iops split in read/write) - - var iops = rec.data.pgmap.op_per_sec; - var readiops = rec.data.pgmap.read_op_per_sec; - var writeiops = rec.data.pgmap.write_op_per_sec; - var reads = rec.data.pgmap.read_bytes_sec || 0; - var writes = rec.data.pgmap.write_bytes_sec || 0; - - if (iops !== undefined && me.version !== 'hammer') { - me.change_version('hammer'); - } else if((readiops !== undefined || writeiops !== undefined) && me.version !== 'jewel') { - me.change_version('jewel'); - } - // update the graphs - me.reads.addDataPoint(reads); - me.writes.addDataPoint(writes); - me.iops.addDataPoint(iops); - me.readiops.addDataPoint(readiops); - me.writeiops.addDataPoint(writeiops); - }, - - change_version: function(version) { - var me = this; - me.version = version; - me.sp.set('ceph-version', version); - me.iops.setVisible(version === 'hammer'); - me.readiops.setVisible(version === 'jewel'); - me.writeiops.setVisible(version === 'jewel'); - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - - me.callParent(); - var baseurl = '/api2/json' + (nodename ? '/nodes/' + nodename : '/cluster') + '/ceph'; - me.store = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'ceph-status-' + (nodename || 'cluster'), - interval: 5000, - proxy: { - type: 'proxmox', - url: baseurl + '/status' - } - }); - - me.metadatastore = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'ceph-metadata-' + (nodename || 'cluster'), - interval: 15*1000, - proxy: { - type: 'proxmox', - url: '/api2/json/cluster/ceph/metadata' - } - }); - - // save references for the updatefunction - me.iops = me.down('#iops'); - me.readiops = me.down('#readiops'); - me.writeiops = me.down('#writeiops'); - me.reads = me.down('#reads'); - me.writes = me.down('#writes'); - - // get ceph version - me.sp = Ext.state.Manager.getProvider(); - me.version = me.sp.get('ceph-version'); - me.change_version(me.version); - - var regex = new RegExp("not (installed|initialized)", "i"); - PVE.Utils.handleStoreErrorOrMask(me, me.store, regex, function(me, error){ - me.store.stopUpdate(); - PVE.Utils.showCephInstallOrMask(me, error.statusText, (nodename || 'localhost'), - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.store.startUpdate(); - }); - } - ); - }); - - me.mon(me.store, 'load', me.updateAll, me); - me.mon(me.metadatastore, 'load', function(store, records, success) { - if (!success || records.length < 1) { - return; - } - var rec = records[0]; - me.metadata = rec.data; - - // update services - me.getComponent('services').updateAll(rec.data, me.status || {}); - - // update detailstatus panel - me.getComponent('statusdetail').updateAll(rec.data, me.status || {}); - - }, me); - - me.on('destroy', me.store.stopUpdate); - me.on('destroy', me.metadatastore.stopUpdate); - me.store.startUpdate(); - me.metadatastore.startUpdate(); - } - -}); -Ext.define('PVE.ceph.StatusDetail', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveCephStatusDetail', - - layout: { - type: 'hbox', - align: 'stretch' - }, - - bodyPadding: '0 5', - defaults: { - xtype: 'box', - style: { - 'text-align':'center' - } - }, - - items: [{ - flex: 1, - itemId: 'osds', - maxHeight: 250, - scrollable: true, - padding: '0 10 5 10', - data: { - total: 0, - upin: 0, - upout: 0, - downin: 0, - downout: 0, - oldosds: [] - }, - tpl: [ - '
' + 'OSDs' + '
', - '| ', - ' | ', - gettext('In'), - ' | ', - '', - gettext('Out'), - ' | ', - '
| ', - gettext('Up'), - ' | ', - '{upin} | ', - '{upout} | ', - '
| ', - gettext('Down'), - ' | ', - '{downin} | ', - '{downout} | ', - '
',
- gettext('Total'),
- ': {total}',
- '
', - '
", - '
',
- '',
- '
', - '', - ' ',
- '
',
- 'osd.{id}:
',
- '{version}
', - '', - '
'; - record.get('states').forEach(function(state) { - html += '
' + - state.state_name + ': ' + state.count.toString(); - }); - tooltip.setHtml(html); - } - }, - subStyle: { - strokeStyle: false - } - } - ] - }, - { - flex: 1.6, - itemId: 'pgs', - padding: '0 10', - maxHeight: 250, - scrollable: true, - data: { - states: [] - }, - tpl: [ - '
' + 'PGs' + '
', - ' {state_name}:
',
- '{count}
', - '', - '
'); - - result.health = healthmap[result.health]; - - me[type][id] = result; - } - } - - me.getComponent('mons').updateAll(Object.values(me.mon)); - me.getComponent('mgrs').updateAll(Object.values(me.mgr)); - me.getComponent('mdss').updateAll(Object.values(me.mds)); - } -}); - -Ext.define('PVE.ceph.ServiceList', { - extend: 'Ext.container.Container', - xtype: 'pveCephServiceList', - - style: { - 'text-align':'center' - }, - defaults: { - xtype: 'box', - style: { - 'text-align':'center' - } - }, - - items: [ - { - itemId: 'title', - data: { - title: '' - }, - tpl: '
{title}
' - } - ], - - updateAll: function(list) { - var me = this; - me.suspendLayout = true; - - var i; - list.sort(function(a,b) { - return a.id > b.id ? 1 : a.id < b.id ? -1 : 0; - }); - var ids = {}; - if (me.ids) { - me.ids.forEach(function(id) { - ids[id] = true; - }); - } - for (i = 0; i < list.length; i++) { - var service = me.getComponent(list[i].id); - if (!service) { - // since services are already sorted, and - // we always have a sorted list - // we can add it at the service+1 position (because of the title) - service = me.insert(i+1, { - xtype: 'pveCephServiceWidget', - itemId: list[i].id - }); - if (!me.ids) { - me.ids = []; - } - me.ids.push(list[i].id); - } else { - delete ids[list[i].id]; - } - service.updateService(list[i].title, list[i].text, list[i].health); - } - - Object.keys(ids).forEach(function(id) { - me.remove(id); - }); - me.suspendLayout = false; - me.updateLayout(); - }, - - initComponent: function() { - var me = this; - me.callParent(); - me.getComponent('title').update({ - title: me.title - }); - } -}); - -/*jslint confusion: true*/ -Ext.define('PVE.ceph.ServiceWidget', { - extend: 'Ext.Component', - alias: 'widget.pveCephServiceWidget', - - userCls: 'monitor inline-block', - data: { - title: '0', - health: 'HEALTH_ERR', - text: '', - iconCls: PVE.Utils.get_health_icon() - }, - - tpl: [ - '{title}: ', - '' - ], - - updateService: function(title, text, health) { - var me = this; - - me.update(Ext.apply(me.data, { - health: health, - text: text, - title: title, - iconCls: PVE.Utils.get_health_icon(PVE.Utils.map_ceph_health[health]) - })); - - if (me.tooltip) { - me.tooltip.setHtml(text); - } - }, - - listeners: { - destroy: function() { - var me = this; - if (me.tooltip) { - me.tooltip.destroy(); - delete me.tooltip; - } - }, - mouseenter: { - element: 'el', - fn: function(events, element) { - var me = this.component; - if (!me) { - return; - } - if (!me.tooltip) { - me.tooltip = Ext.create('Ext.tip.ToolTip', { - target: me.el, - trackMouse: true, - dismissDelay: 0, - renderTo: Ext.getBody(), - html: me.data.text - }); - } - me.tooltip.show(); - } - }, - mouseleave: { - element: 'el', - fn: function(events, element) { - var me = this.component; - if (me.tooltip) { - me.tooltip.destroy(); - delete me.tooltip; - } - } - } - } -}); -Ext.define('PVE.node.CephConfigDb', { - extend: 'Ext.grid.Panel', - alias: 'widget.pveNodeCephConfigDb', - - border: false, - store: { - proxy: { - type: 'proxmox' - } - }, - - columns: [ - { - dataIndex: 'section', - text: 'WHO', - width: 100, - }, - { - dataIndex: 'mask', - text: 'MASK', - hidden: true, - width: 80, - }, - { - dataIndex: 'level', - hidden: true, - text: 'LEVEL', - }, - { - dataIndex: 'name', - flex: 1, - text: 'OPTION', - }, - { - dataIndex: 'value', - flex: 1, - text: 'VALUE', - }, - { - dataIndex: 'can_update_at_runtime', - text: 'Runtime Updatable', - hidden: true, - width: 80, - renderer: Proxmox.Utils.format_boolean - }, - ], - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - me.store.proxy.url = '/api2/json/nodes/' + nodename + '/ceph/configdb'; - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.getStore()); - me.getStore().load(); - } -}); -Ext.define('PVE.node.CephConfig', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveNodeCephConfig', - - bodyStyle: 'white-space:pre', - bodyPadding: 5, - border: false, - scrollable: true, - load: function() { - var me = this; - - Proxmox.Utils.API2Request({ - url: me.url, - waitMsgTarget: me, - failure: function(response, opts) { - me.update(gettext('Error') + " " + response.htmlStatus); - var msg = response.htmlStatus; - PVE.Utils.showCephInstallOrMask(me.ownerCt, msg, me.pveSelNode.data.node, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.load(); - }); - } - ); - - }, - success: function(response, opts) { - var data = response.result.data; - me.update(Ext.htmlEncode(data)); - } - }); - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - url: '/nodes/' + nodename + '/ceph/config', - listeners: { - activate: function() { - me.load(); - } - } - }); - - me.callParent(); - - me.load(); - } -}); - -Ext.define('PVE.node.CephConfigCrush', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveNodeCephConfigCrush', - - onlineHelp: 'chapter_pveceph', - - layout: 'border', - items: [{ - title: gettext('Configuration'), - xtype: 'pveNodeCephConfig', - region: 'center' - }, - { - title: 'Crush Map', // do not localize - xtype: 'pveNodeCephCrushMap', - region: 'east', - split: true, - width: '50%' - }, - { - title: gettext('Configuration Database'), - xtype: 'pveNodeCephConfigDb', - region: 'south', - split: true, - weight: -30, - height: '50%' - }], - - initComponent: function() { - var me = this; - me.defaults = { - pveSelNode: me.pveSelNode - }; - me.callParent(); - } -}); -Ext.define('PVE.ceph.Log', { - extend: 'Proxmox.panel.LogView', - xtype: 'cephLogView', - nodename: undefined, - failCallback: function(response) { - var me = this; - var msg = response.htmlStatus; - var windowShow = PVE.Utils.showCephInstallOrMask(me, msg, me.nodename, - function(win){ - me.mon(win, 'cephInstallWindowClosed', function(){ - me.loadTask.delay(200); - }); - } - ); - if (!windowShow) { - Proxmox.Utils.setErrorMask(me, msg); - } - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.ceph.CephInstallWizard', { - extend: 'PVE.window.Wizard', - alias: 'widget.pveCephInstallWizard', - mixins: ['Proxmox.Mixin.CBind'], - resizable: false, - nodename: undefined, - viewModel: { - data: { - nodename: '', - configuration: true, - isInstalled: false - } - }, - cbindData: { - nodename: undefined - }, - title: gettext('Setup'), - navigateNext: function() { - var tp = this.down('#wizcontent'); - var atab = tp.getActiveTab(); - - var next = tp.items.indexOf(atab) + 1; - var ntab = tp.items.getAt(next); - if (ntab) { - ntab.enable(); - tp.setActiveTab(ntab); - } - }, - setInitialTab: function (index) { - var tp = this.down('#wizcontent'); - var initialTab = tp.items.getAt(index); - initialTab.enable(); - tp.setActiveTab(initialTab); - }, - onShow: function() { - this.callParent(arguments); - var isInstalled = this.getViewModel().get('isInstalled'); - if (isInstalled) { - this.getViewModel().set('configuration', false); - this.setInitialTab(2); - } - }, - items: [ - { - title: gettext('Info'), - xtype: 'panel', - border: false, - bodyBorder: false, - onlineHelp: 'chapter_pveceph', - html: 'Ceph?
'+ - ''+ - '"Ceph is a unified, distributed storage system designed for excellent performance, reliability and scalability."
Ceph is currently not installed on this node, click on the next button below to start the installation.'+ - ' This wizard will guide you through the necessary steps, after the initial installation you will be offered to create an initial configuration.'+ - ' The configuration step is only needed once per cluster and will be skipped if a config is already present.
'+ - 'Please take a look at our documentation, by clicking the help button below, before starting the installation, '+ - 'if you want to gain deeper knowledge about Ceph visit ceph.com.
', - listeners: { - activate: function() { - // notify owning container that it should display a help button - if (this.onlineHelp) { - Ext.GlobalEvents.fireEvent('proxmoxShowHelp', this.onlineHelp); - } - this.up('pveCephInstallWizard').down('#back').hide(true); - this.up('pveCephInstallWizard').down('#next').setText(gettext('Start installation')); - }, - deactivate: function() { - if (this.onlineHelp) { - Ext.GlobalEvents.fireEvent('proxmoxHideHelp', this.onlineHelp); - } - this.up('pveCephInstallWizard').down('#next').setText(gettext('Next')); - } - } - }, - { - title: gettext('Installation'), - xtype: 'panel', - layout: 'fit', - cbind:{ - nodename: '{nodename}' - }, - viewModel: {}, // needed to inherit parent viewModel data - listeners: { - afterrender: function() { - var me = this; - if (this.getViewModel().get('isInstalled')) { - this.mask("Ceph is already installed, click next to create your configuration.",['pve-static-mask']); - } else { - me.down('pveNoVncConsole').fireEvent('activate'); - } - }, - activate: function() { - var me = this; - var nodename = me.nodename; - me.updateStore = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'ceph-status-' + nodename, - interval: 1000, - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + nodename + '/ceph/status' - }, - listeners: { - load: function(rec, response, success, operation) { - - if (success) { - me.updateStore.stopUpdate(); - me.down('textfield').setValue('success'); - } else if (operation.error.statusText.match("not initialized", "i")) { - me.updateStore.stopUpdate(); - me.up('pveCephInstallWizard').getViewModel().set('configuration',false); - me.down('textfield').setValue('success'); - } else if (operation.error.statusText.match("rados_connect failed", "i")) { - me.updateStore.stopUpdate(); - me.up('pveCephInstallWizard').getViewModel().set('configuration',true); - me.down('textfield').setValue('success'); - } else if (!operation.error.statusText.match("not installed", "i")) { - Proxmox.Utils.setErrorMask(me, operation.error.statusText); - } - } - } - }); - me.updateStore.startUpdate(); - }, - destroy: function() { - var me = this; - if (me.updateStore) { - me.updateStore.stopUpdate(); - } - } - }, - items: [ - { - itemId: 'jsconsole', - consoleType: 'cmd', - xtermjs: true, - xtype: 'pveNoVncConsole', - cbind:{ - nodename: '{nodename}' - }, - cmd: 'ceph_install' - }, - { - xtype: 'textfield', - name: 'installSuccess', - value: '', - allowBlank: false, - submitValue: false, - hidden: true - } - ] - }, - { - xtype: 'inputpanel', - title: gettext('Configuration'), - onlineHelp: 'chapter_pveceph', - cbind: { - nodename: '{nodename}' - }, - viewModel: { - data: { - replicas: undefined, - minreplicas: undefined - } - }, - listeners: { - activate: function() { - this.up('pveCephInstallWizard').down('#submit').setText(gettext('Next')); - }, - beforeshow: function() { - if (this.up('pveCephInstallWizard').getViewModel().get('configuration')) { - this.mask("Coniguration already initialized",['pve-static-mask']); - } else { - this.unmask(); - } - }, - deactivate: function() { - this.up('pveCephInstallWizard').down('#submit').setText(gettext('Finish')); - } - }, - column1: [ - { - xtype: 'displayfield', - value: gettext('Ceph cluster configuration') + ':' - }, - { - xtype: 'proxmoxNetworkSelector', - name: 'network', - value: '', - fieldLabel: 'Public Network IP/CIDR', - bind: { - allowBlank: '{configuration}' - } - }, - { - xtype: 'proxmoxNetworkSelector', - name: 'cluster-network', - fieldLabel: 'Cluster Network IP/CIDR', - allowBlank: true, - autoSelect: false, - emptyText: gettext('Same as Public Network') - } - // FIXME: add hint about cluster network and/or reference user to docs?? - ], - column2: [ - { - xtype: 'displayfield', - value: gettext('First Ceph monitor') + ':' - }, - { - xtype: 'pveNodeSelector', - fieldLabel: gettext('Monitor node'), - name: 'mon-node', - selectCurNode: true, - allowBlank: false - }, - { - xtype: 'displayfield', - value: gettext('Additional monitors are recommended. They can be created at any time in the Monitor tab.'), - userCls: 'pve-hint' - } - ], - advancedColumn1: [ - { - xtype: 'numberfield', - name: 'size', - fieldLabel: 'Number of replicas', - bind: { - value: '{replicas}' - }, - maxValue: 7, - minValue: 2, - emptyText: '3' - }, - { - xtype: 'numberfield', - name: 'min_size', - fieldLabel: 'Minimum replicas', - bind: { - maxValue: '{replicas}', - value: '{minreplicas}' - }, - minValue: 2, - maxValue: 3, - setMaxValue: function(value) { - this.maxValue = Ext.Number.from(value, 2); - // allow enough to avoid split brains with max 'size', but more makes simply no sense - if (this.maxValue > 4) { - this.maxValue = 4; - } - this.toggleSpinners(); - this.validate(); - }, - emptyText: '2' - } - ], - onGetValues: function(values) { - ['cluster-network', 'size', 'min_size'].forEach(function(field) { - if (!values[field]) { - delete values[field]; - } - }); - return values; - }, - onSubmit: function() { - var me = this; - if (!this.up('pveCephInstallWizard').getViewModel().get('configuration')) { - var wizard = me.up('window'); - var kv = wizard.getValues(); - delete kv['delete']; - var monNode = kv['mon-node']; - delete kv['mon-node']; - var nodename = me.nodename; - delete kv.nodename; - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/ceph/init', - waitMsgTarget: wizard, - method: 'POST', - params: kv, - success: function() { - Proxmox.Utils.API2Request({ - url: '/nodes/' + monNode + '/ceph/mon/' + monNode, - waitMsgTarget: wizard, - method: 'POST', - success: function() { - me.up('pveCephInstallWizard').navigateNext(); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - - } else { - me.up('pveCephInstallWizard').navigateNext(); - } - } - }, - { - title: gettext('Success'), - xtype: 'panel', - border: false, - bodyBorder: false, - onlineHelp: 'pve_ceph_install', - html: 'Installation successful!
'+ - 'The basic installation and configuration is completed, depending on your setup some of the following steps are required to start using Ceph:
'+ - '- Install Ceph on other nodes '+ - '
- Create additional Ceph Monitors '+ - '
- Create Ceph OSDs '+ - '
- Create Ceph Pools
To learn more click on the help button below.
', - listeners: { - activate: function() { - // notify owning container that it should display a help button - if (this.onlineHelp) { - Ext.GlobalEvents.fireEvent('proxmoxShowHelp', this.onlineHelp); - } - - var tp = this.up('#wizcontent'); - var idx = tp.items.indexOf(this)-1; - for(;idx >= 0;idx--) { - var nc = tp.items.getAt(idx); - if (nc) { - nc.disable(); - } - } - }, - deactivate: function() { - if (this.onlineHelp) { - Ext.GlobalEvents.fireEvent('proxmoxHideHelp', this.onlineHelp); - } - } - }, - onSubmit: function() { - var wizard = this.up('pveCephInstallWizard'); - wizard.close(); - } - } - ] - }); -Ext.define('PVE.node.DiskList', { - extend: 'Ext.grid.GridPanel', - alias: 'widget.pveNodeDiskList', - - emptyText: gettext('No Disks found'), - - stateful: true, - stateId: 'grid-node-disks', - - columns: [ - { - header: gettext('Device'), - width: 150, - sortable: true, - dataIndex: 'devpath' - }, - { - header: gettext('Type'), - width: 80, - sortable: true, - dataIndex: 'type', - renderer: function(v) { - if (v === 'ssd') { - return 'SSD'; - } else if (v === 'hdd') { - return 'Hard Disk'; - } else if (v === 'usb'){ - return 'USB'; - } else { - return gettext('Unknown'); - } - } - }, - { - header: gettext('Usage'), - width: 150, - sortable: false, - renderer: function(v, metaData, rec) { - if (rec) { - if (rec.data.osdid >= 0) { - var bluestore = ''; - if (rec.data.bluestore === 1) { - bluestore = ' (Bluestore)'; - } - return "Ceph osd." + rec.data.osdid.toString() + bluestore; - } - - var types = []; - if (rec.data.journals > 0) { - types.push('Journal'); - } - - if (rec.data.db > 0) { - types.push('DB'); - } - - if (rec.data.wal > 0) { - types.push('WAL'); - } - - if (types.length > 0) { - return 'Ceph (' + types.join(', ') + ')'; - } - } - - return v || Proxmox.Utils.noText; - }, - dataIndex: 'used' - }, - { - header: gettext('Size'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - }, - { - header: 'GPT', - width: 60, - align: 'right', - renderer: Proxmox.Utils.format_boolean, - dataIndex: 'gpt' - }, - { - header: gettext('Vendor'), - width: 100, - sortable: true, - hidden: true, - renderer: Ext.String.htmlEncode, - dataIndex: 'vendor' - }, - { - header: gettext('Model'), - width: 200, - sortable: true, - renderer: Ext.String.htmlEncode, - dataIndex: 'model' - }, - { - header: gettext('Serial'), - width: 200, - sortable: true, - renderer: Ext.String.htmlEncode, - dataIndex: 'serial' - }, - { - header: 'S.M.A.R.T.', - width: 100, - sortable: true, - renderer: Ext.String.htmlEncode, - dataIndex: 'health' - }, - { - header: 'Wearout', - width: 90, - sortable: true, - align: 'right', - dataIndex: 'wearout', - renderer: function(value) { - if (Ext.isNumeric(value)) { - return (100 - value).toString() + '%'; - } - return 'N/A'; - } - } - ], - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var store = Ext.create('Ext.data.Store', { - storeid: 'node-disk-list' + nodename, - model: 'node-disk-list', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/disks/list" - }, - sorters: [ - { - property : 'dev', - direction: 'ASC' - } - ] - }); - - var reloadButton = Ext.create('Proxmox.button.Button', { - text: gettext('Reload'), - handler: function() { - me.store.load(); - } - }); - - var smartButton = Ext.create('Proxmox.button.Button', { - text: gettext('Show S.M.A.R.T. values'), - selModel: sm, - enableFn: function() { - return !!sm.getSelection().length; - }, - disabled: true, - handler: function() { - var rec = sm.getSelection()[0]; - - var win = Ext.create('PVE.DiskSmartWindow', { - nodename: nodename, - dev: rec.data.devpath - }); - win.show(); - } - }); - - var initButton = Ext.create('Proxmox.button.Button', { - text: gettext('Initialize Disk with GPT'), - selModel: sm, - enableFn: function() { - var selection = sm.getSelection(); - - if (!selection.length || selection[0].data.used) { - return false; - } else { - return true; - } - }, - disabled: true, - - handler: function() { - var rec = sm.getSelection()[0]; - Proxmox.Utils.API2Request({ - url: '/api2/extjs/nodes/' + nodename + '/disks/initgpt', - waitMsgTarget: me, - method: 'POST', - params: { disk: rec.data.devpath}, - failure: function(response, options) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { - upid: upid - }); - win.show(); - } - }); - } - }); - - me.loadCount = 1; // avoid duplicate loadmask - Proxmox.Utils.monStoreErrors(me, store); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ reloadButton, smartButton, initButton ], - listeners: { - itemdblclick: function() { - var rec = sm.getSelection()[0]; - - var win = Ext.create('PVE.DiskSmartWindow', { - nodename: nodename, - dev: rec.data.devpath - }); - win.show(); - } - } - }); - - - me.callParent(); - me.store.load(); - } -}, function() { - - Ext.define('node-disk-list', { - extend: 'Ext.data.Model', - fields: [ 'devpath', 'used', { name: 'size', type: 'number'}, - {name: 'osdid', type: 'number'}, - 'vendor', 'model', 'serial', 'rpm', 'type', 'health', 'wearout' ], - idProperty: 'devpath' - }); -}); - -Ext.define('PVE.DiskSmartWindow', { - extend: 'Ext.window.Window', - alias: 'widget.pveSmartWindow', - - modal: true, - - items: [ - { - xtype: 'gridpanel', - layout: { - type: 'fit' - }, - emptyText: gettext('No S.M.A.R.T. Values'), - scrollable: true, - flex: 1, - itemId: 'smarts', - reserveScrollbar: true, - columns: [ - { text: 'ID', dataIndex: 'id', width: 50 }, - { text: gettext('Attribute'), flex: 1, dataIndex: 'name', renderer: Ext.String.htmlEncode }, - { text: gettext('Value'), dataIndex: 'raw', renderer: Ext.String.htmlEncode }, - { text: gettext('Normalized'), dataIndex: 'value', width: 60}, - { text: gettext('Threshold'), dataIndex: 'threshold', width: 60}, - { text: gettext('Worst'), dataIndex: 'worst', width: 60}, - { text: gettext('Flags'), dataIndex: 'flags'}, - { text: gettext('Failing'), dataIndex: 'fail', renderer: Ext.String.htmlEncode } - ] - }, - { - xtype: 'component', - itemId: 'text', - layout: { - type: 'fit' - }, - hidden: true, - style: { - 'background-color': '#23272a', - 'white-space': 'pre', - 'font-family': 'monospace' - } - } - ], - - buttons: [ - { - text: gettext('Reload'), - name: 'reload', - handler: function() { - var me = this; - me.up('window').store.reload(); - } - }, - { - text: gettext('Close'), - name: 'close', - handler: function() { - var me = this; - me.up('window').close(); - } - } - ], - - layout: { - type: 'vbox', - align: 'stretch' - }, - width: 800, - height: 500, - minWidth: 600, - minHeight: 400, - bodyPadding: 5, - title: gettext('S.M.A.R.T. Values'), - - initComponent: function() { - var me = this; - - var nodename = me.nodename; - if (!nodename) { - throw "no node name specified"; - } - - var dev = me.dev; - if (!dev) { - throw "no device specified"; - } - - me.store = Ext.create('Ext.data.Store', { - model: 'disk-smart', - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + nodename + "/disks/smart?disk=" + dev - } - }); - - me.callParent(); - var grid = me.down('#smarts'); - var text = me.down('#text'); - - Proxmox.Utils.monStoreErrors(grid, me.store); - me.mon(me.store, 'load', function(s, records, success) { - if (success && records.length > 0) { - var rec = records[0]; - switch (rec.data.type) { - case 'text': - grid.setVisible(false); - text.setVisible(true); - text.setHtml(Ext.String.htmlEncode(rec.data.text)); - break; - default: - // includes 'ata' - // cannot use empty case because - // of jslint - grid.setVisible(true); - text.setVisible(false); - grid.setStore(rec.attributes()); - break; - } - } - }); - - me.store.load(); - } -}, function() { - - Ext.define('disk-smart', { - extend: 'Ext.data.Model', - fields: [ - { name:'health'}, - { name:'type'}, - { name:'text'} - ], - hasMany: {model: 'smart-attribute', name: 'attributes'} - }); - Ext.define('smart-attribute', { - extend: 'Ext.data.Model', - fields: [ - { name:'id', type:'number' }, 'name', 'value', 'worst', 'threshold', 'flags', 'fail', 'raw' - ] - }); -}); -Ext.define('PVE.node.CreateLVM', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCreateLVM', - - subject: 'LVM Volume Group', - - showProgress: true, - - onlineHelp: 'chapter_lvm', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/disks/lvm", - method: 'POST', - items: [ - { - xtype: 'pveDiskSelector', - name: 'device', - nodename: me.nodename, - diskType: 'unused', - fieldLabel: gettext('Disk'), - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - name: 'name', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'add_storage', - fieldLabel: gettext('Add Storage'), - value: '1' - } - ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.LVMList', { - extend: 'Ext.tree.Panel', - xtype: 'pveLVMList', - emptyText: gettext('No Volume Groups found'), - stateful: true, - stateId: 'grid-node-lvm', - columns: [ - { - xtype: 'treecolumn', - text: gettext('Name'), - dataIndex: 'name', - flex: 1 - }, - { - text: gettext('Number of LVs'), - dataIndex: 'lvcount', - width: 150, - align: 'right' - }, - { - header: gettext('Usage'), - width: 110, - dataIndex: 'usage', - tdCls: 'x-progressbar-default-cell', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Size'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - }, - { - header: gettext('Free'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'free' - } - ], - - rootVisible: false, - useArrows: true, - - tbar: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - var me = this.up('panel'); - me.reload(); - } - }, - { - text: gettext('Create') + ': Volume Group', - handler: function() { - var me = this.up('panel'); - var win = Ext.create('PVE.node.CreateLVM', { - nodename: me.nodename, - taskDone: function() { - me.reload(); - } - }).show(); - } - } - ], - - reload: function() { - var me = this; - var sm = me.getSelectionModel(); - Proxmox.Utils.API2Request({ - url: "/nodes/" + me.nodename + "/disks/lvm", - waitMsgTarget: me, - method: 'GET', - failure: function(response, opts) { - Proxmox.Utils.setErrorMask(me, response.htmlStatus); - }, - success: function(response, opts) { - sm.deselectAll(); - me.setRootNode(response.result.data); - me.expandAll(); - } - }); - }, - - listeners: { - activate: function() { - var me = this; - me.reload(); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - me.nodename = me.pveSelNode.data.node; - if (!me.nodename) { - throw "no node name specified"; - } - - var sm = Ext.create('Ext.selection.TreeModel', {}); - - Ext.apply(me, { - selModel: sm, - fields: ['name', 'size', 'free', - { - type: 'string', - name: 'iconCls', - calculate: function(data) { - var txt = 'fa x-fa-tree fa-'; - txt += (data.leaf) ? 'hdd-o' : 'object-group'; - return txt; - } - }, - { - type: 'number', - name: 'usage', - calculate: function(data) { - return ((data.size-data.free)/data.size); - } - } - ], - sorters: 'name' - }); - - me.callParent(); - - me.reload(); - } -}); - -Ext.define('PVE.node.CreateLVMThin', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCreateLVMThin', - - subject: 'LVM Thinpool', - - showProgress: true, - - onlineHelp: 'chapter_lvm', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/disks/lvmthin", - method: 'POST', - items: [ - { - xtype: 'pveDiskSelector', - name: 'device', - nodename: me.nodename, - diskType: 'unused', - fieldLabel: gettext('Disk'), - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - name: 'name', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'add_storage', - fieldLabel: gettext('Add Storage'), - value: '1' - } - ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.LVMThinList', { - extend: 'Ext.grid.Panel', - xtype: 'pveLVMThinList', - - emptyText: gettext('No thinpools found'), - stateful: true, - stateId: 'grid-node-lvmthin', - columns: [ - { - text: gettext('Name'), - dataIndex: 'lv', - flex: 1 - }, - { - header: gettext('Usage'), - width: 110, - dataIndex: 'usage', - tdCls: 'x-progressbar-default-cell', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Size'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'lv_size' - }, - { - header: gettext('Used'), - width: 100, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'used' - }, - { - header: gettext('Metadata Usage'), - width: 120, - dataIndex: 'metadata_usage', - tdCls: 'x-progressbar-default-cell', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Metadata Size'), - width: 120, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'metadata_size' - }, - { - header: gettext('Metadata Used'), - width: 125, - align: 'right', - sortable: true, - renderer: Proxmox.Utils.format_size, - dataIndex: 'metadata_used' - } - ], - - rootVisible: false, - useArrows: true, - - tbar: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - var me = this.up('panel'); - me.reload(); - } - }, - { - text: gettext('Create') + ': Thinpool', - handler: function() { - var me = this.up('panel'); - var win = Ext.create('PVE.node.CreateLVMThin', { - nodename: me.nodename, - taskDone: function() { - me.reload(); - } - }).show(); - } - } - ], - - reload: function() { - var me = this; - me.store.load(); - me.store.sort(); - }, - - listeners: { - activate: function() { - var me = this; - me.reload(); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - me.nodename = me.pveSelNode.data.node; - if (!me.nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - store: { - fields: ['lv', 'lv_size', 'used', 'metadata_size', 'metadata_used', - { - type: 'number', - name: 'usage', - calculate: function(data) { - return data.used/data.lv_size; - } - }, - { - type: 'number', - name: 'metadata_usage', - calculate: function(data) { - return data.metadata_used/data.metadata_size; - } - } - ], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + '/disks/lvmthin' - }, - sorters: 'lv' - } - }); - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.getStore(), true); - me.reload(); - } -}); - -Ext.define('PVE.node.CreateDirectory', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCreateDirectory', - - subject: Proxmox.Utils.directoryText, - - showProgress: true, - - onlineHelp: 'chapter_storage', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - Ext.applyIf(me, { - url: "/nodes/" + me.nodename + "/disks/directory", - method: 'POST', - items: [ - { - xtype: 'pveDiskSelector', - name: 'device', - nodename: me.nodename, - diskType: 'unused', - fieldLabel: gettext('Disk'), - allowBlank: false - }, - { - xtype: 'proxmoxKVComboBox', - comboItems: [ - ['ext4', 'ext4'], - ['xfs', 'xfs'] - ], - fieldLabel: gettext('Filesystem'), - name: 'filesystem', - value: '', - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - name: 'name', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'add_storage', - fieldLabel: gettext('Add Storage'), - value: '1' - } - ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.node.Directorylist', { - extend: 'Ext.grid.Panel', - xtype: 'pveDirectoryList', - - stateful: true, - stateId: 'grid-node-directory', - columns: [ - { - text: gettext('Path'), - dataIndex: 'path', - flex: 1 - }, - { - header: gettext('Device'), - flex: 1, - dataIndex: 'device' - }, - { - header: gettext('Type'), - width: 100, - dataIndex: 'type' - }, - { - header: gettext('Options'), - width: 100, - dataIndex: 'options' - }, - { - header: gettext('Unit File'), - hidden: true, - dataIndex: 'unitfile' - } - ], - - rootVisible: false, - useArrows: true, - - tbar: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - var me = this.up('panel'); - me.reload(); - } - }, - { - text: gettext('Create') + ': Directory', - handler: function() { - var me = this.up('panel'); - var win = Ext.create('PVE.node.CreateDirectory', { - nodename: me.nodename - }).show(); - win.on('destroy', function() { me.reload(); }); - } - } - ], - - reload: function() { - var me = this; - me.store.load(); - me.store.sort(); - }, - - listeners: { - activate: function() { - var me = this; - me.reload(); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - me.nodename = me.pveSelNode.data.node; - if (!me.nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - store: { - fields: ['path', 'device', 'type', 'options', 'unitfile' ], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + '/disks/directory' - }, - sorters: 'path' - } - }); - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.getStore(), true); - me.reload(); - } -}); - -/*jslint confusion: true*/ -Ext.define('PVE.node.CreateZFS', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCreateZFS', - - subject: 'ZFS', - - showProgress: true, - - onlineHelp: 'chapter_zfs', - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - me.isCreate = true; - - var update_disklist = function() { - var grid = me.down('#disklist'); - var disks = grid.getSelection(); - - var val = []; - disks.sort(function(a,b) { - var aorder = a.get('order') || 0; - var border = b.get('order') || 0; - return (aorder - border); - }); - - disks.forEach(function(disk) { - val.push(disk.get('devpath')); - }); - - me.down('field[name=devices]').setValue(val.join(',')); - }; - - Ext.apply(me, { - url: '/nodes/' + me.nodename + '/disks/zfs', - method: 'POST', - items: [ - { - xtype: 'inputpanel', - onGetValues: function(values) { - return values; - }, - column1: [ - { - xtype: 'textfield', - hidden: true, - name: 'devices', - allowBlank: false - }, - { - xtype: 'proxmoxtextfield', - name: 'name', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'add_storage', - fieldLabel: gettext('Add Storage'), - value: '1' - } - ], - column2: [ - { - xtype: 'proxmoxKVComboBox', - fieldLabel: gettext('RAID Level'), - name: 'raidlevel', - value: 'single', - comboItems: [ - ['single', gettext('Single Disk')], - ['mirror', 'Mirror'], - ['raid10', 'RAID10'], - ['raidz', 'RAIDZ'], - ['raidz2', 'RAIDZ2'], - ['raidz3', 'RAIDZ3'] - ] - }, - { - xtype: 'proxmoxKVComboBox', - fieldLabel: gettext('Compression'), - name: 'compression', - value: 'on', - comboItems: [ - ['on', 'on'], - ['off', 'off'], - ['gzip', 'gzip'], - ['lz4', 'lz4'], - ['lzjb', 'lzjb'], - ['zle', 'zle'] - ] - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('ashift'), - minValue: 9, - maxValue: 16, - value: '12', - name: 'ashift' - } - ], - columnB: [ - { - xtype: 'grid', - height: 200, - emptyText: gettext('No Disks unused'), - itemId: 'disklist', - selModel: 'checkboxmodel', - listeners: { - selectionchange: update_disklist - }, - store: { - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/disks/list?type=unused' - } - }, - columns: [ - { - text: gettext('Device'), - dataIndex: 'devpath', - flex: 1 - }, - { - text: gettext('Serial'), - dataIndex: 'serial' - }, - { - text: gettext('Size'), - dataIndex: 'size', - renderer: PVE.Utils.render_size - }, - { - header: gettext('Order'), - xtype: 'widgetcolumn', - dataIndex: 'order', - sortable: true, - widget: { - xtype: 'proxmoxintegerfield', - minValue: 1, - isFormField: false, - listeners: { - change: function(numberfield, value, old_value) { - var record = numberfield.getWidgetRecord(); - record.set('order', value); - update_disklist(record); - } - } - } - } - ] - } - ] - }, - { - xtype: 'displayfield', - padding: '5 0 0 0', - userCls: 'pve-hint', - value: 'Note: ZFS is not compatible with disks backed by a hardware ' + - 'RAID controller. For details see ' + - 'the reference documentation.', - } - ] - }); - - me.callParent(); - me.down('#disklist').getStore().load(); - } -}); - -Ext.define('PVE.node.ZFSDevices', { - extend: 'Ext.tree.Panel', - xtype: 'pveZFSDevices', - stateful: true, - stateId: 'grid-node-zfsstatus', - columns: [ - { - xtype: 'treecolumn', - text: gettext('Name'), - dataIndex: 'name', - flex: 1 - }, - { - text: gettext('Health'), - renderer: PVE.Utils.render_zfs_health, - dataIndex: 'state' - }, - { - text: 'READ', - dataIndex: 'read' - }, - { - text: 'WRITE', - dataIndex: 'write' - }, - { - text: 'CKSUM', - dataIndex: 'cksum' - }, - { - text: gettext('Message'), - dataIndex: 'msg' - } - ], - - rootVisible: true, - - reload: function() { - var me = this; - var sm = me.getSelectionModel(); - Proxmox.Utils.API2Request({ - url: "/nodes/" + me.nodename + "/disks/zfs/" + me.zpool, - waitMsgTarget: me, - method: 'GET', - failure: function(response, opts) { - Proxmox.Utils.setErrorMask(me, response.htmlStatus); - }, - success: function(response, opts) { - sm.deselectAll(); - me.setRootNode(response.result.data); - me.expandAll(); - } - }); - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.zpool) { - throw "no zpool specified"; - } - - var sm = Ext.create('Ext.selection.TreeModel', {}); - - Ext.apply(me, { - selModel: sm, - fields: ['name', 'status', - { - type: 'string', - name: 'iconCls', - calculate: function(data) { - var txt = 'fa x-fa-tree fa-'; - if (data.leaf) { - return txt + 'hdd-o'; - } - } - } - ], - sorters: 'name' - }); - - me.callParent(); - - me.reload(); - } -}); - -Ext.define('PVE.node.ZFSStatus', { - extend: 'Proxmox.grid.ObjectGrid', - xtype: 'pveZFSStatus', - layout: 'fit', - border: false, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.zpool) { - throw "no zpool specified"; - } - - me.url = "/api2/extjs/nodes/" + me.nodename + "/disks/zfs/" + me.zpool; - - me.rows = { - scan: { - header: gettext('Scan') - }, - status: { - header: gettext('Status') - }, - action: { - header: gettext('Action') - }, - errors: { - header: gettext('Errors') - } - }; - - me.callParent(); - me.reload(); - } -}); - -Ext.define('PVE.node.ZFSList', { - extend: 'Ext.grid.Panel', - xtype: 'pveZFSList', - - stateful: true, - stateId: 'grid-node-zfs', - columns: [ - { - text: gettext('Name'), - dataIndex: 'name', - flex: 1 - }, - { - header: gettext('Size'), - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - }, - { - header: gettext('Free'), - renderer: Proxmox.Utils.format_size, - dataIndex: 'free' - }, - { - header: gettext('Allocated'), - renderer: Proxmox.Utils.format_size, - dataIndex: 'alloc' - }, - { - header: gettext('Fragmentation'), - renderer: function(value) { - return value.toString() + '%'; - }, - dataIndex: 'frag' - }, - { - header: gettext('Health'), - renderer: PVE.Utils.render_zfs_health, - dataIndex: 'health' - }, - { - header: gettext('Deduplication'), - hidden: true, - renderer: function(value) { - return value.toFixed(2).toString() + 'x'; - }, - dataIndex: 'dedup' - } - ], - - rootVisible: false, - useArrows: true, - - tbar: [ - { - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - var me = this.up('panel'); - me.reload(); - } - }, - { - text: gettext('Create') + ': ZFS', - handler: function() { - var me = this.up('panel'); - var win = Ext.create('PVE.node.CreateZFS', { - nodename: me.nodename - }).show(); - win.on('destroy', function() { me.reload(); }); - } - }, - { - text: gettext('Detail'), - itemId: 'detailbtn', - disabled: true, - handler: function() { - var me = this.up('panel'); - var selection = me.getSelection(); - if (selection.length < 1) { - return; - } - me.show_detail(selection[0].get('name')); - } - } - ], - - show_detail: function(zpool) { - var me = this; - - var detailsgrid = Ext.create('PVE.node.ZFSStatus', { - layout: 'fit', - nodename: me.nodename, - flex: 0, - zpool: zpool - }); - - var devicetree = Ext.create('PVE.node.ZFSDevices', { - title: gettext('Devices'), - nodename: me.nodename, - flex: 1, - zpool: zpool - }); - - - var win = Ext.create('Ext.window.Window', { - modal: true, - width: 800, - height: 400, - resizable: true, - layout: 'fit', - title: gettext('Status') + ': ' + zpool, - items:[{ - xtype: 'panel', - region: 'center', - layout: { - type: 'vbox', - align: 'stretch' - }, - items: [detailsgrid, devicetree], - tbar: [{ - text: gettext('Reload'), - iconCls: 'fa fa-refresh', - handler: function() { - - devicetree.reload(); - detailsgrid.reload(); - } - }] - }] - }).show(); - }, - - set_button_status: function() { - var me = this; - var selection = me.getSelection(); - me.down('#detailbtn').setDisabled(selection.length === 0); - }, - - reload: function() { - var me = this; - me.store.load(); - me.store.sort(); - }, - - listeners: { - activate: function() { - var me = this; - me.reload(); - }, - selectionchange: function() { - this.set_button_status(); - }, - itemdblclick: function(grid, record) { - var me = this; - me.show_detail(record.get('name')); - } - }, - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - me.nodename = me.pveSelNode.data.node; - if (!me.nodename) { - throw "no node name specified"; - } - - Ext.apply(me, { - store: { - fields: ['name', 'size', 'free', 'alloc', 'dedup', 'frag', 'health'], - proxy: { - type: 'proxmox', - url: "/api2/json/nodes/" + me.nodename + '/disks/zfs' - }, - sorters: 'name' - } - }); - - me.callParent(); - - Proxmox.Utils.monStoreErrors(me, me.getStore(), true); - me.reload(); - } -}); - -Ext.define('PVE.node.StatusView', { - extend: 'PVE.panel.StatusView', - alias: 'widget.pveNodeStatus', - - height: 300, - bodyPadding: '20 15 20 15', - - layout: { - type: 'table', - columns: 2, - tableAttrs: { - style: { - width: '100%' - } - } - }, - - defaults: { - xtype: 'pveInfoWidget', - padding: '0 15 5 15' - }, - - items: [ - { - itemId: 'cpu', - iconCls: 'fa fa-fw pve-itype-icon-processor pve-icon', - title: gettext('CPU usage'), - valueField: 'cpu', - maxField: 'cpuinfo', - renderer: PVE.Utils.render_node_cpu_usage - }, - { - itemId: 'wait', - iconCls: 'fa fa-fw fa-clock-o', - title: gettext('IO delay'), - valueField: 'wait', - rowspan: 2 - }, - { - itemId: 'load', - iconCls: 'fa fa-fw fa-tasks', - title: gettext('Load average'), - printBar: false, - textField: 'loadavg' - }, - { - xtype: 'box', - colspan: 2, - padding: '0 0 20 0' - }, - { - iconCls: 'fa fa-fw pve-itype-icon-memory pve-icon', - itemId: 'memory', - title: gettext('RAM usage'), - valueField: 'memory', - maxField: 'memory', - renderer: PVE.Utils.render_node_size_usage - }, - { - itemId: 'ksm', - printBar: false, - title: gettext('KSM sharing'), - textField: 'ksm', - renderer: function(record) { - return PVE.Utils.render_size(record.shared); - }, - padding: '0 15 10 15' - }, - { - iconCls: 'fa fa-fw fa-hdd-o', - itemId: 'rootfs', - title: gettext('HD space') + '(root)', - valueField: 'rootfs', - maxField: 'rootfs', - renderer: PVE.Utils.render_node_size_usage - }, - { - iconCls: 'fa fa-fw fa-refresh', - itemId: 'swap', - printSize: true, - title: gettext('SWAP usage'), - valueField: 'swap', - maxField: 'swap', - renderer: PVE.Utils.render_node_size_usage - }, - { - xtype: 'box', - colspan: 2, - padding: '0 0 20 0' - }, - { - itemId: 'cpus', - colspan: 2, - printBar: false, - title: gettext('CPU(s)'), - textField: 'cpuinfo', - renderer: function(cpuinfo) { - return cpuinfo.cpus + " x " + cpuinfo.model + " (" + - cpuinfo.sockets.toString() + " " + - (cpuinfo.sockets > 1 ? - gettext('Sockets') : - gettext('Socket') - ) + ")"; - }, - value: '' - }, - { - itemId: 'kversion', - colspan: 2, - title: gettext('Kernel Version'), - printBar: false, - textField: 'kversion', - value: '' - }, - { - itemId: 'version', - colspan: 2, - printBar: false, - title: gettext('PVE Manager Version'), - textField: 'pveversion', - value: '' - } - ], - - updateTitle: function() { - var me = this; - var uptime = Proxmox.Utils.render_uptime(me.getRecordValue('uptime')); - me.setTitle(me.pveSelNode.data.node + ' (' + gettext('Uptime') + ': ' + uptime + ')'); - } - -}); -Ext.define('PVE.node.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveNodeSummary', - - scrollable: true, - bodyPadding: 5, - - showVersions: function() { - var me = this; - - // Note: we use simply text/html here, because ExtJS grid has problems - // with cut&paste - - var nodename = me.pveSelNode.data.node; - - var view = Ext.createWidget('component', { - autoScroll: true, - padding: 5, - style: { - 'background-color': '#23272a', - 'white-space': 'pre', - 'font-family': 'monospace' - } - }); - - var win = Ext.create('Ext.window.Window', { - title: gettext('Package versions'), - width: 600, - height: 400, - layout: 'fit', - modal: true, - items: [ view ] - }); - - Proxmox.Utils.API2Request({ - waitMsgTarget: me, - url: "/nodes/" + nodename + "/apt/versions", - method: 'GET', - failure: function(response, opts) { - win.close(); - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, opts) { - win.show(); - var text = ''; - - Ext.Array.each(response.result.data, function(rec) { - var version = "not correctly installed"; - var pkg = rec.Package; - if (rec.OldVersion && rec.CurrentState === 'Installed') { - version = rec.OldVersion; - } - if (rec.RunningKernel) { - text += pkg + ': ' + version + ' (running kernel: ' + - rec.RunningKernel + ')\n'; - } else if (rec.ManagerVersion) { - text += pkg + ': ' + version + ' (running version: ' + - rec.ManagerVersion + ')\n'; - } else { - text += pkg + ': ' + version + '\n'; - } - }); - - view.update(Ext.htmlEncode(text)); - } - }); - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - if (!me.statusStore) { - throw "no status storage specified"; - } - - var rstore = me.statusStore; - - var version_btn = new Ext.Button({ - text: gettext('Package versions'), - handler: function(){ - Proxmox.Utils.checked_command(function() { me.showVersions(); }); - } - }); - - var rrdstore = Ext.create('Proxmox.data.RRDStore', { - rrdurl: "/api2/json/nodes/" + nodename + "/rrddata", - model: 'pve-rrd-node' - }); - - Ext.apply(me, { - tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' } ], - items: [ - { - xtype: 'container', - layout: 'column', - defaults: { - minHeight: 320, - padding: 5, - plugins: 'responsive', - responsiveConfig: { - 'width < 1900': { - columnWidth: 1 - }, - 'width >= 1900': { - columnWidth: 0.5 - } - } - }, - items: [ - { - xtype: 'pveNodeStatus', - rstore: rstore, - width: 770, - pveSelNode: me.pveSelNode - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('CPU usage'), - fields: ['cpu','iowait'], - fieldTitles: [gettext('CPU usage'), gettext('IO delay')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Server load'), - fields: ['loadavg'], - fieldTitles: [gettext('Load average')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Memory usage'), - fields: ['memtotal','memused'], - fieldTitles: [gettext('Total'), gettext('RAM usage')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Network traffic'), - fields: ['netin','netout'], - store: rrdstore - } - ] - } - ], - listeners: { - activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); }, - destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); } - } - }); - - me.callParent(); - } -}); -/*global Blob*/ -Ext.define('PVE.node.SubscriptionKeyEdit', { - extend: 'Proxmox.window.Edit', - title: gettext('Upload Subscription Key'), - width: 300, - items: { - xtype: 'textfield', - name: 'key', - value: '', - fieldLabel: gettext('Subscription Key') - }, - initComponent : function() { - var me = this; - - me.callParent(); - - me.load(); - } -}); - -Ext.define('PVE.node.Subscription', { - extend: 'Proxmox.grid.ObjectGrid', - - alias: ['widget.pveNodeSubscription'], - - onlineHelp: 'getting_help', - - viewConfig: { - enableTextSelection: true - }, - - showReport: function() { - var me = this; - var nodename = me.pveSelNode.data.node; - - var getReportFileName = function() { - var now = Ext.Date.format(new Date(), 'D-d-F-Y-G-i'); - return me.nodename + '-report-' + now + '.txt'; - }; - - var view = Ext.createWidget('component', { - itemId: 'system-report-view', - scrollable: true, - style: { - 'background-color': '#23272a', - 'white-space': 'pre', - 'font-family': 'monospace', - padding: '5px' - } - }); - - var reportWindow = Ext.create('Ext.window.Window', { - title: gettext('System Report'), - width: 1024, - height: 600, - layout: 'fit', - modal: true, - buttons: [ - '->', - { - text: gettext('Download'), - handler: function() { - var fileContent = reportWindow.getComponent('system-report-view').html; - var fileName = getReportFileName(); - - // Internet Explorer - if (window.navigator.msSaveOrOpenBlob) { - navigator.msSaveOrOpenBlob(new Blob([fileContent]), fileName); - } else { - var element = document.createElement('a'); - element.setAttribute('href', 'data:text/plain;charset=utf-8,' - + encodeURIComponent(fileContent)); - element.setAttribute('download', fileName); - element.style.display = 'none'; - document.body.appendChild(element); - element.click(); - document.body.removeChild(element); - } - } - } - ], - items: view - }); - - Proxmox.Utils.API2Request({ - url: '/api2/extjs/nodes/' + me.nodename + '/report', - method: 'GET', - waitMsgTarget: me, - failure: function(response) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response) { - var report = Ext.htmlEncode(response.result.data); - reportWindow.show(); - view.update(report); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var reload = function() { - me.rstore.load(); - }; - - var baseurl = '/nodes/' + me.nodename + '/subscription'; - - var render_status = function(value) { - - var message = me.getObjectValue('message'); - - if (message) { - return value + ": " + message; - } - return value; - }; - - var rows = { - productname: { - header: gettext('Type') - }, - key: { - header: gettext('Subscription Key') - }, - status: { - header: gettext('Status'), - renderer: render_status - }, - message: { - visible: false - }, - serverid: { - header: gettext('Server ID') - }, - sockets: { - header: gettext('Sockets') - }, - checktime: { - header: gettext('Last checked'), - renderer: Proxmox.Utils.render_timestamp - }, - nextduedate: { - header: gettext('Next due date') - } - }; - - Ext.apply(me, { - url: '/api2/json' + baseurl, - cwidth1: 170, - tbar: [ - { - text: gettext('Upload Subscription Key'), - handler: function() { - var win = Ext.create('PVE.node.SubscriptionKeyEdit', { - url: '/api2/extjs/' + baseurl - }); - win.show(); - win.on('destroy', reload); - } - }, - { - text: gettext('Check'), - handler: function() { - Proxmox.Utils.API2Request({ - params: { force: 1 }, - url: baseurl, - method: 'POST', - waitMsgTarget: me, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - callback: reload - }); - } - }, - { - text: gettext('System Report'), - handler: function() { - Proxmox.Utils.checked_command(function (){ me.showReport(); }); - } - } - ], - rows: rows, - listeners: { - activate: reload - } - }); - - me.callParent(); - } -}); -Ext.define('PVE.node.CertificateView', { - extend: 'Ext.container.Container', - xtype: 'pveCertificatesView', - - onlineHelp: 'sysadmin_certificate_management', - - mixins: ['Proxmox.Mixin.CBind' ], - - items: [ - { - xtype: 'pveCertView', - border: 0, - cbind: { - nodename: '{nodename}' - } - }, - { - xtype: 'pveACMEView', - border: 0, - cbind: { - nodename: '{nodename}' - } - } - ] - -}); - -Ext.define('PVE.node.CertificateViewer', { - extend: 'Proxmox.window.Edit', - - title: gettext('Certificate'), - - fieldDefaults: { - labelWidth: 120 - }, - width: 800, - resizable: true, - - items: [ - { - xtype: 'displayfield', - fieldLabel: gettext('Name'), - name: 'filename' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Fingerprint'), - name: 'fingerprint' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Issuer'), - name: 'issuer' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Subject'), - name: 'subject' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Valid Since'), - renderer: Proxmox.Utils.render_timestamp, - name: 'notbefore' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Expires'), - renderer: Proxmox.Utils.render_timestamp, - name: 'notafter' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Subject Alternative Names'), - name: 'san', - renderer: PVE.Utils.render_san - }, - { - xtype: 'textarea', - editable: false, - grow: true, - growMax: 200, - fieldLabel: gettext('Certificate'), - name: 'pem' - } - ], - - initComponent: function() { - var me = this; - - if (!me.cert) { - throw "no cert given"; - } - - if (!me.nodename) { - throw "no nodename given"; - } - - me.url = '/nodes/' + me.nodename + '/certificates/info'; - me.callParent(); - - // hide OK/Reset button, because we just want to show data - me.down('toolbar[dock=bottom]').setVisible(false); - - me.load({ - success: function(response) { - if (Ext.isArray(response.result.data)) { - Ext.Array.each(response.result.data, function(item) { - if (item.filename === me.cert) { - me.setValues(item); - return false; - } - }); - } - } - }); - } -}); - -Ext.define('PVE.node.CertUpload', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCertUpload', - - title: gettext('Upload Custom Certificate'), - resizable: false, - isCreate: true, - submitText: gettext('Upload'), - method: 'POST', - width: 600, - - apiCallDone: function(success, response, options) { - if (!success) { - return; - } - - var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); - Ext.getBody().mask(txt, ['pve-static-mask']); - // reload after 10 seconds automatically - Ext.defer(function() { - window.location.reload(true); - }, 10000); - }, - - items: [ - { - fieldLabel: gettext('Private Key (Optional)'), - labelAlign: 'top', - emptyText: gettext('No change'), - name: 'key', - xtype: 'textarea' - }, - { - xtype: 'filebutton', - text: gettext('From File'), - listeners: { - change: function(btn, e, value) { - var me = this.up('form'); - e = e.event; - Ext.Array.each(e.target.files, function(file) { - PVE.Utils.loadSSHKeyFromFile(file, function(res) { - me.down('field[name=key]').setValue(res); - }); - }); - btn.reset(); - } - } - }, - { - xtype: 'box', - autoEl: 'hr' - }, - { - fieldLabel: gettext('Certificate Chain'), - labelAlign: 'top', - allowBlank: false, - name: 'certificates', - xtype: 'textarea' - }, - { - xtype: 'filebutton', - text: gettext('From File'), - listeners: { - change: function(btn, e, value) { - var me = this.up('form'); - e = e.event; - Ext.Array.each(e.target.files, function(file) { - PVE.Utils.loadSSHKeyFromFile(file, function(res) { - me.down('field[name=certificates]').setValue(res); - }); - }); - btn.reset(); - } - } - }, - { - xtype: 'hidden', - name: 'restart', - value: '1' - }, - { - xtype: 'hidden', - name: 'force', - value: '1' - } - ], - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no nodename given"; - } - - me.url = '/nodes/' + me.nodename + '/certificates/custom'; - - me.callParent(); - } -}); - -Ext.define('pve-certificate', { - extend: 'Ext.data.Model', - - fields: [ 'filename', 'fingerprint', 'issuer', 'notafter', 'notbefore', 'subject', 'san' ], - idProperty: 'filename' -}); - -Ext.define('PVE.node.Certificates', { - extend: 'Ext.grid.Panel', - xtype: 'pveCertView', - - tbar: [ - { - xtype: 'button', - text: gettext('Upload Custom Certificate'), - handler: function() { - var me = this.up('grid'); - var win = Ext.create('PVE.node.CertUpload', { - nodename: me.nodename - }); - win.show(); - win.on('destroy', me.reload, me); - } - }, - { - xtype: 'button', - itemId: 'deletebtn', - text: gettext('Delete Custom Certificate'), - handler: function() { - var me = this.up('grid'); - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/certificates/custom?restart=1', - method: 'DELETE', - success: function(response, opt) { - var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); - Ext.getBody().mask(txt, ['pve-static-mask']); - // reload after 10 seconds automatically - Ext.defer(function() { - window.location.reload(true); - }, 10000); - }, - failure: function(response, opt) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - }, - '-', - { - xtype: 'proxmoxButton', - itemId: 'viewbtn', - disabled: true, - text: gettext('View Certificate'), - handler: function() { - var me = this.up('grid'); - me.view_certificate(); - } - } - ], - - columns: [ - { - header: gettext('File'), - width: 150, - dataIndex: 'filename' - }, - { - header: gettext('Issuer'), - flex: 1, - dataIndex: 'issuer' - }, - { - header: gettext('Subject'), - flex: 1, - dataIndex: 'subject' - }, - { - header: gettext('Valid Since'), - width: 150, - dataIndex: 'notbefore', - renderer: Proxmox.Utils.render_timestamp - }, - { - header: gettext('Expires'), - width: 150, - dataIndex: 'notafter', - renderer: Proxmox.Utils.render_timestamp - }, - { - header: gettext('Subject Alternative Names'), - flex: 1, - dataIndex: 'san', - renderer: PVE.Utils.render_san - }, - { - header: gettext('Fingerprint'), - dataIndex: 'fingerprint', - hidden: true - }, - { - header: gettext('PEM'), - dataIndex: 'pem', - hidden: true - } - ], - - reload: function() { - var me = this; - me.rstore.load(); - }, - - set_button_status: function() { - var me = this; - var rec = me.rstore.getById('pveproxy-ssl.pem'); - - me.down('#deletebtn').setDisabled(!rec); - }, - - view_certificate: function() { - var me = this; - var selection = me.getSelection(); - if (!selection || selection.length < 1) { - return; - } - var win = Ext.create('PVE.node.CertificateViewer', { - cert: selection[0].data.filename, - nodename : me.nodename - }); - win.show(); - }, - - listeners: { - itemdblclick: 'view_certificate' - }, - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no nodename given"; - } - - me.rstore = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'certs-' + me.nodename, - model: 'pve-certificate', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/certificates/info' - } - }); - - me.store = { - type: 'diff', - rstore: me.rstore - }; - - me.callParent(); - - me.mon(me.rstore, 'load', me.set_button_status, me); - me.rstore.startUpdate(); - } -}); -Ext.define('PVE.node.ACMEEditor', { - extend: 'Proxmox.window.Edit', - xtype: 'pveACMEEditor', - - subject: gettext('Domains'), - items: [ - { - xtype: 'inputpanel', - items: [ - { - xtype: 'textarea', - fieldLabel: gettext('Domains'), - emptyText: "domain1.example.com\ndomain2.example.com", - name: 'domains' - } - ], - onGetValues: function(values) { - if (!values.domains) { - return { - 'delete': 'acme' - }; - } - var domains = values.domains.split(/\n/).join(';'); - return { - 'acme': 'domains=' + domains - }; - } - } - ], - - initComponent: function() { - var me = this; - me.callParent(); - - me.load({ - success: function(response, opts) { - var res = PVE.Parser.parseACME(response.result.data.acme); - if (res) { - res.domains = res.domains.join(' '); - me.setValues(res); - } - } - }); - } -}); - -Ext.define('PVE.node.ACMEAccountCreate', { - extend: 'Proxmox.window.Edit', - - width: 400, - title: gettext('Register Account'), - isCreate: true, - method: 'POST', - submitText: gettext('Register'), - url: '/cluster/acme/account', - showTaskViewer: true, - - items: [ - { - xtype: 'proxmoxComboGrid', - name: 'directory', - allowBlank: false, - valueField: 'url', - displayField: 'name', - fieldLabel: gettext('ACME Directory'), - store: { - autoLoad: true, - fields: ['name', 'url'], - idProperty: ['name'], - proxy: { - type: 'proxmox', - url: '/api2/json/cluster/acme/directories' - }, - sorters: { - property: 'name', - order: 'ASC' - } - }, - listConfig: { - columns: [ - { - header: gettext('Name'), - dataIndex: 'name', - flex: 1 - }, - { - header: gettext('URL'), - dataIndex: 'url', - flex: 1 - } - ] - }, - listeners: { - change: function(combogrid, value) { - var me = this; - if (!value) { - return; - } - - var disp = me.up('window').down('#tos_url_display'); - var field = me.up('window').down('#tos_url'); - var checkbox = me.up('window').down('#tos_checkbox'); - - disp.setValue(gettext('Loading')); - field.setValue(undefined); - checkbox.setValue(undefined); - - Proxmox.Utils.API2Request({ - url: '/cluster/acme/tos', - method: 'GET', - params: { - directory: value - }, - success: function(response, opt) { - me.up('window').down('#tos_url').setValue(response.result.data); - me.up('window').down('#tos_url_display').setValue(response.result.data); - }, - failure: function(response, opt) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - } - }, - { - xtype: 'displayfield', - itemId: 'tos_url_display', - fieldLabel: gettext('Terms of Service'), - renderer: PVE.Utils.render_optional_url, - name: 'tos_url_display' - }, - { - xtype: 'hidden', - itemId: 'tos_url', - name: 'tos_url' - }, - { - xtype: 'proxmoxcheckbox', - itemId: 'tos_checkbox', - fieldLabel: gettext('Accept TOS'), - submitValue: false, - validateValue: function(value) { - if (value && this.checked) { - return true; - } - return false; - } - }, - { - xtype: 'textfield', - name: 'contact', - vtype: 'email', - allowBlank: false, - fieldLabel: gettext('E-Mail') - } - ] - -}); - -Ext.define('PVE.node.ACMEAccountView', { - extend: 'Proxmox.window.Edit', - - width: 600, - fieldDefaults: { - labelWidth: 140 - }, - - title: gettext('Account'), - - items: [ - { - xtype: 'displayfield', - fieldLabel: gettext('E-Mail'), - name: 'email' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Created'), - name: 'createdAt' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Status'), - name: 'status' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Directory'), - renderer: PVE.Utils.render_optional_url, - name: 'directory' - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Terms of Services'), - renderer: PVE.Utils.render_optional_url, - name: 'tos' - } - ], - - initComponent: function() { - var me = this; - - if (!me.accountname) { - throw "no account name defined"; - } - - me.url = '/cluster/acme/account/' + me.accountname; - - me.callParent(); - - // hide OK/Reset button, because we just want to show data - me.down('toolbar[dock=bottom]').setVisible(false); - - me.load({ - success: function(response) { - var data = response.result.data; - data.email = data.account.contact[0]; - data.createdAt = data.account.createdAt; - data.status = data.account.status; - me.setValues(data); - } - }); - } -}); - -Ext.define('PVE.node.ACME', { - extend: 'Proxmox.grid.ObjectGrid', - xtype: 'pveACMEView', - - margin: '10 0 0 0', - title: 'ACME', - - tbar: [ - { - xtype: 'button', - itemId: 'edit', - text: gettext('Edit Domains'), - handler: function() { - this.up('grid').run_editor(); - } - }, - { - xtype: 'button', - itemId: 'createaccount', - text: gettext('Register Account'), - handler: function() { - var me = this.up('grid'); - var win = Ext.create('PVE.node.ACMEAccountCreate', { - taskDone: function() { - me.load_account(); - me.reload(); - } - }); - win.show(); - } - }, - { - xtype: 'button', - itemId: 'viewaccount', - text: gettext('View Account'), - handler: function() { - var me = this.up('grid'); - var win = Ext.create('PVE.node.ACMEAccountView', { - accountname: 'default' - }); - win.show(); - } - }, - { - xtype: 'button', - itemId: 'order', - text: gettext('Order Certificate'), - handler: function() { - var me = this.up('grid'); - - Proxmox.Utils.API2Request({ - method: 'POST', - params: { - force: 1 - }, - url: '/nodes/' + me.nodename + '/certificates/acme/certificate', - success: function(response, opt) { - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: response.result.data, - taskDone: function(success) { - me.certificate_order_finished(success); - } - }); - win.show(); - }, - failure: function(response, opt) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - } - ], - - certificate_order_finished: function(success) { - if (!success) { - return; - } - var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); - Ext.getBody().mask(txt, ['pve-static-mask']); - // reload after 10 seconds automatically - Ext.defer(function() { - window.location.reload(true); - }, 10000); - }, - - set_button_status: function() { - var me = this; - - var account = !!me.account; - var acmeObj = PVE.Parser.parseACME(me.getObjectValue('acme')); - var domains = acmeObj ? acmeObj.domains.length : 0; - - var order = me.down('#order'); - order.setVisible(account); - order.setDisabled(!account || !domains); - - me.down('#createaccount').setVisible(!account); - me.down('#viewaccount').setVisible(account); - }, - - load_account: function() { - var me = this; - - // for now we only use the 'default' account - Proxmox.Utils.API2Request({ - url: '/cluster/acme/account/default', - success: function(response, opt) { - me.account = response.result.data; - me.set_button_status(); - }, - failure: function(response, opt) { - me.account = undefined; - me.set_button_status(); - } - }); - }, - - run_editor: function() { - var me = this; - var win = Ext.create(me.rows.acme.editor, me.editorConfig); - win.show(); - win.on('destroy', me.reload, me); - }, - - listeners: { - itemdblclick: 'run_editor' - }, - - // account data gets loaded here - account: undefined, - - disableSelection: true, - - initComponent: function() { - var me = this; - - if (!me.nodename) { - throw "no nodename given"; - } - - me.url = '/api2/json/nodes/' + me.nodename + '/config'; - - me.editorConfig = { - url: '/api2/extjs/nodes/' + me.nodename + '/config' - }; - /*jslint confusion: true*/ - /*acme is a string above*/ - me.rows = { - acme: { - defaultValue: '', - header: gettext('Domains'), - editor: 'PVE.node.ACMEEditor', - renderer: function(value) { - var acmeObj = PVE.Parser.parseACME(value); - if (acmeObj) { - return acmeObj.domains.join(''); - } - return Proxmox.Utils.noneText; - } - } - }; - /*jslint confusion: false*/ - - me.callParent(); - me.mon(me.rstore, 'load', me.set_button_status, me); - me.rstore.startUpdate(); - me.load_account(); - } -}); -Ext.define('PVE.node.Config', { - extend: 'PVE.panel.Config', - alias: 'widget.PVE.node.Config', - - onlineHelp: 'chapter_system_administration', - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - - me.statusStore = Ext.create('Proxmox.data.ObjectStore', { - url: "/api2/json/nodes/" + nodename + "/status", - interval: 1000 - }); - - var node_command = function(cmd) { - Proxmox.Utils.API2Request({ - params: { command: cmd }, - url: '/nodes/' + nodename + '/status', - method: 'POST', - waitMsgTarget: me, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }; - - var actionBtn = Ext.create('Ext.Button', { - text: gettext('Bulk Actions'), - iconCls: 'fa fa-fw fa-ellipsis-v', - disabled: !caps.nodes['Sys.PowerMgmt'], - menu: new Ext.menu.Menu({ - items: [ - { - text: gettext('Bulk Start'), - iconCls: 'fa fa-fw fa-play', - handler: function() { - var win = Ext.create('PVE.window.BulkAction', { - nodename: nodename, - title: gettext('Bulk Start'), - btnText: gettext('Start'), - action: 'startall' - }); - win.show(); - } - }, - { - text: gettext('Bulk Stop'), - iconCls: 'fa fa-fw fa-stop', - handler: function() { - var win = Ext.create('PVE.window.BulkAction', { - nodename: nodename, - title: gettext('Bulk Stop'), - btnText: gettext('Stop'), - action: 'stopall' - }); - win.show(); - } - }, - { - text: gettext('Bulk Migrate'), - iconCls: 'fa fa-fw fa-send-o', - handler: function() { - var win = Ext.create('PVE.window.BulkAction', { - nodename: nodename, - title: gettext('Bulk Migrate'), - btnText: gettext('Migrate'), - action: 'migrateall' - }); - win.show(); - } - } - ] - }) - }); - - var restartBtn = Ext.create('Proxmox.button.Button', { - text: gettext('Reboot'), - disabled: !caps.nodes['Sys.PowerMgmt'], - dangerous: true, - confirmMsg: Ext.String.format(gettext("Reboot node '{0}'?"), nodename), - handler: function() { - node_command('reboot'); - }, - iconCls: 'fa fa-undo' - }); - - var shutdownBtn = Ext.create('Proxmox.button.Button', { - text: gettext('Shutdown'), - disabled: !caps.nodes['Sys.PowerMgmt'], - dangerous: true, - confirmMsg: Ext.String.format(gettext("Shutdown node '{0}'?"), nodename), - handler: function() { - node_command('shutdown'); - }, - iconCls: 'fa fa-power-off' - }); - - var shellBtn = Ext.create('PVE.button.ConsoleButton', { - disabled: !caps.nodes['Sys.Console'], - text: gettext('Shell'), - consoleType: 'shell', - nodename: nodename - }); - - me.items = []; - - Ext.apply(me, { - title: gettext('Node') + " '" + nodename + "'", - hstateid: 'nodetab', - defaults: { statusStore: me.statusStore }, - tbar: [ restartBtn, shutdownBtn, shellBtn, actionBtn] - }); - - if (caps.nodes['Sys.Audit']) { - me.items.push( - { - title: gettext('Summary'), - iconCls: 'fa fa-book', - itemId: 'summary', - xtype: 'pveNodeSummary' - }, - { - title: gettext('Notes'), - iconCls: 'fa fa-sticky-note-o', - itemId: 'notes', - xtype: 'pveNotesView' - } - ); - } - - if (caps.nodes['Sys.Console']) { - me.items.push( - { - title: gettext('Shell'), - iconCls: 'fa fa-terminal', - itemId: 'jsconsole', - xtype: 'pveNoVncConsole', - consoleType: 'shell', - xtermjs: true, - nodename: nodename - } - ); - } - - if (caps.nodes['Sys.Audit']) { - me.items.push( - { - title: gettext('System'), - iconCls: 'fa fa-cogs', - itemId: 'services', - expandedOnInit: true, - startOnlyServices: { - 'pveproxy': true, - 'pvedaemon': true, - 'pve-cluster': true - }, - nodename: nodename, - onlineHelp: 'pve_service_daemons', - xtype: 'proxmoxNodeServiceView' - }, - { - title: gettext('Network'), - iconCls: 'fa fa-exchange', - itemId: 'network', - groups: ['services'], - nodename: nodename, - onlineHelp: 'sysadmin_network_configuration', - xtype: 'proxmoxNodeNetworkView' - }, - { - title: gettext('Certificates'), - iconCls: 'fa fa-certificate', - itemId: 'certificates', - groups: ['services'], - nodename: nodename, - xtype: 'pveCertificatesView' - }, - { - title: gettext('DNS'), - iconCls: 'fa fa-globe', - groups: ['services'], - itemId: 'dns', - nodename: nodename, - onlineHelp: 'sysadmin_network_configuration', - xtype: 'proxmoxNodeDNSView' - }, - { - title: gettext('Hosts'), - iconCls: 'fa fa-globe', - groups: ['services'], - itemId: 'hosts', - nodename: nodename, - onlineHelp: 'sysadmin_network_configuration', - xtype: 'proxmoxNodeHostsView' - }, - { - title: gettext('Time'), - itemId: 'time', - groups: ['services'], - nodename: nodename, - xtype: 'proxmoxNodeTimeView', - iconCls: 'fa fa-clock-o' - }); - } - - if (caps.nodes['Sys.Syslog']) { - me.items.push({ - title: 'Syslog', - iconCls: 'fa fa-list', - groups: ['services'], - disabled: !caps.nodes['Sys.Syslog'], - itemId: 'syslog', - xtype: 'proxmoxJournalView', - url: "/api2/extjs/nodes/" + nodename + "/journal" - }); - - if (caps.nodes['Sys.Modify']) { - me.items.push({ - title: gettext('Updates'), - iconCls: 'fa fa-refresh', - disabled: !caps.nodes['Sys.Console'], - // do we want to link to system updates instead? - itemId: 'apt', - xtype: 'proxmoxNodeAPT', - upgradeBtn: { - xtype: 'pveConsoleButton', - disabled: Proxmox.UserName !== 'root@pam', - text: gettext('Upgrade'), - consoleType: 'upgrade', - nodename: nodename - }, - nodename: nodename - }); - } - } - - if (caps.nodes['Sys.Audit']) { - me.items.push( - { - xtype: 'pveFirewallRules', - iconCls: 'fa fa-shield', - title: gettext('Firewall'), - allow_iface: true, - base_url: '/nodes/' + nodename + '/firewall/rules', - list_refs_url: '/cluster/firewall/refs', - itemId: 'firewall' - }, - { - xtype: 'pveFirewallOptions', - title: gettext('Options'), - iconCls: 'fa fa-gear', - onlineHelp: 'pve_firewall_host_specific_configuration', - groups: ['firewall'], - base_url: '/nodes/' + nodename + '/firewall/options', - fwtype: 'node', - itemId: 'firewall-options' - }); - } - - - if (caps.nodes['Sys.Audit']) { - me.items.push( - { - title: gettext('Disks'), - itemId: 'storage', - expandedOnInit: true, - iconCls: 'fa fa-hdd-o', - xtype: 'pveNodeDiskList' - }, - { - title: 'LVM', - itemId: 'lvm', - onlineHelp: 'chapter_lvm', - iconCls: 'fa fa-square', - groups: ['storage'], - xtype: 'pveLVMList' - }, - { - title: 'LVM-Thin', - itemId: 'lvmthin', - onlineHelp: 'chapter_lvm', - iconCls: 'fa fa-square-o', - groups: ['storage'], - xtype: 'pveLVMThinList' - }, - { - title: Proxmox.Utils.directoryText, - itemId: 'directory', - onlineHelp: 'chapter_storage', - iconCls: 'fa fa-folder', - groups: ['storage'], - xtype: 'pveDirectoryList' - }, - { - title: 'ZFS', - itemId: 'zfs', - onlineHelp: 'chapter_zfs', - iconCls: 'fa fa-th-large', - groups: ['storage'], - xtype: 'pveZFSList' - }, - { - title: 'Ceph', - itemId: 'ceph', - iconCls: 'fa fa-ceph', - xtype: 'pveNodeCephStatus' - }, - { - xtype: 'pveReplicaView', - iconCls: 'fa fa-retweet', - title: gettext('Replication'), - itemId: 'replication' - }, - { - xtype: 'pveNodeCephConfigCrush', - title: gettext('Configuration'), - iconCls: 'fa fa-gear', - groups: ['ceph'], - itemId: 'ceph-config' - }, - { - xtype: 'pveNodeCephMonMgr', - title: gettext('Monitor'), - iconCls: 'fa fa-tv', - groups: ['ceph'], - itemId: 'ceph-monlist' - }, - { - xtype: 'pveNodeCephOsdTree', - title: 'OSD', - iconCls: 'fa fa-hdd-o', - groups: ['ceph'], - itemId: 'ceph-osdtree' - }, - { - xtype: 'pveNodeCephFSPanel', - title: 'CephFS', - iconCls: 'fa fa-folder', - groups: ['ceph'], - nodename: nodename, - itemId: 'ceph-cephfspanel' - }, - { - xtype: 'pveNodeCephPoolList', - title: 'Pools', - iconCls: 'fa fa-sitemap', - groups: ['ceph'], - itemId: 'ceph-pools' - } - ); - } - - if (caps.nodes['Sys.Syslog']) { - me.items.push( - { - xtype: 'proxmoxLogView', - title: gettext('Log'), - iconCls: 'fa fa-list', - groups: ['firewall'], - onlineHelp: 'chapter_pve_firewall', - url: '/api2/extjs/nodes/' + nodename + '/firewall/log', - itemId: 'firewall-fwlog' - }, - { - title: gettext('Log'), - itemId: 'ceph-log', - iconCls: 'fa fa-list', - groups: ['ceph'], - onlineHelp: 'chapter_pveceph', - xtype: 'cephLogView', - url: "/api2/extjs/nodes/" + nodename + "/ceph/log", - nodename: nodename - }); - } - - me.items.push( - { - title: gettext('Task History'), - iconCls: 'fa fa-list', - itemId: 'tasks', - nodename: nodename, - xtype: 'proxmoxNodeTasks' - }, - { - title: gettext('Subscription'), - iconCls: 'fa fa-support', - itemId: 'support', - xtype: 'pveNodeSubscription', - nodename: nodename - } - ); - - me.callParent(); - - me.mon(me.statusStore, 'load', function(s, records, success) { - var uptimerec = s.data.get('uptime'); - var powermgmt = uptimerec ? uptimerec.data.value : false; - if (!caps.nodes['Sys.PowerMgmt']) { - powermgmt = false; - } - restartBtn.setDisabled(!powermgmt); - shutdownBtn.setDisabled(!powermgmt); - shellBtn.setDisabled(!powermgmt); - }); - - me.on('afterrender', function() { - me.statusStore.startUpdate(); - }); - - me.on('destroy', function() { - me.statusStore.stopUpdate(); - }); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.window.Migrate', { - extend: 'Ext.window.Window', - - vmtype: undefined, - nodename: undefined, - vmid: undefined, - - viewModel: { - data: { - vmid: undefined, - nodename: undefined, - vmtype: undefined, - running: false, - qemu: { - onlineHelp: 'qm_migration', - commonName: 'VM' - }, - lxc: { - onlineHelp: 'pct_migration', - commonName: 'CT' - }, - migration: { - possible: true, - preconditions: [], - 'with-local-disks': 0, - mode: undefined, - allowedNodes: undefined - } - - }, - - formulas: { - setMigrationMode: function(get) { - if (get('running')){ - if (get('vmtype') === 'qemu') { - return gettext('Online'); - } else { - return gettext('Restart Mode'); - } - } else { - return gettext('Offline'); - } - }, - setStorageselectorHidden: function(get) { - if (get('migration.with-local-disks') && get('running')) { - return false; - } else { - return true; - } - } - } - }, - - controller: { - xclass: 'Ext.app.ViewController', - control: { - 'panel[reference=formPanel]': { - validityChange: function(panel, isValid) { - this.getViewModel().set('migration.possible', isValid); - this.checkMigratePreconditions(); - } - } - }, - - init: function(view) { - var me = this, - vm = view.getViewModel(); - - if (!view.nodename) { - throw "missing custom view config: nodename"; - } - vm.set('nodename', view.nodename); - - if (!view.vmid) { - throw "missing custom view config: vmid"; - } - vm.set('vmid', view.vmid); - - if (!view.vmtype) { - throw "missing custom view config: vmtype"; - } - vm.set('vmtype', view.vmtype); - - - view.setTitle( - Ext.String.format('{0} {1}{2}', gettext('Migrate'), vm.get(view.vmtype).commonName, view.vmid) - ); - me.lookup('proxmoxHelpButton').setHelpConfig({ - onlineHelp: vm.get(view.vmtype).onlineHelp - }); - me.checkMigratePreconditions(); - me.lookup('formPanel').isValid(); - - }, - - onTargetChange: function (nodeSelector) { - //Always display the storages of the currently seleceted migration target - this.lookup('pveDiskStorageSelector').setNodename(nodeSelector.value); - this.checkMigratePreconditions(); - }, - - startMigration: function() { - var me = this, - view = me.getView(), - vm = me.getViewModel(); - - var values = me.lookup('formPanel').getValues(); - var params = { - target: values.target - }; - - if (vm.get('migration.mode')) { - params[vm.get('migration.mode')] = 1; - } - if (vm.get('migration.with-local-disks')) { - params['with-local-disks'] = 1; - } - //only submit targetstorage if vm is running, storage migration to different storage is only possible online - if (vm.get('migration.with-local-disks') && vm.get('running')) { - params.targetstorage = values.targetstorage; - } - - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + vm.get('nodename') + '/' + vm.get('vmtype') + '/' + vm.get('vmid') + '/migrate', - waitMsgTarget: view, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var extraTitle = Ext.String.format(' ({0} ---> {1})', vm.get('nodename'), params.target); - - Ext.create('Proxmox.window.TaskViewer', { - upid: upid, - extraTitle: extraTitle - }).show(); - - view.close(); - } - }); - - }, - - checkMigratePreconditions: function() { - var me = this, - vm = me.getViewModel(); - - - var vmrec = PVE.data.ResourceStore.findRecord('vmid', vm.get('vmid'), - 0, false, false, true); - if (vmrec && vmrec.data && vmrec.data.running) { - vm.set('running', true); - } - - if (vm.get('vmtype') === 'qemu') { - me.checkQemuPreconditions(); - } else { - me.checkLxcPreconditions(); - } - me.lookup('pveNodeSelector').disallowedNodes = [vm.get('nodename')]; - - // Only allow nodes where the local storage is available in case of offline migration - // where storage migration is not possible - me.lookup('pveNodeSelector').allowedNodes = vm.get('migration.allowedNodes'); - - me.lookup('formPanel').isValid(); - - }, - - checkQemuPreconditions: function() { - var me = this, - vm = me.getViewModel(), - migrateStats; - - if (vm.get('running')) { - vm.set('migration.mode', 'online'); - } - - Proxmox.Utils.API2Request({ - url: '/nodes/' + vm.get('nodename') + '/' + vm.get('vmtype') + '/' + vm.get('vmid') + '/migrate', - method: 'GET', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - migrateStats = response.result.data; - if (migrateStats.running) { - vm.set('running', true); - } - // Get migration object from viewmodel to prevent - // to many bind callbacks - var migration = vm.get('migration'); - migration.preconditions = []; - - if (migrateStats.allowed_nodes) { - migration.allowedNodes = migrateStats.allowed_nodes; - var target = me.lookup('pveNodeSelector').value; - if (target.length && !migrateStats.allowed_nodes.includes(target)) { - let disallowed = migrateStats.not_allowed_nodes[target]; - let missing_storages = disallowed.unavailable_storages.join(', '); - - migration.possible = false; - migration.preconditions.push({ - text: 'Storage (' + missing_storages + ') not available on selected target. ' + - 'Start VM to use live storage migration or select other target node', - severity: 'error' - }); - } - } - - if (migrateStats.local_resources.length) { - migration.possible = false; - migration.preconditions.push({ - text: 'Can\'t migrate VM with local resources: '+ migrateStats.local_resources.join(', '), - severity: 'error' - }); - } - - if (migrateStats.local_disks.length) { - - migrateStats.local_disks.forEach(function (disk) { - if (disk.cdrom && disk.cdrom === 1) { - migration.possible = false; - migration.preconditions.push({ - text: "Can't migrate VM with local CD/DVD", - severity: 'error' - }); - - } else if (!disk.referenced_in_config) { - migration.possible = false; - migration.preconditions.push({ - text: 'Found not referenced/unused disk via storage: '+ disk.volid, - severity: 'error' - }); - } else { - migration['with-local-disks'] = 1; - migration.preconditions.push({ - text:'Migration with local disk might take long: ' + disk.volid - +' (' + PVE.Utils.render_size(disk.size) + ')', - severity: 'warning' - }); - } - }); - - } - - vm.set('migration', migration); - - } - }); - }, - checkLxcPreconditions: function() { - var me = this, - vm = me.getViewModel(); - if (vm.get('running')) { - vm.set('migration.mode', 'restart'); - } - } - - - }, - - width: 600, - modal: true, - layout: { - type: 'vbox', - align: 'stretch' - }, - border: false, - items: [ - { - xtype: 'form', - reference: 'formPanel', - bodyPadding: 10, - border: false, - layout: { - type: 'column' - }, - items: [ - { - xtype: 'container', - columnWidth: 0.5, - items: [{ - xtype: 'displayfield', - name: 'source', - fieldLabel: gettext('Source node'), - bind: { - value: '{nodename}' - } - }, - { - xtype: 'displayfield', - reference: 'migrationMode', - fieldLabel: gettext('Mode'), - bind: { - value: '{setMigrationMode}' - } - }] - }, - { - xtype: 'container', - columnWidth: 0.5, - items: [{ - xtype: 'pveNodeSelector', - reference: 'pveNodeSelector', - name: 'target', - fieldLabel: gettext('Target node'), - allowBlank: false, - disallowedNodes: undefined, - onlineValidator: true, - listeners: { - change: 'onTargetChange' - } - }, - { - xtype: 'pveStorageSelector', - reference: 'pveDiskStorageSelector', - name: 'targetstorage', - fieldLabel: gettext('Target storage'), - storageContent: 'images', - bind: { - hidden: '{setStorageselectorHidden}' - } - }] - } - ] - }, - { - xtype: 'gridpanel', - reference: 'preconditionGrid', - selectable: false, - flex: 1, - columns: [{ - text: '', - dataIndex: 'severity', - renderer: function(v) { - switch (v) { - case 'warning': - return ' '; - case 'error': - return ''; - default: - return v; - } - }, - width: 35 - }, - { - text: 'Info', - dataIndex: 'text', - cellWrap: true, - flex: 1 - }], - bind: { - hidden: '{!migration.preconditions.length}', - store: { - fields: ['severity','text'], - data: '{migration.preconditions}' - } - } - } - - ], - buttons: [ - { - xtype: 'proxmoxHelpButton', - reference: 'proxmoxHelpButton', - onlineHelp: 'pct_migration', - listenToGlobalEvent: false, - hidden: false - }, - '->', - { - xtype: 'button', - reference: 'submitButton', - text: gettext('Migrate'), - handler: 'startMigration', - bind: { - disabled: '{!migration.possible}' - } - } - ] -}); -Ext.define('PVE.window.BulkAction', { - extend: 'Ext.window.Window', - - resizable: true, - width: 800, - modal: true, - layout: { - type: 'fit' - }, - border: false, - - // the action to be set - // currently there are - // startall - // migrateall - // stopall - action: undefined, - - submit: function(params) { - var me = this; - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + me.nodename + '/' + me.action, - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: upid - }); - win.show(); - me.hide(); - win.on('destroy', function() { - me.close(); - }); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.action) { - throw "no action specified"; - } - - if (!me.btnText) { - throw "no button text specified"; - } - - if (!me.title) { - throw "no title specified"; - } - - var items = []; - - if (me.action === 'migrateall') { - /*jslint confusion: true*/ - /*value is string and number*/ - items.push( - { - xtype: 'pveNodeSelector', - name: 'target', - disallowedNodes: [me.nodename], - fieldLabel: gettext('Target node'), - allowBlank: false, - onlineValidator: true - }, - { - xtype: 'proxmoxintegerfield', - name: 'maxworkers', - minValue: 1, - maxValue: 100, - value: 1, - fieldLabel: gettext('Parallel jobs'), - allowBlank: false - }, - { - itemId: 'lxcwarning', - xtype: 'displayfield', - userCls: 'pve-hint', - value: 'Warning: Running CTs will be migrated in Restart Mode.', - hidden: true // only visible if running container chosen - } - ); - /*jslint confusion: false*/ - } else if (me.action === 'startall') { - items.push({ - xtype: 'hiddenfield', - name: 'force', - value: 1 - }); - } - - items.push({ - xtype: 'vmselector', - itemId: 'vms', - name: 'vms', - flex: 1, - height: 300, - selectAll: true, - allowBlank: false, - nodename: me.nodename, - action: me.action, - listeners: { - selectionchange: function(vmselector, records) { - if (me.action == 'migrateall') { - var showWarning = records.some(function(item) { - return (item.data.type == 'lxc' && - item.data.status == 'running'); - }); - me.down('#lxcwarning').setVisible(showWarning); - } - } - } - }); - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - layout: { - type: 'vbox', - align: 'stretch' - }, - fieldDefaults: { - labelWidth: 300, - anchor: '100%' - }, - items: items - }); - - var form = me.formPanel.getForm(); - - var submitBtn = Ext.create('Ext.Button', { - text: me.btnText, - handler: function() { - form.isValid(); - me.submit(form.getValues()); - } - }); - - Ext.apply(me, { - items: [ me.formPanel ], - buttons: [ submitBtn ] - }); - - me.callParent(); - - form.on('validitychange', function() { - var valid = form.isValid(); - submitBtn.setDisabled(!valid); - }); - form.isValid(); - } -}); -Ext.define('PVE.window.Clone', { - extend: 'Ext.window.Window', - - resizable: false, - - isTemplate: false, - - onlineHelp: 'qm_copy_and_clone', - - controller: { - xclass: 'Ext.app.ViewController', - control: { - 'panel[reference=cloneform]': { - validitychange: 'disableSubmit' - } - }, - disableSubmit: function(form) { - this.lookupReference('submitBtn').setDisabled(!form.isValid()); - } - }, - - statics: { - // display a snapshot selector only if needed - wrap: function(nodename, vmid, isTemplate, guestType) { - Proxmox.Utils.API2Request({ - url: '/nodes/' + nodename + '/' + guestType + '/' + vmid +'/snapshot', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, opts) { - var snapshotList = response.result.data; - var hasSnapshots = snapshotList.length === 1 && - snapshotList[0].name === 'current' ? false : true; - - Ext.create('PVE.window.Clone', { - nodename: nodename, - guestType: guestType, - vmid: vmid, - isTemplate: isTemplate, - hasSnapshots: hasSnapshots - }).show(); - } - }); - } - }, - - create_clone: function(values) { - var me = this; - - var params = { newid: values.newvmid }; - - if (values.snapname && values.snapname !== 'current') { - params.snapname = values.snapname; - } - - if (values.pool) { - params.pool = values.pool; - } - - if (values.name) { - if (me.guestType === 'lxc') { - params.hostname = values.name; - } else { - params.name = values.name; - } - } - - if (values.target) { - params.target = values.target; - } - - if (values.clonemode === 'copy') { - params.full = 1; - if (values.hdstorage) { - params.storage = values.hdstorage; - if (values.diskformat && me.guestType !== 'lxc') { - params.format = values.diskformat; - } - } - } - - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid + '/clone', - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, options) { - me.close(); - } - }); - - }, - - // disable the Storage selector when clone mode is linked clone - updateVisibility: function() { - var me = this; - var clonemode = me.lookupReference('clonemodesel').getValue(); - var disksel = me.lookup('diskselector'); - disksel.setDisabled(clonemode === 'clone'); - }, - - // add to the list of valid nodes each node where - // all the VM disks are available - verifyFeature: function() { - var me = this; - - var snapname = me.lookupReference('snapshotsel').getValue(); - var clonemode = me.lookupReference('clonemodesel').getValue(); - - var params = { feature: clonemode }; - if (snapname !== 'current') { - params.snapname = snapname; - } - - Proxmox.Utils.API2Request({ - waitMsgTarget: me, - url: '/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid + '/feature', - params: params, - method: 'GET', - failure: function(response, opts) { - me.lookupReference('submitBtn').setDisabled(true); - Ext.Msg.alert('Error', response.htmlStatus); - }, - success: function(response, options) { - var res = response.result.data; - - me.lookupReference('targetsel').allowedNodes = res.nodes; - me.lookupReference('targetsel').validate(); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - if (!me.snapname) { - me.snapname = 'current'; - } - - if (!me.guestType) { - throw "no Guest Type specified"; - } - - var titletext = me.guestType === 'lxc' ? 'CT' : 'VM'; - if (me.isTemplate) { - titletext += ' Template'; - } - me.title = "Clone " + titletext + " " + me.vmid; - - var col1 = []; - var col2 = []; - - col1.push({ - xtype: 'pveNodeSelector', - name: 'target', - reference: 'targetsel', - fieldLabel: gettext('Target node'), - selectCurNode: true, - allowBlank: false, - onlineValidator: true, - listeners: { - change: function(f, value) { - me.lookupReference('hdstorage').setTargetNode(value); - } - } - }); - - var modelist = [['copy', gettext('Full Clone')]]; - if (me.isTemplate) { - modelist.push(['clone', gettext('Linked Clone')]); - } - - col1.push({ - xtype: 'pveGuestIDSelector', - name: 'newvmid', - guestType: me.guestType, - value: '', - loadNextFreeID: true, - validateExists: false - }, - { - xtype: 'textfield', - name: 'name', - allowBlank: true, - fieldLabel: me.guestType === 'lxc' ? gettext('Hostname') : gettext('Name') - }, - { - xtype: 'pvePoolSelector', - fieldLabel: gettext('Resource Pool'), - name: 'pool', - value: '', - allowBlank: true - } - ); - - col2.push({ - xtype: 'proxmoxKVComboBox', - fieldLabel: gettext('Mode'), - name: 'clonemode', - reference: 'clonemodesel', - allowBlank: false, - hidden: !me.isTemplate, - value: me.isTemplate ? 'clone' : 'copy', - comboItems: modelist, - listeners: { - change: function(t, value) { - me.updateVisibility(); - me.verifyFeature(); - } - } - }, - { - xtype: 'PVE.form.SnapshotSelector', - name: 'snapname', - reference: 'snapshotsel', - fieldLabel: gettext('Snapshot'), - nodename: me.nodename, - guestType: me.guestType, - vmid: me.vmid, - hidden: me.isTemplate || !me.hasSnapshots ? true : false, - disabled: false, - allowBlank: false, - value : me.snapname, - listeners: { - change: function(f, value) { - me.verifyFeature(); - } - } - }, - { - xtype: 'pveDiskStorageSelector', - reference: 'diskselector', - nodename: me.nodename, - autoSelect: false, - hideSize: true, - hideSelection: true, - storageLabel: gettext('Target Storage'), - allowBlank: true, - storageContent: me.guestType === 'qemu' ? 'images' : 'rootdir', - emptyText: gettext('Same as source'), - disabled: me.isTemplate ? true : false // because default mode is clone for templates - }); - - var formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - reference: 'cloneform', - border: false, - layout: 'column', - defaultType: 'container', - columns: 2, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [ - { - columnWidth: 0.5, - padding: '0 10 0 0', - layout: 'anchor', - items: col1 - }, - { - columnWidth: 0.5, - padding: '0 0 0 10', - layout: 'anchor', - items: col2 - } - ] - }); - - Ext.apply(me, { - modal: true, - width: 600, - height: 250, - border: false, - layout: 'fit', - buttons: [ { - xtype: 'proxmoxHelpButton', - listenToGlobalEvent: false, - hidden: false, - onlineHelp: me.onlineHelp - }, - '->', - { - reference: 'submitBtn', - text: gettext('Clone'), - disabled: true, - handler: function() { - var cloneForm = me.lookupReference('cloneform'); - if (cloneForm.isValid()) { - me.create_clone(cloneForm.getValues()); - } - } - } ], - items: [ formPanel ] - }); - - me.callParent(); - - me.verifyFeature(); - } -}); -Ext.define('PVE.qemu.Monitor', { - extend: 'Ext.panel.Panel', - - alias: 'widget.pveQemuMonitor', - - maxLines: 500, - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var history = []; - var histNum = -1; - var lines = []; - - var textbox = Ext.createWidget('panel', { - region: 'center', - xtype: 'panel', - autoScroll: true, - border: true, - margins: '5 5 5 5', - bodyStyle: 'font-family: monospace;' - }); - - var scrollToEnd = function() { - var el = textbox.getTargetEl(); - var dom = Ext.getDom(el); - - var clientHeight = dom.clientHeight; - // BrowserBug: clientHeight reports 0 in IE9 StrictMode - // Instead we are using offsetHeight and hardcoding borders - if (Ext.isIE9 && Ext.isStrict) { - clientHeight = dom.offsetHeight + 2; - } - dom.scrollTop = dom.scrollHeight - clientHeight; - }; - - var refresh = function() { - textbox.update('
' + lines.join('\n') + '');
- scrollToEnd();
- };
-
- var addLine = function(line) {
- lines.push(line);
- if (lines.length > me.maxLines) {
- lines.shift();
- }
- };
-
- var executeCmd = function(cmd) {
- addLine("# " + Ext.htmlEncode(cmd));
- if (cmd) {
- history.unshift(cmd);
- if (history.length > 20) {
- history.splice(20);
- }
- }
- histNum = -1;
-
- refresh();
- Proxmox.Utils.API2Request({
- params: { command: cmd },
- url: '/nodes/' + nodename + '/qemu/' + vmid + "/monitor",
- method: 'POST',
- waitMsgTarget: me,
- success: function(response, opts) {
- var res = response.result.data;
- Ext.Array.each(res.split('\n'), function(line) {
- addLine(Ext.htmlEncode(line));
- });
- refresh();
- },
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- }
- });
- };
-
- Ext.apply(me, {
- layout: { type: 'border' },
- border: false,
- items: [
- textbox,
- {
- region: 'south',
- margins:'0 5 5 5',
- border: false,
- xtype: 'textfield',
- name: 'cmd',
- value: '',
- fieldStyle: 'font-family: monospace;',
- allowBlank: true,
- listeners: {
- afterrender: function(f) {
- f.focus(false);
- addLine("Type 'help' for help.");
- refresh();
- },
- specialkey: function(f, e) {
- var key = e.getKey();
- switch (key) {
- case e.ENTER:
- var cmd = f.getValue();
- f.setValue('');
- executeCmd(cmd);
- break;
- case e.PAGE_UP:
- textbox.scrollBy(0, -0.9*textbox.getHeight(), false);
- break;
- case e.PAGE_DOWN:
- textbox.scrollBy(0, 0.9*textbox.getHeight(), false);
- break;
- case e.UP:
- if (histNum + 1 < history.length) {
- f.setValue(history[++histNum]);
- }
- e.preventDefault();
- break;
- case e.DOWN:
- if (histNum > 0) {
- f.setValue(history[--histNum]);
- }
- e.preventDefault();
- break;
- default:
- break;
- }
- }
- }
- }
- ],
- listeners: {
- show: function() {
- var field = me.query('textfield[name="cmd"]')[0];
- field.focus(false, true);
- }
- }
- });
-
- me.callParent();
- }
-});
-Ext.define('PVE.qemu.Summary', {
- extend: 'Ext.panel.Panel',
- alias: 'widget.pveQemuSummary',
-
- scrollable: true,
- bodyPadding: 5,
-
- initComponent: function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid) {
- throw "no VM ID specified";
- }
-
- if (!me.workspace) {
- throw "no workspace specified";
- }
-
- if (!me.statusStore) {
- throw "no status storage specified";
- }
-
- var template = !!me.pveSelNode.data.template;
- var rstore = me.statusStore;
-
- var width = template ? 1 : 0.5;
- var items = [
- {
- xtype: template ? 'pveTemplateStatusView' : 'pveGuestStatusView',
- responsiveConfig: {
- 'width < 1900': {
- columnWidth: width
- },
- 'width >= 1900': {
- columnWidth: width / 2
- }
- },
- itemId: 'gueststatus',
- pveSelNode: me.pveSelNode,
- rstore: rstore
- },
- {
- xtype: 'pveNotesView',
- maxHeight: 330,
- itemId: 'notesview',
- pveSelNode: me.pveSelNode,
- responsiveConfig: {
- 'width < 1900': {
- columnWidth: width
- },
- 'width >= 1900': {
- columnWidth: width / 2
- }
- }
- }
- ];
-
- var rrdstore;
- if (!template) {
-
- rrdstore = Ext.create('Proxmox.data.RRDStore', {
- rrdurl: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/rrddata",
- model: 'pve-rrd-guest'
- });
-
- items.push(
- {
- xtype: 'proxmoxRRDChart',
- title: gettext('CPU usage'),
- pveSelNode: me.pveSelNode,
- fields: ['cpu'],
- fieldTitles: [gettext('CPU usage')],
- store: rrdstore
- },
- {
- xtype: 'proxmoxRRDChart',
- title: gettext('Memory usage'),
- pveSelNode: me.pveSelNode,
- fields: ['maxmem', 'mem'],
- fieldTitles: [gettext('Total'), gettext('RAM usage')],
- store: rrdstore
- },
- {
- xtype: 'proxmoxRRDChart',
- title: gettext('Network traffic'),
- pveSelNode: me.pveSelNode,
- fields: ['netin','netout'],
- store: rrdstore
- },
- {
- xtype: 'proxmoxRRDChart',
- title: gettext('Disk IO'),
- pveSelNode: me.pveSelNode,
- fields: ['diskread','diskwrite'],
- store: rrdstore
- }
- );
-
- }
-
- Ext.apply(me, {
- tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ],
- items: [
- {
- xtype: 'container',
- layout: {
- type: 'column'
- },
- defaults: {
- minHeight: 330,
- padding: 5,
- plugins: 'responsive',
- responsiveConfig: {
- 'width < 1900': {
- columnWidth: 1
- },
- 'width >= 1900': {
- columnWidth: 0.5
- }
- }
- },
- items: items
- }
- ]
- });
-
- me.callParent();
- if (!template) {
- rrdstore.startUpdate();
- me.on('destroy', rrdstore.stopUpdate);
- }
- }
-});
-Ext.define('PVE.qemu.OSTypeInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuOSTypePanel',
- onlineHelp: 'qm_os_settings',
- insideWizard: false,
-
- controller: {
- xclass: 'Ext.app.ViewController',
- control: {
- 'combobox[name=osbase]': {
- change: 'onOSBaseChange'
- },
- 'combobox[name=ostype]': {
- afterrender: 'onOSTypeChange',
- change: 'onOSTypeChange'
- }
- },
- onOSBaseChange: function(field, value) {
- this.lookup('ostype').getStore().setData(PVE.Utils.kvm_ostypes[value]);
- },
- onOSTypeChange: function(field) {
- var me = this, ostype = field.getValue();
- if (!me.getView().insideWizard) {
- return;
- }
- var targetValues = PVE.qemu.OSDefaults.getDefaults(ostype);
-
- me.setWidget('pveBusSelector', targetValues.busType);
- me.setWidget('pveNetworkCardSelector', targetValues.networkCard);
- var scsihw = targetValues.scsihw || '__default__';
- this.getViewModel().set('current.scsihw', scsihw);
- },
- setWidget: function(widget, newValue) {
- // changing a widget is safe only if ComponentQuery.query returns us
- // a single value array
- var widgets = Ext.ComponentQuery.query('pveQemuCreateWizard ' + widget);
- if (widgets.length === 1) {
- widgets[0].setValue(newValue);
- } else {
- throw 'non unique widget :' + widget + ' in Wizard';
- }
- }
- },
-
- initComponent : function() {
- var me = this;
-
- /*jslint confusion: true */
- me.items = [
- {
- xtype: 'displayfield',
- value: gettext('Guest OS') + ':',
- hidden: !me.insideWizard
- },
- {
- xtype: 'combobox',
- submitValue: false,
- name: 'osbase',
- fieldLabel: gettext('Type'),
- editable: false,
- queryMode: 'local',
- value: 'Linux',
- store: Object.keys(PVE.Utils.kvm_ostypes)
- },
- {
- xtype: 'combobox',
- name: 'ostype',
- reference: 'ostype',
- fieldLabel: gettext('Version'),
- value: 'l26',
- allowBlank : false,
- editable: false,
- queryMode: 'local',
- valueField: 'val',
- displayField: 'desc',
- store: {
- fields: ['desc', 'val'],
- data: PVE.Utils.kvm_ostypes.Linux,
- listeners: {
- datachanged: function (store) {
- var ostype = me.lookup('ostype');
- var old_val = ostype.getValue();
- if (!me.insideWizard && old_val && store.find('val', old_val) != -1) {
- ostype.setValue(old_val);
- } else {
- ostype.setValue(store.getAt(0));
- }
- }
- }
- }
- }
- ];
- /*jslint confusion: false */
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.OSTypeEdit', {
- extend: 'Proxmox.window.Edit',
-
- subject: 'OS Type',
-
- items: [{ xtype: 'pveQemuOSTypePanel' }],
-
- initComponent : function() {
- var me = this;
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var value = response.result.data.ostype || 'other';
- var osinfo = PVE.Utils.get_kvm_osinfo(value);
- me.setValues({ ostype: value, osbase: osinfo.base });
- }
- });
- }
-});
-/*
- * This class holds performance *recommended* settings for the PVE Qemu wizards
- * the *mandatory* settings are set in the PVE::QemuServer
- * config_to_command sub
- * We store this here until we get the data from the API server
-*/
-
-// this is how you would add an hypothetic FreeBSD > 10 entry
-//
-//virtio-blk is stable but virtIO net still
-// problematic as of 10.3
-// see https://bugs.freebsd.org/bugzilla/show_bug.cgi?id=165059
-// addOS({
-// parent: 'generic', // inherits defaults
-// pveOS: 'freebsd10', // must match a radiofield in OSTypeEdit.js
-// busType: 'virtio' // must match a pveBusController value
-// // networkCard muss match a pveNetworkCardSelector
-
-
-Ext.define('PVE.qemu.OSDefaults', {
- singleton: true, // will also force creation when loaded
-
- constructor: function() {
- var me = this;
-
- var addOS = function(settings) {
- if (me.hasOwnProperty(settings.parent)) {
- var child = Ext.clone(me[settings.parent]);
- me[settings.pveOS] = Ext.apply(child, settings);
-
- } else {
- throw("Could not find your genitor");
- }
- };
-
- // default values
- me.generic = {
- busType: 'ide',
- networkCard: 'e1000',
- busPriority: {
- ide: 4,
- sata: 3,
- scsi: 2,
- virtio: 1
- },
- scsihw: 'virtio-scsi-pci'
- };
-
- // virtio-net is in kernel since 2.6.25
- // virtio-scsi since 3.2 but backported in RHEL with 2.6 kernel
- addOS({
- pveOS: 'l26',
- parent : 'generic',
- busType: 'scsi',
- busPriority: {
- scsi: 4,
- virtio: 3,
- sata: 2,
- ide: 1
- },
- networkCard: 'virtio'
- });
-
- // recommandation from http://wiki.qemu.org/Windows2000
- addOS({
- pveOS: 'w2k',
- parent : 'generic',
- networkCard: 'rtl8139',
- scsihw: ''
- });
- // https://pve.proxmox.com/wiki/Windows_XP_Guest_Notes
- addOS({
- pveOS: 'wxp',
- parent : 'w2k'
- });
-
- me.getDefaults = function(ostype) {
- if (PVE.qemu.OSDefaults[ostype]) {
- return PVE.qemu.OSDefaults[ostype];
- } else {
- return PVE.qemu.OSDefaults.generic;
- }
- };
- }
-});
-Ext.define('PVE.qemu.ProcessorInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuProcessorPanel',
- onlineHelp: 'qm_cpu',
-
- insideWizard: false,
-
- controller: {
- xclass: 'Ext.app.ViewController',
-
- updateCores: function() {
- var me = this.getView();
- var sockets = me.down('field[name=sockets]').getValue();
- var cores = me.down('field[name=cores]').getValue();
- me.down('field[name=totalcores]').setValue(sockets*cores);
- var vcpus = me.down('field[name=vcpus]');
- vcpus.setMaxValue(sockets*cores);
- vcpus.setEmptyText(sockets*cores);
- vcpus.validate();
- },
-
- control: {
- 'field[name=sockets]': {
- change: 'updateCores'
- },
- 'field[name=cores]': {
- change: 'updateCores'
- }
- }
- },
-
- onGetValues: function(values) {
- var me = this;
-
- if (Array.isArray(values['delete'])) {
- values['delete'] = values['delete'].join(',');
- }
-
- PVE.Utils.delete_if_default(values, 'cpulimit', '0', 0);
- PVE.Utils.delete_if_default(values, 'cpuunits', '1024', 0);
-
- // build the cpu options:
- me.cpu.cputype = values.cputype;
-
- if (values.flags) {
- me.cpu.flags = values.flags;
- } else {
- delete me.cpu.flags;
- }
-
- delete values.cputype;
- delete values.flags;
- var cpustring = PVE.Parser.printQemuCpu(me.cpu);
-
- // remove cputype delete request:
- var del = values['delete'];
- delete values['delete'];
- if (del) {
- del = del.split(',');
- Ext.Array.remove(del, 'cputype');
- } else {
- del = [];
- }
-
- if (cpustring) {
- values.cpu = cpustring;
- } else {
- del.push('cpu');
- }
-
- var delarr = del.join(',');
- if (delarr) {
- values['delete'] = delarr;
- }
-
- return values;
- },
-
- cpu: {},
-
- column1: [
- {
- xtype: 'proxmoxintegerfield',
- name: 'sockets',
- minValue: 1,
- maxValue: 4,
- value: '1',
- fieldLabel: gettext('Sockets'),
- allowBlank: false
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'cores',
- minValue: 1,
- maxValue: 128,
- value: '1',
- fieldLabel: gettext('Cores'),
- allowBlank: false
- }
- ],
-
- column2: [
- {
- xtype: 'CPUModelSelector',
- name: 'cputype',
- value: '__default__',
- fieldLabel: gettext('Type')
- },
- {
- xtype: 'displayfield',
- fieldLabel: gettext('Total cores'),
- name: 'totalcores',
- value: '1'
- }
- ],
-
- advancedColumn1: [
- {
- xtype: 'proxmoxintegerfield',
- name: 'vcpus',
- minValue: 1,
- maxValue: 1,
- value: '',
- fieldLabel: gettext('VCPUs'),
- deleteEmpty: true,
- allowBlank: true,
- emptyText: '1'
- },
- {
- xtype: 'numberfield',
- name: 'cpulimit',
- minValue: 0,
- maxValue: 128, // api maximum
- value: '',
- step: 1,
- fieldLabel: gettext('CPU limit'),
- allowBlank: true,
- emptyText: gettext('unlimited')
- }
- ],
-
- advancedColumn2: [
- {
- xtype: 'proxmoxintegerfield',
- name: 'cpuunits',
- fieldLabel: gettext('CPU units'),
- minValue: 8,
- maxValue: 500000,
- value: '1024',
- deleteEmpty: true,
- allowBlank: true
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Enable NUMA'),
- name: 'numa',
- uncheckedValue: 0
- }
- ],
- advancedColumnB: [
- {
- xtype: 'label',
- text: 'Extra CPU Flags:'
- },
- {
- xtype: 'vmcpuflagselector',
- name: 'flags'
- }
- ]
-});
-
-Ext.define('PVE.qemu.ProcessorEdit', {
- extend: 'Proxmox.window.Edit',
-
- width: 700,
-
- initComponent : function() {
- var me = this;
-
- var ipanel = Ext.create('PVE.qemu.ProcessorInputPanel');
-
- Ext.apply(me, {
- subject: gettext('Processors'),
- items: ipanel
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var data = response.result.data;
- var value = data.cpu;
- if (value) {
- var cpu = PVE.Parser.parseQemuCpu(value);
- ipanel.cpu = cpu;
- data.cputype = cpu.cputype;
- if (cpu.flags) {
- data.flags = cpu.flags;
- }
- }
- me.setValues(data);
- }
- });
- }
-});
-Ext.define('PVE.qemu.BootOrderPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuBootOrderPanel',
- vmconfig: {}, // store loaded vm config
-
- bootdisk: undefined,
- selection: [],
- list: [],
- comboboxes: [],
-
- isBootDisk: function(value) {
- return PVE.Utils.bus_match.test(value);
- },
-
- setVMConfig: function(vmconfig) {
- var me = this;
- me.vmconfig = vmconfig;
- var order = me.vmconfig.boot || 'cdn';
- me.bootdisk = me.vmconfig.bootdisk || undefined;
-
- // get the first 3 characters
- // ignore the rest (there should never be more than 3)
- me.selection = order.split('').slice(0,3);
-
- // build bootdev list
- me.list = [];
- Ext.Object.each(me.vmconfig, function(key, value) {
- if (me.isBootDisk(key) &&
- !(/media=cdrom/).test(value)) {
- me.list.push([key, "Disk '" + key + "'"]);
- }
- });
-
- me.list.push(['d', 'CD-ROM']);
- me.list.push(['n', gettext('Network')]);
- me.list.push(['__none__', Proxmox.Utils.noneText]);
-
- me.recomputeList();
-
- me.comboboxes.forEach(function(box) {
- box.resetOriginalValue();
- });
- },
-
- onGetValues: function(values) {
- var me = this;
- var order = me.selection.join('');
- var res = { boot: order };
-
- if (me.bootdisk && order.indexOf('c') !== -1) {
- res.bootdisk = me.bootdisk;
- } else {
- res['delete'] = 'bootdisk';
- }
-
- return res;
- },
-
- recomputeSelection: function(combobox, newVal, oldVal) {
- var me = this.up('#inputpanel');
- me.selection = [];
- me.comboboxes.forEach(function(item) {
- var val = item.getValue();
-
- // when selecting an already selected item,
- // switch it around
- if ((val === newVal || (me.isBootDisk(val) && me.isBootDisk(newVal))) &&
- item.name !== combobox.name &&
- newVal !== '__none__') {
- // swap items
- val = oldVal;
- }
-
- // push 'c','d' or 'n' in the array
- if (me.isBootDisk(val)) {
- me.selection.push('c');
- me.bootdisk = val;
- } else if (val === 'd' ||
- val === 'n') {
- me.selection.push(val);
- }
- });
-
- me.recomputeList();
- },
-
- recomputeList: function(){
- var me = this;
- // set the correct values in the kvcomboboxes
- var cnt = 0;
- me.comboboxes.forEach(function(item) {
- if (cnt === 0) {
- // never show 'none' on first combobox
- item.store.loadData(me.list.slice(0, me.list.length-1));
- } else {
- item.store.loadData(me.list);
- }
- item.suspendEvent('change');
- if (cnt < me.selection.length) {
- item.setValue((me.selection[cnt] !== 'c')?me.selection[cnt]:me.bootdisk);
- } else if (cnt === 0){
- item.setValue('');
- } else {
- item.setValue('__none__');
- }
- cnt++;
- item.resumeEvent('change');
- item.validate();
- });
- },
-
- initComponent : function() {
- var me = this;
-
- // this has to be done here, because of
- // the way our inputPanel class handles items
- me.comboboxes = [
- Ext.createWidget('proxmoxKVComboBox', {
- fieldLabel: gettext('Boot device') + " 1",
- labelWidth: 120,
- name: 'bd1',
- allowBlank: false,
- listeners: {
- change: me.recomputeSelection
- }
- }),
- Ext.createWidget('proxmoxKVComboBox', {
- fieldLabel: gettext('Boot device') + " 2",
- labelWidth: 120,
- name: 'bd2',
- allowBlank: false,
- listeners: {
- change: me.recomputeSelection
- }
- }),
- Ext.createWidget('proxmoxKVComboBox', {
- fieldLabel: gettext('Boot device') + " 3",
- labelWidth: 120,
- name: 'bd3',
- allowBlank: false,
- listeners: {
- change: me.recomputeSelection
- }
- })
- ];
- Ext.apply(me, { items: me.comboboxes });
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.BootOrderEdit', {
- extend: 'Proxmox.window.Edit',
-
- items: [{
- xtype: 'pveQemuBootOrderPanel',
- itemId: 'inputpanel'
- }],
-
- subject: gettext('Boot Order'),
-
- initComponent : function() {
- var me = this;
- me.callParent();
- me.load({
- success: function(response, options) {
- me.down('#inputpanel').setVMConfig(response.result.data);
- }
- });
- }
-});
-Ext.define('PVE.qemu.MemoryInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuMemoryPanel',
- onlineHelp: 'qm_memory',
-
- insideWizard: false,
-
- onGetValues: function(values) {
- var me = this;
-
- var res = {};
-
- res.memory = values.memory;
- res.balloon = values.balloon;
-
- if (!values.ballooning) {
- res.balloon = 0;
- res['delete'] = 'shares';
- } else if (values.memory === values.balloon) {
- delete res.balloon;
- res['delete'] = 'balloon,shares';
- } else if (Ext.isDefined(values.shares) && (values.shares !== "")) {
- res.shares = values.shares;
- } else {
- res['delete'] = "shares";
- }
-
- return res;
- },
-
- initComponent: function() {
- var me = this;
- var labelWidth = 160;
-
- me.items= [
- {
- xtype: 'pveMemoryField',
- labelWidth: labelWidth,
- fieldLabel: gettext('Memory') + ' (MiB)',
- name: 'memory',
- minValue: 1,
- step: 32,
- hotplug: me.hotplug,
- listeners: {
- change: function(f, value, old) {
- var bf = me.down('field[name=balloon]');
- var balloon = bf.getValue();
- bf.setMaxValue(value);
- if (balloon === old) {
- bf.setValue(value);
- }
- bf.validate();
- }
- }
- }
- ];
-
- me.advancedItems= [
- {
- xtype: 'pveMemoryField',
- name: 'balloon',
- minValue: 1,
- step: 32,
- fieldLabel: gettext('Minimum memory') + ' (MiB)',
- hotplug: me.hotplug,
- labelWidth: labelWidth,
- allowBlank: false,
- listeners: {
- change: function(f, value) {
- var memory = me.down('field[name=memory]').getValue();
- var shares = me.down('field[name=shares]');
- shares.setDisabled(value === memory);
- }
- }
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'shares',
- disabled: true,
- minValue: 0,
- maxValue: 50000,
- value: '',
- step: 10,
- fieldLabel: gettext('Shares'),
- labelWidth: labelWidth,
- allowBlank: true,
- emptyText: Proxmox.Utils.defaultText + ' (1000)',
- submitEmptyText: false
- },
- {
- xtype: 'proxmoxcheckbox',
- labelWidth: labelWidth,
- value: '1',
- name: 'ballooning',
- fieldLabel: gettext('Ballooning Device'),
- listeners: {
- change: function(f, value) {
- var bf = me.down('field[name=balloon]');
- var shares = me.down('field[name=shares]');
- var memory = me.down('field[name=memory]');
- bf.setDisabled(!value);
- shares.setDisabled(!value || (bf.getValue() === memory.getValue()));
- }
- }
- }
- ];
-
- if (me.insideWizard) {
- me.column1 = me.items;
- me.items = undefined;
- me.advancedColumn1 = me.advancedItems;
- me.advancedItems = undefined;
- }
- me.callParent();
- }
-
-});
-
-Ext.define('PVE.qemu.MemoryEdit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent: function() {
- var me = this;
-
- var memoryhotplug;
- if(me.hotplug) {
- Ext.each(me.hotplug.split(','), function(el) {
- if (el === 'memory') {
- memoryhotplug = 1;
- }
- });
- }
-
- var ipanel = Ext.create('PVE.qemu.MemoryInputPanel', {
- hotplug: memoryhotplug
- });
-
- Ext.apply(me, {
- subject: gettext('Memory'),
- items: [ ipanel ],
- // uncomment the following to use the async configiguration API
- // backgroundDelay: 5,
- width: 400
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var data = response.result.data;
-
- var values = {
- ballooning: data.balloon === 0 ? '0' : '1',
- shares: data.shares,
- memory: data.memory || '512',
- balloon: data.balloon > 0 ? data.balloon : (data.memory || '512')
- };
-
- ipanel.setValues(values);
- }
- });
- }
-});
-Ext.define('PVE.qemu.NetworkInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuNetworkInputPanel',
- onlineHelp: 'qm_network_device',
-
- insideWizard: false,
-
- onGetValues: function(values) {
- var me = this;
-
- me.network.model = values.model;
- if (values.nonetwork) {
- return {};
- } else {
- me.network.bridge = values.bridge;
- me.network.tag = values.tag;
- me.network.firewall = values.firewall;
- }
- me.network.macaddr = values.macaddr;
- me.network.disconnect = values.disconnect;
- me.network.queues = values.queues;
-
- if (values.rate) {
- me.network.rate = values.rate;
- } else {
- delete me.network.rate;
- }
-
- var params = {};
-
- params[me.confid] = PVE.Parser.printQemuNetwork(me.network);
-
- return params;
- },
-
- setNetwork: function(confid, data) {
- var me = this;
-
- me.confid = confid;
-
- if (data) {
- data.networkmode = data.bridge ? 'bridge' : 'nat';
- } else {
- data = {};
- data.networkmode = 'bridge';
- }
- me.network = data;
-
- me.setValues(me.network);
- },
-
- setNodename: function(nodename) {
- var me = this;
-
- me.bridgesel.setNodename(nodename);
- },
-
- initComponent : function() {
- var me = this;
-
- me.network = {};
- me.confid = 'net0';
-
- me.column1 = [];
- me.column2 = [];
-
- me.bridgesel = Ext.create('PVE.form.BridgeSelector', {
- name: 'bridge',
- fieldLabel: gettext('Bridge'),
- nodename: me.nodename,
- autoSelect: true,
- allowBlank: false
- });
-
- me.column1 = [
- me.bridgesel,
- {
- xtype: 'pveVlanField',
- name: 'tag',
- value: ''
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Firewall'),
- name: 'firewall',
- checked: (me.insideWizard || me.isCreate)
- }
- ];
-
- me.advancedColumn1 = [
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Disconnect'),
- name: 'disconnect'
- }
- ];
-
- if (me.insideWizard) {
- me.column1.unshift({
- xtype: 'checkbox',
- name: 'nonetwork',
- inputValue: 'none',
- boxLabel: gettext('No network device'),
- listeners: {
- change: function(cb, value) {
- var fields = [
- 'disconnect',
- 'bridge',
- 'tag',
- 'firewall',
- 'model',
- 'macaddr',
- 'rate',
- 'queues'
- ];
- fields.forEach(function(fieldname) {
- me.down('field[name='+fieldname+']').setDisabled(value);
- });
- me.down('field[name=bridge]').validate();
- }
- }
- });
- me.column2.unshift({
- xtype: 'displayfield'
- });
- }
-
- me.column2.push(
- {
- xtype: 'pveNetworkCardSelector',
- name: 'model',
- fieldLabel: gettext('Model'),
- value: PVE.qemu.OSDefaults.generic.networkCard,
- allowBlank: false
- },
- {
- xtype: 'textfield',
- name: 'macaddr',
- fieldLabel: gettext('MAC address'),
- vtype: 'MacAddress',
- allowBlank: true,
- emptyText: 'auto'
- });
- me.advancedColumn2 = [
- {
- xtype: 'numberfield',
- name: 'rate',
- fieldLabel: gettext('Rate limit') + ' (MB/s)',
- minValue: 0,
- maxValue: 10*1024,
- value: '',
- emptyText: 'unlimited',
- allowBlank: true
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'queues',
- fieldLabel: 'Multiqueue',
- minValue: 1,
- maxValue: 8,
- value: '',
- allowBlank: true
- }
- ];
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.NetworkEdit', {
- extend: 'Proxmox.window.Edit',
-
- isAdd: true,
-
- initComponent : function() {
- /*jslint confusion: true */
-
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- me.isCreate = me.confid ? false : true;
-
- var ipanel = Ext.create('PVE.qemu.NetworkInputPanel', {
- confid: me.confid,
- nodename: nodename,
- isCreate: me.isCreate
- });
-
- Ext.applyIf(me, {
- subject: gettext('Network Device'),
- items: ipanel
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var i, confid;
- me.vmconfig = response.result.data;
- if (!me.isCreate) {
- var value = me.vmconfig[me.confid];
- var network = PVE.Parser.parseQemuNetwork(me.confid, value);
- if (!network) {
- Ext.Msg.alert(gettext('Error'), 'Unable to parse network options');
- me.close();
- return;
- }
- ipanel.setNetwork(me.confid, network);
- } else {
- for (i = 0; i < 100; i++) {
- confid = 'net' + i.toString();
- if (!Ext.isDefined(me.vmconfig[confid])) {
- me.confid = confid;
- break;
- }
- }
- ipanel.setNetwork(me.confid);
- }
- }
- });
- }
-});
-Ext.define('PVE.qemu.Smbios1InputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.PVE.qemu.Smbios1InputPanel',
-
- insideWizard: false,
-
- smbios1: {},
-
- onGetValues: function(values) {
- var me = this;
-
- var params = {
- smbios1: PVE.Parser.printQemuSmbios1(values)
- };
-
- return params;
- },
-
- setSmbios1: function(data) {
- var me = this;
-
- me.smbios1 = data;
-
- me.setValues(me.smbios1);
- },
-
- items: [
- {
- xtype: 'textfield',
- fieldLabel: 'UUID',
- regex: /^[a-fA-F0-9]{8}(?:-[a-fA-F0-9]{4}){3}-[a-fA-F0-9]{12}$/,
- name: 'uuid'
- },
- {
- xtype: 'textareafield',
- fieldLabel: gettext('Manufacturer'),
- fieldStyle: {
- height: '2em',
- minHeight: '2em'
- },
- name: 'manufacturer'
- },
- {
- xtype: 'textareafield',
- fieldLabel: gettext('Product'),
- fieldStyle: {
- height: '2em',
- minHeight: '2em'
- },
- name: 'product'
- },
- {
- xtype: 'textareafield',
- fieldLabel: gettext('Version'),
- fieldStyle: {
- height: '2em',
- minHeight: '2em'
- },
- name: 'version'
- },
- {
- xtype: 'textareafield',
- fieldLabel: gettext('Serial'),
- fieldStyle: {
- height: '2em',
- minHeight: '2em'
- },
- name: 'serial'
- },
- {
- xtype: 'textareafield',
- fieldLabel: 'SKU',
- fieldStyle: {
- height: '2em',
- minHeight: '2em'
- },
- name: 'sku'
- },
- {
- xtype: 'textareafield',
- fieldLabel: gettext('Family'),
- fieldStyle: {
- height: '2em',
- minHeight: '2em'
- },
- name: 'family'
- }
- ]
-});
-
-Ext.define('PVE.qemu.Smbios1Edit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
- /*jslint confusion: true */
-
- var me = this;
-
- var ipanel = Ext.create('PVE.qemu.Smbios1InputPanel', {});
-
- Ext.applyIf(me, {
- subject: gettext('SMBIOS settings (type1)'),
- width: 450,
- items: ipanel
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- var i, confid;
- me.vmconfig = response.result.data;
- var value = me.vmconfig.smbios1;
- if (value) {
- var data = PVE.Parser.parseQemuSmbios1(value);
- if (!data) {
- Ext.Msg.alert(gettext('Error'), 'Unable to parse smbios options');
- me.close();
- return;
- }
- ipanel.setSmbios1(data);
- }
- }
- });
- }
-});
-Ext.define('PVE.qemu.CDInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuCDInputPanel',
-
- insideWizard: false,
-
- onGetValues: function(values) {
- var me = this;
-
- var confid = me.confid || (values.controller + values.deviceid);
-
- me.drive.media = 'cdrom';
- if (values.mediaType === 'iso') {
- me.drive.file = values.cdimage;
- } else if (values.mediaType === 'cdrom') {
- me.drive.file = 'cdrom';
- } else {
- me.drive.file = 'none';
- }
-
- var params = {};
-
- params[confid] = PVE.Parser.printQemuDrive(me.drive);
-
- return params;
- },
-
- setVMConfig: function(vmconfig) {
- var me = this;
-
- if (me.bussel) {
- me.bussel.setVMConfig(vmconfig, 'cdrom');
- }
- },
-
- setDrive: function(drive) {
- var me = this;
-
- var values = {};
- if (drive.file === 'cdrom') {
- values.mediaType = 'cdrom';
- } else if (drive.file === 'none') {
- values.mediaType = 'none';
- } else {
- values.mediaType = 'iso';
- var match = drive.file.match(/^([^:]+):/);
- if (match) {
- values.cdstorage = match[1];
- values.cdimage = drive.file;
- }
- }
-
- me.drive = drive;
-
- me.setValues(values);
- },
-
- setNodename: function(nodename) {
- var me = this;
-
- me.cdstoragesel.setNodename(nodename);
- me.cdfilesel.setStorage(undefined, nodename);
- },
-
- initComponent : function() {
- var me = this;
-
- me.drive = {};
-
- var items = [];
-
- if (!me.confid) {
- me.bussel = Ext.create('PVE.form.ControllerSelector', {
- noVirtIO: true
- });
- items.push(me.bussel);
- }
-
- items.push({
- xtype: 'radiofield',
- name: 'mediaType',
- inputValue: 'iso',
- boxLabel: gettext('Use CD/DVD disc image file (iso)'),
- checked: true,
- listeners: {
- change: function(f, value) {
- if (!me.rendered) {
- return;
- }
- me.down('field[name=cdstorage]').setDisabled(!value);
- me.down('field[name=cdimage]').setDisabled(!value);
- me.down('field[name=cdimage]').validate();
- }
- }
- });
-
- me.cdfilesel = Ext.create('PVE.form.FileSelector', {
- name: 'cdimage',
- nodename: me.nodename,
- storageContent: 'iso',
- fieldLabel: gettext('ISO image'),
- labelAlign: 'right',
- allowBlank: false
- });
-
- me.cdstoragesel = Ext.create('PVE.form.StorageSelector', {
- name: 'cdstorage',
- nodename: me.nodename,
- fieldLabel: gettext('Storage'),
- labelAlign: 'right',
- storageContent: 'iso',
- allowBlank: false,
- autoSelect: me.insideWizard,
- listeners: {
- change: function(f, value) {
- me.cdfilesel.setStorage(value);
- }
- }
- });
-
- items.push(me.cdstoragesel);
- items.push(me.cdfilesel);
-
- items.push({
- xtype: 'radiofield',
- name: 'mediaType',
- inputValue: 'cdrom',
- boxLabel: gettext('Use physical CD/DVD Drive')
- });
-
- items.push({
- xtype: 'radiofield',
- name: 'mediaType',
- inputValue: 'none',
- boxLabel: gettext('Do not use any media')
- });
-
- me.items = items;
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.CDEdit', {
- extend: 'Proxmox.window.Edit',
-
- width: 400,
-
- initComponent : function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- me.isCreate = me.confid ? false : true;
-
- var ipanel = Ext.create('PVE.qemu.CDInputPanel', {
- confid: me.confid,
- nodename: nodename
- });
-
- Ext.applyIf(me, {
- subject: 'CD/DVD Drive',
- items: [ ipanel ]
- });
-
- me.callParent();
-
- me.load({
- success: function(response, options) {
- ipanel.setVMConfig(response.result.data);
- if (me.confid) {
- var value = response.result.data[me.confid];
- var drive = PVE.Parser.parseQemuDrive(me.confid, value);
- if (!drive) {
- Ext.Msg.alert('Error', 'Unable to parse drive options');
- me.close();
- return;
- }
- ipanel.setDrive(drive);
- }
- }
- });
- }
-});
-/*jslint confusion: true */
-/* 'change' property is assigned a string and then a function */
-Ext.define('PVE.qemu.HDInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveQemuHDInputPanel',
- onlineHelp: 'qm_hard_disk',
-
- insideWizard: false,
-
- unused: false, // ADD usused disk imaged
-
- vmconfig: {}, // used to select usused disks
-
- controller: {
-
- xclass: 'Ext.app.ViewController',
-
- onControllerChange: function(field) {
- var value = field.getValue();
-
- var allowIOthread = value.match(/^(virtio|scsi)/);
- this.lookup('iothread').setDisabled(!allowIOthread);
- if (!allowIOthread) {
- this.lookup('iothread').setValue(false);
- }
-
- var virtio = value.match(/^virtio/);
- this.lookup('discard').setDisabled(virtio);
- this.lookup('ssd').setDisabled(virtio);
- if (virtio) {
- this.lookup('discard').setValue(false);
- this.lookup('ssd').setValue(false);
- }
-
- this.lookup('scsiController').setVisible(value.match(/^scsi/));
- },
-
- control: {
- 'field[name=controller]': {
- change: 'onControllerChange',
- afterrender: 'onControllerChange'
- },
- 'field[name=iothread]' : {
- change: function(f, value) {
- if (!this.getView().insideWizard) {
- return;
- }
- var vmScsiType = value ? 'virtio-scsi-single': 'virtio-scsi-pci';
- this.lookupReference('scsiController').setValue(vmScsiType);
- }
- }
- }
- },
-
- onGetValues: function(values) {
- var me = this;
-
- var params = {};
- var confid = me.confid || (values.controller + values.deviceid);
-
- if (me.unused) {
- me.drive.file = me.vmconfig[values.unusedId];
- confid = values.controller + values.deviceid;
- } else if (me.isCreate) {
- if (values.hdimage) {
- me.drive.file = values.hdimage;
- } else {
- me.drive.file = values.hdstorage + ":" + values.disksize;
- }
- me.drive.format = values.diskformat;
- }
-
- if (values.nobackup) {
- me.drive.backup = 'no';
- } else {
- delete me.drive.backup;
- }
-
- if (values.noreplicate) {
- me.drive.replicate = 'no';
- } else {
- delete me.drive.replicate;
- }
-
- if (values.discard) {
- me.drive.discard = 'on';
- } else {
- delete me.drive.discard;
- }
-
- if (values.ssd) {
- me.drive.ssd = 'on';
- } else {
- delete me.drive.ssd;
- }
-
- if (values.iothread) {
- me.drive.iothread = 'on';
- } else {
- delete me.drive.iothread;
- }
-
- if (values.cache) {
- me.drive.cache = values.cache;
- } else {
- delete me.drive.cache;
- }
-
- var names = ['mbps_rd', 'mbps_wr', 'iops_rd', 'iops_wr'];
- Ext.Array.each(names, function(name) {
- if (values[name]) {
- me.drive[name] = values[name];
- } else {
- delete me.drive[name];
- }
- var burst_name = name + '_max';
- if (values[burst_name] && values[name]) {
- me.drive[burst_name] = values[burst_name];
- } else {
- delete me.drive[burst_name];
- }
- });
-
-
- params[confid] = PVE.Parser.printQemuDrive(me.drive);
-
- return params;
- },
-
- setVMConfig: function(vmconfig) {
- var me = this;
-
- me.vmconfig = vmconfig;
-
- if (me.bussel) {
- me.bussel.setVMConfig(vmconfig);
- me.scsiController.setValue(vmconfig.scsihw);
- }
- if (me.unusedDisks) {
- var disklist = [];
- Ext.Object.each(vmconfig, function(key, value) {
- if (key.match(/^unused\d+$/)) {
- disklist.push([key, value]);
- }
- });
- me.unusedDisks.store.loadData(disklist);
- me.unusedDisks.setValue(me.confid);
- }
- },
-
- setDrive: function(drive) {
- var me = this;
-
- me.drive = drive;
-
- var values = {};
- var match = drive.file.match(/^([^:]+):/);
- if (match) {
- values.hdstorage = match[1];
- }
-
- values.hdimage = drive.file;
- values.nobackup = !PVE.Parser.parseBoolean(drive.backup, 1);
- values.noreplicate = !PVE.Parser.parseBoolean(drive.replicate, 1);
- values.diskformat = drive.format || 'raw';
- values.cache = drive.cache || '__default__';
- values.discard = (drive.discard === 'on');
- values.ssd = PVE.Parser.parseBoolean(drive.ssd);
- values.iothread = PVE.Parser.parseBoolean(drive.iothread);
-
- values.mbps_rd = drive.mbps_rd;
- values.mbps_wr = drive.mbps_wr;
- values.iops_rd = drive.iops_rd;
- values.iops_wr = drive.iops_wr;
- values.mbps_rd_max = drive.mbps_rd_max;
- values.mbps_wr_max = drive.mbps_wr_max;
- values.iops_rd_max = drive.iops_rd_max;
- values.iops_wr_max = drive.iops_wr_max;
-
- me.setValues(values);
- },
-
- setNodename: function(nodename) {
- var me = this;
- me.down('#hdstorage').setNodename(nodename);
- me.down('#hdimage').setStorage(undefined, nodename);
- },
-
- initComponent : function() {
- var me = this;
-
- var labelWidth = 140;
-
- me.drive = {};
-
- me.column1 = [];
- me.column2 = [];
-
- me.advancedColumn1 = [];
- me.advancedColumn2 = [];
-
- if (!me.confid || me.unused) {
- me.bussel = Ext.create('PVE.form.ControllerSelector', {
- vmconfig: me.insideWizard ? {ide2: 'cdrom'} : {}
- });
- me.column1.push(me.bussel);
-
- me.scsiController = Ext.create('Ext.form.field.Display', {
- fieldLabel: gettext('SCSI Controller'),
- reference: 'scsiController',
- bind: me.insideWizard ? {
- value: '{current.scsihw}'
- } : undefined,
- renderer: PVE.Utils.render_scsihw,
- submitValue: false,
- hidden: true
- });
- me.column1.push(me.scsiController);
- }
-
- if (me.unused) {
- me.unusedDisks = Ext.create('Proxmox.form.KVComboBox', {
- name: 'unusedId',
- fieldLabel: gettext('Disk image'),
- matchFieldWidth: false,
- listConfig: {
- width: 350
- },
- data: [],
- allowBlank: false
- });
- me.column1.push(me.unusedDisks);
- } else if (me.isCreate) {
- me.column1.push({
- xtype: 'pveDiskStorageSelector',
- storageContent: 'images',
- name: 'disk',
- nodename: me.nodename,
- autoSelect: me.insideWizard
- });
- } else {
- me.column1.push({
- xtype: 'textfield',
- disabled: true,
- submitValue: false,
- fieldLabel: gettext('Disk image'),
- name: 'hdimage'
- });
- }
-
- me.column2.push(
- {
- xtype: 'CacheTypeSelector',
- name: 'cache',
- value: '__default__',
- fieldLabel: gettext('Cache')
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Discard'),
- disabled: me.confid && me.confid.match(/^virtio/),
- reference: 'discard',
- name: 'discard'
- }
- );
-
- me.advancedColumn1.push(
- {
- xtype: 'proxmoxcheckbox',
- disabled: me.confid && me.confid.match(/^virtio/),
- fieldLabel: gettext('SSD emulation'),
- labelWidth: labelWidth,
- name: 'ssd',
- reference: 'ssd'
- },
- {
- xtype: 'proxmoxcheckbox',
- disabled: me.confid && !me.confid.match(/^(virtio|scsi)/),
- fieldLabel: 'IO thread',
- labelWidth: labelWidth,
- reference: 'iothread',
- name: 'iothread'
- },
- {
- xtype: 'numberfield',
- name: 'mbps_rd',
- minValue: 1,
- step: 1,
- fieldLabel: gettext('Read limit') + ' (MB/s)',
- labelWidth: labelWidth,
- emptyText: gettext('unlimited')
- },
- {
- xtype: 'numberfield',
- name: 'mbps_wr',
- minValue: 1,
- step: 1,
- fieldLabel: gettext('Write limit') + ' (MB/s)',
- labelWidth: labelWidth,
- emptyText: gettext('unlimited')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'iops_rd',
- minValue: 10,
- step: 10,
- fieldLabel: gettext('Read limit') + ' (ops/s)',
- labelWidth: labelWidth,
- emptyText: gettext('unlimited')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'iops_wr',
- minValue: 10,
- step: 10,
- fieldLabel: gettext('Write limit') + ' (ops/s)',
- labelWidth: labelWidth,
- emptyText: gettext('unlimited')
- }
- );
-
- me.advancedColumn2.push(
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('No backup'),
- labelWidth: labelWidth,
- name: 'nobackup'
- },
- {
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Skip replication'),
- labelWidth: labelWidth,
- name: 'noreplicate'
- },
- {
- xtype: 'numberfield',
- name: 'mbps_rd_max',
- minValue: 1,
- step: 1,
- fieldLabel: gettext('Read max burst') + ' (MB)',
- labelWidth: labelWidth,
- emptyText: gettext('default')
- },
- {
- xtype: 'numberfield',
- name: 'mbps_wr_max',
- minValue: 1,
- step: 1,
- fieldLabel: gettext('Write max burst') + ' (MB)',
- labelWidth: labelWidth,
- emptyText: gettext('default')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'iops_rd_max',
- minValue: 10,
- step: 10,
- fieldLabel: gettext('Read max burst') + ' (ops)',
- labelWidth: labelWidth,
- emptyText: gettext('default')
- },
- {
- xtype: 'proxmoxintegerfield',
- name: 'iops_wr_max',
- minValue: 10,
- step: 10,
- fieldLabel: gettext('Write max burst') + ' (ops)',
- labelWidth: labelWidth,
- emptyText: gettext('default')
- }
- );
-
- me.callParent();
- }
-});
-/*jslint confusion: false */
-
-Ext.define('PVE.qemu.HDEdit', {
- extend: 'Proxmox.window.Edit',
-
- isAdd: true,
-
- backgroundDelay: 5,
-
- initComponent : function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var unused = me.confid && me.confid.match(/^unused\d+$/);
-
- me.isCreate = me.confid ? unused : true;
-
- var ipanel = Ext.create('PVE.qemu.HDInputPanel', {
- confid: me.confid,
- nodename: nodename,
- unused: unused,
- isCreate: me.isCreate
- });
-
- var subject;
- if (unused) {
- me.subject = gettext('Unused Disk');
- } else if (me.isCreate) {
- me.subject = gettext('Hard Disk');
- } else {
- me.subject = gettext('Hard Disk') + ' (' + me.confid + ')';
- }
-
- me.items = [ ipanel ];
-
- me.callParent();
- /*jslint confusion: true*/
- /* 'data' is assigned an empty array in same file, and here we
- * use it like an object
- */
- me.load({
- success: function(response, options) {
- ipanel.setVMConfig(response.result.data);
- if (me.confid) {
- var value = response.result.data[me.confid];
- var drive = PVE.Parser.parseQemuDrive(me.confid, value);
- if (!drive) {
- Ext.Msg.alert(gettext('Error'), 'Unable to parse drive options');
- me.close();
- return;
- }
- ipanel.setDrive(drive);
- me.isValid(); // trigger validation
- }
- }
- });
- /*jslint confusion: false*/
- }
-});
-Ext.define('PVE.window.HDResize', {
- extend: 'Ext.window.Window',
-
- resizable: false,
-
- resize_disk: function(disk, size) {
- var me = this;
- var params = { disk: disk, size: '+' + size + 'G' };
-
- Proxmox.Utils.API2Request({
- params: params,
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/resize',
- waitMsgTarget: me,
- method: 'PUT',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- me.close();
- }
- });
- },
-
- initComponent : function() {
- var me = this;
-
- if (!me.nodename) {
- throw "no node name specified";
- }
-
- if (!me.vmid) {
- throw "no VM ID specified";
- }
-
- var items = [
- {
- xtype: 'displayfield',
- name: 'disk',
- value: me.disk,
- fieldLabel: gettext('Disk'),
- vtype: 'StorageId',
- allowBlank: false
- }
- ];
-
- me.hdsizesel = Ext.createWidget('numberfield', {
- name: 'size',
- minValue: 0,
- maxValue: 128*1024,
- decimalPrecision: 3,
- value: '0',
- fieldLabel: gettext('Size Increment') + ' (GiB)',
- allowBlank: false
- });
-
- items.push(me.hdsizesel);
-
- me.formPanel = Ext.create('Ext.form.Panel', {
- bodyPadding: 10,
- border: false,
- fieldDefaults: {
- labelWidth: 140,
- anchor: '100%'
- },
- items: items
- });
-
- var form = me.formPanel.getForm();
-
- var submitBtn;
-
- me.title = gettext('Resize disk');
- submitBtn = Ext.create('Ext.Button', {
- text: gettext('Resize disk'),
- handler: function() {
- if (form.isValid()) {
- var values = form.getValues();
- me.resize_disk(me.disk, values.size);
- }
- }
- });
-
- Ext.apply(me, {
- modal: true,
- width: 250,
- height: 150,
- border: false,
- layout: 'fit',
- buttons: [ submitBtn ],
- items: [ me.formPanel ]
- });
-
-
- me.callParent();
-
- if (!me.disk) {
- return;
- }
-
- }
-});
-Ext.define('PVE.window.HDMove', {
- extend: 'Ext.window.Window',
-
- resizable: false,
-
-
- move_disk: function(disk, storage, format, delete_disk) {
- var me = this;
- var qemu = (me.type === 'qemu');
- var params = {};
- params.storage = storage;
- params[qemu ? 'disk':'volume'] = disk;
-
- if (format && qemu) {
- params.format = format;
- }
-
- if (delete_disk) {
- params['delete'] = 1;
- }
-
- var url = '/nodes/' + me.nodename + '/' + me.type + '/' + me.vmid + '/';
- url += qemu ? 'move_disk' : 'move_volume';
-
- Proxmox.Utils.API2Request({
- params: params,
- url: url,
- waitMsgTarget: me,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- },
- success: function(response, options) {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskViewer', {
- upid: upid
- });
- win.show();
- win.on('destroy', function() { me.close(); });
- }
- });
-
- },
-
- initComponent : function() {
- var me = this;
-
- var diskarray = [];
-
- if (!me.nodename) {
- throw "no node name specified";
- }
-
- if (!me.vmid) {
- throw "no VM ID specified";
- }
-
- if (!me.type) {
- me.type = 'qemu';
- }
-
- var qemu = (me.type === 'qemu');
-
- var items = [
- {
- xtype: 'displayfield',
- name: qemu ? 'disk' : 'volume',
- value: me.disk,
- fieldLabel: qemu ? gettext('Disk') : gettext('Mount Point'),
- vtype: 'StorageId',
- allowBlank: false
- }
- ];
-
- items.push({
- xtype: 'pveDiskStorageSelector',
- storageLabel: gettext('Target Storage'),
- nodename: me.nodename,
- storageContent: qemu ? 'images' : 'rootdir',
- hideSize: true
- });
-
- items.push({
- xtype: 'proxmoxcheckbox',
- fieldLabel: gettext('Delete source'),
- name: 'deleteDisk',
- uncheckedValue: 0,
- checked: false
- });
-
- me.formPanel = Ext.create('Ext.form.Panel', {
- bodyPadding: 10,
- border: false,
- fieldDefaults: {
- labelWidth: 100,
- anchor: '100%'
- },
- items: items
- });
-
- var form = me.formPanel.getForm();
-
- var submitBtn;
-
- me.title = qemu ? gettext("Move disk") : gettext('Move Volume');
- submitBtn = Ext.create('Ext.Button', {
- text: me.title,
- handler: function() {
- if (form.isValid()) {
- var values = form.getValues();
- me.move_disk(me.disk, values.hdstorage, values.diskformat,
- values.deleteDisk);
- }
- }
- });
-
- Ext.apply(me, {
- modal: true,
- width: 350,
- border: false,
- layout: 'fit',
- buttons: [ submitBtn ],
- items: [ me.formPanel ]
- });
-
-
- me.callParent();
-
- me.mon(me.formPanel, 'validitychange', function(fp, isValid) {
- submitBtn.setDisabled(!isValid);
- });
-
- me.formPanel.isValid();
- }
-});
-Ext.define('PVE.qemu.EFIDiskInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- alias: 'widget.pveEFIDiskInputPanel',
-
- insideWizard: false,
-
- unused: false, // ADD usused disk imaged
-
- vmconfig: {}, // used to select usused disks
-
- onGetValues: function(values) {
- var me = this;
-
- var confid = 'efidisk0';
-
- if (values.hdimage) {
- me.drive.file = values.hdimage;
- } else {
- // we use 1 here, because for efi the size gets overridden from the backend
- me.drive.file = values.hdstorage + ":1";
- }
-
- me.drive.format = values.diskformat;
- var params = {};
- params[confid] = PVE.Parser.printQemuDrive(me.drive);
- return params;
- },
-
- setNodename: function(nodename) {
- var me = this;
- me.down('#hdstorage').setNodename(nodename);
- me.down('#hdimage').setStorage(undefined, nodename);
- },
-
- initComponent : function() {
- var me = this;
-
- me.drive = {};
-
- me.items= [];
-
- me.items.push({
- xtype: 'pveDiskStorageSelector',
- name: 'efidisk0',
- storageContent: 'images',
- nodename: me.nodename,
- hideSize: true
- });
- me.callParent();
- }
-});
-
-Ext.define('PVE.qemu.EFIDiskEdit', {
- extend: 'Proxmox.window.Edit',
-
- isAdd: true,
- subject: gettext('EFI Disk'),
-
- initComponent : function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- me.items = [{
- xtype: 'pveEFIDiskInputPanel',
- onlineHelp: 'qm_bios_and_uefi',
- confid: me.confid,
- nodename: nodename,
- isCreate: true
- }];
-
- me.callParent();
- }
-});
-Ext.define('PVE.qemu.DisplayInputPanel', {
- extend: 'Proxmox.panel.InputPanel',
- xtype: 'pveDisplayInputPanel',
-
- onGetValues: function(values) {
- var ret = PVE.Parser.printPropertyString(values, 'type');
- if (ret === '') {
- return {
- 'delete': 'vga'
- };
- }
- return {
- vga: ret
- };
- },
-
- items: [{
- name: 'type',
- xtype: 'proxmoxKVComboBox',
- value: '__default__',
- deleteEmpty: false,
- fieldLabel: gettext('Graphic card'),
- comboItems: PVE.Utils.kvm_vga_driver_array(),
- validator: function() {
- var v = this.getValue();
- var cfg = this.up('proxmoxWindowEdit').vmconfig || {};
-
- if (v.match(/^serial\d+$/) && (!cfg[v] || cfg[v] !== 'socket')) {
- var fmt = gettext("Serial interface '{0}' is not correctly configured.");
- return Ext.String.format(fmt, v);
- }
- return true;
- },
- listeners: {
- change: function(cb, val) {
- var me = this.up('panel');
- if (!val) {
- return;
- }
- var disable = false;
- var emptyText = Proxmox.Utils.defaultText;
- switch (val) {
- case "cirrus":
- emptyText = "4";
- break;
- case "std":
- emptyText = "16";
- break;
- case "qxl":
- case "qxl2":
- case "qxl3":
- case "qxl4":
- emptyText = "16";
- break;
- case "vmware":
- emptyText = "16";
- break;
- case "none":
- case "serial0":
- case "serial1":
- case "serial2":
- case "serial3":
- emptyText = 'N/A';
- disable = true;
- break;
- case "virtio":
- emptyText = "256";
- break;
- default:
- break;
- }
- var memoryfield = me.down('field[name=memory]');
- memoryfield.setEmptyText(emptyText);
- memoryfield.setDisabled(disable);
- }
- }
- },{
- xtype: 'proxmoxintegerfield',
- emptyText: Proxmox.Utils.defaultText,
- fieldLabel: gettext('Memory') + ' (MiB)',
- minValue: 4,
- maxValue: 512,
- step: 4,
- name: 'memory'
- }]
-});
-
-Ext.define('PVE.qemu.DisplayEdit', {
- extend: 'Proxmox.window.Edit',
-
- vmconfig: undefined,
-
- subject: gettext('Display'),
- width: 350,
-
- items: [{
- xtype: 'pveDisplayInputPanel'
- }],
-
- initComponent : function() {
- var me = this;
-
- me.callParent();
-
- me.load({
- success: function(response) {
- me.vmconfig = response.result.data;
- var vga = me.vmconfig.vga || '__default__';
- me.setValues(PVE.Parser.parsePropertyString(vga, 'type'));
- }
- });
- }
-});
-Ext.define('PVE.qemu.KeyboardEdit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
- var me = this;
-
- Ext.applyIf(me, {
- subject: gettext('Keyboard Layout'),
- items: {
- xtype: 'VNCKeyboardSelector',
- name: 'keyboard',
- value: '__default__',
- fieldLabel: gettext('Keyboard Layout')
- }
- });
-
- me.callParent();
-
- me.load();
- }
-});
-Ext.define('PVE.qemu.HardwareView', {
- extend: 'Proxmox.grid.PendingObjectGrid',
- alias: ['widget.PVE.qemu.HardwareView'],
-
- onlineHelp: 'qm_virtual_machines_settings',
-
- renderKey: function(key, metaData, rec, rowIndex, colIndex, store) {
- var me = this;
- var rows = me.rows;
- var rowdef = rows[key] || {};
- var iconCls = rowdef.iconCls;
- var icon = '';
- var txt = (rowdef.header || key);
-
- metaData.tdAttr = "valign=middle";
-
- if (rowdef.tdCls) {
- metaData.tdCls = rowdef.tdCls;
- if (rowdef.tdCls == 'pve-itype-icon-storage') {
- var value = me.getObjectValue(key, '', false);
- if (value === '') {
- value = me.getObjectValue(key, '', true);
- }
- if (value.match(/vm-.*-cloudinit/)) {
- metaData.tdCls = 'pve-itype-icon-cloud';
- return rowdef.cloudheader;
- } else if (value.match(/media=cdrom/)) {
- metaData.tdCls = 'pve-itype-icon-cdrom';
- return rowdef.cdheader;
- }
- }
- } else if (iconCls) {
- icon = "";
- metaData.tdCls += " pve-itype-fa";
- }
- return icon + txt;
- },
-
- initComponent : function() {
- var me = this;
- var i, confid;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid) {
- throw "no VM ID specified";
- }
-
- var caps = Ext.state.Manager.get('GuiCap');
- var diskCap = caps.vms['VM.Config.Disk'];
-
- /*jslint confusion: true */
- var rows = {
- memory: {
- header: gettext('Memory'),
- editor: caps.vms['VM.Config.Memory'] ? 'PVE.qemu.MemoryEdit' : undefined,
- never_delete: true,
- defaultValue: '512',
- tdCls: 'pve-itype-icon-memory',
- group: 2,
- multiKey: ['memory', 'balloon', 'shares'],
- renderer: function(value, metaData, record, ri, ci, store, pending) {
- var res = '';
-
- var max = me.getObjectValue('memory', 512, pending);
- var balloon = me.getObjectValue('balloon', undefined, pending);
- var shares = me.getObjectValue('shares', undefined, pending);
-
- res = Proxmox.Utils.format_size(max*1024*1024);
-
- if (balloon !== undefined && balloon > 0) {
- res = Proxmox.Utils.format_size(balloon*1024*1024) + "/" + res;
-
- if (shares) {
- res += ' [shares=' + shares +']';
- }
- } else if (balloon === 0) {
- res += ' [balloon=0]';
- }
- return res;
- }
- },
- sockets: {
- header: gettext('Processors'),
- never_delete: true,
- editor: (caps.vms['VM.Config.CPU'] || caps.vms['VM.Config.HWType']) ?
- 'PVE.qemu.ProcessorEdit' : undefined,
- tdCls: 'pve-itype-icon-processor',
- group: 3,
- defaultValue: '1',
- multiKey: ['sockets', 'cpu', 'cores', 'numa', 'vcpus', 'cpulimit', 'cpuunits'],
- renderer: function(value, metaData, record, rowIndex, colIndex, store, pending) {
-
- var sockets = me.getObjectValue('sockets', 1, pending);
- var model = me.getObjectValue('cpu', undefined, pending);
- var cores = me.getObjectValue('cores', 1, pending);
- var numa = me.getObjectValue('numa', undefined, pending);
- var vcpus = me.getObjectValue('vcpus', undefined, pending);
- var cpulimit = me.getObjectValue('cpulimit', undefined, pending);
- var cpuunits = me.getObjectValue('cpuunits', undefined, pending);
-
- var res = Ext.String.format('{0} ({1} sockets, {2} cores)',
- sockets*cores, sockets, cores);
-
- if (model) {
- res += ' [' + model + ']';
- }
-
- if (numa) {
- res += ' [numa=' + numa +']';
- }
-
- if (vcpus) {
- res += ' [vcpus=' + vcpus +']';
- }
-
- if (cpulimit) {
- res += ' [cpulimit=' + cpulimit +']';
- }
-
- if (cpuunits) {
- res += ' [cpuunits=' + cpuunits +']';
- }
-
- return res;
- }
- },
- bios: {
- header: 'BIOS',
- group: 4,
- never_delete: true,
- editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.BiosEdit' : undefined,
- defaultValue: '',
- iconCls: 'microchip',
- renderer: PVE.Utils.render_qemu_bios
- },
- vga: {
- header: gettext('Display'),
- editor: caps.vms['VM.Config.HWType'] ? 'PVE.qemu.DisplayEdit' : undefined,
- never_delete: true,
- tdCls: 'pve-itype-icon-display',
- group:5,
- defaultValue: '',
- renderer: PVE.Utils.render_kvm_vga_driver
- },
- machine: {
- header: gettext('Machine'),
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Machine'),
- width: 350,
- items: [{
- xtype: 'proxmoxKVComboBox',
- name: 'machine',
- value: '__default__',
- fieldLabel: gettext('Machine'),
- comboItems: [
- ['__default__', PVE.Utils.render_qemu_machine('')],
- ['q35', 'q35']
- ]
- }]} : undefined,
- iconCls: 'cogs',
- never_delete: true,
- group: 6,
- defaultValue: '',
- renderer: PVE.Utils.render_qemu_machine
- },
- scsihw: {
- header: gettext('SCSI Controller'),
- iconCls: 'database',
- editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.ScsiHwEdit' : undefined,
- renderer: PVE.Utils.render_scsihw,
- group: 7,
- never_delete: true,
- defaultValue: ''
- },
- cores: {
- visible: false
- },
- cpu: {
- visible: false
- },
- numa: {
- visible: false
- },
- balloon: {
- visible: false
- },
- hotplug: {
- visible: false
- },
- vcpus: {
- visible: false
- },
- cpuunits: {
- visible: false
- },
- cpulimit: {
- visible: false
- },
- shares: {
- visible: false
- }
- };
- /*jslint confusion: false */
-
- PVE.Utils.forEachBus(undefined, function(type, id) {
- var confid = type + id;
- rows[confid] = {
- group: 10,
- tdCls: 'pve-itype-icon-storage',
- editor: 'PVE.qemu.HDEdit',
- never_delete: caps.vms['VM.Config.Disk'] ? false : true,
- header: gettext('Hard Disk') + ' (' + confid +')',
- cdheader: gettext('CD/DVD Drive') + ' (' + confid +')',
- cloudheader: gettext('CloudInit Drive') + ' (' + confid + ')'
- };
- });
- for (i = 0; i < 32; i++) {
- confid = "net" + i.toString();
- rows[confid] = {
- group: 15,
- order: i,
- tdCls: 'pve-itype-icon-network',
- editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.NetworkEdit' : undefined,
- never_delete: caps.vms['VM.Config.Network'] ? false : true,
- header: gettext('Network Device') + ' (' + confid +')'
- };
- }
- rows.efidisk0 = {
- group: 20,
- tdCls: 'pve-itype-icon-storage',
- editor: null,
- never_delete: caps.vms['VM.Config.Disk'] ? false : true,
- header: gettext('EFI Disk')
- };
- for (i = 0; i < 5; i++) {
- confid = "usb" + i.toString();
- rows[confid] = {
- group: 25,
- order: i,
- tdCls: 'pve-itype-icon-usb',
- editor: caps.nodes['Sys.Console'] ? 'PVE.qemu.USBEdit' : undefined,
- never_delete: caps.nodes['Sys.Console'] ? false : true,
- header: gettext('USB Device') + ' (' + confid + ')'
- };
- }
- for (i = 0; i < 4; i++) {
- confid = "hostpci" + i.toString();
- rows[confid] = {
- group: 30,
- order: i,
- tdCls: 'pve-itype-icon-pci',
- never_delete: caps.nodes['Sys.Console'] ? false : true,
- editor: caps.nodes['Sys.Console'] ? 'PVE.qemu.PCIEdit' : undefined,
- header: gettext('PCI Device') + ' (' + confid + ')'
- };
- }
- for (i = 0; i < 4; i++) {
- confid = "serial" + i.toString();
- rows[confid] = {
- group: 35,
- order: i,
- tdCls: 'pve-itype-icon-serial',
- never_delete: caps.nodes['Sys.Console'] ? false : true,
- header: gettext('Serial Port') + ' (' + confid + ')'
- };
- }
- for (i = 0; i < 256; i++) {
- rows["unused" + i.toString()] = {
- group: 99,
- order: i,
- tdCls: 'pve-itype-icon-storage',
- editor: caps.vms['VM.Config.Disk'] ? 'PVE.qemu.HDEdit' : undefined,
- header: gettext('Unused Disk') + ' ' + i.toString()
- };
- }
-
- var sorterFn = function(rec1, rec2) {
- var v1 = rec1.data.key;
- var v2 = rec2.data.key;
- var g1 = rows[v1].group || 0;
- var g2 = rows[v2].group || 0;
- var order1 = rows[v1].order || 0;
- var order2 = rows[v2].order || 0;
-
- if ((g1 - g2) !== 0) {
- return g1 - g2;
- }
-
- if ((order1 - order2) !== 0) {
- return order1 - order2;
- }
-
- if (v1 > v2) {
- return 1;
- } else if (v1 < v2) {
- return -1;
- } else {
- return 0;
- }
- };
-
- var reload = function() {
- me.rstore.load();
- };
-
- var baseurl = 'nodes/' + nodename + '/qemu/' + vmid + '/config';
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
-
- var rowdef = rows[rec.data.key];
- if (!rowdef.editor) {
- return;
- }
-
- var editor = rowdef.editor;
- if (rowdef.tdCls == 'pve-itype-icon-storage') {
- var value = me.getObjectValue(rec.data.key, '', true);
- if (value.match(/vm-.*-cloudinit/)) {
- return;
- } else if (value.match(/media=cdrom/)) {
- editor = 'PVE.qemu.CDEdit';
- } else if (!diskCap) {
- return;
- }
- }
-
- var win;
-
- if (Ext.isString(editor)) {
- win = Ext.create(editor, {
- pveSelNode: me.pveSelNode,
- confid: rec.data.key,
- url: '/api2/extjs/' + baseurl
- });
- } else {
- var config = Ext.apply({
- pveSelNode: me.pveSelNode,
- confid: rec.data.key,
- url: '/api2/extjs/' + baseurl
- }, rowdef.editor);
- win = Ext.createWidget(rowdef.editor.xtype, config);
- win.load();
- }
-
- win.show();
- win.on('destroy', reload);
- };
-
- var run_resize = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
-
- var win = Ext.create('PVE.window.HDResize', {
- disk: rec.data.key,
- nodename: nodename,
- vmid: vmid
- });
-
- win.show();
-
- win.on('destroy', reload);
- };
-
- var run_move = function() {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
-
- var win = Ext.create('PVE.window.HDMove', {
- disk: rec.data.key,
- nodename: nodename,
- vmid: vmid
- });
-
- win.show();
-
- win.on('destroy', reload);
- };
-
- var edit_btn = new Proxmox.button.Button({
- text: gettext('Edit'),
- selModel: sm,
- disabled: true,
- handler: run_editor
- });
-
- var resize_btn = new Proxmox.button.Button({
- text: gettext('Resize disk'),
- selModel: sm,
- disabled: true,
- handler: run_resize
- });
-
- var move_btn = new Proxmox.button.Button({
- text: gettext('Move disk'),
- selModel: sm,
- disabled: true,
- handler: run_move
- });
-
- var remove_btn = new Proxmox.button.Button({
- text: gettext('Remove'),
- defaultText: gettext('Remove'),
- altText: gettext('Detach'),
- selModel: sm,
- disabled: true,
- dangerous: true,
- RESTMethod: 'PUT',
- confirmMsg: function(rec) {
- var warn = gettext('Are you sure you want to remove entry {0}');
- if (this.text === this.altText) {
- warn = gettext('Are you sure you want to detach entry {0}');
- }
-
- var entry = rec.data.key;
- var msg = Ext.String.format(warn, "'"
- + me.renderKey(entry, {}, rec) + "'");
-
- if (entry.match(/^unused\d+$/)) {
- msg += " " + gettext('This will permanently erase all data.');
- }
-
- return msg;
- },
- handler: function(b, e, rec) {
- Proxmox.Utils.API2Request({
- url: '/api2/extjs/' + baseurl,
- waitMsgTarget: me,
- method: b.RESTMethod,
- params: {
- 'delete': rec.data.key
- },
- callback: function() {
- reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- },
- success: function(response, options) {
- if (b.RESTMethod === 'POST') {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskProgress', {
- upid: upid,
- listeners: {
- destroy: function () {
- me.reload();
- }
- }
- });
- win.show();
- }
- }
- });
- },
- listeners: {
- render: function(btn) {
- // hack: calculate an optimal button width on first display
- // to prevent the whole toolbar to move when we switch
- // between the "Remove" and "Detach" labels
- var def = btn.getSize().width;
-
- btn.setText(btn.altText);
- var alt = btn.getSize().width;
-
- btn.setText(btn.defaultText);
-
- var optimal = alt > def ? alt : def;
- btn.setSize({ width: optimal });
- }
- }
- });
-
- var revert_btn = new Proxmox.button.Button({
- text: gettext('Revert'),
- selModel: sm,
- disabled: true,
- handler: function(b, e, rec) {
- var rowdef = me.rows[rec.data.key] || {};
- var keys = rowdef.multiKey || [ rec.data.key ];
- var revert = keys.join(',');
- Proxmox.Utils.API2Request({
- url: '/api2/extjs/' + baseurl,
- waitMsgTarget: me,
- method: 'PUT',
- params: {
- 'revert': revert
- },
- callback: function() {
- reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert('Error',response.htmlStatus);
- }
- });
- }
- });
-
- var efidisk_menuitem = Ext.create('Ext.menu.Item',{
- text: gettext('EFI Disk'),
- iconCls: 'pve-itype-icon-storage',
- disabled: !caps.vms['VM.Config.Disk'],
- handler: function() {
-
- var rstoredata = me.rstore.getData().map;
- // check if ovmf is configured
- if (rstoredata.bios && rstoredata.bios.data.value === 'ovmf') {
- var win = Ext.create('PVE.qemu.EFIDiskEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- } else {
- Ext.Msg.alert('Error',gettext('Please select OVMF(UEFI) as BIOS first.'));
- }
-
- }
- });
-
- var set_button_status = function() {
- var sm = me.getSelectionModel();
- var rec = sm.getSelection()[0];
-
- // disable button when we have an efidisk already
- // disable is ok in this case, because you can instantly
- // see that there is already one
- efidisk_menuitem.setDisabled(me.rstore.getData().map.efidisk0 !== undefined);
- // en/disable usb add button
- var usbcount = 0;
- var pcicount = 0;
- var hasCloudInit = false;
- me.rstore.getData().items.forEach(function(item){
- if (/^usb\d+/.test(item.id)) {
- usbcount++;
- } else if (/^hostpci\d+/.test(item.id)) {
- pcicount++;
- }
- if (!hasCloudInit && /vm-.*-cloudinit/.test(item.data.value)) {
- hasCloudInit = true;
- }
- });
-
- // heuristic only for disabling some stuff, the backend has the final word.
- var noSysConsolePerm = !caps.nodes['Sys.Console'];
-
- me.down('#addusb').setDisabled(noSysConsolePerm || (usbcount >= 5));
- me.down('#addpci').setDisabled(noSysConsolePerm || (pcicount >= 4));
- me.down('#addci').setDisabled(noSysConsolePerm || hasCloudInit);
-
- if (!rec) {
- remove_btn.disable();
- edit_btn.disable();
- resize_btn.disable();
- move_btn.disable();
- revert_btn.disable();
- return;
- }
- var key = rec.data.key;
- var value = rec.data.value;
- var rowdef = rows[key];
-
- var pending = rec.data['delete'] || me.hasPendingChanges(key);
- var isCDRom = (value && !!value.toString().match(/media=cdrom/));
- var isUnusedDisk = key.match(/^unused\d+/);
- var isUsedDisk = !isUnusedDisk &&
- rowdef.tdCls == 'pve-itype-icon-storage' &&
- !isCDRom;
-
- var isCloudInit = (value && value.toString().match(/vm-.*-cloudinit/));
-
- var isEfi = (key === 'efidisk0');
-
- remove_btn.setDisabled(rec.data['delete'] || (rowdef.never_delete === true) || (isUnusedDisk && !diskCap));
- remove_btn.setText((isUsedDisk && !isCloudInit) ? remove_btn.altText : remove_btn.defaultText);
- remove_btn.RESTMethod = isUnusedDisk ? 'POST':'PUT';
-
- edit_btn.setDisabled(rec.data['delete'] || !rowdef.editor || isCloudInit || (!isCDRom && !diskCap));
-
- resize_btn.setDisabled(pending || !isUsedDisk || !diskCap);
-
- move_btn.setDisabled(pending || !isUsedDisk || !diskCap);
-
- revert_btn.setDisabled(!pending);
-
- };
-
- Ext.apply(me, {
- url: '/api2/json/' + 'nodes/' + nodename + '/qemu/' + vmid + '/pending',
- interval: 5000,
- selModel: sm,
- run_editor: run_editor,
- tbar: [
- {
- text: gettext('Add'),
- menu: new Ext.menu.Menu({
- items: [
- {
- text: gettext('Hard Disk'),
- iconCls: 'pve-itype-icon-storage',
- disabled: !caps.vms['VM.Config.Disk'],
- handler: function() {
- var win = Ext.create('PVE.qemu.HDEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('CD/DVD Drive'),
- iconCls: 'pve-itype-icon-cdrom',
- disabled: !caps.vms['VM.Config.Disk'],
- handler: function() {
- var win = Ext.create('PVE.qemu.CDEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('Network Device'),
- iconCls: 'pve-itype-icon-network',
- disabled: !caps.vms['VM.Config.Network'],
- handler: function() {
- var win = Ext.create('PVE.qemu.NetworkEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode,
- isCreate: true
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- efidisk_menuitem,
- {
- text: gettext('USB Device'),
- itemId: 'addusb',
- iconCls: 'pve-itype-icon-usb',
- disabled: !caps.nodes['Sys.Console'],
- handler: function() {
- var win = Ext.create('PVE.qemu.USBEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('PCI Device'),
- itemId: 'addpci',
- iconCls: 'pve-itype-icon-pci',
- disabled: !caps.nodes['Sys.Console'],
- handler: function() {
- var win = Ext.create('PVE.qemu.PCIEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('Serial Port'),
- itemId: 'addserial',
- iconCls: 'pve-itype-icon-serial',
- disabled: !caps.vms['VM.Config.Options'],
- handler: function() {
- var win = Ext.create('PVE.qemu.SerialEdit', {
- url: '/api2/extjs/' + baseurl
- });
- win.on('destroy', reload);
- win.show();
- }
- },
- {
- text: gettext('CloudInit Drive'),
- itemId: 'addci',
- iconCls: 'pve-itype-icon-cloud',
- disabled: !caps.nodes['Sys.Console'],
- handler: function() {
- var win = Ext.create('PVE.qemu.CIDriveEdit', {
- url: '/api2/extjs/' + baseurl,
- pveSelNode: me.pveSelNode
- });
- win.on('destroy', reload);
- win.show();
- }
- }
- ]
- })
- },
- remove_btn,
- edit_btn,
- resize_btn,
- move_btn,
- revert_btn
- ],
- rows: rows,
- sorterFn: sorterFn,
- listeners: {
- itemdblclick: run_editor,
- selectionchange: set_button_status
- }
- });
-
- me.callParent();
-
- me.on('activate', me.rstore.startUpdate);
- me.on('destroy', me.rstore.stopUpdate);
-
- me.mon(me.rstore, 'refresh', function() {
- set_button_status();
- });
- }
-});
-Ext.define('PVE.qemu.ScsiHwEdit', {
- extend: 'Proxmox.window.Edit',
-
- initComponent : function() {
- var me = this;
-
- Ext.applyIf(me, {
- subject: gettext('SCSI Controller Type'),
- items: {
- xtype: 'pveScsiHwSelector',
- name: 'scsihw',
- value: '__default__',
- fieldLabel: gettext('Type')
- }
- });
-
- me.callParent();
-
- me.load();
- }
-});
-Ext.define('PVE.qemu.BiosEdit', {
- extend: 'Proxmox.window.Edit',
- alias: 'widget.pveQemuBiosEdit',
-
- initComponent : function() {
- var me = this;
-
- var EFIHint = Ext.createWidget({
- xtype: 'displayfield', //submitValue is false, so we don't get submitted
- userCls: 'pve-hint',
- value: 'You need to add an EFI disk for storing the ' +
- 'EFI settings. See the online help for details.',
- hidden: true
- });
-
- Ext.applyIf(me, {
- subject: 'BIOS',
- items: [ {
- xtype: 'pveQemuBiosSelector',
- onlineHelp: 'qm_bios_and_uefi',
- name: 'bios',
- value: '__default__',
- fieldLabel: 'BIOS',
- listeners: {
- 'change' : function(field, newValue) {
- if (newValue == 'ovmf') {
- Proxmox.Utils.API2Request({
- url : me.url,
- method : 'GET',
- failure : function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success : function(response, opts) {
- var vmConfig = response.result.data;
- // there can be only one
- if (!vmConfig.efidisk0) {
- EFIHint.setVisible(true);
- }
- }
- });
- } else {
- if (EFIHint.isVisible()) {
- EFIHint.setVisible(false);
- }
- }
- }
- }
- },
- EFIHint
- ] });
-
- me.callParent();
-
- me.load();
-
- }
-});
-/*jslint confusion: true */
-Ext.define('PVE.qemu.Options', {
- extend: 'Proxmox.grid.PendingObjectGrid',
- alias: ['widget.PVE.qemu.Options'],
-
- onlineHelp: 'qm_options',
-
- initComponent : function() {
- var me = this;
- var i;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid) {
- throw "no VM ID specified";
- }
-
- var caps = Ext.state.Manager.get('GuiCap');
-
- var rows = {
- name: {
- required: true,
- defaultValue: me.pveSelNode.data.name,
- header: gettext('Name'),
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Name'),
- items: {
- xtype: 'inputpanel',
- items:{
- xtype: 'textfield',
- name: 'name',
- vtype: 'DnsName',
- value: '',
- fieldLabel: gettext('Name'),
- allowBlank: true
- },
- onGetValues: function(values) {
- var params = values;
- if (values.name === undefined ||
- values.name === null ||
- values.name === '') {
- params = { 'delete':'name'};
- }
- return params;
- }
- }
- } : undefined
- },
- onboot: {
- header: gettext('Start at boot'),
- defaultValue: '',
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Start at boot'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'onboot',
- uncheckedValue: 0,
- defaultValue: 0,
- deleteDefaultValue: true,
- fieldLabel: gettext('Start at boot')
- }
- } : undefined
- },
- startup: {
- header: gettext('Start/Shutdown order'),
- defaultValue: '',
- renderer: PVE.Utils.render_kvm_startup,
- editor: caps.vms['VM.Config.Options'] && caps.nodes['Sys.Modify'] ?
- {
- xtype: 'pveWindowStartupEdit',
- onlineHelp: 'qm_startup_and_shutdown'
- } : undefined
- },
- ostype: {
- header: gettext('OS Type'),
- editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.OSTypeEdit' : undefined,
- renderer: PVE.Utils.render_kvm_ostype,
- defaultValue: 'other'
- },
- bootdisk: {
- visible: false
- },
- boot: {
- header: gettext('Boot Order'),
- defaultValue: 'cdn',
- editor: caps.vms['VM.Config.Disk'] ? 'PVE.qemu.BootOrderEdit' : undefined,
- multiKey: ['boot', 'bootdisk'],
- renderer: function(order, metaData, record, rowIndex, colIndex, store, pending) {
- var i;
- var text = '';
- var bootdisk = me.getObjectValue('bootdisk', undefined, pending);
- order = order || 'cdn';
- for (i = 0; i < order.length; i++) {
- var sel = order.substring(i, i + 1);
- if (text) {
- text += ', ';
- }
- if (sel === 'c') {
- if (bootdisk) {
- text += "Disk '" + bootdisk + "'";
- } else {
- text += "Disk";
- }
- } else if (sel === 'n') {
- text += 'Network';
- } else if (sel === 'a') {
- text += 'Floppy';
- } else if (sel === 'd') {
- text += 'CD-ROM';
- } else {
- text += sel;
- }
- }
- return text;
- }
- },
- tablet: {
- header: gettext('Use tablet for pointer'),
- defaultValue: true,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Use tablet for pointer'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'tablet',
- checked: true,
- uncheckedValue: 0,
- defaultValue: 1,
- deleteDefaultValue: true,
- fieldLabel: gettext('Enabled')
- }
- } : undefined
- },
- hotplug: {
- header: gettext('Hotplug'),
- defaultValue: 'disk,network,usb',
- renderer: PVE.Utils.render_hotplug_features,
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Hotplug'),
- items: {
- xtype: 'pveHotplugFeatureSelector',
- name: 'hotplug',
- value: '',
- multiSelect: true,
- fieldLabel: gettext('Hotplug'),
- allowBlank: true
- }
- } : undefined
- },
- acpi: {
- header: gettext('ACPI support'),
- defaultValue: true,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('ACPI support'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'acpi',
- checked: true,
- uncheckedValue: 0,
- defaultValue: 1,
- deleteDefaultValue: true,
- fieldLabel: gettext('Enabled')
- }
- } : undefined
- },
- kvm: {
- header: gettext('KVM hardware virtualization'),
- defaultValue: true,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.HWType'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('KVM hardware virtualization'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'kvm',
- checked: true,
- uncheckedValue: 0,
- defaultValue: 1,
- deleteDefaultValue: true,
- fieldLabel: gettext('Enabled')
- }
- } : undefined
- },
- freeze: {
- header: gettext('Freeze CPU at startup'),
- defaultValue: false,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.PowerMgmt'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Freeze CPU at startup'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'freeze',
- uncheckedValue: 0,
- defaultValue: 0,
- deleteDefaultValue: true,
- labelWidth: 140,
- fieldLabel: gettext('Freeze CPU at startup')
- }
- } : undefined
- },
- localtime: {
- header: gettext('Use local time for RTC'),
- defaultValue: false,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Use local time for RTC'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'localtime',
- uncheckedValue: 0,
- defaultValue: 0,
- deleteDefaultValue: true,
- labelWidth: 140,
- fieldLabel: gettext('Use local time for RTC')
- }
- } : undefined
- },
- startdate: {
- header: gettext('RTC start date'),
- defaultValue: 'now',
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('RTC start date'),
- items: {
- xtype: 'proxmoxtextfield',
- name: 'startdate',
- deleteEmpty: true,
- value: 'now',
- fieldLabel: gettext('RTC start date'),
- vtype: 'QemuStartDate',
- allowBlank: true
- }
- } : undefined
- },
- smbios1: {
- header: gettext('SMBIOS settings (type1)'),
- defaultValue: '',
- renderer: Ext.String.htmlEncode,
- editor: caps.vms['VM.Config.HWType'] ? 'PVE.qemu.Smbios1Edit' : undefined
- },
- agent: {
- header: gettext('Qemu Agent'),
- defaultValue: false,
- renderer: PVE.Utils.render_qga_features,
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Qemu Agent'),
- items: {
- xtype: 'pveAgentFeatureSelector',
- name: 'agent'
- }
- } : undefined
- },
- protection: {
- header: gettext('Protection'),
- defaultValue: false,
- renderer: Proxmox.Utils.format_boolean,
- editor: caps.vms['VM.Config.Options'] ? {
- xtype: 'proxmoxWindowEdit',
- subject: gettext('Protection'),
- items: {
- xtype: 'proxmoxcheckbox',
- name: 'protection',
- uncheckedValue: 0,
- defaultValue: 0,
- deleteDefaultValue: true,
- fieldLabel: gettext('Enabled')
- }
- } : undefined
- },
- hookscript: {
- header: gettext('Hookscript')
- }
- };
-
- var baseurl = 'nodes/' + nodename + '/qemu/' + vmid + '/config';
-
- var edit_btn = new Ext.Button({
- text: gettext('Edit'),
- disabled: true,
- handler: function() { me.run_editor(); }
- });
-
- var revert_btn = new Proxmox.button.Button({
- text: gettext('Revert'),
- disabled: true,
- handler: function() {
- var sm = me.getSelectionModel();
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
-
- var rowdef = me.rows[rec.data.key] || {};
- var keys = rowdef.multiKey || [ rec.data.key ];
- var revert = keys.join(',');
-
- Proxmox.Utils.API2Request({
- url: '/api2/extjs/' + baseurl,
- waitMsgTarget: me,
- method: 'PUT',
- params: {
- 'revert': revert
- },
- callback: function() {
- me.reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert('Error',response.htmlStatus);
- }
- });
- }
- });
-
- var set_button_status = function() {
- var sm = me.getSelectionModel();
- var rec = sm.getSelection()[0];
-
- if (!rec) {
- edit_btn.disable();
- return;
- }
-
- var key = rec.data.key;
- var pending = rec.data['delete'] || me.hasPendingChanges(key);
- var rowdef = rows[key];
-
- edit_btn.setDisabled(!rowdef.editor);
- revert_btn.setDisabled(!pending);
- };
-
- Ext.apply(me, {
- url: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/pending",
- interval: 5000,
- cwidth1: 250,
- tbar: [ edit_btn, revert_btn ],
- rows: rows,
- editorConfig: {
- url: "/api2/extjs/" + baseurl
- },
- listeners: {
- itemdblclick: me.run_editor,
- selectionchange: set_button_status
- }
- });
-
- me.callParent();
-
- me.on('activate', me.rstore.startUpdate);
- me.on('destroy', me.rstore.stopUpdate);
- me.on('deactivate', me.rstore.stopUpdate);
-
- me.rstore.on('datachanged', function() {
- set_button_status();
- });
- }
-});
-
-Ext.define('PVE.window.Snapshot', {
- extend: 'Ext.window.Window',
-
- resizable: false,
-
- // needed for finding the reference to submitbutton
- // because we do not have a controller
- referenceHolder: true,
- defaultButton: 'submitbutton',
- defaultFocus: 'field',
-
- take_snapshot: function(snapname, descr, vmstate) {
- var me = this;
- var params = { snapname: snapname, vmstate: vmstate ? 1 : 0 };
- if (descr) {
- params.description = descr;
- }
-
- Proxmox.Utils.API2Request({
- params: params,
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot",
- waitMsgTarget: me,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
- win.show();
- me.close();
- }
- });
- },
-
- update_snapshot: function(snapname, descr) {
- var me = this;
- Proxmox.Utils.API2Request({
- params: { description: descr },
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot/" +
- snapname + '/config',
- waitMsgTarget: me,
- method: 'PUT',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- me.close();
- }
- });
- },
-
- initComponent : function() {
- var me = this;
-
- if (!me.nodename) {
- throw "no node name specified";
- }
-
- if (!me.vmid) {
- throw "no VM ID specified";
- }
-
- var summarystore = Ext.create('Ext.data.Store', {
- model: 'KeyValue',
- sorters: [
- {
- property : 'key',
- direction: 'ASC'
- }
- ]
- });
-
- var items = [
- {
- xtype: me.snapname ? 'displayfield' : 'textfield',
- name: 'snapname',
- value: me.snapname,
- fieldLabel: gettext('Name'),
- vtype: 'ConfigId',
- allowBlank: false
- }
- ];
-
- if (me.snapname) {
- items.push({
- xtype: 'displayfield',
- name: 'snaptime',
- renderer: PVE.Utils.render_timestamp_human_readable,
- fieldLabel: gettext('Timestamp')
- });
- } else {
- items.push({
- xtype: 'proxmoxcheckbox',
- name: 'vmstate',
- uncheckedValue: 0,
- defaultValue: 0,
- checked: 1,
- fieldLabel: gettext('Include RAM')
- });
- }
-
- items.push({
- xtype: 'textareafield',
- grow: true,
- name: 'description',
- fieldLabel: gettext('Description')
- });
-
- if (me.snapname) {
- items.push({
- title: gettext('Settings'),
- xtype: 'grid',
- height: 200,
- store: summarystore,
- columns: [
- {header: gettext('Key'), width: 150, dataIndex: 'key'},
- {header: gettext('Value'), flex: 1, dataIndex: 'value'}
- ]
- });
- }
-
- me.formPanel = Ext.create('Ext.form.Panel', {
- bodyPadding: 10,
- border: false,
- fieldDefaults: {
- labelWidth: 100,
- anchor: '100%'
- },
- items: items
- });
-
- var form = me.formPanel.getForm();
-
- var submitBtn;
-
- if (me.snapname) {
- me.title = gettext('Edit') + ': ' + gettext('Snapshot');
- submitBtn = Ext.create('Ext.Button', {
- text: gettext('Update'),
- handler: function() {
- if (form.isValid()) {
- var values = form.getValues();
- me.update_snapshot(me.snapname, values.description);
- }
- }
- });
- } else {
- me.title ="VM " + me.vmid + ': ' + gettext('Take Snapshot');
- submitBtn = Ext.create('Ext.Button', {
- text: gettext('Take Snapshot'),
- reference: 'submitbutton',
- handler: function() {
- if (form.isValid()) {
- var values = form.getValues();
- me.take_snapshot(values.snapname, values.description, values.vmstate);
- }
- }
- });
- }
-
- Ext.apply(me, {
- modal: true,
- width: 450,
- border: false,
- layout: 'fit',
- buttons: [ submitBtn ],
- items: [ me.formPanel ]
- });
-
- if (me.snapname) {
- Ext.apply(me, {
- width: 620,
- height: 420
- });
- }
-
- me.callParent();
-
- if (!me.snapname) {
- return;
- }
-
- // else load data
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot/" +
- me.snapname + '/config',
- waitMsgTarget: me,
- method: 'GET',
- failure: function(response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- me.close();
- },
- success: function(response, options) {
- var data = response.result.data;
- var kvarray = [];
- Ext.Object.each(data, function(key, value) {
- if (key === 'description' || key === 'snaptime') {
- return;
- }
- kvarray.push({ key: key, value: value });
- });
-
- summarystore.suspendEvents();
- summarystore.add(kvarray);
- summarystore.sort();
- summarystore.resumeEvents();
- summarystore.fireEvent('refresh', summarystore);
-
- form.findField('snaptime').setValue(data.snaptime);
- form.findField('description').setValue(data.description);
- }
- });
- }
-});
-Ext.define('PVE.qemu.SnapshotTree', {
- extend: 'Ext.tree.Panel',
- alias: ['widget.pveQemuSnapshotTree'],
-
- load_delay: 3000,
-
- old_digest: 'invalid',
-
- stateful: true,
- stateId: 'grid-qemu-snapshots',
-
- sorterFn: function(rec1, rec2) {
- var v1 = rec1.data.snaptime;
- var v2 = rec2.data.snaptime;
-
- if (rec1.data.name === 'current') {
- return 1;
- }
- if (rec2.data.name === 'current') {
- return -1;
- }
-
- return (v1 > v2 ? 1 : (v1 < v2 ? -1 : 0));
- },
-
- reload: function(repeat) {
- var me = this;
-
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot',
- method: 'GET',
- failure: function(response, opts) {
- Proxmox.Utils.setErrorMask(me, response.htmlStatus);
- me.load_task.delay(me.load_delay);
- },
- success: function(response, opts) {
- Proxmox.Utils.setErrorMask(me, false);
- var digest = 'invalid';
- var idhash = {};
- var root = { name: '__root', expanded: true, children: [] };
- Ext.Array.each(response.result.data, function(item) {
- item.leaf = true;
- item.children = [];
- if (item.name === 'current') {
- digest = item.digest + item.running;
- if (item.running) {
- item.iconCls = 'fa fa-fw fa-desktop x-fa-tree-running';
- } else {
- item.iconCls = 'fa fa-fw fa-desktop x-fa-tree';
- }
- } else {
- item.iconCls = 'fa fa-fw fa-history x-fa-tree';
- }
- idhash[item.name] = item;
- });
-
- if (digest !== me.old_digest) {
- me.old_digest = digest;
-
- Ext.Array.each(response.result.data, function(item) {
- if (item.parent && idhash[item.parent]) {
- var parent_item = idhash[item.parent];
- parent_item.children.push(item);
- parent_item.leaf = false;
- parent_item.expanded = true;
- parent_item.expandable = false;
- } else {
- root.children.push(item);
- }
- });
-
- me.setRootNode(root);
- }
-
- me.load_task.delay(me.load_delay);
- }
- });
-
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/feature',
- params: { feature: 'snapshot' },
- method: 'GET',
- success: function(response, options) {
- var res = response.result.data;
- if (res.hasFeature) {
- var snpBtns = Ext.ComponentQuery.query('#snapshotBtn');
- snpBtns.forEach(function(item){
- item.enable();
- });
- }
- }
- });
-
-
- },
-
- listeners: {
- beforestatesave: function(grid, state, eopts) {
- // extjs cannot serialize functions,
- // so a the sorter with only the sorterFn will
- // not be a valid sorter when restoring the state
- delete state.storeState.sorters;
- }
- },
-
- initComponent: function() {
- var me = this;
-
- me.nodename = me.pveSelNode.data.node;
- if (!me.nodename) {
- throw "no node name specified";
- }
-
- me.vmid = me.pveSelNode.data.vmid;
- if (!me.vmid) {
- throw "no VM ID specified";
- }
-
- me.load_task = new Ext.util.DelayedTask(me.reload, me);
-
- var sm = Ext.create('Ext.selection.RowModel', {});
-
- var valid_snapshot = function(record) {
- return record && record.data && record.data.name &&
- record.data.name !== 'current';
- };
-
- var valid_snapshot_rollback = function(record) {
- return record && record.data && record.data.name &&
- record.data.name !== 'current' && !record.data.snapstate;
- };
-
- var run_editor = function() {
- var rec = sm.getSelection()[0];
- if (valid_snapshot(rec)) {
- var win = Ext.create('PVE.window.Snapshot', {
- snapname: rec.data.name,
- nodename: me.nodename,
- vmid: me.vmid
- });
- win.show();
- me.mon(win, 'close', me.reload, me);
- }
- };
-
- var editBtn = new Proxmox.button.Button({
- text: gettext('Edit'),
- disabled: true,
- selModel: sm,
- enableFn: valid_snapshot,
- handler: run_editor
- });
-
- var rollbackBtn = new Proxmox.button.Button({
- text: gettext('Rollback'),
- disabled: true,
- selModel: sm,
- enableFn: valid_snapshot_rollback,
- confirmMsg: function(rec) {
- return Proxmox.Utils.format_task_description('qmrollback', me.vmid) +
- " '" + rec.data.name + "'";
- },
- handler: function(btn, event) {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var snapname = rec.data.name;
-
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot/' + snapname + '/rollback',
- method: 'POST',
- waitMsgTarget: me,
- callback: function() {
- me.reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
- win.show();
- }
- });
- }
- });
-
- var removeBtn = new Proxmox.button.Button({
- text: gettext('Remove'),
- disabled: true,
- selModel: sm,
- confirmMsg: function(rec) {
- var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
- "'" + rec.data.name + "'");
- return msg;
- },
- enableFn: valid_snapshot,
- handler: function(btn, event) {
- var rec = sm.getSelection()[0];
- if (!rec) {
- return;
- }
- var snapname = rec.data.name;
-
- Proxmox.Utils.API2Request({
- url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot/' + snapname,
- method: 'DELETE',
- waitMsgTarget: me,
- callback: function() {
- me.reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- },
- success: function(response, options) {
- var upid = response.result.data;
- var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
- win.show();
- }
- });
- }
- });
-
- var snapshotBtn = Ext.create('Ext.Button', {
- itemId: 'snapshotBtn',
- text: gettext('Take Snapshot'),
- disabled: true,
- handler: function() {
- var win = Ext.create('PVE.window.Snapshot', {
- nodename: me.nodename,
- vmid: me.vmid
- });
- win.show();
- }
- });
-
- Ext.apply(me, {
- layout: 'fit',
- rootVisible: false,
- animate: false,
- sortableColumns: false,
- selModel: sm,
- tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ],
- fields: [
- 'name', 'description', 'snapstate', 'vmstate', 'running',
- { name: 'snaptime', type: 'date', dateFormat: 'timestamp' }
- ],
- columns: [
- {
- xtype: 'treecolumn',
- text: gettext('Name'),
- dataIndex: 'name',
- width: 200,
- renderer: function(value, metaData, record) {
- if (value === 'current') {
- return "NOW";
- } else {
- return value;
- }
- }
- },
- {
- text: gettext('RAM'),
- align: 'center',
- resizable: false,
- dataIndex: 'vmstate',
- width: 50,
- renderer: function(value, metaData, record) {
- if (record.data.name !== 'current') {
- return Proxmox.Utils.format_boolean(value);
- }
- }
- },
- {
- text: gettext('Date') + "/" + gettext("Status"),
- dataIndex: 'snaptime',
- width: 150,
- renderer: function(value, metaData, record) {
- if (record.data.snapstate) {
- return record.data.snapstate;
- }
- if (value) {
- return Ext.Date.format(value,'Y-m-d H:i:s');
- }
- }
- },
- {
- text: gettext('Description'),
- dataIndex: 'description',
- flex: 1,
- renderer: function(value, metaData, record) {
- if (record.data.name === 'current') {
- return gettext("You are here!");
- } else {
- return Ext.String.htmlEncode(value);
- }
- }
- }
- ],
- columnLines: true, // will work in 4.1?
- listeners: {
- activate: me.reload,
- destroy: me.load_task.cancel,
- itemdblclick: run_editor
- }
- });
-
- me.callParent();
-
- me.store.sorters.add(new Ext.util.Sorter({
- sorterFn: me.sorterFn
- }));
- }
-});
-
-Ext.define('PVE.qemu.Config', {
- extend: 'PVE.panel.Config',
- alias: 'widget.PVE.qemu.Config',
-
- onlineHelp: 'chapter_virtual_machines',
-
- initComponent: function() {
- var me = this;
-
- var nodename = me.pveSelNode.data.node;
- if (!nodename) {
- throw "no node name specified";
- }
-
- var vmid = me.pveSelNode.data.vmid;
- if (!vmid) {
- throw "no VM ID specified";
- }
-
- var template = !!me.pveSelNode.data.template;
-
- var running = !!me.pveSelNode.data.uptime;
-
- var caps = Ext.state.Manager.get('GuiCap');
-
- var base_url = '/nodes/' + nodename + "/qemu/" + vmid;
-
- me.statusStore = Ext.create('Proxmox.data.ObjectStore', {
- url: '/api2/json' + base_url + '/status/current',
- interval: 1000
- });
-
- var vm_command = function(cmd, params) {
- Proxmox.Utils.API2Request({
- params: params,
- url: base_url + '/status/' + cmd,
- waitMsgTarget: me,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- }
- });
- };
-
- var resumeBtn = Ext.create('Ext.Button', {
- text: gettext('Resume'),
- disabled: !caps.vms['VM.PowerMgmt'],
- hidden: true,
- handler: function() {
- vm_command('resume');
- },
- iconCls: 'fa fa-play'
- });
-
- var startBtn = Ext.create('Ext.Button', {
- text: gettext('Start'),
- disabled: !caps.vms['VM.PowerMgmt'] || running,
- hidden: template,
- handler: function() {
- vm_command('start');
- },
- iconCls: 'fa fa-play'
- });
-
- var migrateBtn = Ext.create('Ext.Button', {
- text: gettext('Migrate'),
- disabled: !caps.vms['VM.Migrate'],
- hidden: PVE.data.ResourceStore.getNodes().length < 2,
- handler: function() {
- var win = Ext.create('PVE.window.Migrate', {
- vmtype: 'qemu',
- nodename: nodename,
- vmid: vmid
- });
- win.show();
- },
- iconCls: 'fa fa-send-o'
- });
-
- var moreBtn = Ext.create('Proxmox.button.Button', {
- text: gettext('More'),
- menu: { items: [
- {
- text: gettext('Clone'),
- iconCls: 'fa fa-fw fa-clone',
- hidden: caps.vms['VM.Clone'] ? false : true,
- handler: function() {
- PVE.window.Clone.wrap(nodename, vmid, template, 'qemu');
- }
- },
- {
- text: gettext('Convert to template'),
- disabled: template,
- xtype: 'pveMenuItem',
- iconCls: 'fa fa-fw fa-file-o',
- hidden: caps.vms['VM.Allocate'] ? false : true,
- confirmMsg: Proxmox.Utils.format_task_description('qmtemplate', vmid),
- handler: function() {
- Proxmox.Utils.API2Request({
- url: base_url + '/template',
- waitMsgTarget: me,
- method: 'POST',
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- }
- });
- }
- },
- {
- iconCls: 'fa fa-heartbeat ',
- hidden: !caps.nodes['Sys.Console'],
- text: gettext('Manage HA'),
- handler: function() {
- var ha = me.pveSelNode.data.hastate;
- Ext.create('PVE.ha.VMResourceEdit', {
- vmid: vmid,
- isCreate: (!ha || ha === 'unmanaged')
- }).show();
- }
- },
- {
- text: gettext('Remove'),
- itemId: 'removeBtn',
- disabled: !caps.vms['VM.Allocate'],
- handler: function() {
- Ext.create('PVE.window.SafeDestroy', {
- url: base_url,
- item: { type: 'VM', id: vmid }
- }).show();
- },
- iconCls: 'fa fa-trash-o'
- }
- ]}
- });
-
- var shutdownBtn = Ext.create('PVE.button.Split', {
- text: gettext('Shutdown'),
- disabled: !caps.vms['VM.PowerMgmt'] || !running,
- hidden: template,
- confirmMsg: Proxmox.Utils.format_task_description('qmshutdown', vmid),
- handler: function() {
- vm_command('shutdown');
- },
- menu: {
- items: [{
- text: gettext('Pause'),
- disabled: !caps.vms['VM.PowerMgmt'],
- confirmMsg: Proxmox.Utils.format_task_description('qmpause', vmid),
- handler: function() {
- vm_command("suspend");
- },
- iconCls: 'fa fa-pause'
- },{
- text: gettext('Hibernate'),
- disabled: !caps.vms['VM.PowerMgmt'],
- confirmMsg: Proxmox.Utils.format_task_description('qmsuspend', vmid),
- tooltip: gettext('Suspend to disk'),
- handler: function() {
- vm_command("suspend", { todisk: 1 });
- },
- iconCls: 'fa fa-download'
- },{
- text: gettext('Stop'),
- disabled: !caps.vms['VM.PowerMgmt'],
- dangerous: true,
- tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'VM'),
- confirmMsg: Proxmox.Utils.format_task_description('qmstop', vmid),
- handler: function() {
- vm_command("stop", { timeout: 30 });
- },
- iconCls: 'fa fa-stop'
- },{
- text: gettext('Reset'),
- disabled: !caps.vms['VM.PowerMgmt'],
- confirmMsg: Proxmox.Utils.format_task_description('qmreset', vmid),
- handler: function() {
- vm_command("reset");
- },
- iconCls: 'fa fa-bolt'
- }]
- },
- iconCls: 'fa fa-power-off'
- });
-
- var vm = me.pveSelNode.data;
-
- var consoleBtn = Ext.create('PVE.button.ConsoleButton', {
- disabled: !caps.vms['VM.Console'],
- hidden: template,
- consoleType: 'kvm',
- consoleName: vm.name,
- nodename: nodename,
- vmid: vmid
- });
-
- var statusTxt = Ext.create('Ext.toolbar.TextItem', {
- data: {
- lock: undefined
- },
- tpl: [
- ''); - } - } - ] - } - ] -}); - -Ext.define('PVE.qemu.AgentIPView', { - extend: 'Ext.container.Container', - xtype: 'pveAgentIPView', - - layout: { - type: 'hbox', - align: 'top' - }, - - nics: [], - - items: [ - { - xtype: 'box', - html: ' IPs' - }, - { - xtype: 'container', - flex: 1, - layout: { - type: 'vbox', - align: 'right', - pack: 'end' - }, - items: [ - { - xtype: 'label', - flex: 1, - itemId: 'ipBox', - style: { - 'text-align': 'right' - } - }, - { - xtype: 'button', - itemId: 'moreBtn', - hidden: true, - ui: 'default-toolbar', - handler: function(btn) { - var me = this.up('pveAgentIPView'); - - var win = Ext.create('PVE.window.IPInfo'); - win.down('grid').getStore().setData(me.nics); - win.show(); - }, - text: gettext('More') - } - ] - } - ], - - getDefaultIps: function(nics) { - var me = this; - var ips = []; - nics.forEach(function(nic) { - if (nic['hardware-address'] && - nic['hardware-address'] != '00:00:00:00:00:00') { - - var nic_ips = nic['ip-addresses'] || []; - nic_ips.forEach(function(ip) { - var p = ip['ip-address']; - // show 2 ips at maximum - if (ips.length < 2) { - ips.push(p); - } - }); - } - }); - - return ips; - }, - - startIPStore: function(store, records, success) { - var me = this; - var agentRec = store.getById('agent'); - /*jslint confusion: true*/ - /* value is number and string */ - me.agent = (agentRec && agentRec.data.value === 1); - me.running = (store.getById('status').data.value === 'running'); - /*jslint confusion: false*/ - - var caps = Ext.state.Manager.get('GuiCap'); - - if (!caps.vms['VM.Monitor']) { - var errorText = gettext("Requires '{0}' Privileges"); - me.updateStatus(false, Ext.String.format(errorText, 'VM.Monitor')); - return; - } - - if (me.agent && me.running && me.ipStore.isStopped) { - me.ipStore.startUpdate(); - } else if (me.ipStore.isStopped) { - me.updateStatus(); - } - }, - - updateStatus: function(unsuccessful, defaulttext) { - var me = this; - var text = defaulttext || gettext('No network information'); - var more = false; - if (unsuccessful) { - text = gettext('Guest Agent not running'); - } else if (me.agent && me.running) { - if (Ext.isArray(me.nics) && me.nics.length) { - more = true; - var ips = me.getDefaultIps(me.nics); - if (ips.length !== 0) { - text = ips.join('
'); - } - } else if (me.nics && me.nics.error) { - var msg = gettext('Cannot get info from Guest Agent
Error: {0}'); - text = Ext.String.format(text, me.nics.error.desc); - } - } else if (me.agent) { - text = gettext('Guest Agent not running'); - } else { - text = gettext('No Guest Agent configured'); - } - - var ipBox = me.down('#ipBox'); - ipBox.update(text); - - var moreBtn = me.down('#moreBtn'); - moreBtn.setVisible(more); - }, - - initComponent: function() { - var me = this; - - if (!me.rstore) { - throw 'rstore not given'; - } - - if (!me.pveSelNode) { - throw 'pveSelNode not given'; - } - - var nodename = me.pveSelNode.data.node; - var vmid = me.pveSelNode.data.vmid; - - me.ipStore = Ext.create('Proxmox.data.UpdateStore', { - interval: 10000, - storeid: 'pve-qemu-agent-' + vmid, - method: 'POST', - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + nodename + '/qemu/' + vmid + '/agent/network-get-interfaces' - } - }); - - me.callParent(); - - me.mon(me.ipStore, 'load', function(store, records, success) { - if (records && records.length) { - me.nics = records[0].data.result; - } else { - me.nics = undefined; - } - me.updateStatus(!success); - }); - - me.on('destroy', me.ipStore.stopUpdate); - - // if we already have info about the vm, use it immediately - if (me.rstore.getCount()) { - me.startIPStore(me.rstore, me.rstore.getData(), false); - } - - // check if the guest agent is there on every statusstore load - me.mon(me.rstore, 'load', me.startIPStore, me); - } -}); -Ext.define('PVE.qemu.CloudInit', { - extend: 'Proxmox.grid.PendingObjectGrid', - xtype: 'pveCiPanel', - - onlineHelp: 'qm_cloud_init', - - tbar: [ - { - xtype: 'proxmoxButton', - disabled: true, - dangerous: true, - confirmMsg: function(rec) { - var me = this.up('grid'); - var warn = gettext('Are you sure you want to remove entry {0}'); - - var entry = rec.data.key; - var msg = Ext.String.format(warn, "'" - + me.renderKey(entry, {}, rec) + "'"); - - return msg; - }, - enableFn: function(record) { - var me = this.up('grid'); - var caps = Ext.state.Manager.get('GuiCap'); - if (me.rows[record.data.key].never_delete || - !caps.vms['VM.Config.Network']) { - return false; - } - - if (record.data.key === 'cipassword' && !record.data.value) { - return false; - } - return true; - }, - handler: function() { - var me = this.up('grid'); - var records = me.getSelection(); - if (!records || !records.length) { - return; - } - - var id = records[0].data.key; - var match = id.match(/^net(\d+)$/); - if (match) { - id = 'ipconfig' + match[1]; - } - - var params = {}; - params['delete'] = id; - Proxmox.Utils.API2Request({ - url: me.baseurl + '/config', - waitMsgTarget: me, - method: 'PUT', - params: params, - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }, - callback: function() { - me.reload(); - } - }); - }, - text: gettext('Remove') - }, - { - xtype: 'proxmoxButton', - disabled: true, - handler: function() { - var me = this.up('grid'); - me.run_editor(); - }, - text: gettext('Edit') - }, - '-', - { - xtype: 'button', - itemId: 'savebtn', - text: gettext('Regenerate Image'), - handler: function() { - var me = this.up('grid'); - var eject_params = {}; - var insert_params = {}; - var disk = PVE.Parser.parseQemuDrive(me.ciDriveId, me.ciDrive); - var storage = ''; - var stormatch = disk.file.match(/^([^\:]+)\:/); - if (stormatch) { - storage = stormatch[1]; - } - eject_params[me.ciDriveId] = 'none,media=cdrom'; - insert_params[me.ciDriveId] = storage + ':cloudinit'; - - var failure = function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - }; - - Proxmox.Utils.API2Request({ - url: me.baseurl + '/config', - waitMsgTarget: me, - method: 'PUT', - params: eject_params, - failure: failure, - callback: function() { - Proxmox.Utils.API2Request({ - url: me.baseurl + '/config', - waitMsgTarget: me, - method: 'PUT', - params: insert_params, - failure: failure, - callback: function() { - me.reload(); - } - }); - } - }); - } - } - ], - - border: false, - - set_button_status: function(rstore, records, success) { - if (!success || records.length < 1) { - return; - } - var me = this; - var found; - records.forEach(function(record) { - if (found) { - return; - } - var id = record.data.key; - var value = record.data.value; - var ciregex = new RegExp("vm-" + me.pveSelNode.data.vmid + "-cloudinit"); - if (id.match(/^(ide|scsi|sata)\d+$/) && ciregex.test(value)) { - found = id; - me.ciDriveId = found; - me.ciDrive = value; - } - }); - - me.down('#savebtn').setDisabled(!found); - me.setDisabled(!found); - if (!found) { - me.getView().mask(gettext('No CloudInit Drive found'), ['pve-static-mask']); - } else { - me.getView().unmask(); - } - }, - - renderKey: function(key, metaData, rec, rowIndex, colIndex, store) { - var me = this; - var rows = me.rows; - var rowdef = rows[key] || {}; - - var icon = ""; - if (rowdef.iconCls) { - icon = ' '; - } - return icon + (rowdef.header || key); - }, - - listeners: { - activate: function () { - var me = this; - me.rstore.startUpdate(); - }, - itemdblclick: function() { - var me = this; - me.run_editor(); - } - }, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - var caps = Ext.state.Manager.get('GuiCap'); - me.baseurl = '/api2/extjs/nodes/' + nodename + '/qemu/' + vmid; - me.url = me.baseurl + '/pending'; - me.editorConfig.url = me.baseurl + '/config'; - me.editorConfig.pveSelNode = me.pveSelNode; - - /*jslint confusion: true*/ - /* editor is string and object */ - me.rows = { - ciuser: { - header: gettext('User'), - iconCls: 'fa fa-user', - never_delete: true, - defaultValue: '', - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('User'), - items: [ - { - xtype: 'proxmoxtextfield', - deleteEmpty: true, - emptyText: Proxmox.Utils.defaultText, - fieldLabel: gettext('User'), - name: 'ciuser' - } - ] - } : undefined, - renderer: function(value) { - return value || Proxmox.Utils.defaultText; - } - }, - cipassword: { - header: gettext('Password'), - iconCls: 'fa fa-unlock', - defaultValue: '', - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Password'), - items: [ - { - xtype: 'proxmoxtextfield', - inputType: 'password', - deleteEmpty: true, - emptyText: Proxmox.Utils.noneText, - fieldLabel: gettext('Password'), - name: 'cipassword' - } - ] - } : undefined, - renderer: function(value) { - return value || Proxmox.Utils.noneText; - } - }, - searchdomain: { - header: gettext('DNS domain'), - iconCls: 'fa fa-globe', - editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, - never_delete: true, - defaultValue: gettext('use host settings') - }, - nameserver: { - header: gettext('DNS servers'), - iconCls: 'fa fa-globe', - editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, - never_delete: true, - defaultValue: gettext('use host settings') - }, - sshkeys: { - header: gettext('SSH public key'), - iconCls: 'fa fa-key', - editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.SSHKeyEdit' : undefined, - never_delete: true, - renderer: function(value) { - value = decodeURIComponent(value); - var keys = value.split('\n'); - var text = []; - keys.forEach(function(key) { - if (key.length) { - // First erase all quoted strings (eg. command="foo" - var v = key.replace(/"(?:\\.|[^"\\])*"/g, ''); - // Now try to detect the comment: - var res = v.match(/^\s*(\S+\s+)?(?:ssh-(?:dss|rsa|ed25519)|ecdsa-sha2-nistp\d+)\s+\S+\s+(.*?)\s*$/, ''); - if (res) { - key = Ext.String.htmlEncode(res[2]); - if (res[1]) { - key += ' (' + gettext('with options') + ')'; - } - text.push(key); - return; - } - // Most likely invalid at this point, so just stick to - // the old value. - text.push(Ext.String.htmlEncode(key)); - } - }); - if (text.length) { - return text.join('
'); - } else { - return Proxmox.Utils.noneText; - } - }, - defaultValue: '' - } - }; - var i; - var ipconfig_renderer = function(value, md, record, ri, ci, store, pending) { - var id = record.data.key; - var match = id.match(/^net(\d+)$/); - var val = ''; - if (match) { - val = me.getObjectValue('ipconfig'+match[1], '', pending); - } - return val; - }; - for (i = 0; i < 32; i++) { - // we want to show an entry for every network device - // even if it is empty - me.rows['net' + i.toString()] = { - multiKey: ['ipconfig' + i.toString(), 'net' + i.toString()], - header: gettext('IP Config') + ' (net' + i.toString() +')', - editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.IPConfigEdit' : undefined, - iconCls: 'fa fa-exchange', - renderer: ipconfig_renderer - }; - me.rows['ipconfig' + i.toString()] = { - visible: false - }; - } - /*jslint confusion: false*/ - - PVE.Utils.forEachBus(['ide', 'scsi', 'sata'], function(type, id) { - me.rows[type+id] = { - visible: false - }; - }); - me.callParent(); - me.mon(me.rstore, 'load', me.set_button_status, me); - } -}); -Ext.define('PVE.qemu.CIDriveInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveCIDriveInputPanel', - - insideWizard: false, - - vmconfig: {}, // used to select usused disks - - onGetValues: function(values) { - var me = this; - - var drive = {}; - var params = {}; - drive.file = values.hdstorage + ":cloudinit"; - drive.format = values.diskformat; - params[values.controller + values.deviceid] = PVE.Parser.printQemuDrive(drive); - return params; - }, - - setNodename: function(nodename) { - var me = this; - me.down('#hdstorage').setNodename(nodename); - me.down('#hdimage').setStorage(undefined, nodename); - }, - - setVMConfig: function(config) { - var me = this; - me.down('#drive').setVMConfig(config, 'cdrom'); - }, - - initComponent : function() { - var me = this; - - me.drive = {}; - - me.items = [ - { - xtype: 'pveControllerSelector', - noVirtIO: true, - itemId: 'drive', - fieldLabel: gettext('CloudInit Drive'), - name: 'drive' - }, - { - xtype: 'pveDiskStorageSelector', - itemId: 'storselector', - storageContent: 'images', - nodename: me.nodename, - hideSize: true - } - ]; - me.callParent(); - } -}); - -Ext.define('PVE.qemu.CIDriveEdit', { - extend: 'Proxmox.window.Edit', - xtype: 'pveCIDriveEdit', - - isCreate: true, - subject: gettext('CloudInit Drive'), - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - me.items = [{ - xtype: 'pveCIDriveInputPanel', - itemId: 'cipanel', - nodename: nodename - }]; - - me.callParent(); - - me.load({ - success: function(response, opts) { - me.down('#cipanel').setVMConfig(response.result.data); - } - }); - } -}); -Ext.define('PVE.qemu.SSHKeyInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveQemuSSHKeyInputPanel', - - insideWizard: false, - - onGetValues: function(values) { - var me = this; - if (values.sshkeys) { - values.sshkeys.trim(); - } - if (!values.sshkeys.length) { - values = {}; - values['delete'] = 'sshkeys'; - return values; - } else { - values.sshkeys = encodeURIComponent(values.sshkeys); - } - return values; - }, - - items: [ - { - xtype: 'textarea', - itemId: 'sshkeys', - name: 'sshkeys', - height: 250 - }, - { - xtype: 'filebutton', - itemId: 'filebutton', - name: 'file', - text: gettext('Load SSH Key File'), - fieldLabel: 'test', - listeners: { - change: function(btn, e, value) { - var me = this.up('inputpanel'); - e = e.event; - Ext.Array.each(e.target.files, function(file) { - PVE.Utils.loadSSHKeyFromFile(file, function(res) { - var keysField = me.down('#sshkeys'); - var old = keysField.getValue(); - keysField.setValue(old + res); - }); - }); - btn.reset(); - } - } - } - ], - - initComponent: function() { - var me = this; - - me.callParent(); - if (!window.FileReader) { - me.down('#filebutton').setVisible(false); - } - - } -}); - -Ext.define('PVE.qemu.SSHKeyEdit', { - extend: 'Proxmox.window.Edit', - - width: 800, - - initComponent : function() { - var me = this; - - var ipanel = Ext.create('PVE.qemu.SSHKeyInputPanel'); - - Ext.apply(me, { - subject: gettext('SSH Keys'), - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.create) { - me.load({ - success: function(response, options) { - var data = response.result.data; - if (data.sshkeys) { - data.sshkeys = decodeURIComponent(data.sshkeys); - ipanel.setValues(data); - } - } - }); - } - } -}); -Ext.define('PVE.qemu.IPConfigPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveIPConfigPanel', - - insideWizard: false, - - vmconfig: {}, - - onGetValues: function(values) { - var me = this; - - if (values.ipv4mode !== 'static') { - values.ip = values.ipv4mode; - } - - if (values.ipv6mode !== 'static') { - values.ip6 = values.ipv6mode; - } - - var params = {}; - - var cfg = PVE.Parser.printIPConfig(values); - if (cfg === '') { - params['delete'] = [me.confid]; - } else { - params[me.confid] = cfg; - } - return params; - }, - - setVMConfig: function(config) { - var me = this; - me.vmconfig = config; - }, - - setIPConfig: function(confid, data) { - var me = this; - - me.confid = confid; - - if (data.ip === 'dhcp') { - data.ipv4mode = data.ip; - data.ip = ''; - } else { - data.ipv4mode = 'static'; - } - if (data.ip6 === 'dhcp' || data.ip6 === 'auto') { - data.ipv6mode = data.ip6; - data.ip6 = ''; - } else { - data.ipv6mode = 'static'; - } - - me.ipconfig = data; - me.setValues(me.ipconfig); - }, - - initComponent : function() { - var me = this; - - me.ipconfig = {}; - - me.column1 = [ - { - xtype: 'displayfield', - fieldLabel: gettext('Network Device'), - value: me.netid - }, - { - layout: { - type: 'hbox', - align: 'middle' - }, - border: false, - margin: '0 0 5 0', - items: [ - { - xtype: 'label', - text: gettext('IPv4') + ':' - }, - { - xtype: 'radiofield', - boxLabel: gettext('Static'), - name: 'ipv4mode', - inputValue: 'static', - checked: false, - margin: '0 0 0 10', - listeners: { - change: function(cb, value) { - me.down('field[name=ip]').setDisabled(!value); - me.down('field[name=gw]').setDisabled(!value); - } - } - }, - { - xtype: 'radiofield', - boxLabel: gettext('DHCP'), - name: 'ipv4mode', - inputValue: 'dhcp', - checked: false, - margin: '0 0 0 10' - } - ] - }, - { - xtype: 'textfield', - name: 'ip', - vtype: 'IPCIDRAddress', - value: '', - disabled: true, - fieldLabel: gettext('IPv4/CIDR') - }, - { - xtype: 'textfield', - name: 'gw', - value: '', - vtype: 'IPAddress', - disabled: true, - fieldLabel: gettext('Gateway') + ' (' + gettext('IPv4') +')' - } - ]; - - me.column2 = [ - { - xtype: 'displayfield' - }, - { - layout: { - type: 'hbox', - align: 'middle' - }, - border: false, - margin: '0 0 5 0', - items: [ - { - xtype: 'label', - text: gettext('IPv6') + ':' - }, - { - xtype: 'radiofield', - boxLabel: gettext('Static'), - name: 'ipv6mode', - inputValue: 'static', - checked: false, - margin: '0 0 0 10', - listeners: { - change: function(cb, value) { - me.down('field[name=ip6]').setDisabled(!value); - me.down('field[name=gw6]').setDisabled(!value); - } - } - }, - { - xtype: 'radiofield', - boxLabel: gettext('DHCP'), - name: 'ipv6mode', - inputValue: 'dhcp', - checked: false, - margin: '0 0 0 10' - } - ] - }, - { - xtype: 'textfield', - name: 'ip6', - value: '', - vtype: 'IP6CIDRAddress', - disabled: true, - fieldLabel: gettext('IPv6/CIDR') - }, - { - xtype: 'textfield', - name: 'gw6', - vtype: 'IP6Address', - value: '', - disabled: true, - fieldLabel: gettext('Gateway') + ' (' + gettext('IPv6') +')' - } - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.qemu.IPConfigEdit', { - extend: 'Proxmox.window.Edit', - - isAdd: true, - - initComponent : function() { - /*jslint confusion: true */ - - var me = this; - - // convert confid from netX to ipconfigX - var match = me.confid.match(/^net(\d+)$/); - if (match) { - me.netid = me.confid; - me.confid = 'ipconfig' + match[1]; - } - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - me.isCreate = me.confid ? false : true; - - var ipanel = Ext.create('PVE.qemu.IPConfigPanel', { - confid: me.confid, - netid: me.netid, - nodename: nodename - }); - - Ext.applyIf(me, { - subject: gettext('Network Config'), - items: ipanel - }); - - me.callParent(); - - me.load({ - success: function(response, options) { - me.vmconfig = response.result.data; - var ipconfig = {}; - var value = me.vmconfig[me.confid]; - if (value) { - ipconfig = PVE.Parser.parseIPConfig(me.confid, value); - if (!ipconfig) { - Ext.Msg.alert(gettext('Error'), gettext('Unable to parse network configuration')); - me.close(); - return; - } - } - ipanel.setIPConfig(me.confid, ipconfig); - ipanel.setVMConfig(me.vmconfig); - } - }); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.qemu.SystemInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveQemuSystemPanel', - - onlineHelp: 'qm_system_settings', - - viewModel: { - data: { - efi: false, - addefi: true - }, - - formulas: { - efidisk: function(get) { - return get('efi') && get('addefi'); - } - } - }, - - onGetValues: function(values) { - if (values.vga && values.vga.substr(0,6) === 'serial') { - values['serial' + values.vga.substr(6,1)] = 'socket'; - } - - var efidrive = {}; - if (values.hdimage) { - efidrive.file = values.hdimage; - } else if (values.hdstorage) { - efidrive.file = values.hdstorage + ":1"; - } - - if (values.diskformat) { - efidrive.format = values.diskformat; - } - - delete values.hdimage; - delete values.hdstorage; - delete values.diskformat; - - if (efidrive.file) { - values.efidisk0 = PVE.Parser.printQemuDrive(efidrive); - } - - return values; - }, - - controller: { - xclass: 'Ext.app.ViewController', - - scsihwChange: function(field, value) { - var me = this; - if (me.getView().insideWizard) { - me.getViewModel().set('current.scsihw', value); - } - }, - - biosChange: function(field, value) { - var me = this; - if (me.getView().insideWizard) { - me.getViewModel().set('efi', value === 'ovmf'); - } - }, - - control: { - 'pveScsiHwSelector': { - change: 'scsihwChange' - }, - 'pveQemuBiosSelector': { - change: 'biosChange' - } - } - }, - - column1: [ - { - xtype: 'proxmoxKVComboBox', - value: '__default__', - deleteEmpty: false, - fieldLabel: gettext('Graphic card'), - name: 'vga', - comboItems: PVE.Utils.kvm_vga_driver_array() - }, - { - xtype: 'proxmoxcheckbox', - name: 'agent', - uncheckedValue: 0, - defaultValue: 0, - deleteDefaultValue: true, - fieldLabel: gettext('Qemu Agent') - } - ], - - column2: [ - { - xtype: 'pveScsiHwSelector', - name: 'scsihw', - value: '__default__', - bind: { - value: '{current.scsihw}' - }, - fieldLabel: gettext('SCSI Controller') - } - ], - - advancedColumn1: [ - { - xtype: 'pveQemuBiosSelector', - name: 'bios', - value: '__default__', - fieldLabel: 'BIOS' - }, - { - xtype: 'proxmoxcheckbox', - bind: { - value: '{addefi}', - hidden: '{!efi}', - disabled: '{!efi}' - }, - hidden: true, - submitValue: false, - disabled: true, - fieldLabel: gettext('Add EFI Disk') - }, - { - xtype: 'pveDiskStorageSelector', - name: 'efidisk0', - storageContent: 'images', - bind: { - nodename: '{nodename}', - hidden: '{!efi}', - disabled: '{!efidisk}' - }, - autoSelect: false, - disabled: true, - hidden: true, - hideSize: true - } - ], - - advancedColumn2: [ - { - xtype: 'proxmoxKVComboBox', - name: 'machine', - value: '__default__', - fieldLabel: gettext('Machine'), - comboItems: [ - ['__default__', PVE.Utils.render_qemu_machine('')], - ['q35', 'q35'] - ] - } - ] - -}); -Ext.define('PVE.lxc.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveLxcSummary', - - scrollable: true, - bodyPadding: 5, - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - if (!me.workspace) { - throw "no workspace specified"; - } - - if (!me.statusStore) { - throw "no status storage specified"; - } - - var template = !!me.pveSelNode.data.template; - var rstore = me.statusStore; - - var width = template ? 1 : 0.5; - var items = [ - { - xtype: template ? 'pveTemplateStatusView' : 'pveGuestStatusView', - responsiveConfig: { - 'width < 1900': { - columnWidth: width - }, - 'width >= 1900': { - columnWidth: width / 2 - } - }, - itemId: 'gueststatus', - pveSelNode: me.pveSelNode, - rstore: rstore - }, - { - xtype: 'pveNotesView', - maxHeight: 320, - itemId: 'notesview', - pveSelNode: me.pveSelNode, - responsiveConfig: { - 'width < 1900': { - columnWidth: width - }, - 'width >= 1900': { - columnWidth: width / 2 - } - } - } - ]; - - var rrdstore; - if (!template) { - - rrdstore = Ext.create('Proxmox.data.RRDStore', { - rrdurl: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/rrddata", - model: 'pve-rrd-guest' - }); - - items.push( - { - xtype: 'proxmoxRRDChart', - title: gettext('CPU usage'), - pveSelNode: me.pveSelNode, - fields: ['cpu'], - fieldTitles: [gettext('CPU usage')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Memory usage'), - pveSelNode: me.pveSelNode, - fields: ['maxmem', 'mem'], - fieldTitles: [gettext('Total'), gettext('RAM usage')], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Network traffic'), - pveSelNode: me.pveSelNode, - fields: ['netin','netout'], - store: rrdstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Disk IO'), - pveSelNode: me.pveSelNode, - fields: ['diskread','diskwrite'], - store: rrdstore - } - ); - - } - - Ext.apply(me, { - tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ], - items: [ - { - xtype: 'container', - layout: { - type: 'column' - }, - defaults: { - minHeight: 320, - padding: 5, - plugins: 'responsive', - responsiveConfig: { - 'width < 1900': { - columnWidth: 1 - }, - 'width >= 1900': { - columnWidth: 0.5 - } - } - }, - items: items - } - ] - }); - - me.callParent(); - if (!template) { - rrdstore.startUpdate(); - me.on('destroy', rrdstore.stopUpdate); - } - } -}); -Ext.define('PVE.lxc.NetworkInputPanel', { - extend: 'Proxmox.panel.InputPanel', - alias: 'widget.pveLxcNetworkInputPanel', - - insideWizard: false, - - onlineHelp: 'pct_container_network', - - setNodename: function(nodename) { - var me = this; - - if (!nodename || (me.nodename === nodename)) { - return; - } - - me.nodename = nodename; - - var bridgesel = me.query("[isFormField][name=bridge]")[0]; - bridgesel.setNodename(nodename); - }, - - onGetValues: function(values) { - var me = this; - - var id; - if (me.isCreate) { - id = values.id; - delete values.id; - } else { - id = me.ifname; - } - - if (!id) { - return {}; - } - - var newdata = {}; - - if (values.ipv6mode !== 'static') { - values.ip6 = values.ipv6mode; - } - if (values.ipv4mode !== 'static') { - values.ip = values.ipv4mode; - } - newdata[id] = PVE.Parser.printLxcNetwork(values); - return newdata; - }, - - initComponent : function() { - var me = this; - - var cdata = {}; - - if (me.insideWizard) { - me.ifname = 'net0'; - cdata.name = 'eth0'; - me.dataCache = {}; - } - cdata.firewall = (me.insideWizard || me.isCreate); - - if (!me.dataCache) { - throw "no dataCache specified"; - } - - if (!me.isCreate) { - if (!me.ifname) { - throw "no interface name specified"; - } - if (!me.dataCache[me.ifname]) { - throw "no such interface '" + me.ifname + "'"; - } - - cdata = PVE.Parser.parseLxcNetwork(me.dataCache[me.ifname]); - } - - var i; - for (i = 0; i < 10; i++) { - if (me.isCreate && !me.dataCache['net'+i.toString()]) { - me.ifname = 'net' + i.toString(); - break; - } - } - - var idselector = { - xtype: 'hidden', - name: 'id', - value: me.ifname - }; - - me.column1 = [ - idselector, - { - xtype: 'textfield', - name: 'name', - fieldLabel: gettext('Name'), - emptyText: '(e.g., eth0)', - allowBlank: false, - value: cdata.name, - validator: function(value) { - var result = ''; - Ext.Object.each(me.dataCache, function(key, netstr) { - if (!key.match(/^net\d+/) || key === me.ifname) { - return; // continue - } - var net = PVE.Parser.parseLxcNetwork(netstr); - if (net.name === value) { - result = "interface name already in use"; - return false; - } - }); - if (result !== '') { - return result; - } - // validator can return bool/string - /*jslint confusion:true*/ - return true; - } - }, - { - xtype: 'textfield', - name: 'hwaddr', - fieldLabel: gettext('MAC address'), - vtype: 'MacAddress', - value: cdata.hwaddr, - allowBlank: true, - emptyText: 'auto' - }, - { - xtype: 'PVE.form.BridgeSelector', - name: 'bridge', - nodename: me.nodename, - fieldLabel: gettext('Bridge'), - value: cdata.bridge, - allowBlank: false - }, - { - xtype: 'pveVlanField', - name: 'tag', - value: cdata.tag - }, - { - xtype: 'numberfield', - name: 'rate', - fieldLabel: gettext('Rate limit') + ' (MB/s)', - minValue: 0, - maxValue: 10*1024, - value: cdata.rate, - emptyText: 'unlimited', - allowBlank: true - }, - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Firewall'), - name: 'firewall', - value: cdata.firewall - } - ]; - - var dhcp4 = (cdata.ip === 'dhcp'); - if (dhcp4) { - cdata.ip = ''; - cdata.gw = ''; - } - - var auto6 = (cdata.ip6 === 'auto'); - var dhcp6 = (cdata.ip6 === 'dhcp'); - if (auto6 || dhcp6) { - cdata.ip6 = ''; - cdata.gw6 = ''; - } - - me.column2 = [ - { - layout: { - type: 'hbox', - align: 'middle' - }, - border: false, - margin: '0 0 5 0', - items: [ - { - xtype: 'label', - text: 'IPv4:' // do not localize - }, - { - xtype: 'radiofield', - boxLabel: gettext('Static'), - name: 'ipv4mode', - inputValue: 'static', - checked: !dhcp4, - margin: '0 0 0 10', - listeners: { - change: function(cb, value) { - me.down('field[name=ip]').setDisabled(!value); - me.down('field[name=gw]').setDisabled(!value); - } - } - }, - { - xtype: 'radiofield', - boxLabel: 'DHCP', // do not localize - name: 'ipv4mode', - inputValue: 'dhcp', - checked: dhcp4, - margin: '0 0 0 10' - } - ] - }, - { - xtype: 'textfield', - name: 'ip', - vtype: 'IPCIDRAddress', - value: cdata.ip, - disabled: dhcp4, - fieldLabel: 'IPv4/CIDR' // do not localize - }, - { - xtype: 'textfield', - name: 'gw', - value: cdata.gw, - vtype: 'IPAddress', - disabled: dhcp4, - fieldLabel: gettext('Gateway') + ' (IPv4)', - margin: '0 0 3 0' // override bottom margin to account for the menuseparator - }, - { - xtype: 'menuseparator', - height: '3', - margin: '0' - }, - { - layout: { - type: 'hbox', - align: 'middle' - }, - border: false, - margin: '0 0 5 0', - items: [ - { - xtype: 'label', - text: 'IPv6:' // do not localize - }, - { - xtype: 'radiofield', - boxLabel: gettext('Static'), - name: 'ipv6mode', - inputValue: 'static', - checked: !(auto6 || dhcp6), - margin: '0 0 0 10', - listeners: { - change: function(cb, value) { - me.down('field[name=ip6]').setDisabled(!value); - me.down('field[name=gw6]').setDisabled(!value); - } - } - }, - { - xtype: 'radiofield', - boxLabel: 'DHCP', // do not localize - name: 'ipv6mode', - inputValue: 'dhcp', - checked: dhcp6, - margin: '0 0 0 10' - }, - { - xtype: 'radiofield', - boxLabel: 'SLAAC', // do not localize - name: 'ipv6mode', - inputValue: 'auto', - checked: auto6, - margin: '0 0 0 10' - } - ] - }, - { - xtype: 'textfield', - name: 'ip6', - value: cdata.ip6, - vtype: 'IP6CIDRAddress', - disabled: (dhcp6 || auto6), - fieldLabel: 'IPv6/CIDR' // do not localize - }, - { - xtype: 'textfield', - name: 'gw6', - vtype: 'IP6Address', - value: cdata.gw6, - disabled: (dhcp6 || auto6), - fieldLabel: gettext('Gateway') + ' (IPv6)' - } - ]; - - me.callParent(); - } -}); - - -Ext.define('PVE.lxc.NetworkEdit', { - extend: 'Proxmox.window.Edit', - - isAdd: true, - - initComponent : function() { - var me = this; - - if (!me.dataCache) { - throw "no dataCache specified"; - } - - if (!me.nodename) { - throw "no node name specified"; - } - - var ipanel = Ext.create('PVE.lxc.NetworkInputPanel', { - ifname: me.ifname, - nodename: me.nodename, - dataCache: me.dataCache, - isCreate: me.isCreate - }); - - Ext.apply(me, { - subject: gettext('Network Device') + ' (veth)', - digest: me.dataCache.digest, - items: [ ipanel ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.lxc.NetworkView', { - extend: 'Ext.grid.GridPanel', - alias: 'widget.pveLxcNetworkView', - - onlineHelp: 'pct_container_network', - - dataCache: {}, // used to store result of last load - - stateful: true, - stateId: 'grid-lxc-network', - - load: function() { - var me = this; - - Proxmox.Utils.setErrorMask(me, true); - - Proxmox.Utils.API2Request({ - url: me.url, - failure: function(response, opts) { - Proxmox.Utils.setErrorMask(me, gettext('Error') + ': ' + response.htmlStatus); - }, - success: function(response, opts) { - Proxmox.Utils.setErrorMask(me, false); - var result = Ext.decode(response.responseText); - var data = result.data || {}; - me.dataCache = data; - var records = []; - Ext.Object.each(data, function(key, value) { - if (!key.match(/^net\d+/)) { - return; // continue - } - var net = PVE.Parser.parseLxcNetwork(value); - net.id = key; - records.push(net); - }); - me.store.loadData(records); - me.down('button[name=addButton]').setDisabled((records.length >= 10)); - } - }); - }, - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - - me.url = '/nodes/' + nodename + '/lxc/' + vmid + '/config'; - - var store = new Ext.data.Store({ - model: 'pve-lxc-network', - sorters: [ - { - property : 'id', - direction: 'ASC' - } - ] - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var remove_btn = new Proxmox.button.Button({ - text: gettext('Remove'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - return !!caps.vms['VM.Config.Network']; - }, - confirmMsg: function (rec) { - return Ext.String.format(gettext('Are you sure you want to remove entry {0}'), - "'" + rec.data.id + "'"); - }, - handler: function(btn, event, rec) { - Proxmox.Utils.API2Request({ - url: me.url, - waitMsgTarget: me, - method: 'PUT', - params: { 'delete': rec.data.id, digest: me.dataCache.digest }, - callback: function() { - me.load(); - }, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - } - }); - - var run_editor = function() { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - if (!caps.vms['VM.Config.Network']) { - return false; - } - - var win = Ext.create('PVE.lxc.NetworkEdit', { - url: me.url, - nodename: nodename, - dataCache: me.dataCache, - ifname: rec.data.id - }); - win.on('destroy', me.load, me); - win.show(); - }; - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - selModel: sm, - disabled: true, - enableFn: function(rec) { - if (!caps.vms['VM.Config.Network']) { - return false; - } - return true; - }, - handler: run_editor - }); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ - { - text: gettext('Add'), - name: 'addButton', - disabled: !caps.vms['VM.Config.Network'], - handler: function() { - var win = Ext.create('PVE.lxc.NetworkEdit', { - url: me.url, - nodename: nodename, - isCreate: true, - dataCache: me.dataCache - }); - win.on('destroy', me.load, me); - win.show(); - } - }, - remove_btn, - edit_btn - ], - columns: [ - { - header: 'ID', - width: 50, - dataIndex: 'id' - }, - { - header: gettext('Name'), - width: 80, - dataIndex: 'name' - }, - { - header: gettext('Bridge'), - width: 80, - dataIndex: 'bridge' - }, - { - header: gettext('Firewall'), - width: 80, - dataIndex: 'firewall', - renderer: Proxmox.Utils.format_boolean - }, - { - header: gettext('VLAN Tag'), - width: 80, - dataIndex: 'tag' - }, - { - header: gettext('MAC address'), - width: 110, - dataIndex: 'hwaddr' - }, - { - header: gettext('IP address'), - width: 150, - dataIndex: 'ip', - renderer: function(value, metaData, rec) { - if (rec.data.ip && rec.data.ip6) { - return rec.data.ip + "
" + rec.data.ip6; - } else if (rec.data.ip6) { - return rec.data.ip6; - } else { - return rec.data.ip; - } - } - }, - { - header: gettext('Gateway'), - width: 150, - dataIndex: 'gw', - renderer: function(value, metaData, rec) { - if (rec.data.gw && rec.data.gw6) { - return rec.data.gw + "
" + rec.data.gw6; - } else if (rec.data.gw6) { - return rec.data.gw6; - } else { - return rec.data.gw; - } - } - } - ], - listeners: { - activate: me.load, - itemdblclick: run_editor - } - }); - - me.callParent(); - } -}, function() { - - Ext.define('pve-lxc-network', { - extend: "Ext.data.Model", - proxy: { type: 'memory' }, - fields: [ 'id', 'name', 'hwaddr', 'bridge', - 'ip', 'gw', 'ip6', 'gw6', 'tag', 'firewall' ] - }); - -}); - -/*jslint confusion: true */ -Ext.define('PVE.lxc.RessourceView', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pveLxcRessourceView'], - - onlineHelp: 'pct_configuration', - - renderKey: function(key, metaData, rec, rowIndex, colIndex, store) { - var me = this; - var rowdef = me.rows[key] || {}; - - metaData.tdAttr = "valign=middle"; - if (rowdef.tdCls) { - metaData.tdCls = rowdef.tdCls; - } - return rowdef.header || key; - }, - - initComponent : function() { - var me = this; - var i, confid; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - var diskCap = caps.vms['VM.Config.Disk']; - - var mpeditor = caps.vms['VM.Config.Disk'] ? 'PVE.lxc.MountPointEdit' : undefined; - - var rows = { - memory: { - header: gettext('Memory'), - editor: caps.vms['VM.Config.Memory'] ? 'PVE.lxc.MemoryEdit' : undefined, - defaultValue: 512, - tdCls: 'pve-itype-icon-memory', - group: 1, - renderer: function(value) { - return Proxmox.Utils.format_size(value*1024*1024); - } - }, - swap: { - header: gettext('Swap'), - editor: caps.vms['VM.Config.Memory'] ? 'PVE.lxc.MemoryEdit' : undefined, - defaultValue: 512, - tdCls: 'pve-itype-icon-swap', - group: 2, - renderer: function(value) { - return Proxmox.Utils.format_size(value*1024*1024); - } - }, - cores: { - header: gettext('Cores'), - editor: caps.vms['VM.Config.CPU'] ? 'PVE.lxc.CPUEdit' : undefined, - defaultValue: '', - tdCls: 'pve-itype-icon-processor', - group: 3, - renderer: function(value) { - var cpulimit = me.getObjectValue('cpulimit'); - var cpuunits = me.getObjectValue('cpuunits'); - var res; - if (value) { - res = value; - } else { - res = gettext('unlimited'); - } - - if (cpulimit) { - res += ' [cpulimit=' + cpulimit + ']'; - } - - if (cpuunits) { - res += ' [cpuunits=' + cpuunits + ']'; - } - return res; - } - }, - rootfs: { - header: gettext('Root Disk'), - defaultValue: Proxmox.Utils.noneText, - editor: mpeditor, - tdCls: 'pve-itype-icon-storage', - group: 4 - }, - cpulimit: { - visible: false - }, - cpuunits: { - visible: false - }, - unprivileged: { - visible: false - } - }; - - PVE.Utils.forEachMP(function(bus, i) { - confid = bus + i; - var group = 5; - var header; - if (bus === 'mp') { - header = gettext('Mount Point') + ' (' + confid + ')'; - } else { - header = gettext('Unused Disk') + ' ' + i; - group += 1; - } - rows[confid] = { - group: group, - order: i, - tdCls: 'pve-itype-icon-storage', - editor: mpeditor, - header: header - }; - }, true); - - var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; - - me.selModel = Ext.create('Ext.selection.RowModel', {}); - - var run_resize = function() { - var rec = me.selModel.getSelection()[0]; - if (!rec) { - return; - } - - var win = Ext.create('PVE.window.MPResize', { - disk: rec.data.key, - nodename: nodename, - vmid: vmid - }); - - win.show(); - }; - - var run_remove = function(b, e, rec) { - Proxmox.Utils.API2Request({ - url: '/api2/extjs/' + baseurl, - waitMsgTarget: me, - method: 'PUT', - params: { - 'delete': rec.data.key - }, - failure: function (response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }; - - var run_move = function(b, e, rec) { - if (!rec) { - return; - } - - var win = Ext.create('PVE.window.HDMove', { - disk: rec.data.key, - nodename: nodename, - vmid: vmid, - type: 'lxc' - }); - - win.show(); - - win.on('destroy', me.reload, me); - }; - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - selModel: me.selModel, - disabled: true, - enableFn: function(rec) { - if (!rec) { - return false; - } - var rowdef = rows[rec.data.key]; - return !!rowdef.editor; - }, - handler: function() { me.run_editor(); } - }); - - var resize_btn = new Proxmox.button.Button({ - text: gettext('Resize disk'), - selModel: me.selModel, - disabled: true, - handler: run_resize - }); - - var remove_btn = new Proxmox.button.Button({ - text: gettext('Remove'), - selModel: me.selModel, - disabled: true, - dangerous: true, - confirmMsg: function(rec) { - var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), - "'" + me.renderKey(rec.data.key, {}, rec) + "'"); - if (rec.data.key.match(/^unused\d+$/)) { - msg += " " + gettext('This will permanently erase all data.'); - } - - return msg; - }, - handler: run_remove - }); - - var move_btn = new Proxmox.button.Button({ - text: gettext('Move Volume'), - selModel: me.selModel, - disabled: true, - dangerous: true, - handler: run_move - }); - - var set_button_status = function() { - var rec = me.selModel.getSelection()[0]; - - if (!rec) { - edit_btn.disable(); - remove_btn.disable(); - resize_btn.disable(); - return; - } - var key = rec.data.key; - var value = rec.data.value; - var rowdef = rows[key]; - - var isDisk = (rowdef.tdCls == 'pve-itype-icon-storage'); - - var noedit = rec.data['delete'] || !rowdef.editor; - if (!noedit && Proxmox.UserName !== 'root@pam' && key.match(/^mp\d+$/)) { - var mp = PVE.Parser.parseLxcMountPoint(value); - if (mp.type !== 'volume') { - noedit = true; - } - } - edit_btn.setDisabled(noedit); - - remove_btn.setDisabled(!isDisk || rec.data.key === 'rootfs' || !diskCap); - resize_btn.setDisabled(!isDisk || !diskCap); - move_btn.setDisabled(!isDisk || !diskCap); - - }; - - var sorterFn = function(rec1, rec2) { - var v1 = rec1.data.key; - var v2 = rec2.data.key; - var g1 = rows[v1].group || 0; - var g2 = rows[v2].group || 0; - var order1 = rows[v1].order || 0; - var order2 = rows[v2].order || 0; - - if ((g1 - g2) !== 0) { - return g1 - g2; - } - - if ((order1 - order2) !== 0) { - return order1 - order2; - } - - if (v1 > v2) { - return 1; - } else if (v1 < v2) { - return -1; - } else { - return 0; - } - }; - - Ext.apply(me, { - url: '/api2/json/' + baseurl, - selModel: me.selModel, - interval: 2000, - cwidth1: 170, - tbar: [ - { - text: gettext('Add'), - menu: new Ext.menu.Menu({ - items: [ - { - text: gettext('Mount Point'), - iconCls: 'pve-itype-icon-storage', - disabled: !caps.vms['VM.Config.Disk'], - handler: function() { - var win = Ext.create('PVE.lxc.MountPointEdit', { - url: '/api2/extjs/' + baseurl, - unprivileged: me.getObjectValue('unprivileged'), - pveSelNode: me.pveSelNode - }); - win.show(); - } - } - ] - }) - }, - edit_btn, - remove_btn, - resize_btn, - move_btn - ], - rows: rows, - sorterFn: sorterFn, - editorConfig: { - pveSelNode: me.pveSelNode, - url: '/api2/extjs/' + baseurl - }, - listeners: { - itemdblclick: me.run_editor, - selectionchange: set_button_status - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('destroy', me.rstore.stopUpdate); - me.on('deactivate', me.rstore.stopUpdate); - - Ext.apply(me.editorConfig, { unprivileged: me.getObjectValue('unprivileged') }); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.lxc.FeaturesInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveLxcFeaturesInputPanel', - - // used to save the mounts fstypes until sending - mounts: [], - - fstypes: ['nfs', 'cifs'], - - viewModel: { - parent: null, - data: { - unprivileged: false - }, - formulas: { - privilegedOnly: function(get) { - return (get('unprivileged') ? gettext('privileged only') : ''); - }, - unprivilegedOnly: function(get) { - return (!get('unprivileged') ? gettext('unprivileged only') : ''); - } - } - }, - - items: [ - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('keyctl'), - name: 'keyctl', - bind: { - disabled: '{!unprivileged}', - boxLabel: '{unprivilegedOnly}' - } - }, - { - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Nesting'), - name: 'nesting' - }, - { - xtype: 'proxmoxcheckbox', - name: 'nfs', - fieldLabel: 'NFS', - bind: { - disabled: '{unprivileged}', - boxLabel: '{privilegedOnly}' - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'cifs', - fieldLabel: 'CIFS', - bind: { - disabled: '{unprivileged}', - boxLabel: '{privilegedOnly}' - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'fuse', - fieldLabel: 'FUSE' - } - ], - - onGetValues: function(values) { - var me = this; - var mounts = me.mounts; - me.fstypes.forEach(function(fs) { - if (values[fs]) { - mounts.push(fs); - } - delete values[fs]; - }); - - if (mounts.length) { - values.mount = mounts.join(';'); - } - - var featuresstring = PVE.Parser.printPropertyString(values, undefined); - if (featuresstring == '') { - return { 'delete': 'features' }; - } - return { features: featuresstring }; - }, - - setValues: function(values) { - var me = this; - - me.viewModel.set({ unprivileged: values.unprivileged }); - - if (values.features) { - var res = PVE.Parser.parsePropertyString(values.features); - me.mounts = []; - if (res.mount) { - res.mount.split(/[; ]/).forEach(function(item) { - if (me.fstypes.indexOf(item) === -1) { - me.mounts.push(item); - } else { - res[item] = 1; - } - }); - } - this.callParent([res]); - } - } -}); - -Ext.define('PVE.lxc.FeaturesEdit', { - extend: 'Proxmox.window.Edit', - xtype: 'pveLxcFeaturesEdit', - - subject: gettext('Features'), - - items: [{ - xtype: 'pveLxcFeaturesInputPanel' - }], - - initComponent : function() { - var me = this; - - me.callParent(); - - me.load(); - } -}); -/*jslint confusion: true */ -Ext.define('PVE.lxc.Options', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pveLxcOptions'], - - onlineHelp: 'pct_options', - - initComponent : function() { - var me = this; - var i; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - - var rows = { - onboot: { - header: gettext('Start at boot'), - defaultValue: '', - renderer: Proxmox.Utils.format_boolean, - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Start at boot'), - items: { - xtype: 'proxmoxcheckbox', - name: 'onboot', - uncheckedValue: 0, - defaultValue: 0, - fieldLabel: gettext('Start at boot') - } - } : undefined - }, - startup: { - header: gettext('Start/Shutdown order'), - defaultValue: '', - renderer: PVE.Utils.render_kvm_startup, - editor: caps.vms['VM.Config.Options'] && caps.nodes['Sys.Modify'] ? - { - xtype: 'pveWindowStartupEdit', - onlineHelp: 'pct_startup_and_shutdown' - } : undefined - }, - ostype: { - header: gettext('OS Type'), - defaultValue: Proxmox.Utils.unknownText - }, - arch: { - header: gettext('Architecture'), - defaultValue: Proxmox.Utils.unknownText - }, - console: { - header: '/dev/console', - defaultValue: 1, - renderer: Proxmox.Utils.format_enabled_toggle, - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: '/dev/console', - items: { - xtype: 'proxmoxcheckbox', - name: 'console', - uncheckedValue: 0, - defaultValue: 1, - deleteDefaultValue: true, - checked: true, - fieldLabel: '/dev/console' - } - } : undefined - }, - tty: { - header: gettext('TTY count'), - defaultValue: 2, - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('TTY count'), - items: { - xtype: 'proxmoxintegerfield', - name: 'tty', - minValue: 0, - maxValue: 6, - value: 2, - fieldLabel: gettext('TTY count'), - emptyText: gettext('Default'), - deleteEmpty: true - } - } : undefined - }, - cmode: { - header: gettext('Console mode'), - defaultValue: 'tty', - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Console mode'), - items: { - xtype: 'proxmoxKVComboBox', - name: 'cmode', - deleteEmpty: true, - value: '__default__', - comboItems: [ - ['__default__', Proxmox.Utils.defaultText + " (tty)"], - ['tty', "/dev/tty[X]"], - ['console', "/dev/console"], - ['shell', "shell"] - ], - fieldLabel: gettext('Console mode') - } - } : undefined - }, - protection: { - header: gettext('Protection'), - defaultValue: false, - renderer: Proxmox.Utils.format_boolean, - editor: caps.vms['VM.Config.Options'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Protection'), - items: { - xtype: 'proxmoxcheckbox', - name: 'protection', - uncheckedValue: 0, - defaultValue: 0, - deleteDefaultValue: true, - fieldLabel: gettext('Enabled') - } - } : undefined - }, - unprivileged: { - header: gettext('Unprivileged container'), - renderer: Proxmox.Utils.format_boolean, - defaultValue: 0 - }, - features: { - header: gettext('Features'), - defaultValue: Proxmox.Utils.noneText, - editor: Proxmox.UserName === 'root@pam' ? - 'PVE.lxc.FeaturesEdit' : undefined - }, - hookscript: { - header: gettext('Hookscript') - } - }; - - var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - var rowdef = rows[rec.data.key]; - return !!rowdef.editor; - }, - handler: function() { me.run_editor(); } - }); - - Ext.apply(me, { - url: "/api2/json/" + baseurl, - selModel: sm, - interval: 5000, - tbar: [ edit_btn ], - rows: rows, - editorConfig: { - url: '/api2/extjs/' + baseurl - }, - listeners: { - itemdblclick: me.run_editor - } - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('destroy', me.rstore.stopUpdate); - me.on('deactivate', me.rstore.stopUpdate); - - } -}); - -Ext.define('PVE.lxc.DNSInputPanel', { - extend: 'Proxmox.panel.InputPanel', - alias: 'widget.pveLxcDNSInputPanel', - - insideWizard: false, - - onGetValues: function(values) { - var me = this; - - var deletes = []; - if (!values.searchdomain && !me.insideWizard) { - deletes.push('searchdomain'); - } - - if (values.nameserver) { - var list = values.nameserver.split(/[\ \,\;]+/); - values.nameserver = list.join(' '); - } else if(!me.insideWizard) { - deletes.push('nameserver'); - } - - if (deletes.length) { - values['delete'] = deletes.join(','); - } - - return values; - }, - - initComponent : function() { - var me = this; - - var items = [ - { - xtype: 'proxmoxtextfield', - name: 'searchdomain', - skipEmptyText: true, - fieldLabel: gettext('DNS domain'), - emptyText: gettext('use host settings'), - allowBlank: true - }, - { - xtype: 'proxmoxtextfield', - fieldLabel: gettext('DNS servers'), - vtype: 'IP64AddressList', - allowBlank: true, - emptyText: gettext('use host settings'), - name: 'nameserver', - itemId: 'nameserver' - } - ]; - - if (me.insideWizard) { - me.column1 = items; - } else { - me.items = items; - } - - me.callParent(); - } -}); - -Ext.define('PVE.lxc.DNSEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - var ipanel = Ext.create('PVE.lxc.DNSInputPanel'); - - Ext.apply(me, { - subject: gettext('Resources'), - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - - if (values.nameserver) { - values.nameserver.replace(/[,;]/, ' '); - values.nameserver.replace(/^\s+/, ''); - } - - ipanel.setValues(values); - } - }); - } - } -}); - -/*jslint confusion: true */ -Ext.define('PVE.lxc.DNS', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pveLxcDNS'], - - onlineHelp: 'pct_container_network', - - initComponent : function() { - var me = this; - var i; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var caps = Ext.state.Manager.get('GuiCap'); - - var rows = { - hostname: { - required: true, - defaultValue: me.pveSelNode.data.name, - header: gettext('Hostname'), - editor: caps.vms['VM.Config.Network'] ? { - xtype: 'proxmoxWindowEdit', - subject: gettext('Hostname'), - items: { - xtype: 'inputpanel', - items:{ - fieldLabel: gettext('Hostname'), - xtype: 'textfield', - name: 'hostname', - vtype: 'DnsName', - allowBlank: true, - emptyText: 'CT' + vmid.toString() - }, - onGetValues: function(values) { - var params = values; - if (values.hostname === undefined || - values.hostname === null || - values.hostname === '') { - params = { hostname: 'CT'+vmid.toString()}; - } - return params; - } - } - } : undefined - }, - searchdomain: { - header: gettext('DNS domain'), - defaultValue: '', - editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, - renderer: function(value) { - return value || gettext('use host settings'); - } - }, - nameserver: { - header: gettext('DNS server'), - defaultValue: '', - editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, - renderer: function(value) { - return value || gettext('use host settings'); - } - } - }; - - var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; - - var reload = function() { - me.rstore.load(); - }; - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var run_editor = function() { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - - var rowdef = rows[rec.data.key]; - if (!rowdef.editor) { - return; - } - - var win; - if (Ext.isString(rowdef.editor)) { - win = Ext.create(rowdef.editor, { - pveSelNode: me.pveSelNode, - confid: rec.data.key, - url: '/api2/extjs/' + baseurl - }); - } else { - var config = Ext.apply({ - pveSelNode: me.pveSelNode, - confid: rec.data.key, - url: '/api2/extjs/' + baseurl - }, rowdef.editor); - win = Ext.createWidget(rowdef.editor.xtype, config); - win.load(); - } - //win.load(); - win.show(); - win.on('destroy', reload); - }; - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - var rowdef = rows[rec.data.key]; - return !!rowdef.editor; - }, - handler: run_editor - }); - - var set_button_status = function() { - var sm = me.getSelectionModel(); - var rec = sm.getSelection()[0]; - - if (!rec) { - edit_btn.disable(); - return; - } - var rowdef = rows[rec.data.key]; - edit_btn.setDisabled(!rowdef.editor); - }; - - Ext.apply(me, { - url: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/config", - selModel: sm, - cwidth1: 150, - run_editor: run_editor, - tbar: [ edit_btn ], - rows: rows, - listeners: { - itemdblclick: run_editor, - selectionchange: set_button_status, - activate: reload - } - }); - - me.callParent(); - } -}); -Ext.define('PVE.lxc.Config', { - extend: 'PVE.panel.Config', - alias: 'widget.PVE.lxc.Config', - - onlineHelp: 'chapter_pct', - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var vmid = me.pveSelNode.data.vmid; - if (!vmid) { - throw "no VM ID specified"; - } - - var template = !!me.pveSelNode.data.template; - - var running = !!me.pveSelNode.data.uptime; - - var caps = Ext.state.Manager.get('GuiCap'); - - var base_url = '/nodes/' + nodename + '/lxc/' + vmid; - - me.statusStore = Ext.create('Proxmox.data.ObjectStore', { - url: '/api2/json' + base_url + '/status/current', - interval: 1000 - }); - - var vm_command = function(cmd, params) { - Proxmox.Utils.API2Request({ - params: params, - url: base_url + "/status/" + cmd, - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - }; - - var startBtn = Ext.create('Ext.Button', { - text: gettext('Start'), - disabled: !caps.vms['VM.PowerMgmt'] || running, - hidden: template, - handler: function() { - vm_command('start'); - }, - iconCls: 'fa fa-play' - }); - - var stopBtn = Ext.create('Ext.menu.Item',{ - text: gettext('Stop'), - disabled: !caps.vms['VM.PowerMgmt'], - confirmMsg: Proxmox.Utils.format_task_description('vzstop', vmid), - tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'CT'), - dangerous: true, - handler: function() { - vm_command("stop"); - }, - iconCls: 'fa fa-stop' - }); - - var shutdownBtn = Ext.create('PVE.button.Split', { - text: gettext('Shutdown'), - disabled: !caps.vms['VM.PowerMgmt'] || !running, - hidden: template, - confirmMsg: Proxmox.Utils.format_task_description('vzshutdown', vmid), - handler: function() { - vm_command('shutdown'); - }, - menu: { - items:[stopBtn] - }, - iconCls: 'fa fa-power-off' - }); - - var migrateBtn = Ext.create('Ext.Button', { - text: gettext('Migrate'), - disabled: !caps.vms['VM.Migrate'], - hidden: PVE.data.ResourceStore.getNodes().length < 2, - handler: function() { - var win = Ext.create('PVE.window.Migrate', { - vmtype: 'lxc', - nodename: nodename, - vmid: vmid - }); - win.show(); - }, - iconCls: 'fa fa-send-o' - }); - - var moreBtn = Ext.create('Proxmox.button.Button', { - text: gettext('More'), - menu: { items: [ - { - text: gettext('Clone'), - iconCls: 'fa fa-fw fa-clone', - hidden: caps.vms['VM.Clone'] ? false : true, - handler: function() { - PVE.window.Clone.wrap(nodename, vmid, template, 'lxc'); - } - }, - { - text: gettext('Convert to template'), - disabled: template, - xtype: 'pveMenuItem', - iconCls: 'fa fa-fw fa-file-o', - hidden: caps.vms['VM.Allocate'] ? false : true, - confirmMsg: Proxmox.Utils.format_task_description('vztemplate', vmid), - handler: function() { - Proxmox.Utils.API2Request({ - url: base_url + '/template', - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); - } - }); - } - }, - { - iconCls: 'fa fa-heartbeat ', - hidden: !caps.nodes['Sys.Console'], - text: gettext('Manage HA'), - handler: function() { - var ha = me.pveSelNode.data.hastate; - Ext.create('PVE.ha.VMResourceEdit', { - vmid: vmid, - guestType: 'ct', - isCreate: (!ha || ha === 'unmanaged') - }).show(); - } - }, - { - text: gettext('Remove'), - disabled: !caps.vms['VM.Allocate'], - itemId: 'removeBtn', - handler: function() { - Ext.create('PVE.window.SafeDestroy', { - url: base_url, - item: { type: 'CT', id: vmid } - }).show(); - }, - iconCls: 'fa fa-trash-o' - } - ]} - }); - - var vm = me.pveSelNode.data; - - var consoleBtn = Ext.create('PVE.button.ConsoleButton', { - disabled: !caps.vms['VM.Console'], - consoleType: 'lxc', - consoleName: vm.name, - hidden: template, - nodename: nodename, - vmid: vmid - }); - - var statusTxt = Ext.create('Ext.toolbar.TextItem', { - data: { - lock: undefined - }, - tpl: [ - '
' + gettext('Note: Rollback stops CT') + '
'; - - return msg; - }, - handler: function(btn, event) { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - var snapname = rec.data.name; - - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname + '/rollback', - method: 'POST', - waitMsgTarget: me, - callback: function() { - me.reload(); - }, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); - win.show(); - } - }); - } - }); - - var removeBtn = new Proxmox.button.Button({ - text: gettext('Remove'), - disabled: true, - selModel: sm, - confirmMsg: function(rec) { - var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), - "'" + rec.data.name + "'"); - return msg; - }, - enableFn: valid_snapshot, - handler: function(btn, event) { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - var snapname = rec.data.name; - - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname, - method: 'DELETE', - waitMsgTarget: me, - callback: function() { - me.reload(); - }, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); - win.show(); - } - }); - } - }); - - var snapshotBtn = Ext.create('Ext.Button', { - itemId: 'snapshotBtn', - text: gettext('Take Snapshot'), - disabled: true, - handler: function() { - var win = Ext.create('PVE.window.LxcSnapshot', { - nodename: me.nodename, - vmid: me.vmid - }); - win.show(); - } - }); - - Ext.apply(me, { - layout: 'fit', - rootVisible: false, - animate: false, - sortableColumns: false, - selModel: sm, - tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ], - fields: [ - 'name', 'description', 'snapstate', 'vmstate', 'running', - { name: 'snaptime', type: 'date', dateFormat: 'timestamp' } - ], - columns: [ - { - xtype: 'treecolumn', - text: gettext('Name'), - dataIndex: 'name', - width: 200, - renderer: function(value, metaData, record) { - if (value === 'current') { - return "NOW"; - } else { - return value; - } - } - }, -// { -// text: gettext('RAM'), -// align: 'center', -// resizable: false, -// dataIndex: 'vmstate', -// width: 50, -// renderer: function(value, metaData, record) { -// if (record.data.name !== 'current') { -// return Proxmox.Utils.format_boolean(value); -// } -// } -// }, - { - text: gettext('Date') + "/" + gettext("Status"), - dataIndex: 'snaptime', - resizable: false, - width: 150, - renderer: function(value, metaData, record) { - if (record.data.snapstate) { - return record.data.snapstate; - } - if (value) { - return Ext.Date.format(value,'Y-m-d H:i:s'); - } - } - }, - { - text: gettext('Description'), - dataIndex: 'description', - flex: 1, - renderer: function(value, metaData, record) { - if (record.data.name === 'current') { - return gettext("You are here!"); - } else { - return Ext.String.htmlEncode(value); - } - } - } - ], - columnLines: true, - listeners: { - activate: me.reload, - destroy: me.load_task.cancel, - itemdblclick: run_editor - } - }); - - me.callParent(); - - me.store.sorters.add(new Ext.util.Sorter({ - sorterFn: me.sorterFn - })); - } -}); -Ext.define('PVE.window.LxcSnapshot', { - extend: 'Ext.window.Window', - - resizable: false, - - // needed for finding the reference to submitbutton - // because we do not have a controller - referenceHolder: true, - defaultButton: 'submitbutton', - defaultFocus: 'field', - - take_snapshot: function(snapname, descr, vmstate) { - var me = this; - var params = { snapname: snapname }; - if (descr) { - params.description = descr; - } - - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot", - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); - win.show(); - me.close(); - } - }); - }, - - update_snapshot: function(snapname, descr) { - var me = this; - Proxmox.Utils.API2Request({ - params: { description: descr }, - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" + - snapname + '/config', - waitMsgTarget: me, - method: 'PUT', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - me.close(); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - var summarystore = Ext.create('Ext.data.Store', { - model: 'KeyValue', - sorters: [ - { - property : 'key', - direction: 'ASC' - } - ] - }); - - var items = [ - { - xtype: me.snapname ? 'displayfield' : 'textfield', - name: 'snapname', - value: me.snapname, - fieldLabel: gettext('Name'), - vtype: 'ConfigId', - allowBlank: false - } - ]; - - if (me.snapname) { - items.push({ - xtype: 'displayfield', - name: 'snaptime', - renderer: PVE.Utils.render_timestamp_human_readable, - fieldLabel: gettext('Timestamp') - }); - } - - items.push({ - xtype: 'textareafield', - grow: true, - name: 'description', - fieldLabel: gettext('Description') - }); - - if (me.snapname) { - items.push({ - title: gettext('Settings'), - xtype: 'grid', - height: 200, - store: summarystore, - columns: [ - {header: gettext('Key'), width: 150, dataIndex: 'key'}, - {header: gettext('Value'), flex: 1, dataIndex: 'value'} - ] - }); - } - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: items - }); - - var form = me.formPanel.getForm(); - - var submitBtn; - - if (me.snapname) { - me.title = gettext('Edit') + ': ' + gettext('Snapshot'); - submitBtn = Ext.create('Ext.Button', { - text: gettext('Update'), - handler: function() { - if (form.isValid()) { - var values = form.getValues(); - me.update_snapshot(me.snapname, values.description); - } - } - }); - } else { - me.title ="VM " + me.vmid + ': ' + gettext('Take Snapshot'); - submitBtn = Ext.create('Ext.Button', { - text: gettext('Take Snapshot'), - reference: 'submitbutton', - handler: function() { - if (form.isValid()) { - var values = form.getValues(); - me.take_snapshot(values.snapname, values.description); - } - } - }); - } - - Ext.apply(me, { - modal: true, - width: 450, - border: false, - layout: 'fit', - buttons: [ submitBtn ], - items: [ me.formPanel ] - }); - - if (me.snapname) { - Ext.apply(me, { - width: 620, - height: 420 - }); - } - - me.callParent(); - - if (!me.snapname) { - return; - } - - // else load data - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" + - me.snapname + '/config', - waitMsgTarget: me, - method: 'GET', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - me.close(); - }, - success: function(response, options) { - var data = response.result.data; - var kvarray = []; - Ext.Object.each(data, function(key, value) { - if (key === 'description' || key === 'snaptime') { - return; - } - kvarray.push({ key: key, value: value }); - }); - - summarystore.suspendEvents(); - summarystore.add(kvarray); - summarystore.sort(); - summarystore.resumeEvents(); - summarystore.fireEvent('refresh', summarystore); - - form.findField('snaptime').setValue(data.snaptime); - form.findField('description').setValue(data.description); - } - }); - } -}); -/*jslint confusion: true */ -var labelWidth = 120; - -Ext.define('PVE.lxc.MemoryEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - Ext.apply(me, { - subject: gettext('Memory'), - items: Ext.create('PVE.lxc.MemoryInputPanel') - }); - - me.callParent(); - - me.load(); - } -}); - - -Ext.define('PVE.lxc.CPUEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - Ext.apply(me, { - subject: gettext('CPU'), - items: Ext.create('PVE.lxc.CPUInputPanel') - }); - - me.callParent(); - - me.load(); - } -}); - -Ext.define('PVE.lxc.CPUInputPanel', { - extend: 'Proxmox.panel.InputPanel', - alias: 'widget.pveLxcCPUInputPanel', - - onlineHelp: 'pct_cpu', - - insideWizard: false, - - onGetValues: function(values) { - var me = this; - - PVE.Utils.delete_if_default(values, 'cores', '', me.insideWizard); - // cpu{limit,unit} aren't in the wizard so create is always false - PVE.Utils.delete_if_default(values, 'cpulimit', '0', 0); - PVE.Utils.delete_if_default(values, 'cpuunits', '1024', 0); - - return values; - }, - - advancedColumn1: [ - { - xtype: 'numberfield', - name: 'cpulimit', - minValue: 0, - value: '', - step: 1, - fieldLabel: gettext('CPU limit'), - allowBlank: true, - emptyText: gettext('unlimited') - } - ], - - advancedColumn2: [ - { - xtype: 'proxmoxintegerfield', - name: 'cpuunits', - fieldLabel: gettext('CPU units'), - value: 1024, - minValue: 8, - maxValue: 500000, - labelWidth: labelWidth, - allowBlank: false - } - ], - - initComponent: function() { - var me = this; - - me.column1 = [ - { - xtype: 'proxmoxintegerfield', - name: 'cores', - minValue: 1, - maxValue: 128, - value: me.insideWizard ? 1 : '', - fieldLabel: gettext('Cores'), - allowBlank: true, - deleteEmpty: true, - emptyText: gettext('unlimited') - } - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.lxc.MemoryInputPanel', { - extend: 'Proxmox.panel.InputPanel', - alias: 'widget.pveLxcMemoryInputPanel', - - onlineHelp: 'pct_memory', - - insideWizard: false, - - initComponent : function() { - var me = this; - - var items = [ - { - xtype: 'proxmoxintegerfield', - name: 'memory', - minValue: 16, - value: '512', - step: 32, - fieldLabel: gettext('Memory') + ' (MiB)', - labelWidth: labelWidth, - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - name: 'swap', - minValue: 0, - value: '512', - step: 32, - fieldLabel: gettext('Swap') + ' (MiB)', - labelWidth: labelWidth, - allowBlank: false - } - ]; - - if (me.insideWizard) { - me.column1 = items; - } else { - me.items = items; - } - - me.callParent(); - } -}); -Ext.define('PVE.window.MPResize', { - extend: 'Ext.window.Window', - - resizable: false, - - resize_disk: function(disk, size) { - var me = this; - var params = { disk: disk, size: '+' + size + 'G' }; - - Proxmox.Utils.API2Request({ - params: params, - url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/resize', - waitMsgTarget: me, - method: 'PUT', - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, opts) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskViewer', { upid: upid }); - win.show(); - me.close(); - } - }); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.vmid) { - throw "no VM ID specified"; - } - - var items = [ - { - xtype: 'displayfield', - name: 'disk', - value: me.disk, - fieldLabel: gettext('Disk'), - vtype: 'StorageId', - allowBlank: false - } - ]; - - me.hdsizesel = Ext.createWidget('numberfield', { - name: 'size', - minValue: 0, - maxValue: 128*1024, - decimalPrecision: 3, - value: '0', - fieldLabel: gettext('Size Increment') + ' (GiB)', - allowBlank: false - }); - - items.push(me.hdsizesel); - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 120, - anchor: '100%' - }, - items: items - }); - - var form = me.formPanel.getForm(); - - var submitBtn; - - me.title = gettext('Resize disk'); - submitBtn = Ext.create('Ext.Button', { - text: gettext('Resize disk'), - handler: function() { - if (form.isValid()) { - var values = form.getValues(); - me.resize_disk(me.disk, values.size); - } - } - }); - - Ext.apply(me, { - modal: true, - border: false, - layout: 'fit', - buttons: [ submitBtn ], - items: [ me.formPanel ] - }); - - - me.callParent(); - - if (!me.disk) { - return; - } - - } -}); -/*jslint confusion: true*/ -/* hidden: boolean and string - * bind: function and object - * disabled: boolean and string - */ -Ext.define('PVE.lxc.MountPointInputPanel', { - extend: 'Proxmox.panel.InputPanel', - xtype: 'pveLxcMountPointInputPanel', - - insideWizard: false, - - onlineHelp: 'pct_container_storage', - - unused: false, // add unused disk imaged - - unprivileged: false, - - vmconfig: {}, // used to select unused disks - - setUnprivileged: function(unprivileged) { - var me = this; - var vm = me.getViewModel(); - me.unprivileged = unprivileged; - vm.set('unpriv', unprivileged); - }, - - onGetValues: function(values) { - var me = this; - - var confid = me.confid || "mp"+values.mpid; - values.file = me.down('field[name=file]').getValue(); - if (values.mountoptions) { - values.mountoptions = values.mountoptions.join(';'); - } - - if (me.unused) { - confid = "mp"+values.mpid; - } else if (me.isCreate) { - values.file = values.hdstorage + ':' + values.disksize; - } - - // delete unnecessary fields - delete values.mpid; - delete values.hdstorage; - delete values.disksize; - delete values.diskformat; - - var res = {}; - res[confid] = PVE.Parser.printLxcMountPoint(values); - return res; - }, - - - setMountPoint: function(mp) { - var me = this; - var vm = this.getViewModel(); - vm.set('mptype', mp.type); - if (mp.mountoptions) { - mp.mountoptions = mp.mountoptions.split(';'); - } - - if (this.confid === 'rootfs') { - var field = me.down('field[name=mountoptions]'); - var forbidden = ['nodev', 'noexec']; - var filtered = field.comboItems.filter(e => !forbidden.includes(e[0])); - field.setComboItems(filtered); - } - - me.setValues(mp); - }, - - setVMConfig: function(vmconfig) { - var me = this; - var vm = me.getViewModel(); - me.vmconfig = vmconfig; - vm.set('unpriv', vmconfig.unprivileged); - - PVE.Utils.forEachMP(function(bus, i) { - var name = "mp" + i.toString(); - if (!Ext.isDefined(vmconfig[name])) { - me.down('field[name=mpid]').setValue(i); - return false; - } - }); - }, - - setNodename: function(nodename) { - var me = this; - var vm = me.getViewModel(); - vm.set('node', nodename); - me.down('#diskstorage').setNodename(nodename); - }, - - controller: { - xclass: 'Ext.app.ViewController', - - control: { - 'field[name=mpid]': { - change: function(field, value) { - field.validate(); - } - }, - '#hdstorage': { - change: function(field, newValue) { - var me = this; - if (!newValue) { - return; - } - - var rec = field.store.getById(newValue); - if (!rec) { - return; - } - - var vm = me.getViewModel(); - vm.set('type', rec.data.type); - } - } - }, - - init: function(view) { - var me = this; - var vm = this.getViewModel(); - vm.set('confid', view.confid); - vm.set('unused', view.unused); - vm.set('node', view.nodename); - vm.set('unpriv', view.unprivileged); - vm.set('hideStorSelector', view.unused || !view.isCreate); - } - }, - - viewModel: { - data: { - unpriv: false, - unused: false, - showStorageSelector: false, - mptype: '', - type: '', - confid: '', - node: '' - }, - - formulas: { - quota: function(get) { - return !(get('type') === 'zfs' || - get('type') === 'zfspool' || - get('unpriv') || - get('isBind')); - }, - hasMP: function(get) { - return !!get('confid') && !get('unused'); - }, - isRoot: function(get) { - return get('confid') === 'rootfs'; - }, - isBind: function(get) { - return get('mptype') === 'bind'; - }, - isBindOrRoot: function(get) { - return get('isBind') || get('isRoot'); - } - } - }, - - column1: [ - { - xtype: 'proxmoxintegerfield', - name: 'mpid', - fieldLabel: gettext('Mount Point ID'), - minValue: 0, - maxValue: PVE.Utils.mp_counts.mps - 1, - hidden: true, - allowBlank: false, - disabled: true, - bind: { - hidden: '{hasMP}', - disabled: '{hasMP}' - }, - validator: function(value) { - var me = this.up('inputpanel'); - if (!me.rendered) { - return; - } - if (Ext.isDefined(me.vmconfig["mp"+value])) { - return "Mount point is already in use."; - } - /*jslint confusion: true*/ - /* returns a string above */ - return true; - } - }, - { - xtype: 'pveDiskStorageSelector', - itemId: 'diskstorage', - storageContent: 'rootdir', - hidden: true, - autoSelect: true, - selectformat: false, - defaultSize: 8, - bind: { - hidden: '{hideStorSelector}', - disabled: '{hideStorSelector}', - nodename: '{node}' - } - }, - { - xtype: 'textfield', - disabled: true, - submitValue: false, - fieldLabel: gettext('Disk image'), - name: 'file', - bind: { - hidden: '{!hideStorSelector}' - } - } - ], - - column2: [ - { - xtype: 'textfield', - name: 'mp', - value: '', - emptyText: gettext('/some/path'), - allowBlank: false, - disabled: true, - fieldLabel: gettext('Path'), - bind: { - hidden: '{isRoot}', - disabled: '{isRoot}' - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'backup', - fieldLabel: gettext('Backup'), - bind: { - hidden: '{isRoot}', - disabled: '{isBindOrRoot}' - } - } - ], - - advancedColumn1: [ - { - xtype: 'proxmoxcheckbox', - name: 'quota', - defaultValue: 0, - bind: { - disabled: '{!quota}' - }, - fieldLabel: gettext('Enable quota'), - listeners: { - disable: function() { - this.reset(); - } - } - }, - { - xtype: 'proxmoxcheckbox', - name: 'ro', - defaultValue: 0, - bind: { - hidden: '{isRoot}', - disabled: '{isRoot}' - }, - fieldLabel: gettext('Read-only') - }, - { - xtype: 'proxmoxKVComboBox', - name: 'mountoptions', - fieldLabel: gettext('Mount options'), - deleteEmpty: false, - comboItems: [ - ['noatime', 'noatime'], - ['nodev', 'nodev'], - ['noexec', 'noexec'], - ['nosuid', 'nosuid'] - ], - multiSelect: true, - value: [], - allowBlank: true - }, - ], - - advancedColumn2: [ - { - xtype: 'proxmoxKVComboBox', - name: 'acl', - fieldLabel: 'ACLs', - deleteEmpty: false, - comboItems: [ - ['__default__', Proxmox.Utils.defaultText], - ['1', Proxmox.Utils.enabledText], - ['0', Proxmox.Utils.disabledText] - ], - value: '__default__', - bind: { - disabled: '{isBind}' - }, - allowBlank: true - }, - { - xtype: 'proxmoxcheckbox', - inputValue: '0', // reverses the logic - name: 'replicate', - fieldLabel: gettext('Skip replication') - } - ] -}); - -Ext.define('PVE.lxc.MountPointEdit', { - extend: 'Proxmox.window.Edit', - - unprivileged: false, - - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var unused = me.confid && me.confid.match(/^unused\d+$/); - - me.isCreate = me.confid ? unused : true; - - var ipanel = Ext.create('PVE.lxc.MountPointInputPanel', { - confid: me.confid, - nodename: nodename, - unused: unused, - unprivileged: me.unprivileged, - isCreate: me.isCreate - }); - - var subject; - if (unused) { - subject = gettext('Unused Disk'); - } else if (me.isCreate) { - subject = gettext('Mount Point'); - } else { - subject = gettext('Mount Point') + ' (' + me.confid + ')'; - } - - Ext.apply(me, { - subject: subject, - defaultFocus: me.confid !== 'rootfs' ? 'textfield[name=mp]' : 'tool', - items: ipanel - }); - - me.callParent(); - - me.load({ - success: function(response, options) { - ipanel.setVMConfig(response.result.data); - if (me.confid) { - /*jslint confusion: true*/ - /*data is defined as array above*/ - var value = response.result.data[me.confid]; - /*jslint confusion: false*/ - var mp = PVE.Parser.parseLxcMountPoint(value); - - if (!mp) { - Ext.Msg.alert(gettext('Error'), 'Unable to parse mount point options'); - me.close(); - return; - } - - ipanel.setMountPoint(mp); - me.isValid(); // trigger validation - } - } - }); - } -}); -Ext.define('PVE.pool.StatusView', { - extend: 'Proxmox.grid.ObjectGrid', - alias: ['widget.pvePoolStatusView'], - disabled: true, - - title: gettext('Status'), - cwidth1: 150, - interval: 30000, - //height: 195, - initComponent : function() { - var me = this; - - var pool = me.pveSelNode.data.pool; - if (!pool) { - throw "no pool specified"; - } - - var rows = { - comment: { - header: gettext('Comment'), - renderer: Ext.String.htmlEncode, - required: true - } - }; - - Ext.apply(me, { - url: "/api2/json/pools/" + pool, - rows: rows - }); - - me.callParent(); - } -}); -Ext.define('PVE.pool.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pvePoolSummary', - - initComponent: function() { - var me = this; - - var pool = me.pveSelNode.data.pool; - if (!pool) { - throw "no pool specified"; - } - - var statusview = Ext.create('PVE.pool.StatusView', { - pveSelNode: me.pveSelNode, - style: 'padding-top:0px' - }); - - var rstore = statusview.rstore; - - Ext.apply(me, { - autoScroll: true, - bodyStyle: 'padding:10px', - defaults: { - style: 'padding-top:10px', - width: 800 - }, - items: [ statusview ] - }); - - me.on('activate', rstore.startUpdate); - me.on('destroy', rstore.stopUpdate); - - me.callParent(); - } -}); -Ext.define('PVE.pool.Config', { - extend: 'PVE.panel.Config', - alias: 'widget.pvePoolConfig', - - onlineHelp: 'pveum_pools', - - initComponent: function() { - var me = this; - - var pool = me.pveSelNode.data.pool; - if (!pool) { - throw "no pool specified"; - } - - Ext.apply(me, { - title: Ext.String.format(gettext("Resource Pool") + ': ' + pool), - hstateid: 'pooltab', - items: [ - { - title: gettext('Summary'), - iconCls: 'fa fa-book', - xtype: 'pvePoolSummary', - itemId: 'summary' - }, - { - title: gettext('Members'), - xtype: 'pvePoolMembers', - iconCls: 'fa fa-th', - pool: pool, - itemId: 'members' - }, - { - xtype: 'pveACLView', - title: gettext('Permissions'), - iconCls: 'fa fa-unlock', - itemId: 'permissions', - path: '/pool/' + pool - } - ] - }); - - me.callParent(); - } -}); -Ext.define('PVE.panel.StorageBase', { - extend: 'Proxmox.panel.InputPanel', - controller: 'storageEdit', - - type: '', - - onGetValues: function(values) { - var me = this; - - if (me.isCreate) { - values.type = me.type; - } else { - delete values.storage; - } - - values.disable = values.enable ? 0 : 1; - delete values.enable; - - return values; - }, - - initComponent : function() { - var me = this; - - me.column1.unshift({ - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'storage', - value: me.storageId || '', - fieldLabel: 'ID', - vtype: 'StorageId', - allowBlank: false - }); - - me.column2.unshift( - { - xtype: 'pveNodeSelector', - name: 'nodes', - disabled: me.storageId === 'local', - fieldLabel: gettext('Nodes'), - emptyText: gettext('All') + ' (' + gettext('No restrictions') +')', - multiSelect: true, - autoSelect: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'enable', - checked: true, - uncheckedValue: 0, - fieldLabel: gettext('Enable') - } - ); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.BaseEdit', { - extend: 'Proxmox.window.Edit', - - initComponent : function() { - var me = this; - - me.isCreate = !me.storageId; - - if (me.isCreate) { - me.url = '/api2/extjs/storage'; - me.method = 'POST'; - } else { - me.url = '/api2/extjs/storage/' + me.storageId; - me.method = 'PUT'; - } - - var ipanel = Ext.create(me.paneltype, { - type: me.type, - isCreate: me.isCreate, - storageId: me.storageId - }); - - Ext.apply(me, { - subject: PVE.Utils.format_storage_type(me.type), - isAdd: true, - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - var ctypes = values.content || ''; - - values.content = ctypes.split(','); - - if (values.nodes) { - values.nodes = values.nodes.split(','); - } - values.enable = values.disable ? 0 : 1; - - ipanel.setValues(values); - } - }); - } - } -}); -Ext.define('PVE.grid.TemplateSelector', { - extend: 'Ext.grid.GridPanel', - - alias: 'widget.pveTemplateSelector', - - stateful: true, - stateId: 'grid-template-selector', - viewConfig: { - trackOver: false - }, - initComponent : function() { - var me = this; - - if (!me.nodename) { - throw "no node name specified"; - } - - var baseurl = "/nodes/" + me.nodename + "/aplinfo"; - var store = new Ext.data.Store({ - model: 'pve-aplinfo', - groupField: 'section', - proxy: { - type: 'proxmox', - url: '/api2/json' + baseurl - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var groupingFeature = Ext.create('Ext.grid.feature.Grouping',{ - groupHeaderTpl: '{[ "Section: " + values.name ]} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' - }); - - var reload = function() { - store.load(); - }; - - Proxmox.Utils.monStoreErrors(me, store); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ - '->', - gettext('Search'), - { - xtype: 'textfield', - width: 200, - enableKeyEvents: true, - listeners: { - buffer: 500, - keyup: function(field) { - var value = field.getValue().toLowerCase(); - store.clearFilter(true); - store.filterBy(function(rec) { - return (rec.data['package'].toLowerCase().indexOf(value) !== -1) - || (rec.data.headline.toLowerCase().indexOf(value) !== -1); - }); - } - } - } - ], - features: [ groupingFeature ], - columns: [ - { - header: gettext('Type'), - width: 80, - dataIndex: 'type' - }, - { - header: gettext('Package'), - flex: 1, - dataIndex: 'package' - }, - { - header: gettext('Version'), - width: 80, - dataIndex: 'version' - }, - { - header: gettext('Description'), - flex: 1.5, - renderer: Ext.String.htmlEncode, - dataIndex: 'headline' - } - ], - listeners: { - afterRender: reload - } - }); - - me.callParent(); - } - -}, function() { - - Ext.define('pve-aplinfo', { - extend: 'Ext.data.Model', - fields: [ - 'template', 'type', 'package', 'version', 'headline', 'infopage', - 'description', 'os', 'section' - ], - idProperty: 'template' - }); - -}); - -Ext.define('PVE.storage.TemplateDownload', { - extend: 'Ext.window.Window', - alias: 'widget.pveTemplateDownload', - - modal: true, - title: gettext('Templates'), - layout: 'fit', - width: 900, - height: 600, - initComponent : function() { - /*jslint confusion: true */ - var me = this; - - var grid = Ext.create('PVE.grid.TemplateSelector', { - border: false, - scrollable: true, - nodename: me.nodename - }); - - var sm = grid.getSelectionModel(); - - var submitBtn = Ext.create('Proxmox.button.Button', { - text: gettext('Download'), - disabled: true, - selModel: sm, - handler: function(button, event, rec) { - Proxmox.Utils.API2Request({ - url: '/nodes/' + me.nodename + '/aplinfo', - params: { - storage: me.storage, - template: rec.data.template - }, - method: 'POST', - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response, options) { - var upid = response.result.data; - - Ext.create('Proxmox.window.TaskViewer', { - upid: upid, - listeners: { - destroy: me.reloadGrid - } - }).show(); - - me.close(); - } - }); - } - }); - - Ext.apply(me, { - items: grid, - buttons: [ submitBtn ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.Upload', { - extend: 'Ext.window.Window', - alias: 'widget.pveStorageUpload', - - resizable: false, - - modal: true, - - initComponent : function() { - /*jslint confusion: true */ - var me = this; - - var xhr; - - if (!me.nodename) { - throw "no node name specified"; - } - - if (!me.storage) { - throw "no storage ID specified"; - } - - var baseurl = "/nodes/" + me.nodename + "/storage/" + me.storage + "/upload"; - - var pbar = Ext.create('Ext.ProgressBar', { - text: 'Ready', - hidden: true - }); - - me.formPanel = Ext.create('Ext.form.Panel', { - method: 'POST', - waitMsgTarget: true, - bodyPadding: 10, - border: false, - width: 300, - fieldDefaults: { - labelWidth: 100, - anchor: '100%' - }, - items: [ - { - xtype: 'pveContentTypeSelector', - cts: me.contents, - fieldLabel: gettext('Content'), - name: 'content', - value: me.contents[0] || '', - allowBlank: false - }, - { - xtype: 'filefield', - name: 'filename', - buttonText: gettext('Select File...'), - allowBlank: false - }, - pbar - ] - }); - - var form = me.formPanel.getForm(); - - var doStandardSubmit = function() { - form.submit({ - url: "/api2/htmljs" + baseurl, - waitMsg: gettext('Uploading file...'), - success: function(f, action) { - me.close(); - }, - failure: function(f, action) { - var msg = PVE.Utils.extractFormActionError(action); - Ext.Msg.alert(gettext('Error'), msg); - } - }); - }; - - var updateProgress = function(per, bytes) { - var text = (per * 100).toFixed(2) + '%'; - if (bytes) { - text += " (" + Proxmox.Utils.format_size(bytes) + ')'; - } - pbar.updateProgress(per, text); - }; - - var abortBtn = Ext.create('Ext.Button', { - text: gettext('Abort'), - disabled: true, - handler: function() { - me.close(); - } - }); - - var submitBtn = Ext.create('Ext.Button', { - text: gettext('Upload'), - disabled: true, - handler: function(button) { - var fd; - try { - fd = new FormData(); - } catch (err) { - doStandardSubmit(); - return; - } - - button.setDisabled(true); - abortBtn.setDisabled(false); - - var field = form.findField('content'); - fd.append("content", field.getValue()); - field.setDisabled(true); - - field = form.findField('filename'); - var file = field.fileInputEl.dom; - fd.append("filename", file.files[0]); - field.setDisabled(true); - - pbar.setVisible(true); - updateProgress(0); - - xhr = new XMLHttpRequest(); - - xhr.addEventListener("load", function(e) { - if (xhr.status == 200) { - me.close(); - } else { - var msg = gettext('Error') + " " + xhr.status.toString() + ": " + Ext.htmlEncode(xhr.statusText); - if (xhr.responseText !== "") { - var result = Ext.decode(xhr.responseText); - result.message = msg; - msg = Proxmox.Utils.extractRequestError(result, true); - } - Ext.Msg.alert(gettext('Error'), msg, function(btn) { - me.close(); - }); - } - }, false); - - xhr.addEventListener("error", function(e) { - var msg = "Error " + e.target.status.toString() + " occurred while receiving the document."; - Ext.Msg.alert(gettext('Error'), msg, function(btn) { - me.close(); - }); - }); - - xhr.upload.addEventListener("progress", function(evt) { - if (evt.lengthComputable) { - var percentComplete = evt.loaded / evt.total; - updateProgress(percentComplete, evt.loaded); - } - }, false); - - xhr.open("POST", "/api2/json" + baseurl, true); - xhr.send(fd); - } - }); - - form.on('validitychange', function(f, valid) { - submitBtn.setDisabled(!valid); - }); - - Ext.apply(me, { - title: gettext('Upload'), - items: me.formPanel, - buttons: [ abortBtn, submitBtn ], - listeners: { - close: function() { - if (xhr) { - xhr.abort(); - } - } - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.ContentView', { - extend: 'Ext.grid.GridPanel', - - alias: 'widget.pveStorageContentView', - - stateful: true, - stateId: 'grid-storage-content', - viewConfig: { - trackOver: false, - loadMask: false - }, - features: [ - { - ftype: 'grouping', - groupHeaderTpl: '{name} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' - } - ], - initComponent : function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var storage = me.pveSelNode.data.storage; - if (!storage) { - throw "no storage ID specified"; - } - - var baseurl = "/nodes/" + nodename + "/storage/" + storage + "/content"; - var store = Ext.create('Ext.data.Store',{ - model: 'pve-storage-content', - groupField: 'content', - proxy: { - type: 'proxmox', - url: '/api2/json' + baseurl - }, - sorters: { - property: 'volid', - order: 'DESC' - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var reload = function() { - store.load(); - me.statusStore.load(); - }; - - Proxmox.Utils.monStoreErrors(me, store); - - var templateButton = Ext.create('Proxmox.button.Button',{ - itemId: 'tmpl-btn', - text: gettext('Templates'), - handler: function() { - var win = Ext.create('PVE.storage.TemplateDownload', { - nodename: nodename, - storage: storage, - reloadGrid: reload - }); - win.show(); - } - }); - - var uploadButton = Ext.create('Proxmox.button.Button', { - contents : ['iso','vztmpl'], - text: gettext('Upload'), - handler: function() { - var me = this; - var win = Ext.create('PVE.storage.Upload', { - nodename: nodename, - storage: storage, - contents: me.contents - }); - win.show(); - win.on('destroy', reload); - } - }); - - var imageRemoveButton; - var removeButton = Ext.create('Proxmox.button.StdRemoveButton',{ - selModel: sm, - enableFn: function(rec) { - if (rec && rec.data.content !== 'images') { - imageRemoveButton.setVisible(false); - removeButton.setVisible(true); - return true; - } - return false; - }, - callback: function() { - reload(); - }, - baseurl: baseurl + '/' - }); - - imageRemoveButton = Ext.create('Proxmox.button.Button',{ - selModel: sm, - hidden: true, - text: gettext('Remove'), - enableFn: function(rec) { - if (rec && rec.data.content === 'images') { - removeButton.setVisible(false); - imageRemoveButton.setVisible(true); - return true; - } - return false; - }, - handler: function(btn, event, rec) { - me = this; - - var url = baseurl + '/' + rec.data.volid; - var vmid = rec.data.vmid; - - var store = PVE.data.ResourceStore; - - if (vmid && store.findVMID(vmid)) { - var guest_node = store.guestNode(vmid); - var storage_path = 'storage/' + nodename + '/' + storage; - - // allow to delete local backed images if a VMID exists on another node. - if (store.storageIsShared(storage_path) || guest_node == nodename) { - var msg = Ext.String.format( - gettext("Cannot remove image, a guest with VMID '{0}' exists!"), vmid); - msg += '' + gettext("You can delete the image from the guest's hardware pane"); - - Ext.Msg.show({ - title: gettext('Cannot remove disk image.'), - icon: Ext.Msg.ERROR, - msg: msg - }); - return; - } - } - var win = Ext.create('PVE.window.SafeDestroy', { - title: Ext.String.format(gettext("Destroy '{0}'"), rec.data.volid), - showProgress: true, - url: url, - item: { type: 'Image', id: vmid } - }).show(); - win.on('destroy', function() { - me.statusStore = Ext.create('Proxmox.data.ObjectStore', { - url: '/api2/json/nodes/' + nodename + '/storage/' + storage + '/status' - }); - reload(); - - }); - } - }); - - me.statusStore = Ext.create('Proxmox.data.ObjectStore', { - url: '/api2/json/nodes/' + nodename + '/storage/' + storage + '/status' - }); - - Ext.apply(me, { - store: store, - selModel: sm, - tbar: [ - { - xtype: 'proxmoxButton', - text: gettext('Restore'), - selModel: sm, - disabled: true, - enableFn: function(rec) { - return rec && rec.data.content === 'backup'; - }, - handler: function(b, e, rec) { - var vmtype; - if (rec.data.volid.match(/vzdump-qemu-/)) { - vmtype = 'qemu'; - } else if (rec.data.volid.match(/vzdump-openvz-/) || rec.data.volid.match(/vzdump-lxc-/)) { - vmtype = 'lxc'; - } else { - return; - } - - var win = Ext.create('PVE.window.Restore', { - nodename: nodename, - volid: rec.data.volid, - volidText: PVE.Utils.render_storage_content(rec.data.volid, {}, rec), - vmtype: vmtype - }); - win.show(); - win.on('destroy', reload); - } - }, - removeButton, - imageRemoveButton, - templateButton, - uploadButton, - { - xtype: 'proxmoxButton', - text: gettext('Show Configuration'), - disabled: true, - selModel: sm, - enableFn: function(rec) { - return rec && rec.data.content === 'backup'; - }, - handler: function(b,e,rec) { - var win = Ext.create('PVE.window.BackupConfig', { - volume: rec.data.volid, - pveSelNode: me.pveSelNode - }); - - win.show(); - } - }, - '->', - gettext('Search') + ':', ' ', - { - xtype: 'textfield', - width: 200, - enableKeyEvents: true, - listeners: { - buffer: 500, - keyup: function(field) { - store.clearFilter(true); - store.filter([ - { - property: 'text', - value: field.getValue(), - anyMatch: true, - caseSensitive: false - } - ]); - } - } - } - ], - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - renderer: PVE.Utils.render_storage_content, - dataIndex: 'text' - }, - { - header: gettext('Format'), - width: 100, - dataIndex: 'format' - }, - { - header: gettext('Type'), - width: 100, - dataIndex: 'content', - renderer: PVE.Utils.format_content_types - }, - { - header: gettext('Size'), - width: 100, - renderer: Proxmox.Utils.format_size, - dataIndex: 'size' - } - ], - listeners: { - activate: reload - } - }); - - me.callParent(); - - // disable the buttons/restrict the upload window - // if templates or uploads are not allowed - me.mon(me.statusStore, 'load', function(s, records, success) { - var availcontent = []; - Ext.Array.each(records, function(item){ - if (item.id === 'content') { - availcontent = item.data.value.split(','); - } - }); - var templ = false; - var upload = false; - var cts = []; - - Ext.Array.each(availcontent, function(content) { - if (content === 'vztmpl') { - templ = true; - cts.push('vztmpl'); - } else if (content === 'iso') { - upload = true; - cts.push('iso'); - } - }); - - if (templ !== upload) { - uploadButton.contents = cts; - } - - templateButton.setDisabled(!templ); - uploadButton.setDisabled(!upload && !templ); - }); - } -}, function() { - - Ext.define('pve-storage-content', { - extend: 'Ext.data.Model', - fields: [ - 'volid', 'content', 'format', 'size', 'used', 'vmid', - 'channel', 'id', 'lun', - { - name: 'text', - convert: function(value, record) { - // check for volid, because if you click on a grouping header, - // it calls convert (but with an empty volid) - if (value || record.data.volid === null) { - return value; - } - return PVE.Utils.render_storage_content(value, {}, record); - } - } - ], - idProperty: 'volid' - }); - -}); -Ext.define('PVE.storage.StatusView', { - extend: 'PVE.panel.StatusView', - alias: 'widget.pveStorageStatusView', - - height: 230, - title: gettext('Status'), - - layout: { - type: 'vbox', - align: 'stretch' - }, - - defaults: { - xtype: 'pveInfoWidget', - padding: '0 30 5 30' - }, - items: [ - { - xtype: 'box', - height: 30 - }, - { - itemId: 'enabled', - title: gettext('Enabled'), - printBar: false, - textField: 'disabled', - renderer: Proxmox.Utils.format_neg_boolean - }, - { - itemId: 'active', - title: gettext('Active'), - printBar: false, - textField: 'active', - renderer: Proxmox.Utils.format_boolean - }, - { - itemId: 'content', - title: gettext('Content'), - printBar: false, - textField: 'content', - renderer: PVE.Utils.format_content_types - }, - { - itemId: 'type', - title: gettext('Type'), - printBar: false, - textField: 'type', - renderer: PVE.Utils.format_storage_type - }, - { - xtype: 'box', - height: 10 - }, - { - itemId: 'usage', - title: gettext('Usage'), - valueField: 'used', - maxField: 'total' - } - ], - - updateTitle: function() { - return; - } -}); -Ext.define('PVE.storage.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveStorageSummary', - scrollable: true, - bodyPadding: 5, - tbar: [ - '->', - { - xtype: 'proxmoxRRDTypeSelector' - } - ], - layout: { - type: 'column' - }, - defaults: { - padding: 5, - columnWidth: 1 - }, - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var storage = me.pveSelNode.data.storage; - if (!storage) { - throw "no storage ID specified"; - } - - var rstore = Ext.create('Proxmox.data.ObjectStore', { - url: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/status", - interval: 1000 - }); - - var rrdstore = Ext.create('Proxmox.data.RRDStore', { - rrdurl: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/rrddata", - model: 'pve-rrd-storage' - }); - - Ext.apply(me, { - items: [ - { - xtype: 'pveStorageStatusView', - pveSelNode: me.pveSelNode, - rstore: rstore - }, - { - xtype: 'proxmoxRRDChart', - title: gettext('Usage'), - fields: ['total','used'], - fieldTitles: ['Total Size', 'Used Size'], - store: rrdstore - } - ], - listeners: { - activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); }, - destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); } - } - }); - - me.callParent(); - } -}); -Ext.define('PVE.storage.Browser', { - extend: 'PVE.panel.Config', - alias: 'widget.PVE.storage.Browser', - - onlineHelp: 'chapter_storage', - - initComponent: function() { - var me = this; - - var nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - var storeid = me.pveSelNode.data.storage; - if (!storeid) { - throw "no storage ID specified"; - } - - - me.items = [ - { - title: gettext('Summary'), - xtype: 'pveStorageSummary', - iconCls: 'fa fa-book', - itemId: 'summary' - } - ]; - - var caps = Ext.state.Manager.get('GuiCap'); - - Ext.apply(me, { - title: Ext.String.format(gettext("Storage {0} on node {1}"), - "'" + storeid + "'", "'" + nodename + "'"), - hstateid: 'storagetab' - }); - - if (caps.storage['Datastore.Allocate'] || - caps.storage['Datastore.AllocateSpace'] || - caps.storage['Datastore.Audit']) { - me.items.push({ - xtype: 'pveStorageContentView', - title: gettext('Content'), - iconCls: 'fa fa-th', - itemId: 'content' - }); - } - - if (caps.storage['Permissions.Modify']) { - me.items.push({ - xtype: 'pveACLView', - title: gettext('Permissions'), - iconCls: 'fa fa-unlock', - itemId: 'permissions', - path: '/storage/' + storeid - }); - } - - me.callParent(); - } -}); -Ext.define('PVE.storage.DirInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_directory', - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'path', - value: '', - fieldLabel: gettext('Directory'), - allowBlank: false - }, - { - xtype: 'pveContentTypeSelector', - name: 'content', - value: 'images', - multiSelect: true, - fieldLabel: gettext('Content'), - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'proxmoxcheckbox', - name: 'shared', - uncheckedValue: 0, - fieldLabel: gettext('Shared') - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - disabled: true, - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - } - ]; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.storage.NFSScan', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveNFSScan', - - queryParam: 'server', - - valueField: 'path', - displayField: 'path', - matchFieldWidth: false, - listConfig: { - loadingText: gettext('Scanning...'), - width: 350 - }, - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.nfsServer) { - me.store.removeAll(); - } - - me.allQuery = me.nfsServer; - - me.callParent(); - }, - - setServer: function(server) { - var me = this; - - me.nfsServer = server; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'path', 'options' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/nfs' - } - }); - - store.sort('path', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.NFSInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_nfs', - - options : [], - - onGetValues: function(values) { - var me = this; - - var i; - var res = []; - for (i = 0; i < me.options.length; i++) { - var item = me.options[i]; - if (!item.match(/^vers=(.*)$/)) { - res.push(item); - } - } - if (values.nfsversion && values.nfsversion !== '__default__') { - res.push('vers=' + values.nfsversion); - } - delete values.nfsversion; - values.options = res.join(','); - if (values.options === '') { - delete values.options; - if (!me.isCreate) { - values["delete"] = "options"; - } - } - - return me.callParent([values]); - }, - - setValues: function(values) { - var me = this; - if (values.options) { - var res = values.options; - me.options = values.options.split(','); - me.options.forEach(function(item) { - var match = item.match(/^vers=(.*)$/); - if (match) { - values.nfsversion = match[1]; - } - }); - } - return me.callParent([values]); - }, - - initComponent : function() { - var me = this; - - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'server', - value: '', - fieldLabel: gettext('Server'), - allowBlank: false, - listeners: { - change: function(f, value) { - if (me.isCreate) { - var exportField = me.down('field[name=export]'); - exportField.setServer(value); - exportField.setValue(''); - } - } - } - }, - { - xtype: me.isCreate ? 'pveNFSScan' : 'displayfield', - name: 'export', - value: '', - fieldLabel: 'Export', - allowBlank: false - }, - { - xtype: 'pveContentTypeSelector', - name: 'content', - value: 'images', - multiSelect: true, - fieldLabel: gettext('Content'), - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - disabled: true, - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - } - ]; - - me.advancedColumn1 = [ - { - xtype: 'proxmoxKVComboBox', - fieldLabel: gettext('NFS Version'), - name: 'nfsversion', - value: '__default__', - deleteEmpty: false, - comboItems: [ - ['__default__', Proxmox.Utils.defaultText], - ['3', '3'], - ['4', '4'], - ['4.1', '4.1'], - ['4.2', '4.2'] - ] - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.CIFSScan', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveCIFSScan', - - queryParam: 'server', - - valueField: 'share', - displayField: 'share', - matchFieldWidth: false, - listConfig: { - loadingText: gettext('Scanning...'), - width: 350 - }, - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.cifsServer) { - me.store.removeAll(); - } - - var params = {}; - if (me.cifsUsername && me.cifsPassword) { - params.username = me.cifsUsername; - params.password = me.cifsPassword; - } - - if (me.cifsDomain) { - params.domain = me.cifsDomain; - } - - me.store.getProxy().setExtraParams(params); - me.allQuery = me.cifsServer; - - me.callParent(); - }, - - setServer: function(server) { - this.cifsServer = server; - }, - - setUsername: function(username) { - this.cifsUsername = username; - }, - - setPassword: function(password) { - this.cifsPassword = password; - }, - - setDomain: function(domain) { - this.cifsDomain = domain; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: ['description', 'share'], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/cifs' - } - }); - store.sort('share', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.CIFSInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_cifs', - - initComponent : function() { - var me = this; - - var passwordfield = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { - inputType: 'password', - name: 'password', - value: me.isCreate ? '' : '********', - fieldLabel: gettext('Password'), - allowBlank: false, - disabled: me.isCreate, - minLength: 1, - listeners: { - change: function(f, value) { - - if (me.isCreate) { - var exportField = me.down('field[name=share]'); - exportField.setPassword(value); - } - } - } - }); - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'server', - value: '', - fieldLabel: gettext('Server'), - allowBlank: false, - listeners: { - change: function(f, value) { - if (me.isCreate) { - var exportField = me.down('field[name=share]'); - exportField.setServer(value); - } - } - } - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'username', - value: '', - fieldLabel: gettext('Username'), - emptyText: gettext('Guest user'), - allowBlank: true, - listeners: { - change: function(f, value) { - if (!me.isCreate) { - return; - } - var exportField = me.down('field[name=share]'); - exportField.setUsername(value); - - if (value == "") { - passwordfield.disable(); - } else { - passwordfield.enable(); - } - passwordfield.validate(); - } - } - }, - passwordfield, - { - xtype: me.isCreate ? 'pveCIFSScan' : 'displayfield', - name: 'share', - value: '', - fieldLabel: 'Share', - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - }, - { - xtype: 'pveContentTypeSelector', - name: 'content', - value: 'images', - multiSelect: true, - fieldLabel: gettext('Content'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'domain', - value: me.isCreate ? '' : undefined, - fieldLabel: gettext('Domain'), - allowBlank: true, - listeners: { - change: function(f, value) { - if (me.isCreate) { - - var exportField = me.down('field[name=share]'); - exportField.setDomain(value); - } - } - } - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.GlusterFsScan', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveGlusterFsScan', - - queryParam: 'server', - - valueField: 'volname', - displayField: 'volname', - matchFieldWidth: false, - listConfig: { - loadingText: 'Scanning...', - width: 350 - }, - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.glusterServer) { - me.store.removeAll(); - } - - me.allQuery = me.glusterServer; - - me.callParent(); - }, - - setServer: function(server) { - var me = this; - - me.glusterServer = server; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'volname' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/glusterfs' - } - }); - - store.sort('volname', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.GlusterFsInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_glusterfs', - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'server', - value: '', - fieldLabel: gettext('Server'), - allowBlank: false, - listeners: { - change: function(f, value) { - if (me.isCreate) { - var volumeField = me.down('field[name=volume]'); - volumeField.setServer(value); - volumeField.setValue(''); - } - } - } - }, - { - xtype: me.isCreate ? 'proxmoxtextfield' : 'displayfield', - name: 'server2', - value: '', - fieldLabel: gettext('Second Server'), - allowBlank: true - }, - { - xtype: me.isCreate ? 'pveGlusterFsScan' : 'displayfield', - name: 'volume', - value: '', - fieldLabel: 'Volume name', - allowBlank: false - }, - { - xtype: 'pveContentTypeSelector', - cts: ['images', 'iso', 'backup', 'vztmpl', 'snippets'], - name: 'content', - value: 'images', - multiSelect: true, - fieldLabel: gettext('Content'), - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - disabled: true, - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.IScsiScan', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveIScsiScan', - - queryParam: 'portal', - valueField: 'target', - displayField: 'target', - matchFieldWidth: false, - listConfig: { - loadingText: gettext('Scanning...'), - width: 350 - }, - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.portal) { - me.store.removeAll(); - } - - me.allQuery = me.portal; - - me.callParent(); - }, - - setPortal: function(portal) { - var me = this; - - me.portal = portal; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'target', 'portal' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/iscsi' - } - }); - - store.sort('target', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.IScsiInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_open_iscsi', - - onGetValues: function(values) { - var me = this; - - values.content = values.luns ? 'images' : 'none'; - delete values.luns; - - return me.callParent([values]); - }, - - setValues: function(values) { - values.luns = (values.content.indexOf('images') !== -1) ? true : false; - this.callParent([values]); - }, - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'portal', - value: '', - fieldLabel: 'Portal', - allowBlank: false, - listeners: { - change: function(f, value) { - if (me.isCreate) { - var exportField = me.down('field[name=target]'); - exportField.setPortal(value); - exportField.setValue(''); - } - } - } - }, - { - readOnly: !me.isCreate, - xtype: me.isCreate ? 'pveIScsiScan' : 'displayfield', - name: 'target', - value: '', - fieldLabel: 'Target', - allowBlank: false - } - ]; - - me.column2 = [ - { - xtype: 'checkbox', - name: 'luns', - checked: true, - fieldLabel: gettext('Use LUNs directly') - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.VgSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveVgSelector', - valueField: 'vg', - displayField: 'vg', - queryMode: 'local', - editable: false, - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - autoLoad: {}, // true, - fields: [ 'vg', 'size', 'free' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/lvm' - } - }); - - store.sort('vg', 'ASC'); - - Ext.apply(me, { - store: store, - listConfig: { - loadingText: gettext('Scanning...') - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.BaseStorageSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveBaseStorageSelector', - - existingGroupsText: gettext("Existing volume groups"), - queryMode: 'local', - editable: false, - value: '', - valueField: 'storage', - displayField: 'text', - initComponent : function() { - var me = this; - - var store = Ext.create('Ext.data.Store', { - autoLoad: { - addRecords: true, - params: { - type: 'iscsi' - } - }, - fields: [ 'storage', 'type', 'content', - { - name: 'text', - convert: function(value, record) { - if (record.data.storage) { - return record.data.storage + " (iSCSI)"; - } else { - return me.existingGroupsText; - } - } - }], - proxy: { - type: 'proxmox', - url: '/api2/json/storage/' - } - }); - - store.loadData([{ storage: '' }], true); - - store.sort('storage', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.LVMInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_lvm', - - initComponent : function() { - var me = this; - - me.column1 = []; - - var vgnameField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { - name: 'vgname', - hidden: !!me.isCreate, - disabled: !!me.isCreate, - value: '', - fieldLabel: gettext('Volume group'), - allowBlank: false - }); - - if (me.isCreate) { - var vgField = Ext.create('PVE.storage.VgSelector', { - name: 'vgname', - fieldLabel: gettext('Volume group'), - allowBlank: false - }); - - var baseField = Ext.createWidget('pveFileSelector', { - name: 'base', - hidden: true, - disabled: true, - nodename: 'localhost', - storageContent: 'images', - fieldLabel: gettext('Base volume'), - allowBlank: false - }); - - me.column1.push({ - xtype: 'pveBaseStorageSelector', - name: 'basesel', - fieldLabel: gettext('Base storage'), - submitValue: false, - listeners: { - change: function(f, value) { - if (value) { - vgnameField.setVisible(true); - vgnameField.setDisabled(false); - vgField.setVisible(false); - vgField.setDisabled(true); - baseField.setVisible(true); - baseField.setDisabled(false); - } else { - vgnameField.setVisible(false); - vgnameField.setDisabled(true); - vgField.setVisible(true); - vgField.setDisabled(false); - baseField.setVisible(false); - baseField.setDisabled(true); - } - baseField.setStorage(value); - } - } - }); - - me.column1.push(baseField); - - me.column1.push(vgField); - } - - me.column1.push(vgnameField); - - // here value is an array, - // while before it was a string - /*jslint confusion: true*/ - me.column1.push({ - xtype: 'pveContentTypeSelector', - cts: ['images', 'rootdir'], - fieldLabel: gettext('Content'), - name: 'content', - value: ['images', 'rootdir'], - multiSelect: true, - allowBlank: false - }); - /*jslint confusion: false*/ - - me.column2 = [ - { - xtype: 'proxmoxcheckbox', - name: 'shared', - uncheckedValue: 0, - fieldLabel: gettext('Shared') - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.TPoolSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveTPSelector', - - queryParam: 'vg', - valueField: 'lv', - displayField: 'lv', - editable: false, - - doRawQuery: function() { - }, - - onTriggerClick: function() { - var me = this; - - if (!me.queryCaching || me.lastQuery !== me.vg) { - me.store.removeAll(); - } - - me.allQuery = me.vg; - - me.callParent(); - }, - - setVG: function(myvg) { - var me = this; - - me.vg = myvg; - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - fields: [ 'lv' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/lvmthin' - } - }); - - store.sort('lv', 'ASC'); - - Ext.apply(me, { - store: store, - listConfig: { - loadingText: gettext('Scanning...') - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.BaseVGSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveBaseVGSelector', - - valueField: 'vg', - displayField: 'vg', - queryMode: 'local', - editable: false, - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - autoLoad: {}, - fields: [ 'vg', 'size', 'free'], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/lvm' - } - }); - - Ext.apply(me, { - store: store, - listConfig: { - loadingText: gettext('Scanning...') - } - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.LvmThinInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_lvmthin', - - initComponent : function() { - var me = this; - - me.column1 = []; - - var vgnameField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { - name: 'vgname', - hidden: !!me.isCreate, - disabled: !!me.isCreate, - value: '', - fieldLabel: gettext('Volume group'), - allowBlank: false - }); - - var thinpoolField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { - name: 'thinpool', - hidden: !!me.isCreate, - disabled: !!me.isCreate, - value: '', - fieldLabel: gettext('Thin Pool'), - allowBlank: false - }); - - if (me.isCreate) { - var vgField = Ext.create('PVE.storage.TPoolSelector', { - name: 'thinpool', - fieldLabel: gettext('Thin Pool'), - allowBlank: false - }); - - me.column1.push({ - xtype: 'pveBaseVGSelector', - name: 'vgname', - fieldLabel: gettext('Volume group'), - listeners: { - change: function(f, value) { - if (me.isCreate) { - vgField.setVG(value); - vgField.setValue(''); - } - } - } - }); - - me.column1.push(vgField); - } - - me.column1.push(vgnameField); - - me.column1.push(thinpoolField); - - // here value is an array, - // while before it was a string - /*jslint confusion: true*/ - me.column1.push({ - xtype: 'pveContentTypeSelector', - cts: ['images', 'rootdir'], - fieldLabel: gettext('Content'), - name: 'content', - value: ['images', 'rootdir'], - multiSelect: true, - allowBlank: false - }); - /*jslint confusion: false*/ - - me.column2 = []; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.storage.CephFSInputPanel', { - extend: 'PVE.panel.StorageBase', - controller: 'cephstorage', - - onlineHelp: 'storage_cephfs', - - viewModel: { - type: 'cephstorage' - }, - - setValues: function(values) { - if (values.monhost) { - this.viewModel.set('pveceph', false); - this.lookupReference('pvecephRef').setValue(false); - this.lookupReference('pvecephRef').resetOriginalValue(); - } - this.callParent([values]); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - me.type = 'cephfs'; - - me.column1 = []; - - me.column1.push( - { - xtype: 'textfield', - name: 'monhost', - vtype: 'HostList', - value: '', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}', - hidden: '{pveceph}' - }, - fieldLabel: 'Monitor(s)', - allowBlank: false - }, - { - xtype: 'displayfield', - reference: 'monhost', - bind: { - disabled: '{!pveceph}', - hidden: '{!pveceph}' - }, - value: '', - fieldLabel: 'Monitor(s)' - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'username', - value: 'admin', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}' - }, - fieldLabel: gettext('User name'), - allowBlank: true - } - ); - - me.column2 = [ - { - xtype: 'pveContentTypeSelector', - cts: ['backup', 'iso', 'vztmpl', 'snippets'], - fieldLabel: gettext('Content'), - name: 'content', - value: 'backup', - multiSelect: true, - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - fieldLabel: gettext('Max Backups'), - name: 'maxfiles', - reference: 'maxfiles', - minValue: 0, - maxValue: 365, - value: me.isCreate ? '1' : undefined, - allowBlank: false - } - ]; - - me.columnB = [{ - xtype: 'proxmoxcheckbox', - name: 'pveceph', - reference: 'pvecephRef', - bind : { - disabled: '{!pvecephPossible}', - value: '{pveceph}' - }, - checked: true, - uncheckedValue: 0, - submitValue: false, - hidden: !me.isCreate, - boxLabel: gettext('Use Proxmox VE managed hyper-converged cephFS') - }]; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.storage.Ceph.Model', { - extend: 'Ext.app.ViewModel', - alias: 'viewmodel.cephstorage', - - data: { - pveceph: true, - pvecephPossible: true - } -}); - -Ext.define('PVE.storage.Ceph.Controller', { - extend: 'PVE.controller.StorageEdit', - alias: 'controller.cephstorage', - - control: { - '#': { - afterrender: 'queryMonitors' - }, - 'textfield[name=username]': { - disable: 'resetField' - }, - 'displayfield[name=monhost]': { - enable: 'queryMonitors' - }, - 'textfield[name=monhost]': { - disable: 'resetField', - enable: 'resetField' - } - }, - resetField: function(field) { - field.reset(); - }, - queryMonitors: function(field, newVal, oldVal) { - // we get called with two signatures, the above one for a field - // change event and the afterrender from the view, this check only - // can be true for the field change one and omit the API request if - // pveceph got unchecked - as it's not needed there. - if (field && !newVal && oldVal) { - return; - } - var view = this.getView(); - var vm = this.getViewModel(); - if (!(view.isCreate || vm.get('pveceph'))) { - return; // only query on create or if editing a pveceph store - } - - var monhostField = this.lookupReference('monhost'); - - Proxmox.Utils.API2Request({ - url: '/api2/json/nodes/localhost/ceph/mon', - method: 'GET', - scope: this, - callback: function(options, success, response) { - var data = response.result.data; - if (response.status === 200) { - if (data.length > 0) { - var monhost = Ext.Array.pluck(data, 'name').sort().join(','); - monhostField.setValue(monhost); - monhostField.resetOriginalValue(); - if (view.isCreate) { - vm.set('pvecephPossible', true); - } - } else { - vm.set('pveceph', false); - } - } else { - vm.set('pveceph', false); - vm.set('pvecephPossible', false); - } - } - }); - } -}); - -Ext.define('PVE.storage.RBDInputPanel', { - extend: 'PVE.panel.StorageBase', - controller: 'cephstorage', - - onlineHelp: 'ceph_rados_block_devices', - - viewModel: { - type: 'cephstorage' - }, - - setValues: function(values) { - if (values.monhost) { - this.viewModel.set('pveceph', false); - this.lookupReference('pvecephRef').setValue(false); - this.lookupReference('pvecephRef').resetOriginalValue(); - } - this.callParent([values]); - }, - - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - me.type = 'rbd'; - - me.column1 = []; - - if (me.isCreate) { - me.column1.push({ - xtype: 'pveCephPoolSelector', - nodename: me.nodename, - name: 'pool', - bind: { - disabled: '{!pveceph}', - submitValue: '{pveceph}', - hidden: '{!pveceph}' - }, - fieldLabel: gettext('Pool'), - allowBlank: false - },{ - xtype: 'textfield', - name: 'pool', - value: 'rbd', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}', - hidden: '{pveceph}' - }, - fieldLabel: gettext('Pool'), - allowBlank: false - }); - } else { - me.column1.push({ - xtype: 'displayfield', - nodename: me.nodename, - name: 'pool', - fieldLabel: gettext('Pool'), - allowBlank: false - }); - } - - me.column1.push( - { - xtype: 'textfield', - name: 'monhost', - vtype: 'HostList', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}', - hidden: '{pveceph}' - }, - value: '', - fieldLabel: 'Monitor(s)', - allowBlank: false - }, - { - xtype: 'displayfield', - reference: 'monhost', - bind: { - disabled: '{!pveceph}', - hidden: '{!pveceph}' - }, - value: '', - fieldLabel: 'Monitor(s)' - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'username', - bind: { - disabled: '{pveceph}', - submitValue: '{!pveceph}' - }, - value: 'admin', - fieldLabel: gettext('User name'), - allowBlank: true - } - ); - - me.column2 = [ - { - xtype: 'pveContentTypeSelector', - cts: ['images', 'rootdir'], - fieldLabel: gettext('Content'), - name: 'content', - value: ['images'], - multiSelect: true, - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'krbd', - uncheckedValue: 0, - fieldLabel: 'KRBD' - } - ]; - - me.columnB = [{ - xtype: 'proxmoxcheckbox', - name: 'pveceph', - reference: 'pvecephRef', - bind : { - disabled: '{!pvecephPossible}', - value: '{pveceph}' - }, - checked: true, - uncheckedValue: 0, - submitValue: false, - hidden: !me.isCreate, - boxLabel: gettext('Use Proxmox VE managed hyper-converged ceph pool') - }]; - - me.callParent(); - } -}); -/*jslint confusion: true*/ -Ext.define('PVE.storage.ZFSInputPanel', { - extend: 'PVE.panel.StorageBase', - - viewModel: { - parent: null, - data: { - isLIO: false, - isComstar: true, - hasWriteCacheOption: true - } - }, - - controller: { - xclass: 'Ext.app.ViewController', - control: { - 'field[name=iscsiprovider]': { - change: 'changeISCSIProvider' - } - }, - changeISCSIProvider: function(f, newVal, oldVal) { - var vm = this.getViewModel(); - vm.set('isLIO', newVal === 'LIO'); - vm.set('isComstar', newVal === 'comstar'); - vm.set('hasWriteCacheOption', newVal === 'comstar' || newVal === 'istgt'); - } - }, - - onGetValues: function(values) { - var me = this; - - if (me.isCreate) { - values.content = 'images'; - } - - values.nowritecache = values.writecache ? 0 : 1; - delete values.writecache; - - return me.callParent([values]); - }, - - setValues: function diff(values) { - values.writecache = values.nowritecache ? 0 : 1; - this.callParent([values]); - }, - - initComponent : function() { - var me = this; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'portal', - value: '', - fieldLabel: gettext('Portal'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'pool', - value: '', - fieldLabel: gettext('Pool'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'blocksize', - value: '4k', - fieldLabel: gettext('Block Size'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'target', - value: '', - fieldLabel: gettext('Target'), - allowBlank: false - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'comstar_tg', - value: '', - fieldLabel: gettext('Target group'), - bind: me.isCreate ? { disabled: '{!isComstar}' } : { hidden: '{!isComstar}' }, - allowBlank: true - } - ]; - - me.column2 = [ - { - xtype: me.isCreate ? 'pveiScsiProviderSelector' : 'displayfield', - name: 'iscsiprovider', - value: 'comstar', - fieldLabel: gettext('iSCSI Provider'), - allowBlank: false - }, - { - xtype: 'proxmoxcheckbox', - name: 'sparse', - checked: false, - uncheckedValue: 0, - fieldLabel: gettext('Thin provision') - }, - { - xtype: 'proxmoxcheckbox', - name: 'writecache', - checked: true, - bind: me.isCreate ? { disabled: '{!hasWriteCacheOption}' } : { hidden: '{!hasWriteCacheOption}' }, - uncheckedValue: 0, - fieldLabel: gettext('Write cache') - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'comstar_hg', - value: '', - bind: me.isCreate ? { disabled: '{!isComstar}' } : { hidden: '{!isComstar}' }, - fieldLabel: gettext('Host group'), - allowBlank: true - }, - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'lio_tpg', - value: '', - bind: me.isCreate ? { disabled: '{!isLIO}' } : { hidden: '{!isLIO}' }, - allowBlank: false, - fieldLabel: gettext('Target portal group') - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.storage.ZFSPoolSelector', { - extend: 'Ext.form.field.ComboBox', - alias: 'widget.pveZFSPoolSelector', - valueField: 'pool', - displayField: 'pool', - queryMode: 'local', - editable: false, - listConfig: { - loadingText: gettext('Scanning...') - }, - initComponent : function() { - var me = this; - - if (!me.nodename) { - me.nodename = 'localhost'; - } - - var store = Ext.create('Ext.data.Store', { - autoLoad: {}, // true, - fields: [ 'pool', 'size', 'free' ], - proxy: { - type: 'proxmox', - url: '/api2/json/nodes/' + me.nodename + '/scan/zfs' - } - }); - - store.sort('pool', 'ASC'); - - Ext.apply(me, { - store: store - }); - - me.callParent(); - } -}); - -Ext.define('PVE.storage.ZFSPoolInputPanel', { - extend: 'PVE.panel.StorageBase', - - onlineHelp: 'storage_zfspool', - - initComponent : function() { - var me = this; - - me.column1 = []; - - if (me.isCreate) { - me.column1.push(Ext.create('PVE.storage.ZFSPoolSelector', { - name: 'pool', - fieldLabel: gettext('ZFS Pool'), - allowBlank: false - })); - } else { - me.column1.push(Ext.createWidget('displayfield', { - name: 'pool', - value: '', - fieldLabel: gettext('ZFS Pool'), - allowBlank: false - })); - } - - // value is an array, - // while before it was a string - /*jslint confusion: true*/ - me.column1.push( - {xtype: 'pveContentTypeSelector', - cts: ['images', 'rootdir'], - fieldLabel: gettext('Content'), - name: 'content', - value: ['images', 'rootdir'], - multiSelect: true, - allowBlank: false - }); - /*jslint confusion: false*/ - me.column2 = [ - { - xtype: 'proxmoxcheckbox', - name: 'sparse', - checked: false, - uncheckedValue: 0, - fieldLabel: gettext('Thin provision') - }, - { - xtype: 'textfield', - name: 'blocksize', - emptyText: '8k', - fieldLabel: gettext('Block Size'), - allowBlank: true - } - ]; - - me.callParent(); - } -}); -Ext.define('PVE.ha.StatusView', { - extend: 'Ext.grid.GridPanel', - alias: ['widget.pveHAStatusView'], - - onlineHelp: 'chapter_ha_manager', - - sortPriority: { - quorum: 1, - master: 2, - lrm: 3, - service: 4 - }, - - initComponent : function() { - var me = this; - - if (!me.rstore) { - throw "no rstore given"; - } - - Proxmox.Utils.monStoreErrors(me, me.rstore); - - var store = Ext.create('Proxmox.data.DiffStore', { - rstore: me.rstore, - sortAfterUpdate: true, - sorters: [{ - sorterFn: function(rec1, rec2) { - var p1 = me.sortPriority[rec1.data.type]; - var p2 = me.sortPriority[rec2.data.type]; - return (p1 !== p2) ? ((p1 > p2) ? 1 : -1) : 0; - } - }], - filters: { - property: 'type', - value: 'service', - operator: '!=' - } - }); - - Ext.apply(me, { - store: store, - stateful: false, - viewConfig: { - trackOver: false - }, - columns: [ - { - header: gettext('Type'), - width: 80, - dataIndex: 'type' - }, - { - header: gettext('Status'), - width: 80, - flex: 1, - dataIndex: 'status' - } - ] - }); - - me.callParent(); - - me.on('activate', me.rstore.startUpdate); - me.on('destroy', me.rstore.stopUpdate); - - } -}, function() { - - Ext.define('pve-ha-status', { - extend: 'Ext.data.Model', - fields: [ - 'id', 'type', 'node', 'status', 'sid', - 'state', 'group', 'comment', - 'max_restart', 'max_relocate', 'type', - 'crm_state', 'request_state' - ], - idProperty: 'id' - }); - -}); -Ext.define('PVE.ha.Status', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveHAStatus', - - onlineHelp: 'chapter_ha_manager', - layout: { - type: 'vbox', - align: 'stretch' - }, - - initComponent: function() { - var me = this; - - me.rstore = Ext.create('Proxmox.data.ObjectStore', { - interval: me.interval, - model: 'pve-ha-status', - storeid: 'pve-store-' + (++Ext.idSeed), - groupField: 'type', - proxy: { - type: 'proxmox', - url: '/api2/json/cluster/ha/status/current' - } - }); - - me.items = [{ - xtype: 'pveHAStatusView', - title: gettext('Status'), - rstore: me.rstore, - border: 0, - collapsible: true, - padding: '0 0 20 0' - },{ - xtype: 'pveHAResourcesView', - flex: 1, - collapsible: true, - title: gettext('Resources'), - border: 0, - rstore: me.rstore - }]; - - me.callParent(); - me.on('activate', me.rstore.startUpdate); - } -}); -Ext.define('PVE.ha.GroupSelector', { - extend: 'Proxmox.form.ComboGrid', - alias: ['widget.pveHAGroupSelector'], - - value: [], - autoSelect: false, - valueField: 'group', - displayField: 'group', - listConfig: { - columns: [ - { - header: gettext('Group'), - width: 100, - sortable: true, - dataIndex: 'group' - }, - { - header: gettext('Nodes'), - width: 100, - sortable: false, - dataIndex: 'nodes' - }, - { - header: gettext('Comment'), - flex: 1, - dataIndex: 'comment', - renderer: Ext.String.htmlEncode - } - ] - }, - store: { - model: 'pve-ha-groups', - sorters: { - property: 'group', - order: 'DESC' - } - }, - - initComponent: function() { - var me = this; - me.callParent(); - me.getStore().load(); - } - -}, function() { - - Ext.define('pve-ha-groups', { - extend: 'Ext.data.Model', - fields: [ - 'group', 'type', 'digest', 'nodes', 'comment', - { - name : 'restricted', - type: 'boolean' - }, - { - name : 'nofailback', - type: 'boolean' - } - ], - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/ha/groups" - }, - idProperty: 'group' - }); -}); -Ext.define('PVE.ha.VMResourceInputPanel', { - extend: 'Proxmox.panel.InputPanel', - onlineHelp: 'ha_manager_resource_config', - vmid: undefined, - - onGetValues: function(values) { - var me = this; - - if (values.vmid) { - values.sid = values.vmid; - } - delete values.vmid; - - PVE.Utils.delete_if_default(values, 'group', '', me.isCreate); - PVE.Utils.delete_if_default(values, 'max_restart', '1', me.isCreate); - PVE.Utils.delete_if_default(values, 'max_relocate', '1', me.isCreate); - - return values; - }, - - initComponent : function() { - var me = this; - var MIN_QUORUM_VOTES = 3; - - var disabledHint = Ext.createWidget({ - xtype: 'displayfield', // won't get submitted by default - userCls: 'pve-hint', - value: 'Disabling the resource will stop the guest system. ' + - 'See the online help for details.', - hidden: true - }); - - var fewVotesHint = Ext.createWidget({ - itemId: 'fewVotesHint', - xtype: 'displayfield', - userCls: 'pve-hint', - value: 'At least three quorum votes are recommended for reliable HA.', - hidden: true - }); - - Proxmox.Utils.API2Request({ - url: '/cluster/config/nodes', - method: 'GET', - failure: function(response) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - }, - success: function(response) { - var nodes = response.result.data; - var votes = 0; - Ext.Array.forEach(nodes, function(node) { - var vote = parseInt(node.quorum_votes, 10); // parse as base 10 - votes += vote || 0; // parseInt might return NaN, which is false - }); - - if (votes < MIN_QUORUM_VOTES) { - fewVotesHint.setVisible(true); - } - } - }); - - /*jslint confusion: true */ - var vmidStore = (me.vmid) ? {} : { - model: 'PVEResources', - autoLoad: true, - sorters: 'vmid', - filters: [ - { - property: 'type', - value: /lxc|qemu/ - }, - { - property: 'hastate', - value: /unmanaged/ - } - ] - }; - - // value is a string above, but a number below - me.column1 = [ - { - xtype: me.vmid ? 'displayfield' : 'vmComboSelector', - submitValue: me.isCreate, - name: 'vmid', - fieldLabel: (me.vmid && me.guestType === 'ct') ? 'CT' : 'VM', - value: me.vmid, - store: vmidStore, - validateExists: true - }, - { - xtype: 'proxmoxintegerfield', - name: 'max_restart', - fieldLabel: gettext('Max. Restart'), - value: 1, - minValue: 0, - maxValue: 10, - allowBlank: false - }, - { - xtype: 'proxmoxintegerfield', - name: 'max_relocate', - fieldLabel: gettext('Max. Relocate'), - value: 1, - minValue: 0, - maxValue: 10, - allowBlank: false - } - ]; - /*jslint confusion: false */ - - me.column2 = [ - { - xtype: 'pveHAGroupSelector', - name: 'group', - fieldLabel: gettext('Group') - }, - { - xtype: 'proxmoxKVComboBox', - name: 'state', - value: 'started', - fieldLabel: gettext('Request State'), - comboItems: [ - ['started', 'started'], - ['stopped', 'stopped'], - ['ignored', 'ignored'], - ['disabled', 'disabled'] - ], - listeners: { - 'change': function(field, newValue) { - if (newValue === 'disabled') { - disabledHint.setVisible(true); - } - else { - if (disabledHint.isVisible()) { - disabledHint.setVisible(false); - } - } - } - } - }, - disabledHint - ]; - - me.columnB = [ - { - xtype: 'textfield', - name: 'comment', - fieldLabel: gettext('Comment') - }, - fewVotesHint - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.ha.VMResourceEdit', { - extend: 'Proxmox.window.Edit', - - vmid: undefined, - guestType: undefined, - isCreate: undefined, - - initComponent : function() { - var me = this; - - if (me.isCreate === undefined) { - me.isCreate = !me.vmid; - } - - if (me.isCreate) { - me.url = '/api2/extjs/cluster/ha/resources'; - me.method = 'POST'; - } else { - me.url = '/api2/extjs/cluster/ha/resources/' + me.vmid; - me.method = 'PUT'; - } - - var ipanel = Ext.create('PVE.ha.VMResourceInputPanel', { - isCreate: me.isCreate, - vmid: me.vmid, - guestType: me.guestType - }); - - Ext.apply(me, { - subject: gettext('Resource') + ': ' + gettext('Container') + - '/' + gettext('Virtual Machine'), - isAdd: true, - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - - var regex = /^(\S+):(\S+)$/; - var res = regex.exec(values.sid); - - if (res[1] !== 'vm' && res[1] !== 'ct') { - throw "got unexpected resource type"; - } - - values.vmid = res[2]; - - ipanel.setValues(values); - } - }); - } - } -}); -Ext.define('PVE.ha.ResourcesView', { - extend: 'Ext.grid.GridPanel', - alias: ['widget.pveHAResourcesView'], - - onlineHelp: 'ha_manager_resources', - - stateful: true, - stateId: 'grid-ha-resources', - - initComponent : function() { - var me = this; - - var caps = Ext.state.Manager.get('GuiCap'); - - if (!me.rstore) { - throw "no store given"; - } - - Proxmox.Utils.monStoreErrors(me, me.rstore); - - var store = Ext.create('Proxmox.data.DiffStore', { - rstore: me.rstore, - filters: { - property: 'type', - value: 'service' - } - }); - - var reload = function() { - me.rstore.load(); - }; - - var render_error = function(dataIndex, value, metaData, record) { - var errors = record.data.errors; - if (errors) { - var msg = errors[dataIndex]; - if (msg) { - metaData.tdCls = 'proxmox-invalid-row'; - var html = '
' + Ext.htmlEncode(msg) + '
'; - metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + - html.replace(/\"/g,'"') + '"'; - } - } - return value; - }; - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var run_editor = function() { - var rec = sm.getSelection()[0]; - var sid = rec.data.sid; - - var regex = /^(\S+):(\S+)$/; - var res = regex.exec(sid); - - if (res[1] !== 'vm' && res[1] !== 'ct') { - return; - } - var guestType = res[1]; - var vmid = res[2]; - - var win = Ext.create('PVE.ha.VMResourceEdit',{ - guestType: guestType, - vmid: vmid - }); - win.on('destroy', reload); - win.show(); - }; - - var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - baseurl: '/cluster/ha/resources/', - getUrl: function(rec) { - var me = this; - return me.baseurl + '/' + rec.get('sid'); - }, - callback: function() { - reload(); - } - }); - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - handler: run_editor - }); - - Ext.apply(me, { - store: store, - selModel: sm, - viewConfig: { - trackOver: false - }, - tbar: [ - { - text: gettext('Add'), - disabled: !caps.nodes['Sys.Console'], - handler: function() { - var win = Ext.create('PVE.ha.VMResourceEdit',{}); - win.on('destroy', reload); - win.show(); - } - }, - edit_btn, remove_btn - ], - - columns: [ - { - header: 'ID', - width: 100, - sortable: true, - dataIndex: 'sid' - }, - { - header: gettext('State'), - width: 100, - sortable: true, - dataIndex: 'state' - }, - { - header: gettext('Node'), - width: 100, - sortable: true, - dataIndex: 'node' - }, - { - header: gettext('Request State'), - width: 100, - hidden: true, - sortable: true, - renderer: function(v) { - return v || 'started'; - }, - dataIndex: 'request_state' - }, - { - header: gettext('CRM State'), - width: 100, - hidden: true, - sortable: true, - dataIndex: 'crm_state' - }, - { - header: gettext('Max. Restart'), - width: 100, - sortable: true, - renderer: (v) => v === undefined ? '1' : v, - dataIndex: 'max_restart' - }, - { - header: gettext('Max. Relocate'), - width: 100, - sortable: true, - renderer: (v) => v === undefined ? '1' : v, - dataIndex: 'max_relocate' - }, - { - header: gettext('Group'), - width: 200, - sortable: true, - renderer: function(value, metaData, record) { - return render_error('group', value, metaData, record); - }, - dataIndex: 'group' - }, - { - header: gettext('Description'), - flex: 1, - renderer: Ext.String.htmlEncode, - dataIndex: 'comment' - } - ], - listeners: { - beforeselect: function(grid, record, index, eOpts) { - if (!caps.nodes['Sys.Console']) { - return false; - } - }, - itemdblclick: run_editor - } - }); - - me.callParent(); - } -}, function() { - - Ext.define('pve-ha-resources', { - extend: 'Ext.data.Model', - fields: [ - 'sid', 'state', 'digest', 'errors', 'group', 'comment', - 'max_restart', 'max_relocate', 'type', 'status', 'node', - 'crm_state', 'request_state' - ], - idProperty: 'sid' - }); - -}); -Ext.define('PVE.ha.GroupInputPanel', { - extend: 'Proxmox.panel.InputPanel', - onlineHelp: 'ha_manager_groups', - - groupId: undefined, - - onGetValues: function(values) { - var me = this; - - if (me.isCreate) { - values.type = 'group'; - } - - return values; - }, - - initComponent : function() { - var me = this; - - var update_nodefield, update_node_selection; - - var sm = Ext.create('Ext.selection.CheckboxModel', { - mode: 'SIMPLE', - listeners: { - selectionchange: function(model, selected) { - update_nodefield(selected); - } - } - }); - - // use already cached data to avoid an API call - var data = PVE.data.ResourceStore.getNodes(); - - var store = Ext.create('Ext.data.Store', { - fields: [ 'node', 'mem', 'cpu', 'priority' ], - data: data, - proxy: { - type: 'memory', - reader: {type: 'json'} - }, - sorters: [ - { - property : 'node', - direction: 'ASC' - } - ] - }); - - var nodegrid = Ext.createWidget('grid', { - store: store, - border: true, - height: 300, - selModel: sm, - columns: [ - { - header: gettext('Node'), - flex: 1, - dataIndex: 'node' - }, - { - header: gettext('Memory usage') + " %", - renderer: PVE.Utils.render_mem_usage_percent, - sortable: true, - width: 150, - dataIndex: 'mem' - }, - { - header: gettext('CPU usage'), - renderer: PVE.Utils.render_cpu, - sortable: true, - width: 150, - dataIndex: 'cpu' - }, - { - header: 'Priority', - xtype: 'widgetcolumn', - dataIndex: 'priority', - sortable: true, - stopSelection: true, - widget: { - xtype: 'proxmoxintegerfield', - minValue: 0, - maxValue: 1000, - isFormField: false, - listeners: { - change: function(numberfield, value, old_value) { - var record = numberfield.getWidgetRecord(); - record.set('priority', value); - update_nodefield(sm.getSelection()); - } - } - } - } - ] - }); - - var nodefield = Ext.create('Ext.form.field.Hidden', { - name: 'nodes', - value: '', - listeners: { - change: function (nodefield, value) { - update_node_selection(value); - } - }, - isValid: function () { - var value = nodefield.getValue(); - return (value && 0 !== value.length); - } - }); - - update_node_selection = function(string) { - sm.deselectAll(true); - - string.split(',').forEach(function (e, idx, array) { - var res = e.split(':'); - - store.each(function(record) { - var node = record.get('node'); - - if (node == res[0]) { - sm.select(record, true); - record.set('priority', res[1]); - record.commit(); - } - }); - }); - nodegrid.reconfigure(store); - - }; - - update_nodefield = function(selected) { - var nodes = ''; - var first_iteration = true; - Ext.Array.each(selected, function(record) { - if (!first_iteration) { - nodes += ','; - } - first_iteration = false; - - nodes += record.data.node; - if (record.data.priority) { - nodes += ':' + record.data.priority; - } - }); - - // nodefield change listener calls us again, which results in a - // endless recursion, suspend the event temporary to avoid this - nodefield.suspendEvent('change'); - nodefield.setValue(nodes); - nodefield.resumeEvent('change'); - }; - - me.column1 = [ - { - xtype: me.isCreate ? 'textfield' : 'displayfield', - name: 'group', - value: me.groupId || '', - fieldLabel: 'ID', - vtype: 'StorageId', - allowBlank: false - }, - nodefield - ]; - - me.column2 = [ - { - xtype: 'proxmoxcheckbox', - name: 'restricted', - uncheckedValue: 0, - fieldLabel: 'restricted' - }, - { - xtype: 'proxmoxcheckbox', - name: 'nofailback', - uncheckedValue: 0, - fieldLabel: 'nofailback' - } - ]; - - me.columnB = [ - { - xtype: 'textfield', - name: 'comment', - fieldLabel: gettext('Comment') - }, - nodegrid - ]; - - me.callParent(); - } -}); - -Ext.define('PVE.ha.GroupEdit', { - extend: 'Proxmox.window.Edit', - - groupId: undefined, - - initComponent : function() { - var me = this; - - me.isCreate = !me.groupId; - - if (me.isCreate) { - me.url = '/api2/extjs/cluster/ha/groups'; - me.method = 'POST'; - } else { - me.url = '/api2/extjs/cluster/ha/groups/' + me.groupId; - me.method = 'PUT'; - } - - var ipanel = Ext.create('PVE.ha.GroupInputPanel', { - isCreate: me.isCreate, - groupId: me.groupId - }); - - Ext.apply(me, { - subject: gettext('HA Group'), - items: [ ipanel ] - }); - - me.callParent(); - - if (!me.isCreate) { - me.load({ - success: function(response, options) { - var values = response.result.data; - - ipanel.setValues(values); - } - }); - } - } -}); -Ext.define('PVE.ha.GroupsView', { - extend: 'Ext.grid.GridPanel', - alias: ['widget.pveHAGroupsView'], - - onlineHelp: 'ha_manager_groups', - - stateful: true, - stateId: 'grid-ha-groups', - - initComponent : function() { - var me = this; - - var caps = Ext.state.Manager.get('GuiCap'); - - var store = new Ext.data.Store({ - model: 'pve-ha-groups', - sorters: { - property: 'group', - order: 'DESC' - } - }); - - var reload = function() { - store.load(); - }; - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var run_editor = function() { - var rec = sm.getSelection()[0]; - - var win = Ext.create('PVE.ha.GroupEdit',{ - groupId: rec.data.group - }); - win.on('destroy', reload); - win.show(); - }; - - var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - baseurl: '/cluster/ha/groups/', - callback: function() { - reload(); - } - }); - - var edit_btn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - handler: run_editor - }); - - Ext.apply(me, { - store: store, - selModel: sm, - viewConfig: { - trackOver: false - }, - tbar: [ - { - text: gettext('Create'), - disabled: !caps.nodes['Sys.Console'], - handler: function() { - var win = Ext.create('PVE.ha.GroupEdit',{}); - win.on('destroy', reload); - win.show(); - } - }, - edit_btn, remove_btn - ], - columns: [ - { - header: gettext('Group'), - width: 150, - sortable: true, - dataIndex: 'group' - }, - { - header: 'restricted', - width: 100, - sortable: true, - renderer: Proxmox.Utils.format_boolean, - dataIndex: 'restricted' - }, - { - header: 'nofailback', - width: 100, - sortable: true, - renderer: Proxmox.Utils.format_boolean, - dataIndex: 'nofailback' - }, - { - header: gettext('Nodes'), - flex: 1, - sortable: false, - dataIndex: 'nodes' - }, - { - header: gettext('Comment'), - flex: 1, - renderer: Ext.String.htmlEncode, - dataIndex: 'comment' - } - ], - listeners: { - activate: reload, - beforeselect: function(grid, record, index, eOpts) { - if (!caps.nodes['Sys.Console']) { - return false; - } - }, - itemdblclick: run_editor - } - }); - - me.callParent(); - } -}); -Ext.define('PVE.ha.FencingView', { - extend: 'Ext.grid.GridPanel', - alias: ['widget.pveFencingView'], - - onlineHelp: 'ha_manager_fencing', - - initComponent : function() { - var me = this; - - var store = new Ext.data.Store({ - model: 'pve-ha-fencing', - data: [] - }); - - Ext.apply(me, { - store: store, - stateful: false, - viewConfig: { - trackOver: false, - deferEmptyText: false, - emptyText: 'Use watchdog based fencing.' - }, - columns: [ - { - header: 'Node', - width: 100, - sortable: true, - dataIndex: 'node' - }, - { - header: gettext('Command'), - flex: 1, - dataIndex: 'command' - } - ] - }); - - me.callParent(); - } -}, function() { - - Ext.define('pve-ha-fencing', { - extend: 'Ext.data.Model', - fields: [ - 'node', 'command', 'digest' - ] - }); - -}); -Ext.define('PVE.dc.Summary', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveDcSummary', - - scrollable: true, - - bodyPadding: 5, - - layout: 'column', - - defaults: { - padding: 5, - plugins: 'responsive', - responsiveConfig: { - 'width < 1900': { - columnWidth: 1 - }, - 'width >= 1900': { - columnWidth: 0.5 - } - } - }, - - items: [ - { - itemId: 'dcHealth', - xtype: 'pveDcHealth' - }, - { - itemId: 'dcGuests', - xtype: 'pveDcGuests' - }, - { - title: gettext('Resources'), - xtype: 'panel', - minHeight: 250, - bodyPadding: 5, - layout: 'hbox', - defaults: { - xtype: 'proxmoxGauge', - flex: 1 - }, - items:[ - { - title: gettext('CPU'), - itemId: 'cpu' - }, - { - title: gettext('Memory'), - itemId: 'memory' - }, - { - title: gettext('Storage'), - itemId: 'storage' - } - ] - }, - { - itemId: 'nodeview', - xtype: 'pveDcNodeView', - height: 250 - }, - { - title: gettext('Subscriptions'), - height: 220, - items: [ - { - itemId: 'subscriptions', - xtype: 'pveHealthWidget', - userCls: 'pointer', - listeners: { - element: 'el', - click: function() { - if (this.component.userCls === 'pointer') { - window.open('https://www.proxmox.com/en/proxmox-ve/pricing', '_blank'); - } - } - } - } - ] - } - ], - - initComponent: function() { - var me = this; - - var rstore = Ext.create('Proxmox.data.UpdateStore', { - interval: 3000, - storeid: 'pve-cluster-status', - model: 'pve-dc-nodes', - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/status" - } - }); - - var gridstore = Ext.create('Proxmox.data.DiffStore', { - rstore: rstore, - filters: { - property: 'type', - value: 'node' - }, - sorters: { - property: 'id', - direction: 'ASC' - } - }); - - me.callParent(); - - me.getComponent('nodeview').setStore(gridstore); - - var gueststatus = me.getComponent('dcGuests'); - - var cpustat = me.down('#cpu'); - var memorystat = me.down('#memory'); - var storagestat = me.down('#storage'); - var sp = Ext.state.Manager.getProvider(); - - me.mon(PVE.data.ResourceStore, 'load', function(curstore, results) { - me.suspendLayout = true; - - var cpu = 0; - var maxcpu = 0; - - var nodes = 0; - - var memory = 0; - var maxmem = 0; - - var countedStorages = {}; - var used = 0; - var total = 0; - var usableStorages = {}; - var storages = sp.get('dash-storages') || ''; - storages.split(',').forEach(function(storage){ - if (storage !== '') { - usableStorages[storage] = true; - } - }); - - var qemu = { - running: 0, - paused: 0, - stopped: 0, - template: 0 - }; - var lxc = { - running: 0, - paused: 0, - stopped: 0, - template: 0 - }; - var error = 0; - - var i; - - for (i = 0; i < results.length; i++) { - var item = results[i]; - switch(item.data.type) { - case 'node': - cpu += (item.data.cpu * item.data.maxcpu); - maxcpu += item.data.maxcpu || 0; - memory += item.data.mem || 0; - maxmem += item.data.maxmem || 0; - nodes++; - - // update grid also - var griditem = gridstore.getById(item.data.id); - if (griditem) { - griditem.set('cpuusage', item.data.cpu); - var max = item.data.maxmem || 1; - var val = item.data.mem || 0; - griditem.set('memoryusage', val/max); - griditem.set('uptime', item.data.uptime); - griditem.commit(); //else it marks the fields as dirty - } - break; - case 'storage': - if (!Ext.Object.isEmpty(usableStorages)) { - if (usableStorages[item.data.id] === true) { - used += item.data.disk; - total += item.data.maxdisk; - } - break; - } - if (!countedStorages[item.data.storage] || - (item.data.storage === 'local' && - !countedStorages[item.data.id])) { - used += item.data.disk; - total += item.data.maxdisk; - - countedStorages[item.data.storage === 'local'?item.data.id:item.data.storage] = true; - } - break; - case 'qemu': - qemu[item.data.template ? 'template' : item.data.status]++; - if (item.data.hastate === 'error') { - error++; - } - break; - case 'lxc': - lxc[item.data.template ? 'template' : item.data.status]++; - if (item.data.hastate === 'error') { - error++; - } - break; - default: break; - } - } - - var text = Ext.String.format(gettext('of {0} CPU(s)'), maxcpu); - cpustat.updateValue((cpu/maxcpu), text); - - text = Ext.String.format(gettext('{0} of {1}'), PVE.Utils.render_size(memory), PVE.Utils.render_size(maxmem)); - memorystat.updateValue((memory/maxmem), text); - - text = Ext.String.format(gettext('{0} of {1}'), PVE.Utils.render_size(used), PVE.Utils.render_size(total)); - storagestat.updateValue((used/total), text); - - gueststatus.updateValues(qemu,lxc,error); - - me.suspendLayout = false; - me.updateLayout(true); - }); - - var dcHealth = me.getComponent('dcHealth'); - me.mon(rstore, 'load', dcHealth.updateStatus, dcHealth); - - var subs = me.down('#subscriptions'); - me.mon(rstore, 'load', function(store, records, success) { - var i; - var level; - var mixed = false; - for (i = 0; i < records.length; i++) { - if (records[i].get('type') !== 'node') { - continue; - } - var node = records[i]; - if (node.get('status') === 'offline') { - continue; - } - - var curlevel = node.get('level'); - - if (curlevel === '') { // no subscription trumps all, set and break - level = ''; - break; - } - - if (level === undefined) { // save level - level = curlevel; - } else if (level !== curlevel) { // detect different levels - mixed = true; - } - } - - var data = { - title: Proxmox.Utils.unknownText, - text: Proxmox.Utils.unknownText, - iconCls: PVE.Utils.get_health_icon(undefined, true) - }; - if (level === '') { - data = { - title: gettext('No Subscription'), - iconCls: PVE.Utils.get_health_icon('critical', true), - text: gettext('You have at least one node without subscription.') - }; - subs.setUserCls('pointer'); - } else if (mixed) { - data = { - title: gettext('Mixed Subscriptions'), - iconCls: PVE.Utils.get_health_icon('warning', true), - text: gettext('Warning: Your subscription levels are not the same.') - }; - subs.setUserCls('pointer'); - } else if (level) { - data = { - title: PVE.Utils.render_support_level(level), - iconCls: PVE.Utils.get_health_icon('good', true), - text: gettext('Your subscription status is valid.') - }; - subs.setUserCls(''); - } - - subs.setData(data); - }); - - me.on('destroy', function(){ - rstore.stopUpdate(); - }); - - rstore.startUpdate(); - } - -}); -Ext.define('PVE.window.ReplicaEdit', { - extend: 'Proxmox.window.Edit', - xtype: 'pveReplicaEdit', - - subject: gettext('Replication Job'), - - - url: '/cluster/replication', - method: 'POST', - - initComponent: function() { - var me = this; - - var vmid = me.pveSelNode.data.vmid; - var nodename = me.pveSelNode.data.node; - - var items = []; - - items.push({ - xtype: (me.isCreate && !vmid)?'pveGuestIDSelector':'displayfield', - name: 'guest', - fieldLabel: 'CT/VM ID', - value: vmid || '' - }); - - items.push( - { - xtype: me.isCreate ? 'pveNodeSelector':'displayfield', - name: 'target', - disallowedNodes: [nodename], - allowBlank: false, - onlineValidator: true, - fieldLabel: gettext("Target") - }, - { - xtype: 'pveCalendarEvent', - fieldLabel: gettext('Schedule'), - emptyText: '*/15 - ' + Ext.String.format(gettext('Every {0} minutes'), 15), - name: 'schedule' - }, - { - xtype: 'numberfield', - fieldLabel: gettext('Rate limit') + ' (MB/s)', - step: 1, - minValue: 1, - emptyText: gettext('unlimited'), - name: 'rate' - }, - { - xtype: 'textfield', - fieldLabel: gettext('Comment'), - name: 'comment' - }, - { - xtype: 'proxmoxcheckbox', - name: 'enabled', - defaultValue: 'on', - checked: true, - fieldLabel: gettext('Enabled') - } - ); - - me.items = [ - { - xtype: 'inputpanel', - itemId: 'ipanel', - onlineHelp: 'pvesr_schedule_time_format', - - onGetValues: function(values) { - var me = this.up('window'); - - values.disable = values.enabled ? 0 : 1; - delete values.enabled; - - PVE.Utils.delete_if_default(values, 'rate', '', me.isCreate); - PVE.Utils.delete_if_default(values, 'disable', 0, me.isCreate); - PVE.Utils.delete_if_default(values, 'schedule', '*/15', me.isCreate); - PVE.Utils.delete_if_default(values, 'comment', '', me.isCreate); - - if (me.isCreate) { - values.type = 'local'; - var vm = vmid || values.guest; - var id = -1; - if (me.highestids[vm] !== undefined) { - id = me.highestids[vm]; - } - id++; - values.id = vm + '-' + id.toString(); - delete values.guest; - } - return values; - }, - items: items - } - ]; - - me.callParent(); - - if (me.isCreate) { - me.load({ - success: function(response) { - var jobs = response.result.data; - var highestids = {}; - Ext.Array.forEach(jobs, function(job) { - var match = /^([0-9]+)\-([0-9]+)$/.exec(job.id); - if (match) { - var vmid = parseInt(match[1],10); - var id = parseInt(match[2],10); - if (highestids[vmid] < id || - highestids[vmid] === undefined) { - highestids[vmid] = id; - } - } - }); - - me.highestids = highestids; - } - }); - - } else { - me.load({ - success: function(response, options) { - response.result.data.enabled = !response.result.data.disable; - me.setValues(response.result.data); - me.digest = response.result.data.digest; - } - }); - } - } -}); - -/*jslint confusion: true */ -/* callback is a function and string */ -Ext.define('PVE.grid.ReplicaView', { - extend: 'Ext.grid.Panel', - xtype: 'pveReplicaView', - - onlineHelp: 'chapter_pvesr', - - stateful: true, - stateId: 'grid-pve-replication-status', - - controller: { - xclass: 'Ext.app.ViewController', - - addJob: function(button,event,rec) { - var me = this.getView(); - var controller = this; - var win = Ext.create('PVE.window.ReplicaEdit', { - isCreate: true, - method: 'POST', - pveSelNode: me.pveSelNode - }); - win.on('destroy', function() { controller.reload(); }); - win.show(); - }, - - editJob: function(button,event,rec) { - var me = this.getView(); - var controller = this; - var data = rec.data; - var win = Ext.create('PVE.window.ReplicaEdit', { - url: '/cluster/replication/' + data.id, - method: 'PUT', - pveSelNode: me.pveSelNode - }); - win.on('destroy', function() { controller.reload(); }); - win.show(); - }, - - scheduleJobNow: function(button,event,rec) { - var me = this.getView(); - var controller = this; - - Proxmox.Utils.API2Request({ - url: "/api2/extjs/nodes/" + me.nodename + "/replication/" + rec.data.id + "/schedule_now", - method: 'POST', - waitMsgTarget: me, - callback: function() { controller.reload(); }, - failure: function (response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - } - }); - }, - - showLog: function(button, event, rec) { - var me = this.getView(); - var controller = this; - var logView = Ext.create('Proxmox.panel.LogView', { - border: false, - url: "/api2/extjs/nodes/" + me.nodename + "/replication/" + rec.data.id + "/log" - }); - var win = Ext.create('Ext.window.Window', { - items: [ logView ], - layout: 'fit', - width: 800, - height: 400, - modal: true, - title: gettext("Replication Log") - }); - var task = { - run: function() { - logView.requestUpdate(); - }, - interval: 1000 - }; - Ext.TaskManager.start(task); - win.on('destroy', function() { - Ext.TaskManager.stop(task); - controller.reload(); - }); - win.show(); - }, - - reload: function() { - var me = this.getView(); - me.rstore.load(); - }, - - dblClick: function(grid, record, item) { - var me = this; - me.editJob(undefined, undefined, record); - }, - - // check for cluster - // currently replication is for cluster only, so we disable the whole - // component - checkPrerequisites: function() { - var me = this.getView(); - if (PVE.data.ResourceStore.getNodes().length < 2) { - me.mask(gettext("Replication needs at least two nodes"), ['pve-static-mask']); - } - }, - - control: { - '#': { - itemdblclick: 'dblClick', - afterlayout: 'checkPrerequisites' - } - } - }, - - tbar: [ - { - text: gettext('Add'), - itemId: 'addButton', - handler: 'addJob' - }, - { - xtype: 'proxmoxButton', - text: gettext('Edit'), - itemId: 'editButton', - handler: 'editJob', - disabled: true - }, - { - xtype: 'proxmoxStdRemoveButton', - itemId: 'removeButton', - baseurl: '/api2/extjs/cluster/replication/', - dangerous: true, - callback: 'reload' - }, - { - xtype: 'proxmoxButton', - text: gettext('Log'), - itemId: 'logButton', - handler: 'showLog', - disabled: true - }, - { - xtype: 'proxmoxButton', - text: gettext('Schedule now'), - itemId: 'scheduleNowButton', - handler: 'scheduleJobNow', - disabled: true - } - ], - - initComponent: function() { - var me = this; - var mode = ''; - var url = '/cluster/replication'; - - me.nodename = me.pveSelNode.data.node; - me.vmid = me.pveSelNode.data.vmid; - - me.columns = [ - { - text: gettext('Enabled'), - dataIndex: 'enabled', - xtype: 'checkcolumn', - sortable: true, - disabled: true - }, - { - text: 'ID', - dataIndex: 'id', - width: 60, - hidden: true - }, - { - text: gettext('Guest'), - dataIndex: 'guest', - width: 75 - }, - { - text: gettext('Job'), - dataIndex: 'jobnum', - width: 60 - }, - { - text: gettext('Target'), - dataIndex: 'target' - } - ]; - - if (!me.nodename) { - mode = 'dc'; - me.stateId = 'grid-pve-replication-dc'; - } else if (!me.vmid) { - mode = 'node'; - url = '/nodes/' + me.nodename + '/replication'; - } else { - mode = 'vm'; - url = '/nodes/' + me.nodename + '/replication' + '?guest=' + me.vmid; - } - - if (mode !== 'dc') { - me.columns.push( - { - text: gettext('Status'), - dataIndex: 'state', - minWidth: 160, - flex: 1, - renderer: function(value, metadata, record) { - - if (record.data.pid) { - metadata.tdCls = 'x-grid-row-loading'; - return ''; - } - - var icons = []; - var states = []; - - if (record.data.remove_job) { - icons.push(''); - states.push(gettext("Removal Scheduled")); - } - - if (record.data.error) { - icons.push(''); - states.push(record.data.error); - } - - if (icons.length == 0) { - icons.push(''); - states.push(gettext('OK')); - } - - return icons.join(',') + ' ' + states.join(','); - } - }, - { - text: gettext('Last Sync'), - dataIndex: 'last_sync', - width: 150, - renderer: function(value, metadata, record) { - if (!value) { - return '-'; - } - - if (record.data.pid) { - return gettext('syncing'); - } - - return Proxmox.Utils.render_timestamp(value); - } - }, - { - text: gettext('Duration'), - dataIndex: 'duration', - width: 60, - renderer: PVE.Utils.render_duration - }, - { - text: gettext('Next Sync'), - dataIndex: 'next_sync', - width: 150, - renderer: function(value) { - if (!value) { - return '-'; - } - - var now = new Date(); - var next = new Date(value*1000); - - if (next < now) { - return gettext('pending'); - } - - return Proxmox.Utils.render_timestamp(value); - } - } - ); - } - - me.columns.push( - { - text: gettext('Schedule'), - width: 75, - dataIndex: 'schedule' - }, - { - text: gettext('Rate limit'), - dataIndex: 'rate', - renderer: function(value) { - if (!value) { - return gettext('unlimited'); - } - - return value.toString() + ' MB/s'; - }, - hidden: true - }, - { - text: gettext('Comment'), - dataIndex: 'comment', - renderer: Ext.htmlEncode - } - ); - - me.rstore = Ext.create('Proxmox.data.UpdateStore', { - storeid: 'pve-replica-' + me.nodename + me.vmid, - model: (mode === 'dc')? 'pve-replication' : 'pve-replication-state', - interval: 3000, - proxy: { - type: 'proxmox', - url: "/api2/json" + url - } - }); - - me.store = Ext.create('Proxmox.data.DiffStore', { - rstore: me.rstore, - sorters: [ - { - property: 'guest' - }, - { - property: 'jobnum' - } - ] - }); - - me.callParent(); - - // we cannot access the log and scheduleNow button - // in the datacenter, because - // we do not know where/if the jobs runs - if (mode === 'dc') { - me.down('#logButton').setHidden(true); - me.down('#scheduleNowButton').setHidden(true); - } - - // if we set the warning mask, we do not want to load - // or set the mask on store errors - if (PVE.data.ResourceStore.getNodes().length < 2) { - return; - } - - Proxmox.Utils.monStoreErrors(me, me.rstore); - - me.on('destroy', me.rstore.stopUpdate); - me.rstore.startUpdate(); - } -}, function() { - - Ext.define('pve-replication', { - extend: 'Ext.data.Model', - fields: [ - 'id', 'target', 'comment', 'rate', 'type', - { name: 'guest', type: 'integer' }, - { name: 'jobnum', type: 'integer' }, - { name: 'schedule', defaultValue: '*/15' }, - { name: 'disable', defaultValue: '' }, - { name: 'enabled', calculate: function(data) { return !data.disable; } } - ] - }); - - Ext.define('pve-replication-state', { - extend: 'pve-replication', - fields: [ - 'last_sync', 'next_sync', 'error', 'duration', 'state', - 'fail_count', 'remove_job', 'pid' - ] - }); - -}); -Ext.define('PVE.dc.Health', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveDcHealth', - - title: gettext('Health'), - - bodyPadding: 10, - height: 220, - layout: { - type: 'hbox', - align: 'stretch' - }, - - defaults: { - flex: 1, - xtype: 'box', - style: { - 'text-align':'center' - } - }, - - nodeList: [], - nodeIndex: 0, - - updateStatus: function(store, records, success) { - var me = this; - if (!success) { - return; - } - - var cluster = { - iconCls: PVE.Utils.get_health_icon('good', true), - text: gettext("Standalone node - no cluster defined") - }; - - var nodes = { - online: 0, - offline: 0 - }; - - // by default we have one node - var numNodes = 1; - var i; - - for (i = 0; i < records.length; i++) { - var item = records[i]; - if (item.data.type === 'node') { - nodes[item.data.online === 1 ? 'online':'offline']++; - } else if(item.data.type === 'cluster') { - cluster.text = gettext("Cluster") + ": "; - cluster.text += item.data.name + ", "; - cluster.text += gettext("Quorate") + ": "; - cluster.text += Proxmox.Utils.format_boolean(item.data.quorate); - if (item.data.quorate != 1) { - cluster.iconCls = PVE.Utils.get_health_icon('critical', true); - } - - numNodes = item.data.nodes; - } - } - - if (numNodes !== (nodes.online + nodes.offline)) { - nodes.offline = numNodes - nodes.online; - } - - me.getComponent('clusterstatus').updateHealth(cluster); - me.getComponent('nodestatus').update(nodes); - }, - - updateCeph: function(store, records, success) { - var me = this; - var cephstatus = me.getComponent('ceph'); - if (!success || records.length < 1) { - - // if ceph status is already visible - // don't stop to update - if (cephstatus.isVisible()) { - return; - } - - // try all nodes until we either get a successful api call, - // or we tried all nodes - if (++me.nodeIndex >= me.nodeList.length) { - me.cephstore.stopUpdate(); - } else { - store.getProxy().setUrl('/api2/json/nodes/' + me.nodeList[me.nodeIndex].node + '/ceph/status'); - } - - return; - } - - var state = PVE.Utils.render_ceph_health(records[0].data.health || {}); - cephstatus.updateHealth(state); - cephstatus.setVisible(true); - }, - - listeners: { - destroy: function() { - var me = this; - me.cephstore.stopUpdate(); - } - }, - - items: [ - { - itemId: 'clusterstatus', - xtype: 'pveHealthWidget', - title: gettext('Status') - }, - { - itemId: 'nodestatus', - data: { - online: 0, - offline: 0 - }, - tpl: [ - '' + gettext('Nodes') + '
', - '
',
- '
', - '
'
- ]
- },
- {
- itemId: 'ceph',
- width: 250,
- columnWidth: undefined,
- userCls: 'pointer',
- title: 'Ceph',
- xtype: 'pveHealthWidget',
- hidden: true,
- listeners: {
- element: 'el',
- click: function() {
- var sp = Ext.state.Manager.getProvider();
- sp.set('dctab', {value:'ceph'}, true);
- }
- }
- }
- ],
-
- initComponent: function() {
- var me = this;
-
- me.nodeList = PVE.data.ResourceStore.getNodes();
- me.nodeIndex = 0;
- me.cephstore = Ext.create('Proxmox.data.UpdateStore', {
- interval: 3000,
- storeid: 'pve-cluster-ceph',
- proxy: {
- type: 'proxmox',
- url: '/api2/json/nodes/' + me.nodeList[me.nodeIndex].node + '/ceph/status'
- }
- });
- me.callParent();
- me.mon(me.cephstore, 'load', me.updateCeph, me);
- me.cephstore.startUpdate();
- }
-});
-Ext.define('PVE.dc.Guests', {
- extend: 'Ext.panel.Panel',
- alias: 'widget.pveDcGuests',
-
-
- title: gettext('Guests'),
- height: 220,
- layout: {
- type: 'table',
- columns: 2,
- tableAttrs: {
- style: {
- width: '100%'
- }
- }
- },
- bodyPadding: '0 20 20 20',
-
- defaults: {
- xtype: 'box',
- padding: '0 50 0 50',
- style: {
- 'text-align':'center',
- 'line-height':'1.2'
- }
- },
- items: [{
- itemId: 'qemu',
- data: {
- running: 0,
- paused: 0,
- stopped: 0,
- template: 0
- },
- tpl: [
- '',
- ' ',
- gettext('Online'),
- '
',
- '{online}
',
- '', - '
',
- ' ',
- gettext('Offline'),
- '
',
- '{offline}
',
- '' + gettext("Virtual Machines") + '
', - '',
- ' ',
- gettext('Running'),
- '
',
- '{running}
' + '', - '
',
- ' ',
- gettext('Paused'),
- '
',
- '{paused}
' + '', - '
',
- ' ',
- gettext('Stopped'),
- '
',
- '{stopped}
' + '', - '
',
- ' ',
- gettext('Templates'),
- '
',
- '{template}
',
- '' + gettext("LXC Container") + '
', - '',
- ' ',
- gettext('Running'),
- '
',
- '{running}
' + '', - '
',
- ' ',
- gettext('Paused'),
- '
',
- '{paused}
' + '', - '
',
- ' ',
- gettext('Stopped'),
- '
',
- '{stopped}
' + '', - '
',
- ' ',
- gettext('Templates'),
- '
',
- '{template}
',
- '',
- ' ',
- gettext('Error'),
- '
',
- '{num}
',
- 'No valid subscription
' + PVE.Utils.noSubKeyHtml, - - communityHtml: 'Please use the public community forum for any questions.', - - activeHtml: 'Please use our support portal for any questions. You can also use the public community forum to get additional information.', - - bugzillaHtml: 'Bug Tracking
Our bug tracking system is available here.', - - docuHtml: function() { - var me = this; - var guideUrl = window.location.origin + me.pveGuidePath; - var text = Ext.String.format('Documentation
' - + 'The official Proxmox VE Administration Guide' - + ' is included with this installation and can be browsed at ' - + '{0}', guideUrl); - return text; - }, - - updateActive: function(data) { - var me = this; - - var html = '' + data.productname + '
' + me.activeHtml; - html += '' + me.docuHtml(); - html += '
' + me.bugzillaHtml; - - me.update(html); - }, - - updateCommunity: function(data) { - var me = this; - - var html = '
' + data.productname + '
' + me.communityHtml; - html += '' + me.docuHtml(); - html += '
' + me.bugzillaHtml; - - me.update(html); - }, - - updateInactive: function(data) { - var me = this; - me.update(me.invalidHtml); - }, - - initComponent: function() { - var me = this; - - var reload = function() { - Proxmox.Utils.API2Request({ - url: '/nodes/localhost/subscription', - method: 'GET', - waitMsgTarget: me, - failure: function(response, opts) { - Ext.Msg.alert(gettext('Error'), response.htmlStatus); - me.update('Unable to load subscription status' + ": " + response.htmlStatus); - }, - success: function(response, opts) { - var data = response.result.data; - - if (data.status === 'Active') { - if (data.level === 'c') { - me.updateCommunity(data); - } else { - me.updateActive(data); - } - } else { - me.updateInactive(data); - } - } - }); - }; - - Ext.apply(me, { - autoScroll: true, - bodyStyle: 'padding:10px', - listeners: { - activate: reload - } - }); - - me.callParent(); - } -}); -Ext.define('pve-security-groups', { - extend: 'Ext.data.Model', - - fields: [ 'group', 'comment', 'digest' ], - idProperty: 'group' -}); - -Ext.define('PVE.SecurityGroupEdit', { - extend: 'Proxmox.window.Edit', - - base_url: "/cluster/firewall/groups", - - allow_iface: false, - - initComponent : function() { - var me = this; - - me.isCreate = (me.group_name === undefined); - - var subject; - - me.url = '/api2/extjs' + me.base_url; - me.method = 'POST'; - - var items = [ - { - xtype: 'textfield', - name: 'group', - value: me.group_name || '', - fieldLabel: gettext('Name'), - allowBlank: false - }, - { - xtype: 'textfield', - name: 'comment', - value: me.group_comment || '', - fieldLabel: gettext('Comment') - } - ]; - - if (me.isCreate) { - subject = gettext('Security Group'); - } else { - subject = gettext('Security Group') + " '" + me.group_name + "'"; - items.push({ - xtype: 'hiddenfield', - name: 'rename', - value: me.group_name - }); - } - - var ipanel = Ext.create('Proxmox.panel.InputPanel', { - // InputPanel does not have a 'create' property, does it need a 'isCreate' - isCreate: me.isCreate, - items: items - }); - - - Ext.apply(me, { - subject: subject, - items: [ ipanel ] - }); - - me.callParent(); - } -}); - -Ext.define('PVE.SecurityGroupList', { - extend: 'Ext.grid.Panel', - alias: 'widget.pveSecurityGroupList', - - stateful: true, - stateId: 'grid-securitygroups', - - rule_panel: undefined, - - addBtn: undefined, - removeBtn: undefined, - editBtn: undefined, - - base_url: "/cluster/firewall/groups", - - initComponent: function() { - /*jslint confusion: true */ - var me = this; - - if (me.rule_panel == undefined) { - throw "no rule panel specified"; - } - - if (me.base_url == undefined) { - throw "no base_url specified"; - } - - var store = new Ext.data.Store({ - model: 'pve-security-groups', - proxy: { - type: 'proxmox', - url: '/api2/json' + me.base_url - }, - sorters: { - property: 'group', - order: 'DESC' - } - }); - - var sm = Ext.create('Ext.selection.RowModel', {}); - - var reload = function() { - var oldrec = sm.getSelection()[0]; - store.load(function(records, operation, success) { - if (oldrec) { - var rec = store.findRecord('group', oldrec.data.group); - if (rec) { - sm.select(rec); - } - } - }); - }; - - var run_editor = function() { - var rec = sm.getSelection()[0]; - if (!rec) { - return; - } - var win = Ext.create('PVE.SecurityGroupEdit', { - digest: rec.data.digest, - group_name: rec.data.group, - group_comment: rec.data.comment - }); - win.show(); - win.on('destroy', reload); - }; - - me.editBtn = new Proxmox.button.Button({ - text: gettext('Edit'), - disabled: true, - selModel: sm, - handler: run_editor - }); - - me.addBtn = new Proxmox.button.Button({ - text: gettext('Create'), - handler: function() { - sm.deselectAll(); - var win = Ext.create('PVE.SecurityGroupEdit', {}); - win.show(); - win.on('destroy', reload); - } - }); - - me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', { - selModel: sm, - baseurl: me.base_url + '/', - enableFn: function(rec) { - return (rec && me.base_url); - }, - callback: function() { - reload(); - } - }); - - Ext.apply(me, { - store: store, - tbar: [ '' + gettext('Group') + ':', me.addBtn, me.removeBtn, me.editBtn ], - selModel: sm, - columns: [ - { header: gettext('Group'), dataIndex: 'group', width: '100' }, - { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 } - ], - listeners: { - itemdblclick: run_editor, - select: function(sm, rec) { - var url = '/cluster/firewall/groups/' + rec.data.group; - me.rule_panel.setBaseUrl(url); - }, - deselect: function() { - me.rule_panel.setBaseUrl(undefined); - }, - show: reload - } - }); - - me.callParent(); - - store.load(); - } -}); - -Ext.define('PVE.SecurityGroups', { - extend: 'Ext.panel.Panel', - alias: 'widget.pveSecurityGroups', - - title: 'Security Groups', - - initComponent: function() { - var me = this; - - var rule_panel = Ext.createWidget('pveFirewallRules', { - region: 'center', - allow_groups: false, - list_refs_url: '/cluster/firewall/refs', - tbar_prefix: '' + gettext('Rules') + ':', - border: false - }); - - var sglist = Ext.createWidget('pveSecurityGroupList', { - region: 'west', - rule_panel: rule_panel, - width: '25%', - border: false, - split: true - }); - - - Ext.apply(me, { - layout: 'border', - items: [ sglist, rule_panel ], - listeners: { - show: function() { - sglist.fireEvent('show', sglist); - } - } - }); - - me.callParent(); - } -}); -/* - * Datacenter config panel, located in the center of the ViewPort after the Datacenter view is selected - */ - -Ext.define('PVE.dc.Config', { - extend: 'PVE.panel.Config', - alias: 'widget.PVE.dc.Config', - - onlineHelp: 'pve_admin_guide', - - initComponent: function() { - var me = this; - - var caps = Ext.state.Manager.get('GuiCap'); - - me.items = []; - - Ext.apply(me, { - title: gettext("Datacenter"), - hstateid: 'dctab' - }); - - if (caps.dc['Sys.Audit']) { - me.items.push({ - title: gettext('Summary'), - xtype: 'pveDcSummary', - iconCls: 'fa fa-book', - itemId: 'summary' - }, - { - title: gettext('Cluster'), - xtype: 'pveClusterAdministration', - iconCls: 'fa fa-server', - itemId: 'cluster' - }, - { - title: 'Ceph', - itemId: 'ceph', - iconCls: 'fa fa-ceph', - xtype: 'pveNodeCephStatus' - }, - { - xtype: 'pveDcOptionView', - title: gettext('Options'), - iconCls: 'fa fa-gear', - itemId: 'options' - }); - } - - if (caps.storage['Datastore.Allocate'] || caps.dc['Sys.Audit']) { - me.items.push({ - xtype: 'pveStorageView', - title: gettext('Storage'), - iconCls: 'fa fa-database', - itemId: 'storage' - }); - } - - if (caps.dc['Sys.Audit']) { - me.items.push({ - xtype: 'pveDcBackupView', - iconCls: 'fa fa-floppy-o', - title: gettext('Backup'), - itemId: 'backup' - }, - { - xtype: 'pveReplicaView', - iconCls: 'fa fa-retweet', - title: gettext('Replication'), - itemId: 'replication' - }, - { - xtype: 'pveACLView', - title: gettext('Permissions'), - iconCls: 'fa fa-unlock', - itemId: 'permissions', - expandedOnInit: true - }); - } - - me.items.push({ - xtype: 'pveUserView', - groups: ['permissions'], - iconCls: 'fa fa-user', - title: gettext('Users'), - itemId: 'users' - }); - - if (caps.dc['Sys.Audit']) { - me.items.push({ - xtype: 'pveGroupView', - title: gettext('Groups'), - iconCls: 'fa fa-users', - groups: ['permissions'], - itemId: 'groups' - }, - { - xtype: 'pvePoolView', - title: gettext('Pools'), - iconCls: 'fa fa-tags', - groups: ['permissions'], - itemId: 'pools' - }, - { - xtype: 'pveRoleView', - title: gettext('Roles'), - iconCls: 'fa fa-male', - groups: ['permissions'], - itemId: 'roles' - }, - { - xtype: 'pveAuthView', - title: gettext('Authentication'), - groups: ['permissions'], - iconCls: 'fa fa-key', - itemId: 'domains' - }, - { - xtype: 'pveHAStatus', - title: 'HA', - iconCls: 'fa fa-heartbeat', - itemId: 'ha' - }, - { - title: gettext('Groups'), - groups: ['ha'], - xtype: 'pveHAGroupsView', - iconCls: 'fa fa-object-group', - itemId: 'ha-groups' - }, - { - title: gettext('Fencing'), - groups: ['ha'], - iconCls: 'fa fa-bolt', - xtype: 'pveFencingView', - itemId: 'ha-fencing' - }, - { - xtype: 'pveFirewallRules', - title: gettext('Firewall'), - allow_iface: true, - base_url: '/cluster/firewall/rules', - list_refs_url: '/cluster/firewall/refs', - iconCls: 'fa fa-shield', - itemId: 'firewall' - }, - { - xtype: 'pveFirewallOptions', - title: gettext('Options'), - groups: ['firewall'], - iconCls: 'fa fa-gear', - base_url: '/cluster/firewall/options', - onlineHelp: 'pve_firewall_cluster_wide_setup', - fwtype: 'dc', - itemId: 'firewall-options' - }, - { - xtype: 'pveSecurityGroups', - title: gettext('Security Group'), - groups: ['firewall'], - iconCls: 'fa fa-group', - itemId: 'firewall-sg' - }, - { - xtype: 'pveFirewallAliases', - title: gettext('Alias'), - groups: ['firewall'], - iconCls: 'fa fa-external-link', - base_url: '/cluster/firewall/aliases', - itemId: 'firewall-aliases' - }, - { - xtype: 'pveIPSet', - title: 'IPSet', - groups: ['firewall'], - iconCls: 'fa fa-list-ol', - base_url: '/cluster/firewall/ipset', - list_refs_url: '/cluster/firewall/refs', - itemId: 'firewall-ipset' - }, - { - xtype: 'pveDcSupport', - title: gettext('Support'), - itemId: 'support', - iconCls: 'fa fa-comments-o' - }); - } - - me.callParent(); - } -}); -Ext.define('PVE.dc.NodeView', { - extend: 'Ext.grid.GridPanel', - alias: 'widget.pveDcNodeView', - - title: gettext('Nodes'), - disableSelection: true, - scrollable: true, - - columns: [ - { - header: gettext('Name'), - flex: 1, - sortable: true, - dataIndex: 'name' - }, - { - header: 'ID', - width: 40, - sortable: true, - dataIndex: 'nodeid' - }, - { - header: gettext('Online'), - width: 60, - sortable: true, - dataIndex: 'online', - renderer: function(value) { - var cls = (value)?'good':'critical'; - return ''; - } - }, - { - header: gettext('Support'), - width: 100, - sortable: true, - dataIndex: 'level', - renderer: PVE.Utils.render_support_level - }, - { - header: gettext('Server Address'), - width: 115, - sortable: true, - dataIndex: 'ip' - }, - { - header: gettext('CPU usage'), - sortable: true, - width: 110, - dataIndex: 'cpuusage', - tdCls: 'x-progressbar-default-cell', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Memory usage'), - width: 110, - sortable: true, - tdCls: 'x-progressbar-default-cell', - dataIndex: 'memoryusage', - xtype: 'widgetcolumn', - widget: { - xtype: 'pveProgressBar' - } - }, - { - header: gettext('Uptime'), - sortable: true, - dataIndex: 'uptime', - align: 'right', - renderer: Proxmox.Utils.render_uptime - } - ], - - stateful: true, - stateId: 'grid-cluster-nodes', - tools: [ - { - type: 'up', - handler: function(){ - var me = this.up('grid'); - var height = Math.max(me.getHeight()-50, 250); - me.setHeight(height); - } - }, - { - type: 'down', - handler: function(){ - var me = this.up('grid'); - var height = me.getHeight()+50; - me.setHeight(height); - } - } - ] -}, function() { - - Ext.define('pve-dc-nodes', { - extend: 'Ext.data.Model', - fields: [ 'id', 'type', 'name', 'nodeid', 'ip', 'level', 'local', 'online'], - idProperty: 'id' - }); - -}); - -Ext.define('PVE.widget.ProgressBar',{ - extend: 'Ext.Progress', - alias: 'widget.pveProgressBar', - - animate: true, - textTpl: [ - '{percent}%' - ], - - setValue: function(value){ - var me = this; - me.callParent([value]); - - me.removeCls(['warning', 'critical']); - - if (value > 0.89) { - me.addCls('critical'); - } else if (value > 0.59) { - me.addCls('warning'); - } - } -}); -/*jslint confusion: true*/ -Ext.define('pve-cluster-nodes', { - extend: 'Ext.data.Model', - fields: [ - 'node', { type: 'integer', name: 'nodeid' }, 'ring0_addr', 'ring1_addr', - { type: 'integer', name: 'quorum_votes' } - ], - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/config/nodes" - }, - idProperty: 'nodeid' -}); - -Ext.define('pve-cluster-info', { - extend: 'Ext.data.Model', - proxy: { - type: 'proxmox', - url: "/api2/json/cluster/config/join" - } -}); - -Ext.define('PVE.ClusterAdministration', { - extend: 'Ext.panel.Panel', - xtype: 'pveClusterAdministration', - - title: gettext('Cluster Administration'), - onlineHelp: 'chapter_pvecm', - - border: false, - defaults: { border: false }, - - viewModel: { - parent: null, - data: { - totem: {}, - nodelist: [], - preferred_node: { - name: '', - fp: '', - addr: '' - }, - isInCluster: false, - nodecount: 0 - } - }, - - items: [ - { - xtype: 'panel', - title: gettext('Cluster Information'), - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.store = Ext.create('Proxmox.data.UpdateStore', { - autoStart: true, - interval: 15 * 1000, - storeid: 'pve-cluster-info', - model: 'pve-cluster-info' - }); - view.store.on('load', this.onLoad, this); - view.on('destroy', view.store.stopUpdate); - }, - - onLoad: function(store, records, success) { - var vm = this.getViewModel(); - if (!success || !records || !records[0].data) { - vm.set('totem', {}); - vm.set('isInCluster', false); - vm.set('nodelist', []); - vm.set('preferred_node', { - name: '', - addr: '', - fp: '' - }); - return; - } - var data = records[0].data; - vm.set('totem', data.totem); - vm.set('isInCluster', !!data.totem.cluster_name); - vm.set('nodelist', data.nodelist); - - var nodeinfo = Ext.Array.findBy(data.nodelist, function (el) { - return el.name === data.preferred_node; - }); - - vm.set('preferred_node', { - name: data.preferred_node, - addr: nodeinfo.pve_addr, - ring_addr: [ nodeinfo.ring0_addr, nodeinfo.ring1_addr ], - fp: nodeinfo.pve_fp - }); - }, - - onCreate: function() { - var view = this.getView(); - view.store.stopUpdate(); - var win = Ext.create('PVE.ClusterCreateWindow', { - autoShow: true, - listeners: { - destroy: function() { - view.store.startUpdate(); - } - } - }); - }, - - onClusterInfo: function() { - var vm = this.getViewModel(); - var win = Ext.create('PVE.ClusterInfoWindow', { - joinInfo: { - ipAddress: vm.get('preferred_node.addr'), - fingerprint: vm.get('preferred_node.fp'), - ring_addr: vm.get('preferred_node.ring_addr'), - totem: vm.get('totem') - } - }); - win.show(); - }, - - onJoin: function() { - var view = this.getView(); - view.store.stopUpdate(); - var win = Ext.create('PVE.ClusterJoinNodeWindow', { - autoShow: true, - listeners: { - destroy: function() { - view.store.startUpdate(); - } - } - }); - } - }, - tbar: [ - { - text: gettext('Create Cluster'), - reference: 'createButton', - handler: 'onCreate', - bind: { - disabled: '{isInCluster}' - } - }, - { - text: gettext('Join Information'), - reference: 'addButton', - handler: 'onClusterInfo', - bind: { - disabled: '{!isInCluster}' - } - }, - { - text: gettext('Join Cluster'), - reference: 'joinButton', - handler: 'onJoin', - bind: { - disabled: '{isInCluster}' - } - } - ], - layout: 'hbox', - bodyPadding: 5, - items: [ - { - xtype: 'displayfield', - fieldLabel: gettext('Cluster Name'), - bind: { - value: '{totem.cluster_name}', - hidden: '{!isInCluster}' - }, - flex: 1 - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Config Version'), - bind: { - value: '{totem.config_version}', - hidden: '{!isInCluster}' - }, - flex: 1 - }, - { - xtype: 'displayfield', - fieldLabel: gettext('Number of Nodes'), - labelWidth: 120, - bind: { - value: '{nodecount}', - hidden: '{!isInCluster}' - }, - flex: 1 - }, - { - xtype: 'displayfield', - value: gettext('Standalone node - no cluster defined'), - bind: { - hidden: '{isInCluster}' - }, - flex: 1 - } - ] - }, - { - xtype: 'grid', - title: gettext('Cluster Nodes'), - controller: { - xclass: 'Ext.app.ViewController', - - init: function(view) { - view.rstore = Ext.create('Proxmox.data.UpdateStore', { - autoLoad: true, - xtype: 'update', - interval: 5 * 1000, - autoStart: true, - storeid: 'pve-cluster-nodes', - model: 'pve-cluster-nodes' - }); - view.setStore(Ext.create('Proxmox.data.DiffStore', { - rstore: view.rstore, - sorters: { - property: 'nodeid', - order: 'DESC' - } - })); - Proxmox.Utils.monStoreErrors(view, view.rstore); - view.rstore.on('load', this.onLoad, this); - view.on('destroy', view.rstore.stopUpdate); - }, - - onLoad: function(store, records, success) { - var vm = this.getViewModel(); - if (!success || !records) { - vm.set('nodecount', 0); - return; - } - vm.set('nodecount', records.length); - } - }, - columns: [ - { - header: gettext('Nodename'), - flex: 2, - dataIndex: 'name' - }, - { - header: gettext('ID'), - flex: 1, - dataIndex: 'nodeid' - }, - { - header: gettext('Votes'), - flex: 1, - dataIndex: 'quorum_votes' - }, - { - header: Ext.String.format(gettext('Link {0}'), 0), - flex: 2, - dataIndex: 'ring0_addr' - }, - { - header: Ext.String.format(gettext('Link {0}'), 1), - flex: 2, - dataIndex: 'ring1_addr' - } - ] - } - ] -}); -/*jslint confusion: true*/ -Ext.define('PVE.ClusterCreateWindow', { - extend: 'Proxmox.window.Edit', - xtype: 'pveClusterCreateWindow', - - title: gettext('Create Cluster'), - width: 600, - - method: 'POST', - url: '/cluster/config', - - isCreate: true, - subject: gettext('Cluster'), - showTaskViewer: true, - - onlineHelp: 'pvecm_create_cluster', - - items: { - xtype: 'inputpanel', - items: [{ - xtype: 'textfield', - fieldLabel: gettext('Cluster Name'), - allowBlank: false, - name: 'clustername' - }, - { - xtype: 'proxmoxNetworkSelector', - fieldLabel: Ext.String.format(gettext('Link {0}'), 0), - emptyText: gettext("Optional, defaults to IP resolved by node's hostname"), - name: 'link0', - autoSelect: false, - valueField: 'address', - displayField: 'address', - skipEmptyText: true - }], - advancedItems: [{ - xtype: 'proxmoxNetworkSelector', - fieldLabel: Ext.String.format(gettext('Link {0}'), 1), - emptyText: gettext("Optional second link for redundancy"), - name: 'link1', - autoSelect: false, - valueField: 'address', - displayField: 'address', - skipEmptyText: true - }] - } -}); - -Ext.define('PVE.ClusterInfoWindow', { - extend: 'Ext.window.Window', - xtype: 'pveClusterInfoWindow', - mixins: ['Proxmox.Mixin.CBind'], - - width: 800, - modal: true, - resizable: false, - title: gettext('Cluster Join Information'), - - joinInfo: { - ipAddress: undefined, - fingerprint: undefined, - totem: {} - }, - - items: [ - { - xtype: 'component', - border: false, - padding: '10 10 10 10', - html: gettext("Copy the Join Information here and use it on the node you want to add.") - }, - { - xtype: 'container', - layout: 'form', - border: false, - padding: '0 10 10 10', - items: [ - { - xtype: 'textfield', - fieldLabel: gettext('IP Address'), - cbind: { value: '{joinInfo.ipAddress}' }, - editable: false - }, - { - xtype: 'textfield', - fieldLabel: gettext('Fingerprint'), - cbind: { value: '{joinInfo.fingerprint}' }, - editable: false - }, - { - xtype: 'textarea', - inputId: 'pveSerializedClusterInfo', - fieldLabel: gettext('Join Information'), - grow: true, - cbind: { joinInfo: '{joinInfo}' }, - editable: false, - listeners: { - afterrender: function(field) { - if (!field.joinInfo) { - return; - } - var jsons = Ext.JSON.encode(field.joinInfo); - var base64s = Ext.util.Base64.encode(jsons); - field.setValue(base64s); - } - } - } - ] - } - ], - dockedItems: [{ - dock: 'bottom', - xtype: 'toolbar', - items: [{ - xtype: 'button', - handler: function(b) { - var el = document.getElementById('pveSerializedClusterInfo'); - el.select(); - document.execCommand("copy"); - }, - text: gettext('Copy Information') - }] - }] -}); - -Ext.define('PVE.ClusterJoinNodeWindow', { - extend: 'Proxmox.window.Edit', - xtype: 'pveClusterJoinNodeWindow', - - title: gettext('Cluster Join'), - width: 800, - - method: 'POST', - url: '/cluster/config/join', - - defaultFocus: 'textarea[name=serializedinfo]', - isCreate: true, - submitText: gettext('Join'), - showTaskViewer: true, - - onlineHelp: 'chapter_pvecm', - - viewModel: { - parent: null, - data: { - info: { - fp: '', - ip: '', - ring0Needed: false, - ring1Possible: false, - ring1Needed: false - } - }, - formulas: { - ring0EmptyText: function(get) { - if (get('info.ring0Needed')) { - return gettext("Cannot use default address safely"); - } else { - return gettext("Default: IP resolved by node's hostname"); - } - } - } - }, - - controller: { - xclass: 'Ext.app.ViewController', - control: { - '#': { - close: function() { - delete PVE.Utils.silenceAuthFailures; - } - }, - 'proxmoxcheckbox[name=assistedEntry]': { - change: 'onInputTypeChange' - }, - 'textarea[name=serializedinfo]': { - change: 'recomputeSerializedInfo', - enable: 'resetField' - }, - 'proxmoxtextfield[name=ring1_addr]': { - enable: 'ring1Needed' - }, - 'textfield': { - disable: 'resetField' - } - }, - resetField: function(field) { - field.reset(); - }, - ring1Needed: function(f) { - var vm = this.getViewModel(); - f.allowBlank = !vm.get('info.ring1Needed'); - }, - onInputTypeChange: function(field, assistedInput) { - var vm = this.getViewModel(); - if (!assistedInput) { - vm.set('info.ring1Possible', true); - } - }, - recomputeSerializedInfo: function(field, value) { - var vm = this.getViewModel(); - var jsons = Ext.util.Base64.decode(value); - var joinInfo = Ext.JSON.decode(jsons, true); - - var info = { - fp: '', - ring1Needed: false, - ring1Possible: false, - ip: '' - }; - - var totem = {}; - if (!(joinInfo && joinInfo.totem)) { - field.valid = false; - } else { - var ring0Needed = false; - if (joinInfo.ring_addr !== undefined) { - ring0Needed = joinInfo.ring_addr[0] !== joinInfo.ipAddress; - } - - info = { - ip: joinInfo.ipAddress, - fp: joinInfo.fingerprint, - ring0Needed: ring0Needed, - ring1Possible: !!joinInfo.totem['interface']['1'], - ring1Needed: !!joinInfo.totem['interface']['1'] - }; - totem = joinInfo.totem; - field.valid = true; - } - - vm.set('info', info); - } - }, - - submit: function() { - // joining may produce temporarily auth failures, ignore as long the task runs - PVE.Utils.silenceAuthFailures = true; - this.callParent(); - }, - - taskDone: function(success) { - delete PVE.Utils.silenceAuthFailures; - if (success) { - var txt = gettext('Cluster join task finished, node certificate may have changed, reload GUI!'); - // ensure user cannot do harm - Ext.getBody().mask(txt, ['pve-static-mask']); - // TaskView may hide above mask, so tell him directly - Ext.Msg.show({ - title: gettext('Join Task Finished'), - icon: Ext.Msg.INFO, - msg: txt - }); - // reload always (if user wasn't faster), but wait a bit for pveproxy - Ext.defer(function() { - window.location.reload(true); - }, 5000); - } - }, - - items: [{ - xtype: 'proxmoxcheckbox', - reference: 'assistedEntry', - name: 'assistedEntry', - submitValue: false, - value: true, - autoEl: { - tag: 'div', - 'data-qtip': gettext('Select if join information should be extracted from pasted cluster information, deselect for manual entering') - }, - boxLabel: gettext('Assisted join: Paste encoded cluster join information and enter password.') - }, - { - xtype: 'textarea', - name: 'serializedinfo', - submitValue: false, - allowBlank: false, - fieldLabel: gettext('Information'), - emptyText: gettext('Paste encoded Cluster Information here'), - validator: function(val) { - return val === '' || this.valid || - gettext('Does not seem like a valid encoded Cluster Information!'); - }, - bind: { - disabled: '{!assistedEntry.checked}', - hidden: '{!assistedEntry.checked}' - }, - value: '' - }, - { - xtype: 'inputpanel', - column1: [ - { - xtype: 'textfield', - fieldLabel: gettext('Peer Address'), - allowBlank: false, - bind: { - value: '{info.ip}', - readOnly: '{assistedEntry.checked}' - }, - name: 'hostname' - }, - { - xtype: 'textfield', - inputType: 'password', - emptyText: gettext("Peer's root password"), - fieldLabel: gettext('Password'), - allowBlank: false, - name: 'password' - } - ], - column2: [ - { - xtype: 'proxmoxNetworkSelector', - fieldLabel: Ext.String.format(gettext('Link {0}'), 0), - bind: { - emptyText: '{ring0EmptyText}', - allowBlank: '{!info.ring0Needed}' - }, - skipEmptyText: true, - autoSelect: false, - valueField: 'address', - displayField: 'address', - name: 'link0' - }, - { - xtype: 'proxmoxNetworkSelector', - fieldLabel: Ext.String.format(gettext('Link {0}'), 1), - skipEmptyText: true, - autoSelect: false, - valueField: 'address', - displayField: 'address', - bind: { - disabled: '{!info.ring1Possible}', - allowBlank: '{!info.ring1Needed}', - }, - name: 'link1' - } - ], - columnB: [ - { - xtype: 'textfield', - fieldLabel: gettext('Fingerprint'), - allowBlank: false, - bind: { - value: '{info.fp}', - readOnly: '{assistedEntry.checked}' - }, - name: 'fingerprint' - } - ] - }] -}); -/* - * Workspace base class - * - * popup login window when auth fails (call onLogin handler) - * update (re-login) ticket every 15 minutes - * - */ - -Ext.define('PVE.Workspace', { - extend: 'Ext.container.Viewport', - - title: 'Proxmox Virtual Environment', - - loginData: null, // Data from last login call - - onLogin: function(loginData) {}, - - // private - updateLoginData: function(loginData) { - var me = this; - me.loginData = loginData; - Proxmox.Utils.setAuthData(loginData); - - var rt = me.down('pveResourceTree'); - rt.setDatacenterText(loginData.clustername); - - if (loginData.cap) { - Ext.state.Manager.set('GuiCap', loginData.cap); - } - me.response401count = 0; - - me.onLogin(loginData); - }, - - // private - showLogin: function() { - var me = this; - - Proxmox.Utils.authClear(); - Proxmox.UserName = null; - me.loginData = null; - - if (!me.login) { - me.login = Ext.create('PVE.window.LoginWindow', { - handler: function(data) { - me.login = null; - me.updateLoginData(data); - Proxmox.Utils.checked_command(function() {}); // display subscription status - } - }); - } - me.onLogin(null); - me.login.show(); - }, - - initComponent : function() { - var me = this; - - Ext.tip.QuickTipManager.init(); - - // fixme: what about other errors - Ext.Ajax.on('requestexception', function(conn, response, options) { - if (response.status == 401 && !PVE.Utils.silenceAuthFailures) { // auth failure - // don't immediately show as logged out to cope better with some big - // upgrades, which may temporarily produce a false positive 401 err - me.response401count++; - if (me.response401count > 5) { - me.showLogin(); - } - } - }); - - me.callParent(); - - if (!Proxmox.Utils.authOK()) { - me.showLogin(); - } else { - if (me.loginData) { - me.onLogin(me.loginData); - } - } - - Ext.TaskManager.start({ - run: function() { - var ticket = Proxmox.Utils.authOK(); - if (!ticket || !Proxmox.UserName) { - return; - } - - Ext.Ajax.request({ - params: { - username: Proxmox.UserName, - password: ticket - }, - url: '/api2/json/access/ticket', - method: 'POST', - success: function(response, opts) { - var obj = Ext.decode(response.responseText); - me.updateLoginData(obj.data); - } - }); - }, - interval: 15*60*1000 - }); - - } -}); - -Ext.define('PVE.StdWorkspace', { - extend: 'PVE.Workspace', - - alias: ['widget.pveStdWorkspace'], - - // private - setContent: function(comp) { - var me = this; - - var cont = me.child('#content'); - - var lay = cont.getLayout(); - - var cur = lay.getActiveItem(); - - if (comp) { - Proxmox.Utils.setErrorMask(cont, false); - comp.border = false; - cont.add(comp); - if (cur !== null && lay.getNext()) { - lay.next(); - var task = Ext.create('Ext.util.DelayedTask', function(){ - cont.remove(cur); - }); - task.delay(10); - } - } - else { - // helper for cleaning the content when logging out - cont.removeAll(); - } - }, - - selectById: function(nodeid) { - var me = this; - var tree = me.down('pveResourceTree'); - tree.selectById(nodeid); - }, - - onLogin: function(loginData) { - var me = this; - - me.updateUserInfo(); - - if (loginData) { - PVE.data.ResourceStore.startUpdate(); - - Proxmox.Utils.API2Request({ - url: '/version', - method: 'GET', - success: function(response) { - PVE.VersionInfo = response.result.data; - me.updateVersionInfo(); - } - }); - } - }, - - updateUserInfo: function() { - var me = this; - var ui = me.query('#userinfo')[0]; - ui.setText(Proxmox.UserName || ''); - ui.updateLayout(); - }, - - updateVersionInfo: function() { - var me = this; - - var ui = me.query('#versioninfo')[0]; - - if (PVE.VersionInfo) { - var version = PVE.VersionInfo.version; - ui.update('Virtual Environment ' + version); - } else { - ui.update('Virtual Environment'); - } - ui.updateLayout(); - }, - - initComponent : function() { - var me = this; - - Ext.History.init(); - - var sprovider = Ext.create('PVE.StateProvider'); - Ext.state.Manager.setProvider(sprovider); - - var selview = Ext.create('PVE.form.ViewSelector'); - - var rtree = Ext.createWidget('pveResourceTree', { - viewFilter: selview.getViewFilter(), - flex: 1, - selModel: { - selType: 'treemodel', - listeners: { - selectionchange: function(sm, selected) { - if (selected.length > 0) { - var n = selected[0]; - var tlckup = { - root: 'PVE.dc.Config', - node: 'PVE.node.Config', - qemu: 'PVE.qemu.Config', - lxc: 'PVE.lxc.Config', - storage: 'PVE.storage.Browser', - pool: 'pvePoolConfig' - }; - var comp = { - xtype: tlckup[n.data.type || 'root'] || - 'pvePanelConfig', - showSearch: (n.data.id === 'root') || - Ext.isDefined(n.data.groupbyid), - pveSelNode: n, - workspace: me, - viewFilter: selview.getViewFilter() - }; - PVE.curSelectedNode = n; - me.setContent(comp); - } - } - } - } - }); - - selview.on('select', function(combo, records) { - if (records) { - var view = combo.getViewFilter(); - rtree.setViewFilter(view); - } - }); - - var caps = sprovider.get('GuiCap'); - - var createVM = Ext.createWidget('button', { - pack: 'end', - margin: '3 5 0 0', - baseCls: 'x-btn', - iconCls: 'fa fa-desktop', - text: gettext("Create VM"), - disabled: !caps.vms['VM.Allocate'], - handler: function() { - var wiz = Ext.create('PVE.qemu.CreateWizard', {}); - wiz.show(); - } - }); - - var createCT = Ext.createWidget('button', { - pack: 'end', - margin: '3 5 0 0', - baseCls: 'x-btn', - iconCls: 'fa fa-cube', - text: gettext("Create CT"), - disabled: !caps.vms['VM.Allocate'], - handler: function() { - var wiz = Ext.create('PVE.lxc.CreateWizard', {}); - wiz.show(); - } - }); - - sprovider.on('statechange', function(sp, key, value) { - if (key === 'GuiCap' && value) { - caps = value; - createVM.setDisabled(!caps.vms['VM.Allocate']); - createCT.setDisabled(!caps.vms['VM.Allocate']); - } - }); - - Ext.apply(me, { - layout: { type: 'border' }, - border: false, - items: [ - { - region: 'north', - layout: { - type: 'hbox', - align: 'middle' - }, - baseCls: 'x-plain', - defaults: { - baseCls: 'x-plain' - }, - border: false, - margin: '2 0 2 5', - items: [ - { - html: '' + - '
'
- },
- {
- minWidth: 150,
- id: 'versioninfo',
- html: 'Virtual Environment'
- },
- {
- xtype: 'pveGlobalSearchField',
- tree: rtree
- },
- {
- flex: 1
- },
- {
- xtype: 'proxmoxHelpButton',
- hidden: false,
- baseCls: 'x-btn',
- iconCls: 'fa fa-book x-btn-icon-el-default-toolbar-small ',
- listenToGlobalEvent: false,
- onlineHelp: 'pve_documentation_index',
- text: gettext('Documentation'),
- margin: '0 5 0 0'
- },
- createVM,
- createCT,
- {
- pack: 'end',
- margin: '0 5 0 0',
- id: 'userinfo',
- xtype: 'button',
- baseCls: 'x-btn',
- style: {
- // proxmox dark grey p light grey as border
- backgroundColor: '#464d4d',
- borderColor: '#ABBABA'
- },
- iconCls: 'fa fa-user',
- menu: [
- {
- iconCls: 'fa fa-gear',
- text: gettext('My Settings'),
- handler: function() {
- var win = Ext.create('PVE.window.Settings');
- win.show();
- }
- },
- {
- text: gettext('Password'),
- iconCls: 'fa fa-fw fa-key',
- handler: function() {
- var win = Ext.create('Proxmox.window.PasswordEdit', {
- userid: Proxmox.UserName
- });
- win.show();
- }
- },
- {
- text: 'TFA',
- iconCls: 'fa fa-fw fa-lock',
- handler: function(btn, event, rec) {
- var win = Ext.create('PVE.window.TFAEdit',{
- userid: Proxmox.UserName
- });
- win.show();
- }
- },
- '-',
- {
- iconCls: 'fa fa-fw fa-sign-out',
- text: gettext("Logout"),
- handler: function() {
- PVE.data.ResourceStore.loadData([], false);
- me.showLogin();
- me.setContent(null);
- var rt = me.down('pveResourceTree');
- rt.setDatacenterText(undefined);
- rt.clearTree();
-
- // empty the stores of the StatusPanel child items
- var statusPanels = Ext.ComponentQuery.query('pveStatusPanel grid');
- Ext.Array.forEach(statusPanels, function(comp) {
- if (comp.getStore()) {
- comp.getStore().loadData([], false);
- }
- });
- }
- }
- ]
- }
- ]
- },
- {
- region: 'center',
- stateful: true,
- stateId: 'pvecenter',
- minWidth: 100,
- minHeight: 100,
- id: 'content',
- xtype: 'container',
- layout: { type: 'card' },
- border: false,
- margin: '0 5 0 0',
- items: []
- },
- {
- region: 'west',
- stateful: true,
- stateId: 'pvewest',
- itemId: 'west',
- xtype: 'container',
- border: false,
- layout: { type: 'vbox', align: 'stretch' },
- margin: '0 0 0 5',
- split: true,
- width: 200,
- items: [ selview, rtree ],
- listeners: {
- resize: function(panel, width, height) {
- var viewWidth = me.getSize().width;
- if (width > viewWidth - 100) {
- panel.setWidth(viewWidth - 100);
- }
- }
- }
- },
- {
- xtype: 'pveStatusPanel',
- stateful: true,
- stateId: 'pvesouth',
- itemId: 'south',
- region: 'south',
- margin:'0 5 5 5',
- title: gettext('Logs'),
- collapsible: true,
- header: false,
- height: 200,
- split:true,
- listeners: {
- resize: function(panel, width, height) {
- var viewHeight = me.getSize().height;
- if (height > (viewHeight - 150)) {
- panel.setHeight(viewHeight - 150);
- }
- }
- }
- }
- ]
- });
-
- me.callParent();
-
- me.updateUserInfo();
-
- // on resize, center all modal windows
- Ext.on('resize', function(){
- var wins = Ext.ComponentQuery.query('window[modal]');
- if (wins.length > 0) {
- wins.forEach(function(win){
- win.alignTo(me, 'c-c');
- });
- }
- });
- }
-});
-
diff --git a/serverside/jsmod/6.1-3.sh b/serverside/jsmod/6.1-3.sh
deleted file mode 100644
index b0575a8..0000000
--- a/serverside/jsmod/6.1-3.sh
+++ /dev/null
@@ -1,36 +0,0 @@
-#!/bin/bash
-
-Say () {
- printf "\e[1;34m $1 \e[0m \n";
-}
-
-DotSay () {
- printf "[\e[1;34m*\e[0m] \e[1;34m $1 \e[0m \n";
-}
-
-
-Say '[PVE Discord Dark UI Theme JSMOD Installer]'
-Say 'Internet connection REQUIRED.'
-Say '!!ONLY FOR PVE 6.0-4 - 6.1-x!!'
-Say '>Press any key to begin installation'
-read -p ""
-Say ' '
-DotSay 'Backing up files'
-cp /usr/share/pve-manager/js/pvemanagerlib.js /usr/share/pve-manager/js/pvemanagerlib.js.bak
-cp /usr/share/javascript/extjs/charts.js /usr/share/javascript/extjs/charts.js.bak
-cp /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js.bak
-DotSay 'Modding files'
-#replace white with #23272a
-sed -i -e "s/'white'/'#23272a'/g" /usr/share/pve-manager/js/pvemanagerlib.js
-
-#Proxmox changed nothing here to last version, so we can use it without modifications
-rm /usr/share/javascript/extjs/charts.js
-wget https://raw.githubusercontent.com/Weilbyte/PVEDiscordDark/master/serverside/jsmod/6.0-4/charts.js -P /usr/share/javascript/extjs/ &> /dev/null
-
-sed -i -e "s/#c2ddf2/#7289DA/g" /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js
-sed -i -e "s/#f5f5f5/#2C2F33/g" /usr/share/javascript/proxmox-widget-toolkit/proxmoxlib.js
-
-DotSay 'Applied patch successfully.'
-Say ''
-Say 'Installation finished!'
-Say 'o7'
diff --git a/serverside/jsmod/6.1-3/charts.js b/serverside/jsmod/6.1-3/charts.js
deleted file mode 100644
index 713bec3..0000000
--- a/serverside/jsmod/6.1-3/charts.js
+++ /dev/null
@@ -1,22013 +0,0 @@
-Ext.define("Ext.draw.ContainerBase", {
- extend: "Ext.panel.Panel",
- requires: ["Ext.window.Window"],
- previewTitleText: "Chart Preview",
- previewAltText: "Chart preview",
- layout: "container",
- addElementListener: function() {
- var b = this,
- a = arguments;
- if (b.rendered) {
- b.el.on.apply(b.el, a)
- } else {
- b.on("render", function() {
- b.el.on.apply(b.el, a)
- })
- }
- },
- removeElementListener: function() {
- var b = this,
- a = arguments;
- if (b.rendered) {
- b.el.un.apply(b.el, a)
- }
- },
- afterRender: function() {
- this.callParent(arguments);
- this.initAnimator()
- },
- getItems: function() {
- var b = this,
- a = b.items;
- if (!a || !a.isMixedCollection) {
- b.initItems()
- }
- return b.items
- },
- onRender: function() {
- this.callParent(arguments);
- this.element = this.el;
- this.innerElement = this.body
- },
- setItems: function(a) {
- this.items = a;
- return a
- },
- setSurfaceSize: function(b, a) {
- this.resizeHandler({
- width: b,
- height: a
- });
- this.renderFrame()
- },
- onResize: function(c, a, b, e) {
- var d = this;
- d.callParent([c, a, b, e]);
- d.setBodySize({
- width: c,
- height: a
- })
- },
- preview: function() {
- var a = this.getImage();
- new Ext.window.Window({
- title: this.previewTitleText,
- closeable: true,
- renderTo: Ext.getBody(),
- autoShow: true,
- maximizeable: true,
- maximized: true,
- border: true,
- layout: {
- type: "hbox",
- pack: "center",
- align: "middle"
- },
- items: {
- xtype: "container",
- items: {
- xtype: "image",
- mode: "img",
- cls: Ext.baseCSSPrefix + "chart-image",
- alt: this.previewAltText,
- src: a.data,
- listeners: {
- afterrender: function() {
- var e = this,
- b = e.imgEl.dom,
- d = a.type === "svg" ? 1 : (window.devicePixelRatio || 1),
- c;
- if (!b.naturalWidth || !b.naturalHeight) {
- b.onload = function() {
- var g = b.naturalWidth,
- f = b.naturalHeight;
- e.setWidth(Math.floor(g / d));
- e.setHeight(Math.floor(f / d))
- }
- } else {
- c = e.getSize();
- e.setWidth(Math.floor(c.width / d));
- e.setHeight(Math.floor(c.height / d))
- }
- }
- }
- }
- }
- })
- },
- privates: {
- getTargetEl: function() {
- return this.innerElement
- },
- reattachToBody: function() {
- var a = this;
- if (a.pendingDetachSize) {
- a.onBodyResize()
- }
- a.pendingDetachSize = false;
- a.callParent()
- }
- }
-});
-Ext.define("Ext.draw.SurfaceBase", {
- extend: "Ext.Widget",
- getOwnerBody: function() {
- return this.ownerCt.body
- },
- destroy: function() {
- var a = this;
- if (a.hasListeners.destroy) {
- a.fireEvent("destroy", a)
- }
- a.callParent()
- }
-});
-Ext.define("Ext.draw.Color", {
- statics: {
- colorToHexRe: /(.*?)rgb\((\d+),\s*(\d+),\s*(\d+)\)/,
- rgbToHexRe: /\s*rgb\((\d+),\s*(\d+),\s*(\d+)\)/,
- rgbaToHexRe: /\s*rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\.\d]+)\)/,
- hexRe: /\s*#([0-9a-fA-F][0-9a-fA-F]?)([0-9a-fA-F][0-9a-fA-F]?)([0-9a-fA-F][0-9a-fA-F]?)\s*/,
- NONE: "none",
- RGBA_NONE: "rgba(0, 0, 0, 0)"
- },
- isColor: true,
- lightnessFactor: 0.2,
- constructor: function(d, b, a, c) {
- this.setRGB(d, b, a, c)
- },
- setRGB: function(e, c, a, d) {
- var b = this;
- b.r = Math.min(255, Math.max(0, e));
- b.g = Math.min(255, Math.max(0, c));
- b.b = Math.min(255, Math.max(0, a));
- if (d === undefined) {
- b.a = 1
- } else {
- b.a = Math.min(1, Math.max(0, d))
- }
- },
- getGrayscale: function() {
- return this.r * 0.3 + this.g * 0.59 + this.b * 0.11
- },
- getHSL: function() {
- var i = this,
- a = i.r / 255,
- f = i.g / 255,
- j = i.b / 255,
- k = Math.max(a, f, j),
- d = Math.min(a, f, j),
- m = k - d,
- e, n = 0,
- c = 0.5 * (k + d);
- if (d !== k) {
- n = (c <= 0.5) ? m / (k + d) : m / (2 - k - d);
- if (a === k) {
- e = 60 * (f - j) / m
- } else {
- if (f === k) {
- e = 120 + 60 * (j - a) / m
- } else {
- e = 240 + 60 * (a - f) / m
- }
- }
- if (e < 0) {
- e += 360
- }
- if (e >= 360) {
- e -= 360
- }
- }
- return [e, n, c]
- },
- getHSV: function() {
- var i = this,
- a = i.r / 255,
- f = i.g / 255,
- j = i.b / 255,
- k = Math.max(a, f, j),
- d = Math.min(a, f, j),
- c = k - d,
- e, m = 0,
- l = k;
- if (d != k) {
- m = l ? c / l : 0;
- if (a === k) {
- e = 60 * (f - j) / c
- } else {
- if (f === k) {
- e = 60 * (j - a) / c + 120
- } else {
- e = 60 * (a - f) / c + 240
- }
- }
- if (e < 0) {
- e += 360
- }
- if (e >= 360) {
- e -= 360
- }
- }
- return [e, m, l]
- },
- setHSL: function(g, f, e) {
- var i = this,
- d = Math.abs,
- j, b, a;
- g = (g % 360 + 360) % 360;
- f = f > 1 ? 1 : f < 0 ? 0 : f;
- e = e > 1 ? 1 : e < 0 ? 0 : e;
- if (f === 0 || g === null) {
- e *= 255;
- i.setRGB(e, e, e)
- } else {
- g /= 60;
- j = f * (1 - d(2 * e - 1));
- b = j * (1 - d(g % 2 - 1));
- a = e - j / 2;
- a *= 255;
- j *= 255;
- b *= 255;
- switch (Math.floor(g)) {
- case 0:
- i.setRGB(j + a, b + a, a);
- break;
- case 1:
- i.setRGB(b + a, j + a, a);
- break;
- case 2:
- i.setRGB(a, j + a, b + a);
- break;
- case 3:
- i.setRGB(a, b + a, j + a);
- break;
- case 4:
- i.setRGB(b + a, a, j + a);
- break;
- case 5:
- i.setRGB(j + a, a, b + a);
- break
- }
- }
- return i
- },
- setHSV: function(f, e, d) {
- var g = this,
- i, b, a;
- f = (f % 360 + 360) % 360;
- e = e > 1 ? 1 : e < 0 ? 0 : e;
- d = d > 1 ? 1 : d < 0 ? 0 : d;
- if (e === 0 || f === null) {
- d *= 255;
- g.setRGB(d, d, d)
- } else {
- f /= 60;
- i = d * e;
- b = i * (1 - Math.abs(f % 2 - 1));
- a = d - i;
- a *= 255;
- i *= 255;
- b *= 255;
- switch (Math.floor(f)) {
- case 0:
- g.setRGB(i + a, b + a, a);
- break;
- case 1:
- g.setRGB(b + a, i + a, a);
- break;
- case 2:
- g.setRGB(a, i + a, b + a);
- break;
- case 3:
- g.setRGB(a, b + a, i + a);
- break;
- case 4:
- g.setRGB(b + a, a, i + a);
- break;
- case 5:
- g.setRGB(i + a, a, b + a);
- break
- }
- }
- return g
- },
- createLighter: function(b) {
- if (!b && b !== 0) {
- b = this.lightnessFactor
- }
- var a = this.getHSL();
- a[2] = Ext.Number.constrain(a[2] + b, 0, 1);
- return Ext.draw.Color.fromHSL(a[0], a[1], a[2])
- },
- createDarker: function(a) {
- if (!a && a !== 0) {
- a = this.lightnessFactor
- }
- return this.createLighter(-a)
- },
- toString: function() {
- var f = this,
- c = Math.round;
- if (f.a === 1) {
- var e = c(f.r).toString(16),
- d = c(f.g).toString(16),
- a = c(f.b).toString(16);
- e = (e.length === 1) ? "0" + e : e;
- d = (d.length === 1) ? "0" + d : d;
- a = (a.length === 1) ? "0" + a : a;
- return ["#", e, d, a].join("")
- } else {
- return "rgba(" + [c(f.r), c(f.g), c(f.b), f.a === 0 ? 0 : f.a.toFixed(15)].join(", ") + ")"
- }
- },
- toHex: function(b) {
- if (Ext.isArray(b)) {
- b = b[0]
- }
- if (!Ext.isString(b)) {
- return ""
- }
- if (b.substr(0, 1) === "#") {
- return b
- }
- var e = Ext.draw.Color.colorToHexRe.exec(b);
- if (Ext.isArray(e)) {
- var f = parseInt(e[2], 10),
- d = parseInt(e[3], 10),
- a = parseInt(e[4], 10),
- c = a | (d << 8) | (f << 16);
- return e[1] + "#" + ("000000" + c.toString(16)).slice(-6)
- } else {
- return ""
- }
- },
- setFromString: function(j) {
- var e, h, f, c, d = 1,
- i = parseInt;
- if (j === Ext.draw.Color.NONE) {
- this.r = this.g = this.b = this.a = 0;
- return this
- }
- if ((j.length === 4 || j.length === 7) && j.substr(0, 1) === "#") {
- e = j.match(Ext.draw.Color.hexRe);
- if (e) {
- h = i(e[1], 16) >> 0;
- f = i(e[2], 16) >> 0;
- c = i(e[3], 16) >> 0;
- if (j.length === 4) {
- h += (h * 16);
- f += (f * 16);
- c += (c * 16)
- }
- }
- } else {
- if ((e = j.match(Ext.draw.Color.rgbToHexRe))) {
- h = +e[1];
- f = +e[2];
- c = +e[3]
- } else {
- if ((e = j.match(Ext.draw.Color.rgbaToHexRe))) {
- h = +e[1];
- f = +e[2];
- c = +e[3];
- d = +e[4]
- } else {
- if (Ext.draw.Color.ColorList.hasOwnProperty(j.toLowerCase())) {
- return this.setFromString(Ext.draw.Color.ColorList[j.toLowerCase()])
- }
- }
- }
- }
- if (typeof h === "undefined") {
- return this
- }
- this.r = h;
- this.g = f;
- this.b = c;
- this.a = d;
- return this
- }
-}, function() {
- var a = new this();
- this.addStatics({
- fly: function(f, e, c, d) {
- switch (arguments.length) {
- case 1:
- a.setFromString(f);
- break;
- case 3:
- case 4:
- a.setRGB(f, e, c, d);
- break;
- default:
- return null
- }
- return a
- },
- ColorList: {
- aliceblue: "#f0f8ff",
- antiquewhite: "#faebd7",
- aqua: "#00ffff",
- aquamarine: "#7fffd4",
- azure: "#f0ffff",
- beige: "#f5f5dc",
- bisque: "#ffe4c4",
- black: "#000000",
- blanchedalmond: "#ffebcd",
- blue: "#0000ff",
- blueviolet: "#8a2be2",
- brown: "#a52a2a",
- burlywood: "#deb887",
- cadetblue: "#5f9ea0",
- chartreuse: "#7fff00",
- chocolate: "#d2691e",
- coral: "#ff7f50",
- cornflowerblue: "#6495ed",
- cornsilk: "#fff8dc",
- crimson: "#dc143c",
- cyan: "#00ffff",
- darkblue: "#00008b",
- darkcyan: "#008b8b",
- darkgoldenrod: "#b8860b",
- darkgray: "#a9a9a9",
- darkgreen: "#006400",
- darkkhaki: "#bdb76b",
- darkmagenta: "#8b008b",
- darkolivegreen: "#556b2f",
- darkorange: "#ff8c00",
- darkorchid: "#9932cc",
- darkred: "#8b0000",
- darksalmon: "#e9967a",
- darkseagreen: "#8fbc8f",
- darkslateblue: "#483d8b",
- darkslategray: "#2f4f4f",
- darkturquoise: "#00ced1",
- darkviolet: "#9400d3",
- deeppink: "#ff1493",
- deepskyblue: "#00bfff",
- dimgray: "#696969",
- dodgerblue: "#1e90ff",
- firebrick: "#b22222",
- floralwhite: "#fffaf0",
- forestgreen: "#228b22",
- fuchsia: "#ff00ff",
- gainsboro: "#dcdcdc",
- ghostwhite: "#f8f8ff",
- gold: "#ffd700",
- goldenrod: "#daa520",
- gray: "#808080",
- green: "#008000",
- greenyellow: "#adff2f",
- honeydew: "#f0fff0",
- hotpink: "#ff69b4",
- indianred: "#cd5c5c",
- indigo: "#4b0082",
- ivory: "#fffff0",
- khaki: "#f0e68c",
- lavender: "#e6e6fa",
- lavenderblush: "#fff0f5",
- lawngreen: "#7cfc00",
- lemonchiffon: "#fffacd",
- lightblue: "#add8e6",
- lightcoral: "#f08080",
- lightcyan: "#e0ffff",
- lightgoldenrodyellow: "#fafad2",
- lightgray: "#d3d3d3",
- lightgrey: "#d3d3d3",
- lightgreen: "#90ee90",
- lightpink: "#ffb6c1",
- lightsalmon: "#ffa07a",
- lightseagreen: "#20b2aa",
- lightskyblue: "#87cefa",
- lightslategray: "#778899",
- lightsteelblue: "#b0c4de",
- lightyellow: "#ffffe0",
- lime: "#00ff00",
- limegreen: "#32cd32",
- linen: "#faf0e6",
- magenta: "#ff00ff",
- maroon: "#800000",
- mediumaquamarine: "#66cdaa",
- mediumblue: "#0000cd",
- mediumorchid: "#ba55d3",
- mediumpurple: "#9370d8",
- mediumseagreen: "#3cb371",
- mediumslateblue: "#7b68ee",
- mediumspringgreen: "#00fa9a",
- mediumturquoise: "#48d1cc",
- mediumvioletred: "#c71585",
- midnightblue: "#191970",
- mintcream: "#f5fffa",
- mistyrose: "#ffe4e1",
- moccasin: "#ffe4b5",
- navajowhite: "#ffdead",
- navy: "#000080",
- oldlace: "#fdf5e6",
- olive: "#808000",
- olivedrab: "#6b8e23",
- orange: "#ffa500",
- orangered: "#ff4500",
- orchid: "#da70d6",
- palegoldenrod: "#eee8aa",
- palegreen: "#98fb98",
- paleturquoise: "#afeeee",
- palevioletred: "#d87093",
- papayawhip: "#ffefd5",
- peachpuff: "#ffdab9",
- peru: "#cd853f",
- pink: "#ffc0cb",
- plum: "#dda0dd",
- powderblue: "#b0e0e6",
- purple: "#800080",
- red: "#ff0000",
- rosybrown: "#bc8f8f",
- royalblue: "#4169e1",
- saddlebrown: "#8b4513",
- salmon: "#fa8072",
- sandybrown: "#f4a460",
- seagreen: "#2e8b57",
- seashell: "#fff5ee",
- sienna: "#a0522d",
- silver: "#c0c0c0",
- skyblue: "#87ceeb",
- slateblue: "#6a5acd",
- slategray: "#708090",
- snow: "#fffafa",
- springgreen: "#00ff7f",
- steelblue: "#4682b4",
- tan: "#d2b48c",
- teal: "#008080",
- thistle: "#d8bfd8",
- tomato: "#ff6347",
- turquoise: "#40e0d0",
- violet: "#ee82ee",
- wheat: "#f5deb3",
- white: "#ffffff",
- whitesmoke: "#f5f5f5",
- yellow: "#ffff00",
- yellowgreen: "#9acd32"
- },
- fromHSL: function(d, c, b) {
- return (new this(0, 0, 0, 0)).setHSL(d, c, b)
- },
- fromHSV: function(d, c, b) {
- return (new this(0, 0, 0, 0)).setHSL(d, c, b)
- },
- fromString: function(b) {
- return (new this(0, 0, 0, 0)).setFromString(b)
- },
- create: function(b) {
- if (b instanceof this) {
- return b
- } else {
- if (Ext.isArray(b)) {
- return new Ext.draw.Color(b[0], b[1], b[2], b[3])
- } else {
- if (Ext.isString(b)) {
- return Ext.draw.Color.fromString(b)
- } else {
- if (arguments.length > 2) {
- return new Ext.draw.Color(arguments[0], arguments[1], arguments[2], arguments[3])
- } else {
- return new Ext.draw.Color(0, 0, 0, 0)
- }
- }
- }
- }
- }
- })
-});
-Ext.define("Ext.draw.sprite.AnimationParser", function() {
- function a(d, c, b) {
- return d + (c - d) * b
- }
- return {
- singleton: true,
- attributeRe: /^url\(#([a-zA-Z\-]+)\)$/,
- requires: ["Ext.draw.Color"],
- color: {
- parseInitial: function(c, b) {
- if (Ext.isString(c)) {
- c = Ext.draw.Color.create(c)
- }
- if (Ext.isString(b)) {
- b = Ext.draw.Color.create(b)
- }
- if ((c instanceof Ext.draw.Color) && (b instanceof Ext.draw.Color)) {
- return [
- [c.r, c.g, c.b, c.a],
- [b.r, b.g, b.b, b.a]
- ]
- } else {
- return [c || b, b || c]
- }
- },
- compute: function(d, c, b) {
- if (!Ext.isArray(d) || !Ext.isArray(c)) {
- return c || d
- } else {
- return [a(d[0], c[0], b), a(d[1], c[1], b), a(d[2], c[2], b), a(d[3], c[3], b)]
- }
- },
- serve: function(c) {
- var b = Ext.draw.Color.fly(c[0], c[1], c[2], c[3]);
- return b.toString()
- }
- },
- number: {
- parse: function(b) {
- return b === null ? null : +b
- },
- compute: function(d, c, b) {
- if (!Ext.isNumber(d) || !Ext.isNumber(c)) {
- return c || d
- } else {
- return a(d, c, b)
- }
- }
- },
- angle: {
- parseInitial: function(c, b) {
- if (b - c > Math.PI) {
- b -= Math.PI * 2
- } else {
- if (b - c < -Math.PI) {
- b += Math.PI * 2
- }
- }
- return [c, b]
- },
- compute: function(d, c, b) {
- if (!Ext.isNumber(d) || !Ext.isNumber(c)) {
- return c || d
- } else {
- return a(d, c, b)
- }
- }
- },
- path: {
- parseInitial: function(m, n) {
- var c = m.toStripes(),
- o = n.toStripes(),
- e, d, k = c.length,
- p = o.length,
- h, f, b, g = o[p - 1],
- l = [g[g.length - 2], g[g.length - 1]];
- for (e = k; e < p; e++) {
- c.push(c[k - 1].slice(0))
- }
- for (e = p; e < k; e++) {
- o.push(l.slice(0))
- }
- b = c.length;
- o.path = n;
- o.temp = new Ext.draw.Path();
- for (e = 0; e < b; e++) {
- h = c[e];
- f = o[e];
- k = h.length;
- p = f.length;
- o.temp.commands.push("M");
- for (d = p; d < k; d += 6) {
- f.push(l[0], l[1], l[0], l[1], l[0], l[1])
- }
- g = o[o.length - 1];
- l = [g[g.length - 2], g[g.length - 1]];
- for (d = k; d < p; d += 6) {
- h.push(l[0], l[1], l[0], l[1], l[0], l[1])
- }
- for (e = 0; e < f.length; e++) {
- f[e] -= h[e]
- }
- for (e = 2; e < f.length; e += 6) {
- o.temp.commands.push("C")
- }
- }
- return [c, o]
- },
- compute: function(c, l, m) {
- if (m >= 1) {
- return l.path
- }
- var e = 0,
- f = c.length,
- d = 0,
- b, k, h, n = l.temp.params,
- g = 0;
- for (; e < f; e++) {
- k = c[e];
- h = l[e];
- b = k.length;
- for (d = 0; d < b; d++) {
- n[g++] = h[d] * m + k[d]
- }
- }
- return l.temp
- }
- },
- data: {
- compute: function(h, j, k, g) {
- var m = h.length - 1,
- b = j.length - 1,
- e = Math.max(m, b),
- d, l, c;
- if (!g || g === h) {
- g = []
- }
- g.length = e + 1;
- for (c = 0; c <= e; c++) {
- d = h[Math.min(c, m)];
- l = j[Math.min(c, b)];
- if (Ext.isNumber(d)) {
- if (!Ext.isNumber(l)) {
- l = 0
- }
- g[c] = (l - d) * k + d
- } else {
- g[c] = l
- }
- }
- return g
- }
- },
- text: {
- compute: function(d, c, b) {
- return d.substr(0, Math.round(d.length * (1 - b))) + c.substr(Math.round(c.length * (1 - b)))
- }
- },
- limited: "number",
- limited01: "number"
- }
-});
-(function() {
- if (!Ext.global.Float32Array) {
- var a = function(d) {
- if (typeof d === "number") {
- this.length = d
- } else {
- if ("length" in d) {
- this.length = d.length;
- for (var c = 0, b = d.length; c < b; c++) {
- this[c] = +d[c]
- }
- }
- }
- };
- a.prototype = [];
- Ext.global.Float32Array = a
- }
-})();
-Ext.define("Ext.draw.Draw", {
- singleton: true,
- radian: Math.PI / 180,
- pi2: Math.PI * 2,
- reflectFn: function(b) {
- return b
- },
- rad: function(a) {
- return (a % 360) * this.radian
- },
- degrees: function(a) {
- return (a / this.radian) % 360
- },
- isBBoxIntersect: function(b, a, c) {
- c = c || 0;
- return (Math.max(b.x, a.x) - c > Math.min(b.x + b.width, a.x + a.width)) || (Math.max(b.y, a.y) - c > Math.min(b.y + b.height, a.y + a.height))
- },
- isPointInBBox: function(a, c, b) {
- return !!b && a >= b.x && a <= (b.x + b.width) && c >= b.y && c <= (b.y + b.height)
- },
- spline: function(m) {
- var e, c, k = m.length,
- b, h, l, f, a = 0,
- g = new Float32Array(m.length),
- n = new Float32Array(m.length * 3 - 2);
- g[0] = 0;
- g[k - 1] = 0;
- for (e = 1; e < k - 1; e++) {
- g[e] = (m[e + 1] + m[e - 1] - 2 * m[e]) - g[e - 1];
- a = 1 / (4 - a);
- g[e] *= a
- }
- for (e = k - 2; e > 0; e--) {
- a = 3.732050807568877 + 48.248711305964385 / (-13.928203230275537 + Math.pow(0.07179676972449123, e));
- g[e] -= g[e + 1] * a
- }
- f = m[0];
- b = f - g[0];
- for (e = 0, c = 0; e < k - 1; c += 3) {
- l = f;
- h = b;
- e++;
- f = m[e];
- b = f - g[e];
- n[c] = l;
- n[c + 1] = (b + 2 * h) / 3;
- n[c + 2] = (b * 2 + h) / 3
- }
- n[c] = f;
- return n
- },
- getAnchors: function(e, d, i, h, t, s, o) {
- o = o || 4;
- var n = Math.PI,
- p = n / 2,
- k = Math.abs,
- a = Math.sin,
- b = Math.cos,
- f = Math.atan,
- r, q, g, j, m, l, v, u, c;
- r = (i - e) / o;
- q = (t - i) / o;
- if ((h >= d && h >= s) || (h <= d && h <= s)) {
- g = j = p
- } else {
- g = f((i - e) / k(h - d));
- if (d < h) {
- g = n - g
- }
- j = f((t - i) / k(h - s));
- if (s < h) {
- j = n - j
- }
- }
- c = p - ((g + j) % (n * 2)) / 2;
- if (c > p) {
- c -= n
- }
- g += c;
- j += c;
- m = i - r * a(g);
- l = h + r * b(g);
- v = i + q * a(j);
- u = h + q * b(j);
- if ((h > d && l < d) || (h < d && l > d)) {
- m += k(d - l) * (m - i) / (l - h);
- l = d
- }
- if ((h > s && u < s) || (h < s && u > s)) {
- v -= k(s - u) * (v - i) / (u - h);
- u = s
- }
- return {
- x1: m,
- y1: l,
- x2: v,
- y2: u
- }
- },
- smooth: function(l, j, o) {
- var k = l.length,
- h, g, c, b, q, p, n, m, f = [],
- e = [],
- d, a;
- for (d = 0; d < k - 1; d++) {
- h = l[d];
- g = j[d];
- if (d === 0) {
- n = h;
- m = g;
- f.push(n);
- e.push(m);
- if (k === 1) {
- break
- }
- }
- c = l[d + 1];
- b = j[d + 1];
- q = l[d + 2];
- p = j[d + 2];
- if (!Ext.isNumber(q + p)) {
- f.push(n, c, c);
- e.push(m, b, b);
- break
- }
- a = this.getAnchors(h, g, c, b, q, p, o);
- f.push(n, a.x1, c);
- e.push(m, a.y1, b);
- n = a.x2;
- m = a.y2
- }
- return {
- smoothX: f,
- smoothY: e
- }
- },
- beginUpdateIOS: Ext.os.is.iOS ? function() {
- this.iosUpdateEl = Ext.getBody().createChild({
- style: "position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,0.001); z-index: 100000"
- })
- } : Ext.emptyFn,
- endUpdateIOS: function() {
- this.iosUpdateEl = Ext.destroy(this.iosUpdateEl)
- }
-});
-Ext.define("Ext.draw.gradient.Gradient", {
- requires: ["Ext.draw.Color"],
- isGradient: true,
- config: {
- stops: []
- },
- applyStops: function(f) {
- var e = [],
- d = f.length,
- c, b, a;
- for (c = 0; c < d; c++) {
- b = f[c];
- a = b.color;
- if (!(a && a.isColor)) {
- a = Ext.draw.Color.fly(a || Ext.draw.Color.NONE)
- }
- e.push({
- offset: Math.min(1, Math.max(0, "offset" in b ? b.offset : b.position || 0)),
- color: a.toString()
- })
- }
- e.sort(function(h, g) {
- return h.offset - g.offset
- });
- return e
- },
- onClassExtended: function(a, b) {
- if (!b.alias && b.type) {
- b.alias = "gradient." + b.type
- }
- },
- constructor: function(a) {
- this.initConfig(a)
- },
- generateGradient: Ext.emptyFn
-});
-Ext.define("Ext.draw.gradient.GradientDefinition", {
- singleton: true,
- urlStringRe: /^url\(#([\w\-]+)\)$/,
- gradients: {},
- add: function(a) {
- var b = this.gradients,
- c, e, d;
- for (c = 0, e = a.length; c < e; c++) {
- d = a[c];
- if (Ext.isString(d.id)) {
- b[d.id] = d
- }
- }
- },
- get: function(d) {
- var a = this.gradients,
- b = d.match(this.urlStringRe),
- c;
- if (b && b[1] && (c = a[b[1]])) {
- return c || d
- }
- return d
- }
-});
-Ext.define("Ext.draw.sprite.AttributeParser", {
- singleton: true,
- attributeRe: /^url\(#([a-zA-Z\-]+)\)$/,
- requires: ["Ext.draw.Color", "Ext.draw.gradient.GradientDefinition"],
- "default": Ext.identityFn,
- string: function(a) {
- return String(a)
- },
- number: function(a) {
- if (Ext.isNumber(+a)) {
- return a
- }
- },
- angle: function(a) {
- if (Ext.isNumber(a)) {
- a %= Math.PI * 2;
- if (a < -Math.PI) {
- a += Math.PI * 2
- } else {
- if (a >= Math.PI) {
- a -= Math.PI * 2
- }
- }
- return a
- }
- },
- data: function(a) {
- if (Ext.isArray(a)) {
- return a.slice()
- } else {
- if (a instanceof Float32Array) {
- return new Float32Array(a)
- }
- }
- },
- bool: function(a) {
- return !!a
- },
- color: function(a) {
- if (a instanceof Ext.draw.Color) {
- return a.toString()
- } else {
- if (a instanceof Ext.draw.gradient.Gradient) {
- return a
- } else {
- if (!a) {
- return Ext.draw.Color.NONE
- } else {
- if (Ext.isString(a)) {
- if (a.substr(0, 3) === "url") {
- a = Ext.draw.gradient.GradientDefinition.get(a);
- if (Ext.isString(a)) {
- return a
- }
- } else {
- return Ext.draw.Color.fly(a).toString()
- }
- }
- }
- }
- }
- if (a.type === "linear") {
- return Ext.create("Ext.draw.gradient.Linear", a)
- } else {
- if (a.type === "radial") {
- return Ext.create("Ext.draw.gradient.Radial", a)
- } else {
- if (a.type === "pattern") {
- return Ext.create("Ext.draw.gradient.Pattern", a)
- } else {
- return Ext.draw.Color.NONE
- }
- }
- }
- },
- limited: function(a, b) {
- return function(c) {
- c = +c;
- return Ext.isNumber(c) ? Math.min(Math.max(c, a), b) : undefined
- }
- },
- limited01: function(a) {
- a = +a;
- return Ext.isNumber(a) ? Math.min(Math.max(a, 0), 1) : undefined
- },
- enums: function() {
- var d = {},
- a = Array.prototype.slice.call(arguments, 0),
- b, c;
- for (b = 0, c = a.length; b < c; b++) {
- d[a[b]] = true
- }
- return function(e) {
- return e in d ? e : undefined
- }
- }
-});
-Ext.define("Ext.draw.sprite.AttributeDefinition", {
- requires: ["Ext.draw.sprite.AttributeParser", "Ext.draw.sprite.AnimationParser"],
- config: {
- defaults: {
- $value: {},
- lazy: true
- },
- aliases: {},
- animationProcessors: {},
- processors: {
- $value: {},
- lazy: true
- },
- dirtyTriggers: {},
- triggers: {},
- updaters: {}
- },
- inheritableStatics: {
- processorFactoryRe: /^(\w+)\(([\w\-,]*)\)$/
- },
- spriteClass: null,
- constructor: function(a) {
- var b = this;
- b.initConfig(a)
- },
- applyDefaults: function(b, a) {
- a = Ext.apply(a || {}, this.normalize(b));
- return a
- },
- applyAliases: function(b, a) {
- return Ext.apply(a || {}, b)
- },
- applyProcessors: function(e, i) {
- this.getAnimationProcessors();
- var j = i || {},
- h = Ext.draw.sprite.AttributeParser,
- a = this.self.processorFactoryRe,
- g = {},
- d, b, c, f;
- for (b in e) {
- f = e[b];
- if (typeof f === "string") {
- c = f.match(a);
- if (c) {
- f = h[c[1]].apply(h, c[2].split(","))
- } else {
- if (h[f]) {
- g[b] = f;
- d = true;
- f = h[f]
- }
- }
- }
- j[b] = f
- }
- if (d) {
- this.setAnimationProcessors(g)
- }
- return j
- },
- applyAnimationProcessors: function(c, a) {
- var e = Ext.draw.sprite.AnimationParser,
- b, d;
- if (!a) {
- a = {}
- }
- for (b in c) {
- d = c[b];
- if (d === "none") {
- a[b] = null
- } else {
- if (Ext.isString(d) && !(b in a)) {
- if (d in e) {
- while (Ext.isString(e[d])) {
- d = e[d]
- }
- a[b] = e[d]
- }
- } else {
- if (Ext.isObject(d)) {
- a[b] = d
- }
- }
- }
- }
- return a
- },
- updateDirtyTriggers: function(a) {
- this.setTriggers(a)
- },
- applyTriggers: function(b, c) {
- if (!c) {
- c = {}
- }
- for (var a in b) {
- c[a] = b[a].split(",")
- }
- return c
- },
- applyUpdaters: function(b, a) {
- return Ext.apply(a || {}, b)
- },
- batchedNormalize: function(f, n) {
- if (!f) {
- return {}
- }
- var j = this.getProcessors(),
- d = this.getAliases(),
- a = f.translation || f.translate,
- o = {},
- g, h, b, e, p, c, m, l, k;
- if ("rotation" in f) {
- p = f.rotation
- } else {
- p = ("rotate" in f) ? f.rotate : undefined
- }
- if ("scaling" in f) {
- c = f.scaling
- } else {
- c = ("scale" in f) ? f.scale : undefined
- }
- if (typeof c !== "undefined") {
- if (Ext.isNumber(c)) {
- o.scalingX = c;
- o.scalingY = c
- } else {
- if ("x" in c) {
- o.scalingX = c.x
- }
- if ("y" in c) {
- o.scalingY = c.y
- }
- if ("centerX" in c) {
- o.scalingCenterX = c.centerX
- }
- if ("centerY" in c) {
- o.scalingCenterY = c.centerY
- }
- }
- }
- if (typeof p !== "undefined") {
- if (Ext.isNumber(p)) {
- p = Ext.draw.Draw.rad(p);
- o.rotationRads = p
- } else {
- if ("rads" in p) {
- o.rotationRads = p.rads
- } else {
- if ("degrees" in p) {
- if (Ext.isArray(p.degrees)) {
- o.rotationRads = Ext.Array.map(p.degrees, function(i) {
- return Ext.draw.Draw.rad(i)
- })
- } else {
- o.rotationRads = Ext.draw.Draw.rad(p.degrees)
- }
- }
- }
- if ("centerX" in p) {
- o.rotationCenterX = p.centerX
- }
- if ("centerY" in p) {
- o.rotationCenterY = p.centerY
- }
- }
- }
- if (typeof a !== "undefined") {
- if ("x" in a) {
- o.translationX = a.x
- }
- if ("y" in a) {
- o.translationY = a.y
- }
- }
- if ("matrix" in f) {
- m = Ext.draw.Matrix.create(f.matrix);
- k = m.split();
- o.matrix = m;
- o.rotationRads = k.rotation;
- o.rotationCenterX = 0;
- o.rotationCenterY = 0;
- o.scalingX = k.scaleX;
- o.scalingY = k.scaleY;
- o.scalingCenterX = 0;
- o.scalingCenterY = 0;
- o.translationX = k.translateX;
- o.translationY = k.translateY
- }
- for (b in f) {
- e = f[b];
- if (typeof e === "undefined") {
- continue
- } else {
- if (Ext.isArray(e)) {
- if (b in d) {
- b = d[b]
- }
- if (b in j) {
- o[b] = [];
- for (g = 0, h = e.length; g < h; g++) {
- l = j[b].call(this, e[g]);
- if (typeof l !== "undefined") {
- o[b][g] = l
- }
- }
- } else {
- if (n) {
- o[b] = e
- }
- }
- } else {
- if (b in d) {
- b = d[b]
- }
- if (b in j) {
- e = j[b].call(this, e);
- if (typeof e !== "undefined") {
- o[b] = e
- }
- } else {
- if (n) {
- o[b] = e
- }
- }
- }
- }
- }
- return o
- },
- normalize: function(i, j) {
- if (!i) {
- return {}
- }
- var f = this.getProcessors(),
- d = this.getAliases(),
- a = i.translation || i.translate,
- k = {},
- b, e, l, c, h, g;
- if ("rotation" in i) {
- l = i.rotation
- } else {
- l = ("rotate" in i) ? i.rotate : undefined
- }
- if ("scaling" in i) {
- c = i.scaling
- } else {
- c = ("scale" in i) ? i.scale : undefined
- }
- if (a) {
- if ("x" in a) {
- k.translationX = a.x
- }
- if ("y" in a) {
- k.translationY = a.y
- }
- }
- if (typeof c !== "undefined") {
- if (Ext.isNumber(c)) {
- k.scalingX = c;
- k.scalingY = c
- } else {
- if ("x" in c) {
- k.scalingX = c.x
- }
- if ("y" in c) {
- k.scalingY = c.y
- }
- if ("centerX" in c) {
- k.scalingCenterX = c.centerX
- }
- if ("centerY" in c) {
- k.scalingCenterY = c.centerY
- }
- }
- }
- if (typeof l !== "undefined") {
- if (Ext.isNumber(l)) {
- l = Ext.draw.Draw.rad(l);
- k.rotationRads = l
- } else {
- if ("rads" in l) {
- k.rotationRads = l.rads
- } else {
- if ("degrees" in l) {
- k.rotationRads = Ext.draw.Draw.rad(l.degrees)
- }
- }
- if ("centerX" in l) {
- k.rotationCenterX = l.centerX
- }
- if ("centerY" in l) {
- k.rotationCenterY = l.centerY
- }
- }
- }
- if ("matrix" in i) {
- h = Ext.draw.Matrix.create(i.matrix);
- g = h.split();
- k.matrix = h;
- k.rotationRads = g.rotation;
- k.rotationCenterX = 0;
- k.rotationCenterY = 0;
- k.scalingX = g.scaleX;
- k.scalingY = g.scaleY;
- k.scalingCenterX = 0;
- k.scalingCenterY = 0;
- k.translationX = g.translateX;
- k.translationY = g.translateY
- }
- for (b in i) {
- e = i[b];
- if (typeof e === "undefined") {
- continue
- }
- if (b in d) {
- b = d[b]
- }
- if (b in f) {
- e = f[b].call(this, e);
- if (typeof e !== "undefined") {
- k[b] = e
- }
- } else {
- if (j) {
- k[b] = e
- }
- }
- }
- return k
- },
- setBypassingNormalization: function(a, c, b) {
- return c.pushDown(a, b)
- },
- set: function(a, c, b) {
- b = this.normalize(b);
- return this.setBypassingNormalization(a, c, b)
- }
-});
-Ext.define("Ext.draw.Matrix", {
- isMatrix: true,
- statics: {
- createAffineMatrixFromTwoPair: function(h, t, g, s, k, o, i, j) {
- var v = g - h,
- u = s - t,
- e = i - k,
- q = j - o,
- d = 1 / (v * v + u * u),
- p = v * e + u * q,
- n = e * u - v * q,
- m = -p * h - n * t,
- l = n * h - p * t;
- return new this(p * d, -n * d, n * d, p * d, m * d + k, l * d + o)
- },
- createPanZoomFromTwoPair: function(q, e, p, c, h, s, n, g) {
- if (arguments.length === 2) {
- return this.createPanZoomFromTwoPair.apply(this, q.concat(e))
- }
- var k = p - q,
- j = c - e,
- d = (q + p) * 0.5,
- b = (e + c) * 0.5,
- o = n - h,
- a = g - s,
- f = (h + n) * 0.5,
- l = (s + g) * 0.5,
- m = k * k + j * j,
- i = o * o + a * a,
- t = Math.sqrt(i / m);
- return new this(t, 0, 0, t, f - t * d, l - t * b)
- },
- fly: (function() {
- var a = null,
- b = function(c) {
- a.elements = c;
- return a
- };
- return function(c) {
- if (!a) {
- a = new Ext.draw.Matrix()
- }
- a.elements = c;
- Ext.draw.Matrix.fly = b;
- return a
- }
- })(),
- create: function(a) {
- if (a instanceof this) {
- return a
- }
- return new this(a)
- }
- },
- constructor: function(e, d, a, f, c, b) {
- if (e && e.length === 6) {
- this.elements = e.slice()
- } else {
- if (e !== undefined) {
- this.elements = [e, d, a, f, c, b]
- } else {
- this.elements = [1, 0, 0, 1, 0, 0]
- }
- }
- },
- prepend: function(a, l, h, g, m, k) {
- var b = this.elements,
- d = b[0],
- j = b[1],
- e = b[2],
- c = b[3],
- i = b[4],
- f = b[5];
- b[0] = a * d + h * j;
- b[1] = l * d + g * j;
- b[2] = a * e + h * c;
- b[3] = l * e + g * c;
- b[4] = a * i + h * f + m;
- b[5] = l * i + g * f + k;
- return this
- },
- prependMatrix: function(a) {
- return this.prepend.apply(this, a.elements)
- },
- append: function(a, l, h, g, m, k) {
- var b = this.elements,
- d = b[0],
- j = b[1],
- e = b[2],
- c = b[3],
- i = b[4],
- f = b[5];
- b[0] = a * d + l * e;
- b[1] = a * j + l * c;
- b[2] = h * d + g * e;
- b[3] = h * j + g * c;
- b[4] = m * d + k * e + i;
- b[5] = m * j + k * c + f;
- return this
- },
- appendMatrix: function(a) {
- return this.append.apply(this, a.elements)
- },
- set: function(f, e, a, g, c, b) {
- var d = this.elements;
- d[0] = f;
- d[1] = e;
- d[2] = a;
- d[3] = g;
- d[4] = c;
- d[5] = b;
- return this
- },
- inverse: function(i) {
- var g = this.elements,
- o = g[0],
- m = g[1],
- l = g[2],
- k = g[3],
- j = g[4],
- h = g[5],
- n = 1 / (o * k - m * l);
- o *= n;
- m *= n;
- l *= n;
- k *= n;
- if (i) {
- i.set(k, -m, -l, o, l * h - k * j, m * j - o * h);
- return i
- } else {
- return new Ext.draw.Matrix(k, -m, -l, o, l * h - k * j, m * j - o * h)
- }
- },
- translate: function(a, c, b) {
- if (b) {
- return this.prepend(1, 0, 0, 1, a, c)
- } else {
- return this.append(1, 0, 0, 1, a, c)
- }
- },
- scale: function(f, e, c, a, b) {
- var d = this;
- if (e == null) {
- e = f
- }
- if (c === undefined) {
- c = 0
- }
- if (a === undefined) {
- a = 0
- }
- if (b) {
- return d.prepend(f, 0, 0, e, c - c * f, a - a * e)
- } else {
- return d.append(f, 0, 0, e, c - c * f, a - a * e)
- }
- },
- rotate: function(g, e, c, b) {
- var d = this,
- f = Math.cos(g),
- a = Math.sin(g);
- e = e || 0;
- c = c || 0;
- if (b) {
- return d.prepend(f, a, -a, f, e - f * e + c * a, c - f * c - e * a)
- } else {
- return d.append(f, a, -a, f, e - f * e + c * a, c - f * c - e * a)
- }
- },
- rotateFromVector: function(a, h, c) {
- var e = this,
- g = Math.sqrt(a * a + h * h),
- f = a / g,
- b = h / g;
- if (c) {
- return e.prepend(f, b, -b, f, 0, 0)
- } else {
- return e.append(f, b, -b, f, 0, 0)
- }
- },
- clone: function() {
- return new Ext.draw.Matrix(this.elements)
- },
- flipX: function() {
- return this.append(-1, 0, 0, 1, 0, 0)
- },
- flipY: function() {
- return this.append(1, 0, 0, -1, 0, 0)
- },
- skewX: function(a) {
- return this.append(1, 0, Math.tan(a), 1, 0, 0)
- },
- skewY: function(a) {
- return this.append(1, Math.tan(a), 0, 1, 0, 0)
- },
- shearX: function(a) {
- return this.append(1, 0, a, 1, 0, 0)
- },
- shearY: function(a) {
- return this.append(1, a, 0, 1, 0, 0)
- },
- reset: function() {
- return this.set(1, 0, 0, 1, 0, 0)
- },
- precisionCompensate: function(j, g) {
- var c = this.elements,
- f = c[0],
- e = c[1],
- i = c[2],
- h = c[3],
- d = c[4],
- b = c[5],
- a = e * i - f * h;
- g.b = j * e / f;
- g.c = j * i / h;
- g.d = j;
- g.xx = f / j;
- g.yy = h / j;
- g.dx = (b * f * i - d * f * h) / a / j;
- g.dy = (d * e * h - b * f * h) / a / j
- },
- precisionCompensateRect: function(j, g) {
- var b = this.elements,
- f = b[0],
- e = b[1],
- i = b[2],
- h = b[3],
- c = b[4],
- a = b[5],
- d = i / f;
- g.b = j * e / f;
- g.c = j * d;
- g.d = j * h / f;
- g.xx = f / j;
- g.yy = f / j;
- g.dx = (a * i - c * h) / (e * d - h) / j;
- g.dy = -(a * f - c * e) / (e * d - h) / j
- },
- x: function(a, c) {
- var b = this.elements;
- return a * b[0] + c * b[2] + b[4]
- },
- y: function(a, c) {
- var b = this.elements;
- return a * b[1] + c * b[3] + b[5]
- },
- get: function(b, a) {
- return +this.elements[b + a * 2].toFixed(4)
- },
- transformPoint: function(b) {
- var c = this.elements,
- a, d;
- if (b.isPoint) {
- a = b.x;
- d = b.y
- } else {
- a = b[0];
- d = b[1]
- }
- return [a * c[0] + d * c[2] + c[4], a * c[1] + d * c[3] + c[5]]
- },
- transformBBox: function(q, i, j) {
- var b = this.elements,
- d = q.x,
- r = q.y,
- g = q.width * 0.5,
- o = q.height * 0.5,
- a = b[0],
- s = b[1],
- n = b[2],
- k = b[3],
- e = d + g,
- c = r + o,
- p, f, m;
- if (i) {
- g -= i;
- o -= i;
- m = [Math.sqrt(b[0] * b[0] + b[2] * b[2]), Math.sqrt(b[1] * b[1] + b[3] * b[3])];
- p = Math.abs(g * a) + Math.abs(o * n) + Math.abs(m[0] * i);
- f = Math.abs(g * s) + Math.abs(o * k) + Math.abs(m[1] * i)
- } else {
- p = Math.abs(g * a) + Math.abs(o * n);
- f = Math.abs(g * s) + Math.abs(o * k)
- }
- if (!j) {
- j = {}
- }
- j.x = e * a + c * n + b[4] - p;
- j.y = e * s + c * k + b[5] - f;
- j.width = p + p;
- j.height = f + f;
- return j
- },
- transformList: function(e) {
- var b = this.elements,
- a = b[0],
- h = b[2],
- l = b[4],
- k = b[1],
- g = b[3],
- j = b[5],
- f = e.length,
- c, d;
- for (d = 0; d < f; d++) {
- c = e[d];
- e[d] = [c[0] * a + c[1] * h + l, c[0] * k + c[1] * g + j]
- }
- return e
- },
- isIdentity: function() {
- var a = this.elements;
- return a[0] === 1 && a[1] === 0 && a[2] === 0 && a[3] === 1 && a[4] === 0 && a[5] === 0
- },
- isEqual: function(a) {
- var c = a && a.isMatrix ? a.elements : a,
- b = this.elements;
- return b[0] === c[0] && b[1] === c[1] && b[2] === c[2] && b[3] === c[3] && b[4] === c[4] && b[5] === c[5]
- },
- equals: function(a) {
- return this.isEqual(a)
- },
- toArray: function() {
- var a = this.elements;
- return [a[0], a[2], a[4], a[1], a[3], a[5]]
- },
- toVerticalArray: function() {
- return this.elements.slice()
- },
- toString: function() {
- var a = this;
- return [a.get(0, 0), a.get(0, 1), a.get(1, 0), a.get(1, 1), a.get(2, 0), a.get(2, 1)].join(",")
- },
- toContext: function(a) {
- a.transform.apply(a, this.elements);
- return this
- },
- toSvg: function() {
- var a = this.elements;
- return "matrix(" + a[0].toFixed(9) + "," + a[1].toFixed(9) + "," + a[2].toFixed(9) + "," + a[3].toFixed(9) + "," + a[4].toFixed(9) + "," + a[5].toFixed(9) + ")"
- },
- getScaleX: function() {
- var a = this.elements;
- return Math.sqrt(a[0] * a[0] + a[2] * a[2])
- },
- getScaleY: function() {
- var a = this.elements;
- return Math.sqrt(a[1] * a[1] + a[3] * a[3])
- },
- getXX: function() {
- return this.elements[0]
- },
- getXY: function() {
- return this.elements[1]
- },
- getYX: function() {
- return this.elements[2]
- },
- getYY: function() {
- return this.elements[3]
- },
- getDX: function() {
- return this.elements[4]
- },
- getDY: function() {
- return this.elements[5]
- },
- split: function() {
- var b = this.elements,
- d = b[0],
- c = b[1],
- e = b[3],
- a = {
- translateX: b[4],
- translateY: b[5]
- };
- a.rotate = a.rotation = Math.atan2(c, d);
- a.scaleX = d / Math.cos(a.rotate);
- a.scaleY = e / d * a.scaleX;
- return a
- }
-}, function() {
- function b(e, c, d) {
- e[c] = {
- get: function() {
- return this.elements[d]
- },
- set: function(f) {
- this.elements[d] = f
- }
- }
- }
- if (Object.defineProperties) {
- var a = {};
- b(a, "a", 0);
- b(a, "b", 1);
- b(a, "c", 2);
- b(a, "d", 3);
- b(a, "e", 4);
- b(a, "f", 5);
- Object.defineProperties(this.prototype, a)
- }
- this.prototype.multiply = this.prototype.appendMatrix
-});
-Ext.define("Ext.draw.modifier.Modifier", {
- mixins: {
- observable: "Ext.mixin.Observable"
- },
- config: {
- previous: null,
- next: null,
- sprite: null
- },
- constructor: function(a) {
- this.mixins.observable.constructor.call(this, a)
- },
- updateNext: function(a) {
- if (a) {
- a.setPrevious(this)
- }
- },
- updatePrevious: function(a) {
- if (a) {
- a.setNext(this)
- }
- },
- prepareAttributes: function(a) {
- if (this._previous) {
- this._previous.prepareAttributes(a)
- }
- },
- popUp: function(a, b) {
- if (this._next) {
- this._next.popUp(a, b)
- } else {
- Ext.apply(a, b)
- }
- },
- pushDown: function(a, c) {
- if (this._previous) {
- return this._previous.pushDown(a, c)
- } else {
- for (var b in c) {
- if (c[b] === a[b]) {
- delete c[b]
- }
- }
- return c
- }
- }
-});
-Ext.define("Ext.draw.modifier.Target", {
- requires: ["Ext.draw.Matrix"],
- extend: "Ext.draw.modifier.Modifier",
- alias: "modifier.target",
- statics: {
- uniqueId: 0
- },
- prepareAttributes: function(a) {
- var b = this.getPrevious();
- if (b) {
- b.prepareAttributes(a)
- }
- a.attributeId = "attribute-" + Ext.draw.modifier.Target.uniqueId++;
- if (!a.hasOwnProperty("canvasAttributes")) {
- a.bbox = {
- plain: {
- dirty: true
- },
- transform: {
- dirty: true
- }
- };
- a.dirty = true;
- a.pendingUpdaters = {};
- a.canvasAttributes = {};
- a.matrix = new Ext.draw.Matrix();
- a.inverseMatrix = new Ext.draw.Matrix()
- }
- },
- applyChanges: function(f, k) {
- Ext.apply(f, k);
- var l = this.getSprite(),
- o = f.pendingUpdaters,
- h = l.self.def.getTriggers(),
- p, a, m, b, e, n, d, c, g;
- for (b in k) {
- e = true;
- if ((p = h[b])) {
- l.scheduleUpdaters(f, p, [b])
- }
- if (f.template && k.removeFromInstance && k.removeFromInstance[b]) {
- delete f[b]
- }
- }
- if (!e) {
- return
- }
- if (o.canvas) {
- n = o.canvas;
- delete o.canvas;
- for (d = 0, g = n.length; d < g; d++) {
- b = n[d];
- f.canvasAttributes[b] = f[b]
- }
- }
- if (f.hasOwnProperty("children")) {
- a = f.children;
- for (d = 0, g = a.length; d < g; d++) {
- m = a[d];
- Ext.apply(m.pendingUpdaters, o);
- if (n) {
- for (c = 0; c < n.length; c++) {
- b = n[c];
- m.canvasAttributes[b] = m[b]
- }
- }
- l.callUpdaters(m)
- }
- }
- l.setDirty(true);
- l.callUpdaters(f)
- },
- popUp: function(a, b) {
- this.applyChanges(a, b)
- },
- pushDown: function(a, b) {
- var c = this.getPrevious();
- if (c) {
- b = c.pushDown(a, b)
- }
- this.applyChanges(a, b);
- return b
- }
-});
-Ext.define("Ext.draw.TimingFunctions", function() {
- var g = Math.pow,
- j = Math.sin,
- m = Math.cos,
- l = Math.sqrt,
- e = Math.PI,
- b = ["quad", "cube", "quart", "quint"],
- c = {
- pow: function(o, i) {
- return g(o, i || 6)
- },
- expo: function(i) {
- return g(2, 8 * (i - 1))
- },
- circ: function(i) {
- return 1 - l(1 - i * i)
- },
- sine: function(i) {
- return 1 - j((1 - i) * e / 2)
- },
- back: function(i, o) {
- o = o || 1.616;
- return i * i * ((o + 1) * i - o)
- },
- bounce: function(q) {
- for (var o = 0, i = 1; 1; o += i, i /= 2) {
- if (q >= (7 - 4 * o) / 11) {
- return i * i - g((11 - 6 * o - 11 * q) / 4, 2)
- }
- }
- },
- elastic: function(o, i) {
- return g(2, 10 * --o) * m(20 * o * e * (i || 1) / 3)
- }
- },
- k = {},
- a, f, d;
-
- function h(i) {
- return function(o) {
- return g(o, i)
- }
- }
-
- function n(i, o) {
- k[i + "In"] = function(p) {
- return o(p)
- };
- k[i + "Out"] = function(p) {
- return 1 - o(1 - p)
- };
- k[i + "InOut"] = function(p) {
- return (p <= 0.5) ? o(2 * p) / 2 : (2 - o(2 * (1 - p))) / 2
- }
- }
- for (d = 0, f = b.length; d < f; ++d) {
- c[b[d]] = h(d + 2)
- }
- for (a in c) {
- n(a, c[a])
- }
- k.linear = Ext.identityFn;
- k.easeIn = k.quadIn;
- k.easeOut = k.quadOut;
- k.easeInOut = k.quadInOut;
- return {
- singleton: true,
- easingMap: k
- }
-}, function(a) {
- Ext.apply(a, a.easingMap)
-});
-Ext.define("Ext.draw.Animator", {
- uses: ["Ext.draw.Draw"],
- singleton: true,
- frameCallbacks: {},
- frameCallbackId: 0,
- scheduled: 0,
- frameStartTimeOffset: Ext.now(),
- animations: [],
- running: false,
- animationTime: function() {
- return Ext.AnimationQueue.frameStartTime - this.frameStartTimeOffset
- },
- add: function(b) {
- var a = this;
- if (!a.contains(b)) {
- a.animations.push(b);
- a.ignite();
- if ("fireEvent" in b) {
- b.fireEvent("animationstart", b)
- }
- }
- },
- remove: function(d) {
- var c = this,
- e = c.animations,
- b = 0,
- a = e.length;
- for (; b < a; ++b) {
- if (e[b] === d) {
- e.splice(b, 1);
- if ("fireEvent" in d) {
- d.fireEvent("animationend", d)
- }
- return
- }
- }
- },
- contains: function(a) {
- return Ext.Array.indexOf(this.animations, a) > -1
- },
- empty: function() {
- return this.animations.length === 0
- },
- step: function(d) {
- var c = this,
- f = c.animations,
- e, a = 0,
- b = f.length;
- for (; a < b; a++) {
- e = f[a];
- e.step(d);
- if (!e.animating) {
- f.splice(a, 1);
- a--;
- b--;
- if (e.fireEvent) {
- e.fireEvent("animationend", e)
- }
- }
- }
- },
- schedule: function(c, a) {
- a = a || this;
- var b = "frameCallback" + (this.frameCallbackId++);
- if (Ext.isString(c)) {
- c = a[c]
- }
- Ext.draw.Animator.frameCallbacks[b] = {
- fn: c,
- scope: a,
- once: true
- };
- this.scheduled++;
- Ext.draw.Animator.ignite();
- return b
- },
- scheduleIf: function(e, b) {
- b = b || this;
- var c = Ext.draw.Animator.frameCallbacks,
- a, d;
- if (Ext.isString(e)) {
- e = b[e]
- }
- for (d in c) {
- a = c[d];
- if (a.once && a.fn === e && a.scope === b) {
- return null
- }
- }
- return this.schedule(e, b)
- },
- cancel: function(a) {
- if (Ext.draw.Animator.frameCallbacks[a] && Ext.draw.Animator.frameCallbacks[a].once) {
- this.scheduled--;
- delete Ext.draw.Animator.frameCallbacks[a]
- }
- },
- addFrameCallback: function(c, a) {
- a = a || this;
- if (Ext.isString(c)) {
- c = a[c]
- }
- var b = "frameCallback" + (this.frameCallbackId++);
- Ext.draw.Animator.frameCallbacks[b] = {
- fn: c,
- scope: a
- };
- return b
- },
- removeFrameCallback: function(a) {
- delete Ext.draw.Animator.frameCallbacks[a]
- },
- fireFrameCallbacks: function() {
- var c = this.frameCallbacks,
- d, b, a;
- for (d in c) {
- a = c[d];
- b = a.fn;
- if (Ext.isString(b)) {
- b = a.scope[b]
- }
- b.call(a.scope);
- if (c[d] && a.once) {
- this.scheduled--;
- delete c[d]
- }
- }
- },
- handleFrame: function() {
- this.step(this.animationTime());
- this.fireFrameCallbacks();
- if (!this.scheduled && this.empty()) {
- Ext.AnimationQueue.stop(this.handleFrame, this);
- this.running = false;
- Ext.draw.Draw.endUpdateIOS()
- }
- },
- ignite: function() {
- if (!this.running) {
- this.running = true;
- Ext.AnimationQueue.start(this.handleFrame, this);
- Ext.draw.Draw.beginUpdateIOS()
- }
- }
-});
-Ext.define("Ext.draw.modifier.Animation", {
- requires: ["Ext.draw.TimingFunctions", "Ext.draw.Animator"],
- extend: "Ext.draw.modifier.Modifier",
- alias: "modifier.animation",
- config: {
- easing: Ext.identityFn,
- duration: 0,
- customEasings: {},
- customDurations: {},
- customDuration: null
- },
- constructor: function(a) {
- var b = this;
- b.anyAnimation = b.anySpecialAnimations = false;
- b.animating = 0;
- b.animatingPool = [];
- b.callParent([a])
- },
- prepareAttributes: function(a) {
- if (!a.hasOwnProperty("timers")) {
- a.animating = false;
- a.timers = {};
- a.animationOriginal = Ext.Object.chain(a);
- a.animationOriginal.prototype = a
- }
- if (this._previous) {
- this._previous.prepareAttributes(a.animationOriginal)
- }
- },
- updateSprite: function(a) {
- this.setConfig(a.config.fx)
- },
- updateDuration: function(a) {
- this.anyAnimation = a > 0
- },
- applyEasing: function(a) {
- if (typeof a === "string") {
- a = Ext.draw.TimingFunctions.easingMap[a]
- }
- return a
- },
- applyCustomEasings: function(a, e) {
- e = e || {};
- var g, d, b, h, c, f;
- for (d in a) {
- g = true;
- h = a[d];
- b = d.split(",");
- if (typeof h === "string") {
- h = Ext.draw.TimingFunctions.easingMap[h]
- }
- for (c = 0, f = b.length; c < f; c++) {
- e[b[c]] = h
- }
- }
- if (g) {
- this.anySpecialAnimations = g
- }
- return e
- },
- setEasingOn: function(a, e) {
- a = Ext.Array.from(a).slice();
- var c = {},
- d = a.length,
- b = 0;
- for (; b < d; b++) {
- c[a[b]] = e
- }
- this.setCustomEasings(c)
- },
- clearEasingOn: function(a) {
- a = Ext.Array.from(a, true);
- var b = 0,
- c = a.length;
- for (; b < c; b++) {
- delete this._customEasings[a[b]]
- }
- },
- applyCustomDurations: function(g, h) {
- h = h || {};
- var e, c, f, a, b, d;
- for (c in g) {
- e = true;
- f = g[c];
- a = c.split(",");
- for (b = 0, d = a.length; b < d; b++) {
- h[a[b]] = f
- }
- }
- if (e) {
- this.anySpecialAnimations = e
- }
- return h
- },
- applyCustomDuration: function(a, b) {
- if (a) {
- this.getCustomDurations();
- this.setCustomDurations(a)
- }
- },
- setDurationOn: function(b, e) {
- b = Ext.Array.from(b).slice();
- var a = {},
- c = 0,
- d = b.length;
- for (; c < d; c++) {
- a[b[c]] = e
- }
- this.setCustomDurations(a)
- },
- clearDurationOn: function(a) {
- a = Ext.Array.from(a, true);
- var b = 0,
- c = a.length;
- for (; b < c; b++) {
- delete this._customDurations[a[b]]
- }
- },
- setAnimating: function(a, b) {
- var e = this,
- d = e.animatingPool;
- if (a.animating !== b) {
- a.animating = b;
- if (b) {
- d.push(a);
- if (e.animating === 0) {
- Ext.draw.Animator.add(e)
- }
- e.animating++
- } else {
- for (var c = d.length; c--;) {
- if (d[c] === a) {
- d.splice(c, 1)
- }
- }
- e.animating = d.length
- }
- }
- },
- setAttrs: function(r, t) {
- var s = this,
- m = r.timers,
- h = s._sprite.self.def._animationProcessors,
- f = s._easing,
- e = s._duration,
- j = s._customDurations,
- i = s._customEasings,
- g = s.anySpecialAnimations,
- n = s.anyAnimation || g,
- o = r.animationOriginal,
- d = false,
- k, u, l, p, c, q, a;
- if (!n) {
- for (u in t) {
- if (r[u] === t[u]) {
- delete t[u]
- } else {
- r[u] = t[u]
- }
- delete o[u];
- delete m[u]
- }
- return t
- } else {
- for (u in t) {
- l = t[u];
- p = r[u];
- if (l !== p && p !== undefined && p !== null && (c = h[u])) {
- q = f;
- a = e;
- if (g) {
- if (u in i) {
- q = i[u]
- }
- if (u in j) {
- a = j[u]
- }
- }
- if (p && p.isGradient || l && l.isGradient) {
- a = 0
- }
- if (a) {
- if (!m[u]) {
- m[u] = {}
- }
- k = m[u];
- k.start = 0;
- k.easing = q;
- k.duration = a;
- k.compute = c.compute;
- k.serve = c.serve || Ext.identityFn;
- k.remove = t.removeFromInstance && t.removeFromInstance[u];
- if (c.parseInitial) {
- var b = c.parseInitial(p, l);
- k.source = b[0];
- k.target = b[1]
- } else {
- if (c.parse) {
- k.source = c.parse(p);
- k.target = c.parse(l)
- } else {
- k.source = p;
- k.target = l
- }
- }
- o[u] = l;
- delete t[u];
- d = true;
- continue
- } else {
- delete o[u]
- }
- } else {
- delete o[u]
- }
- delete m[u]
- }
- }
- if (d && !r.animating) {
- s.setAnimating(r, true)
- }
- return t
- },
- updateAttributes: function(g) {
- if (!g.animating) {
- return {}
- }
- var h = {},
- e = false,
- d = g.timers,
- f = g.animationOriginal,
- c = Ext.draw.Animator.animationTime(),
- a, b, i;
- if (g.lastUpdate === c) {
- return null
- }
- for (a in d) {
- b = d[a];
- if (!b.start) {
- b.start = c;
- i = 0
- } else {
- i = (c - b.start) / b.duration
- }
- if (i >= 1) {
- h[a] = f[a];
- delete f[a];
- if (d[a].remove) {
- h.removeFromInstance = h.removeFromInstance || {};
- h.removeFromInstance[a] = true
- }
- delete d[a]
- } else {
- h[a] = b.serve(b.compute(b.source, b.target, b.easing(i), g[a]));
- e = true
- }
- }
- g.lastUpdate = c;
- this.setAnimating(g, e);
- return h
- },
- pushDown: function(a, b) {
- b = this.callParent([a.animationOriginal, b]);
- return this.setAttrs(a, b)
- },
- popUp: function(a, b) {
- a = a.prototype;
- b = this.setAttrs(a, b);
- if (this._next) {
- return this._next.popUp(a, b)
- } else {
- return Ext.apply(a, b)
- }
- },
- step: function(g) {
- var f = this,
- c = f.animatingPool.slice(),
- e = c.length,
- b = 0,
- a, d;
- for (; b < e; b++) {
- a = c[b];
- d = f.updateAttributes(a);
- if (d && f._next) {
- f._next.popUp(a, d)
- }
- }
- },
- stop: function() {
- this.step();
- var d = this,
- b = d.animatingPool,
- a, c;
- for (a = 0, c = b.length; a < c; a++) {
- b[a].animating = false
- }
- d.animatingPool.length = 0;
- d.animating = 0;
- Ext.draw.Animator.remove(d)
- },
- destroy: function() {
- this.animatingPool.length = 0;
- this.animating = 0;
- this.callParent()
- }
-});
-Ext.define("Ext.draw.modifier.Highlight", {
- extend: "Ext.draw.modifier.Modifier",
- alias: "modifier.highlight",
- config: {
- enabled: false,
- highlightStyle: null
- },
- preFx: true,
- applyHighlightStyle: function(b, a) {
- a = a || {};
- if (this.getSprite()) {
- Ext.apply(a, this.getSprite().self.def.normalize(b))
- } else {
- Ext.apply(a, b)
- }
- return a
- },
- prepareAttributes: function(a) {
- if (!a.hasOwnProperty("highlightOriginal")) {
- a.highlighted = false;
- a.highlightOriginal = Ext.Object.chain(a);
- a.highlightOriginal.prototype = a;
- a.highlightOriginal.removeFromInstance = {}
- }
- if (this._previous) {
- this._previous.prepareAttributes(a.highlightOriginal)
- }
- },
- updateSprite: function(b, a) {
- if (b) {
- if (this.getHighlightStyle()) {
- this._highlightStyle = b.self.def.normalize(this.getHighlightStyle())
- }
- this.setHighlightStyle(b.config.highlight)
- }
- b.self.def.setConfig({
- defaults: {
- highlighted: false
- },
- processors: {
- highlighted: "bool"
- }
- });
- this.setSprite(b)
- },
- filterChanges: function(a, d) {
- var e = this,
- f = a.highlightOriginal,
- c = e.getHighlightStyle(),
- b;
- if (a.highlighted) {
- for (b in d) {
- if (c.hasOwnProperty(b)) {
- f[b] = d[b];
- delete d[b]
- }
- }
- }
- for (b in d) {
- if (b !== "highlighted" && f[b] === d[b]) {
- delete d[b]
- }
- }
- return d
- },
- pushDown: function(e, g) {
- var f = this.getHighlightStyle(),
- c = e.highlightOriginal,
- i = c.removeFromInstance,
- d, a, h, b;
- if (g.hasOwnProperty("highlighted")) {
- d = g.highlighted;
- delete g.highlighted;
- if (this._previous) {
- g = this._previous.pushDown(c, g)
- }
- g = this.filterChanges(e, g);
- if (d !== e.highlighted) {
- if (d) {
- for (a in f) {
- if (a in g) {
- c[a] = g[a]
- } else {
- h = e.template && e.template.ownAttr;
- if (h && !e.prototype.hasOwnProperty(a)) {
- i[a] = true;
- c[a] = h.animationOriginal[a]
- } else {
- b = c.timers[a];
- if (b && b.remove) {
- i[a] = true
- }
- c[a] = e[a]
- }
- }
- if (c[a] !== f[a]) {
- g[a] = f[a]
- }
- }
- } else {
- for (a in f) {
- if (!(a in g)) {
- g[a] = c[a]
- }
- delete c[a]
- }
- g.removeFromInstance = g.removeFromInstance || {};
- Ext.apply(g.removeFromInstance, i);
- c.removeFromInstance = {}
- }
- g.highlighted = d
- }
- } else {
- if (this._previous) {
- g = this._previous.pushDown(c, g)
- }
- g = this.filterChanges(e, g)
- }
- return g
- },
- popUp: function(a, b) {
- b = this.filterChanges(a, b);
- Ext.draw.modifier.Modifier.prototype.popUp.call(this, a, b)
- }
-});
-Ext.define("Ext.draw.sprite.Sprite", {
- alias: "sprite.sprite",
- mixins: {
- observable: "Ext.mixin.Observable"
- },
- requires: ["Ext.draw.Draw", "Ext.draw.gradient.Gradient", "Ext.draw.sprite.AttributeDefinition", "Ext.draw.modifier.Target", "Ext.draw.modifier.Animation", "Ext.draw.modifier.Highlight"],
- isSprite: true,
- statics: {
- defaultHitTestOptions: {
- fill: true,
- stroke: true
- }
- },
- inheritableStatics: {
- def: {
- processors: {
- strokeStyle: "color",
- fillStyle: "color",
- strokeOpacity: "limited01",
- fillOpacity: "limited01",
- lineWidth: "number",
- lineCap: "enums(butt,round,square)",
- lineJoin: "enums(round,bevel,miter)",
- lineDash: "data",
- lineDashOffset: "number",
- miterLimit: "number",
- shadowColor: "color",
- shadowOffsetX: "number",
- shadowOffsetY: "number",
- shadowBlur: "number",
- globalAlpha: "limited01",
- globalCompositeOperation: "enums(source-over,destination-over,source-in,destination-in,source-out,destination-out,source-atop,destination-atop,lighter,xor,copy)",
- hidden: "bool",
- transformFillStroke: "bool",
- zIndex: "number",
- translationX: "number",
- translationY: "number",
- rotationRads: "number",
- rotationCenterX: "number",
- rotationCenterY: "number",
- scalingX: "number",
- scalingY: "number",
- scalingCenterX: "number",
- scalingCenterY: "number",
- constrainGradients: "bool"
- },
- aliases: {
- stroke: "strokeStyle",
- fill: "fillStyle",
- color: "fillStyle",
- "stroke-width": "lineWidth",
- "stroke-linecap": "lineCap",
- "stroke-linejoin": "lineJoin",
- "stroke-miterlimit": "miterLimit",
- "text-anchor": "textAlign",
- opacity: "globalAlpha",
- translateX: "translationX",
- translateY: "translationY",
- rotateRads: "rotationRads",
- rotateCenterX: "rotationCenterX",
- rotateCenterY: "rotationCenterY",
- scaleX: "scalingX",
- scaleY: "scalingY",
- scaleCenterX: "scalingCenterX",
- scaleCenterY: "scalingCenterY"
- },
- defaults: {
- hidden: false,
- zIndex: 0,
- strokeStyle: "none",
- fillStyle: "none",
- lineWidth: 1,
- lineDash: [],
- lineDashOffset: 0,
- lineCap: "butt",
- lineJoin: "miter",
- miterLimit: 10,
- shadowColor: "none",
- shadowOffsetX: 0,
- shadowOffsetY: 0,
- shadowBlur: 0,
- globalAlpha: 1,
- strokeOpacity: 1,
- fillOpacity: 1,
- transformFillStroke: false,
- translationX: 0,
- translationY: 0,
- rotationRads: 0,
- rotationCenterX: null,
- rotationCenterY: null,
- scalingX: 1,
- scalingY: 1,
- scalingCenterX: null,
- scalingCenterY: null,
- constrainGradients: false
- },
- triggers: {
- zIndex: "zIndex",
- globalAlpha: "canvas",
- globalCompositeOperation: "canvas",
- transformFillStroke: "canvas",
- strokeStyle: "canvas",
- fillStyle: "canvas",
- strokeOpacity: "canvas",
- fillOpacity: "canvas",
- lineWidth: "canvas",
- lineCap: "canvas",
- lineJoin: "canvas",
- lineDash: "canvas",
- lineDashOffset: "canvas",
- miterLimit: "canvas",
- shadowColor: "canvas",
- shadowOffsetX: "canvas",
- shadowOffsetY: "canvas",
- shadowBlur: "canvas",
- translationX: "transform",
- translationY: "transform",
- rotationRads: "transform",
- rotationCenterX: "transform",
- rotationCenterY: "transform",
- scalingX: "transform",
- scalingY: "transform",
- scalingCenterX: "transform",
- scalingCenterY: "transform",
- constrainGradients: "canvas"
- },
- updaters: {
- bbox: "bboxUpdater",
- zIndex: function(a) {
- a.dirtyZIndex = true
- },
- transform: function(a) {
- a.dirtyTransform = true;
- a.bbox.transform.dirty = true
- }
- }
- }
- },
- config: {
- parent: null,
- surface: null
- },
- onClassExtended: function(d, c) {
- var b = d.superclass.self.def.initialConfig,
- e = c.inheritableStatics && c.inheritableStatics.def,
- a;
- if (e) {
- a = Ext.Object.merge({}, b, e);
- d.def = new Ext.draw.sprite.AttributeDefinition(a);
- delete c.inheritableStatics.def
- } else {
- d.def = new Ext.draw.sprite.AttributeDefinition(b)
- }
- d.def.spriteClass = d
- },
- constructor: function(b) {
- var d = this,
- c = d.self.def,
- e = c.getDefaults(),
- a;
- b = Ext.isObject(b) ? b : {};
- d.id = b.id || Ext.id(null, "ext-sprite-");
- d.attr = {};
- d.mixins.observable.constructor.apply(d, arguments);
- a = Ext.Array.from(b.modifiers, true);
- d.prepareModifiers(a);
- d.initializeAttributes();
- d.setAttributes(e, true);
- d.setAttributes(b)
- },
- getDirty: function() {
- return this.attr.dirty
- },
- setDirty: function(b) {
- this.attr.dirty = b;
- if (b) {
- var a = this.getParent();
- if (a) {
- a.setDirty(true)
- }
- }
- },
- addModifier: function(a, b) {
- var c = this;
- if (!(a instanceof Ext.draw.modifier.Modifier)) {
- a = Ext.factory(a, null, null, "modifier")
- }
- a.setSprite(c);
- if (a.preFx || a.config && a.config.preFx) {
- if (c.fx.getPrevious()) {
- c.fx.getPrevious().setNext(a)
- }
- a.setNext(c.fx)
- } else {
- c.topModifier.getPrevious().setNext(a);
- a.setNext(c.topModifier)
- }
- if (b) {
- c.initializeAttributes()
- }
- return a
- },
- prepareModifiers: function(d) {
- var c = this,
- a, b;
- c.topModifier = new Ext.draw.modifier.Target({
- sprite: c
- });
- c.fx = new Ext.draw.modifier.Animation({
- sprite: c
- });
- c.fx.setNext(c.topModifier);
- for (a = 0, b = d.length; a < b; a++) {
- c.addModifier(d[a], false)
- }
- },
- getAnimation: function() {
- return this.fx
- },
- setAnimation: function(a) {
- this.fx.setConfig(a)
- },
- initializeAttributes: function() {
- this.topModifier.prepareAttributes(this.attr)
- },
- callUpdaters: function(d) {
- var e = this,
- h = d.pendingUpdaters,
- i = e.self.def.getUpdaters(),
- c = false,
- a = false,
- b, g, f;
- e.callUpdaters = Ext.emptyFn;
- do {
- c = false;
- for (g in h) {
- c = true;
- b = h[g];
- delete h[g];
- f = i[g];
- if (typeof f === "string") {
- f = e[f]
- }
- if (f) {
- f.call(e, d, b)
- }
- }
- a = a || c
- } while (c);
- delete e.callUpdaters;
- if (a) {
- e.setDirty(true)
- }
- },
- scheduleUpdaters: function(a, e, c) {
- var f;
- if (c) {
- for (var b = 0, d = e.length; b < d; b++) {
- f = e[b];
- this.scheduleUpdater(a, f, c)
- }
- } else {
- for (f in e) {
- c = e[f];
- this.scheduleUpdater(a, f, c)
- }
- }
- },
- scheduleUpdater: function(a, c, b) {
- b = b || [];
- var d = a.pendingUpdaters;
- if (c in d) {
- if (b.length) {
- d[c] = Ext.Array.merge(d[c], b)
- }
- } else {
- d[c] = b
- }
- },
- setAttributes: function(d, g, c) {
- var a = this.attr,
- b, e, f;
- if (g) {
- if (c) {
- this.topModifier.pushDown(a, d)
- } else {
- f = {};
- for (b in d) {
- e = d[b];
- if (e !== a[b]) {
- f[b] = e
- }
- }
- this.topModifier.pushDown(a, f)
- }
- } else {
- this.topModifier.pushDown(a, this.self.def.normalize(d))
- }
- },
- setAttributesBypassingNormalization: function(b, a) {
- return this.setAttributes(b, true, a)
- },
- bboxUpdater: function(b) {
- var c = b.rotationRads !== 0,
- a = b.scalingX !== 1 || b.scalingY !== 1,
- d = b.rotationCenterX === null || b.rotationCenterY === null,
- e = b.scalingCenterX === null || b.scalingCenterY === null;
- b.bbox.plain.dirty = true;
- b.bbox.transform.dirty = true;
- if (c && d || a && e) {
- this.scheduleUpdater(b, "transform")
- }
- },
- getBBox: function(d) {
- var e = this,
- a = e.attr,
- f = a.bbox,
- c = f.plain,
- b = f.transform;
- if (c.dirty) {
- e.updatePlainBBox(c);
- c.dirty = false
- }
- if (!d) {
- e.applyTransformations();
- if (b.dirty) {
- e.updateTransformedBBox(b, c);
- b.dirty = false
- }
- return b
- }
- return c
- },
- updatePlainBBox: Ext.emptyFn,
- updateTransformedBBox: function(a, b) {
- this.attr.matrix.transformBBox(b, 0, a)
- },
- getBBoxCenter: function(a) {
- var b = this.getBBox(a);
- if (b) {
- return [b.x + b.width * 0.5, b.y + b.height * 0.5]
- } else {
- return [0, 0]
- }
- },
- hide: function() {
- this.attr.hidden = true;
- this.setDirty(true);
- return this
- },
- show: function() {
- this.attr.hidden = false;
- this.setDirty(true);
- return this
- },
- useAttributes: function(i, f) {
- this.applyTransformations();
- var d = this.attr,
- h = d.canvasAttributes,
- e = h.strokeStyle,
- g = h.fillStyle,
- b = h.lineDash,
- c = h.lineDashOffset,
- a;
- if (e) {
- if (e.isGradient) {
- i.strokeStyle = "black";
- i.strokeGradient = e
- } else {
- i.strokeGradient = false
- }
- }
- if (g) {
- if (g.isGradient) {
- i.fillStyle = "black";
- i.fillGradient = g
- } else {
- i.fillGradient = false
- }
- }
- if (b) {
- i.setLineDash(b)
- }
- if (Ext.isNumber(c + i.lineDashOffset)) {
- i.lineDashOffset = c
- }
- for (a in h) {
- if (h[a] !== undefined && h[a] !== i[a]) {
- i[a] = h[a]
- }
- }
- this.setGradientBBox(i, f)
- },
- setGradientBBox: function(b, c) {
- var a = this.attr;
- if (a.constrainGradients) {
- b.setGradientBBox({
- x: c[0],
- y: c[1],
- width: c[2],
- height: c[3]
- })
- } else {
- b.setGradientBBox(this.getBBox(a.transformFillStroke))
- }
- },
- applyTransformations: function(b) {
- if (!b && !this.attr.dirtyTransform) {
- return
- }
- var r = this,
- k = r.attr,
- p = r.getBBoxCenter(true),
- g = p[0],
- f = p[1],
- q = k.translationX,
- o = k.translationY,
- j = k.scalingX,
- i = k.scalingY === null ? k.scalingX : k.scalingY,
- m = k.scalingCenterX === null ? g : k.scalingCenterX,
- l = k.scalingCenterY === null ? f : k.scalingCenterY,
- s = k.rotationRads,
- e = k.rotationCenterX === null ? g : k.rotationCenterX,
- d = k.rotationCenterY === null ? f : k.rotationCenterY,
- c = Math.cos(s),
- a = Math.sin(s),
- n, h;
- if (j === 1 && i === 1) {
- m = 0;
- l = 0
- }
- if (s === 0) {
- e = 0;
- d = 0
- }
- n = m * (1 - j) - e;
- h = l * (1 - i) - d;
- k.matrix.elements = [c * j, a * j, -a * i, c * i, c * n - a * h + e + q, a * n + c * h + d + o];
- k.matrix.inverse(k.inverseMatrix);
- k.dirtyTransform = false;
- k.bbox.transform.dirty = true
- },
- transform: function(b, c) {
- var a = this.attr,
- e = a.matrix,
- d;
- if (b && b.isMatrix) {
- d = b.elements
- } else {
- d = b
- }
- e.prepend.apply(e, d.slice());
- e.inverse(a.inverseMatrix);
- if (c) {
- this.updateTransformAttributes()
- }
- a.dirtyTransform = false;
- a.bbox.transform.dirty = true;
- this.setDirty(true);
- return this
- },
- updateTransformAttributes: function() {
- var a = this.attr,
- b = a.matrix.split();
- a.rotationRads = b.rotate;
- a.rotationCenterX = 0;
- a.rotationCenterY = 0;
- a.scalingX = b.scaleX;
- a.scalingY = b.scaleY;
- a.scalingCenterX = 0;
- a.scalingCenterY = 0;
- a.translationX = b.translateX;
- a.translationY = b.translateY
- },
- resetTransform: function(b) {
- var a = this.attr;
- a.matrix.reset();
- a.inverseMatrix.reset();
- if (!b) {
- this.updateTransformAttributes()
- }
- a.dirtyTransform = false;
- a.bbox.transform.dirty = true;
- this.setDirty(true);
- return this
- },
- setTransform: function(a, b) {
- this.resetTransform(true);
- this.transform.call(this, a, b);
- return this
- },
- preRender: Ext.emptyFn,
- render: Ext.emptyFn,
- hitTest: function(b, c) {
- if (this.isVisible()) {
- var a = b[0],
- f = b[1],
- e = this.getBBox(),
- d = e && a >= e.x && a <= (e.x + e.width) && f >= e.y && f <= (e.y + e.height);
- if (d) {
- return {
- sprite: this
- }
- }
- }
- return null
- },
- isVisible: function() {
- var e = this.attr,
- f = this.getParent(),
- g = f && (f.isSurface || f.isVisible()),
- d = g && !e.hidden && e.globalAlpha,
- b = Ext.draw.Color.NONE,
- a = Ext.draw.Color.RGBA_NONE,
- c = e.fillOpacity && e.fillStyle !== b && e.fillStyle !== a,
- i = e.strokeOpacity && e.strokeStyle !== b && e.strokeStyle !== a,
- h = d && (c || i);
- return !!h
- },
- repaint: function() {
- var a = this.getSurface();
- if (a) {
- a.renderFrame()
- }
- },
- remove: function() {
- var a = this.getSurface();
- if (a && a.isSurface) {
- return a.remove(this)
- }
- return null
- },
- destroy: function() {
- var b = this,
- a = b.topModifier,
- c;
- while (a) {
- c = a;
- a = a.getPrevious();
- c.destroy()
- }
- delete b.attr;
- b.remove();
- if (b.fireEvent("beforedestroy", b) !== false) {
- b.fireEvent("destroy", b)
- }
- b.callParent()
- }
-}, function() {
- this.def = new Ext.draw.sprite.AttributeDefinition(this.def);
- this.def.spriteClass = this
-});
-Ext.define("Ext.draw.Path", {
- requires: ["Ext.draw.Draw"],
- statics: {
- pathRe: /,?([achlmqrstvxz]),?/gi,
- pathRe2: /-/gi,
- pathSplitRe: /\s|,/g
- },
- svgString: "",
- constructor: function(a) {
- var b = this;
- b.commands = [];
- b.params = [];
- b.cursor = null;
- b.startX = 0;
- b.startY = 0;
- if (a) {
- b.fromSvgString(a)
- }
- },
- clear: function() {
- var a = this;
- a.params.length = 0;
- a.commands.length = 0;
- a.cursor = null;
- a.startX = 0;
- a.startY = 0;
- a.dirt()
- },
- dirt: function() {
- this.svgString = ""
- },
- moveTo: function(a, c) {
- var b = this;
- if (!b.cursor) {
- b.cursor = [a, c]
- }
- b.params.push(a, c);
- b.commands.push("M");
- b.startX = a;
- b.startY = c;
- b.cursor[0] = a;
- b.cursor[1] = c;
- b.dirt()
- },
- lineTo: function(a, c) {
- var b = this;
- if (!b.cursor) {
- b.cursor = [a, c];
- b.params.push(a, c);
- b.commands.push("M")
- } else {
- b.params.push(a, c);
- b.commands.push("L")
- }
- b.cursor[0] = a;
- b.cursor[1] = c;
- b.dirt()
- },
- bezierCurveTo: function(c, e, b, d, a, g) {
- var f = this;
- if (!f.cursor) {
- f.moveTo(c, e)
- }
- f.params.push(c, e, b, d, a, g);
- f.commands.push("C");
- f.cursor[0] = a;
- f.cursor[1] = g;
- f.dirt()
- },
- quadraticCurveTo: function(b, e, a, d) {
- var c = this;
- if (!c.cursor) {
- c.moveTo(b, e)
- }
- c.bezierCurveTo((2 * b + c.cursor[0]) / 3, (2 * e + c.cursor[1]) / 3, (2 * b + a) / 3, (2 * e + d) / 3, a, d)
- },
- closePath: function() {
- var a = this;
- if (a.cursor) {
- a.cursor = null;
- a.commands.push("Z");
- a.dirt()
- }
- },
- arcTo: function(A, f, z, d, j, i, v) {
- var E = this;
- if (i === undefined) {
- i = j
- }
- if (v === undefined) {
- v = 0
- }
- if (!E.cursor) {
- E.moveTo(A, f);
- return
- }
- if (j === 0 || i === 0) {
- E.lineTo(A, f);
- return
- }
- z -= A;
- d -= f;
- var B = E.cursor[0] - A,
- g = E.cursor[1] - f,
- C = z * g - d * B,
- b, a, l, r, k, q, x = Math.sqrt(B * B + g * g),
- u = Math.sqrt(z * z + d * d),
- t, e, c;
- if (C === 0) {
- E.lineTo(A, f);
- return
- }
- if (i !== j) {
- b = Math.cos(v);
- a = Math.sin(v);
- l = b / j;
- r = a / i;
- k = -a / j;
- q = b / i;
- var D = l * B + r * g;
- g = k * B + q * g;
- B = D;
- D = l * z + r * d;
- d = k * z + q * d;
- z = D
- } else {
- B /= j;
- g /= i;
- z /= j;
- d /= i
- }
- e = B * u + z * x;
- c = g * u + d * x;
- t = 1 / (Math.sin(Math.asin(Math.abs(C) / (x * u)) * 0.5) * Math.sqrt(e * e + c * c));
- e *= t;
- c *= t;
- var o = (e * B + c * g) / (B * B + g * g),
- m = (e * z + c * d) / (z * z + d * d);
- var n = B * o - e,
- p = g * o - c,
- h = z * m - e,
- y = d * m - c,
- w = Math.atan2(p, n),
- s = Math.atan2(y, h);
- if (C > 0) {
- if (s < w) {
- s += Math.PI * 2
- }
- } else {
- if (w < s) {
- w += Math.PI * 2
- }
- }
- if (i !== j) {
- e = b * e * j - a * c * i + A;
- c = a * c * i + b * c * i + f;
- E.lineTo(b * j * n - a * i * p + e, a * j * n + b * i * p + c);
- E.ellipse(e, c, j, i, v, w, s, C < 0)
- } else {
- e = e * j + A;
- c = c * i + f;
- E.lineTo(j * n + e, i * p + c);
- E.ellipse(e, c, j, i, v, w, s, C < 0)
- }
- },
- ellipse: function(h, f, c, a, q, n, d, e) {
- var o = this,
- g = o.params,
- b = g.length,
- m, l, k;
- if (d - n >= Math.PI * 2) {
- o.ellipse(h, f, c, a, q, n, n + Math.PI, e);
- o.ellipse(h, f, c, a, q, n + Math.PI, d, e);
- return
- }
- if (!e) {
- if (d < n) {
- d += Math.PI * 2
- }
- m = o.approximateArc(g, h, f, c, a, q, n, d)
- } else {
- if (n < d) {
- n += Math.PI * 2
- }
- m = o.approximateArc(g, h, f, c, a, q, d, n);
- for (l = b, k = g.length - 2; l < k; l += 2, k -= 2) {
- var p = g[l];
- g[l] = g[k];
- g[k] = p;
- p = g[l + 1];
- g[l + 1] = g[k + 1];
- g[k + 1] = p
- }
- }
- if (!o.cursor) {
- o.cursor = [g[g.length - 2], g[g.length - 1]];
- o.commands.push("M")
- } else {
- o.cursor[0] = g[g.length - 2];
- o.cursor[1] = g[g.length - 1];
- o.commands.push("L")
- }
- for (l = 2; l < m; l += 6) {
- o.commands.push("C")
- }
- o.dirt()
- },
- arc: function(b, f, a, d, c, e) {
- this.ellipse(b, f, a, a, 0, d, c, e)
- },
- rect: function(b, e, c, a) {
- if (c == 0 || a == 0) {
- return
- }
- var d = this;
- d.moveTo(b, e);
- d.lineTo(b + c, e);
- d.lineTo(b + c, e + a);
- d.lineTo(b, e + a);
- d.closePath()
- },
- approximateArc: function(s, i, f, o, n, d, x, v) {
- var e = Math.cos(d),
- z = Math.sin(d),
- k = Math.cos(x),
- l = Math.sin(x),
- q = e * k * o - z * l * n,
- y = -e * l * o - z * k * n,
- p = z * k * o + e * l * n,
- w = -z * l * o + e * k * n,
- m = Math.PI / 2,
- r = 2,
- j = q,
- u = y,
- h = p,
- t = w,
- b = 0.547443256150549,
- C, g, A, a, B, c;
- v -= x;
- if (v < 0) {
- v += Math.PI * 2
- }
- s.push(q + i, p + f);
- while (v >= m) {
- s.push(j + u * b + i, h + t * b + f, j * b + u + i, h * b + t + f, u + i, t + f);
- r += 6;
- v -= m;
- C = j;
- j = u;
- u = -C;
- C = h;
- h = t;
- t = -C
- }
- if (v) {
- g = (0.3294738052815987 + 0.012120855841304373 * v) * v;
- A = Math.cos(v);
- a = Math.sin(v);
- B = A + g * a;
- c = a - g * A;
- s.push(j + u * g + i, h + t * g + f, j * B + u * c + i, h * B + t * c + f, j * A + u * a + i, h * A + t * a + f);
- r += 6
- }
- return r
- },
- arcSvg: function(j, h, r, m, w, t, c) {
- if (j < 0) {
- j = -j
- }
- if (h < 0) {
- h = -h
- }
- var x = this,
- u = x.cursor[0],
- f = x.cursor[1],
- a = (u - t) / 2,
- y = (f - c) / 2,
- d = Math.cos(r),
- s = Math.sin(r),
- o = a * d + y * s,
- v = -a * s + y * d,
- i = o / j,
- g = v / h,
- p = i * i + g * g,
- e = (u + t) * 0.5,
- b = (f + c) * 0.5,
- l = 0,
- k = 0;
- if (p >= 1) {
- p = Math.sqrt(p);
- j *= p;
- h *= p
- } else {
- p = Math.sqrt(1 / p - 1);
- if (m === w) {
- p = -p
- }
- l = p * j * g;
- k = -p * h * i;
- e += d * l - s * k;
- b += s * l + d * k
- }
- var q = Math.atan2((v - k) / h, (o - l) / j),
- n = Math.atan2((-v - k) / h, (-o - l) / j) - q;
- if (w) {
- if (n <= 0) {
- n += Math.PI * 2
- }
- } else {
- if (n >= 0) {
- n -= Math.PI * 2
- }
- }
- x.ellipse(e, b, j, h, r, q, q + n, 1 - w)
- },
- fromSvgString: function(e) {
- if (!e) {
- return
- }
- var m = this,
- h, l = {
- a: 7,
- c: 6,
- h: 1,
- l: 2,
- m: 2,
- q: 4,
- s: 4,
- t: 2,
- v: 1,
- z: 0,
- A: 7,
- C: 6,
- H: 1,
- L: 2,
- M: 2,
- Q: 4,
- S: 4,
- T: 2,
- V: 1,
- Z: 0
- },
- k = "",
- g, f, c = 0,
- b = 0,
- d = false,
- j, n, a;
- if (Ext.isString(e)) {
- h = e.replace(Ext.draw.Path.pathRe, " $1 ").replace(Ext.draw.Path.pathRe2, " -").split(Ext.draw.Path.pathSplitRe)
- } else {
- if (Ext.isArray(e)) {
- h = e.join(",").split(Ext.draw.Path.pathSplitRe)
- }
- }
- for (j = 0, n = 0; j < h.length; j++) {
- if (h[j] !== "") {
- h[n++] = h[j]
- }
- }
- h.length = n;
- m.clear();
- for (j = 0; j < h.length;) {
- k = d;
- d = h[j];
- a = (d.toUpperCase() !== d);
- j++;
- switch (d) {
- case "M":
- m.moveTo(c = +h[j], b = +h[j + 1]);
- j += 2;
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c = +h[j], b = +h[j + 1]);
- j += 2
- }
- break;
- case "L":
- m.lineTo(c = +h[j], b = +h[j + 1]);
- j += 2;
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c = +h[j], b = +h[j + 1]);
- j += 2
- }
- break;
- case "A":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.arcSvg(+h[j], +h[j + 1], +h[j + 2] * Math.PI / 180, +h[j + 3], +h[j + 4], c = +h[j + 5], b = +h[j + 6]);
- j += 7
- }
- break;
- case "C":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.bezierCurveTo(+h[j], +h[j + 1], g = +h[j + 2], f = +h[j + 3], c = +h[j + 4], b = +h[j + 5]);
- j += 6
- }
- break;
- case "Z":
- m.closePath();
- break;
- case "m":
- m.moveTo(c += +h[j], b += +h[j + 1]);
- j += 2;
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c += +h[j], b += +h[j + 1]);
- j += 2
- }
- break;
- case "l":
- m.lineTo(c += +h[j], b += +h[j + 1]);
- j += 2;
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c += +h[j], b += +h[j + 1]);
- j += 2
- }
- break;
- case "a":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.arcSvg(+h[j], +h[j + 1], +h[j + 2] * Math.PI / 180, +h[j + 3], +h[j + 4], c += +h[j + 5], b += +h[j + 6]);
- j += 7
- }
- break;
- case "c":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.bezierCurveTo(c + (+h[j]), b + (+h[j + 1]), g = c + (+h[j + 2]), f = b + (+h[j + 3]), c += +h[j + 4], b += +h[j + 5]);
- j += 6
- }
- break;
- case "z":
- m.closePath();
- break;
- case "s":
- if (!(k === "c" || k === "C" || k === "s" || k === "S")) {
- g = c;
- f = b
- }
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.bezierCurveTo(c + c - g, b + b - f, g = c + (+h[j]), f = b + (+h[j + 1]), c += +h[j + 2], b += +h[j + 3]);
- j += 4
- }
- break;
- case "S":
- if (!(k === "c" || k === "C" || k === "s" || k === "S")) {
- g = c;
- f = b
- }
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.bezierCurveTo(c + c - g, b + b - f, g = +h[j], f = +h[j + 1], c = (+h[j + 2]), b = (+h[j + 3]));
- j += 4
- }
- break;
- case "q":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.quadraticCurveTo(g = c + (+h[j]), f = b + (+h[j + 1]), c += +h[j + 2], b += +h[j + 3]);
- j += 4
- }
- break;
- case "Q":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.quadraticCurveTo(g = +h[j], f = +h[j + 1], c = +h[j + 2], b = +h[j + 3]);
- j += 4
- }
- break;
- case "t":
- if (!(k === "q" || k === "Q" || k === "t" || k === "T")) {
- g = c;
- f = b
- }
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.quadraticCurveTo(g = c + c - g, f = b + b - f, c += +h[j + 1], b += +h[j + 2]);
- j += 2
- }
- break;
- case "T":
- if (!(k === "q" || k === "Q" || k === "t" || k === "T")) {
- g = c;
- f = b
- }
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.quadraticCurveTo(g = c + c - g, f = b + b - f, c = (+h[j + 1]), b = (+h[j + 2]));
- j += 2
- }
- break;
- case "h":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c += +h[j], b);
- j++
- }
- break;
- case "H":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c = +h[j], b);
- j++
- }
- break;
- case "v":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c, b += +h[j]);
- j++
- }
- break;
- case "V":
- while (j < n && !l.hasOwnProperty(h[j])) {
- m.lineTo(c, b = +h[j]);
- j++
- }
- break
- }
- }
- },
- clone: function() {
- var a = this,
- b = new Ext.draw.Path();
- b.params = a.params.slice(0);
- b.commands = a.commands.slice(0);
- b.cursor = a.cursor ? a.cursor.slice(0) : null;
- b.startX = a.startX;
- b.startY = a.startY;
- b.svgString = a.svgString;
- return b
- },
- transform: function(j) {
- if (j.isIdentity()) {
- return
- }
- var a = j.getXX(),
- f = j.getYX(),
- m = j.getDX(),
- l = j.getXY(),
- e = j.getYY(),
- k = j.getDY(),
- b = this.params,
- c = 0,
- d = b.length,
- h, g;
- for (; c < d; c += 2) {
- h = b[c];
- g = b[c + 1];
- b[c] = h * a + g * f + m;
- b[c + 1] = h * l + g * e + k
- }
- this.dirt()
- },
- getDimension: function(f) {
- if (!f) {
- f = {}
- }
- if (!this.commands || !this.commands.length) {
- f.x = 0;
- f.y = 0;
- f.width = 0;
- f.height = 0;
- return f
- }
- f.left = Infinity;
- f.top = Infinity;
- f.right = -Infinity;
- f.bottom = -Infinity;
- var d = 0,
- c = 0,
- b = this.commands,
- g = this.params,
- e = b.length,
- a, h;
- for (; d < e; d++) {
- switch (b[d]) {
- case "M":
- case "L":
- a = g[c];
- h = g[c + 1];
- f.left = Math.min(a, f.left);
- f.top = Math.min(h, f.top);
- f.right = Math.max(a, f.right);
- f.bottom = Math.max(h, f.bottom);
- c += 2;
- break;
- case "C":
- this.expandDimension(f, a, h, g[c], g[c + 1], g[c + 2], g[c + 3], a = g[c + 4], h = g[c + 5]);
- c += 6;
- break
- }
- }
- f.x = f.left;
- f.y = f.top;
- f.width = f.right - f.left;
- f.height = f.bottom - f.top;
- return f
- },
- getDimensionWithTransform: function(n, f) {
- if (!this.commands || !this.commands.length) {
- if (!f) {
- f = {}
- }
- f.x = 0;
- f.y = 0;
- f.width = 0;
- f.height = 0;
- return f
- }
- f.left = Infinity;
- f.top = Infinity;
- f.right = -Infinity;
- f.bottom = -Infinity;
- var a = n.getXX(),
- k = n.getYX(),
- q = n.getDX(),
- p = n.getXY(),
- h = n.getYY(),
- o = n.getDY(),
- e = 0,
- d = 0,
- b = this.commands,
- c = this.params,
- g = b.length,
- m, l;
- for (; e < g; e++) {
- switch (b[e]) {
- case "M":
- case "L":
- m = c[d] * a + c[d + 1] * k + q;
- l = c[d] * p + c[d + 1] * h + o;
- f.left = Math.min(m, f.left);
- f.top = Math.min(l, f.top);
- f.right = Math.max(m, f.right);
- f.bottom = Math.max(l, f.bottom);
- d += 2;
- break;
- case "C":
- this.expandDimension(f, m, l, c[d] * a + c[d + 1] * k + q, c[d] * p + c[d + 1] * h + o, c[d + 2] * a + c[d + 3] * k + q, c[d + 2] * p + c[d + 3] * h + o, m = c[d + 4] * a + c[d + 5] * k + q, l = c[d + 4] * p + c[d + 5] * h + o);
- d += 6;
- break
- }
- }
- if (!f) {
- f = {}
- }
- f.x = f.left;
- f.y = f.top;
- f.width = f.right - f.left;
- f.height = f.bottom - f.top;
- return f
- },
- expandDimension: function(i, d, p, k, g, j, e, c, o) {
- var m = this,
- f = i.left,
- a = i.right,
- q = i.top,
- n = i.bottom,
- h = m.dim || (m.dim = []);
- m.curveDimension(d, k, j, c, h);
- f = Math.min(f, h[0]);
- a = Math.max(a, h[1]);
- m.curveDimension(p, g, e, o, h);
- q = Math.min(q, h[0]);
- n = Math.max(n, h[1]);
- i.left = f;
- i.right = a;
- i.top = q;
- i.bottom = n
- },
- curveDimension: function(p, n, k, j, h) {
- var i = 3 * (-p + 3 * (n - k) + j),
- g = 6 * (p - 2 * n + k),
- f = -3 * (p - n),
- o, m, e = Math.min(p, j),
- l = Math.max(p, j),
- q;
- if (i === 0) {
- if (g === 0) {
- h[0] = e;
- h[1] = l;
- return
- } else {
- o = -f / g;
- if (0 < o && o < 1) {
- m = this.interpolate(p, n, k, j, o);
- e = Math.min(e, m);
- l = Math.max(l, m)
- }
- }
- } else {
- q = g * g - 4 * i * f;
- if (q >= 0) {
- q = Math.sqrt(q);
- o = (q - g) / 2 / i;
- if (0 < o && o < 1) {
- m = this.interpolate(p, n, k, j, o);
- e = Math.min(e, m);
- l = Math.max(l, m)
- }
- if (q > 0) {
- o -= q / i;
- if (0 < o && o < 1) {
- m = this.interpolate(p, n, k, j, o);
- e = Math.min(e, m);
- l = Math.max(l, m)
- }
- }
- }
- }
- h[0] = e;
- h[1] = l
- },
- interpolate: function(f, e, j, i, g) {
- if (g === 0) {
- return f
- }
- if (g === 1) {
- return i
- }
- var h = (1 - g) / g;
- return g * g * g * (i + h * (3 * j + h * (3 * e + h * f)))
- },
- fromStripes: function(g) {
- var e = this,
- c = 0,
- d = g.length,
- b, a, f;
- e.clear();
- for (; c < d; c++) {
- f = g[c];
- e.params.push.apply(e.params, f);
- e.commands.push("M");
- for (b = 2, a = f.length; b < a; b += 6) {
- e.commands.push("C")
- }
- }
- if (!e.cursor) {
- e.cursor = []
- }
- e.cursor[0] = e.params[e.params.length - 2];
- e.cursor[1] = e.params[e.params.length - 1];
- e.dirt()
- },
- toStripes: function(k) {
- var o = k || [],
- p, n, m, b, a, h, g, f, e, c = this.commands,
- d = this.params,
- l = c.length;
- for (f = 0, e = 0; f < l; f++) {
- switch (c[f]) {
- case "M":
- p = [h = b = d[e++], g = a = d[e++]];
- o.push(p);
- break;
- case "L":
- n = d[e++];
- m = d[e++];
- p.push((b + b + n) / 3, (a + a + m) / 3, (b + n + n) / 3, (a + m + m) / 3, b = n, a = m);
- break;
- case "C":
- p.push(d[e++], d[e++], d[e++], d[e++], b = d[e++], a = d[e++]);
- break;
- case "Z":
- n = h;
- m = g;
- p.push((b + b + n) / 3, (a + a + m) / 3, (b + n + n) / 3, (a + m + m) / 3, b = n, a = m);
- break
- }
- }
- return o
- },
- updateSvgString: function() {
- var b = [],
- a = this.commands,
- f = this.params,
- e = a.length,
- d = 0,
- c = 0;
- for (; d < e; d++) {
- switch (a[d]) {
- case "M":
- b.push("M" + f[c] + "," + f[c + 1]);
- c += 2;
- break;
- case "L":
- b.push("L" + f[c] + "," + f[c + 1]);
- c += 2;
- break;
- case "C":
- b.push("C" + f[c] + "," + f[c + 1] + " " + f[c + 2] + "," + f[c + 3] + " " + f[c + 4] + "," + f[c + 5]);
- c += 6;
- break;
- case "Z":
- b.push("Z");
- break
- }
- }
- this.svgString = b.join("")
- },
- toString: function() {
- if (!this.svgString) {
- this.updateSvgString()
- }
- return this.svgString
- }
-});
-Ext.define("Ext.draw.overrides.Path", {
- override: "Ext.draw.Path",
- rayOrigin: {
- x: -10000,
- y: -10000
- },
- isPointInPath: function(o, n) {
- var m = this,
- c = m.commands,
- q = Ext.draw.PathUtil,
- p = m.rayOrigin,
- f = m.params,
- l = c.length,
- e = null,
- d = null,
- b = 0,
- a = 0,
- k = 0,
- h, g;
- for (h = 0, g = 0; h < l; h++) {
- switch (c[h]) {
- case "M":
- if (e !== null) {
- if (q.linesIntersection(e, d, b, a, p.x, p.y, o, n)) {
- k += 1
- }
- }
- e = b = f[g];
- d = a = f[g + 1];
- g += 2;
- break;
- case "L":
- if (q.linesIntersection(b, a, f[g], f[g + 1], p.x, p.y, o, n)) {
- k += 1
- }
- b = f[g];
- a = f[g + 1];
- g += 2;
- break;
- case "C":
- k += q.cubicLineIntersections(b, f[g], f[g + 2], f[g + 4], a, f[g + 1], f[g + 3], f[g + 5], p.x, p.y, o, n).length;
- b = f[g + 4];
- a = f[g + 5];
- g += 6;
- break;
- case "Z":
- if (e !== null) {
- if (q.linesIntersection(e, d, b, a, p.x, p.y, o, n)) {
- k += 1
- }
- }
- break
- }
- }
- return k % 2 === 1
- },
- isPointOnPath: function(n, m) {
- var l = this,
- c = l.commands,
- o = Ext.draw.PathUtil,
- f = l.params,
- k = c.length,
- e = null,
- d = null,
- b = 0,
- a = 0,
- h, g;
- for (h = 0, g = 0; h < k; h++) {
- switch (c[h]) {
- case "M":
- if (e !== null) {
- if (o.pointOnLine(e, d, b, a, n, m)) {
- return true
- }
- }
- e = b = f[g];
- d = a = f[g + 1];
- g += 2;
- break;
- case "L":
- if (o.pointOnLine(b, a, f[g], f[g + 1], n, m)) {
- return true
- }
- b = f[g];
- a = f[g + 1];
- g += 2;
- break;
- case "C":
- if (o.pointOnCubic(b, f[g], f[g + 2], f[g + 4], a, f[g + 1], f[g + 3], f[g + 5], n, m)) {
- return true
- }
- b = f[g + 4];
- a = f[g + 5];
- g += 6;
- break;
- case "Z":
- if (e !== null) {
- if (o.pointOnLine(e, d, b, a, n, m)) {
- return true
- }
- }
- break
- }
- }
- return false
- },
- getSegmentIntersections: function(t, d, s, c, r, b, o, a) {
- var w = this,
- g = arguments.length,
- v = Ext.draw.PathUtil,
- f = w.commands,
- u = w.params,
- k = f.length,
- m = null,
- l = null,
- h = 0,
- e = 0,
- x = [],
- q, n, p;
- for (q = 0, n = 0; q < k; q++) {
- switch (f[q]) {
- case "M":
- if (m !== null) {
- switch (g) {
- case 4:
- p = v.linesIntersection(m, l, h, e, t, d, s, c);
- if (p) {
- x.push(p)
- }
- break;
- case 8:
- p = v.cubicLineIntersections(t, s, r, o, d, c, b, a, m, l, h, e);
- x.push.apply(x, p);
- break
- }
- }
- m = h = u[n];
- l = e = u[n + 1];
- n += 2;
- break;
- case "L":
- switch (g) {
- case 4:
- p = v.linesIntersection(h, e, u[n], u[n + 1], t, d, s, c);
- if (p) {
- x.push(p)
- }
- break;
- case 8:
- p = v.cubicLineIntersections(t, s, r, o, d, c, b, a, h, e, u[n], u[n + 1]);
- x.push.apply(x, p);
- break
- }
- h = u[n];
- e = u[n + 1];
- n += 2;
- break;
- case "C":
- switch (g) {
- case 4:
- p = v.cubicLineIntersections(h, u[n], u[n + 2], u[n + 4], e, u[n + 1], u[n + 3], u[n + 5], t, d, s, c);
- x.push.apply(x, p);
- break;
- case 8:
- p = v.cubicsIntersections(h, u[n], u[n + 2], u[n + 4], e, u[n + 1], u[n + 3], u[n + 5], t, s, r, o, d, c, b, a);
- x.push.apply(x, p);
- break
- }
- h = u[n + 4];
- e = u[n + 5];
- n += 6;
- break;
- case "Z":
- if (m !== null) {
- switch (g) {
- case 4:
- p = v.linesIntersection(m, l, h, e, t, d, s, c);
- if (p) {
- x.push(p)
- }
- break;
- case 8:
- p = v.cubicLineIntersections(t, s, r, o, d, c, b, a, m, l, h, e);
- x.push.apply(x, p);
- break
- }
- }
- break
- }
- }
- return x
- },
- getIntersections: function(o) {
- var m = this,
- c = m.commands,
- g = m.params,
- l = c.length,
- f = null,
- e = null,
- b = 0,
- a = 0,
- d = [],
- k, h, n;
- for (k = 0, h = 0; k < l; k++) {
- switch (c[k]) {
- case "M":
- if (f !== null) {
- n = o.getSegmentIntersections.call(o, f, e, b, a);
- d.push.apply(d, n)
- }
- f = b = g[h];
- e = a = g[h + 1];
- h += 2;
- break;
- case "L":
- n = o.getSegmentIntersections.call(o, b, a, g[h], g[h + 1]);
- d.push.apply(d, n);
- b = g[h];
- a = g[h + 1];
- h += 2;
- break;
- case "C":
- n = o.getSegmentIntersections.call(o, b, a, g[h], g[h + 1], g[h + 2], g[h + 3], g[h + 4], g[h + 5]);
- d.push.apply(d, n);
- b = g[h + 4];
- a = g[h + 5];
- h += 6;
- break;
- case "Z":
- if (f !== null) {
- n = o.getSegmentIntersections.call(o, f, e, b, a);
- d.push.apply(d, n)
- }
- break
- }
- }
- return d
- }
-});
-Ext.define("Ext.draw.sprite.Path", {
- extend: "Ext.draw.sprite.Sprite",
- requires: ["Ext.draw.Draw", "Ext.draw.Path"],
- alias: ["sprite.path", "Ext.draw.Sprite"],
- type: "path",
- isPath: true,
- inheritableStatics: {
- def: {
- processors: {
- path: function(b, a) {
- if (!(b instanceof Ext.draw.Path)) {
- b = new Ext.draw.Path(b)
- }
- return b
- }
- },
- aliases: {
- d: "path"
- },
- triggers: {
- path: "bbox"
- },
- updaters: {
- path: function(a) {
- var b = a.path;
- if (!b || b.bindAttr !== a) {
- b = new Ext.draw.Path();
- b.bindAttr = a;
- a.path = b
- }
- b.clear();
- this.updatePath(b, a);
- this.scheduleUpdater(a, "bbox", ["path"])
- }
- }
- }
- },
- updatePlainBBox: function(a) {
- if (this.attr.path) {
- this.attr.path.getDimension(a)
- }
- },
- updateTransformedBBox: function(a) {
- if (this.attr.path) {
- this.attr.path.getDimensionWithTransform(this.attr.matrix, a)
- }
- },
- render: function(b, c) {
- var d = this.attr.matrix,
- a = this.attr;
- if (!a.path || a.path.params.length === 0) {
- return
- }
- d.toContext(c);
- c.appendPath(a.path);
- c.fillStroke(a)
- },
- updatePath: function(b, a) {}
-});
-Ext.define("Ext.draw.overrides.sprite.Path", {
- override: "Ext.draw.sprite.Path",
- requires: ["Ext.draw.Color"],
- isPointInPath: function(c, g) {
- var b = this.attr;
- if (b.fillStyle === Ext.draw.Color.RGBA_NONE) {
- return this.isPointOnPath(c, g)
- }
- var e = b.path,
- d = b.matrix,
- f, a;
- if (!d.isIdentity()) {
- f = e.params.slice(0);
- e.transform(b.matrix)
- }
- a = e.isPointInPath(c, g);
- if (f) {
- e.params = f
- }
- return a
- },
- isPointOnPath: function(c, g) {
- var b = this.attr,
- e = b.path,
- d = b.matrix,
- f, a;
- if (!d.isIdentity()) {
- f = e.params.slice(0);
- e.transform(b.matrix)
- }
- a = e.isPointOnPath(c, g);
- if (f) {
- e.params = f
- }
- return a
- },
- hitTest: function(i, l) {
- var e = this,
- c = e.attr,
- k = c.path,
- g = c.matrix,
- h = i[0],
- f = i[1],
- d = e.callParent([i, l]),
- j = null,
- a, b;
- if (!d) {
- return j
- }
- l = l || Ext.draw.sprite.Sprite.defaultHitTestOptions;
- if (!g.isIdentity()) {
- a = k.params.slice(0);
- k.transform(c.matrix)
- }
- if (l.fill && l.stroke) {
- b = c.fillStyle !== Ext.draw.Color.NONE && c.fillStyle !== Ext.draw.Color.RGBA_NONE;
- if (b) {
- if (k.isPointInPath(h, f)) {
- j = {
- sprite: e
- }
- }
- } else {
- if (k.isPointInPath(h, f) || k.isPointOnPath(h, f)) {
- j = {
- sprite: e
- }
- }
- }
- } else {
- if (l.stroke && !l.fill) {
- if (k.isPointOnPath(h, f)) {
- j = {
- sprite: e
- }
- }
- } else {
- if (l.fill && !l.stroke) {
- if (k.isPointInPath(h, f)) {
- j = {
- sprite: e
- }
- }
- }
- }
- }
- if (a) {
- k.params = a
- }
- return j
- },
- getIntersections: function(j) {
- if (!(j.isSprite && j.isPath)) {
- return []
- }
- var e = this.attr,
- d = j.attr,
- i = e.path,
- h = d.path,
- g = e.matrix,
- a = d.matrix,
- c, f, b;
- if (!g.isIdentity()) {
- c = i.params.slice(0);
- i.transform(e.matrix)
- }
- if (!a.isIdentity()) {
- f = h.params.slice(0);
- h.transform(d.matrix)
- }
- b = i.getIntersections(h);
- if (c) {
- i.params = c
- }
- if (f) {
- h.params = f
- }
- return b
- }
-});
-Ext.define("Ext.draw.sprite.Circle", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.circle",
- type: "circle",
- inheritableStatics: {
- def: {
- processors: {
- cx: "number",
- cy: "number",
- r: "number"
- },
- aliases: {
- radius: "r",
- x: "cx",
- y: "cy",
- centerX: "cx",
- centerY: "cy"
- },
- defaults: {
- cx: 0,
- cy: 0,
- r: 4
- },
- triggers: {
- cx: "path",
- cy: "path",
- r: "path"
- }
- }
- },
- updatePlainBBox: function(c) {
- var b = this.attr,
- a = b.cx,
- e = b.cy,
- d = b.r;
- c.x = a - d;
- c.y = e - d;
- c.width = d + d;
- c.height = d + d
- },
- updateTransformedBBox: function(d) {
- var g = this.attr,
- f = g.cx,
- e = g.cy,
- a = g.r,
- h = g.matrix,
- j = h.getScaleX(),
- i = h.getScaleY(),
- c, b;
- c = j * a;
- b = i * a;
- d.x = h.x(f, e) - c;
- d.y = h.y(f, e) - b;
- d.width = c + c;
- d.height = b + b
- },
- updatePath: function(b, a) {
- b.arc(a.cx, a.cy, a.r, 0, Math.PI * 2, false)
- }
-});
-Ext.define("Ext.draw.sprite.Arc", {
- extend: "Ext.draw.sprite.Circle",
- alias: "sprite.arc",
- type: "arc",
- inheritableStatics: {
- def: {
- processors: {
- startAngle: "number",
- endAngle: "number",
- anticlockwise: "bool"
- },
- aliases: {
- from: "startAngle",
- to: "endAngle",
- start: "startAngle",
- end: "endAngle"
- },
- defaults: {
- startAngle: 0,
- endAngle: Math.PI * 2,
- anticlockwise: false
- },
- triggers: {
- startAngle: "path",
- endAngle: "path",
- anticlockwise: "path"
- }
- }
- },
- updatePath: function(b, a) {
- b.arc(a.cx, a.cy, a.r, a.startAngle, a.endAngle, a.anticlockwise)
- }
-});
-Ext.define("Ext.draw.sprite.Arrow", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.arrow",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size * 1.5,
- a = b.x - b.lineWidth / 2,
- e = b.y;
- d.fromSvgString("M".concat(a - c * 0.7, ",", e - c * 0.4, "l", [c * 0.6, 0, 0, -c * 0.4, c, c * 0.8, -c, c * 0.8, 0, -c * 0.4, -c * 0.6, 0], "z"))
- }
-});
-Ext.define("Ext.draw.sprite.Composite", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "sprite.composite",
- type: "composite",
- isComposite: true,
- config: {
- sprites: []
- },
- constructor: function() {
- this.sprites = [];
- this.sprites.map = {};
- this.callParent(arguments)
- },
- add: function(c) {
- if (!c) {
- return null
- }
- if (!c.isSprite) {
- c = Ext.create("sprite." + c.type, c);
- c.setParent(this);
- c.setSurface(this.getSurface())
- }
- var d = this,
- a = d.attr,
- b = c.applyTransformations;
- c.applyTransformations = function() {
- if (c.attr.dirtyTransform) {
- a.dirtyTransform = true;
- a.bbox.plain.dirty = true;
- a.bbox.transform.dirty = true
- }
- b.call(c)
- };
- d.sprites.push(c);
- d.sprites.map[c.id] = c.getId();
- a.bbox.plain.dirty = true;
- a.bbox.transform.dirty = true;
- return c
- },
- updateSurface: function(a) {
- for (var b = 0, c = this.sprites.length; b < c; b++) {
- this.sprites[b].setSurface(a)
- }
- },
- addAll: function(b) {
- if (b.isSprite || b.type) {
- this.add(b)
- } else {
- if (Ext.isArray(b)) {
- var a = 0;
- while (a < b.length) {
- this.add(b[a++])
- }
- }
- }
- },
- updatePlainBBox: function(g) {
- var e = this,
- b = Infinity,
- h = -Infinity,
- f = Infinity,
- a = -Infinity,
- j, k, c, d;
- for (c = 0, d = e.sprites.length; c < d; c++) {
- j = e.sprites[c];
- j.applyTransformations();
- k = j.getBBox();
- if (b > k.x) {
- b = k.x
- }
- if (h < k.x + k.width) {
- h = k.x + k.width
- }
- if (f > k.y) {
- f = k.y
- }
- if (a < k.y + k.height) {
- a = k.y + k.height
- }
- }
- g.x = b;
- g.y = f;
- g.width = h - b;
- g.height = a - f
- },
- render: function(a, b, f) {
- var d = this.attr.matrix,
- c, e;
- d.toContext(b);
- for (c = 0, e = this.sprites.length; c < e; c++) {
- a.renderSprite(this.sprites[c], f)
- }
- },
- destroy: function() {
- var c = this,
- d = c.sprites,
- b = d.length,
- a;
- c.callParent();
- for (a = 0; a < b; a++) {
- d[a].destroy()
- }
- d.length = 0
- }
-});
-Ext.define("Ext.draw.sprite.Cross", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.cross",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size / 1.7,
- a = b.x - b.lineWidth / 2,
- e = b.y;
- d.fromSvgString("M".concat(a - c, ",", e, "l", [-c, -c, c, -c, c, c, c, -c, c, c, -c, c, c, c, -c, c, -c, -c, -c, c, -c, -c, "z"]))
- }
-});
-Ext.define("Ext.draw.sprite.Diamond", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.diamond",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size * 1.25,
- a = b.x - b.lineWidth / 2,
- e = b.y;
- d.fromSvgString(["M", a, e - c, "l", c, c, -c, c, -c, -c, c, -c, "z"])
- }
-});
-Ext.define("Ext.draw.sprite.Ellipse", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.ellipse",
- type: "ellipse",
- inheritableStatics: {
- def: {
- processors: {
- cx: "number",
- cy: "number",
- rx: "number",
- ry: "number",
- axisRotation: "number"
- },
- aliases: {
- radius: "r",
- x: "cx",
- y: "cy",
- centerX: "cx",
- centerY: "cy",
- radiusX: "rx",
- radiusY: "ry"
- },
- defaults: {
- cx: 0,
- cy: 0,
- rx: 1,
- ry: 1,
- axisRotation: 0
- },
- triggers: {
- cx: "path",
- cy: "path",
- rx: "path",
- ry: "path",
- axisRotation: "path"
- }
- }
- },
- updatePlainBBox: function(c) {
- var b = this.attr,
- a = b.cx,
- f = b.cy,
- e = b.rx,
- d = b.ry;
- c.x = a - e;
- c.y = f - d;
- c.width = e + e;
- c.height = d + d
- },
- updateTransformedBBox: function(d) {
- var i = this.attr,
- f = i.cx,
- e = i.cy,
- c = i.rx,
- b = i.ry,
- l = b / c,
- m = i.matrix.clone(),
- a, q, k, j, p, o, n, g;
- m.append(1, 0, 0, l, 0, e * (1 - l));
- a = m.getXX();
- k = m.getYX();
- p = m.getDX();
- q = m.getXY();
- j = m.getYY();
- o = m.getDY();
- n = Math.sqrt(a * a + k * k) * c;
- g = Math.sqrt(q * q + j * j) * c;
- d.x = f * a + e * k + p - n;
- d.y = f * q + e * j + o - g;
- d.width = n + n;
- d.height = g + g
- },
- updatePath: function(b, a) {
- b.ellipse(a.cx, a.cy, a.rx, a.ry, a.axisRotation, 0, Math.PI * 2, false)
- }
-});
-Ext.define("Ext.draw.sprite.EllipticalArc", {
- extend: "Ext.draw.sprite.Ellipse",
- alias: "sprite.ellipticalArc",
- type: "ellipticalArc",
- inheritableStatics: {
- def: {
- processors: {
- startAngle: "number",
- endAngle: "number",
- anticlockwise: "bool"
- },
- aliases: {
- from: "startAngle",
- to: "endAngle",
- start: "startAngle",
- end: "endAngle"
- },
- defaults: {
- startAngle: 0,
- endAngle: Math.PI * 2,
- anticlockwise: false
- },
- triggers: {
- startAngle: "path",
- endAngle: "path",
- anticlockwise: "path"
- }
- }
- },
- updatePath: function(b, a) {
- b.ellipse(a.cx, a.cy, a.rx, a.ry, a.axisRotation, a.startAngle, a.endAngle, a.anticlockwise)
- }
-});
-Ext.define("Ext.draw.sprite.Rect", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.rect",
- type: "rect",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- width: "number",
- height: "number",
- radius: "number"
- },
- aliases: {},
- triggers: {
- x: "path",
- y: "path",
- width: "path",
- height: "path",
- radius: "path"
- },
- defaults: {
- x: 0,
- y: 0,
- width: 8,
- height: 8,
- radius: 0
- }
- }
- },
- updatePlainBBox: function(b) {
- var a = this.attr;
- b.x = a.x;
- b.y = a.y;
- b.width = a.width;
- b.height = a.height
- },
- updateTransformedBBox: function(a, b) {
- this.attr.matrix.transformBBox(b, this.attr.radius, a)
- },
- updatePath: function(f, d) {
- var c = d.x,
- g = d.y,
- e = d.width,
- b = d.height,
- a = Math.min(d.radius, Math.abs(d.height) * 0.5, Math.abs(d.width) * 0.5);
- if (a === 0) {
- f.rect(c, g, e, b)
- } else {
- f.moveTo(c + a, g);
- f.arcTo(c + e, g, c + e, g + b, a);
- f.arcTo(c + e, g + b, c, g + b, a);
- f.arcTo(c, g + b, c, g, a);
- f.arcTo(c, g, c + a, g, a)
- }
- }
-});
-Ext.define("Ext.draw.sprite.Image", {
- extend: "Ext.draw.sprite.Rect",
- alias: "sprite.image",
- type: "image",
- statics: {
- imageLoaders: {}
- },
- inheritableStatics: {
- def: {
- processors: {
- src: "string"
- },
- defaults: {
- src: "",
- width: null,
- height: null
- }
- }
- },
- render: function(c, o) {
- var j = this,
- h = j.attr,
- n = h.matrix,
- a = h.src,
- l = h.x,
- k = h.y,
- b = h.width,
- m = h.height,
- g = Ext.draw.sprite.Image.imageLoaders[a],
- f, d, e;
- if (g && g.done) {
- n.toContext(o);
- d = g.image;
- o.drawImage(d, l, k, b || (d.naturalWidth || d.width) / c.devicePixelRatio, m || (d.naturalHeight || d.height) / c.devicePixelRatio)
- } else {
- if (!g) {
- f = new Image();
- g = Ext.draw.sprite.Image.imageLoaders[a] = {
- image: f,
- done: false,
- pendingSprites: [j],
- pendingSurfaces: [c]
- };
- f.width = b;
- f.height = m;
- f.onload = function() {
- if (!g.done) {
- g.done = true;
- for (e = 0; e < g.pendingSprites.length; e++) {
- g.pendingSprites[e].setDirty(true)
- }
- for (e in g.pendingSurfaces) {
- g.pendingSurfaces[e].renderFrame()
- }
- }
- };
- f.src = a
- } else {
- Ext.Array.include(g.pendingSprites, j);
- Ext.Array.include(g.pendingSurfaces, c)
- }
- }
- }
-});
-Ext.define("Ext.draw.sprite.Instancing", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "sprite.instancing",
- type: "instancing",
- isInstancing: true,
- config: {
- template: null
- },
- instances: null,
- applyTemplate: function(a) {
- if (!a.isSprite) {
- if (!a.xclass && !a.type) {
- a.type = "circle"
- }
- a = Ext.create(a.xclass || "sprite." + a.type, a)
- }
- a.setParent(this);
- return a
- },
- updateTemplate: function(a, b) {
- if (b) {
- delete b.ownAttr
- }
- a.setSurface(this.getSurface());
- a.ownAttr = a.attr;
- this.clearAll()
- },
- updateSurface: function(a) {
- var b = this.getTemplate();
- if (b) {
- b.setSurface(a)
- }
- },
- get: function(a) {
- return this.instances[a]
- },
- getCount: function() {
- return this.instances.length
- },
- clearAll: function() {
- var a = this.getTemplate();
- a.attr.children = this.instances = [];
- this.position = 0
- },
- createInstance: function(d, f, c) {
- var e = this.getTemplate(),
- b = e.attr,
- a = Ext.Object.chain(b);
- e.topModifier.prepareAttributes(a);
- e.attr = a;
- e.setAttributes(d, f, c);
- a.template = e;
- this.instances.push(a);
- e.attr = b;
- this.position++;
- return a
- },
- getBBox: function() {
- return null
- },
- getBBoxFor: function(b, d) {
- var c = this.getTemplate(),
- a = c.attr,
- e;
- c.attr = this.instances[b];
- e = c.getBBox(d);
- c.attr = a;
- return e
- },
- isVisible: function() {
- var b = this.attr,
- c = this.getParent(),
- a;
- a = c && c.isSurface && !b.hidden && b.globalAlpha;
- return !!a
- },
- isInstanceVisible: function(c) {
- var e = this,
- d = e.getTemplate(),
- b = d.attr,
- f = e.instances,
- a = false;
- if (!Ext.isNumber(c) || c < 0 || c >= f.length || !e.isVisible()) {
- return a
- }
- d.attr = f[c];
- a = d.isVisible(point, options);
- d.attr = b;
- return a
- },
- render: function(b, l, d, h) {
- var g = this,
- j = g.getTemplate(),
- k = g.attr.matrix,
- c = j.attr,
- a = g.instances,
- e, f = g.position;
- k.toContext(l);
- j.preRender(b, l, d, h);
- j.useAttributes(l, h);
- for (e = 0; e < f; e++) {
- if (a[e].dirtyZIndex) {
- break
- }
- }
- for (e = 0; e < f; e++) {
- if (a[e].hidden) {
- continue
- }
- l.save();
- j.attr = a[e];
- j.useAttributes(l, h);
- j.render(b, l, d, h);
- l.restore()
- }
- j.attr = c
- },
- setAttributesFor: function(c, e, f) {
- var d = this.getTemplate(),
- b = d.attr,
- a = this.instances[c];
- if (!a) {
- return
- }
- d.attr = a;
- if (f) {
- e = Ext.apply({}, e)
- } else {
- e = d.self.def.normalize(e)
- }
- d.topModifier.pushDown(a, e);
- d.attr = b
- },
- destroy: function() {
- var b = this,
- a = b.getTemplate();
- b.instances = null;
- if (a) {
- a.destroy()
- }
- b.callParent()
- }
-});
-Ext.define("Ext.draw.overrides.sprite.Instancing", {
- override: "Ext.draw.sprite.Instancing",
- hitTest: function(f, j) {
- var e = this,
- g = e.getTemplate(),
- b = g.attr,
- a = e.instances,
- d = a.length,
- c = 0,
- h = null;
- if (!e.isVisible()) {
- return h
- }
- for (; c < d; c++) {
- g.attr = a[c];
- h = g.hitTest(f, j);
- if (h) {
- h.isInstance = true;
- h.template = h.sprite;
- h.sprite = this;
- h.instance = a[c];
- h.index = c;
- return h
- }
- }
- g.attr = b;
- return h
- }
-});
-Ext.define("Ext.draw.sprite.Line", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "sprite.line",
- type: "line",
- inheritableStatics: {
- def: {
- processors: {
- fromX: "number",
- fromY: "number",
- toX: "number",
- toY: "number"
- },
- defaults: {
- fromX: 0,
- fromY: 0,
- toX: 1,
- toY: 1,
- strokeStyle: "black"
- },
- aliases: {
- x1: "fromX",
- y1: "fromY",
- x2: "toX",
- y2: "toY"
- }
- }
- },
- updateLineBBox: function(b, i, s, g, r, f) {
- var o = this.attr,
- q = o.matrix,
- h = o.lineWidth / 2,
- m, l, d, c, k, j, n;
- if (i) {
- n = q.transformPoint([s, g]);
- s = n[0];
- g = n[1];
- n = q.transformPoint([r, f]);
- r = n[0];
- f = n[1]
- }
- m = Math.min(s, r);
- d = Math.max(s, r);
- l = Math.min(g, f);
- c = Math.max(g, f);
- var t = Math.atan2(d - m, c - l),
- a = Math.sin(t),
- e = Math.cos(t),
- k = h * e,
- j = h * a;
- m -= k;
- l -= j;
- d += k;
- c += j;
- b.x = m;
- b.y = l;
- b.width = d - m;
- b.height = c - l
- },
- updatePlainBBox: function(b) {
- var a = this.attr;
- this.updateLineBBox(b, false, a.fromX, a.fromY, a.toX, a.toY)
- },
- updateTransformedBBox: function(b, c) {
- var a = this.attr;
- this.updateLineBBox(b, true, a.fromX, a.fromY, a.toX, a.toY)
- },
- render: function(b, c) {
- var a = this.attr,
- d = this.attr.matrix;
- d.toContext(c);
- c.beginPath();
- c.moveTo(a.fromX, a.fromY);
- c.lineTo(a.toX, a.toY);
- c.stroke()
- }
-});
-Ext.define("Ext.draw.sprite.Plus", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.plus",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size / 1.3,
- a = b.x - b.lineWidth / 2,
- e = b.y;
- d.fromSvgString("M".concat(a - c / 2, ",", e - c / 2, "l", [0, -c, c, 0, 0, c, c, 0, 0, c, -c, 0, 0, c, -c, 0, 0, -c, -c, 0, 0, -c, "z"]))
- }
-});
-Ext.define("Ext.draw.sprite.Sector", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.sector",
- type: "sector",
- inheritableStatics: {
- def: {
- processors: {
- centerX: "number",
- centerY: "number",
- startAngle: "number",
- endAngle: "number",
- startRho: "number",
- endRho: "number",
- margin: "number"
- },
- aliases: {
- rho: "endRho"
- },
- triggers: {
- centerX: "path,bbox",
- centerY: "path,bbox",
- startAngle: "path,bbox",
- endAngle: "path,bbox",
- startRho: "path,bbox",
- endRho: "path,bbox",
- margin: "path,bbox"
- },
- defaults: {
- centerX: 0,
- centerY: 0,
- startAngle: 0,
- endAngle: 0,
- startRho: 0,
- endRho: 150,
- margin: 0,
- path: "M 0,0"
- }
- }
- },
- getMidAngle: function() {
- return this.midAngle || 0
- },
- updatePath: function(j, h) {
- var g = Math.min(h.startAngle, h.endAngle),
- c = Math.max(h.startAngle, h.endAngle),
- b = this.midAngle = (g + c) * 0.5,
- d = h.margin,
- f = h.centerX,
- e = h.centerY,
- i = Math.min(h.startRho, h.endRho),
- a = Math.max(h.startRho, h.endRho);
- if (d) {
- f += d * Math.cos(b);
- e += d * Math.sin(b)
- }
- j.moveTo(f + i * Math.cos(g), e + i * Math.sin(g));
- j.lineTo(f + a * Math.cos(g), e + a * Math.sin(g));
- j.arc(f, e, a, g, c, false);
- j.lineTo(f + i * Math.cos(c), e + i * Math.sin(c));
- j.arc(f, e, i, c, g, true)
- }
-});
-Ext.define("Ext.draw.sprite.Square", {
- extend: "Ext.draw.sprite.Rect",
- alias: "sprite.square",
- inheritableStatics: {
- def: {
- processors: {
- size: "number"
- },
- defaults: {
- size: 4
- },
- triggers: {
- size: "size"
- },
- updaters: {
- size: function(a) {
- var c = a.size,
- b = a.lineWidth / 2;
- this.setAttributes({
- x: a.x - c - b,
- y: a.y - c,
- height: 2 * c,
- width: 2 * c
- })
- }
- }
- }
- }
-});
-Ext.define("Ext.draw.TextMeasurer", {
- singleton: true,
- requires: ["Ext.util.TextMetrics"],
- measureDiv: null,
- measureCache: {},
- precise: Ext.isIE8,
- measureDivTpl: {
- tag: "div",
- style: {
- overflow: "hidden",
- position: "relative",
- "float": "left",
- width: 0,
- height: 0
- },
- children: {
- tag: "div",
- style: {
- display: "block",
- position: "absolute",
- x: -100000,
- y: -100000,
- padding: 0,
- margin: 0,
- "z-index": -100000,
- "white-space": "nowrap"
- }
- }
- },
- actualMeasureText: function(g, b) {
- var e = Ext.draw.TextMeasurer,
- f = e.measureDiv,
- a = 100000,
- c;
- if (!f) {
- var d = Ext.Element.create({
- style: {
- overflow: "hidden",
- position: "relative",
- "float": "left",
- width: 0,
- height: 0
- }
- });
- e.measureDiv = f = Ext.Element.create({
- style: {
- position: "absolute",
- x: a,
- y: a,
- "z-index": -a,
- "white-space": "nowrap",
- display: "block",
- padding: 0,
- margin: 0
- }
- });
- Ext.getBody().appendChild(d);
- d.appendChild(f)
- }
- if (b) {
- f.setStyle({
- font: b,
- lineHeight: "normal"
- })
- }
- f.setText("(" + g + ")");
- c = f.getSize();
- f.setText("()");
- c.width -= f.getSize().width;
- return c
- },
- measureTextSingleLine: function(h, d) {
- if (this.precise) {
- return this.preciseMeasureTextSingleLine(h, d)
- }
- h = h.toString();
- var a = this.measureCache,
- g = h.split(""),
- c = 0,
- j = 0,
- l, b, e, f, k;
- if (!a[d]) {
- a[d] = {}
- }
- a = a[d];
- if (a[h]) {
- return a[h]
- }
- for (e = 0, f = g.length; e < f; e++) {
- b = g[e];
- if (!(l = a[b])) {
- k = this.actualMeasureText(b, d);
- l = a[b] = k
- }
- c += l.width;
- j = Math.max(j, l.height)
- }
- return a[h] = {
- width: c,
- height: j
- }
- },
- preciseMeasureTextSingleLine: function(c, a) {
- c = c.toString();
- var b = this.measureDiv || (this.measureDiv = Ext.getBody().createChild(this.measureDivTpl).down("div"));
- b.setStyle({
- font: a || ""
- });
- return Ext.util.TextMetrics.measure(b, c)
- },
- measureText: function(e, b) {
- var h = e.split("\n"),
- d = h.length,
- f = 0,
- a = 0,
- j, c, g;
- if (d === 1) {
- return this.measureTextSingleLine(e, b)
- }
- g = [];
- for (c = 0; c < d; c++) {
- j = this.measureTextSingleLine(h[c], b);
- g.push(j);
- f += j.height;
- a = Math.max(a, j.width)
- }
- return {
- width: a,
- height: f,
- sizes: g
- }
- }
-});
-Ext.define("Ext.draw.sprite.Text", function() {
- var d = {
- "xx-small": true,
- "x-small": true,
- small: true,
- medium: true,
- large: true,
- "x-large": true,
- "xx-large": true
- };
- var b = {
- normal: true,
- bold: true,
- bolder: true,
- lighter: true,
- 100: true,
- 200: true,
- 300: true,
- 400: true,
- 500: true,
- 600: true,
- 700: true,
- 800: true,
- 900: true
- };
- var a = {
- start: "start",
- left: "start",
- center: "center",
- middle: "center",
- end: "end",
- right: "end"
- };
- var c = {
- top: "top",
- hanging: "hanging",
- middle: "middle",
- center: "middle",
- alphabetic: "alphabetic",
- ideographic: "ideographic",
- bottom: "bottom"
- };
- return {
- extend: "Ext.draw.sprite.Sprite",
- requires: ["Ext.draw.TextMeasurer", "Ext.draw.Color"],
- alias: "sprite.text",
- type: "text",
- lineBreakRe: /\r?\n/g,
- inheritableStatics: {
- def: {
- animationProcessors: {
- text: "text"
- },
- processors: {
- x: "number",
- y: "number",
- text: "string",
- fontSize: function(e) {
- if (Ext.isNumber(+e)) {
- return e + "px"
- } else {
- if (e.match(Ext.dom.Element.unitRe)) {
- return e
- } else {
- if (e in d) {
- return e
- }
- }
- }
- },
- fontStyle: "enums(,italic,oblique)",
- fontVariant: "enums(,small-caps)",
- fontWeight: function(e) {
- if (e in b) {
- return String(e)
- } else {
- return ""
- }
- },
- fontFamily: "string",
- textAlign: function(e) {
- return a[e] || "center"
- },
- textBaseline: function(e) {
- return c[e] || "alphabetic"
- },
- font: "string"
- },
- aliases: {
- "font-size": "fontSize",
- "font-family": "fontFamily",
- "font-weight": "fontWeight",
- "font-variant": "fontVariant",
- "text-anchor": "textAlign"
- },
- defaults: {
- fontStyle: "",
- fontVariant: "",
- fontWeight: "",
- fontSize: "10px",
- fontFamily: "sans-serif",
- font: "10px sans-serif",
- textBaseline: "alphabetic",
- textAlign: "start",
- strokeStyle: "rgba(0, 0, 0, 0)",
- fillStyle: "#000",
- x: 0,
- y: 0,
- text: ""
- },
- triggers: {
- fontStyle: "fontX,bbox",
- fontVariant: "fontX,bbox",
- fontWeight: "fontX,bbox",
- fontSize: "fontX,bbox",
- fontFamily: "fontX,bbox",
- font: "font,bbox,canvas",
- textBaseline: "bbox",
- textAlign: "bbox",
- x: "bbox",
- y: "bbox",
- text: "bbox"
- },
- updaters: {
- fontX: "makeFontShorthand",
- font: "parseFontShorthand"
- }
- }
- },
- constructor: function(e) {
- if (e && e.font) {
- e = Ext.clone(e);
- for (var f in e) {
- if (f !== "font" && f.indexOf("font") === 0) {
- delete e[f]
- }
- }
- }
- Ext.draw.sprite.Sprite.prototype.constructor.call(this, e)
- },
- fontValuesMap: {
- italic: "fontStyle",
- oblique: "fontStyle",
- "small-caps": "fontVariant",
- bold: "fontWeight",
- bolder: "fontWeight",
- lighter: "fontWeight",
- "100": "fontWeight",
- "200": "fontWeight",
- "300": "fontWeight",
- "400": "fontWeight",
- "500": "fontWeight",
- "600": "fontWeight",
- "700": "fontWeight",
- "800": "fontWeight",
- "900": "fontWeight",
- "xx-small": "fontSize",
- "x-small": "fontSize",
- small: "fontSize",
- medium: "fontSize",
- large: "fontSize",
- "x-large": "fontSize",
- "xx-large": "fontSize"
- },
- makeFontShorthand: function(e) {
- var f = [];
- if (e.fontStyle) {
- f.push(e.fontStyle)
- }
- if (e.fontVariant) {
- f.push(e.fontVariant)
- }
- if (e.fontWeight) {
- f.push(e.fontWeight)
- }
- if (e.fontSize) {
- f.push(e.fontSize)
- }
- if (e.fontFamily) {
- f.push(e.fontFamily)
- }
- this.setAttributes({
- font: f.join(" ")
- }, true)
- },
- parseFontShorthand: function(j) {
- var m = j.font,
- k = m.length,
- l = {},
- n = this.fontValuesMap,
- e = 0,
- i, g, f, h;
- while (e < k && i !== -1) {
- i = m.indexOf(" ", e);
- if (i < 0) {
- f = m.substr(e)
- } else {
- if (i > e) {
- f = m.substr(e, i - e)
- } else {
- continue
- }
- }
- g = f.indexOf("/");
- if (g > 0) {
- f = f.substr(0, g)
- } else {
- if (g === 0) {
- continue
- }
- }
- if (f !== "normal" && f !== "inherit") {
- h = n[f];
- if (h) {
- l[h] = f
- } else {
- if (f.match(Ext.dom.Element.unitRe)) {
- l.fontSize = f
- } else {
- l.fontFamily = m.substr(e);
- break
- }
- }
- }
- e = i + 1
- }
- if (!l.fontStyle) {
- l.fontStyle = ""
- }
- if (!l.fontVariant) {
- l.fontVariant = ""
- }
- if (!l.fontWeight) {
- l.fontWeight = ""
- }
- this.setAttributes(l, true)
- },
- fontProperties: {
- fontStyle: true,
- fontVariant: true,
- fontWeight: true,
- fontSize: true,
- fontFamily: true
- },
- setAttributes: function(g, i, e) {
- var f, h;
- if (g && g.font) {
- h = {};
- for (f in g) {
- if (!(f in this.fontProperties)) {
- h[f] = g[f]
- }
- }
- g = h
- }
- this.callParent([g, i, e])
- },
- getBBox: function(g) {
- var h = this,
- f = h.attr.bbox.plain,
- e = h.getSurface();
- if (f.dirty) {
- h.updatePlainBBox(f);
- f.dirty = false
- }
- if (e.getInherited().rtl && e.getFlipRtlText()) {
- h.updatePlainBBox(f, true)
- }
- return h.callParent([g])
- },
- rtlAlignments: {
- start: "end",
- center: "center",
- end: "start"
- },
- updatePlainBBox: function(k, B) {
- var C = this,
- w = C.attr,
- o = w.x,
- n = w.y,
- q = [],
- t = w.font,
- r = w.text,
- s = w.textBaseline,
- l = w.textAlign,
- u = (B && C.oldSize) ? C.oldSize : (C.oldSize = Ext.draw.TextMeasurer.measureText(r, t)),
- z = C.getSurface(),
- p = z.getInherited().rtl,
- v = p && z.getFlipRtlText(),
- h = z.getRect(),
- f = u.sizes,
- g = u.height,
- j = u.width,
- m = f ? f.length : 0,
- e, A = 0;
- switch (s) {
- case "hanging":
- case "top":
- break;
- case "ideographic":
- case "bottom":
- n -= g;
- break;
- case "alphabetic":
- n -= g * 0.8;
- break;
- case "middle":
- n -= g * 0.5;
- break
- }
- if (v) {
- o = h[2] - h[0] - o;
- l = C.rtlAlignments[l]
- }
- switch (l) {
- case "start":
- if (p) {
- for (; A < m; A++) {
- e = f[A].width;
- q.push(-(j - e))
- }
- }
- break;
- case "end":
- o -= j;
- if (p) {
- break
- }
- for (; A < m; A++) {
- e = f[A].width;
- q.push(j - e)
- }
- break;
- case "center":
- o -= j * 0.5;
- for (; A < m; A++) {
- e = f[A].width;
- q.push((p ? -1 : 1) * (j - e) * 0.5)
- }
- break
- }
- w.textAlignOffsets = q;
- k.x = o;
- k.y = n;
- k.width = j;
- k.height = g
- },
- setText: function(e) {
- this.setAttributes({
- text: e
- }, true)
- },
- render: function(e, q, k) {
- var h = this,
- g = h.attr,
- p = Ext.draw.Matrix.fly(g.matrix.elements.slice(0)),
- o = h.getBBox(true),
- s = g.textAlignOffsets,
- m = Ext.draw.Color.RGBA_NONE,
- l, j, f, r, n;
- if (g.text.length === 0) {
- return
- }
- r = g.text.split(h.lineBreakRe);
- n = o.height / r.length;
- l = g.bbox.plain.x;
- j = g.bbox.plain.y + n * 0.78;
- p.toContext(q);
- if (e.getInherited().rtl) {
- l += g.bbox.plain.width
- }
- for (f = 0; f < r.length; f++) {
- if (q.fillStyle !== m) {
- q.fillText(r[f], l + (s[f] || 0), j + n * f)
- }
- if (q.strokeStyle !== m) {
- q.strokeText(r[f], l + (s[f] || 0), j + n * f)
- }
- }
- }
- }
-});
-Ext.define("Ext.draw.sprite.Tick", {
- extend: "Ext.draw.sprite.Line",
- alias: "sprite.tick",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "tick",
- y: "tick",
- size: "tick"
- },
- updaters: {
- tick: function(b) {
- var d = b.size * 1.5,
- c = b.lineWidth / 2,
- a = b.x,
- e = b.y;
- this.setAttributes({
- fromX: a - c,
- fromY: e - d,
- toX: a - c,
- toY: e + d
- })
- }
- }
- }
- }
-});
-Ext.define("Ext.draw.sprite.Triangle", {
- extend: "Ext.draw.sprite.Path",
- alias: "sprite.triangle",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- size: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- size: 4
- },
- triggers: {
- x: "path",
- y: "path",
- size: "path"
- }
- }
- },
- updatePath: function(d, b) {
- var c = b.size * 2.2,
- a = b.x,
- e = b.y;
- d.fromSvgString("M".concat(a, ",", e, "m0-", c * 0.58, "l", c * 0.5, ",", c * 0.87, "-", c, ",0z"))
- }
-});
-Ext.define("Ext.draw.gradient.Linear", {
- extend: "Ext.draw.gradient.Gradient",
- requires: ["Ext.draw.Color"],
- type: "linear",
- config: {
- degrees: 0,
- radians: 0
- },
- applyRadians: function(b, a) {
- if (Ext.isNumber(b)) {
- return b
- }
- return a
- },
- applyDegrees: function(b, a) {
- if (Ext.isNumber(b)) {
- return b
- }
- return a
- },
- updateRadians: function(a) {
- this.setDegrees(Ext.draw.Draw.degrees(a))
- },
- updateDegrees: function(a) {
- this.setRadians(Ext.draw.Draw.rad(a))
- },
- generateGradient: function(q, o) {
- var c = this.getRadians(),
- p = Math.cos(c),
- j = Math.sin(c),
- m = o.width,
- f = o.height,
- d = o.x + m * 0.5,
- b = o.y + f * 0.5,
- n = this.getStops(),
- g = n.length,
- k, a, e;
- if (Ext.isNumber(d + b) && f > 0 && m > 0) {
- a = (Math.sqrt(f * f + m * m) * Math.abs(Math.cos(c - Math.atan(f / m)))) / 2;
- k = q.createLinearGradient(d + p * a, b + j * a, d - p * a, b - j * a);
- for (e = 0; e < g; e++) {
- k.addColorStop(n[e].offset, n[e].color)
- }
- return k
- }
- return Ext.draw.Color.NONE
- }
-});
-Ext.define("Ext.draw.gradient.Radial", {
- extend: "Ext.draw.gradient.Gradient",
- type: "radial",
- config: {
- start: {
- x: 0,
- y: 0,
- r: 0
- },
- end: {
- x: 0,
- y: 0,
- r: 1
- }
- },
- applyStart: function(a, b) {
- if (!b) {
- return a
- }
- var c = {
- x: b.x,
- y: b.y,
- r: b.r
- };
- if ("x" in a) {
- c.x = a.x
- } else {
- if ("centerX" in a) {
- c.x = a.centerX
- }
- }
- if ("y" in a) {
- c.y = a.y
- } else {
- if ("centerY" in a) {
- c.y = a.centerY
- }
- }
- if ("r" in a) {
- c.r = a.r
- } else {
- if ("radius" in a) {
- c.r = a.radius
- }
- }
- return c
- },
- applyEnd: function(b, a) {
- if (!a) {
- return b
- }
- var c = {
- x: a.x,
- y: a.y,
- r: a.r
- };
- if ("x" in b) {
- c.x = b.x
- } else {
- if ("centerX" in b) {
- c.x = b.centerX
- }
- }
- if ("y" in b) {
- c.y = b.y
- } else {
- if ("centerY" in b) {
- c.y = b.centerY
- }
- }
- if ("r" in b) {
- c.r = b.r
- } else {
- if ("radius" in b) {
- c.r = b.radius
- }
- }
- return c
- },
- generateGradient: function(n, m) {
- var a = this.getStart(),
- b = this.getEnd(),
- k = m.width * 0.5,
- d = m.height * 0.5,
- j = m.x + k,
- f = m.y + d,
- g = n.createRadialGradient(j + a.x * k, f + a.y * d, a.r * Math.max(k, d), j + b.x * k, f + b.y * d, b.r * Math.max(k, d)),
- l = this.getStops(),
- e = l.length,
- c;
- for (c = 0; c < e; c++) {
- g.addColorStop(l[c].offset, l[c].color)
- }
- return g
- }
-});
-Ext.define("Ext.draw.Surface", {
- extend: "Ext.draw.SurfaceBase",
- xtype: "surface",
- requires: ["Ext.draw.sprite.*", "Ext.draw.gradient.*", "Ext.draw.sprite.AttributeDefinition", "Ext.draw.Matrix", "Ext.draw.Draw"],
- uses: ["Ext.draw.engine.Canvas"],
- devicePixelRatio: window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI,
- deprecated: {
- "5.1.0": {
- statics: {
- methods: {
- stableSort: function(a) {
- return Ext.Array.sort(a, function(d, c) {
- return d.attr.zIndex - c.attr.zIndex
- })
- }
- }
- }
- }
- },
- config: {
- cls: Ext.baseCSSPrefix + "surface",
- rect: null,
- background: null,
- items: [],
- dirty: false,
- flipRtlText: false
- },
- isSurface: true,
- isPendingRenderFrame: false,
- dirtyPredecessorCount: 0,
- constructor: function(a) {
- var b = this;
- b.predecessors = [];
- b.successors = [];
- b.map = {};
- b.callParent([a]);
- b.matrix = new Ext.draw.Matrix();
- b.inverseMatrix = b.matrix.inverse()
- },
- roundPixel: function(a) {
- return Math.round(this.devicePixelRatio * a) / this.devicePixelRatio
- },
- waitFor: function(a) {
- var b = this,
- c = b.predecessors;
- if (!Ext.Array.contains(c, a)) {
- c.push(a);
- a.successors.push(b);
- if (a.getDirty()) {
- b.dirtyPredecessorCount++
- }
- }
- },
- updateDirty: function(d) {
- var c = this.successors,
- e = c.length,
- b = 0,
- a;
- for (; b < e; b++) {
- a = c[b];
- if (d) {
- a.dirtyPredecessorCount++;
- a.setDirty(true)
- } else {
- a.dirtyPredecessorCount--;
- if (a.dirtyPredecessorCount === 0 && a.isPendingRenderFrame) {
- a.renderFrame()
- }
- }
- }
- },
- applyBackground: function(a, b) {
- this.setDirty(true);
- if (Ext.isString(a)) {
- a = {
- fillStyle: a
- }
- }
- return Ext.factory(a, Ext.draw.sprite.Rect, b)
- },
- applyRect: function(a, b) {
- if (b && a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]) {
- return
- }
- if (Ext.isArray(a)) {
- return [a[0], a[1], a[2], a[3]]
- } else {
- if (Ext.isObject(a)) {
- return [a.x || a.left, a.y || a.top, a.width || (a.right - a.left), a.height || (a.bottom - a.top)]
- }
- }
- },
- updateRect: function(i) {
- var h = this,
- c = i[0],
- f = i[1],
- g = c + i[2],
- a = f + i[3],
- e = h.getBackground(),
- d = h.element;
- d.setLocalXY(Math.floor(c), Math.floor(f));
- d.setSize(Math.ceil(g - Math.floor(c)), Math.ceil(a - Math.floor(f)));
- if (e) {
- e.setAttributes({
- x: 0,
- y: 0,
- width: Math.ceil(g - Math.floor(c)),
- height: Math.ceil(a - Math.floor(f))
- })
- }
- h.setDirty(true)
- },
- resetTransform: function() {
- this.matrix.set(1, 0, 0, 1, 0, 0);
- this.inverseMatrix.set(1, 0, 0, 1, 0, 0);
- this.setDirty(true)
- },
- get: function(a) {
- return this.map[a] || this.getItems()[a]
- },
- add: function() {
- var g = this,
- e = Array.prototype.slice.call(arguments),
- j = Ext.isArray(e[0]),
- a = g.map,
- c = [],
- f, k, h, b, d;
- f = Ext.Array.clean(j ? e[0] : e);
- if (!f.length) {
- return c
- }
- for (b = 0, d = f.length; b < d; b++) {
- k = f[b];
- h = null;
- if (k.isSprite && !a[k.getId()]) {
- h = k
- } else {
- if (!a[k.id]) {
- h = this.createItem(k)
- }
- }
- if (h) {
- a[h.getId()] = h;
- c.push(h);
- h.setParent(g);
- h.setSurface(g);
- g.onAdd(h)
- }
- }
- f = g.getItems();
- if (f) {
- f.push.apply(f, c)
- }
- g.dirtyZIndex = true;
- g.setDirty(true);
- if (!j && c.length === 1) {
- return c[0]
- } else {
- return c
- }
- },
- onAdd: Ext.emptyFn,
- remove: function(a, c) {
- var b = this,
- e, d;
- if (a) {
- if (a.charAt) {
- a = b.map[a]
- }
- if (!a || !a.isSprite) {
- return null
- }
- if (a.isDestroyed || a.isDestroying) {
- return a
- }
- e = a.getId();
- d = b.map[e];
- delete b.map[e];
- if (c) {
- a.destroy()
- }
- if (!d) {
- return a
- }
- a.setParent(null);
- a.setSurface(null);
- Ext.Array.remove(b.getItems(), a);
- b.dirtyZIndex = true;
- b.setDirty(true)
- }
- return a || null
- },
- removeAll: function(d) {
- var a = this.getItems(),
- b = a.length - 1,
- c;
- if (d) {
- for (; b >= 0; b--) {
- a[b].destroy()
- }
- } else {
- for (; b >= 0; b--) {
- c = a[b];
- c.setParent(null);
- c.setSurface(null)
- }
- }
- a.length = 0;
- this.map = {};
- this.dirtyZIndex = true
- },
- applyItems: function(a) {
- if (this.getItems()) {
- this.removeAll(true)
- }
- return Ext.Array.from(this.add(a))
- },
- createItem: function(a) {
- return Ext.create(a.xclass || "sprite." + a.type, a)
- },
- getBBox: function(f, b) {
- var f = Ext.Array.from(f),
- c = Infinity,
- h = -Infinity,
- g = Infinity,
- a = -Infinity,
- j, k, d, e;
- for (d = 0, e = f.length; d < e; d++) {
- j = f[d];
- k = j.getBBox(b);
- if (c > k.x) {
- c = k.x
- }
- if (h < k.x + k.width) {
- h = k.x + k.width
- }
- if (g > k.y) {
- g = k.y
- }
- if (a < k.y + k.height) {
- a = k.y + k.height
- }
- }
- return {
- x: c,
- y: g,
- width: h - c,
- height: a - g
- }
- },
- emptyRect: [0, 0, 0, 0],
- getEventXY: function(d) {
- var g = this,
- f = g.getInherited().rtl,
- c = d.getXY(),
- a = g.getOwnerBody(),
- i = a.getXY(),
- h = g.getRect() || g.emptyRect,
- j = [],
- b;
- if (f) {
- b = a.getWidth();
- j[0] = i[0] - c[0] - h[0] + b
- } else {
- j[0] = c[0] - i[0] - h[0]
- }
- j[1] = c[1] - i[1] - h[1];
- return j
- },
- clear: Ext.emptyFn,
- orderByZIndex: function() {
- var d = this,
- a = d.getItems(),
- e = false,
- b, c;
- if (d.getDirty()) {
- for (b = 0, c = a.length; b < c; b++) {
- if (a[b].attr.dirtyZIndex) {
- e = true;
- break
- }
- }
- if (e) {
- Ext.Array.sort(a, function(g, f) {
- return g.attr.zIndex - f.attr.zIndex
- });
- this.setDirty(true)
- }
- for (b = 0, c = a.length; b < c; b++) {
- a[b].attr.dirtyZIndex = false
- }
- }
- },
- repaint: function() {
- var a = this;
- a.repaint = Ext.emptyFn;
- Ext.defer(function() {
- delete a.repaint;
- a.element.repaint()
- }, 1)
- },
- renderFrame: function() {
- var g = this;
- if (!g.element) {
- return
- }
- if (g.dirtyPredecessorCount > 0) {
- g.isPendingRenderFrame = true;
- return
- }
- var f = g.getRect(),
- c = g.getBackground(),
- a = g.getItems(),
- e, b, d;
- if (!f) {
- return
- }
- g.orderByZIndex();
- if (g.getDirty()) {
- g.clear();
- g.clearTransform();
- if (c) {
- g.renderSprite(c)
- }
- for (b = 0, d = a.length; b < d; b++) {
- e = a[b];
- if (g.renderSprite(e) === false) {
- return
- }
- e.attr.textPositionCount = g.textPosition
- }
- g.setDirty(false)
- }
- },
- renderSprite: Ext.emptyFn,
- clearTransform: Ext.emptyFn,
- destroy: function() {
- var a = this;
- a.removeAll(true);
- a.predecessors = null;
- a.successors = null;
- a.callParent()
- }
-});
-Ext.define("Ext.draw.overrides.Surface", {
- override: "Ext.draw.Surface",
- hitTest: function(b, c) {
- var f = this,
- g = f.getItems(),
- e, d, a;
- c = c || Ext.draw.sprite.Sprite.defaultHitTestOptions;
- for (e = g.length - 1; e >= 0; e--) {
- d = g[e];
- if (d.hitTest) {
- a = d.hitTest(b, c);
- if (a) {
- return a
- }
- }
- }
- return null
- },
- hitTestEvent: function(b, a) {
- var c = this.getEventXY(b);
- return this.hitTest(c, a)
- }
-});
-Ext.define("Ext.draw.engine.SvgContext", {
- requires: ["Ext.draw.Color"],
- toSave: ["strokeOpacity", "strokeStyle", "fillOpacity", "fillStyle", "globalAlpha", "lineWidth", "lineCap", "lineJoin", "lineDash", "lineDashOffset", "miterLimit", "shadowOffsetX", "shadowOffsetY", "shadowBlur", "shadowColor", "globalCompositeOperation", "position", "fillGradient", "strokeGradient"],
- strokeOpacity: 1,
- strokeStyle: "none",
- fillOpacity: 1,
- fillStyle: "none",
- lineDash: [],
- lineDashOffset: 0,
- globalAlpha: 1,
- lineWidth: 1,
- lineCap: "butt",
- lineJoin: "miter",
- miterLimit: 10,
- shadowOffsetX: 0,
- shadowOffsetY: 0,
- shadowBlur: 0,
- shadowColor: "none",
- globalCompositeOperation: "src",
- urlStringRe: /^url\(#([\w\-]+)\)$/,
- constructor: function(a) {
- this.surface = a;
- this.state = [];
- this.matrix = new Ext.draw.Matrix();
- this.path = null;
- this.clear()
- },
- clear: function() {
- this.group = this.surface.mainGroup;
- this.position = 0;
- this.path = null
- },
- getElement: function(a) {
- return this.surface.getSvgElement(this.group, a, this.position++)
- },
- removeElement: function(d) {
- var d = Ext.fly(d),
- h, g, b, f, a, e, c;
- if (!d) {
- return
- }
- if (d.dom.tagName === "g") {
- a = d.dom.gradients;
- for (c in a) {
- a[c].destroy()
- }
- } else {
- h = d.getAttribute("fill");
- g = d.getAttribute("stroke");
- b = h && h.match(this.urlStringRe);
- f = g && g.match(this.urlStringRe);
- if (b && b[1]) {
- e = Ext.fly(b[1]);
- if (e) {
- e.destroy()
- }
- }
- if (f && f[1]) {
- e = Ext.fly(f[1]);
- if (e) {
- e.destroy()
- }
- }
- }
- d.destroy()
- },
- save: function() {
- var c = this.toSave,
- e = {},
- d = this.getElement("g"),
- b, a;
- for (a = 0; a < c.length; a++) {
- b = c[a];
- if (b in this) {
- e[b] = this[b]
- }
- }
- this.position = 0;
- e.matrix = this.matrix.clone();
- this.state.push(e);
- this.group = d;
- return d
- },
- restore: function() {
- var d = this.toSave,
- e = this.state.pop(),
- c = this.group.dom.childNodes,
- b, a;
- while (c.length > this.position) {
- this.removeElement(c[c.length - 1])
- }
- for (a = 0; a < d.length; a++) {
- b = d[a];
- if (b in e) {
- this[b] = e[b]
- } else {
- delete this[b]
- }
- }
- this.setTransform.apply(this, e.matrix.elements);
- this.group = this.group.getParent()
- },
- transform: function(f, b, e, g, d, c) {
- if (this.path) {
- var a = Ext.draw.Matrix.fly([f, b, e, g, d, c]).inverse();
- this.path.transform(a)
- }
- this.matrix.append(f, b, e, g, d, c)
- },
- setTransform: function(e, a, d, f, c, b) {
- if (this.path) {
- this.path.transform(this.matrix)
- }
- this.matrix.reset();
- this.transform(e, a, d, f, c, b)
- },
- scale: function(a, b) {
- this.transform(a, 0, 0, b, 0, 0)
- },
- rotate: function(d) {
- var c = Math.cos(d),
- a = Math.sin(d),
- b = -Math.sin(d),
- e = Math.cos(d);
- this.transform(c, a, b, e, 0, 0)
- },
- translate: function(a, b) {
- this.transform(1, 0, 0, 1, a, b)
- },
- setGradientBBox: function(a) {
- this.bbox = a
- },
- beginPath: function() {
- this.path = new Ext.draw.Path()
- },
- moveTo: function(a, b) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.moveTo(a, b);
- this.path.element = null
- },
- lineTo: function(a, b) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.lineTo(a, b);
- this.path.element = null
- },
- rect: function(b, d, c, a) {
- this.moveTo(b, d);
- this.lineTo(b + c, d);
- this.lineTo(b + c, d + a);
- this.lineTo(b, d + a);
- this.closePath()
- },
- strokeRect: function(b, d, c, a) {
- this.beginPath();
- this.rect(b, d, c, a);
- this.stroke()
- },
- fillRect: function(b, d, c, a) {
- this.beginPath();
- this.rect(b, d, c, a);
- this.fill()
- },
- closePath: function() {
- if (!this.path) {
- this.beginPath()
- }
- this.path.closePath();
- this.path.element = null
- },
- arcSvg: function(d, a, f, g, c, b, e) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.arcSvg(d, a, f, g, c, b, e);
- this.path.element = null
- },
- arc: function(b, f, a, d, c, e) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.arc(b, f, a, d, c, e);
- this.path.element = null
- },
- ellipse: function(a, h, g, f, d, c, b, e) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.ellipse(a, h, g, f, d, c, b, e);
- this.path.element = null
- },
- arcTo: function(b, e, a, d, g, f, c) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.arcTo(b, e, a, d, g, f, c);
- this.path.element = null
- },
- bezierCurveTo: function(d, f, b, e, a, c) {
- if (!this.path) {
- this.beginPath()
- }
- this.path.bezierCurveTo(d, f, b, e, a, c);
- this.path.element = null
- },
- strokeText: function(d, a, e) {
- d = String(d);
- if (this.strokeStyle) {
- var b = this.getElement("text"),
- c = this.surface.getSvgElement(b, "tspan", 0);
- this.surface.setElementAttributes(b, {
- x: a,
- y: e,
- transform: this.matrix.toSvg(),
- stroke: this.strokeStyle,
- fill: "none",
- opacity: this.globalAlpha,
- "stroke-opacity": this.strokeOpacity,
- style: "font: " + this.font,
- "stroke-dasharray": this.lineDash.join(","),
- "stroke-dashoffset": this.lineDashOffset
- });
- if (this.lineDash.length) {
- this.surface.setElementAttributes(b, {
- "stroke-dasharray": this.lineDash.join(","),
- "stroke-dashoffset": this.lineDashOffset
- })
- }
- if (c.dom.firstChild) {
- c.dom.removeChild(c.dom.firstChild)
- }
- this.surface.setElementAttributes(c, {
- "alignment-baseline": "alphabetic"
- });
- c.dom.appendChild(document.createTextNode(Ext.String.htmlDecode(d)))
- }
- },
- fillText: function(d, a, e) {
- d = String(d);
- if (this.fillStyle) {
- var b = this.getElement("text"),
- c = this.surface.getSvgElement(b, "tspan", 0);
- this.surface.setElementAttributes(b, {
- x: a,
- y: e,
- transform: this.matrix.toSvg(),
- fill: this.fillStyle,
- opacity: this.globalAlpha,
- "fill-opacity": this.fillOpacity,
- style: "font: " + this.font
- });
- if (c.dom.firstChild) {
- c.dom.removeChild(c.dom.firstChild)
- }
- this.surface.setElementAttributes(c, {
- "alignment-baseline": "alphabetic"
- });
- c.dom.appendChild(document.createTextNode(Ext.String.htmlDecode(d)))
- }
- },
- drawImage: function(c, k, i, l, e, p, n, a, g) {
- var f = this,
- d = f.getElement("image"),
- j = k,
- h = i,
- b = typeof l === "undefined" ? c.width : l,
- m = typeof e === "undefined" ? c.height : e,
- o = null;
- if (typeof g !== "undefined") {
- o = k + " " + i + " " + l + " " + e;
- j = p;
- h = n;
- b = a;
- m = g
- }
- d.dom.setAttributeNS("http://www.w3.org/1999/xlink", "href", c.src);
- f.surface.setElementAttributes(d, {
- viewBox: o,
- x: j,
- y: h,
- width: b,
- height: m,
- opacity: f.globalAlpha,
- transform: f.matrix.toSvg()
- })
- },
- fill: function() {
- if (!this.path) {
- return
- }
- if (this.fillStyle) {
- var c, a = this.fillGradient,
- d = this.bbox,
- b = this.path.element;
- if (!b) {
- c = this.path.toString();
- b = this.path.element = this.getElement("path");
- this.surface.setElementAttributes(b, {
- d: c,
- transform: this.matrix.toSvg()
- })
- }
- this.surface.setElementAttributes(b, {
- fill: a && d ? a.generateGradient(this, d) : this.fillStyle,
- "fill-opacity": this.fillOpacity * this.globalAlpha
- })
- }
- },
- stroke: function() {
- if (!this.path) {
- return
- }
- if (this.strokeStyle) {
- var c, b = this.strokeGradient,
- d = this.bbox,
- a = this.path.element;
- if (!a || !this.path.svgString) {
- c = this.path.toString();
- if (!c) {
- return
- }
- a = this.path.element = this.getElement("path");
- this.surface.setElementAttributes(a, {
- fill: "none",
- d: c,
- transform: this.matrix.toSvg()
- })
- }
- this.surface.setElementAttributes(a, {
- stroke: b && d ? b.generateGradient(this, d) : this.strokeStyle,
- "stroke-linecap": this.lineCap,
- "stroke-linejoin": this.lineJoin,
- "stroke-width": this.lineWidth,
- "stroke-opacity": this.strokeOpacity * this.globalAlpha,
- "stroke-dasharray": this.lineDash.join(","),
- "stroke-dashoffset": this.lineDashOffset
- });
- if (this.lineDash.length) {
- this.surface.setElementAttributes(a, {
- "stroke-dasharray": this.lineDash.join(","),
- "stroke-dashoffset": this.lineDashOffset
- })
- }
- }
- },
- fillStroke: function(a, e) {
- var b = this,
- d = b.fillStyle,
- g = b.strokeStyle,
- c = b.fillOpacity,
- f = b.strokeOpacity;
- if (e === undefined) {
- e = a.transformFillStroke
- }
- if (!e) {
- a.inverseMatrix.toContext(b)
- }
- if (d && c !== 0) {
- b.fill()
- }
- if (g && f !== 0) {
- b.stroke()
- }
- },
- appendPath: function(a) {
- this.path = a.clone()
- },
- setLineDash: function(a) {
- this.lineDash = a
- },
- getLineDash: function() {
- return this.lineDash
- },
- createLinearGradient: function(d, g, b, e) {
- var f = this,
- c = f.surface.getNextDef("linearGradient"),
- a = f.group.dom.gradients || (f.group.dom.gradients = {}),
- h;
- f.surface.setElementAttributes(c, {
- x1: d,
- y1: g,
- x2: b,
- y2: e,
- gradientUnits: "userSpaceOnUse"
- });
- h = new Ext.draw.engine.SvgContext.Gradient(f, f.surface, c);
- a[c.dom.id] = h;
- return h
- },
- createRadialGradient: function(b, j, d, a, i, c) {
- var g = this,
- e = g.surface.getNextDef("radialGradient"),
- f = g.group.dom.gradients || (g.group.dom.gradients = {}),
- h;
- g.surface.setElementAttributes(e, {
- fx: b,
- fy: j,
- cx: a,
- cy: i,
- r: c,
- gradientUnits: "userSpaceOnUse"
- });
- h = new Ext.draw.engine.SvgContext.Gradient(g, g.surface, e, d / c);
- f[e.dom.id] = h;
- return h
- }
-});
-Ext.define("Ext.draw.engine.SvgContext.Gradient", {
- statics: {
- map: {}
- },
- constructor: function(c, a, d, b) {
- var f = this.statics().map,
- e;
- e = f[d.dom.id];
- if (e) {
- e.element = null
- }
- f[d.dom.id] = this;
- this.ctx = c;
- this.surface = a;
- this.element = d;
- this.position = 0;
- this.compression = b || 0
- },
- addColorStop: function(d, b) {
- var c = this.surface.getSvgElement(this.element, "stop", this.position++),
- a = this.compression;
- this.surface.setElementAttributes(c, {
- offset: (((1 - a) * d + a) * 100).toFixed(2) + "%",
- "stop-color": b,
- "stop-opacity": Ext.draw.Color.fly(b).a.toFixed(15)
- })
- },
- toString: function() {
- var a = this.element.dom.childNodes;
- while (a.length > this.position) {
- Ext.fly(a[a.length - 1]).destroy()
- }
- return "url(#" + this.element.getId() + ")"
- },
- destroy: function() {
- var b = this.statics().map,
- a = this.element;
- if (a && a.dom) {
- delete b[a.dom.id];
- a.destroy()
- }
- this.callParent()
- }
-});
-Ext.define("Ext.draw.engine.Svg", {
- extend: "Ext.draw.Surface",
- requires: ["Ext.draw.engine.SvgContext"],
- statics: {
- BBoxTextCache: {}
- },
- config: {
- highPrecision: false
- },
- getElementConfig: function() {
- return {
- reference: "element",
- style: {
- position: "absolute"
- },
- children: [{
- reference: "innerElement",
- style: {
- width: "100%",
- height: "100%",
- position: "relative"
- },
- children: [{
- tag: "svg",
- reference: "svgElement",
- namespace: "http://www.w3.org/2000/svg",
- width: "100%",
- height: "100%",
- version: 1.1
- }]
- }]
- }
- },
- constructor: function(a) {
- var b = this;
- b.callParent([a]);
- b.mainGroup = b.createSvgNode("g");
- b.defElement = b.createSvgNode("defs");
- b.svgElement.appendChild(b.mainGroup);
- b.svgElement.appendChild(b.defElement);
- b.ctx = new Ext.draw.engine.SvgContext(b)
- },
- createSvgNode: function(a) {
- var b = document.createElementNS("http://www.w3.org/2000/svg", a);
- return Ext.get(b)
- },
- getSvgElement: function(d, b, a) {
- var c;
- if (d.dom.childNodes.length > a) {
- c = d.dom.childNodes[a];
- if (c.tagName === b) {
- return Ext.get(c)
- } else {
- Ext.destroy(c)
- }
- }
- c = Ext.get(this.createSvgNode(b));
- if (a === 0) {
- d.insertFirst(c)
- } else {
- c.insertAfter(Ext.fly(d.dom.childNodes[a - 1]))
- }
- c.cache = {};
- return c
- },
- setElementAttributes: function(d, b) {
- var f = d.dom,
- a = d.cache,
- c, e;
- for (c in b) {
- e = b[c];
- if (a[c] !== e) {
- a[c] = e;
- f.setAttribute(c, e)
- }
- }
- },
- getNextDef: function(a) {
- return this.getSvgElement(this.defElement, a, this.defPosition++)
- },
- clearTransform: function() {
- var a = this;
- a.mainGroup.set({
- transform: a.matrix.toSvg()
- })
- },
- clear: function() {
- this.ctx.clear();
- this.defPosition = 0
- },
- renderSprite: function(b) {
- var d = this,
- c = d.getRect(),
- a = d.ctx;
- if (b.attr.hidden || b.attr.globalAlpha === 0) {
- a.save();
- a.restore();
- return
- }
- b.element = a.save();
- b.preRender(this);
- b.useAttributes(a, c);
- if (false === b.render(this, a, [0, 0, c[2], c[3]])) {
- return false
- }
- b.setDirty(false);
- a.restore()
- },
- flatten: function(e, b) {
- var c = '',
- f = Ext.getClassName(this),
- a, g, d;
- c += '";
- return {
- data: "data:image/svg+xml;utf8," + encodeURIComponent(c),
- type: "svg"
- }
- },
- serializeNode: function(d) {
- var b = "",
- c, f, a, e;
- if (d.nodeType === document.TEXT_NODE) {
- return d.nodeValue
- }
- b += "<" + d.nodeName;
- if (d.attributes.length) {
- for (c = 0, f = d.attributes.length; c < f; c++) {
- a = d.attributes[c];
- b += " " + a.name + '="' + a.value + '"'
- }
- }
- b += ">";
- if (d.childNodes && d.childNodes.length) {
- for (c = 0, f = d.childNodes.length; c < f; c++) {
- e = d.childNodes[c];
- b += this.serializeNode(e)
- }
- }
- b += "";
- return b
- },
- destroy: function() {
- var a = this;
- a.ctx.destroy();
- a.mainGroup.destroy();
- delete a.mainGroup;
- delete a.ctx;
- a.callParent()
- },
- remove: function(a, b) {
- if (a && a.element) {
- if (this.ctx) {
- this.ctx.removeElement(a.element)
- } else {
- a.element.destroy()
- }
- a.element = null
- }
- this.callParent(arguments)
- }
-});
-Ext.draw || (Ext.draw = {});
-Ext.draw.engine || (Ext.draw.engine = {});
-Ext.draw.engine.excanvas = true;
-if (!document.createElement("canvas").getContext) {
- (function() {
- var ab = Math;
- var n = ab.round;
- var l = ab.sin;
- var A = ab.cos;
- var H = ab.abs;
- var N = ab.sqrt;
- var d = 10;
- var f = d / 2;
- var z = +navigator.userAgent.match(/MSIE ([\d.]+)?/)[1];
-
- function y() {
- return this.context_ || (this.context_ = new D(this))
- }
- var t = Array.prototype.slice;
-
- function g(j, m, p) {
- var i = t.call(arguments, 2);
- return function() {
- return j.apply(m, i.concat(t.call(arguments)))
- }
- }
-
- function af(i) {
- return String(i).replace(/&/g, "&").replace(/"/g, """)
- }
-
- function Y(m, j, i) {
- Ext.onReady(function() {
- if (!m.namespaces[j]) {
- m.namespaces.add(j, i, "#default#VML")
- }
- })
- }
-
- function R(j) {
- Y(j, "g_vml_", "urn:schemas-microsoft-com:vml");
- Y(j, "g_o_", "urn:schemas-microsoft-com:office:office");
- if (!j.styleSheets.ex_canvas_) {
- var i = j.createStyleSheet();
- i.owningElement.id = "ex_canvas_";
- i.cssText = "canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"
- }
- }
- R(document);
- var e = {
- init: function(i) {
- var j = i || document;
- j.createElement("canvas");
- j.attachEvent("onreadystatechange", g(this.init_, this, j))
- },
- init_: function(p) {
- var m = p.getElementsByTagName("canvas");
- for (var j = 0; j < m.length; j++) {
- this.initElement(m[j])
- }
- },
- initElement: function(j) {
- if (!j.getContext) {
- j.getContext = y;
- R(j.ownerDocument);
- j.innerHTML = "";
- j.attachEvent("onpropertychange", x);
- j.attachEvent("onresize", W);
- var i = j.attributes;
- if (i.width && i.width.specified) {
- j.style.width = i.width.nodeValue + "px"
- } else {
- j.width = j.clientWidth
- }
- if (i.height && i.height.specified) {
- j.style.height = i.height.nodeValue + "px"
- } else {
- j.height = j.clientHeight
- }
- }
- return j
- }
- };
-
- function x(j) {
- var i = j.srcElement;
- switch (j.propertyName) {
- case "width":
- i.getContext().clearRect();
- i.style.width = i.attributes.width.nodeValue + "px";
- i.firstChild.style.width = i.clientWidth + "px";
- break;
- case "height":
- i.getContext().clearRect();
- i.style.height = i.attributes.height.nodeValue + "px";
- i.firstChild.style.height = i.clientHeight + "px";
- break
- }
- }
-
- function W(j) {
- var i = j.srcElement;
- if (i.firstChild) {
- i.firstChild.style.width = i.clientWidth + "px";
- i.firstChild.style.height = i.clientHeight + "px"
- }
- }
- e.init();
- var k = [];
- for (var ae = 0; ae < 16; ae++) {
- for (var ad = 0; ad < 16; ad++) {
- k[ae * 16 + ad] = ae.toString(16) + ad.toString(16)
- }
- }
-
- function B() {
- return [
- [1, 0, 0],
- [0, 1, 0],
- [0, 0, 1]
- ]
- }
-
- function J(p, m) {
- var j = B();
- for (var i = 0; i < 3; i++) {
- for (var ah = 0; ah < 3; ah++) {
- var Z = 0;
- for (var ag = 0; ag < 3; ag++) {
- Z += p[i][ag] * m[ag][ah]
- }
- j[i][ah] = Z
- }
- }
- return j
- }
-
- function v(j, i) {
- i.fillStyle = j.fillStyle;
- i.lineCap = j.lineCap;
- i.lineJoin = j.lineJoin;
- i.lineDash = j.lineDash;
- i.lineWidth = j.lineWidth;
- i.miterLimit = j.miterLimit;
- i.shadowBlur = j.shadowBlur;
- i.shadowColor = j.shadowColor;
- i.shadowOffsetX = j.shadowOffsetX;
- i.shadowOffsetY = j.shadowOffsetY;
- i.strokeStyle = j.strokeStyle;
- i.globalAlpha = j.globalAlpha;
- i.font = j.font;
- i.textAlign = j.textAlign;
- i.textBaseline = j.textBaseline;
- i.arcScaleX_ = j.arcScaleX_;
- i.arcScaleY_ = j.arcScaleY_;
- i.lineScale_ = j.lineScale_
- }
- var b = {
- aliceblue: "#F0F8FF",
- antiquewhite: "#FAEBD7",
- aquamarine: "#7FFFD4",
- azure: "#F0FFFF",
- beige: "#F5F5DC",
- bisque: "#FFE4C4",
- black: "#000000",
- blanchedalmond: "#FFEBCD",
- blueviolet: "#8A2BE2",
- brown: "#A52A2A",
- burlywood: "#DEB887",
- cadetblue: "#5F9EA0",
- chartreuse: "#7FFF00",
- chocolate: "#D2691E",
- coral: "#FF7F50",
- cornflowerblue: "#6495ED",
- cornsilk: "#FFF8DC",
- crimson: "#DC143C",
- cyan: "#00FFFF",
- darkblue: "#00008B",
- darkcyan: "#008B8B",
- darkgoldenrod: "#B8860B",
- darkgray: "#A9A9A9",
- darkgreen: "#006400",
- darkgrey: "#A9A9A9",
- darkkhaki: "#BDB76B",
- darkmagenta: "#8B008B",
- darkolivegreen: "#556B2F",
- darkorange: "#FF8C00",
- darkorchid: "#9932CC",
- darkred: "#8B0000",
- darksalmon: "#E9967A",
- darkseagreen: "#8FBC8F",
- darkslateblue: "#483D8B",
- darkslategray: "#2F4F4F",
- darkslategrey: "#2F4F4F",
- darkturquoise: "#00CED1",
- darkviolet: "#9400D3",
- deeppink: "#FF1493",
- deepskyblue: "#00BFFF",
- dimgray: "#696969",
- dimgrey: "#696969",
- dodgerblue: "#1E90FF",
- firebrick: "#B22222",
- floralwhite: "#FFFAF0",
- forestgreen: "#228B22",
- gainsboro: "#DCDCDC",
- ghostwhite: "#F8F8FF",
- gold: "#FFD700",
- goldenrod: "#DAA520",
- grey: "#808080",
- greenyellow: "#ADFF2F",
- honeydew: "#F0FFF0",
- hotpink: "#FF69B4",
- indianred: "#CD5C5C",
- indigo: "#4B0082",
- ivory: "#FFFFF0",
- khaki: "#F0E68C",
- lavender: "#E6E6FA",
- lavenderblush: "#FFF0F5",
- lawngreen: "#7CFC00",
- lemonchiffon: "#FFFACD",
- lightblue: "#ADD8E6",
- lightcoral: "#F08080",
- lightcyan: "#E0FFFF",
- lightgoldenrodyellow: "#FAFAD2",
- lightgreen: "#90EE90",
- lightgrey: "#D3D3D3",
- lightpink: "#FFB6C1",
- lightsalmon: "#FFA07A",
- lightseagreen: "#20B2AA",
- lightskyblue: "#87CEFA",
- lightslategray: "#778899",
- lightslategrey: "#778899",
- lightsteelblue: "#B0C4DE",
- lightyellow: "#FFFFE0",
- limegreen: "#32CD32",
- linen: "#FAF0E6",
- magenta: "#FF00FF",
- mediumaquamarine: "#66CDAA",
- mediumblue: "#0000CD",
- mediumorchid: "#BA55D3",
- mediumpurple: "#9370DB",
- mediumseagreen: "#3CB371",
- mediumslateblue: "#7B68EE",
- mediumspringgreen: "#00FA9A",
- mediumturquoise: "#48D1CC",
- mediumvioletred: "#C71585",
- midnightblue: "#191970",
- mintcream: "#F5FFFA",
- mistyrose: "#FFE4E1",
- moccasin: "#FFE4B5",
- navajowhite: "#FFDEAD",
- oldlace: "#FDF5E6",
- olivedrab: "#6B8E23",
- orange: "#FFA500",
- orangered: "#FF4500",
- orchid: "#DA70D6",
- palegoldenrod: "#EEE8AA",
- palegreen: "#98FB98",
- paleturquoise: "#AFEEEE",
- palevioletred: "#DB7093",
- papayawhip: "#FFEFD5",
- peachpuff: "#FFDAB9",
- peru: "#CD853F",
- pink: "#FFC0CB",
- plum: "#DDA0DD",
- powderblue: "#B0E0E6",
- rosybrown: "#BC8F8F",
- royalblue: "#4169E1",
- saddlebrown: "#8B4513",
- salmon: "#FA8072",
- sandybrown: "#F4A460",
- seagreen: "#2E8B57",
- seashell: "#FFF5EE",
- sienna: "#A0522D",
- skyblue: "#87CEEB",
- slateblue: "#6A5ACD",
- slategray: "#708090",
- slategrey: "#708090",
- snow: "#FFFAFA",
- springgreen: "#00FF7F",
- steelblue: "#4682B4",
- tan: "#D2B48C",
- thistle: "#D8BFD8",
- tomato: "#FF6347",
- turquoise: "#40E0D0",
- violet: "#EE82EE",
- wheat: "#F5DEB3",
- whitesmoke: "#F5F5F5",
- yellowgreen: "#9ACD32"
- };
-
- function M(j) {
- var p = j.indexOf("(", 3);
- var i = j.indexOf(")", p + 1);
- var m = j.substring(p + 1, i).split(",");
- if (m.length != 4 || j.charAt(3) != "a") {
- m[3] = 1
- }
- return m
- }
-
- function c(i) {
- return parseFloat(i) / 100
- }
-
- function r(j, m, i) {
- return Math.min(i, Math.max(m, j))
- }
-
- function I(ag) {
- var i, ai, aj, ah, ak, Z;
- ah = parseFloat(ag[0]) / 360 % 360;
- if (ah < 0) {
- ah++
- }
- ak = r(c(ag[1]), 0, 1);
- Z = r(c(ag[2]), 0, 1);
- if (ak == 0) {
- i = ai = aj = Z
- } else {
- var j = Z < 0.5 ? Z * (1 + ak) : Z + ak - Z * ak;
- var m = 2 * Z - j;
- i = a(m, j, ah + 1 / 3);
- ai = a(m, j, ah);
- aj = a(m, j, ah - 1 / 3)
- }
- return "#" + k[Math.floor(i * 255)] + k[Math.floor(ai * 255)] + k[Math.floor(aj * 255)]
- }
-
- function a(j, i, m) {
- if (m < 0) {
- m++
- }
- if (m > 1) {
- m--
- }
- if (6 * m < 1) {
- return j + (i - j) * 6 * m
- } else {
- if (2 * m < 1) {
- return i
- } else {
- if (3 * m < 2) {
- return j + (i - j) * (2 / 3 - m) * 6
- } else {
- return j
- }
- }
- }
- }
- var C = {};
-
- function F(j) {
- if (j in C) {
- return C[j]
- }
- var ag, Z = 1;
- j = String(j);
- if (j.charAt(0) == "#") {
- ag = j
- } else {
- if (/^rgb/.test(j)) {
- var p = M(j);
- var ag = "#",
- ah;
- for (var m = 0; m < 3; m++) {
- if (p[m].indexOf("%") != -1) {
- ah = Math.floor(c(p[m]) * 255)
- } else {
- ah = +p[m]
- }
- ag += k[r(ah, 0, 255)]
- }
- Z = +p[3]
- } else {
- if (/^hsl/.test(j)) {
- var p = M(j);
- ag = I(p);
- Z = p[3]
- } else {
- ag = b[j] || j
- }
- }
- }
- return C[j] = {
- color: ag,
- alpha: Z
- }
- }
- var o = {
- style: "normal",
- variant: "normal",
- weight: "normal",
- size: 10,
- family: "sans-serif"
- };
- var L = {};
-
- function E(i) {
- if (L[i]) {
- return L[i]
- }
- var p = document.createElement("div");
- var m = p.style;
- try {
- m.font = i
- } catch (j) {}
- return L[i] = {
- style: m.fontStyle || o.style,
- variant: m.fontVariant || o.variant,
- weight: m.fontWeight || o.weight,
- size: m.fontSize || o.size,
- family: m.fontFamily || o.family
- }
- }
-
- function u(m, j) {
- var i = {};
- for (var ah in m) {
- i[ah] = m[ah]
- }
- var ag = parseFloat(j.currentStyle.fontSize),
- Z = parseFloat(m.size);
- if (typeof m.size == "number") {
- i.size = m.size
- } else {
- if (m.size.indexOf("px") != -1) {
- i.size = Z
- } else {
- if (m.size.indexOf("em") != -1) {
- i.size = ag * Z
- } else {
- if (m.size.indexOf("%") != -1) {
- i.size = (ag / 100) * Z
- } else {
- if (m.size.indexOf("pt") != -1) {
- i.size = Z / 0.75
- } else {
- i.size = ag
- }
- }
- }
- }
- }
- i.size *= 0.981;
- return i
- }
-
- function ac(i) {
- return i.style + " " + i.variant + " " + i.weight + " " + i.size + "px " + i.family
- }
- var s = {
- butt: "flat",
- round: "round"
- };
-
- function S(i) {
- return s[i] || "square"
- }
-
- function D(i) {
- this.m_ = B();
- this.mStack_ = [];
- this.aStack_ = [];
- this.currentPath_ = [];
- this.strokeStyle = "#000";
- this.fillStyle = "#000";
- this.lineWidth = 1;
- this.lineJoin = "miter";
- this.lineDash = [];
- this.lineCap = "butt";
- this.miterLimit = d * 1;
- this.globalAlpha = 1;
- this.font = "10px sans-serif";
- this.textAlign = "left";
- this.textBaseline = "alphabetic";
- this.canvas = i;
- var m = "width:" + i.clientWidth + "px;height:" + i.clientHeight + "px;overflow:hidden;position:absolute";
- var j = i.ownerDocument.createElement("div");
- j.style.cssText = m;
- i.appendChild(j);
- var p = j.cloneNode(false);
- p.style.backgroundColor = "red";
- p.style.filter = "alpha(opacity=0)";
- i.appendChild(p);
- this.element_ = j;
- this.arcScaleX_ = 1;
- this.arcScaleY_ = 1;
- this.lineScale_ = 1
- }
- var q = D.prototype;
- q.clearRect = function() {
- if (this.textMeasureEl_) {
- this.textMeasureEl_.removeNode(true);
- this.textMeasureEl_ = null
- }
- this.element_.innerHTML = ""
- };
- q.beginPath = function() {
- this.currentPath_ = []
- };
- q.moveTo = function(j, i) {
- var m = V(this, j, i);
- this.currentPath_.push({
- type: "moveTo",
- x: m.x,
- y: m.y
- });
- this.currentX_ = m.x;
- this.currentY_ = m.y
- };
- q.lineTo = function(j, i) {
- var m = V(this, j, i);
- this.currentPath_.push({
- type: "lineTo",
- x: m.x,
- y: m.y
- });
- this.currentX_ = m.x;
- this.currentY_ = m.y
- };
- q.bezierCurveTo = function(m, j, ak, aj, ai, ag) {
- var i = V(this, ai, ag);
- var ah = V(this, m, j);
- var Z = V(this, ak, aj);
- K(this, ah, Z, i)
- };
-
- function K(i, Z, m, j) {
- i.currentPath_.push({
- type: "bezierCurveTo",
- cp1x: Z.x,
- cp1y: Z.y,
- cp2x: m.x,
- cp2y: m.y,
- x: j.x,
- y: j.y
- });
- i.currentX_ = j.x;
- i.currentY_ = j.y
- }
- q.quadraticCurveTo = function(ai, m, j, i) {
- var ah = V(this, ai, m);
- var ag = V(this, j, i);
- var aj = {
- x: this.currentX_ + 2 / 3 * (ah.x - this.currentX_),
- y: this.currentY_ + 2 / 3 * (ah.y - this.currentY_)
- };
- var Z = {
- x: aj.x + (ag.x - this.currentX_) / 3,
- y: aj.y + (ag.y - this.currentY_) / 3
- };
- K(this, aj, Z, ag)
- };
- q.arc = function(al, aj, ak, ag, j, m) {
- ak *= d;
- var ap = m ? "at" : "wa";
- var am = al + A(ag) * ak - f;
- var ao = aj + l(ag) * ak - f;
- var i = al + A(j) * ak - f;
- var an = aj + l(j) * ak - f;
- if (am == i && !m) {
- am += 0.125
- }
- var Z = V(this, al, aj);
- var ai = V(this, am, ao);
- var ah = V(this, i, an);
- this.currentPath_.push({
- type: ap,
- x: Z.x,
- y: Z.y,
- radius: ak,
- xStart: ai.x,
- yStart: ai.y,
- xEnd: ah.x,
- yEnd: ah.y
- })
- };
- q.rect = function(m, j, i, p) {
- this.moveTo(m, j);
- this.lineTo(m + i, j);
- this.lineTo(m + i, j + p);
- this.lineTo(m, j + p);
- this.closePath()
- };
- q.strokeRect = function(m, j, i, p) {
- var Z = this.currentPath_;
- this.beginPath();
- this.moveTo(m, j);
- this.lineTo(m + i, j);
- this.lineTo(m + i, j + p);
- this.lineTo(m, j + p);
- this.closePath();
- this.stroke();
- this.currentPath_ = Z
- };
- q.fillRect = function(m, j, i, p) {
- var Z = this.currentPath_;
- this.beginPath();
- this.moveTo(m, j);
- this.lineTo(m + i, j);
- this.lineTo(m + i, j + p);
- this.lineTo(m, j + p);
- this.closePath();
- this.fill();
- this.currentPath_ = Z
- };
- q.createLinearGradient = function(j, p, i, m) {
- var Z = new U("gradient");
- Z.x0_ = j;
- Z.y0_ = p;
- Z.x1_ = i;
- Z.y1_ = m;
- return Z
- };
- q.createRadialGradient = function(p, ag, m, j, Z, i) {
- var ah = new U("gradientradial");
- ah.x0_ = p;
- ah.y0_ = ag;
- ah.r0_ = m;
- ah.x1_ = j;
- ah.y1_ = Z;
- ah.r1_ = i;
- return ah
- };
- q.drawImage = function(an, j) {
- var ah, Z, aj, ar, al, ak, ao, av;
- var ai = an.runtimeStyle.width;
- var am = an.runtimeStyle.height;
- an.runtimeStyle.width = "auto";
- an.runtimeStyle.height = "auto";
- var ag = an.width;
- var aq = an.height;
- an.runtimeStyle.width = ai;
- an.runtimeStyle.height = am;
- if (arguments.length == 3) {
- ah = arguments[1];
- Z = arguments[2];
- al = ak = 0;
- ao = aj = ag;
- av = ar = aq
- } else {
- if (arguments.length == 5) {
- ah = arguments[1];
- Z = arguments[2];
- aj = arguments[3];
- ar = arguments[4];
- al = ak = 0;
- ao = ag;
- av = aq
- } else {
- if (arguments.length == 9) {
- al = arguments[1];
- ak = arguments[2];
- ao = arguments[3];
- av = arguments[4];
- ah = arguments[5];
- Z = arguments[6];
- aj = arguments[7];
- ar = arguments[8]
- } else {
- throw Error("Invalid number of arguments")
- }
- }
- }
- var au = V(this, ah, Z);
- var at = [];
- var i = 10;
- var p = 10;
- var ap = this.m_;
- at.push(" ', '', ' ", "
"],
- nodeContainerSelector: "div." + Ext.baseCSSPrefix + "legend-container",
- itemSelector: "div." + Ext.baseCSSPrefix + "legend-item",
- docked: "bottom"
- },
- setDocked: function(d) {
- var c = this,
- a = c.ownerCt,
- b;
- c.docked = d;
- switch (d) {
- case "top":
- case "bottom":
- c.addCls(Ext.baseCSSPrefix + "horizontal");
- b = "hbox";
- break;
- case "left":
- case "right":
- c.removeCls(Ext.baseCSSPrefix + "horizontal");
- b = "vbox";
- break
- }
- if (a) {
- a.setDocked(d)
- }
- },
- setStore: function(a) {
- this.bindStore(a)
- },
- clearViewEl: function() {
- this.callParent(arguments);
- Ext.removeNode(this.getNodeContainer())
- },
- onItemClick: function(a, c, b, d) {
- this.callParent(arguments);
- this.toggleItem(b)
- }
-});
-Ext.define("Ext.chart.Legend", {
- xtype: "legend",
- extend: "Ext.chart.LegendBase",
- config: {
- baseCls: Ext.baseCSSPrefix + "legend",
- padding: 5,
- rect: null,
- disableSelection: true,
- toggleable: true
- },
- toggleItem: function(c) {
- if (!this.getToggleable()) {
- return
- }
- var b = this.getStore(),
- h = 0,
- e, g = true,
- d, f, a;
- if (b) {
- f = b.getCount();
- for (d = 0; d < f; d++) {
- a = b.getAt(d);
- if (a.get("disabled")) {
- h++
- }
- }
- g = f - h > 1;
- a = b.getAt(c);
- if (a) {
- e = a.get("disabled");
- if (e || g) {
- a.set("disabled", !e)
- }
- }
- }
- }
-});
-Ext.define("Ext.chart.AbstractChart", {
- extend: "Ext.draw.Container",
- requires: ["Ext.chart.theme.Default", "Ext.chart.series.Series", "Ext.chart.interactions.Abstract", "Ext.chart.axis.Axis", "Ext.data.StoreManager", "Ext.chart.Legend", "Ext.data.Store"],
- isChart: true,
- defaultBindProperty: "store",
- config: {
- store: "ext-empty-store",
- theme: "default",
- style: null,
- animation: !Ext.isIE8,
- series: [],
- axes: [],
- legend: null,
- colors: null,
- insetPadding: {
- top: 10,
- left: 10,
- right: 10,
- bottom: 10
- },
- background: null,
- interactions: [],
- mainRect: null,
- resizeHandler: null,
- highlightItem: null
- },
- animationSuspendCount: 0,
- chartLayoutSuspendCount: 0,
- axisThicknessSuspendCount: 0,
- isThicknessChanged: false,
- surfaceZIndexes: {
- background: 0,
- main: 1,
- grid: 2,
- series: 3,
- axis: 4,
- chart: 5,
- overlay: 6,
- events: 7
- },
- constructor: function(a) {
- var b = this;
- b.itemListeners = {};
- b.surfaceMap = {};
- b.chartComponents = {};
- b.isInitializing = true;
- b.suspendChartLayout();
- b.animationSuspendCount++;
- b.callParent(arguments);
- delete b.isInitializing;
- b.getSurface("main");
- b.getSurface("chart").setFlipRtlText(b.getInherited().rtl);
- b.getSurface("overlay").waitFor(b.getSurface("series"));
- b.animationSuspendCount--;
- b.resumeChartLayout()
- },
- applyAnimation: function(a, b) {
- if (!a) {
- a = {
- duration: 0
- }
- } else {
- if (a === true) {
- a = {
- easing: "easeInOut",
- duration: 500
- }
- }
- }
- return b ? Ext.apply({}, a, b) : a
- },
- getAnimation: function() {
- if (this.animationSuspendCount) {
- return {
- duration: 0
- }
- } else {
- return this.callParent()
- }
- },
- applyInsetPadding: function(b, a) {
- if (!Ext.isObject(b)) {
- return Ext.util.Format.parseBox(b)
- } else {
- if (!a) {
- return b
- } else {
- return Ext.apply(a, b)
- }
- }
- },
- suspendAnimation: function() {
- var d = this,
- c = d.getSeries(),
- e = c.length,
- b = -1,
- a;
- d.animationSuspendCount++;
- if (d.animationSuspendCount === 1) {
- while (++b < e) {
- a = c[b];
- a.setAnimation(a.getAnimation())
- }
- }
- },
- resumeAnimation: function() {
- var d = this,
- c = d.getSeries(),
- f = c.length,
- b = -1,
- a, e;
- d.animationSuspendCount--;
- if (d.animationSuspendCount === 0) {
- while (++b < f) {
- a = c[b];
- e = a.getAnimation();
- a.setAnimation(e.duration && e || d.getAnimation())
- }
- }
- },
- suspendChartLayout: function() {
- this.chartLayoutSuspendCount++;
- if (this.chartLayoutSuspendCount === 1) {
- if (this.scheduledLayoutId) {
- this.layoutInSuspension = true;
- this.cancelChartLayout()
- } else {
- this.layoutInSuspension = false
- }
- }
- },
- resumeChartLayout: function() {
- this.chartLayoutSuspendCount--;
- if (this.chartLayoutSuspendCount === 0) {
- if (this.layoutInSuspension) {
- this.scheduleLayout()
- }
- }
- },
- cancelChartLayout: function() {
- if (this.scheduledLayoutId) {
- Ext.draw.Animator.cancel(this.scheduledLayoutId);
- this.scheduledLayoutId = null
- }
- },
- scheduleLayout: function() {
- var a = this;
- if (a.allowSchedule() && !a.scheduledLayoutId) {
- a.scheduledLayoutId = Ext.draw.Animator.schedule("doScheduleLayout", a)
- }
- },
- allowSchedule: function() {
- return true
- },
- doScheduleLayout: function() {
- if (this.chartLayoutSuspendCount) {
- this.layoutInSuspension = true
- } else {
- this.performLayout()
- }
- },
- suspendThicknessChanged: function() {
- this.axisThicknessSuspendCount++
- },
- resumeThicknessChanged: function() {
- if (this.axisThicknessSuspendCount > 0) {
- this.axisThicknessSuspendCount--;
- if (this.axisThicknessSuspendCount === 0 && this.isThicknessChanged) {
- this.onThicknessChanged()
- }
- }
- },
- onThicknessChanged: function() {
- if (this.axisThicknessSuspendCount === 0) {
- this.isThicknessChanged = false;
- this.performLayout()
- } else {
- this.isThicknessChanged = true
- }
- },
- applySprites: function(b) {
- var a = this.getSurface("chart");
- b = Ext.Array.from(b);
- a.removeAll(true);
- a.add(b);
- return b
- },
- initItems: function() {
- var a = this.items,
- b, d, c;
- if (a && !a.isMixedCollection) {
- this.items = [];
- a = Ext.Array.from(a);
- for (b = 0, d = a.length; b < d; b++) {
- c = a[b];
- if (c.type) {
- Ext.raise("To add custom sprites to the chart use the 'sprites' config.")
- } else {
- this.items.push(c)
- }
- }
- }
- this.callParent()
- },
- applyBackground: function(c, e) {
- var b = this.getSurface("background"),
- d, a, f;
- if (c) {
- if (e) {
- d = e.attr.width;
- a = e.attr.height;
- f = e.type === (c.type || "rect")
- }
- if (c.isSprite) {
- e = c
- } else {
- if (c.type === "image" && Ext.isString(c.src)) {
- if (f) {
- e.setAttributes({
- src: c.src
- })
- } else {
- b.remove(e, true);
- e = b.add(c)
- }
- } else {
- if (f) {
- e.setAttributes({
- fillStyle: c
- })
- } else {
- b.remove(e, true);
- e = b.add({
- type: "rect",
- fillStyle: c,
- fx: {
- customDurations: {
- x: 0,
- y: 0,
- width: 0,
- height: 0
- }
- }
- })
- }
- }
- }
- }
- if (d && a) {
- e.setAttributes({
- width: d,
- height: a
- })
- }
- e.setAnimation(this.getAnimation());
- return e
- },
- getLegendStore: function() {
- return this.legendStore
- },
- refreshLegendStore: function() {
- if (this.getLegendStore()) {
- var d, e, c = this.getSeries(),
- b, a = [];
- if (c) {
- for (d = 0, e = c.length; d < e; d++) {
- b = c[d];
- if (b.getShowInLegend()) {
- b.provideLegendInfo(a)
- }
- }
- }
- this.getLegendStore().setData(a)
- }
- },
- resetLegendStore: function() {
- var c = this.getLegendStore(),
- e, d, a, b;
- if (c) {
- e = this.getLegendStore().getData().items;
- for (d = 0, a = e.length; d < a; d++) {
- b = e[d];
- b.beginEdit();
- b.set("disabled", false);
- b.commit()
- }
- }
- },
- onUpdateLegendStore: function(b, a) {
- var d = this.getSeries(),
- c;
- if (a && d) {
- c = d.map[a.get("series")];
- if (c) {
- c.setHiddenByIndex(a.get("index"), a.get("disabled"));
- this.redraw()
- }
- }
- },
- defaultResizeHandler: function(a) {
- this.scheduleLayout();
- return false
- },
- applyMainRect: function(a, b) {
- if (!b) {
- return a
- }
- this.getSeries();
- this.getAxes();
- if (a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]) {
- return b
- } else {
- return a
- }
- },
- register: function(a) {
- var b = this.chartComponents,
- c = a.getId();
- b[c] = a
- },
- unregister: function(a) {
- var b = this.chartComponents,
- c = a.getId();
- delete b[c]
- },
- get: function(a) {
- return this.chartComponents[a]
- },
- getAxis: function(a) {
- if (a instanceof Ext.chart.axis.Axis) {
- return a
- } else {
- if (Ext.isNumber(a)) {
- return this.getAxes()[a]
- } else {
- if (Ext.isString(a)) {
- return this.get(a)
- }
- }
- }
- },
- getSurface: function(b, c) {
- b = b || "main";
- c = c || b;
- var d = this,
- a = this.callParent([b]),
- f = d.surfaceZIndexes,
- e = d.surfaceMap;
- if (c in f) {
- a.element.setStyle("zIndex", f[c])
- }
- if (!e[c]) {
- e[c] = []
- }
- if (Ext.Array.indexOf(e[c], a) < 0) {
- a.type = c;
- e[c].push(a);
- a.on("destroy", d.forgetSurface, d)
- }
- return a
- },
- forgetSurface: function(a) {
- var d = this.surfaceMap;
- if (!d || this.isDestroying) {
- return
- }
- var c = d[a.type],
- b = c ? Ext.Array.indexOf(c, a) : -1;
- if (b >= 0) {
- c.splice(b, 1)
- }
- },
- applyAxes: function(b, k) {
- var l = this,
- g = {
- left: "right",
- right: "left"
- },
- m = [],
- c, d, e, a, f, h, j;
- l.animationSuspendCount++;
- l.getStore();
- if (!k) {
- k = [];
- k.map = {}
- }
- j = k.map;
- m.map = {};
- b = Ext.Array.from(b, true);
- for (f = 0, h = b.length; f < h; f++) {
- c = b[f];
- if (!c) {
- continue
- }
- if (c instanceof Ext.chart.axis.Axis) {
- d = j[c.getId()];
- c.setChart(l)
- } else {
- c = Ext.Object.chain(c);
- e = c.linkedTo;
- a = c.id;
- if (Ext.isNumber(e)) {
- c = Ext.merge({}, b[e], c)
- } else {
- if (Ext.isString(e)) {
- Ext.Array.each(b, function(i) {
- if (i.id === c.linkedTo) {
- c = Ext.merge({}, i, c);
- return false
- }
- })
- }
- }
- c.id = a;
- c.chart = l;
- if (l.getInherited().rtl) {
- c.position = g[c.position] || c.position
- }
- a = c.getId && c.getId() || c.id;
- c = Ext.factory(c, null, d = j[a], "axis")
- }
- if (c) {
- m.push(c);
- m.map[c.getId()] = c;
- if (!d) {
- c.on("animationstart", "onAnimationStart", l);
- c.on("animationend", "onAnimationEnd", l)
- }
- }
- }
- for (f in j) {
- if (!m.map[f]) {
- j[f].destroy()
- }
- }
- l.animationSuspendCount--;
- return m
- },
- updateAxes: function() {
- if (!this.isDestroying) {
- this.scheduleLayout()
- }
- },
- circularCopyArray: function(e, f, d) {
- var c = [],
- b, a = e && e.length;
- if (a) {
- for (b = 0; b < d; b++) {
- c.push(e[(f + b) % a])
- }
- }
- return c
- },
- circularCopyObject: function(f, g, d) {
- var c = this,
- b, e, a = {};
- if (d) {
- for (b in f) {
- if (f.hasOwnProperty(b)) {
- e = f[b];
- if (Ext.isArray(e)) {
- a[b] = c.circularCopyArray(e, g, d)
- } else {
- a[b] = e
- }
- }
- }
- }
- return a
- },
- getColors: function() {
- var b = this,
- a = b.config.colors,
- c = b.getTheme();
- if (Ext.isArray(a) && a.length > 0) {
- a = b.applyColors(a)
- }
- return a || (c && c.getColors())
- },
- applyColors: function(a) {
- a = Ext.Array.map(a, function(b) {
- if (Ext.isString(b)) {
- return b
- } else {
- return b.toString()
- }
- });
- return a
- },
- updateColors: function(c) {
- var k = this,
- e = k.getTheme(),
- a = c || (e && e.getColors()),
- l = 0,
- f = k.getSeries(),
- d = f && f.length,
- g, j, b, h;
- if (a.length) {
- for (g = 0; g < d; g++) {
- j = f[g];
- h = j.themeColorCount();
- b = k.circularCopyArray(a, l, h);
- l += h;
- j.updateChartColors(b)
- }
- }
- k.refreshLegendStore()
- },
- applyTheme: function(a) {
- if (a && a.isTheme) {
- return a
- }
- return Ext.Factory.chartTheme(a)
- },
- updateTheme: function(g) {
- var e = this,
- f = e.getAxes(),
- d = e.getSeries(),
- a = e.getColors(),
- c, b;
- e.updateChartTheme(g);
- for (b = 0; b < f.length; b++) {
- f[b].updateTheme(g)
- }
- for (b = 0; b < d.length; b++) {
- c = d[b];
- c.updateTheme(g)
- }
- e.updateSpriteTheme(g);
- e.updateColors(a);
- e.redraw()
- },
- themeOnlyIfConfigured: {},
- updateChartTheme: function(c) {
- var i = this,
- k = c.getChart(),
- n = i.getInitialConfig(),
- b = i.defaultConfig,
- e = i.getConfigurator().configs,
- f = k.defaults,
- g = k[i.xtype],
- h = i.themeOnlyIfConfigured,
- l, j, o, a, m, d;
- k = Ext.merge({}, f, g);
- for (l in k) {
- j = k[l];
- d = e[l];
- if (j !== null && j !== undefined && d) {
- m = n[l];
- o = Ext.isObject(j);
- a = m === b[l];
- if (o) {
- if (a && h[l]) {
- continue
- }
- j = Ext.merge({}, j, m)
- }
- if (a || o) {
- i[d.names.set](j)
- }
- }
- }
- },
- updateSpriteTheme: function(c) {
- this.getSprites();
- var j = this,
- e = j.getSurface("chart"),
- h = e.getItems(),
- m = c.getSprites(),
- k, a, l, f, d, b, g;
- for (b = 0, g = h.length; b < g; b++) {
- k = h[b];
- a = m[k.type];
- if (a) {
- f = {};
- d = k.type === "text";
- for (l in a) {
- if (!(l in k.config)) {
- if (!(d && l.indexOf("font") === 0 && k.config.font)) {
- f[l] = a[l]
- }
- }
- }
- k.setAttributes(f)
- }
- }
- },
- addSeries: function(b) {
- var a = this.getSeries();
- Ext.Array.push(a, b);
- this.setSeries(a)
- },
- removeSeries: function(d) {
- d = Ext.Array.from(d);
- var b = this.getSeries(),
- f = [],
- a = d.length,
- g = {},
- c, e;
- for (c = 0; c < a; c++) {
- e = d[c];
- if (typeof e !== "string") {
- e = e.getId()
- }
- g[e] = true
- }
- for (c = 0, a = b.length; c < a; c++) {
- if (!g[b[c].getId()]) {
- f.push(b[c])
- }
- }
- this.setSeries(f)
- },
- applySeries: function(e, d) {
- var g = this,
- j = [],
- h, a, c, f, b;
- g.animationSuspendCount++;
- g.getAxes();
- if (d) {
- h = d.map
- } else {
- d = [];
- h = d.map = {}
- }
- j.map = {};
- e = Ext.Array.from(e, true);
- for (c = 0, f = e.length; c < f; c++) {
- b = e[c];
- if (!b) {
- continue
- }
- a = h[b.getId && b.getId() || b.id];
- if (b instanceof Ext.chart.series.Series) {
- if (a && a !== b) {
- a.destroy()
- }
- b.setChart(g)
- } else {
- if (Ext.isObject(b)) {
- if (a) {
- a.setConfig(b);
- b = a
- } else {
- if (Ext.isString(b)) {
- b = {
- type: b
- }
- }
- b.chart = g;
- b = Ext.create(b.xclass || ("series." + b.type), b);
- b.on("animationstart", "onAnimationStart", g);
- b.on("animationend", "onAnimationEnd", g)
- }
- }
- }
- j.push(b);
- j.map[b.getId()] = b
- }
- for (c in h) {
- if (!j.map[h[c].getId()]) {
- h[c].destroy()
- }
- }
- g.animationSuspendCount--;
- return j
- },
- applyLegend: function(b, a) {
- return Ext.factory(b, Ext.chart.Legend, a)
- },
- updateLegend: function(b, a) {
- if (a) {
- a.destroy()
- }
- if (b) {
- this.getItems();
- this.legendStore = new Ext.data.Store({
- autoDestroy: true,
- fields: ["id", "name", "mark", "disabled", "series", "index"]
- });
- b.setStore(this.legendStore);
- this.refreshLegendStore();
- this.legendStore.on("update", "onUpdateLegendStore", this)
- }
- },
- updateSeries: function(b, a) {
- var c = this;
- if (c.isDestroying) {
- return
- }
- c.animationSuspendCount++;
- c.fireEvent("serieschange", c, b, a);
- c.refreshLegendStore();
- if (!Ext.isEmpty(b)) {
- c.updateTheme(c.getTheme())
- }
- c.scheduleLayout();
- c.animationSuspendCount--
- },
- applyInteractions: function(h, d) {
- if (!d) {
- d = [];
- d.map = {}
- }
- var g = this,
- a = [],
- c = d.map,
- e, f, b;
- a.map = {};
- h = Ext.Array.from(h, true);
- for (e = 0, f = h.length; e < f; e++) {
- b = h[e];
- if (!b) {
- continue
- }
- b = Ext.factory(b, null, c[b.getId && b.getId() || b.id], "interaction");
- if (b) {
- b.setChart(g);
- a.push(b);
- a.map[b.getId()] = b
- }
- }
- for (e in c) {
- if (!a.map[e]) {
- c[e].destroy()
- }
- }
- return a
- },
- getInteraction: function(e) {
- var f = this.getInteractions(),
- a = f && f.length,
- c = null,
- b, d;
- if (a) {
- for (d = 0; d < a; ++d) {
- b = f[d];
- if (b.type === e) {
- c = b;
- break
- }
- }
- }
- return c
- },
- applyStore: function(a) {
- return a && Ext.StoreManager.lookup(a)
- },
- updateStore: function(a, c) {
- var b = this;
- if (c) {
- c.un({
- datachanged: "onDataChanged",
- update: "onDataChanged",
- scope: b,
- order: "after"
- });
- if (c.autoDestroy) {
- c.destroy()
- }
- }
- if (a) {
- a.on({
- datachanged: "onDataChanged",
- update: "onDataChanged",
- scope: b,
- order: "after"
- })
- }
- b.fireEvent("storechange", b, a, c);
- b.onDataChanged()
- },
- redraw: function() {
- this.fireEvent("redraw", this)
- },
- performLayout: function() {
- var d = this,
- b = d.getChartSize(true),
- c = [0, 0, b.width, b.height],
- a = d.getBackground();
- d.hasFirstLayout = true;
- d.fireEvent("layout", d);
- d.cancelChartLayout();
- d.getSurface("background").setRect(c);
- d.getSurface("chart").setRect(c);
- a.setAttributes({
- width: b.width,
- height: b.height
- })
- },
- getChartSize: function(b) {
- var a = this;
- if (b) {
- a.chartSize = null
- }
- return a.chartSize || (a.chartSize = a.innerElement.getSize())
- },
- getEventXY: function(a) {
- return this.getSurface().getEventXY(a)
- },
- getItemForPoint: function(h, g) {
- var f = this,
- a = f.getSeries(),
- e = f.getMainRect(),
- d = a.length,
- b = f.hasFirstLayout ? d - 1 : -1,
- c, j;
- if (!(e && h >= 0 && h <= e[2] && g >= 0 && g <= e[3])) {
- return null
- }
- for (; b >= 0; b--) {
- c = a[b];
- j = c.getItemForPoint(h, g);
- if (j) {
- return j
- }
- }
- return null
- },
- getItemsForPoint: function(h, g) {
- var f = this,
- a = f.getSeries(),
- d = a.length,
- b = f.hasFirstLayout ? d - 1 : -1,
- e = [],
- c, j;
- for (; b >= 0; b--) {
- c = a[b];
- j = c.getItemForPoint(h, g);
- if (j) {
- e.push(j)
- }
- }
- return e
- },
- onAnimationStart: function() {
- this.fireEvent("animationstart", this)
- },
- onAnimationEnd: function() {
- this.fireEvent("animationend", this)
- },
- onDataChanged: function() {
- var d = this;
- if (d.isInitializing) {
- return
- }
- var c = d.getMainRect(),
- a = d.getStore(),
- b = d.getSeries(),
- e = d.getAxes();
- if (!a || !e || !b) {
- return
- }
- if (!c) {
- d.on({
- redraw: d.onDataChanged,
- scope: d,
- single: true
- });
- return
- }
- d.processData();
- d.redraw()
- },
- recordCount: 0,
- processData: function() {
- var g = this,
- e = g.getStore().getCount(),
- c = g.getSeries(),
- f = c.length,
- d = false,
- b = 0,
- a;
- for (; b < f; b++) {
- a = c[b];
- a.processData();
- if (!d && a.isStoreDependantColorCount) {
- d = true
- }
- }
- if (d && e > g.recordCount) {
- g.updateColors(g.getColors());
- g.recordCount = e
- }
- },
- bindStore: function(a) {
- this.setStore(a)
- },
- applyHighlightItem: function(f, a) {
- if (f === a) {
- return
- }
- if (Ext.isObject(f) && Ext.isObject(a)) {
- var e = f,
- d = a,
- c = e.sprite && (e.sprite[0] || e.sprite),
- b = d.sprite && (d.sprite[0] || d.sprite);
- if (c === b && e.index === d.index) {
- return
- }
- }
- return f
- },
- updateHighlightItem: function(b, a) {
- if (a) {
- a.series.setAttributesForItem(a, {
- highlighted: false
- })
- }
- if (b) {
- b.series.setAttributesForItem(b, {
- highlighted: true
- });
- this.fireEvent("itemhighlight", this, b, a)
- }
- this.fireEvent("itemhighlightchange", this, b, a)
- },
- destroyChart: function() {
- var f = this,
- d = f.getLegend(),
- g = f.getAxes(),
- c = f.getSeries(),
- h = f.getInteractions(),
- b = [],
- a, e;
- f.surfaceMap = null;
- for (a = 0, e = h.length; a < e; a++) {
- h[a].destroy()
- }
- for (a = 0, e = g.length; a < e; a++) {
- g[a].destroy()
- }
- for (a = 0, e = c.length; a < e; a++) {
- c[a].destroy()
- }
- f.setInteractions(b);
- f.setAxes(b);
- f.setSeries(b);
- if (d) {
- d.destroy();
- f.setLegend(null)
- }
- f.legendStore = null;
- f.setStore(null);
- f.cancelChartLayout()
- },
- getRefItems: function(b) {
- var g = this,
- e = g.getSeries(),
- h = g.getAxes(),
- a = g.getInteractions(),
- c = [],
- d, f;
- for (d = 0, f = e.length; d < f; d++) {
- c.push(e[d]);
- if (e[d].getRefItems) {
- c.push.apply(c, e[d].getRefItems(b))
- }
- }
- for (d = 0, f = h.length; d < f; d++) {
- c.push(h[d]);
- if (h[d].getRefItems) {
- c.push.apply(c, h[d].getRefItems(b))
- }
- }
- for (d = 0, f = a.length; d < f; d++) {
- c.push(a[d]);
- if (a[d].getRefItems) {
- c.push.apply(c, a[d].getRefItems(b))
- }
- }
- return c
- }
-});
-Ext.define("Ext.chart.overrides.AbstractChart", {
- override: "Ext.chart.AbstractChart",
- updateLegend: function(b, a) {
- var c;
- this.callParent([b, a]);
- if (b) {
- c = b.docked;
- this.addDocked({
- dock: c,
- xtype: "panel",
- shrinkWrap: true,
- scrollable: true,
- layout: {
- type: c === "top" || c === "bottom" ? "hbox" : "vbox",
- pack: "center"
- },
- items: b,
- cls: Ext.baseCSSPrefix + "legend-panel"
- })
- }
- },
- performLayout: function() {
- if (this.isVisible(true)) {
- return this.callParent()
- }
- this.cancelChartLayout();
- return false
- },
- afterComponentLayout: function(c, a, b, d) {
- this.callParent([c, a, b, d]);
- this.scheduleLayout()
- },
- allowSchedule: function() {
- return this.rendered
- },
- onDestroy: function() {
- this.destroyChart();
- this.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.grid.HorizontalGrid", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "grid.horizontal",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- width: "number",
- height: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- width: 1,
- height: 1,
- strokeStyle: "#DDD"
- }
- }
- },
- render: function(b, c, e) {
- var a = this.attr,
- f = b.roundPixel(a.y),
- d = c.lineWidth * 0.5;
- c.beginPath();
- c.rect(e[0] - b.matrix.getDX(), f + d, +e[2], a.height);
- c.fill();
- c.beginPath();
- c.moveTo(e[0] - b.matrix.getDX(), f + d);
- c.lineTo(e[0] + e[2] - b.matrix.getDX(), f + d);
- c.stroke()
- }
-});
-Ext.define("Ext.chart.grid.VerticalGrid", {
- extend: "Ext.draw.sprite.Sprite",
- alias: "grid.vertical",
- inheritableStatics: {
- def: {
- processors: {
- x: "number",
- y: "number",
- width: "number",
- height: "number"
- },
- defaults: {
- x: 0,
- y: 0,
- width: 1,
- height: 1,
- strokeStyle: "#DDD"
- }
- }
- },
- render: function(c, d, f) {
- var b = this.attr,
- a = c.roundPixel(b.x),
- e = d.lineWidth * 0.5;
- d.beginPath();
- d.rect(a - e, f[1] - c.matrix.getDY(), b.width, f[3]);
- d.fill();
- d.beginPath();
- d.moveTo(a - e, f[1] - c.matrix.getDY());
- d.lineTo(a - e, f[1] + f[3] - c.matrix.getDY());
- d.stroke()
- }
-});
-Ext.define("Ext.chart.CartesianChart", {
- extend: "Ext.chart.AbstractChart",
- alternateClassName: "Ext.chart.Chart",
- requires: ["Ext.chart.grid.HorizontalGrid", "Ext.chart.grid.VerticalGrid"],
- xtype: ["cartesian", "chart"],
- isCartesian: true,
- config: {
- flipXY: false,
- innerRect: [0, 0, 1, 1],
- innerPadding: {
- top: 0,
- left: 0,
- right: 0,
- bottom: 0
- }
- },
- applyInnerPadding: function(b, a) {
- if (!Ext.isObject(b)) {
- return Ext.util.Format.parseBox(b)
- } else {
- if (!a) {
- return b
- } else {
- return Ext.apply(a, b)
- }
- }
- },
- getDirectionForAxis: function(a) {
- var b = this.getFlipXY();
- if (a === "left" || a === "right") {
- if (b) {
- return "X"
- } else {
- return "Y"
- }
- } else {
- if (b) {
- return "Y"
- } else {
- return "X"
- }
- }
- },
- performLayout: function() {
- var A = this;
- A.animationSuspendCount++;
- if (A.callParent() === false) {
- --A.animationSuspendCount;
- return
- }
- A.suspendThicknessChanged();
- var d = A.getSurface("chart").getRect(),
- o = d[2],
- n = d[3],
- z = A.getAxes(),
- b, q = A.getSeries(),
- h, l, a, f = A.getInsetPadding(),
- v = A.getInnerPadding(),
- r, c, e = Ext.apply({}, f),
- u, p, s, k, m, y, t, x, g, j = A.getInherited().rtl,
- w = A.getFlipXY();
- if (o <= 0 || n <= 0) {
- return
- }
- for (x = 0; x < z.length; x++) {
- b = z[x];
- l = b.getSurface();
- m = b.getFloating();
- y = m ? m.value : null;
- a = b.getThickness();
- switch (b.getPosition()) {
- case "top":
- l.setRect([0, e.top + 1, o, a]);
- break;
- case "bottom":
- l.setRect([0, n - (e.bottom + a), o, a]);
- break;
- case "left":
- l.setRect([e.left, 0, a, n]);
- break;
- case "right":
- l.setRect([o - (e.right + a), 0, a, n]);
- break
- }
- if (y === null) {
- e[b.getPosition()] += a
- }
- }
- o -= e.left + e.right;
- n -= e.top + e.bottom;
- u = [e.left, e.top, o, n];
- e.left += v.left;
- e.top += v.top;
- e.right += v.right;
- e.bottom += v.bottom;
- p = o - v.left - v.right;
- s = n - v.top - v.bottom;
- A.setInnerRect([e.left, e.top, p, s]);
- if (p <= 0 || s <= 0) {
- return
- }
- A.setMainRect(u);
- A.getSurface().setRect(u);
- for (x = 0, g = A.surfaceMap.grid && A.surfaceMap.grid.length; x < g; x++) {
- c = A.surfaceMap.grid[x];
- c.setRect(u);
- c.matrix.set(1, 0, 0, 1, v.left, v.top);
- c.matrix.inverse(c.inverseMatrix)
- }
- for (x = 0; x < z.length; x++) {
- b = z[x];
- l = b.getSurface();
- t = l.matrix;
- k = t.elements;
- switch (b.getPosition()) {
- case "top":
- case "bottom":
- k[4] = e.left;
- b.setLength(p);
- break;
- case "left":
- case "right":
- k[5] = e.top;
- b.setLength(s);
- break
- }
- b.updateTitleSprite();
- t.inverse(l.inverseMatrix)
- }
- for (x = 0, g = q.length; x < g; x++) {
- h = q[x];
- r = h.getSurface();
- r.setRect(u);
- if (w) {
- if (j) {
- r.matrix.set(0, -1, -1, 0, v.left + p, v.top + s)
- } else {
- r.matrix.set(0, -1, 1, 0, v.left, v.top + s)
- }
- } else {
- r.matrix.set(1, 0, 0, -1, v.left, v.top + s)
- }
- r.matrix.inverse(r.inverseMatrix);
- h.getOverlaySurface().setRect(u)
- }
- A.redraw();
- A.animationSuspendCount--;
- A.resumeThicknessChanged()
- },
- refloatAxes: function() {
- var h = this,
- g = h.getAxes(),
- o = (g && g.length) || 0,
- c, d, n, f, l, b, k, r = h.getChartSize(),
- q = h.getInsetPadding(),
- p = h.getInnerPadding(),
- a = r.width - q.left - q.right,
- m = r.height - q.top - q.bottom,
- j, e;
- for (e = 0; e < o; e++) {
- c = g[e];
- f = c.getFloating();
- l = f ? f.value : null;
- if (l === null) {
- delete c.floatingAtCoord;
- continue
- }
- d = c.getSurface();
- n = d.getRect();
- if (!n) {
- continue
- }
- n = n.slice();
- b = h.getAxis(f.alongAxis);
- if (b) {
- j = b.getAlignment() === "horizontal";
- if (Ext.isString(l)) {
- l = b.getCoordFor(l)
- }
- b.floatingAxes[c.getId()] = l;
- k = b.getSprites()[0].attr.matrix;
- if (j) {
- l = l * k.getXX() + k.getDX();
- c.floatingAtCoord = l + p.left + p.right
- } else {
- l = l * k.getYY() + k.getDY();
- c.floatingAtCoord = l + p.top + p.bottom
- }
- } else {
- j = c.getAlignment() === "horizontal";
- if (j) {
- c.floatingAtCoord = l + p.top + p.bottom
- } else {
- c.floatingAtCoord = l + p.left + p.right
- }
- l = d.roundPixel(0.01 * l * (j ? m : a))
- }
- switch (c.getPosition()) {
- case "top":
- n[1] = q.top + p.top + l - n[3] + 1;
- break;
- case "bottom":
- n[1] = q.top + p.top + (b ? l : m - l);
- break;
- case "left":
- n[0] = q.left + p.left + l - n[2];
- break;
- case "right":
- n[0] = q.left + p.left + (b ? l : a - l) - 1;
- break
- }
- d.setRect(n)
- }
- },
- redraw: function() {
- var C = this,
- r = C.getSeries(),
- z = C.getAxes(),
- b = C.getMainRect(),
- p, t, w = C.getInnerPadding(),
- f, l, s, e, q, A, v, g, d, c, a, k, n, y = C.getFlipXY(),
- x = 1000,
- m, u, h, o, B;
- if (!b) {
- return
- }
- p = b[2] - w.left - w.right;
- t = b[3] - w.top - w.bottom;
- for (A = 0; A < r.length; A++) {
- h = r[A];
- if ((c = h.getXAxis())) {
- n = c.getVisibleRange();
- l = c.getRange();
- l = [l[0] + (l[1] - l[0]) * n[0], l[0] + (l[1] - l[0]) * n[1]]
- } else {
- l = h.getXRange()
- }
- if ((a = h.getYAxis())) {
- n = a.getVisibleRange();
- s = a.getRange();
- s = [s[0] + (s[1] - s[0]) * n[0], s[0] + (s[1] - s[0]) * n[1]]
- } else {
- s = h.getYRange()
- }
- q = {
- visibleMinX: l[0],
- visibleMaxX: l[1],
- visibleMinY: s[0],
- visibleMaxY: s[1],
- innerWidth: p,
- innerHeight: t,
- flipXY: y
- };
- f = h.getSprites();
- for (v = 0, g = f.length; v < g; v++) {
- o = f[v];
- m = o.attr.zIndex;
- if (m < x) {
- m += (A + 1) * 100 + x;
- o.attr.zIndex = m;
- B = o.getMarker("items");
- if (B) {
- u = B.attr.zIndex;
- if (u === Number.MAX_VALUE) {
- B.attr.zIndex = m
- } else {
- if (u < x) {
- B.attr.zIndex = m + u
- }
- }
- }
- }
- o.setAttributes(q, true)
- }
- }
- for (A = 0; A < z.length; A++) {
- d = z[A];
- e = d.isSide();
- f = d.getSprites();
- k = d.getRange();
- n = d.getVisibleRange();
- q = {
- dataMin: k[0],
- dataMax: k[1],
- visibleMin: n[0],
- visibleMax: n[1]
- };
- if (e) {
- q.length = t;
- q.startGap = w.bottom;
- q.endGap = w.top
- } else {
- q.length = p;
- q.startGap = w.left;
- q.endGap = w.right
- }
- for (v = 0, g = f.length; v < g; v++) {
- f[v].setAttributes(q, true)
- }
- }
- C.renderFrame();
- C.callParent(arguments)
- },
- renderFrame: function() {
- this.refloatAxes();
- this.callParent()
- }
-});
-Ext.define("Ext.chart.grid.CircularGrid", {
- extend: "Ext.draw.sprite.Circle",
- alias: "grid.circular",
- inheritableStatics: {
- def: {
- defaults: {
- r: 1,
- strokeStyle: "#DDD"
- }
- }
- }
-});
-Ext.define("Ext.chart.grid.RadialGrid", {
- extend: "Ext.draw.sprite.Path",
- alias: "grid.radial",
- inheritableStatics: {
- def: {
- processors: {
- startRadius: "number",
- endRadius: "number"
- },
- defaults: {
- startRadius: 0,
- endRadius: 1,
- scalingCenterX: 0,
- scalingCenterY: 0,
- strokeStyle: "#DDD"
- },
- triggers: {
- startRadius: "path,bbox",
- endRadius: "path,bbox"
- }
- }
- },
- render: function() {
- this.callParent(arguments)
- },
- updatePath: function(d, a) {
- var b = a.startRadius,
- c = a.endRadius;
- d.moveTo(b, 0);
- d.lineTo(c, 0)
- }
-});
-Ext.define("Ext.chart.PolarChart", {
- extend: "Ext.chart.AbstractChart",
- requires: ["Ext.chart.grid.CircularGrid", "Ext.chart.grid.RadialGrid"],
- xtype: "polar",
- isPolar: true,
- config: {
- center: [0, 0],
- radius: 0,
- innerPadding: 0
- },
- getDirectionForAxis: function(a) {
- return a === "radial" ? "Y" : "X"
- },
- applyCenter: function(a, b) {
- if (b && a[0] === b[0] && a[1] === b[1]) {
- return
- }
- return [+a[0], +a[1]]
- },
- updateCenter: function(a) {
- var g = this,
- h = g.getAxes(),
- d = g.getSeries(),
- c, f, e, b;
- for (c = 0, f = h.length; c < f; c++) {
- e = h[c];
- e.setCenter(a)
- }
- for (c = 0, f = d.length; c < f; c++) {
- b = d[c];
- b.setCenter(a)
- }
- },
- applyInnerPadding: function(b, a) {
- return Ext.isNumber(b) ? b : a
- },
- doSetSurfaceRect: function(b, c) {
- var a = this.getMainRect();
- b.setRect(c);
- b.matrix.set(1, 0, 0, 1, a[0] - c[0], a[1] - c[1]);
- b.inverseMatrix.set(1, 0, 0, 1, c[0] - a[0], c[1] - a[1])
- },
- applyAxes: function(f, h) {
- var e = this,
- g = Ext.Array.from(e.config.series)[0],
- b, d, c, a;
- if (g.type === "radar" && f && f.length) {
- for (b = 0, d = f.length; b < d; b++) {
- c = f[b];
- if (c.position === "angular") {
- a = true;
- break
- }
- }
- if (!a) {
- f.push({
- type: "category",
- position: "angular",
- fields: g.xField || g.angleField,
- style: {
- estStepSize: 1
- },
- grid: true
- })
- }
- }
- return this.callParent(arguments)
- },
- performLayout: function() {
- var F = this,
- g = true;
- try {
- F.animationSuspendCount++;
- if (this.callParent() === false) {
- g = false;
- return
- }
- F.suspendThicknessChanged();
- var h = F.getSurface("chart").getRect(),
- v = F.getInsetPadding(),
- G = F.getInnerPadding(),
- l = Ext.apply({}, v),
- d, s = h[2] - v.left - v.right,
- r = h[3] - v.top - v.bottom,
- x = [v.left, v.top, s, r],
- u = F.getSeries(),
- p, t = s - G * 2,
- w = r - G * 2,
- D = [t * 0.5 + G, w * 0.5 + G],
- j = Math.min(t, w) * 0.5,
- A = F.getAxes(),
- f, a, k, m = [],
- o = [],
- E = j - G,
- z, n, b, q, y, c, C;
- F.setMainRect(x);
- F.doSetSurfaceRect(F.getSurface(), x);
- for (z = 0, n = F.surfaceMap.grid && F.surfaceMap.grid.length; z < n; z++) {
- F.doSetSurfaceRect(F.surfaceMap.grid[z], h)
- }
- for (z = 0, n = A.length; z < n; z++) {
- f = A[z];
- switch (f.getPosition()) {
- case "angular":
- m.push(f);
- break;
- case "radial":
- o.push(f);
- break
- }
- }
- for (z = 0, n = m.length; z < n; z++) {
- f = m[z];
- q = f.getFloating();
- y = q ? q.value : null;
- F.doSetSurfaceRect(f.getSurface(), h);
- a = f.getThickness();
- for (d in l) {
- l[d] += a
- }
- s = h[2] - l.left - l.right;
- r = h[3] - l.top - l.bottom;
- b = Math.min(s, r) * 0.5;
- if (z === 0) {
- E = b - G
- }
- f.setMinimum(0);
- f.setLength(b);
- f.getSprites();
- k = f.sprites[0].attr.lineWidth * 0.5;
- for (d in l) {
- l[d] += k
- }
- }
- for (z = 0, n = o.length; z < n; z++) {
- f = o[z];
- F.doSetSurfaceRect(f.getSurface(), h);
- f.setMinimum(0);
- f.setLength(E);
- f.getSprites()
- }
- for (z = 0, n = u.length; z < n; z++) {
- p = u[z];
- if (p.type === "gauge" && !c) {
- c = p
- } else {
- p.setRadius(E)
- }
- F.doSetSurfaceRect(p.getSurface(), x)
- }
- F.doSetSurfaceRect(F.getSurface("overlay"), h);
- if (c) {
- c.setRect(x);
- C = c.getRadius() - G;
- F.setRadius(C);
- F.setCenter(c.getCenter());
- c.setRadius(C);
- if (A.length && A[0].getPosition() === "gauge") {
- f = A[0];
- F.doSetSurfaceRect(f.getSurface(), h);
- f.setTotalAngle(c.getTotalAngle());
- f.setLength(C)
- }
- } else {
- F.setRadius(j);
- F.setCenter(D)
- }
- F.redraw()
- } catch (B) {
- throw B
- } finally {
- F.animationSuspendCount--;
- if (g) {
- F.resumeThicknessChanged()
- }
- }
- },
- refloatAxes: function() {
- var j = this,
- g = j.getAxes(),
- h = j.getMainRect(),
- f, k, b, d, a, c, e;
- if (!h) {
- return
- }
- e = 0.5 * Math.min(h[2], h[3]);
- for (d = 0, a = g.length; d < a; d++) {
- c = g[d];
- f = c.getFloating();
- k = f ? f.value : null;
- if (k !== null) {
- b = j.getAxis(f.alongAxis);
- if (c.getPosition() === "angular") {
- if (b) {
- k = b.getLength() * k / b.getRange()[1]
- } else {
- k = 0.01 * k * e
- }
- c.sprites[0].setAttributes({
- length: k
- }, true)
- } else {
- if (b) {
- if (Ext.isString(k)) {
- k = b.getCoordFor(k)
- }
- k = k / (b.getRange()[1] + 1) * Math.PI * 2 - Math.PI * 1.5 + c.getRotation()
- } else {
- k = Ext.draw.Draw.rad(k)
- }
- c.sprites[0].setAttributes({
- baseRotation: k
- }, true)
- }
- }
- }
- },
- redraw: function() {
- var f = this,
- g = f.getAxes(),
- d, c = f.getSeries(),
- b, a, e;
- for (a = 0, e = g.length; a < e; a++) {
- d = g[a];
- d.getSprites()
- }
- for (a = 0, e = c.length; a < e; a++) {
- b = c[a];
- b.getSprites()
- }
- f.renderFrame();
- f.callParent(arguments)
- },
- renderFrame: function() {
- this.refloatAxes();
- this.callParent()
- }
-});
-Ext.define("Ext.chart.SpaceFillingChart", {
- extend: "Ext.chart.AbstractChart",
- xtype: "spacefilling",
- config: {},
- performLayout: function() {
- var j = this;
- try {
- j.animationSuspendCount++;
- if (j.callParent() === false) {
- return
- }
- var k = j.getSurface("chart").getRect(),
- l = j.getInsetPadding(),
- a = k[2] - l.left - l.right,
- m = k[3] - l.top - l.bottom,
- h = [l.left, l.top, a, m],
- b = j.getSeries(),
- d, c, g;
- j.getSurface().setRect(h);
- j.setMainRect(h);
- for (c = 0, g = b.length; c < g; c++) {
- d = b[c];
- d.getSurface().setRect(h);
- if (d.setRect) {
- d.setRect(h)
- }
- d.getOverlaySurface().setRect(k)
- }
- j.redraw()
- } catch (f) {
- throw f
- } finally {
- j.animationSuspendCount--
- }
- },
- redraw: function() {
- var e = this,
- c = e.getSeries(),
- b, a, d;
- for (a = 0, d = c.length; a < d; a++) {
- b = c[a];
- b.getSprites()
- }
- e.renderFrame();
- e.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.axis.sprite.Axis3D", {
- extend: "Ext.chart.axis.sprite.Axis",
- alias: "sprite.axis3d",
- type: "axis3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- },
- triggers: {
- depth: "layout"
- }
- }
- },
- config: {
- fx: {
- customDurations: {
- depth: 0
- }
- }
- },
- layoutUpdater: function() {
- var h = this,
- f = h.getAxis().getChart();
- if (f.isInitializing) {
- return
- }
- var e = h.attr,
- d = h.getLayout(),
- c = d.isDiscrete ? 0 : e.depth,
- g = f.getInherited().rtl,
- b = e.dataMin + (e.dataMax - e.dataMin) * e.visibleMin,
- i = e.dataMin + (e.dataMax - e.dataMin) * e.visibleMax,
- a = {
- attr: e,
- segmenter: h.getSegmenter(),
- renderer: h.defaultRenderer
- };
- if (e.position === "left" || e.position === "right") {
- e.translationX = 0;
- e.translationY = i * (e.length - c) / (i - b) + c;
- e.scalingX = 1;
- e.scalingY = (-e.length + c) / (i - b);
- e.scalingCenterY = 0;
- e.scalingCenterX = 0;
- h.applyTransformations(true)
- } else {
- if (e.position === "top" || e.position === "bottom") {
- if (g) {
- e.translationX = e.length + b * e.length / (i - b) + 1
- } else {
- e.translationX = -b * e.length / (i - b)
- }
- e.translationY = 0;
- e.scalingX = (g ? -1 : 1) * (e.length - c) / (i - b);
- e.scalingY = 1;
- e.scalingCenterY = 0;
- e.scalingCenterX = 0;
- h.applyTransformations(true)
- }
- }
- if (d) {
- d.calculateLayout(a);
- h.setLayoutContext(a)
- }
- },
- renderAxisLine: function(a, j, f, c) {
- var i = this,
- h = i.attr,
- b = h.lineWidth * 0.5,
- f = i.getLayout(),
- d = f.isDiscrete ? 0 : h.depth,
- k = h.position,
- e, g;
- if (h.axisLine && h.length) {
- switch (k) {
- case "left":
- e = a.roundPixel(c[2]) - b;
- j.moveTo(e, -h.endGap + d);
- j.lineTo(e, h.length + h.startGap);
- break;
- case "right":
- j.moveTo(b, -h.endGap);
- j.lineTo(b, h.length + h.startGap);
- break;
- case "bottom":
- j.moveTo(-h.startGap, b);
- j.lineTo(h.length - d + h.endGap, b);
- break;
- case "top":
- e = a.roundPixel(c[3]) - b;
- j.moveTo(-h.startGap, e);
- j.lineTo(h.length + h.endGap, e);
- break;
- case "angular":
- j.moveTo(h.centerX + h.length, h.centerY);
- j.arc(h.centerX, h.centerY, h.length, 0, Math.PI * 2, true);
- break;
- case "gauge":
- g = i.getGaugeAngles();
- j.moveTo(h.centerX + Math.cos(g.start) * h.length, h.centerY + Math.sin(g.start) * h.length);
- j.arc(h.centerX, h.centerY, h.length, g.start, g.end, true);
- break
- }
- }
- }
-});
-Ext.define("Ext.chart.axis.Axis3D", {
- extend: "Ext.chart.axis.Axis",
- xtype: "axis3d",
- requires: ["Ext.chart.axis.sprite.Axis3D"],
- config: {
- depth: 0
- },
- onSeriesChange: function(e) {
- var g = this,
- b = "depthchange",
- f = "onSeriesDepthChange",
- d, c;
-
- function a(h) {
- var i = g.boundSeries;
- for (d = 0; d < i.length; d++) {
- c = i[d];
- c[h](b, f, g)
- }
- }
- a("un");
- g.callParent(arguments);
- a("on")
- },
- onSeriesDepthChange: function(b, f) {
- var d = this,
- g = f,
- e = d.boundSeries,
- a, c;
- if (f > d.getDepth()) {
- g = f
- } else {
- for (a = 0; a < e.length; a++) {
- c = e[a];
- if (c !== b && c.getDepth) {
- f = c.getDepth();
- if (f > g) {
- g = f
- }
- }
- }
- }
- d.setDepth(g)
- },
- updateDepth: function(d) {
- var b = this,
- c = b.getSprites(),
- a = {
- depth: d
- };
- if (c && c.length) {
- c[0].setAttributes(a)
- }
- if (b.gridSpriteEven && b.gridSpriteOdd) {
- b.gridSpriteEven.getTemplate().setAttributes(a);
- b.gridSpriteOdd.getTemplate().setAttributes(a)
- }
- },
- getGridAlignment: function() {
- switch (this.getPosition()) {
- case "left":
- case "right":
- return "horizontal3d";
- case "top":
- case "bottom":
- return "vertical3d"
- }
- }
-});
-Ext.define("Ext.chart.axis.Category", {
- requires: ["Ext.chart.axis.layout.CombineDuplicate", "Ext.chart.axis.segmenter.Names"],
- extend: "Ext.chart.axis.Axis",
- alias: "axis.category",
- type: "category",
- config: {
- layout: "combineDuplicate",
- segmenter: "names"
- }
-});
-Ext.define("Ext.chart.axis.Category3D", {
- requires: ["Ext.chart.axis.layout.CombineDuplicate", "Ext.chart.axis.segmenter.Names"],
- extend: "Ext.chart.axis.Axis3D",
- alias: "axis.category3d",
- type: "category3d",
- config: {
- layout: "combineDuplicate",
- segmenter: "names"
- }
-});
-Ext.define("Ext.chart.axis.Numeric", {
- extend: "Ext.chart.axis.Axis",
- type: "numeric",
- alias: ["axis.numeric", "axis.radial"],
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Numeric"],
- config: {
- layout: "continuous",
- segmenter: "numeric",
- aggregator: "double"
- }
-});
-Ext.define("Ext.chart.axis.Numeric3D", {
- extend: "Ext.chart.axis.Axis3D",
- alias: ["axis.numeric3d"],
- type: "numeric3d",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Numeric"],
- config: {
- layout: "continuous",
- segmenter: "numeric",
- aggregator: "double"
- }
-});
-Ext.define("Ext.chart.axis.Time", {
- extend: "Ext.chart.axis.Numeric",
- alias: "axis.time",
- type: "time",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Time"],
- config: {
- calculateByLabelSize: true,
- dateFormat: null,
- fromDate: null,
- toDate: null,
- step: [Ext.Date.DAY, 1],
- layout: "continuous",
- segmenter: "time",
- aggregator: "time"
- },
- updateDateFormat: function(a) {
- this.setRenderer(function(c, b) {
- return Ext.Date.format(new Date(b), a)
- })
- },
- updateFromDate: function(a) {
- this.setMinimum(+a)
- },
- updateToDate: function(a) {
- this.setMaximum(+a)
- },
- getCoordFor: function(a) {
- if (Ext.isString(a)) {
- a = new Date(a)
- }
- return +a
- }
-});
-Ext.define("Ext.chart.axis.Time3D", {
- extend: "Ext.chart.axis.Numeric3D",
- alias: "axis.time3d",
- type: "time3d",
- requires: ["Ext.chart.axis.layout.Continuous", "Ext.chart.axis.segmenter.Time"],
- config: {
- calculateByLabelSize: true,
- dateFormat: null,
- fromDate: null,
- toDate: null,
- step: [Ext.Date.DAY, 1],
- layout: "continuous",
- segmenter: "time",
- aggregator: "time"
- },
- updateDateFormat: function(a) {
- this.setRenderer(function(c, b) {
- return Ext.Date.format(new Date(b), a)
- })
- },
- updateFromDate: function(a) {
- this.setMinimum(+a)
- },
- updateToDate: function(a) {
- this.setMaximum(+a)
- },
- getCoordFor: function(a) {
- if (Ext.isString(a)) {
- a = new Date(a)
- }
- return +a
- }
-});
-Ext.define("Ext.chart.grid.HorizontalGrid3D", {
- extend: "Ext.chart.grid.HorizontalGrid",
- alias: "grid.horizontal3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- }
- }
- },
- render: function(a, k, d) {
- var f = this.attr,
- i = a.roundPixel(f.x),
- h = a.roundPixel(f.y),
- l = a.matrix.getDX(),
- c = k.lineWidth * 0.5,
- j = f.height,
- e = f.depth,
- b, g;
- if (h <= d[1]) {
- return
- }
- b = d[0] + e - l;
- g = h + c - e;
- k.beginPath();
- k.rect(b, g, d[2], j);
- k.fill();
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + d[2], g);
- k.stroke();
- b = d[0] + i - l;
- g = h + c;
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + e, g - e);
- k.lineTo(b + e, g - e + j);
- k.lineTo(b, g + j);
- k.closePath();
- k.fill();
- k.beginPath();
- k.moveTo(b, g);
- k.lineTo(b + e, g - e);
- k.stroke()
- }
-});
-Ext.define("Ext.chart.grid.VerticalGrid3D", {
- extend: "Ext.chart.grid.VerticalGrid",
- alias: "grid.vertical3d",
- inheritableStatics: {
- def: {
- processors: {
- depth: "number"
- },
- defaults: {
- depth: 0
- }
- }
- },
- render_: function(c, d, f) {
- var b = this.attr,
- a = c.roundPixel(b.x),
- e = d.lineWidth * 0.5;
- d.beginPath();
- d.rect(a - e, f[1] - c.matrix.getDY(), b.width, f[3]);
- d.fill();
- d.beginPath();
- d.moveTo(a - e, f[1] - c.matrix.getDY());
- d.lineTo(a - e, f[1] + f[3] - c.matrix.getDY());
- d.stroke()
- },
- render: function(b, j, e) {
- var g = this.attr,
- i = b.roundPixel(g.x),
- k = b.matrix.getDY(),
- d = j.lineWidth * 0.5,
- a = g.width,
- f = g.depth,
- c, h;
- if (i >= e[2]) {
- return
- }
- c = i - d + f;
- h = e[1] - f - k;
- j.beginPath();
- j.rect(c, h, a, e[3]);
- j.fill();
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c, h + e[3]);
- j.stroke();
- c = i - d;
- h = e[3];
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c + f, h - f);
- j.lineTo(c + f + a, h - f);
- j.lineTo(c + a, h);
- j.closePath();
- j.fill();
- c = i - d;
- h = e[3];
- j.beginPath();
- j.moveTo(c, h);
- j.lineTo(c + f, h - f);
- j.stroke()
- }
-});
-Ext.define("Ext.chart.interactions.CrossZoom", {
- extend: "Ext.chart.interactions.Abstract",
- type: "crosszoom",
- alias: "interaction.crosszoom",
- isCrossZoom: true,
- config: {
- axes: true,
- gestures: {
- dragstart: "onGestureStart",
- drag: "onGesture",
- dragend: "onGestureEnd",
- dblclick: "onDoubleTap"
- },
- undoButton: {}
- },
- stopAnimationBeforeSync: false,
- zoomAnimationInProgress: false,
- constructor: function() {
- this.callParent(arguments);
- this.zoomHistory = []
- },
- applyAxes: function(b) {
- var a = {};
- if (b === true) {
- return {
- top: {},
- right: {},
- bottom: {},
- left: {}
- }
- } else {
- if (Ext.isArray(b)) {
- a = {};
- Ext.each(b, function(c) {
- a[c] = {}
- })
- } else {
- if (Ext.isObject(b)) {
- Ext.iterate(b, function(c, d) {
- if (d === true) {
- a[c] = {}
- } else {
- if (d !== false) {
- a[c] = d
- }
- }
- })
- }
- }
- }
- return a
- },
- applyUndoButton: function(b, a) {
- var c = this;
- if (a) {
- a.destroy()
- }
- if (b) {
- return Ext.create("Ext.Button", Ext.apply({
- cls: [],
- text: "Undo Zoom",
- disabled: true,
- handler: function() {
- c.undoZoom()
- }
- }, b))
- }
- },
- getSurface: function() {
- return this.getChart() && this.getChart().getSurface("main")
- },
- setSeriesOpacity: function(b) {
- var a = this.getChart() && this.getChart().getSurface("series");
- if (a) {
- a.element.setStyle("opacity", b)
- }
- },
- onGestureStart: function(h) {
- var j = this,
- i = j.getChart(),
- d = j.getSurface(),
- l = i.getInnerRect(),
- c = i.getInnerPadding(),
- g = c.left,
- b = g + l[2],
- f = c.top,
- a = f + l[3],
- n = i.getEventXY(h),
- m = n[0],
- k = n[1];
- if (j.zoomAnimationInProgress) {
- return
- }
- if (m > g && m < b && k > f && k < a) {
- j.gestureEvent = "drag";
- j.lockEvents(j.gestureEvent);
- j.startX = m;
- j.startY = k;
- j.selectionRect = d.add({
- type: "rect",
- globalAlpha: 0.5,
- fillStyle: "rgba(80,80,140,0.5)",
- strokeStyle: "rgba(80,80,140,1)",
- lineWidth: 2,
- x: m,
- y: k,
- width: 0,
- height: 0,
- zIndex: 10000
- });
- j.setSeriesOpacity(0.8);
- return false
- }
- },
- onGesture: function(h) {
- var j = this;
- if (j.zoomAnimationInProgress) {
- return
- }
- if (j.getLocks()[j.gestureEvent] === j) {
- var i = j.getChart(),
- d = j.getSurface(),
- l = i.getInnerRect(),
- c = i.getInnerPadding(),
- g = c.left,
- b = g + l[2],
- f = c.top,
- a = f + l[3],
- n = i.getEventXY(h),
- m = n[0],
- k = n[1];
- if (m < g) {
- m = g
- } else {
- if (m > b) {
- m = b
- }
- }
- if (k < f) {
- k = f
- } else {
- if (k > a) {
- k = a
- }
- }
- j.selectionRect.setAttributes({
- width: m - j.startX,
- height: k - j.startY
- });
- if (Math.abs(j.startX - m) < 11 || Math.abs(j.startY - k) < 11) {
- j.selectionRect.setAttributes({
- globalAlpha: 0.5
- })
- } else {
- j.selectionRect.setAttributes({
- globalAlpha: 1
- })
- }
- d.renderFrame();
- return false
- }
- },
- onGestureEnd: function(i) {
- var l = this;
- if (l.zoomAnimationInProgress) {
- return
- }
- if (l.getLocks()[l.gestureEvent] === l) {
- var k = l.getChart(),
- d = l.getSurface(),
- n = k.getInnerRect(),
- c = k.getInnerPadding(),
- g = c.left,
- b = g + n[2],
- f = c.top,
- a = f + n[3],
- h = n[2],
- j = n[3],
- p = k.getEventXY(i),
- o = p[0],
- m = p[1];
- if (o < g) {
- o = g
- } else {
- if (o > b) {
- o = b
- }
- }
- if (m < f) {
- m = f
- } else {
- if (m > a) {
- m = a
- }
- }
- if (Math.abs(l.startX - o) < 11 || Math.abs(l.startY - m) < 11) {
- d.remove(l.selectionRect)
- } else {
- l.zoomBy([Math.min(l.startX, o) / h, 1 - Math.max(l.startY, m) / j, Math.max(l.startX, o) / h, 1 - Math.min(l.startY, m) / j]);
- l.selectionRect.setAttributes({
- x: Math.min(l.startX, o),
- y: Math.min(l.startY, m),
- width: Math.abs(l.startX - o),
- height: Math.abs(l.startY - m)
- });
- l.selectionRect.setAnimation(k.getAnimation() || {
- duration: 0
- });
- l.selectionRect.setAttributes({
- globalAlpha: 0,
- x: 0,
- y: 0,
- width: h,
- height: j
- });
- l.zoomAnimationInProgress = true;
- k.suspendThicknessChanged();
- l.selectionRect.fx.on("animationend", function() {
- k.resumeThicknessChanged();
- d.remove(l.selectionRect);
- l.selectionRect = null;
- l.zoomAnimationInProgress = false
- })
- }
- d.renderFrame();
- l.sync();
- l.unlockEvents(l.gestureEvent);
- l.setSeriesOpacity(1);
- if (!l.zoomAnimationInProgress) {
- d.remove(l.selectionRect);
- l.selectionRect = null
- }
- }
- },
- zoomBy: function(o) {
- var n = this,
- a = n.getAxes(),
- k = n.getChart(),
- j = k.getAxes(),
- l = k.getInherited().rtl,
- f, d = {},
- c, b;
- if (l) {
- o = o.slice();
- c = 1 - o[0];
- b = 1 - o[2];
- o[0] = Math.min(c, b);
- o[2] = Math.max(c, b)
- }
- for (var h = 0; h < j.length; h++) {
- var g = j[h];
- f = a[g.getPosition()];
- if (f && f.allowZoom !== false) {
- var e = g.isSide(),
- m = g.getVisibleRange();
- d[g.getId()] = m.slice(0);
- if (!e) {
- g.setVisibleRange([(m[1] - m[0]) * o[0] + m[0], (m[1] - m[0]) * o[2] + m[0]])
- } else {
- g.setVisibleRange([(m[1] - m[0]) * o[1] + m[0], (m[1] - m[0]) * o[3] + m[0]])
- }
- }
- }
- n.zoomHistory.push(d);
- n.getUndoButton().setDisabled(false)
- },
- undoZoom: function() {
- var c = this.zoomHistory.pop(),
- d = this.getChart().getAxes();
- if (c) {
- for (var a = 0; a < d.length; a++) {
- var b = d[a];
- if (c[b.getId()]) {
- b.setVisibleRange(c[b.getId()])
- }
- }
- }
- this.getUndoButton().setDisabled(this.zoomHistory.length === 0);
- this.sync()
- },
- onDoubleTap: function(a) {
- this.undoZoom()
- },
- destroy: function() {
- this.setUndoButton(null);
- this.callParent(arguments)
- }
-});
-Ext.define("Ext.chart.interactions.Crosshair", {
- extend: "Ext.chart.interactions.Abstract",
- requires: ["Ext.chart.grid.HorizontalGrid", "Ext.chart.grid.VerticalGrid", "Ext.chart.CartesianChart", "Ext.chart.axis.layout.Discrete"],
- type: "crosshair",
- alias: "interaction.crosshair",
- config: {
- axes: {
- top: {
- label: {},
- rect: {}
- },
- right: {
- label: {},
- rect: {}
- },
- bottom: {
- label: {},
- rect: {}
- },
- left: {
- label: {},
- rect: {}
- }
- },
- lines: {
- horizontal: {
- strokeStyle: "black",
- lineDash: [5, 5]
- },
- vertical: {
- strokeStyle: "black",
- lineDash: [5, 5]
- }
- },
- gesture: "drag"
- },
- applyAxes: function(b, a) {
- return Ext.merge(a || {}, b)
- },
- applyLines: function(a, b) {
- return Ext.merge(b || {}, a)
- },
- updateChart: function(a) {
- if (a && !a.isCartesian) {
- Ext.raise("Crosshair interaction can only be used on cartesian charts.")
- }
- this.callParent(arguments)
- },
- getGestures: function() {
- var a = this,
- b = {};
- b[a.getGesture()] = "onGesture";
- b[a.getGesture() + "start"] = "onGestureStart";
- b[a.getGesture() + "end"] = "onGestureEnd";
- return b
- },
- onGestureStart: function(N) {
- var m = this,
- O = m.getChart(),
- B = O.getTheme().getAxis(),
- A, F = O.getSurface("overlay"),
- s = O.getInnerRect(),
- n = s[2],
- M = s[3],
- r = O.getEventXY(N),
- D = r[0],
- C = r[1],
- E = O.getAxes(),
- u = m.getAxes(),
- h = m.getLines(),
- q, v, b, d, k, z, G, L, J, o, I, w, l, f, p, j, t, a, g, H, c, K;
- if (D > 0 && D < n && C > 0 && C < M) {
- m.lockEvents(m.getGesture());
- H = Ext.apply({
- xclass: "Ext.chart.grid.HorizontalGrid",
- x: 0,
- y: C,
- width: n
- }, h.horizontal);
- c = Ext.apply({
- xclass: "Ext.chart.grid.VerticalGrid",
- x: D,
- y: 0,
- height: M
- }, h.vertical);
- m.axesLabels = m.axesLabels || {};
- for (K = 0; K < E.length; K++) {
- q = E[K];
- v = q.getSurface();
- b = v.getRect();
- w = q.getSprites()[0];
- d = b[2];
- k = b[3];
- z = q.getPosition();
- G = q.getAlignment();
- t = q.getTitle();
- a = t && t.attr.text !== "" && t.getBBox();
- l = w.attr;
- f = w.thickness;
- p = l.axisLine ? l.lineWidth : 0;
- j = p / 2;
- I = Math.max(l.majorTickSize, l.minorTickSize) + p;
- L = m.axesLabels[z] = v.add({
- type: "composite"
- });
- L.labelRect = L.add(Ext.apply({
- type: "rect",
- fillStyle: "white",
- x: z === "right" ? p : 0,
- y: z === "bottom" ? p : 0,
- width: d - p - (G === "vertical" && a ? a.width : 0),
- height: k - p - (G === "horizontal" && a ? a.height : 0),
- translationX: z === "left" && a ? a.width : 0,
- translationY: z === "top" && a ? a.height : 0
- }, u.rect || u[z].rect));
- if (G === "vertical" && !c.strokeStyle) {
- c.strokeStyle = l.strokeStyle
- }
- if (G === "horizontal" && !H.strokeStyle) {
- H.strokeStyle = l.strokeStyle
- }
- A = Ext.merge({}, B.defaults, B[z]);
- J = Ext.apply({}, q.config.label, A.label);
- o = u.label || u[z].label;
- L.labelText = L.add(Ext.apply(J, o, {
- type: "text",
- x: (function() {
- switch (z) {
- case "left":
- g = a ? a.x + a.width : 0;
- return g + (d - g - I) / 2 - j;
- case "right":
- g = a ? d - a.x : 0;
- return I + (d - I - g) / 2 + j;
- default:
- return 0
- }
- })(),
- y: (function() {
- switch (z) {
- case "top":
- g = a ? a.y + a.height : 0;
- return g + (k - g - I) / 2 - j;
- case "bottom":
- g = a ? k - a.y : 0;
- return I + (k - I - g) / 2 + j;
- default:
- return 0
- }
- })()
- }))
- }
- m.horizontalLine = F.add(H);
- m.verticalLine = F.add(c);
- return false
- }
- },
- onGesture: function(G) {
- var K = this;
- if (K.getLocks()[K.getGesture()] !== K) {
- return
- }
- var u = K.getChart(),
- z = u.getSurface("overlay"),
- a = Ext.Array.slice(u.getInnerRect()),
- r = u.getInnerPadding(),
- t = r.left,
- q = r.top,
- E = a[2],
- f = a[3],
- d = u.getEventXY(G),
- k = d[0],
- j = d[1],
- D = u.getAxes(),
- c, h, m, p, J, w, I, H, s, b, C, g, v, n, l, A, F, o, B;
- if (k < 0) {
- k = 0
- } else {
- if (k > E) {
- k = E
- }
- }
- if (j < 0) {
- j = 0
- } else {
- if (j > f) {
- j = f
- }
- }
- k += t;
- j += q;
- for (B = 0; B < D.length; B++) {
- c = D[B];
- h = c.getPosition();
- m = c.getAlignment();
- p = c.getSurface();
- J = c.getSprites()[0];
- w = J.attr.matrix;
- C = J.attr.textPadding * 2;
- s = K.axesLabels[h];
- I = J.getLayoutContext();
- H = c.getSegmenter();
- if (s) {
- if (m === "vertical") {
- v = w.getYY();
- l = w.getDY();
- F = (j - l - q) / v;
- if (c.getLayout() instanceof Ext.chart.axis.layout.Discrete) {
- j = Math.round(F) * v + l + q;
- F = H.from(Math.round(F));
- F = J.attr.data[F]
- } else {
- F = H.from(F)
- }
- o = H.renderer(F, I);
- s.setAttributes({
- translationY: j - q
- });
- s.labelText.setAttributes({
- text: o
- });
- b = s.labelText.getBBox();
- s.labelRect.setAttributes({
- height: b.height + C,
- y: -(b.height + C) / 2
- });
- p.renderFrame()
- } else {
- g = w.getXX();
- n = w.getDX();
- A = (k - n - t) / g;
- if (c.getLayout() instanceof Ext.chart.axis.layout.Discrete) {
- k = Math.round(A) * g + n + t;
- A = H.from(Math.round(A));
- A = J.attr.data[A]
- } else {
- A = H.from(A)
- }
- o = H.renderer(A, I);
- s.setAttributes({
- translationX: k - t
- });
- s.labelText.setAttributes({
- text: o
- });
- b = s.labelText.getBBox();
- s.labelRect.setAttributes({
- width: b.width + C,
- x: -(b.width + C) / 2
- });
- p.renderFrame()
- }
- }
- }
- K.horizontalLine.setAttributes({
- y: j,
- strokeStyle: J.attr.strokeStyle
- });
- K.verticalLine.setAttributes({
- x: k,
- strokeStyle: J.attr.strokeStyle
- });
- z.renderFrame();
- return false
- },
- onGestureEnd: function(h) {
- var l = this,
- k = l.getChart(),
- a = k.getSurface("overlay"),
- j = k.getAxes(),
- c, g, d, b, f;
- a.remove(l.verticalLine);
- a.remove(l.horizontalLine);
- for (f = 0; f < j.length; f++) {
- c = j[f];
- g = c.getPosition();
- d = c.getSurface();
- b = l.axesLabels[g];
- if (b) {
- delete l.axesLabels[g];
- d.remove(b)
- }
- d.renderFrame()
- }
- a.renderFrame();
- l.unlockEvents(l.getGesture())
- }
-});
-Ext.define("Ext.chart.interactions.ItemHighlight", {
- extend: "Ext.chart.interactions.Abstract",
- type: "itemhighlight",
- alias: "interaction.itemhighlight",
- isItemHighlight: true,
- config: {
- gestures: {
- tap: "onTapGesture",
- mousemove: "onMouseMoveGesture",
- mousedown: "onMouseDownGesture",
- mouseup: "onMouseUpGesture",
- mouseleave: "onMouseUpGesture"
- },
- sticky: false
- },
- stickyHighlightItem: null,
- onMouseMoveGesture: function(g) {
- var d = this,
- h = d.tipItem,
- a = g.pointerType === "mouse",
- c, f, b;
- if (d.getSticky()) {
- return true
- }
- if (d.isDragging) {
- if (h && a) {
- h.series.hideTooltip(h);
- d.tipItem = null
- }
- } else {
- if (!d.stickyHighlightItem) {
- c = d.getItemForEvent(g);
- b = d.getChart();
- if (c !== b.getHighlightItem()) {
- d.highlight(c);
- d.sync()
- }
- if (a) {
- if (h && (!c || h.field !== c.field || h.record !== c.record)) {
- h.series.hideTooltip(h);
- d.tipItem = h = null
- }
- if (c && (f = c.series.getTooltip())) {
- if (f.trackMouse || !h) {
- c.series.showTooltip(c, g.getXY())
- }
- d.tipItem = c
- }
- }
- return false
- }
- }
- },
- highlight: function(a) {
- this.getChart().setHighlightItem(a)
- },
- showTooltip: function(b, a) {
- a.series.showTooltip(a, b.getXY());
- this.tipItem = a
- },
- onMouseDownGesture: function() {
- this.isDragging = true
- },
- onMouseUpGesture: function() {
- this.isDragging = false
- },
- onTapGesture: function(c) {
- var b = this;
- if (c.pointerType === "mouse" && !b.getSticky()) {
- return
- }
- var a = b.getItemForEvent(c);
- if (b.stickyHighlightItem && a && (b.stickyHighlightItem.index === a.index)) {
- a = null
- }
- b.stickyHighlightItem = a;
- b.highlight(a)
- }
-});
-Ext.define("Ext.chart.interactions.ItemEdit", {
- extend: "Ext.chart.interactions.ItemHighlight",
- requires: ["Ext.tip.ToolTip"],
- type: "itemedit",
- alias: "interaction.itemedit",
- isItemEdit: true,
- config: {
- style: null,
- renderer: null,
- tooltip: true,
- gestures: {
- dragstart: "onDragStart",
- drag: "onDrag",
- dragend: "onDragEnd"
- },
- cursors: {
- ewResize: "ew-resize",
- nsResize: "ns-resize",
- move: "move"
- }
- },
- item: null,
- applyTooltip: function(b) {
- if (b) {
- var a = Ext.apply({}, b, {
- renderer: this.defaultTooltipRenderer,
- constrainPosition: true,
- shrinkWrapDock: true,
- autoHide: true,
- offsetX: 10,
- offsetY: 10
- });
- b = new Ext.tip.ToolTip(a)
- }
- return b
- },
- defaultTooltipRenderer: function(b, a, f, d) {
- var c = [];
- if (f.xField) {
- c.push(f.xField + ": " + f.xValue)
- }
- if (f.yField) {
- c.push(f.yField + ": " + f.yValue)
- }
- b.setHtml(c.join("', "', "{name}", "
", "")) - }, - onDragStart: function(d) { - var c = this, - a = c.getChart(), - b = a.getHighlightItem(); - if (b) { - a.fireEvent("beginitemedit", a, c, c.item = b); - return false - } - }, - onDrag: function(f) { - var d = this, - b = d.getChart(), - c = b.getHighlightItem(), - a = c && c.sprite.type; - if (c) { - switch (a) { - case "barSeries": - return d.onDragBar(f); - break; - case "scatterSeries": - return d.onDragScatter(f); - break - } - } - }, - highlight: function(f) { - var e = this, - d = e.getChart(), - a = d.getFlipXY(), - g = e.getCursors(), - c = f && f.sprite.type, - b = d.el.dom.style; - e.callParent([f]); - if (f) { - switch (c) { - case "barSeries": - if (a) { - b.cursor = g.ewResize - } else { - b.cursor = g.nsResize - } - break; - case "scatterSeries": - b.cursor = g.move; - break - } - } else { - d.el.dom.style.cursor = "default" - } - }, - onDragBar: function(i) { - var m = this, - k = m.getChart(), - l = k.getInherited().rtl, - f = k.isCartesian && k.getFlipXY(), - q = k.getHighlightItem(), - g = q.sprite.getMarker("items"), - p = g.getMarkerFor(q.sprite.getId(), q.index), - b = q.sprite.getSurface(), - c = b.getRect(), - r = b.getEventXY(i), - o = q.sprite.attr.matrix, - j = m.getRenderer(), - a, n, d, h; - if (f) { - h = l ? c[2] - r[0] : r[0] - } else { - h = c[3] - r[1] - } - a = { - x: p.x, - y: h, - width: p.width, - height: p.height + (p.y - h), - radius: p.radius, - fillStyle: "none", - lineDash: [4, 4], - zIndex: 100 - }; - Ext.apply(a, m.getStyle()); - if (Ext.isArray(q.series.getYField())) { - h = h - p.y - p.height - } - m.target = { - index: q.index, - yField: q.field, - yValue: (h - o.getDY()) / o.getYY() - }; - d = [k, { - target: m.target, - style: a, - item: q - }]; - n = Ext.callback(j, null, d, 0, k); - if (n) { - Ext.apply(a, n) - } - q.sprite.putMarker("items", a, "itemedit"); - m.showTooltip(i, m.target, q); - b.renderFrame() - }, - onDragScatter: function(n) { - var t = this, - g = t.getChart(), - d = g.getInherited().rtl, - l = g.isCartesian && g.getFlipXY(), - o = g.getHighlightItem(), - b = o.sprite.getMarker("items"), - p = b.getMarkerFor(o.sprite.getId(), o.index), - j = o.sprite.getSurface(), - h = j.getRect(), - a = j.getEventXY(n), - k = o.sprite.attr.matrix, - c = o.series.getXAxis(), - f = c && c.getLayout().isContinuous, - i = t.getRenderer(), - m, u, q, s, r; - if (l) { - r = d ? h[2] - a[0] : a[0] - } else { - r = h[3] - a[1] - } - if (f) { - if (l) { - s = h[3] - a[1] - } else { - s = a[0] - } - } else { - s = p.translationX - } - m = { - translationX: s, - translationY: r, - scalingX: p.scalingX, - scalingY: p.scalingY, - r: p.r, - fillStyle: "none", - lineDash: [4, 4], - zIndex: 100 - }; - Ext.apply(m, t.getStyle()); - t.target = { - index: o.index, - yField: o.field, - yValue: (r - k.getDY()) / k.getYY() - }; - if (f) { - Ext.apply(t.target, { - xField: o.series.getXField(), - xValue: (s - k.getDX()) / k.getXX() - }) - } - q = [g, { - target: t.target, - style: m, - item: o - }]; - u = Ext.callback(i, null, q, 0, g); - if (u) { - Ext.apply(m, u) - } - o.sprite.putMarker("items", m, "itemedit"); - t.showTooltip(n, t.target, o); - j.renderFrame() - }, - showTooltip: function(g, f, c) { - var d = this.getTooltip(), - a, b; - if (d && Ext.toolkit !== "modern") { - a = d.config; - b = this.getChart(); - Ext.callback(a.renderer, null, [d, c, f, g], 0, b); - d.show([g.x + a.offsetX, g.y + a.offsetY]) - } - }, - hideTooltip: function() { - var a = this.getTooltip(); - if (a && Ext.toolkit !== "modern") { - a.hide() - } - }, - onDragEnd: function(g) { - var d = this, - f = d.target, - c = d.getChart(), - b = c.getStore(), - a; - if (f) { - a = b.getAt(f.index); - if (f.yField) { - a.set(f.yField, f.yValue, { - convert: false - }) - } - if (f.xField) { - a.set(f.xField, f.xValue, { - convert: false - }) - } - if (f.yField || f.xField) { - d.getChart().onDataChanged() - } - d.target = null - } - d.hideTooltip(); - if (d.item) { - c.fireEvent("enditemedit", c, d, d.item, f) - } - d.highlight(d.item = null) - }, - destroy: function() { - var a = this.getConfig("tooltip", true); - Ext.destroy(a); - this.callParent() - } -}); -Ext.define("Ext.chart.interactions.PanZoom", { - extend: "Ext.chart.interactions.Abstract", - type: "panzoom", - alias: "interaction.panzoom", - requires: ["Ext.draw.Animator"], - config: { - axes: { - top: {}, - right: {}, - bottom: {}, - left: {} - }, - minZoom: null, - maxZoom: null, - showOverflowArrows: true, - panGesture: "drag", - zoomGesture: "pinch", - zoomOnPanGesture: false, - modeToggleButton: { - xtype: "segmentedbutton", - width: 200, - defaults: { - ui: "default-toolbar" - }, - cls: Ext.baseCSSPrefix + "panzoom-toggle", - items: [{ - text: "Pan" - }, { - text: "Zoom" - }] - }, - hideLabelInGesture: false - }, - stopAnimationBeforeSync: true, - applyAxes: function(b, a) { - return Ext.merge(a || {}, b) - }, - applyZoomOnPanGesture: function(a) { - this.getChart(); - if (this.isMultiTouch()) { - return false - } - return a - }, - updateZoomOnPanGesture: function(b) { - var a = this.getModeToggleButton(); - if (!this.isMultiTouch()) { - a.show(); - a.setValue(b ? 1 : 0) - } else { - a.hide() - } - }, - toggleMode: function() { - var a = this; - if (!a.isMultiTouch()) { - a.setZoomOnPanGesture(!a.getZoomOnPanGesture()) - } - }, - applyModeToggleButton: function(c, b) { - var d = this, - a = Ext.factory(c, "Ext.button.Segmented", b); - if (!a && b) { - b.destroy() - } - if (a && !b) { - a.addListener("toggle", function(e) { - d.setZoomOnPanGesture(e.getValue() === 1) - }) - } - return a - }, - getGestures: function() { - var c = this, - e = {}, - d = c.getPanGesture(), - b = c.getZoomGesture(), - a = Ext.supports.Touch; - e[b] = "onZoomGestureMove"; - e[b + "start"] = "onZoomGestureStart"; - e[b + "end"] = "onZoomGestureEnd"; - e[d] = "onPanGestureMove"; - e[d + "start"] = "onPanGestureStart"; - e[d + "end"] = "onPanGestureEnd"; - e.doubletap = "onDoubleTap"; - return e - }, - onDoubleTap: function(h) { - var f = this, - c = f.getChart(), - g = c.getAxes(), - b, a, d; - for (a = 0, d = g.length; a < d; a++) { - b = g[a]; - b.setVisibleRange([0, 1]) - } - c.redraw() - }, - onPanGestureStart: function(d) { - if (!d || !d.touches || d.touches.length < 2) { - var b = this, - a = b.getChart().getInnerRect(), - c = b.getChart().element.getXY(); - b.startX = d.getX() - c[0] - a[0]; - b.startY = d.getY() - c[1] - a[1]; - b.oldVisibleRanges = null; - b.hideLabels(); - b.getChart().suspendThicknessChanged(); - b.lockEvents(b.getPanGesture()); - return false - } - }, - onPanGestureMove: function(d) { - var b = this; - if (b.getLocks()[b.getPanGesture()] === b) { - var a = b.getChart().getInnerRect(), - c = b.getChart().element.getXY(); - if (b.getZoomOnPanGesture()) { - b.transformAxesBy(b.getZoomableAxes(d), 0, 0, (d.getX() - c[0] - a[0]) / b.startX, b.startY / (d.getY() - c[1] - a[1])) - } else { - b.transformAxesBy(b.getPannableAxes(d), d.getX() - c[0] - a[0] - b.startX, d.getY() - c[1] - a[1] - b.startY, 1, 1) - } - b.sync(); - return false - } - }, - onPanGestureEnd: function(b) { - var a = this, - c = a.getPanGesture(); - if (a.getLocks()[c] === a) { - a.getChart().resumeThicknessChanged(); - a.showLabels(); - a.sync(); - a.unlockEvents(c); - return false - } - }, - onZoomGestureStart: function(b) { - if (b.touches && b.touches.length === 2) { - var c = this, - i = c.getChart().element.getXY(), - f = c.getChart().getInnerRect(), - h = i[0] + f[0], - d = i[1] + f[1], - j = [b.touches[0].point.x - h, b.touches[0].point.y - d, b.touches[1].point.x - h, b.touches[1].point.y - d], - g = Math.max(44, Math.abs(j[2] - j[0])), - a = Math.max(44, Math.abs(j[3] - j[1])); - c.getChart().suspendThicknessChanged(); - c.lastZoomDistances = [g, a]; - c.lastPoints = j; - c.oldVisibleRanges = null; - c.hideLabels(); - c.lockEvents(c.getZoomGesture()); - return false - } - }, - onZoomGestureMove: function(d) { - var f = this; - if (f.getLocks()[f.getZoomGesture()] === f) { - var i = f.getChart().getInnerRect(), - n = f.getChart().element.getXY(), - k = n[0] + i[0], - h = n[1] + i[1], - o = Math.abs, - c = f.lastPoints, - m = [d.touches[0].point.x - k, d.touches[0].point.y - h, d.touches[1].point.x - k, d.touches[1].point.y - h], - g = Math.max(44, o(m[2] - m[0])), - b = Math.max(44, o(m[3] - m[1])), - a = this.lastZoomDistances || [g, b], - l = g / a[0], - j = b / a[1]; - f.transformAxesBy(f.getZoomableAxes(d), i[2] * (l - 1) / 2 + m[2] - c[2] * l, i[3] * (j - 1) / 2 + m[3] - c[3] * j, l, j); - f.sync(); - return false - } - }, - onZoomGestureEnd: function(c) { - var b = this, - a = b.getZoomGesture(); - if (b.getLocks()[a] === b) { - b.getChart().resumeThicknessChanged(); - b.showLabels(); - b.sync(); - b.unlockEvents(a); - return false - } - }, - hideLabels: function() { - if (this.getHideLabelInGesture()) { - this.eachInteractiveAxes(function(a) { - a.hideLabels() - }) - } - }, - showLabels: function() { - if (this.getHideLabelInGesture()) { - this.eachInteractiveAxes(function(a) { - a.showLabels() - }) - } - }, - isEventOnAxis: function(c, a) { - var b = a.getSurface().getRect(); - return b[0] <= c.getX() && c.getX() <= b[0] + b[2] && b[1] <= c.getY() && c.getY() <= b[1] + b[3] - }, - getPannableAxes: function(d) { - var h = this, - a = h.getAxes(), - f = h.getChart().getAxes(), - c, g = f.length, - k = [], - j = false, - b; - if (d) { - for (c = 0; c < g; c++) { - if (this.isEventOnAxis(d, f[c])) { - j = true; - break - } - } - } - for (c = 0; c < g; c++) { - b = a[f[c].getPosition()]; - if (b && b.allowPan !== false && (!j || this.isEventOnAxis(d, f[c]))) { - k.push(f[c]) - } - } - return k - }, - getZoomableAxes: function(f) { - var j = this, - a = j.getAxes(), - g = j.getChart().getAxes(), - l = [], - d, h = g.length, - c, k = false, - b; - if (f) { - for (d = 0; d < h; d++) { - if (this.isEventOnAxis(f, g[d])) { - k = true; - break - } - } - } - for (d = 0; d < h; d++) { - c = g[d]; - b = a[c.getPosition()]; - if (b && b.allowZoom !== false && (!k || this.isEventOnAxis(f, c))) { - l.push(c) - } - } - return l - }, - eachInteractiveAxes: function(c) { - var d = this, - b = d.getAxes(), - e = d.getChart().getAxes(); - for (var a = 0; a < e.length; a++) { - if (b[e[a].getPosition()]) { - if (false === c.call(this, e[a])) { - return - } - } - } - }, - transformAxesBy: function(d, j, g, h, e) { - var f = this.getChart().getInnerRect(), - a = this.getAxes(), - k, b = this.oldVisibleRanges, - l = false; - if (!b) { - this.oldVisibleRanges = b = {}; - this.eachInteractiveAxes(function(i) { - b[i.getId()] = i.getVisibleRange() - }) - } - if (!f) { - return - } - for (var c = 0; c < d.length; c++) { - k = a[d[c].getPosition()]; - l = this.transformAxisBy(d[c], b[d[c].getId()], j, g, h, e, this.minZoom || k.minZoom, this.maxZoom || k.maxZoom) || l - } - return l - }, - transformAxisBy: function(c, o, r, q, k, i, h, m) { - var s = this, - b = o[1] - o[0], - l = c.getVisibleRange(), - g = h || s.getMinZoom() || c.config.minZoom, - j = m || s.getMaxZoom() || c.config.maxZoom, - a = s.getChart().getInnerRect(), - f, p; - if (!a) { - return - } - var d = c.isSide(), - e = d ? a[3] : a[2], - n = d ? -q : r; - b /= d ? i : k; - if (b < 0) { - b = -b - } - if (b * g > 1) { - b = 1 - } - if (b * j < 1) { - b = 1 / j - } - f = o[0]; - p = o[1]; - l = l[1] - l[0]; - if (b === l && l === 1) { - return - } - c.setVisibleRange([(o[0] + o[1] - b) * 0.5 - n / e * b, (o[0] + o[1] + b) * 0.5 - n / e * b]); - return (Math.abs(f - c.getVisibleRange()[0]) > 1e-10 || Math.abs(p - c.getVisibleRange()[1]) > 1e-10) - }, - destroy: function() { - this.setModeToggleButton(null); - this.callParent() - } -}); -Ext.define("Ext.chart.interactions.Rotate", { - extend: "Ext.chart.interactions.Abstract", - type: "rotate", - alias: "interaction.rotate", - config: { - gesture: "rotate", - gestures: { - rotate: "onRotate", - rotateend: "onRotate", - dragstart: "onGestureStart", - drag: "onGesture", - dragend: "onGestureEnd" - }, - rotation: 0 - }, - oldRotations: null, - getAngle: function(f) { - var c = this, - b = c.getChart(), - d = b.getEventXY(f), - a = b.getCenter(); - return Math.atan2(d[1] - a[1], d[0] - a[0]) - }, - getRadius: function(a) { - return this.getChart().getRadius() - }, - getEventRadius: function(h) { - var f = this, - d = f.getChart(), - g = d.getEventXY(h), - a = d.getCenter(), - c = g[0] - a[0], - b = g[1] - a[1]; - return Math.sqrt(c * c + b * b) - }, - onGestureStart: function(d) { - var c = this, - b = c.getRadius(d), - a = c.getEventRadius(d); - if (b >= a) { - c.lockEvents("drag"); - c.angle = c.getAngle(d); - c.oldRotations = {}; - return false - } - }, - onGesture: function(b) { - var a = this, - c = a.getAngle(b) - a.angle; - if (a.getLocks().drag === a) { - a.doRotateTo(c, true); - return false - } - }, - doRotateTo: function(d, a, b) { - var n = this, - l = n.getChart(), - k = l.getAxes(), - f = l.getSeries(), - m = n.oldRotations, - c, j, g, e, h; - if (!b) { - l.suspendAnimation() - } - for (e = 0, h = k.length; e < h; e++) { - c = k[e]; - g = m[c.getId()] || (m[c.getId()] = c.getRotation()); - c.setRotation(d + (a ? g : 0)) - } - for (e = 0, h = f.length; e < h; e++) { - j = f[e]; - g = m[j.getId()] || (m[j.getId()] = j.getRotation()); - j.setRotation(d + (a ? g : 0)) - } - n.setRotation(d + (a ? g : 0)); - n.fireEvent("rotate", n, n.getRotation()); - n.sync(); - if (!b) { - l.resumeAnimation() - } - }, - rotateTo: function(c, b, a) { - this.doRotateTo(c, b, a); - this.oldRotations = {} - }, - onGestureEnd: function(b) { - var a = this; - if (a.getLocks().drag === a) { - a.onGesture(b); - a.unlockEvents("drag"); - a.fireEvent("rotationEnd", a, a.getRotation()); - return false - } - }, - onRotate: function(a) {} -}); -Ext.define("Ext.chart.interactions.RotatePie3D", { - extend: "Ext.chart.interactions.Rotate", - type: "rotatePie3d", - alias: "interaction.rotatePie3d", - getAngle: function(g) { - var a = this.getChart(), - f = a.getInherited().rtl, - d = f ? -1 : 1, - h = g.getXY(), - c = a.element.getXY(), - b = a.getMainRect(); - return d * Math.atan2(h[1] - c[1] - b[3] * 0.5, h[0] - c[0] - b[2] * 0.5) - }, - getRadius: function(j) { - var f = this.getChart(), - a = f.getRadius(), - d = f.getSeries(), - h = d.length, - c = 0, - b, g; - for (; c < h; c++) { - b = d[c]; - if (b.isPie3D) { - g = b.getRadius(); - if (g > a) { - a = g - } - } - } - return a - } -}); -Ext.define("Ext.chart.plugin.ItemEvents", { - extend: "Ext.plugin.Abstract", - alias: "plugin.chartitemevents", - moveEvents: false, - mouseMoveEvents: { - mousemove: true, - mouseover: true, - mouseout: true - }, - itemMouseMoveEvents: { - itemmousemove: true, - itemmouseover: true, - itemmouseout: true - }, - init: function(b) { - var a = "handleEvent"; - this.chart = b; - b.addElementListener({ - click: a, - dblclick: a, - mousedown: a, - mousemove: a, - mouseup: a, - mouseover: a, - mouseout: a, - priority: 1001, - scope: this - }) - }, - hasItemMouseMoveListeners: function() { - var b = this.chart.hasListeners, - a; - for (a in this.itemMouseMoveEvents) { - if (a in b) { - return true - } - } - return false - }, - handleEvent: function(g) { - var d = this, - a = d.chart, - h = g.type in d.mouseMoveEvents, - c = d.lastItem, - f, b; - if (h && !d.hasItemMouseMoveListeners() && !d.moveEvents) { - return - } - f = a.getEventXY(g); - b = a.getItemForPoint(f[0], f[1]); - if (h && !Ext.Object.equals(b, c)) { - if (c) { - a.fireEvent("itemmouseout", a, c, g); - c.series.fireEvent("itemmouseout", c.series, c, g) - } - if (b) { - a.fireEvent("itemmouseover", a, b, g); - b.series.fireEvent("itemmouseover", b.series, b, g) - } - } - if (b) { - a.fireEvent("item" + g.type, a, b, g); - b.series.fireEvent("item" + g.type, b.series, b, g) - } - d.lastItem = b - } -}); -Ext.define("Ext.chart.series.Cartesian", { - extend: "Ext.chart.series.Series", - config: { - xField: null, - yField: null, - xAxis: null, - yAxis: null - }, - directions: ["X", "Y"], - fieldCategoryX: ["X"], - fieldCategoryY: ["Y"], - applyXAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - applyYAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - updateXAxis: function(a) { - a.processData(this) - }, - updateYAxis: function(a) { - a.processData(this) - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - getItemForPoint: function(a, g) { - if (this.getSprites()) { - var f = this, - d = f.getSprites()[0], - b = f.getStore(), - e, c; - if (f.getHidden()) { - return null - } - if (d) { - c = d.getIndexNearPoint(a, g); - if (c !== -1) { - e = { - series: f, - category: f.getItemInstancing() ? "items" : "markers", - index: c, - record: b.getData().items[c], - field: f.getYField(), - sprite: d - }; - return e - } - } - } - }, - createSprite: function() { - var c = this, - a = c.callParent(), - b = c.getChart(), - d = c.getXAxis(); - a.setAttributes({ - flipXY: b.getFlipXY(), - xAxis: d - }); - if (a.setAggregator && d && d.getAggregator) { - if (d.getAggregator) { - a.setAggregator({ - strategy: d.getAggregator() - }) - } else { - a.setAggregator({}) - } - } - return a - }, - getSprites: function() { - var d = this, - c = this.getChart(), - e = d.getAnimation() || c && c.getAnimation(), - b = d.getItemInstancing(), - f = d.sprites, - a; - if (!c) { - return [] - } - if (!f.length) { - a = d.createSprite() - } else { - a = f[0] - } - if (e) { - if (b) { - a.itemsMarker.getTemplate().setAnimation(e) - } - a.setAnimation(e) - } - return f - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getSubStyleWithTheme(), - c = a.fillStyle; - if (Ext.isArray(c)) { - c = c[0] - } - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - }, - getXRange: function() { - return [this.dataRange[0], this.dataRange[2]] - }, - getYRange: function() { - return [this.dataRange[1], this.dataRange[3]] - } -}); -Ext.define("Ext.chart.series.StackedCartesian", { - extend: "Ext.chart.series.Cartesian", - config: { - stacked: true, - splitStacks: true, - fullStack: false, - fullStackTotal: 100, - hidden: [] - }, - spriteAnimationCount: 0, - themeColorCount: function() { - var b = this, - a = b.getYField(); - return Ext.isArray(a) ? a.length : 1 - }, - updateStacked: function() { - this.processData() - }, - updateSplitStacks: function() { - this.processData() - }, - coordinateY: function() { - return this.coordinateStacked("Y", 1, 2) - }, - coordinateStacked: function(D, e, m) { - var F = this, - f = F.getStore(), - r = f.getData().items, - B = r.length, - c = F["get" + D + "Axis"](), - x = F.getHidden(), - a = F.getSplitStacks(), - z = F.getFullStack(), - l = F.getFullStackTotal(), - p = { - min: 0, - max: 0 - }, - n = F["fieldCategory" + D], - C = [], - o = [], - E = [], - h, A = F.getStacked(), - g = F.getSprites(), - q = [], - w, v, u, s, H, y, b, d, G, t; - if (!g.length) { - return - } - for (w = 0; w < n.length; w++) { - d = n[w]; - s = F.getFields([d]); - H = s.length; - for (v = 0; v < B; v++) { - C[v] = 0; - o[v] = 0; - E[v] = 0 - } - for (v = 0; v < H; v++) { - if (!x[v]) { - q[v] = F.coordinateData(r, s[v], c) - } - } - if (A && z) { - y = []; - if (a) { - b = [] - } - for (v = 0; v < B; v++) { - y[v] = 0; - if (a) { - b[v] = 0 - } - for (u = 0; u < H; u++) { - G = q[u]; - if (!G) { - continue - } - G = G[v]; - if (G >= 0 || !a) { - y[v] += G - } else { - if (G < 0) { - b[v] += G - } - } - } - } - } - for (v = 0; v < H; v++) { - t = {}; - if (x[v]) { - t["dataStart" + d] = C; - t["data" + d] = C; - g[v].setAttributes(t); - continue - } - G = q[v]; - if (A) { - h = []; - for (u = 0; u < B; u++) { - if (!G[u]) { - G[u] = 0 - } - if (G[u] >= 0 || !a) { - if (z && y[u]) { - G[u] *= l / y[u] - } - C[u] = o[u]; - o[u] += G[u]; - h[u] = o[u] - } else { - if (z && b[u]) { - G[u] *= l / b[u] - } - C[u] = E[u]; - E[u] += G[u]; - h[u] = E[u] - } - } - t["dataStart" + d] = C; - t["data" + d] = h; - F.getRangeOfData(C, p); - F.getRangeOfData(h, p) - } else { - t["dataStart" + d] = C; - t["data" + d] = G; - F.getRangeOfData(G, p) - } - g[v].setAttributes(t) - } - } - F.dataRange[e] = p.min; - F.dataRange[e + m] = p.max; - t = {}; - t["dataMin" + D] = p.min; - t["dataMax" + D] = p.max; - for (w = 0; w < g.length; w++) { - g[w].setAttributes(t) - } - }, - getFields: function(f) { - var e = this, - a = [], - c, b, d; - for (b = 0, d = f.length; b < d; b++) { - c = e["get" + f[b] + "Field"](); - if (Ext.isArray(c)) { - a.push.apply(a, c) - } else { - a.push(c) - } - } - return a - }, - updateLabelOverflowPadding: function(a) { - this.getLabel().setAttributes({ - labelOverflowPadding: a - }) - }, - getSprites: function() { - var k = this, - j = k.getChart(), - c = k.getAnimation() || j && j.getAnimation(), - f = k.getFields(k.fieldCategoryY), - b = k.getItemInstancing(), - h = k.sprites, - l, e = k.getHidden(), - g = false, - d, a = f.length; - if (!j) { - return [] - } - for (d = 0; d < a; d++) { - l = h[d]; - if (!l) { - l = k.createSprite(); - l.setAttributes({ - zIndex: -d - }); - l.setField(f[d]); - g = true; - e.push(false); - if (b) { - l.itemsMarker.getTemplate().setAttributes(k.getStyleByIndex(d)) - } else { - l.setAttributes(k.getStyleByIndex(d)) - } - } - if (c) { - if (b) { - l.itemsMarker.getTemplate().setAnimation(c) - } - l.setAnimation(c) - } - } - if (g) { - k.updateHidden(e) - } - return h - }, - getItemForPoint: function(k, j) { - if (this.getSprites()) { - var h = this, - b, g, m, a = h.getItemInstancing(), - f = h.getSprites(), - l = h.getStore(), - c = h.getHidden(), - n, d, e; - for (b = 0, g = f.length; b < g; b++) { - if (!c[b]) { - m = f[b]; - d = m.getIndexNearPoint(k, j); - if (d !== -1) { - e = h.getYField(); - n = { - series: h, - index: d, - category: a ? "items" : "markers", - record: l.getData().items[d], - field: typeof e === "string" ? e : e[b], - sprite: m - }; - return n - } - } - } - return null - } - }, - provideLegendInfo: function(e) { - var g = this, - f = g.getSprites(), - h = g.getTitle(), - j = g.getYField(), - d = g.getHidden(), - k = f.length === 1, - b, l, c, a; - for (c = 0; c < f.length; c++) { - b = g.getStyleByIndex(c); - l = b.fillStyle; - if (h) { - if (Ext.isArray(h)) { - a = h[c] - } else { - if (k) { - a = h - } - } - } else { - if (Ext.isArray(j)) { - a = j[c] - } else { - a = g.getId() - } - } - e.push({ - name: a, - mark: (Ext.isObject(l) ? l.stops && l.stops[0].color : l) || b.strokeStyle || "black", - disabled: d[c], - series: g.getId(), - index: c - }) - } - }, - onSpriteAnimationStart: function(a) { - this.spriteAnimationCount++; - if (this.spriteAnimationCount === 1) { - this.fireEvent("animationstart") - } - }, - onSpriteAnimationEnd: function(a) { - this.spriteAnimationCount--; - if (this.spriteAnimationCount === 0) { - this.fireEvent("animationend") - } - } -}); -Ext.define("Ext.chart.series.sprite.Series", { - extend: "Ext.draw.sprite.Sprite", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - inheritableStatics: { - def: { - processors: { - dataMinX: "number", - dataMaxX: "number", - dataMinY: "number", - dataMaxY: "number", - rangeX: "data", - rangeY: "data", - dataX: "data", - dataY: "data" - }, - defaults: { - dataMinX: 0, - dataMaxX: 1, - dataMinY: 0, - dataMaxY: 1, - rangeX: null, - rangeY: null, - dataX: null, - dataY: null - }, - triggers: { - dataX: "bbox", - dataY: "bbox", - dataMinX: "bbox", - dataMaxX: "bbox", - dataMinY: "bbox", - dataMaxY: "bbox" - } - } - }, - config: { - store: null, - series: null, - field: null - } -}); -Ext.define("Ext.chart.series.sprite.Cartesian", { - extend: "Ext.chart.series.sprite.Series", - inheritableStatics: { - def: { - processors: { - labels: "default", - labelOverflowPadding: "number", - selectionTolerance: "number", - flipXY: "bool", - renderer: "default", - visibleMinX: "number", - visibleMinY: "number", - visibleMaxX: "number", - visibleMaxY: "number", - innerWidth: "number", - innerHeight: "number" - }, - defaults: { - labels: null, - labelOverflowPadding: 10, - selectionTolerance: 20, - flipXY: false, - renderer: null, - transformFillStroke: false, - visibleMinX: 0, - visibleMinY: 0, - visibleMaxX: 1, - visibleMaxY: 1, - innerWidth: 1, - innerHeight: 1 - }, - triggers: { - dataX: "dataX,bbox", - dataY: "dataY,bbox", - visibleMinX: "panzoom", - visibleMinY: "panzoom", - visibleMaxX: "panzoom", - visibleMaxY: "panzoom", - innerWidth: "panzoom", - innerHeight: "panzoom" - }, - updaters: { - dataX: function(a) { - this.processDataX(); - this.scheduleUpdater(a, "dataY", ["dataY"]) - }, - dataY: function() { - this.processDataY() - }, - panzoom: function(c) { - var e = c.visibleMaxX - c.visibleMinX, - d = c.visibleMaxY - c.visibleMinY, - b = c.flipXY ? c.innerHeight : c.innerWidth, - g = !c.flipXY ? c.innerHeight : c.innerWidth, - a = this.getSurface(), - f = a ? a.getInherited().rtl : false; - if (f && !c.flipXY) { - c.translationX = b + c.visibleMinX * b / e - } else { - c.translationX = -c.visibleMinX * b / e - } - c.translationY = -c.visibleMinY * g / d; - c.scalingX = (f && !c.flipXY ? -1 : 1) * b / e; - c.scalingY = g / d; - c.scalingCenterX = 0; - c.scalingCenterY = 0; - this.applyTransformations(true) - } - } - } - }, - processDataY: Ext.emptyFn, - processDataX: Ext.emptyFn, - updatePlainBBox: function(b) { - var a = this.attr; - b.x = a.dataMinX; - b.y = a.dataMinY; - b.width = a.dataMaxX - a.dataMinX; - b.height = a.dataMaxY - a.dataMinY - }, - binarySearch: function(d) { - var b = this.attr.dataX, - f = 0, - a = b.length; - if (d <= b[0]) { - return f - } - if (d >= b[a - 1]) { - return a - 1 - } - while (f + 1 < a) { - var c = (f + a) >> 1, - e = b[c]; - if (e === d) { - return c - } else { - if (e < d) { - f = c - } else { - a = c - } - } - } - return f - }, - render: function(b, c, g) { - var f = this, - a = f.attr, - e = a.inverseMatrix.clone(); - e.appendMatrix(b.inverseMatrix); - if (a.dataX === null || a.dataX === undefined) { - return - } - if (a.dataY === null || a.dataY === undefined) { - return - } - if (e.getXX() * e.getYX() || e.getXY() * e.getYY()) { - console.log("Cartesian Series sprite does not support rotation/sheering"); - return - } - var d = e.transformList([ - [g[0] - 1, g[3] + 1], - [g[0] + g[2] + 1, -1] - ]); - d = d[0].concat(d[1]); - f.renderClipped(b, c, d, g) - }, - renderClipped: Ext.emptyFn, - getIndexNearPoint: function(f, e) { - var w = this, - q = w.attr.matrix, - h = w.attr.dataX, - g = w.attr.dataY, - k = w.attr.selectionTolerance, - t, r, c = -1, - j = q.clone().prependMatrix(w.surfaceMatrix).inverse(), - u = j.transformPoint([f, e]), - b = j.transformPoint([f - k, e - k]), - n = j.transformPoint([f + k, e + k]), - a = Math.min(b[0], n[0]), - s = Math.max(b[0], n[0]), - l = Math.min(b[1], n[1]), - d = Math.max(b[1], n[1]), - m, v, o, p; - for (o = 0, p = h.length; o < p; o++) { - m = h[o]; - v = g[o]; - if (m > a && m < s && v > l && v < d) { - if (c === -1 || (Math.abs(m - u[0]) < t) && (Math.abs(v - u[1]) < r)) { - t = Math.abs(m - u[0]); - r = Math.abs(v - u[1]); - c = o - } - } - } - return c - } -}); -Ext.define("Ext.chart.series.sprite.StackedCartesian", { - extend: "Ext.chart.series.sprite.Cartesian", - inheritableStatics: { - def: { - processors: { - groupCount: "number", - groupOffset: "number", - dataStartY: "data" - }, - defaults: { - selectionTolerance: 20, - groupCount: 1, - groupOffset: 0, - dataStartY: null - }, - triggers: { - dataStartY: "dataY,bbox" - } - } - }, - getIndexNearPoint: function(e, d) { - var o = this, - q = o.attr.matrix, - h = o.attr.dataX, - f = o.attr.dataY, - u = o.attr.dataStartY, - l = o.attr.selectionTolerance, - s = 0.5, - r = Infinity, - b = -1, - k = q.clone().prependMatrix(this.surfaceMatrix).inverse(), - t = k.transformPoint([e, d]), - a = k.transformPoint([e - l, d - l]), - n = k.transformPoint([e + l, d + l]), - m = Math.min(a[1], n[1]), - c = Math.max(a[1], n[1]), - j, g; - for (var p = 0; p < h.length; p++) { - if (Math.min(u[p], f[p]) <= c && m <= Math.max(u[p], f[p])) { - j = Math.abs(h[p] - t[0]); - g = Math.max(-Math.min(f[p] - t[1], t[1] - u[p]), 0); - if (j < s && g <= r) { - s = j; - r = g; - b = p - } - } - } - return b - } -}); -Ext.define("Ext.chart.series.sprite.Area", { - alias: "sprite.areaSeries", - extend: "Ext.chart.series.sprite.StackedCartesian", - inheritableStatics: { - def: { - processors: { - step: "bool" - }, - defaults: { - step: false - } - } - }, - renderClipped: function(q, s, A) { - var B = this, - p = B.attr, - l = p.dataX, - j = p.dataY, - C = p.dataStartY, - t = p.matrix, - h, g, v, f, d, z, w, e = t.elements[0], - m = t.elements[4], - o = t.elements[3], - k = t.elements[5], - c = B.surfaceMatrix, - n = {}, - r = Math.min(A[0], A[2]), - u = Math.max(A[0], A[2]), - b = Math.max(0, this.binarySearch(r)), - a = Math.min(l.length - 1, this.binarySearch(u) + 1); - s.beginPath(); - z = l[b] * e + m; - w = j[b] * o + k; - s.moveTo(z, w); - if (p.step) { - d = w; - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, d); - s.lineTo(h, d = g) - } - } else { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, g) - } - } - if (C) { - if (p.step) { - f = l[a] * e + m; - for (v = a; v >= b; v--) { - h = l[v] * e + m; - g = C[v] * o + k; - s.lineTo(f, g); - s.lineTo(f = h, g) - } - } else { - for (v = a; v >= b; v--) { - h = l[v] * e + m; - g = C[v] * o + k; - s.lineTo(h, g) - } - } - } else { - s.lineTo(l[a] * e + m, g); - s.lineTo(l[a] * e + m, k); - s.lineTo(z, k); - s.lineTo(z, j[v] * o + k) - } - if (p.transformFillStroke) { - p.matrix.toContext(s) - } - s.fill(); - if (p.transformFillStroke) { - p.inverseMatrix.toContext(s) - } - s.beginPath(); - s.moveTo(z, w); - if (p.step) { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, d); - s.lineTo(h, d = g); - n.translationX = c.x(h, g); - n.translationY = c.y(h, g); - B.putMarker("markers", n, v, !p.renderer) - } - } else { - for (v = b; v <= a; v++) { - h = l[v] * e + m; - g = j[v] * o + k; - s.lineTo(h, g); - n.translationX = c.x(h, g); - n.translationY = c.y(h, g); - B.putMarker("markers", n, v, !p.renderer) - } - } - if (p.transformFillStroke) { - p.matrix.toContext(s) - } - s.stroke() - } -}); -Ext.define("Ext.chart.series.Area", { - extend: "Ext.chart.series.StackedCartesian", - alias: "series.area", - type: "area", - seriesType: "areaSeries", - requires: ["Ext.chart.series.sprite.Area"], - config: { - splitStacks: false - } -}); -Ext.define("Ext.chart.series.sprite.Bar", { - alias: "sprite.barSeries", - extend: "Ext.chart.series.sprite.StackedCartesian", - inheritableStatics: { - def: { - processors: { - minBarWidth: "number", - maxBarWidth: "number", - minGapWidth: "number", - radius: "number", - inGroupGapWidth: "number" - }, - defaults: { - minBarWidth: 2, - maxBarWidth: 100, - minGapWidth: 5, - inGroupGapWidth: 3, - radius: 0 - } - } - }, - drawLabel: function(k, i, s, h, o) { - var q = this, - n = q.attr, - f = q.getMarker("labels"), - d = f.getTemplate(), - l = q.labelCfg || (q.labelCfg = {}), - c = q.surfaceMatrix, - j = n.labelOverflowPadding, - b = d.attr.display, - m = d.attr.orientation, - g, e, a, r, t, p; - l.x = c.x(i, h); - l.y = c.y(i, h); - if (!n.flipXY) { - l.rotationRads = -Math.PI * 0.5 - } else { - l.rotationRads = 0 - } - l.calloutVertical = !n.flipXY; - switch (m) { - case "horizontal": - l.rotationRads = 0; - l.calloutVertical = false; - break; - case "vertical": - l.rotationRads = -Math.PI * 0.5; - l.calloutVertical = true; - break - } - l.text = k; - if (d.attr.renderer) { - p = [k, f, l, { - store: q.getStore() - }, o]; - r = Ext.callback(d.attr.renderer, null, p, 0, q.getSeries()); - if (typeof r === "string") { - l.text = r - } else { - if (typeof r === "object") { - if ("text" in r) { - l.text = r.text - } - t = true - } - } - } - a = q.getMarkerBBox("labels", o, true); - if (!a) { - q.putMarker("labels", l, o); - a = q.getMarkerBBox("labels", o, true) - } - e = (a.width / 2 + j); - if (s > h) { - e = -e - } - if ((m === "horizontal" && n.flipXY) || (m === "vertical" && !n.flipXY) || !m) { - g = (b === "insideStart") ? s + e : h - e - } else { - g = (b === "insideStart") ? s + j * 2 : h - j * 2 - } - l.x = c.x(i, g); - l.y = c.y(i, g); - g = (b === "insideStart") ? s - e : h + e; - l.calloutPlaceX = c.x(i, g); - l.calloutPlaceY = c.y(i, g); - g = (b === "insideStart") ? s : h; - l.calloutStartX = c.x(i, g); - l.calloutStartY = c.y(i, g); - if (s > h) { - e = -e - } - if (Math.abs(h - s) <= e * 2 || b === "outside") { - l.callout = 1 - } else { - l.callout = 0 - } - if (t) { - Ext.apply(l, r) - } - q.putMarker("labels", l, o) - }, - drawBar: function(l, b, d, c, h, k, a, e) { - var g = this, - j = {}, - f = g.attr.renderer, - i; - j.x = c; - j.y = h; - j.width = k - c; - j.height = a - h; - j.radius = g.attr.radius; - if (f) { - i = Ext.callback(f, null, [g, j, { - store: g.getStore() - }, e], 0, g.getSeries()); - Ext.apply(j, i) - } - g.putMarker("items", j, e, !f) - }, - renderClipped: function(G, u, F, C) { - if (this.cleanRedraw) { - return - } - var q = this, - o = q.attr, - w = o.dataX, - v = o.dataY, - H = o.labels, - n = o.dataStartY, - m = o.groupCount, - E = o.groupOffset - (m - 1) * 0.5, - z = o.inGroupGapWidth, - t = u.lineWidth, - D = o.matrix, - B = D.elements[0], - j = D.elements[3], - e = D.elements[4], - d = G.roundPixel(D.elements[5]) - 1, - J = (B < 0 ? -1 : 1) * B - o.minGapWidth, - k = (Math.min(J, o.maxBarWidth) - z * (m - 1)) / m, - A = G.roundPixel(Math.max(o.minBarWidth, k)), - c = q.surfaceMatrix, - g, I, b, h, K, a, l = 0.5 * o.lineWidth, - L = Math.min(F[0], F[2]), - x = Math.max(F[0], F[2]), - y = Math.max(0, Math.floor(L)), - p = Math.min(w.length - 1, Math.ceil(x)), - f = H && q.getMarker("labels"), - s, r; - for (K = y; K <= p; K++) { - s = n ? n[K] : 0; - r = v[K]; - a = w[K] * B + e + E * (A + z); - g = G.roundPixel(a - A / 2) + l; - h = G.roundPixel(r * j + d + t); - I = G.roundPixel(a + A / 2) - l; - b = G.roundPixel(s * j + d + t); - q.drawBar(u, G, F, g, h - l, I, b - l, K); - if (f && H[K] != null) { - q.drawLabel(H[K], a, b, h, K) - } - q.putMarker("markers", { - translationX: c.x(a, h), - translationY: c.y(a, h) - }, K, true) - } - }, - getIndexNearPoint: function(l, k) { - var m = this, - g = m.attr, - h = g.dataX, - a = m.getSurface(), - b = a.getRect() || [0, 0, 0, 0], - j = b[3], - e, d, c, n, f = -1; - if (g.flipXY) { - e = j - k; - if (a.getInherited().rtl) { - d = b[2] - l - } else { - d = l - } - } else { - e = l; - d = j - k - } - for (c = 0; c < h.length; c++) { - n = m.getMarkerBBox("items", c); - if (Ext.draw.Draw.isPointInBBox(e, d, n)) { - f = c; - break - } - } - return f - } -}); -Ext.define("Ext.chart.series.Bar", { - extend: "Ext.chart.series.StackedCartesian", - alias: "series.bar", - type: "bar", - seriesType: "barSeries", - requires: ["Ext.chart.series.sprite.Bar", "Ext.draw.sprite.Rect"], - config: { - itemInstancing: { - type: "rect", - fx: { - customDurations: { - x: 0, - y: 0, - width: 0, - height: 0, - radius: 0 - } - } - } - }, - getItemForPoint: function(a, f) { - if (this.getSprites()) { - var d = this, - c = d.getChart(), - e = c.getInnerPadding(), - b = c.getInherited().rtl; - arguments[0] = a + (b ? e.right : -e.left); - arguments[1] = f + e.bottom; - return d.callParent(arguments) - } - }, - updateXAxis: function(a) { - a.setLabelInSpan(true); - this.callParent(arguments) - }, - updateHidden: function(a) { - this.callParent(arguments); - this.updateStacked() - }, - updateStacked: function(c) { - var e = this, - g = e.getSprites(), - d = g.length, - f = [], - a = {}, - b; - for (b = 0; b < d; b++) { - if (!g[b].attr.hidden) { - f.push(g[b]) - } - } - d = f.length; - if (e.getStacked()) { - a.groupCount = 1; - a.groupOffset = 0; - for (b = 0; b < d; b++) { - f[b].setAttributes(a) - } - } else { - a.groupCount = f.length; - for (b = 0; b < d; b++) { - a.groupOffset = b; - f[b].setAttributes(a) - } - } - e.callParent(arguments) - } -}); -Ext.define("Ext.chart.series.sprite.Bar3D", { - extend: "Ext.chart.series.sprite.Bar", - alias: "sprite.bar3dSeries", - requires: ["Ext.draw.gradient.Linear"], - inheritableStatics: { - def: { - processors: { - depthWidthRatio: "number", - saturationFactor: "number", - brightnessFactor: "number", - colorSpread: "number" - }, - defaults: { - depthWidthRatio: 1 / 3, - saturationFactor: 1, - brightnessFactor: 1, - colorSpread: 1, - transformFillStroke: true - }, - triggers: { - groupCount: "panzoom" - }, - updaters: { - panzoom: function(c) { - var g = this, - e = c.visibleMaxX - c.visibleMinX, - d = c.visibleMaxY - c.visibleMinY, - b = c.flipXY ? c.innerHeight : c.innerWidth, - h = !c.flipXY ? c.innerHeight : c.innerWidth, - a = g.getSurface(), - f = a ? a.getInherited().rtl : false; - if (f && !c.flipXY) { - c.translationX = b + c.visibleMinX * b / e - } else { - c.translationX = -c.visibleMinX * b / e - } - c.translationY = -c.visibleMinY * (h - g.depth) / d; - c.scalingX = (f && !c.flipXY ? -1 : 1) * b / e; - c.scalingY = (h - g.depth) / d; - c.scalingCenterX = 0; - c.scalingCenterY = 0; - g.applyTransformations(true) - } - } - } - }, - config: { - showStroke: false - }, - depth: 0, - drawBar: function(p, b, d, c, l, o, a, h) { - var k = this, - i = k.attr, - n = {}, - j = i.renderer, - m, g, f, e; - n.x = (c + o) * 0.5; - n.y = l; - n.width = (o - c) * 0.75; - n.height = a - l; - n.depth = g = n.width * i.depthWidthRatio; - n.orientation = i.flipXY ? "horizontal" : "vertical"; - n.saturationFactor = i.saturationFactor; - n.brightnessFactor = i.brightnessFactor; - n.colorSpread = i.colorSpread; - if (g !== k.depth) { - k.depth = g; - f = k.getSeries(); - f.fireEvent("depthchange", f, g) - } - if (j) { - e = [k, n, { - store: k.getStore() - }, h]; - m = Ext.callback(j, null, e, 0, k.getSeries()); - Ext.apply(n, m) - } - k.putMarker("items", n, h, !j) - } -}); -Ext.define("Ext.chart.series.sprite.Box", { - extend: "Ext.draw.sprite.Sprite", - alias: "sprite.box", - type: "box", - inheritableStatics: { - def: { - processors: { - x: "number", - y: "number", - width: "number", - height: "number", - depth: "number", - orientation: "enums(vertical,horizontal)", - showStroke: "bool", - saturationFactor: "number", - brightnessFactor: "number", - colorSpread: "number" - }, - triggers: { - x: "bbox", - y: "bbox", - width: "bbox", - height: "bbox", - depth: "bbox", - orientation: "bbox" - }, - defaults: { - x: 0, - y: 0, - width: 8, - height: 8, - depth: 8, - orientation: "vertical", - showStroke: false, - saturationFactor: 1, - brightnessFactor: 1, - colorSpread: 1, - lineJoin: "bevel" - } - } - }, - constructor: function(a) { - this.callParent([a]); - this.topGradient = new Ext.draw.gradient.Linear({}); - this.rightGradient = new Ext.draw.gradient.Linear({}); - this.frontGradient = new Ext.draw.gradient.Linear({}) - }, - updatePlainBBox: function(d) { - var c = this.attr, - b = c.x, - g = c.y, - e = c.width, - a = c.height, - f = c.depth; - d.x = b - e * 0.5; - d.width = e + f; - if (a > 0) { - d.y = g; - d.height = a + f - } else { - d.y = g + f; - d.height = a - f - } - }, - render: function(l, m) { - var u = this, - k = u.attr, - r = k.x, - j = k.y, - f = j + k.height, - i = j < f, - e = k.width * 0.5, - v = k.depth, - d = k.orientation === "horizontal", - g = k.globalAlpha < 1, - c = k.fillStyle, - n = Ext.draw.Color.create(c.isGradient ? c.getStops()[0].color : c), - h = k.saturationFactor, - o = k.brightnessFactor, - t = k.colorSpread, - b = n.getHSV(), - a = {}, - s, q, p; - if (!k.showStroke) { - m.strokeStyle = Ext.draw.Color.RGBA_NONE - } - if (i) { - p = j; - j = f; - f = p - } - u.topGradient.setDegrees(d ? 0 : 80); - u.topGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 + t * 0.1) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.11) * o, 0, 1)) - }]); - u.rightGradient.setDegrees(d ? 45 : 90); - u.rightGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.14) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 + t * 0.4) * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.32) * o, 0, 1)) - }]); - if (d) { - u.frontGradient.setDegrees(0) - } else { - u.frontGradient.setRadians(Math.atan2(j - f, e * 2)) - } - u.frontGradient.setStops([{ - offset: 0, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 - t * 0.1) * h, 0, 1), Ext.Number.constrain((0.5 + t * 0.1) * o, 0, 1)) - }, { - offset: 1, - color: Ext.draw.Color.fromHSV(b[0], Ext.Number.constrain(b[1] * (1 + t * 0.1) * h, 0, 1), Ext.Number.constrain((0.5 - t * 0.23) * o, 0, 1)) - }]); - if (g || i) { - m.beginPath(); - m.moveTo(r - e, f); - m.lineTo(r - e + v, f + v); - m.lineTo(r + e + v, f + v); - m.lineTo(r + e, f); - m.closePath(); - a.x = r - e; - a.y = j; - a.width = e + v; - a.height = v; - m.fillStyle = (d ? u.rightGradient : u.topGradient).generateGradient(m, a); - m.fillStroke(k) - } - if (g) { - m.beginPath(); - m.moveTo(r - e, j); - m.lineTo(r - e + v, j + v); - m.lineTo(r - e + v, f + v); - m.lineTo(r - e, f); - m.closePath(); - a.x = r + e; - a.y = f; - a.width = v; - a.height = j + v - f; - m.fillStyle = (d ? u.topGradient : u.rightGradient).generateGradient(m, a); - m.fillStroke(k) - } - q = l.roundPixel(j); - m.beginPath(); - m.moveTo(r - e, q); - m.lineTo(r - e + v, j + v); - m.lineTo(r + e + v, j + v); - m.lineTo(r + e, q); - m.closePath(); - a.x = r - e; - a.y = j; - a.width = e + v; - a.height = v; - m.fillStyle = (d ? u.rightGradient : u.topGradient).generateGradient(m, a); - m.fillStroke(k); - s = l.roundPixel(r + e); - m.beginPath(); - m.moveTo(s, l.roundPixel(j)); - m.lineTo(r + e + v, j + v); - m.lineTo(r + e + v, f + v); - m.lineTo(s, f); - m.closePath(); - a.x = r + e; - a.y = f; - a.width = v; - a.height = j + v - f; - m.fillStyle = (d ? u.topGradient : u.rightGradient).generateGradient(m, a); - m.fillStroke(k); - s = l.roundPixel(r + e); - q = l.roundPixel(j); - m.beginPath(); - m.moveTo(r - e, f); - m.lineTo(r - e, q); - m.lineTo(s, q); - m.lineTo(s, f); - m.closePath(); - a.x = r - e; - a.y = f; - a.width = e * 2; - a.height = j - f; - m.fillStyle = u.frontGradient.generateGradient(m, a); - m.fillStroke(k) - } -}); -Ext.define("Ext.chart.series.Bar3D", { - extend: "Ext.chart.series.Bar", - requires: ["Ext.chart.series.sprite.Bar3D", "Ext.chart.series.sprite.Box"], - alias: "series.bar3d", - type: "bar3d", - seriesType: "bar3dSeries", - config: { - itemInstancing: { - type: "box", - fx: { - customDurations: { - x: 0, - y: 0, - width: 0, - height: 0, - depth: 0 - } - } - }, - highlightCfg: { - opacity: 0.8 - } - }, - getSprites: function() { - var c = this.callParent(arguments), - b, d, a; - for (a = 0; a < c.length; a++) { - b = c[a]; - d = b.attr.zIndex; - if (d < 0) { - b.setAttributes({ - zIndex: -d - }) - } - if (b.setSeries) { - b.setSeries(this) - } - } - return c - }, - getDepth: function() { - var a = this.getSprites()[0]; - return a ? (a.depth || 0) : 0 - }, - getItemForPoint: function(m, k) { - if (this.getSprites()) { - var j = this, - b, o, a = j.getItemInstancing(), - h = j.getSprites(), - n = j.getStore(), - c = j.getHidden(), - g = j.getChart(), - l = g.getInnerPadding(), - f = g.getInherited().rtl, - p, d, e; - m = m + (f ? l.right : -l.left); - k = k + l.bottom; - for (b = h.length - 1; b >= 0; b--) { - if (!c[b]) { - o = h[b]; - d = o.getIndexNearPoint(m, k); - if (d !== -1) { - e = j.getYField(); - p = { - series: j, - index: d, - category: a ? "items" : "markers", - record: n.getData().items[d], - field: typeof e === "string" ? e : e[b], - sprite: o - }; - return p - } - } - } - return null - } - } -}); -Ext.define("Ext.draw.LimitedCache", { - config: { - limit: 40, - feeder: function() { - return 0 - }, - scope: null - }, - cache: null, - constructor: function(a) { - this.cache = {}; - this.cache.list = []; - this.cache.tail = 0; - this.initConfig(a) - }, - get: function(e) { - var c = this.cache, - b = this.getLimit(), - a = this.getFeeder(), - d = this.getScope() || this; - if (c[e]) { - return c[e].value - } - if (c.list[c.tail]) { - delete c[c.list[c.tail].cacheId] - } - c[e] = c.list[c.tail] = { - value: a.apply(d, Array.prototype.slice.call(arguments, 1)), - cacheId: e - }; - c.tail++; - if (c.tail === b) { - c.tail = 0 - } - return c[e].value - }, - clear: function() { - this.cache = {}; - this.cache.list = []; - this.cache.tail = 0 - } -}); -Ext.define("Ext.draw.SegmentTree", { - config: { - strategy: "double" - }, - time: function(m, l, n, c, E, d, e) { - var f = 0, - o, A, s = new Date(n[m.startIdx[0]]), - x = new Date(n[m.endIdx[l - 1]]), - D = Ext.Date, - u = [ - [D.MILLI, 1, "ms1", null], - [D.MILLI, 2, "ms2", "ms1"], - [D.MILLI, 5, "ms5", "ms1"], - [D.MILLI, 10, "ms10", "ms5"], - [D.MILLI, 50, "ms50", "ms10"], - [D.MILLI, 100, "ms100", "ms50"], - [D.MILLI, 500, "ms500", "ms100"], - [D.SECOND, 1, "s1", "ms500"], - [D.SECOND, 10, "s10", "s1"], - [D.SECOND, 30, "s30", "s10"], - [D.MINUTE, 1, "mi1", "s10"], - [D.MINUTE, 5, "mi5", "mi1"], - [D.MINUTE, 10, "mi10", "mi5"], - [D.MINUTE, 30, "mi30", "mi10"], - [D.HOUR, 1, "h1", "mi30"], - [D.HOUR, 6, "h6", "h1"], - [D.HOUR, 12, "h12", "h6"], - [D.DAY, 1, "d1", "h12"], - [D.DAY, 7, "d7", "d1"], - [D.MONTH, 1, "mo1", "d1"], - [D.MONTH, 3, "mo3", "mo1"], - [D.MONTH, 6, "mo6", "mo3"], - [D.YEAR, 1, "y1", "mo3"], - [D.YEAR, 5, "y5", "y1"], - [D.YEAR, 10, "y10", "y5"], - [D.YEAR, 100, "y100", "y10"] - ], - z, b, k = f, - F = l, - j = false, - r = m.startIdx, - h = m.endIdx, - w = m.minIdx, - C = m.maxIdx, - a = m.open, - y = m.close, - g = m.minX, - q = m.minY, - p = m.maxX, - B = m.maxY, - v, t; - for (z = 0; l > f + 1 && z < u.length; z++) { - s = new Date(n[r[0]]); - b = u[z]; - s = D.align(s, b[0], b[1]); - if (D.diff(s, x, b[0]) > n.length * 2 * b[1]) { - continue - } - if (b[3] && m.map["time_" + b[3]]) { - o = m.map["time_" + b[3]][0]; - A = m.map["time_" + b[3]][1] - } else { - o = k; - A = F - } - f = l; - t = s; - j = true; - r[l] = r[o]; - h[l] = h[o]; - w[l] = w[o]; - C[l] = C[o]; - a[l] = a[o]; - y[l] = y[o]; - g[l] = g[o]; - q[l] = q[o]; - p[l] = p[o]; - B[l] = B[o]; - t = Ext.Date.add(t, b[0], b[1]); - for (v = o + 1; v < A; v++) { - if (n[h[v]] < +t) { - h[l] = h[v]; - y[l] = y[v]; - if (B[v] > B[l]) { - B[l] = B[v]; - p[l] = p[v]; - C[l] = C[v] - } - if (q[v] < q[l]) { - q[l] = q[v]; - g[l] = g[v]; - w[l] = w[v] - } - } else { - l++; - r[l] = r[v]; - h[l] = h[v]; - w[l] = w[v]; - C[l] = C[v]; - a[l] = a[v]; - y[l] = y[v]; - g[l] = g[v]; - q[l] = q[v]; - p[l] = p[v]; - B[l] = B[v]; - t = Ext.Date.add(t, b[0], b[1]) - } - } - if (l > f) { - m.map["time_" + b[2]] = [f, l] - } - } - }, - "double": function(h, u, j, a, t, b, c) { - var e = 0, - k, f = 1, - n, d, v, g, s, l, m, r, q, p, o; - while (u > e + 1) { - k = e; - e = u; - f += f; - for (n = k; n < e; n += 2) { - if (n === e - 1) { - d = h.startIdx[n]; - v = h.endIdx[n]; - g = h.minIdx[n]; - s = h.maxIdx[n]; - l = h.open[n]; - m = h.close[n]; - r = h.minX[n]; - q = h.minY[n]; - p = h.maxX[n]; - o = h.maxY[n] - } else { - d = h.startIdx[n]; - v = h.endIdx[n + 1]; - l = h.open[n]; - m = h.close[n]; - if (h.minY[n] <= h.minY[n + 1]) { - g = h.minIdx[n]; - r = h.minX[n]; - q = h.minY[n] - } else { - g = h.minIdx[n + 1]; - r = h.minX[n + 1]; - q = h.minY[n + 1] - } - if (h.maxY[n] >= h.maxY[n + 1]) { - s = h.maxIdx[n]; - p = h.maxX[n]; - o = h.maxY[n] - } else { - s = h.maxIdx[n + 1]; - p = h.maxX[n + 1]; - o = h.maxY[n + 1] - } - } - h.startIdx[u] = d; - h.endIdx[u] = v; - h.minIdx[u] = g; - h.maxIdx[u] = s; - h.open[u] = l; - h.close[u] = m; - h.minX[u] = r; - h.minY[u] = q; - h.maxX[u] = p; - h.maxY[u] = o; - u++ - } - h.map["double_" + f] = [e, u] - } - }, - none: Ext.emptyFn, - aggregateData: function(h, a, r, c, d) { - var b = h.length, - e = [], - s = [], - f = [], - q = [], - j = [], - p = [], - n = [], - o = [], - m = [], - k = [], - g = { - startIdx: e, - endIdx: s, - minIdx: f, - maxIdx: q, - open: j, - minX: p, - minY: n, - maxX: o, - maxY: m, - close: k - }, - l; - for (l = 0; l < b; l++) { - e[l] = l; - s[l] = l; - f[l] = l; - q[l] = l; - j[l] = a[l]; - p[l] = h[l]; - n[l] = c[l]; - o[l] = h[l]; - m[l] = r[l]; - k[l] = d[l] - } - g.map = { - original: [0, b] - }; - if (b) { - this[this.getStrategy()](g, b, h, a, r, c, d) - } - return g - }, - binarySearchMin: function(c, g, a, e) { - var b = this.dataX; - if (e <= b[c.startIdx[0]]) { - return g - } - if (e >= b[c.startIdx[a - 1]]) { - return a - 1 - } - while (g + 1 < a) { - var d = (g + a) >> 1, - f = b[c.startIdx[d]]; - if (f === e) { - return d - } else { - if (f < e) { - g = d - } else { - a = d - } - } - } - return g - }, - binarySearchMax: function(c, g, a, e) { - var b = this.dataX; - if (e <= b[c.endIdx[0]]) { - return g - } - if (e >= b[c.endIdx[a - 1]]) { - return a - 1 - } - while (g + 1 < a) { - var d = (g + a) >> 1, - f = b[c.endIdx[d]]; - if (f === e) { - return d - } else { - if (f < e) { - g = d - } else { - a = d - } - } - } - return a - }, - constructor: function(a) { - this.initConfig(a) - }, - setData: function(d, a, b, c, e) { - if (!b) { - e = c = b = a - } - this.dataX = d; - this.dataOpen = a; - this.dataHigh = b; - this.dataLow = c; - this.dataClose = e; - if (d.length === b.length && d.length === c.length) { - this.cache = this.aggregateData(d, a, b, c, e) - } - }, - getAggregation: function(d, k, i) { - if (!this.cache) { - return null - } - var c = Infinity, - g = this.dataX[this.dataX.length - 1] - this.dataX[0], - l = this.cache.map, - m = l.original, - a, e, j, b, f, h; - for (a in l) { - e = l[a]; - j = e[1] - e[0] - 1; - b = g / j; - if (i <= b && b < c) { - m = e; - c = b - } - } - f = Math.max(this.binarySearchMin(this.cache, m[0], m[1], d), m[0]); - h = Math.min(this.binarySearchMax(this.cache, m[0], m[1], k) + 1, m[1]); - return { - data: this.cache, - start: f, - end: h - } - } -}); -Ext.define("Ext.chart.series.sprite.Aggregative", { - extend: "Ext.chart.series.sprite.Cartesian", - requires: ["Ext.draw.LimitedCache", "Ext.draw.SegmentTree"], - inheritableStatics: { - def: { - processors: { - dataHigh: "data", - dataLow: "data", - dataClose: "data" - }, - aliases: { - dataOpen: "dataY" - }, - defaults: { - dataHigh: null, - dataLow: null, - dataClose: null - } - } - }, - config: { - aggregator: {} - }, - applyAggregator: function(b, a) { - return Ext.factory(b, Ext.draw.SegmentTree, a) - }, - constructor: function() { - this.callParent(arguments) - }, - processDataY: function() { - var d = this, - b = d.attr, - e = b.dataHigh, - a = b.dataLow, - f = b.dataClose, - c = b.dataY; - d.callParent(arguments); - if (b.dataX && c && c.length > 0) { - if (e) { - d.getAggregator().setData(b.dataX, b.dataY, e, a, f) - } else { - d.getAggregator().setData(b.dataX, b.dataY) - } - } - }, - getGapWidth: function() { - return 1 - }, - renderClipped: function(b, c, g, f) { - var e = this, - d = Math.min(g[0], g[2]), - a = Math.max(g[0], g[2]), - h = e.getAggregator() && e.getAggregator().getAggregation(d, a, (a - d) / f[2] * e.getGapWidth()); - if (h) { - e.dataStart = h.data.startIdx[h.start]; - e.dataEnd = h.data.endIdx[h.end - 1]; - e.renderAggregates(h.data, h.start, h.end, b, c, g, f) - } - } -}); -Ext.define("Ext.chart.series.sprite.CandleStick", { - alias: "sprite.candlestickSeries", - extend: "Ext.chart.series.sprite.Aggregative", - inheritableStatics: { - def: { - processors: { - raiseStyle: function(b, a) { - return Ext.merge({}, a || {}, b) - }, - dropStyle: function(b, a) { - return Ext.merge({}, a || {}, b) - }, - barWidth: "number", - padding: "number", - ohlcType: "enums(candlestick,ohlc)" - }, - defaults: { - raiseStyle: { - strokeStyle: "green", - fillStyle: "green" - }, - dropStyle: { - strokeStyle: "red", - fillStyle: "red" - }, - planar: false, - barWidth: 15, - padding: 3, - lineJoin: "miter", - miterLimit: 5, - ohlcType: "candlestick" - }, - triggers: { - raiseStyle: "raiseStyle", - dropStyle: "dropStyle" - }, - updaters: { - raiseStyle: function() { - this.raiseTemplate && this.raiseTemplate.setAttributes(this.attr.raiseStyle) - }, - dropStyle: function() { - this.dropTemplate && this.dropTemplate.setAttributes(this.attr.dropStyle) - } - } - } - }, - candlestick: function(i, c, a, e, h, f, b) { - var d = Math.min(c, h), - g = Math.max(c, h); - i.moveTo(f, e); - i.lineTo(f, g); - i.moveTo(f + b, g); - i.lineTo(f + b, d); - i.lineTo(f - b, d); - i.lineTo(f - b, g); - i.closePath(); - i.moveTo(f, a); - i.lineTo(f, d) - }, - ohlc: function(b, d, e, a, f, c, g) { - b.moveTo(c, e); - b.lineTo(c, a); - b.moveTo(c, d); - b.lineTo(c - g, d); - b.moveTo(c, f); - b.lineTo(c + g, f) - }, - constructor: function() { - this.callParent(arguments); - this.raiseTemplate = new Ext.draw.sprite.Rect({ - parent: this - }); - this.dropTemplate = new Ext.draw.sprite.Rect({ - parent: this - }) - }, - getGapWidth: function() { - var a = this.attr, - b = a.barWidth, - c = a.padding; - return b + c - }, - renderAggregates: function(d, c, b, t, u, z) { - var D = this, - s = this.attr, - j = s.dataX, - v = s.matrix, - e = v.getXX(), - r = v.getYY(), - l = v.getDX(), - h = v.getDY(), - o = s.barWidth / e, - C, k = s.ohlcType, - f = Math.round(o * 0.5 * e), - a = d.open, - y = d.close, - B = d.maxY, - p = d.minY, - q = d.startIdx, - m, g, E, n, A, x, w = s.lineWidth * t.devicePixelRatio / 2; - w -= Math.floor(w); - u.save(); - C = this.raiseTemplate; - C.useAttributes(u, z); - u.beginPath(); - for (x = c; x < b; x++) { - if (a[x] <= y[x]) { - m = Math.round(a[x] * r + h) + w; - g = Math.round(B[x] * r + h) + w; - E = Math.round(p[x] * r + h) + w; - n = Math.round(y[x] * r + h) + w; - A = Math.round(j[q[x]] * e + l) + w; - D[k](u, m, g, E, n, A, f) - } - } - u.fillStroke(C.attr); - u.restore(); - u.save(); - C = this.dropTemplate; - C.useAttributes(u, z); - u.beginPath(); - for (x = c; x < b; x++) { - if (a[x] > y[x]) { - m = Math.round(a[x] * r + h) + w; - g = Math.round(B[x] * r + h) + w; - E = Math.round(p[x] * r + h) + w; - n = Math.round(y[x] * r + h) + w; - A = Math.round(j[q[x]] * e + l) + w; - D[k](u, m, g, E, n, A, f) - } - } - u.fillStroke(C.attr); - u.restore() - } -}); -Ext.define("Ext.chart.series.CandleStick", { - extend: "Ext.chart.series.Cartesian", - requires: ["Ext.chart.series.sprite.CandleStick"], - alias: "series.candlestick", - type: "candlestick", - seriesType: "candlestickSeries", - config: { - openField: null, - highField: null, - lowField: null, - closeField: null - }, - fieldCategoryY: ["Open", "High", "Low", "Close"], - themeColorCount: function() { - return 2 - } -}); -Ext.define("Ext.chart.series.Polar", { - extend: "Ext.chart.series.Series", - config: { - rotation: 0, - radius: null, - center: [0, 0], - offsetX: 0, - offsetY: 0, - showInLegend: true, - xField: null, - yField: null, - angleField: null, - radiusField: null, - xAxis: null, - yAxis: null - }, - directions: ["X", "Y"], - fieldCategoryX: ["X"], - fieldCategoryY: ["Y"], - deprecatedConfigs: { - field: "angleField", - lengthField: "radiusField" - }, - constructor: function(b) { - var c = this, - a = c.getConfigurator(), - e = a.configs, - d; - if (b) { - for (d in c.deprecatedConfigs) { - if (d in b && !(b in e)) { - Ext.raise("'" + d + "' config has been deprecated. Please use the '" + c.deprecatedConfigs[d] + "' config instead.") - } - } - } - c.callParent([b]) - }, - getXField: function() { - return this.getAngleField() - }, - updateXField: function(a) { - this.setAngleField(a) - }, - getYField: function() { - return this.getRadiusField() - }, - updateYField: function(a) { - this.setRadiusField(a) - }, - applyXAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - applyYAxis: function(a, b) { - return this.getChart().getAxis(a) || b - }, - getXRange: function() { - return [this.dataRange[0], this.dataRange[2]] - }, - getYRange: function() { - return [this.dataRange[1], this.dataRange[3]] - }, - themeColorCount: function() { - var c = this, - a = c.getStore(), - b = a && a.getCount() || 0; - return b - }, - isStoreDependantColorCount: true, - getDefaultSpriteConfig: function() { - return { - type: this.seriesType, - renderer: this.getRenderer(), - centerX: 0, - centerY: 0, - rotationCenterX: 0, - rotationCenterY: 0 - } - }, - applyRotation: function(a) { - return Ext.draw.sprite.AttributeParser.angle(a) - }, - updateRotation: function(a) { - var b = this.getSprites(); - if (b && b[0]) { - b[0].setAttributes({ - baseRotation: a - }) - } - } -}); -Ext.define("Ext.chart.series.Gauge", { - alias: "series.gauge", - extend: "Ext.chart.series.Polar", - type: "gauge", - seriesType: "pieslice", - requires: ["Ext.draw.sprite.Sector"], - config: { - needle: false, - needleLength: 90, - needleWidth: 4, - donut: 30, - showInLegend: false, - value: null, - colors: null, - sectors: null, - minimum: 0, - maximum: 100, - rotation: 0, - totalAngle: Math.PI / 2, - rect: [0, 0, 1, 1], - center: [0.5, 0.75], - radius: 0.5, - wholeDisk: false - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - updateNeedle: function(b) { - var a = this, - d = a.getSprites(), - c = a.valueToAngle(a.getValue()); - if (d && d.length) { - d[0].setAttributes({ - startAngle: (b ? c : 0), - endAngle: c, - strokeOpacity: (b ? 1 : 0), - lineWidth: (b ? a.getNeedleWidth() : 0) - }); - a.doUpdateStyles() - } - }, - themeColorCount: function() { - var c = this, - a = c.getStore(), - b = a && a.getCount() || 0; - return b + (c.getNeedle() ? 0 : 1) - }, - updateColors: function(a, b) { - var f = this, - h = f.getSectors(), - j = h && h.length, - e = f.getSprites(), - c = Ext.Array.clone(a), - g = a && a.length, - d; - if (!g || !a[0]) { - return - } - for (d = 0; d < j; d++) { - c[d + 1] = h[d].color || c[d + 1] || a[d % g] - } - if (e.length) { - e[0].setAttributes({ - strokeStyle: c[0] - }) - } - this.setSubStyle({ - fillStyle: c, - strokeStyle: c - }); - this.doUpdateStyles() - }, - updateRect: function(f) { - var d = this.getWholeDisk(), - c = d ? Math.PI : this.getTotalAngle() / 2, - g = this.getDonut() / 100, - e, b, a; - if (c <= Math.PI / 2) { - e = 2 * Math.sin(c); - b = 1 - g * Math.cos(c) - } else { - e = 2; - b = 1 - Math.cos(c) - } - a = Math.min(f[2] / e, f[3] / b); - this.setRadius(a); - this.setCenter([f[2] / 2, a + (f[3] - b * a) / 2]) - }, - updateCenter: function(a) { - this.setStyle({ - centerX: a[0], - centerY: a[1], - rotationCenterX: a[0], - rotationCenterY: a[1] - }); - this.doUpdateStyles() - }, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a - (this.getTotalAngle() + Math.PI) / 2 - }); - this.doUpdateStyles() - }, - doUpdateShape: function(b, f) { - var a, d = this.getSectors(), - c = (d && d.length) || 0, - e = this.getNeedleLength() / 100; - a = [b * e, b]; - while (c--) { - a.push(b) - } - this.setSubStyle({ - endRho: a, - startRho: b / 100 * f - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - var b = this.getDonut(); - this.doUpdateShape(a, b) - }, - updateDonut: function(b) { - var a = this.getRadius(); - this.doUpdateShape(a, b) - }, - valueToAngle: function(a) { - a = this.applyValue(a); - return this.getTotalAngle() * (a - this.getMinimum()) / (this.getMaximum() - this.getMinimum()) - }, - applyValue: function(a) { - return Math.min(this.getMaximum(), Math.max(a, this.getMinimum())) - }, - updateValue: function(b) { - var a = this, - c = a.getNeedle(), - e = a.valueToAngle(b), - d = a.getSprites(); - d[0].rendererData.value = b; - d[0].setAttributes({ - startAngle: (c ? e : 0), - endAngle: e - }); - a.doUpdateStyles() - }, - processData: function() { - var f = this, - j = f.getStore(), - a, d, h, b, g, e = j && j.first(), - c, i; - if (e) { - c = f.getXField(); - if (c) { - i = e.get(c) - } - } - if (a = f.getXAxis()) { - d = a.getMinimum(); - h = a.getMaximum(); - b = a.getSprites()[0].fx; - g = b.getDuration(); - b.setDuration(0); - if (Ext.isNumber(d)) { - f.setMinimum(d) - } else { - a.setMinimum(f.getMinimum()) - } - if (Ext.isNumber(h)) { - f.setMaximum(h) - } else { - a.setMaximum(f.getMaximum()) - } - b.setDuration(g) - } - if (!Ext.isNumber(i)) { - i = f.getMinimum() - } - f.setValue(i) - }, - getDefaultSpriteConfig: function() { - return { - type: this.seriesType, - renderer: this.getRenderer(), - fx: { - customDurations: { - translationX: 0, - translationY: 0, - rotationCenterX: 0, - rotationCenterY: 0, - centerX: 0, - centerY: 0, - startRho: 0, - endRho: 0, - baseRotation: 0 - } - } - } - }, - normalizeSectors: function(f) { - var d = this, - c = (f && f.length) || 0, - b, e, g, a; - if (c) { - for (b = 0; b < c; b++) { - e = f[b]; - if (typeof e === "number") { - f[b] = { - start: (b > 0 ? f[b - 1].end : d.getMinimum()), - end: Math.min(e, d.getMaximum()) - }; - if (b == (c - 1) && f[b].end < d.getMaximum()) { - f[b + 1] = { - start: f[b].end, - end: d.getMaximum() - } - } - } else { - if (typeof e.start === "number") { - g = Math.max(e.start, d.getMinimum()) - } else { - g = (b > 0 ? f[b - 1].end : d.getMinimum()) - } - if (typeof e.end === "number") { - a = Math.min(e.end, d.getMaximum()) - } else { - a = d.getMaximum() - } - f[b].start = g; - f[b].end = a - } - } - } else { - f = [{ - start: d.getMinimum(), - end: d.getMaximum() - }] - } - return f - }, - getSprites: function() { - var j = this, - m = j.getStore(), - l = j.getValue(), - c, g; - if (!m && !Ext.isNumber(l)) { - return [] - } - var h = j.getChart(), - b = j.getAnimation() || h && h.getAnimation(), - f = j.sprites, - k = 0, - o, n, e, d, a = []; - if (f && f.length) { - f[0].setAnimation(b); - return f - } - d = { - store: m, - field: j.getXField(), - angleField: j.getXField(), - value: l, - series: j - }; - o = j.createSprite(); - o.setAttributes({ - zIndex: 10 - }, true); - o.rendererData = d; - o.rendererIndex = k++; - a.push(j.getNeedleWidth()); - j.getLabel().getTemplate().setField(true); - n = j.normalizeSectors(j.getSectors()); - for (c = 0, g = n.length; c < g; c++) { - e = { - startAngle: j.valueToAngle(n[c].start), - endAngle: j.valueToAngle(n[c].end), - label: n[c].label, - fillStyle: n[c].color, - strokeOpacity: 0, - doCallout: false, - labelOverflowPadding: -1 - }; - Ext.apply(e, n[c].style); - o = j.createSprite(); - o.rendererData = d; - o.rendererIndex = k++; - o.setAttributes(e, true); - a.push(e.lineWidth) - } - j.setSubStyle({ - lineWidth: a - }); - j.doUpdateStyles(); - return f - } -}); -Ext.define("Ext.chart.series.sprite.Line", { - alias: "sprite.lineSeries", - extend: "Ext.chart.series.sprite.Aggregative", - inheritableStatics: { - def: { - processors: { - smooth: "bool", - fillArea: "bool", - step: "bool", - preciseStroke: "bool", - xAxis: "default", - yCap: "default" - }, - defaults: { - smooth: false, - fillArea: false, - step: false, - preciseStroke: true, - xAxis: null, - yCap: Math.pow(2, 20), - yJump: 50 - }, - triggers: { - dataX: "dataX,bbox,smooth", - dataY: "dataY,bbox,smooth", - smooth: "smooth" - }, - updaters: { - smooth: function(a) { - var c = a.dataX, - b = a.dataY; - if (a.smooth && c && b && c.length > 2 && b.length > 2) { - this.smoothX = Ext.draw.Draw.spline(c); - this.smoothY = Ext.draw.Draw.spline(b) - } else { - delete this.smoothX; - delete this.smoothY - } - } - } - } - }, - list: null, - updatePlainBBox: function(d) { - var b = this.attr, - c = Math.min(0, b.dataMinY), - a = Math.max(0, b.dataMaxY); - d.x = b.dataMinX; - d.y = c; - d.width = b.dataMaxX - b.dataMinX; - d.height = a - c - }, - drawStrip: function(a, c) { - a.moveTo(c[0], c[1]); - for (var b = 2, d = c.length; b < d; b += 2) { - a.lineTo(c[b], c[b + 1]) - } - }, - drawStraightStroke: function(p, q, e, d, u, h) { - var w = this, - o = w.attr, - n = o.renderer, - g = o.step, - a = true, - l = { - type: "line", - smooth: false, - step: g - }, - m = [], - l, z, v, f, k, j, t, c, s, b, r; - for (r = 3; r < u.length; r += 3) { - t = u[r - 3]; - c = u[r - 2]; - k = u[r]; - j = u[r + 1]; - s = u[r + 3]; - b = u[r + 4]; - if (n) { - l.x = k; - l.y = j; - l.x0 = t; - l.y0 = c; - v = [w, l, w.rendererData, e + r / 3]; - z = Ext.callback(n, null, v, 0, w.getSeries()) - } - if (Ext.isNumber(k + j + t + c)) { - if (a) { - q.beginPath(); - q.moveTo(t, c); - m.push(t, c); - f = t; - a = false - } - } else { - continue - } - if (g) { - q.lineTo(k, c); - m.push(k, c) - } - q.lineTo(k, j); - m.push(k, j); - if (z || !(Ext.isNumber(s + b))) { - q.save(); - Ext.apply(q, z); - if (o.fillArea) { - q.lineTo(k, h); - q.lineTo(f, h); - q.closePath(); - q.fill() - } - q.beginPath(); - w.drawStrip(q, m); - m = []; - q.stroke(); - q.restore(); - q.beginPath(); - a = true - } - } - }, - calculateScale: function(c, a) { - var b = 0, - d = c; - while (d < a && c > 0) { - b++; - d += c >> b - } - return Math.pow(2, b > 0 ? b - 1 : b) - }, - drawSmoothStroke: function(u, v, c, b, C, f) { - var G = this, - t = G.attr, - d = t.step, - z = t.matrix, - s = t.renderer, - e = z.getXX(), - p = z.getYY(), - m = z.getDX(), - k = z.getDY(), - r = G.smoothX, - q = G.smoothY, - I = G.calculateScale(t.dataX.length, b), - o, F, n, E, h, g, B, a, A, w, H, D, l = { - type: "line", - smooth: true, - step: d - }; - v.beginPath(); - v.moveTo(r[c * 3] * e + m, q[c * 3] * p + k); - for (A = 0, w = c * 3 + 1; A < C.length - 3; A += 3, w += 3 * I) { - o = r[w] * e + m; - F = q[w] * p + k; - n = r[w + 1] * e + m; - E = q[w + 1] * p + k; - h = u.roundPixel(C[A + 3]); - g = C[A + 4]; - B = u.roundPixel(C[A]); - a = C[A + 1]; - if (s) { - l.x0 = B; - l.y0 = a; - l.cx1 = o; - l.cy1 = F; - l.cx2 = n; - l.cy2 = E; - l.x = h; - l.y = g; - D = [G, l, G.rendererData, c + A / 3 + 1]; - H = Ext.callback(s, null, D, 0, G.getSeries()); - v.save(); - Ext.apply(v, H) - } - if (t.fillArea) { - v.moveTo(B, a); - v.bezierCurveTo(o, F, n, E, h, g); - v.lineTo(h, f); - v.lineTo(B, f); - v.lineTo(B, a); - v.closePath(); - v.fill(); - v.beginPath() - } - v.moveTo(B, a); - v.bezierCurveTo(o, F, n, E, h, g); - v.stroke(); - v.moveTo(B, a); - v.closePath(); - if (s) { - v.restore() - } - v.beginPath(); - v.moveTo(h, g) - } - v.beginPath() - }, - drawLabel: function(k, i, h, o, a) { - var q = this, - n = q.attr, - e = q.getMarker("labels"), - d = e.getTemplate(), - m = q.labelCfg || (q.labelCfg = {}), - c = q.surfaceMatrix, - g, f, j = n.labelOverflowPadding, - l, b, r, p, s; - m.x = c.x(i, h); - m.y = c.y(i, h); - if (n.flipXY) { - m.rotationRads = Math.PI * 0.5 - } else { - m.rotationRads = 0 - } - m.text = k; - if (d.attr.renderer) { - p = [k, e, m, q.rendererData, o]; - r = Ext.callback(d.attr.renderer, null, p, 0, q.getSeries()); - if (typeof r === "string") { - m.text = r - } else { - if (typeof r === "object") { - if ("text" in r) { - m.text = r.text - } - s = true - } - } - } - b = q.getMarkerBBox("labels", o, true); - if (!b) { - q.putMarker("labels", m, o); - b = q.getMarkerBBox("labels", o, true) - } - l = b.height / 2; - g = i; - switch (d.attr.display) { - case "under": - f = h - l - j; - break; - case "rotate": - g += j; - f = h - j; - m.rotationRads = -Math.PI / 4; - break; - default: - f = h + l + j - } - m.x = c.x(g, f); - m.y = c.y(g, f); - if (s) { - Ext.apply(m, r) - } - q.putMarker("labels", m, o) - }, - drawMarker: function(j, h, d) { - var g = this, - e = g.attr, - f = e.renderer, - c = g.surfaceMatrix, - b = {}, - i, a; - if (f && g.getMarker("markers")) { - b.type = "marker"; - b.x = j; - b.y = h; - a = [g, b, g.rendererData, d]; - i = Ext.callback(f, null, a, 0, g.getSeries()); - if (i) { - Ext.apply(b, i) - } - } - b.translationX = c.x(j, h); - b.translationY = c.y(j, h); - delete b.x; - delete b.y; - g.putMarker("markers", b, d, !f) - }, - drawStroke: function(a, c, h, b, f, e) { - var d = this, - g = d.attr.smooth && d.smoothX && d.smoothY; - if (g) { - d.drawSmoothStroke(a, c, h, b, f, e) - } else { - d.drawStraightStroke(a, c, h, b, f, e) - } - }, - renderAggregates: function(B, w, l, N, o, I, D) { - var m = this, - k = m.attr, - s = k.dataX, - r = k.dataY, - h = k.labels, - v = k.xAxis, - a = k.yCap, - g = k.smooth && m.smoothX && m.smoothY, - d = h && m.getMarker("labels"), - t = m.getMarker("markers"), - E = k.matrix, - u = N.devicePixelRatio, - C = E.getXX(), - f = E.getYY(), - c = E.getDX(), - b = E.getDY(), - q = m.list || (m.list = []), - F = B.minX, - e = B.maxX, - j = B.minY, - P = B.maxY, - U = B.startIdx, - S = true, - Q, T, L, K, R, G; - m.rendererData = { - store: m.getStore() - }; - q.length = 0; - for (R = w; R < l; R++) { - var O = F[R], - p = e[R], - M = j[R], - n = P[R]; - if (O < p) { - q.push(O * C + c, M * f + b, U[R]); - q.push(p * C + c, n * f + b, U[R]) - } else { - if (O > p) { - q.push(p * C + c, n * f + b, U[R]); - q.push(O * C + c, M * f + b, U[R]) - } else { - q.push(p * C + c, n * f + b, U[R]) - } - } - } - if (q.length) { - for (R = 0; R < q.length; R += 3) { - L = q[R]; - K = q[R + 1]; - if (Ext.isNumber(L + K)) { - if (K > a) { - K = a - } else { - if (K < -a) { - K = -a - } - } - q[R + 1] = K - } else { - S = false; - continue - } - G = q[R + 2]; - if (t) { - m.drawMarker(L, K, G) - } - if (d && h[G]) { - m.drawLabel(h[G], L, K, G, D) - } - } - m.isContinuousLine = S; - if (g && !S) { - Ext.raise("Line smoothing in only supported for gapless data, where all data points are finite numbers.") - } - if (v) { - T = v.getAlignment() === "vertical"; - if (Ext.isNumber(v.floatingAtCoord)) { - Q = (T ? D[2] : D[3]) - v.floatingAtCoord - } else { - Q = T ? D[0] : D[1] - } - } else { - Q = k.flipXY ? D[0] : D[1] - } - if (k.preciseStroke) { - if (k.fillArea) { - o.fill() - } - if (k.transformFillStroke) { - k.inverseMatrix.toContext(o) - } - m.drawStroke(N, o, w, l, q, Q); - if (k.transformFillStroke) { - k.matrix.toContext(o) - } - o.stroke() - } else { - m.drawStroke(N, o, w, l, q, Q); - if (S && g && k.fillArea && !k.renderer) { - var A = s[s.length - 1] * C + c + u, - z = r[r.length - 1] * f + b, - J = s[0] * C + c - u, - H = r[0] * f + b; - o.lineTo(A, z); - o.lineTo(A, Q - k.lineWidth); - o.lineTo(J, Q - k.lineWidth); - o.lineTo(J, H) - } - if (k.transformFillStroke) { - k.matrix.toContext(o) - } - if (k.fillArea) { - o.fillStroke(k, true) - } else { - o.stroke(true) - } - } - } - } -}); -Ext.define("Ext.chart.series.Line", { - extend: "Ext.chart.series.Cartesian", - alias: "series.line", - type: "line", - seriesType: "lineSeries", - requires: ["Ext.chart.series.sprite.Line"], - config: { - selectionTolerance: 20, - smooth: false, - step: false, - fill: undefined, - aggregator: { - strategy: "double" - } - }, - defaultSmoothness: 3, - overflowBuffer: 1, - themeMarkerCount: function() { - return 1 - }, - getDefaultSpriteConfig: function() { - var d = this, - e = d.callParent(arguments), - c = Ext.apply({}, d.getStyle()), - b, a = false; - if (typeof d.config.fill != "undefined") { - if (d.config.fill) { - a = true; - if (typeof c.fillStyle == "undefined") { - if (typeof c.strokeStyle == "undefined") { - b = d.getStyleWithTheme(); - c.fillStyle = b.fillStyle; - c.strokeStyle = b.strokeStyle - } else { - c.fillStyle = c.strokeStyle - } - } - } - } else { - if (c.fillStyle) { - a = true - } - } - if (!a) { - delete c.fillStyle - } - c = Ext.apply(e || {}, c); - return Ext.apply(c, { - fillArea: a, - step: d.config.step, - smooth: d.config.smooth, - selectionTolerance: d.config.selectionTolerance - }) - }, - updateStep: function(b) { - var a = this.getSprites()[0]; - if (a && a.attr.step !== b) { - a.setAttributes({ - step: b - }) - } - }, - updateFill: function(b) { - var a = this.getSprites()[0]; - if (a && a.attr.fillArea !== b) { - a.setAttributes({ - fillArea: b - }) - } - }, - updateSmooth: function(a) { - var b = this.getSprites()[0]; - if (b && b.attr.smooth !== a) { - b.setAttributes({ - smooth: a - }) - } - } -}); -Ext.define("Ext.chart.series.sprite.PieSlice", { - extend: "Ext.draw.sprite.Sector", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - alias: "sprite.pieslice", - inheritableStatics: { - def: { - processors: { - doCallout: "bool", - label: "string", - rotateLabels: "bool", - labelOverflowPadding: "number", - renderer: "default" - }, - defaults: { - doCallout: true, - rotateLabels: true, - label: "", - labelOverflowPadding: 10, - renderer: null - } - } - }, - config: { - rendererData: null, - rendererIndex: 0, - series: null - }, - setGradientBBox: function(q, k) { - var j = this, - i = j.attr, - g = (i.fillStyle && i.fillStyle.isGradient) || (i.strokeStyle && i.strokeStyle.isGradient); - if (g && !i.constrainGradients) { - var b = j.getMidAngle(), - d = i.margin, - e = i.centerX, - c = i.centerY, - a = i.endRho, - l = i.matrix, - o = l.getScaleX(), - n = l.getScaleY(), - m = o * a, - f = n * a, - p = { - width: m + m, - height: f + f - }; - if (d) { - e += d * Math.cos(b); - c += d * Math.sin(b) - } - p.x = l.x(e, c) - m; - p.y = l.y(e, c) - f; - q.setGradientBBox(p) - } else { - j.callParent([q, k]) - } - }, - render: function(b, c, g, f) { - var e = this, - a = e.attr, - h = {}, - d; - if (a.renderer) { - h = { - type: "sector", - text: a.text, - centerX: a.centerX, - centerY: a.centerY, - margin: a.margin, - startAngle: Math.min(a.startAngle, a.endAngle), - endAngle: Math.max(a.startAngle, a.endAngle), - startRho: Math.min(a.startRho, a.endRho), - endRho: Math.max(a.startRho, a.endRho) - }; - d = Ext.callback(a.renderer, null, [e, h, e.rendererData, e.rendererIndex], 0, e.getSeries()); - e.setAttributes(d); - e.useAttributes(c, g) - } - e.callParent([b, c, g, f]); - if (a.label && e.getMarker("labels")) { - e.placeLabel() - } - }, - placeLabel: function() { - var z = this, - s = z.attr, - r = s.attributeId, - t = Math.min(s.startAngle, s.endAngle), - p = Math.max(s.startAngle, s.endAngle), - k = (t + p) * 0.5, - n = s.margin, - h = s.centerX, - g = s.centerY, - f = Math.sin(k), - c = Math.cos(k), - v = Math.min(s.startRho, s.endRho) + n, - m = Math.max(s.startRho, s.endRho) + n, - l = (v + m) * 0.5, - b = z.surfaceMatrix, - o = z.labelCfg || (z.labelCfg = {}), - e = z.getMarker("labels"), - d = e.getTemplate(), - a = d.getCalloutLine(), - q = a && a.length || 40, - u, j, i, A, w; - b.appendMatrix(s.matrix); - o.text = s.label; - j = h + c * l; - i = g + f * l; - o.x = b.x(j, i); - o.y = b.y(j, i); - j = h + c * m; - i = g + f * m; - o.calloutStartX = b.x(j, i); - o.calloutStartY = b.y(j, i); - j = h + c * (m + q); - i = g + f * (m + q); - o.calloutPlaceX = b.x(j, i); - o.calloutPlaceY = b.y(j, i); - if (!s.rotateLabels) { - o.rotationRads = 0 - } else { - switch (d.attr.orientation) { - case "horizontal": - o.rotationRads = k + Math.atan2(b.y(1, 0) - b.y(0, 0), b.x(1, 0) - b.x(0, 0)) + Math.PI / 2; - break; - case "vertical": - o.rotationRads = k + Math.atan2(b.y(1, 0) - b.y(0, 0), b.x(1, 0) - b.x(0, 0)); - break - } - } - o.calloutColor = (a && a.color) || z.attr.fillStyle; - if (a) { - if (a.width) { - o.calloutWidth = a.width - } - } else { - o.calloutHasLine = false - } - o.globalAlpha = s.globalAlpha * s.fillOpacity; - o.hidden = (s.startAngle == s.endAngle); - if (d.attr.renderer) { - w = [z.attr.label, e, o, z.rendererData, z.rendererIndex]; - A = Ext.callback(d.attr.renderer, null, w, 0, z.getSeries()); - if (typeof A === "string") { - o.text = A - } else { - Ext.apply(o, A) - } - } - z.putMarker("labels", o, r); - u = z.getMarkerBBox("labels", r, true); - if (u) { - if (s.doCallout) { - if (d.attr.display === "outside") { - z.putMarker("labels", { - callout: 1 - }, r) - } else { - if (d.attr.display === "inside") { - z.putMarker("labels", { - callout: 0 - }, r) - } else { - z.putMarker("labels", { - callout: 1 - z.sliceContainsLabel(s, u) - }, r) - } - } - } else { - z.putMarker("labels", { - globalAlpha: z.sliceContainsLabel(s, u) - }, r) - } - } - }, - sliceContainsLabel: function(d, f) { - var e = d.labelOverflowPadding, - h = (d.endRho + d.startRho) / 2, - g = h + (f.width + e) / 2, - i = h - (f.width + e) / 2, - j, c, b, a; - if (e < 0) { - return 1 - } - if (f.width + e * 2 > (d.endRho - d.startRho)) { - return 0 - } - c = Math.sqrt(d.endRho * d.endRho - g * g); - b = Math.sqrt(d.endRho * d.endRho - i * i); - j = Math.abs(d.endAngle - d.startAngle); - a = (j > Math.PI / 2 ? i : Math.abs(Math.tan(j / 2)) * i); - if (f.height + e * 2 > Math.min(c, b, a) * 2) { - return 0 - } - return 1 - } -}); -Ext.define("Ext.chart.series.Pie", { - extend: "Ext.chart.series.Polar", - requires: ["Ext.chart.series.sprite.PieSlice"], - type: "pie", - alias: "series.pie", - seriesType: "pieslice", - config: { - donut: 0, - rotation: 0, - clockwise: true, - totalAngle: 2 * Math.PI, - hidden: [], - radiusFactor: 100, - highlightCfg: { - margin: 20 - }, - style: {} - }, - directions: ["X"], - applyLabel: function(a, b) { - if (Ext.isObject(a) && !Ext.isString(a.orientation)) { - Ext.apply(a = Ext.Object.chain(a), { - orientation: "vertical" - }) - } - return this.callParent([a, b]) - }, - updateLabelData: function() { - var h = this, - j = h.getStore(), - g = j.getData().items, - e = h.getSprites(), - a = h.getLabel().getTemplate().getField(), - d = h.getHidden(), - b, f, c, k; - if (e.length && a) { - c = []; - for (b = 0, f = g.length; b < f; b++) { - c.push(g[b].get(a)) - } - for (b = 0, f = e.length; b < f; b++) { - k = e[b]; - k.setAttributes({ - label: c[b] - }); - k.putMarker("labels", { - hidden: d[b] - }, k.attr.attributeId) - } - } - }, - coordinateX: function() { - var t = this, - f = t.getStore(), - q = f.getData().items, - c = q.length, - b = t.getXField(), - e = t.getYField(), - l, a = 0, - m, k, s = 0, - o = t.getHidden(), - d = [], - p, g = 0, - h = t.getTotalAngle(), - r = t.getClockwise() ? 1 : -1, - j = t.getSprites(), - n; - if (!j) { - return - } - for (p = 0; p < c; p++) { - l = Math.abs(Number(q[p].get(b))) || 0; - k = e && Math.abs(Number(q[p].get(e))) || 0; - if (!o[p]) { - a += l; - if (k > s) { - s = k - } - } - d[p] = a; - if (p >= o.length) { - o[p] = false - } - } - o.length = c; - t.maxY = s; - if (a !== 0) { - m = h / a - } - for (p = 0; p < c; p++) { - j[p].setAttributes({ - startAngle: g, - endAngle: g = (m ? r * d[p] * m : 0), - globalAlpha: 1 - }) - } - if (c < t.sprites.length) { - for (p = c; p < t.sprites.length; p++) { - n = t.sprites[p]; - n.getMarker("labels").clear(n.getId()); - n.releaseMarker("labels"); - n.destroy() - } - t.sprites.length = c - } - for (p = c; p < t.sprites.length; p++) { - j[p].setAttributes({ - startAngle: h, - endAngle: h, - globalAlpha: 0 - }) - } - t.getChart().refreshLegendStore() - }, - updateCenter: function(a) { - this.setStyle({ - translationX: a[0] + this.getOffsetX(), - translationY: a[1] + this.getOffsetY() - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - this.setStyle({ - startRho: a * this.getDonut() * 0.01, - endRho: a * this.getRadiusFactor() * 0.01 - }); - this.doUpdateStyles() - }, - getStyleByIndex: function(c) { - var g = this, - j = g.getStore(), - k = j.getAt(c), - f = g.getYField(), - d = g.getRadius(), - a = {}, - e, b, h; - if (k) { - h = f && Math.abs(Number(k.get(f))) || 0; - e = d * g.getDonut() * 0.01; - b = d * g.getRadiusFactor() * 0.01; - a = g.callParent([c]); - a.startRho = e; - a.endRho = g.maxY ? (e + (b - e) * h / g.maxY) : b - } - return a - }, - updateDonut: function(b) { - var a = this.getRadius(); - this.setStyle({ - startRho: a * b * 0.01, - endRho: a * this.getRadiusFactor() * 0.01 - }); - this.doUpdateStyles() - }, - rotationOffset: -Math.PI / 2, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a + this.rotationOffset - }); - this.doUpdateStyles() - }, - updateTotalAngle: function(a) { - this.processData() - }, - getSprites: function() { - var k = this, - h = k.getChart(), - n = k.getStore(); - if (!h || !n) { - return [] - } - k.getColors(); - k.getSubStyle(); - var j = n.getData().items, - b = j.length, - d = k.getAnimation() || h && h.getAnimation(), - g = k.sprites, - o, l = 0, - f, e, c = false, - m = k.getLabel(), - a = m.getTemplate(); - f = { - store: n, - field: k.getXField(), - angleField: k.getXField(), - radiusField: k.getYField(), - series: k - }; - for (e = 0; e < b; e++) { - o = g[e]; - if (!o) { - o = k.createSprite(); - if (k.getHighlight()) { - o.config.highlight = k.getHighlight(); - o.addModifier("highlight", true) - } - if (a.getField()) { - a.setAttributes({ - labelOverflowPadding: k.getLabelOverflowPadding() - }); - a.fx.setCustomDurations({ - callout: 200 - }) - } - o.setAttributes(k.getStyleByIndex(e)); - o.rendererData = f; - o.rendererIndex = l++; - c = true - } - o.setAnimation(d) - } - if (c) { - k.doUpdateStyles() - } - return k.sprites - }, - betweenAngle: function(d, f, c) { - var e = Math.PI * 2, - g = this.rotationOffset; - if (!this.getClockwise()) { - d *= -1; - f *= -1; - c *= -1; - f -= g; - c -= g - } else { - f += g; - c += g - } - d -= f; - c -= f; - d %= e; - c %= e; - d += e; - c += e; - d %= e; - c %= e; - return d < c || c === 0 - }, - getItemForAngle: function(a) { - var h = this, - f = h.getSprites(), - d; - a %= Math.PI * 2; - while (a < 0) { - a += Math.PI * 2 - } - if (f) { - var j = h.getStore(), - g = j.getData().items, - c = h.getHidden(), - b = 0, - e = j.getCount(); - for (; b < e; b++) { - if (!c[b]) { - d = f[b].attr; - if (d.startAngle <= a && d.endAngle >= a) { - return { - series: h, - sprite: f[b], - index: b, - record: g[b], - field: h.getXField() - } - } - } - } - } - return null - }, - getItemForPoint: function(f, e) { - var t = this, - c = t.getSprites(); - if (c) { - var s = t.getCenter(), - q = t.getOffsetX(), - p = t.getOffsetY(), - j = f - s[0] + q, - h = e - s[1] + p, - b = t.getStore(), - g = t.getDonut(), - o = b.getData().items, - r = Math.atan2(h, j) - t.getRotation(), - a = Math.sqrt(j * j + h * h), - l = t.getRadius() * g * 0.01, - m = t.getHidden(), - n, d, k; - for (n = 0, d = o.length; n < d; n++) { - if (!m[n]) { - k = c[n].attr; - if (a >= l + k.margin && a <= k.endRho + k.margin) { - if (t.betweenAngle(r, k.startAngle, k.endAngle)) { - return { - series: t, - sprite: c[n], - index: n, - record: o[n], - field: t.getXField() - } - } - } - } - } - return null - } - }, - provideLegendInfo: function(f) { - var h = this, - j = h.getStore(); - if (j) { - var g = j.getData().items, - b = h.getLabel().getTemplate().getField(), - c = h.getXField(), - e = h.getHidden(), - d, a, k; - for (d = 0; d < g.length; d++) { - a = h.getStyleByIndex(d); - k = a.fillStyle; - if (Ext.isObject(k)) { - k = k.stops && k.stops[0].color - } - f.push({ - name: b ? String(g[d].get(b)) : c + " " + d, - mark: k || a.strokeStyle || "black", - disabled: e[d], - series: h.getId(), - index: d - }) - } - } - } -}); -Ext.define("Ext.chart.series.sprite.Pie3DPart", { - extend: "Ext.draw.sprite.Path", - mixins: { - markerHolder: "Ext.chart.MarkerHolder" - }, - alias: "sprite.pie3dPart", - inheritableStatics: { - def: { - processors: { - centerX: "number", - centerY: "number", - startAngle: "number", - endAngle: "number", - startRho: "number", - endRho: "number", - margin: "number", - thickness: "number", - bevelWidth: "number", - distortion: "number", - baseColor: "color", - colorSpread: "number", - baseRotation: "number", - part: "enums(top,bottom,start,end,innerFront,innerBack,outerFront,outerBack)", - label: "string" - }, - aliases: { - rho: "endRho" - }, - triggers: { - centerX: "path,bbox", - centerY: "path,bbox", - startAngle: "path,partZIndex", - endAngle: "path,partZIndex", - startRho: "path", - endRho: "path,bbox", - margin: "path,bbox", - thickness: "path", - distortion: "path", - baseRotation: "path,partZIndex", - baseColor: "partZIndex,partColor", - colorSpread: "partColor", - part: "path,partZIndex", - globalAlpha: "canvas,alpha" - }, - defaults: { - centerX: 0, - centerY: 0, - startAngle: Math.PI * 2, - endAngle: Math.PI * 2, - startRho: 0, - endRho: 150, - margin: 0, - thickness: 35, - distortion: 0.5, - baseRotation: 0, - baseColor: "white", - colorSpread: 1, - miterLimit: 1, - bevelWidth: 5, - strokeOpacity: 0, - part: "top", - label: "" - }, - updaters: { - alpha: "alphaUpdater", - partColor: "partColorUpdater", - partZIndex: "partZIndexUpdater" - } - } - }, - bevelParams: [], - constructor: function(a) { - this.callParent([a]); - this.bevelGradient = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: "rgba(255,255,255,0)" - }, { - offset: 0.7, - color: "rgba(255,255,255,0.6)" - }, { - offset: 1, - color: "rgba(255,255,255,0)" - }] - }) - }, - alphaUpdater: function(a) { - var d = this, - c = a.globalAlpha, - b = d.oldOpacity; - if (c !== b && (c === 1 || b === 1)) { - d.scheduleUpdater(a, "path", ["globalAlpha"]); - d.oldOpacity = c - } - }, - partColorUpdater: function(a) { - var d = Ext.draw.Color.fly(a.baseColor), - b = d.toString(), - e = a.colorSpread, - c; - switch (a.part) { - case "top": - c = new Ext.draw.gradient.Radial({ - start: { - x: 0, - y: 0, - r: 0 - }, - end: { - x: 0, - y: 0, - r: 1 - }, - stops: [{ - offset: 0, - color: d.createLighter(0.1 * e) - }, { - offset: 1, - color: d.createDarker(0.1 * e) - }] - }); - break; - case "bottom": - c = new Ext.draw.gradient.Radial({ - start: { - x: 0, - y: 0, - r: 0 - }, - end: { - x: 0, - y: 0, - r: 1 - }, - stops: [{ - offset: 0, - color: d.createDarker(0.2 * e) - }, { - offset: 1, - color: d.toString() - }] - }); - break; - case "outerFront": - case "outerBack": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.15 * e).toString() - }, { - offset: 0.3, - color: b - }, { - offset: 0.8, - color: d.createLighter(0.2 * e).toString() - }, { - offset: 1, - color: d.createDarker(0.25 * e).toString() - }] - }); - break; - case "start": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 1, - color: d.createLighter(0.2 * e).toString() - }] - }); - break; - case "end": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 1, - color: d.createLighter(0.2 * e).toString() - }] - }); - break; - case "innerFront": - case "innerBack": - c = new Ext.draw.gradient.Linear({ - stops: [{ - offset: 0, - color: d.createDarker(0.1 * e).toString() - }, { - offset: 0.2, - color: d.createLighter(0.2 * e).toString() - }, { - offset: 0.7, - color: b - }, { - offset: 1, - color: d.createDarker(0.1 * e).toString() - }] - }); - break - } - a.fillStyle = c; - a.canvasAttributes.fillStyle = c - }, - partZIndexUpdater: function(a) { - var c = Ext.draw.sprite.AttributeParser.angle, - e = a.baseRotation, - d = a.startAngle, - b = a.endAngle, - f; - switch (a.part) { - case "top": - a.zIndex = 5; - break; - case "outerFront": - d = c(d + e); - b = c(b + e); - if (d >= 0 && b < 0) { - f = Math.sin(d) - } else { - if (d <= 0 && b > 0) { - f = Math.sin(b) - } else { - if (d >= 0 && b > 0) { - if (d > b) { - f = 0 - } else { - f = Math.max(Math.sin(d), Math.sin(b)) - } - } else { - f = 1 - } - } - } - a.zIndex = 4 + f; - break; - case "outerBack": - a.zIndex = 1; - break; - case "start": - a.zIndex = 4 + Math.sin(c(d + e)); - break; - case "end": - a.zIndex = 4 + Math.sin(c(b + e)); - break; - case "innerFront": - a.zIndex = 2; - break; - case "innerBack": - a.zIndex = 4 + Math.sin(c((d + b) / 2 + e)); - break; - case "bottom": - a.zIndex = 0; - break - } - a.dirtyZIndex = true - }, - updatePlainBBox: function(k) { - var f = this.attr, - a = f.part, - b = f.baseRotation, - e = f.centerX, - d = f.centerY, - j, c, i, h, g, l; - if (a === "start") { - c = f.startAngle + b - } else { - if (a === "end") { - c = f.endAngle + b - } - } - if (Ext.isNumber(c)) { - g = Math.sin(c); - l = Math.cos(c); - i = Math.min(e + l * f.startRho, e + l * f.endRho); - h = d + g * f.startRho * f.distortion; - k.x = i; - k.y = h; - k.width = l * (f.endRho - f.startRho); - k.height = f.thickness + g * (f.endRho - f.startRho) * 2; - return - } - if (a === "innerFront" || a === "innerBack") { - j = f.startRho - } else { - j = f.endRho - } - k.width = j * 2; - k.height = j * f.distortion * 2 + f.thickness; - k.x = f.centerX - j; - k.y = f.centerY - j * f.distortion - }, - updateTransformedBBox: function(a) { - if (this.attr.part === "start" || this.attr.part === "end") { - return this.callParent(arguments) - } - return this.updatePlainBBox(a) - }, - updatePath: function(a) { - if (!this.attr.globalAlpha) { - return - } - if (this.attr.endAngle < this.attr.startAngle) { - return - } - this[this.attr.part + "Renderer"](a) - }, - render: function(b, c) { - var d = this, - a = d.attr; - if (!a.globalAlpha) { - return - } - d.callParent([b, c]); - d.bevelRenderer(b, c); - if (a.label && d.getMarker("labels")) { - d.placeLabel() - } - }, - placeLabel: function() { - var z = this, - u = z.attr, - t = u.attributeId, - p = u.margin, - c = u.distortion, - i = u.centerX, - h = u.centerY, - j = u.baseRotation, - v = u.startAngle + j, - r = u.endAngle + j, - m = (v + r) / 2, - w = u.startRho + p, - o = u.endRho + p, - n = (w + o) / 2, - a = Math.sin(m), - b = Math.cos(m), - e = z.surfaceMatrix, - g = z.getMarker("labels"), - f = g.getTemplate(), - d = f.getCalloutLine(), - s = d && d.length || 40, - q = {}, - l, k; - e.appendMatrix(u.matrix); - q.text = u.label; - l = i + b * n; - k = h + a * n * c; - q.x = e.x(l, k); - q.y = e.y(l, k); - l = i + b * o; - k = h + a * o * c; - q.calloutStartX = e.x(l, k); - q.calloutStartY = e.y(l, k); - l = i + b * (o + s); - k = h + a * (o + s) * c; - q.calloutPlaceX = e.x(l, k); - q.calloutPlaceY = e.y(l, k); - q.calloutWidth = 2; - z.putMarker("labels", q, t); - z.putMarker("labels", { - callout: 1 - }, t) - }, - bevelRenderer: function(b, c) { - var f = this, - a = f.attr, - e = a.bevelWidth, - g = f.bevelParams, - d; - for (d = 0; d < g.length; d++) { - c.beginPath(); - c.ellipse.apply(c, g[d]); - c.save(); - c.lineWidth = e; - c.strokeOpacity = e ? 1 : 0; - c.strokeGradient = f.bevelGradient; - c.stroke(a); - c.restore() - } - }, - lidRenderer: function(o, m) { - var k = this.attr, - g = k.margin, - c = k.distortion, - i = k.centerX, - h = k.centerY, - f = k.baseRotation, - j = k.startAngle + f, - e = k.endAngle + f, - d = (j + e) / 2, - l = k.startRho, - b = k.endRho, - n = Math.sin(e), - a = Math.cos(e); - i += Math.cos(d) * g; - h += Math.sin(d) * g * c; - o.ellipse(i, h + m, l, l * c, 0, j, e, false); - o.lineTo(i + a * b, h + m + n * b * c); - o.ellipse(i, h + m, b, b * c, 0, e, j, true); - o.closePath() - }, - topRenderer: function(a) { - this.lidRenderer(a, 0) - }, - bottomRenderer: function(b) { - var a = this.attr; - if (a.globalAlpha < 1 || a.shadowColor !== Ext.draw.Color.RGBA_NONE) { - this.lidRenderer(b, a.thickness) - } - }, - sideRenderer: function(l, s) { - var o = this.attr, - k = o.margin, - g = o.centerX, - f = o.centerY, - e = o.distortion, - h = o.baseRotation, - p = o.startAngle + h, - m = o.endAngle + h, - a = o.thickness, - q = o.startRho, - j = o.endRho, - r = (s === "start" && p) || (s === "end" && m), - b = Math.sin(r), - d = Math.cos(r), - c = o.globalAlpha < 1, - n = s === "start" && d < 0 || s === "end" && d > 0 || c, - i; - if (n) { - i = (p + m) / 2; - g += Math.cos(i) * k; - f += Math.sin(i) * k * e; - l.moveTo(g + d * q, f + b * q * e); - l.lineTo(g + d * j, f + b * j * e); - l.lineTo(g + d * j, f + b * j * e + a); - l.lineTo(g + d * q, f + b * q * e + a); - l.closePath() - } - }, - startRenderer: function(a) { - this.sideRenderer(a, "start") - }, - endRenderer: function(a) { - this.sideRenderer(a, "end") - }, - rimRenderer: function(q, e, o, j) { - var w = this, - s = w.attr, - p = s.margin, - h = s.centerX, - g = s.centerY, - d = s.distortion, - i = s.baseRotation, - t = Ext.draw.sprite.AttributeParser.angle, - u = s.startAngle + i, - r = s.endAngle + i, - k = t((u + r) / 2), - a = s.thickness, - b = s.globalAlpha < 1, - c, n, v; - w.bevelParams = []; - u = t(u); - r = t(r); - h += Math.cos(k) * p; - g += Math.sin(k) * p * d; - c = u >= 0 && r >= 0; - n = u <= 0 && r <= 0; - - function l() { - q.ellipse(h, g + a, e, e * d, 0, Math.PI, u, true); - q.lineTo(h + Math.cos(u) * e, g + Math.sin(u) * e * d); - v = [h, g, e, e * d, 0, u, Math.PI, false]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function f() { - q.ellipse(h, g + a, e, e * d, 0, 0, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, 0, true]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function x() { - q.ellipse(h, g + a, e, e * d, 0, Math.PI, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, Math.PI, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - - function m() { - q.ellipse(h, g + a, e, e * d, 0, u, 0, false); - q.lineTo(h + e, g); - v = [h, g, e, e * d, 0, 0, u, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - if (j) { - if (!o || b) { - if (u >= 0 && r < 0) { - l() - } else { - if (u <= 0 && r > 0) { - f() - } else { - if (u <= 0 && r < 0) { - if (u > r) { - q.ellipse(h, g + a, e, e * d, 0, 0, Math.PI, false); - q.lineTo(h - e, g); - v = [h, g, e, e * d, 0, Math.PI, 0, true]; - if (!o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } else { - if (u > r) { - l(); - f() - } else { - v = [h, g, e, e * d, 0, u, r, false]; - if (c && !o || n && o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d + a); - q.ellipse(h, g + a, e, e * d, 0, r, u, true); - q.closePath() - } - } - } - } - } - } else { - if (o || b) { - if (u >= 0 && r < 0) { - x() - } else { - if (u <= 0 && r > 0) { - m() - } else { - if (u <= 0 && r < 0) { - if (u > r) { - x(); - m() - } else { - q.ellipse(h, g + a, e, e * d, 0, u, r, false); - q.lineTo(h + Math.cos(r) * e, g + Math.sin(r) * e * d); - v = [h, g, e, e * d, 0, r, u, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } else { - if (u > r) { - q.ellipse(h, g + a, e, e * d, 0, -Math.PI, 0, false); - q.lineTo(h + e, g); - v = [h, g, e, e * d, 0, 0, -Math.PI, true]; - if (o) { - w.bevelParams.push(v) - } - q.ellipse.apply(q, v); - q.closePath() - } - } - } - } - } - } - }, - innerFrontRenderer: function(a) { - this.rimRenderer(a, this.attr.startRho, true, true) - }, - innerBackRenderer: function(a) { - this.rimRenderer(a, this.attr.startRho, true, false) - }, - outerFrontRenderer: function(a) { - this.rimRenderer(a, this.attr.endRho, false, true) - }, - outerBackRenderer: function(a) { - this.rimRenderer(a, this.attr.endRho, false, false) - } -}); -Ext.define("Ext.draw.PathUtil", function() { - var a = Math.abs, - c = Math.pow, - e = Math.cos, - b = Math.acos, - d = Math.sqrt, - f = Math.PI; - return { - singleton: true, - requires: ["Ext.draw.overrides.Path", "Ext.draw.overrides.sprite.Path", "Ext.draw.overrides.sprite.Instancing", "Ext.draw.overrides.Surface"], - cubicRoots: function(m) { - var z = m[0], - x = m[1], - w = m[2], - v = m[3]; - if (z === 0) { - return this.quadraticRoots(x, w, v) - } - var s = x / z, - r = w / z, - q = v / z, - k = (3 * r - c(s, 2)) / 9, - j = (9 * s * r - 27 * q - 2 * c(s, 3)) / 54, - p = c(k, 3) + c(j, 2), - n = [], - h, g, o, l, u, y = Ext.Number.sign; - if (p >= 0) { - h = y(j + d(p)) * c(a(j + d(p)), 1 / 3); - g = y(j - d(p)) * c(a(j - d(p)), 1 / 3); - n[0] = -s / 3 + (h + g); - n[1] = -s / 3 - (h + g) / 2; - n[2] = n[1]; - o = a(d(3) * (h - g) / 2); - if (o !== 0) { - n[1] = -1; - n[2] = -1 - } - } else { - l = b(j / d(-c(k, 3))); - n[0] = 2 * d(-k) * e(l / 3) - s / 3; - n[1] = 2 * d(-k) * e((l + 2 * f) / 3) - s / 3; - n[2] = 2 * d(-k) * e((l + 4 * f) / 3) - s / 3 - } - for (u = 0; u < 3; u++) { - if (n[u] < 0 || n[u] > 1) { - n[u] = -1 - } - } - return n - }, - quadraticRoots: function(h, g, n) { - var m, l, k, j; - if (h === 0) { - return this.linearRoot(g, n) - } - m = g * g - 4 * h * n; - if (m === 0) { - k = [-g / (2 * h)] - } else { - if (m > 0) { - l = d(m); - k = [(-g - l) / (2 * h), (-g + l) / (2 * h)] - } else { - return [] - } - } - for (j = 0; j < k.length; j++) { - if (k[j] < 0 || k[j] > 1) { - k[j] = -1 - } - } - return k - }, - linearRoot: function(h, g) { - var i = -g / h; - if (h === 0 || i < 0 || i > 1) { - return [] - } - return [i] - }, - bezierCoeffs: function(h, g, k, j) { - var i = []; - i[0] = -h + 3 * g - 3 * k + j; - i[1] = 3 * h - 6 * g + 3 * k; - i[2] = -3 * h + 3 * g; - i[3] = h; - return i - }, - cubicLineIntersections: function(I, G, F, E, l, k, j, h, M, p, K, n) { - var u = [], - N = [], - D = p - n, - z = K - M, - y = M * (n - p) - p * (K - M), - L = this.bezierCoeffs(I, G, F, E), - J = this.bezierCoeffs(l, k, j, h), - H, x, w, v, g, q, o, m; - u[0] = D * L[0] + z * J[0]; - u[1] = D * L[1] + z * J[1]; - u[2] = D * L[2] + z * J[2]; - u[3] = D * L[3] + z * J[3] + y; - x = this.cubicRoots(u); - for (H = 0; H < x.length; H++) { - v = x[H]; - if (v < 0 || v > 1) { - continue - } - g = v * v; - q = g * v; - o = L[0] * q + L[1] * g + L[2] * v + L[3]; - m = J[0] * q + J[1] * g + J[2] * v + J[3]; - if ((K - M) !== 0) { - w = (o - M) / (K - M) - } else { - w = (m - p) / (n - p) - } - if (!(w < 0 || w > 1)) { - N.push([o, m]) - } - } - return N - }, - splitCubic: function(g, q, p, o, m) { - var j = m * m, - n = m * j, - i = m - 1, - h = i * i, - k = i * h, - l = n * o - 3 * j * i * p + 3 * m * h * q - k * g; - return [ - [g, m * q - i * g, j * p - 2 * m * i * q + h * g, l], - [l, j * o - 2 * m * i * p + h * q, m * o - i * p, o] - ] - }, - cubicDimension: function(p, o, l, k) { - var j = 3 * (-p + 3 * (o - l) + k), - i = 6 * (p - 2 * o + l), - h = -3 * (p - o), - q, n, g = Math.min(p, k), - m = Math.max(p, k), - r; - if (j === 0) { - if (i === 0) { - return [g, m] - } else { - q = -h / i; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - } - } else { - r = i * i - 4 * j * h; - if (r >= 0) { - r = d(r); - q = (r - i) / 2 / j; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - if (r > 0) { - q -= r / j; - if (0 < q && q < 1) { - n = this.interpolateCubic(p, o, l, k, q); - g = Math.min(g, n); - m = Math.max(m, n) - } - } - } - } - return [g, m] - }, - interpolateCubic: function(h, g, l, k, i) { - if (i === 0) { - return h - } - if (i === 1) { - return k - } - var j = (1 - i) / i; - return i * i * i * (k + j * (3 * l + j * (3 * g + j * h))) - }, - cubicsIntersections: function(r, q, p, o, A, z, y, v, g, F, E, D, m, l, k, i) { - var C = this, - x = C.cubicDimension(r, q, p, o), - B = C.cubicDimension(A, z, y, v), - n = C.cubicDimension(g, F, E, D), - s = C.cubicDimension(m, l, k, i), - j, h, u, t, w = []; - if (x[0] > n[1] || x[1] < n[0] || B[0] > s[1] || B[1] < s[0]) { - return [] - } - if (a(A - z) < 1 && a(y - v) < 1 && a(r - o) < 1 && a(q - p) < 1 && a(m - l) < 1 && a(k - i) < 1 && a(g - D) < 1 && a(F - E) < 1) { - return [ - [(r + o) * 0.5, (A + z) * 0.5] - ] - } - j = C.splitCubic(r, q, p, o, 0.5); - h = C.splitCubic(A, z, y, v, 0.5); - u = C.splitCubic(g, F, E, D, 0.5); - t = C.splitCubic(m, l, k, i, 0.5); - w.push.apply(w, C.cubicsIntersections.apply(C, j[0].concat(h[0], u[0], t[0]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[0].concat(h[0], u[1], t[1]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[1].concat(h[1], u[0], t[0]))); - w.push.apply(w, C.cubicsIntersections.apply(C, j[1].concat(h[1], u[1], t[1]))); - return w - }, - linesIntersection: function(k, p, j, o, h, n, q, m) { - var l = (j - k) * (m - n) - (o - p) * (q - h), - i, g; - if (l === 0) { - return null - } - i = ((q - h) * (p - n) - (k - h) * (m - n)) / l; - g = ((j - k) * (p - n) - (o - p) * (k - h)) / l; - if (i >= 0 && i <= 1 && g >= 0 && g <= 1) { - return [k + i * (j - k), p + i * (o - p)] - } - return null - }, - pointOnLine: function(j, m, h, l, g, n) { - var k, i; - if (a(h - j) < a(l - m)) { - i = j; - j = m; - m = i; - i = h; - h = l; - l = i; - i = g; - g = n; - n = i - } - k = (g - j) / (h - j); - if (k < 0 || k > 1) { - return false - } - return a(m + k * (l - m) - n) < 4 - }, - pointOnCubic: function(w, u, s, r, l, k, h, g, p, o) { - var C = this, - B = C.bezierCoeffs(w, u, s, r), - A = C.bezierCoeffs(l, k, h, g), - z, v, n, m, q; - B[3] -= p; - A[3] -= o; - n = C.cubicRoots(B); - m = C.cubicRoots(A); - for (z = 0; z < n.length; z++) { - q = n[z]; - for (v = 0; v < m.length; v++) { - if (q >= 0 && q <= 1 && a(q - m[v]) < 0.05) { - return true - } - } - } - return false - } - } -}); -Ext.define("Ext.chart.series.Pie3D", { - extend: "Ext.chart.series.Polar", - requires: ["Ext.chart.series.sprite.Pie3DPart", "Ext.draw.PathUtil"], - type: "pie3d", - seriesType: "pie3d", - alias: "series.pie3d", - isPie3D: true, - config: { - rect: [0, 0, 0, 0], - thickness: 35, - distortion: 0.5, - donut: false, - hidden: [], - highlightCfg: { - margin: 20 - }, - shadow: false - }, - rotationOffset: -Math.PI / 2, - setField: function(a) { - return this.setXField(a) - }, - getField: function() { - return this.getXField() - }, - updateRotation: function(a) { - this.setStyle({ - baseRotation: a + this.rotationOffset - }); - this.doUpdateStyles() - }, - updateDistortion: function() { - this.setRadius() - }, - updateThickness: function() { - this.setRadius() - }, - updateColors: function(a) { - this.setSubStyle({ - baseColor: a - }) - }, - applyShadow: function(a) { - if (a === true) { - a = { - shadowColor: "rgba(0,0,0,0.8)", - shadowBlur: 30 - } - } else { - if (!Ext.isObject(a)) { - a = { - shadowColor: Ext.draw.Color.RGBA_NONE - } - } - } - return a - }, - updateShadow: function(g) { - var e = this, - f = e.getSprites(), - d = e.spritesPerSlice, - c = f && f.length, - b, a; - for (b = 1; b < c; b += d) { - a = f[b]; - if (a.attr.part = "bottom") { - a.setAttributes(g) - } - } - }, - getStyleByIndex: function(b) { - var d = this.callParent([b]), - c = this.getStyle(), - a = d.fillStyle || d.fill || d.color, - e = c.strokeStyle || c.stroke; - if (a) { - d.baseColor = a; - delete d.fillStyle; - delete d.fill; - delete d.color - } - if (e) { - d.strokeStyle = e - } - return d - }, - doUpdateStyles: function() { - var g = this, - h = g.getSprites(), - f = g.spritesPerSlice, - e = h && h.length, - c = 0, - b = 0, - a, d; - for (; c < e; c += f, b++) { - d = g.getStyleByIndex(b); - for (a = 0; a < f; a++) { - h[c + a].setAttributes(d) - } - } - }, - coordinateX: function() { - var w = this, - m = w.getChart(), - u = m && m.getAnimation(), - f = w.getStore(), - t = f.getData().items, - d = t.length, - b = w.getXField(), - p = w.getRotation(), - s = w.getHidden(), - n, c = 0, - h, e = [], - k = w.getSprites(), - a = k.length, - l = w.spritesPerSlice, - g = 0, - o = Math.PI * 2, - v = 1e-10, - r, q; - for (r = 0; r < d; r++) { - n = Math.abs(Number(t[r].get(b))) || 0; - if (!s[r]) { - c += n - } - e[r] = c; - if (r >= s.length) { - s[r] = false - } - } - s.length = d; - if (c === 0) { - return - } - h = 2 * Math.PI / c; - for (r = 0; r < d; r++) { - e[r] *= h - } - for (r = 0; r < a; r++) { - k[r].setAnimation(u) - } - for (r = 0; r < d; r++) { - for (q = 0; q < l; q++) { - k[r * l + q].setAttributes({ - startAngle: g, - endAngle: e[r] - v, - globalAlpha: 1, - baseRotation: p - }) - } - g = e[r] - } - for (r *= l; r < a; r++) { - k[r].setAnimation(u); - k[r].setAttributes({ - startAngle: o, - endAngle: o, - globalAlpha: 0, - baseRotation: p - }) - } - }, - updateLabelData: function() { - var l = this, - m = l.getStore(), - k = m.getData().items, - h = l.getSprites(), - b = l.getLabel().getTemplate().getField(), - f = l.getHidden(), - a = l.spritesPerSlice, - d, c, g, e, n; - if (h.length && b) { - e = []; - for (d = 0, g = k.length; d < g; d++) { - e.push(k[d].get(b)) - } - for (d = 0, c = 0, g = h.length; d < g; d += a, c++) { - n = h[d]; - n.setAttributes({ - label: e[c] - }); - n.putMarker("labels", { - hidden: f[c] - }, n.attr.attributeId) - } - } - }, - applyRadius: function() { - var f = this, - d = f.getChart(), - h = d.getInnerPadding(), - e = d.getMainRect() || [0, 0, 1, 1], - c = e[2] - h * 2, - a = e[3] - h * 2 - f.getThickness(), - g = c / 2, - b = g * f.getDistortion(); - if (b > a / 2) { - return a / (f.getDistortion() * 2) - } else { - return g - } - }, - getSprites: function() { - var y = this, - e = y.getStore(); - if (!e) { - return [] - } - var n = y.getChart(), - p = y.getSurface(), - t = e.getData().items, - l = y.spritesPerSlice, - a = t.length, - v = y.getAnimation() || n && n.getAnimation(), - x = y.getCenter(), - w = y.getOffsetX(), - u = y.getOffsetY(), - b = y.getRadius(), - q = y.getRotation(), - d = y.getHighlight(), - c = { - centerX: x[0] + w, - centerY: x[1] + u - y.getThickness() / 2, - endRho: b, - startRho: b * y.getDonut() / 100, - thickness: y.getThickness(), - distortion: y.getDistortion() - }, - k = y.sprites, - h = y.getLabel(), - f = h.getTemplate(), - m, g, o, s, r; - for (s = 0; s < a; s++) { - g = Ext.apply({}, this.getStyleByIndex(s), c); - if (!k[s * l]) { - for (r = 0; r < y.partNames.length; r++) { - o = p.add({ - type: "pie3dPart", - part: y.partNames[r] - }); - if (r === 0 && f.getField()) { - o.bindMarker("labels", h) - } - o.fx.setDurationOn("baseRotation", q); - if (d) { - o.config.highlight = d; - o.addModifier("highlight", true) - } - o.setAttributes(g); - k.push(o) - } - } else { - m = k.slice(s * l, (s + 1) * l); - for (r = 0; r < m.length; r++) { - o = m[r]; - if (v) { - o.setAnimation(v) - } - o.setAttributes(g) - } - } - } - return k - }, - betweenAngle: function(d, f, c) { - var e = Math.PI * 2, - g = this.rotationOffset; - f += g; - c += g; - d -= f; - c -= f; - d %= e; - c %= e; - d += e; - c += e; - d %= e; - c %= e; - return d < c || c === 0 - }, - getItemForPoint: function(k, j) { - var h = this, - g = h.getSprites(); - if (g) { - var l = h.getStore(), - b = l.getData().items, - a = h.spritesPerSlice, - e = h.getHidden(), - c, f, m, d; - for (c = 0, f = b.length; c < f; c++) { - if (!e[c]) { - d = c * a; - m = g[d]; - if (m.hitTest([k, j])) { - return { - series: h, - sprite: g.slice(d, d + a), - index: c, - record: b[c], - category: "sprites", - field: h.getXField() - } - } - } - } - return null - } - }, - provideLegendInfo: function(f) { - var h = this, - k = h.getStore(); - if (k) { - var g = k.getData().items, - b = h.getLabel().getTemplate().getField(), - j = h.getField(), - e = h.getHidden(), - d, a, c; - for (d = 0; d < g.length; d++) { - a = h.getStyleByIndex(d); - c = a.baseColor; - f.push({ - name: b ? String(g[d].get(b)) : j + " " + d, - mark: c || "black", - disabled: e[d], - series: h.getId(), - index: d - }) - } - } - } -}, function() { - var b = this.prototype, - a = Ext.chart.series.sprite.Pie3DPart.def.getInitialConfig().processors.part; - b.partNames = a.replace(/^enums\(|\)/g, "").split(","); - b.spritesPerSlice = b.partNames.length -}); -Ext.define("Ext.chart.series.sprite.Polar", { - extend: "Ext.chart.series.sprite.Series", - inheritableStatics: { - def: { - processors: { - centerX: "number", - centerY: "number", - startAngle: "number", - endAngle: "number", - startRho: "number", - endRho: "number", - baseRotation: "number", - labels: "default", - labelOverflowPadding: "number" - }, - defaults: { - centerX: 0, - centerY: 0, - startAngle: 0, - endAngle: Math.PI, - startRho: 0, - endRho: 150, - baseRotation: 0, - labels: null, - labelOverflowPadding: 10 - }, - triggers: { - centerX: "bbox", - centerY: "bbox", - startAngle: "bbox", - endAngle: "bbox", - startRho: "bbox", - endRho: "bbox", - baseRotation: "bbox" - } - } - }, - updatePlainBBox: function(b) { - var a = this.attr; - b.x = a.centerX - a.endRho; - b.y = a.centerY + a.endRho; - b.width = a.endRho * 2; - b.height = a.endRho * 2 - } -}); -Ext.define("Ext.chart.series.sprite.Radar", { - alias: "sprite.radar", - extend: "Ext.chart.series.sprite.Polar", - getDataPointXY: function(d) { - var u = this, - n = u.attr, - f = n.centerX, - e = n.centerY, - o = n.matrix, - t = n.dataMinX, - s = n.dataMaxX, - k = n.dataX, - j = n.dataY, - l = n.endRho, - p = n.startRho, - g = n.baseRotation, - i, h, m, c, b, a, q; - if (n.rangeY) { - q = n.rangeY[1] - } else { - q = n.dataMaxY - } - c = (k[d] - t) / (s - t + 1) * 2 * Math.PI + g; - m = j[d] / q * (l - p) + p; - b = f + Math.cos(c) * m; - a = e + Math.sin(c) * m; - i = o.x(b, a); - h = o.y(b, a); - return [i, h] - }, - render: function(a, l) { - var h = this, - f = h.attr, - g = f.dataX, - b = g.length, - e = h.surfaceMatrix, - d = {}, - c, k, j, m; - l.beginPath(); - for (c = 0; c < b; c++) { - m = h.getDataPointXY(c); - k = m[0]; - j = m[1]; - if (c === 0) { - l.moveTo(k, j) - } - l.lineTo(k, j); - d.translationX = e.x(k, j); - d.translationY = e.y(k, j); - h.putMarker("markers", d, c, true) - } - l.closePath(); - l.fillStroke(f) - } -}); -Ext.define("Ext.chart.series.Radar", { - extend: "Ext.chart.series.Polar", - type: "radar", - seriesType: "radar", - alias: "series.radar", - requires: ["Ext.chart.series.sprite.Radar"], - themeColorCount: function() { - return 1 - }, - isStoreDependantColorCount: false, - themeMarkerCount: function() { - return 1 - }, - updateAngularAxis: function(a) { - a.processData(this) - }, - updateRadialAxis: function(a) { - a.processData(this) - }, - coordinateX: function() { - return this.coordinate("X", 0, 2) - }, - coordinateY: function() { - return this.coordinate("Y", 1, 2) - }, - updateCenter: function(a) { - this.setStyle({ - translationX: a[0] + this.getOffsetX(), - translationY: a[1] + this.getOffsetY() - }); - this.doUpdateStyles() - }, - updateRadius: function(a) { - this.setStyle({ - endRho: a - }); - this.doUpdateStyles() - }, - updateRotation: function(a) { - this.setStyle({ - rotationRads: a - }); - this.doUpdateStyles() - }, - updateTotalAngle: function(a) { - this.processData() - }, - getItemForPoint: function(k, j) { - var h = this, - m = h.sprites && h.sprites[0], - f = m.attr, - g = f.dataX, - a = g.length, - l = h.getStore(), - e = h.getMarker(), - b, o, p, d, n, c; - if (h.getHidden()) { - return null - } - if (m && e) { - c = m.getMarker("markers"); - for (d = 0; d < a; d++) { - n = c.getBBoxFor(d); - b = (n.width + n.height) * 0.25; - p = m.getDataPointXY(d); - if (Math.abs(p[0] - k) < b && Math.abs(p[1] - j) < b) { - o = { - series: h, - sprite: m, - index: d, - category: "markers", - record: l.getData().items[d], - field: h.getYField() - }; - return o - } - } - } - return h.callParent(arguments) - }, - getDefaultSpriteConfig: function() { - var a = this.callParent(), - b = { - customDurations: { - translationX: 0, - translationY: 0, - rotationRads: 0, - dataMinX: 0, - dataMaxX: 0 - } - }; - if (a.fx) { - Ext.apply(a.fx, b) - } else { - a.fx = b - } - return a - }, - getSprites: function() { - var d = this, - c = d.getChart(), - e = d.getAnimation() || c && c.getAnimation(), - b = d.sprites[0], - a; - if (!c) { - return [] - } - if (!b) { - b = d.createSprite() - } - if (e) { - a = b.getMarker("markers"); - if (a) { - a.getTemplate().setAnimation(e) - } - b.setAnimation(e) - } - return d.sprites - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getSubStyleWithTheme(), - c = a.fillStyle; - if (Ext.isArray(c)) { - c = c[0] - } - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - } -}); -Ext.define("Ext.chart.series.sprite.Scatter", { - alias: "sprite.scatterSeries", - extend: "Ext.chart.series.sprite.Cartesian", - renderClipped: function(r, s, w, u) { - if (this.cleanRedraw) { - return - } - var C = this, - q = C.attr, - l = q.dataX, - h = q.dataY, - z = q.labels, - j = C.getSeries(), - b = z && C.getMarker("labels"), - t = C.attr.matrix, - c = t.getXX(), - p = t.getYY(), - m = t.getDX(), - k = t.getDY(), - n = {}, - D, B, d = r.getInherited().rtl && !q.flipXY ? -1 : 1, - a, A, o, e, g, f, v; - if (q.flipXY) { - a = u[1] - c * d; - A = u[1] + u[3] + c * d; - o = u[0] - p; - e = u[0] + u[2] + p - } else { - a = u[0] - c * d; - A = u[0] + u[2] + c * d; - o = u[1] - p; - e = u[1] + u[3] + p - } - for (v = 0; v < l.length; v++) { - g = l[v]; - f = h[v]; - g = g * c + m; - f = f * p + k; - if (a <= g && g <= A && o <= f && f <= e) { - if (q.renderer) { - n = { - type: "items", - translationX: g, - translationY: f - }; - B = [C, n, { - store: C.getStore() - }, v]; - D = Ext.callback(q.renderer, null, B, 0, j); - n = Ext.apply(n, D) - } else { - n.translationX = g; - n.translationY = f - } - C.putMarker("items", n, v, !q.renderer); - if (b && z[v]) { - C.drawLabel(z[v], g, f, v, u) - } - } - } - }, - drawLabel: function(j, h, g, p, a) { - var r = this, - m = r.attr, - d = r.getMarker("labels"), - c = d.getTemplate(), - l = r.labelCfg || (r.labelCfg = {}), - b = r.surfaceMatrix, - f, e, i = m.labelOverflowPadding, - o = m.flipXY, - k, n, s, q; - l.text = j; - n = r.getMarkerBBox("labels", p, true); - if (!n) { - r.putMarker("labels", l, p); - n = r.getMarkerBBox("labels", p, true) - } - if (o) { - l.rotationRads = Math.PI * 0.5 - } else { - l.rotationRads = 0 - } - k = n.height / 2; - f = h; - switch (c.attr.display) { - case "under": - e = g - k - i; - break; - case "rotate": - f += i; - e = g - i; - l.rotationRads = -Math.PI / 4; - break; - default: - e = g + k + i - } - l.x = b.x(f, e); - l.y = b.y(f, e); - if (c.attr.renderer) { - q = [j, d, l, { - store: r.getStore() - }, p]; - s = Ext.callback(c.attr.renderer, null, q, 0, r.getSeries()); - if (typeof s === "string") { - l.text = s - } else { - Ext.apply(l, s) - } - } - r.putMarker("labels", l, p) - } -}); -Ext.define("Ext.chart.series.Scatter", { - extend: "Ext.chart.series.Cartesian", - alias: "series.scatter", - type: "scatter", - seriesType: "scatterSeries", - requires: ["Ext.chart.series.sprite.Scatter"], - config: { - itemInstancing: { - fx: { - customDurations: { - translationX: 0, - translationY: 0 - } - } - } - }, - themeMarkerCount: function() { - return 1 - }, - applyMarker: function(b, a) { - this.getItemInstancing(); - this.setItemInstancing(b); - return this.callParent(arguments) - }, - provideLegendInfo: function(d) { - var b = this, - a = b.getMarkerStyleByIndex(0), - c = a.fillStyle; - d.push({ - name: b.getTitle() || b.getYField() || b.getId(), - mark: (Ext.isObject(c) ? c.stops && c.stops[0].color : c) || a.strokeStyle || "black", - disabled: b.getHidden(), - series: b.getId(), - index: 0 - }) - } -}); -Ext.define("Ext.chart.theme.Blue", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.blue", "chart.theme.Blue"], - config: { - baseColor: "#4d7fe6" - } -}); -Ext.define("Ext.chart.theme.BlueGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.blue-gradients", "chart.theme.Blue:gradients"], - config: { - baseColor: "#4d7fe6", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category1", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category1", "chart.theme.Category1"], - config: { - colors: ["#f0a50a", "#c20024", "#2044ba", "#810065", "#7eae29"] - } -}); -Ext.define("Ext.chart.theme.Category1Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category1-gradients", "chart.theme.Category1:gradients"], - config: { - colors: ["#f0a50a", "#c20024", "#2044ba", "#810065", "#7eae29"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category2", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category2", "chart.theme.Category2"], - config: { - colors: ["#6d9824", "#87146e", "#2a9196", "#d39006", "#1e40ac"] - } -}); -Ext.define("Ext.chart.theme.Category2Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category2-gradients", "chart.theme.Category2:gradients"], - config: { - colors: ["#6d9824", "#87146e", "#2a9196", "#d39006", "#1e40ac"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category3", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category3", "chart.theme.Category3"], - config: { - colors: ["#fbbc29", "#ce2e4e", "#7e0062", "#158b90", "#57880e"] - } -}); -Ext.define("Ext.chart.theme.Category3Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category3-gradients", "chart.theme.Category3:gradients"], - config: { - colors: ["#fbbc29", "#ce2e4e", "#7e0062", "#158b90", "#57880e"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category4", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category4", "chart.theme.Category4"], - config: { - colors: ["#ef5773", "#fcbd2a", "#4f770d", "#1d3eaa", "#9b001f"] - } -}); -Ext.define("Ext.chart.theme.Category4Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category4-gradients", "chart.theme.Category4:gradients"], - config: { - colors: ["#ef5773", "#fcbd2a", "#4f770d", "#1d3eaa", "#9b001f"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category5", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category5", "chart.theme.Category5"], - config: { - colors: ["#7eae29", "#fdbe2a", "#910019", "#27b4bc", "#d74dbc"] - } -}); -Ext.define("Ext.chart.theme.Category5Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category5-gradients", "chart.theme.Category5:gradients"], - config: { - colors: ["#7eae29", "#fdbe2a", "#910019", "#27b4bc", "#d74dbc"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Category6", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category6", "chart.theme.Category6"], - config: { - colors: ["#44dce1", "#0b2592", "#996e05", "#7fb325", "#b821a1"] - } -}); -Ext.define("Ext.chart.theme.Category6Gradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.category6-gradients", "chart.theme.Category6:gradients"], - config: { - colors: ["#44dce1", "#0b2592", "#996e05", "#7fb325", "#b821a1"], - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.DefaultGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.default-gradients", "chart.theme.Base:gradients"], - config: { - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Green", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.green", "chart.theme.Green"], - config: { - baseColor: "#b1da5a" - } -}); -Ext.define("Ext.chart.theme.GreenGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.green-gradients", "chart.theme.Green:gradients"], - config: { - baseColor: "#b1da5a", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Midnight", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.midnight", "chart.theme.Midnight"], - config: { - colors: ["#A837FF", "#4AC0F2", "#FF4D35", "#FF8809", "#61C102", "#FF37EA"], - chart: { - defaults: { - background: "rgb(52, 52, 53)" - } - }, - axis: { - defaults: { - style: { - strokeStyle: "rgb(224, 224, 227)" - }, - label: { - fillStyle: "rgb(224, 224, 227)" - }, - title: { - fillStyle: "rgb(224, 224, 227)" - }, - grid: { - strokeStyle: "rgb(112, 112, 115)" - } - } - }, - series: { - defaults: { - label: { - fillStyle: "rgb(224, 224, 227)" - } - } - }, - sprites: { - text: { - fillStyle: "rgb(224, 224, 227)" - } - } - } -}); -Ext.define("Ext.chart.theme.Muted", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.muted", "chart.theme.Muted"], - config: { - colors: ["#8ca640", "#974144", "#4091ba", "#8e658e", "#3b8d8b", "#b86465", "#d2af69", "#6e8852", "#3dcc7e", "#a6bed1", "#cbaa4b", "#998baa"] - } -}); -Ext.define("Ext.chart.theme.Purple", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.purple", "chart.theme.Purple"], - config: { - baseColor: "#da5abd" - } -}); -Ext.define("Ext.chart.theme.PurpleGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.purple-gradients", "chart.theme.Purple:gradients"], - config: { - baseColor: "#da5abd", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Red", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.red", "chart.theme.Red"], - config: { - baseColor: "#e84b67" - } -}); -Ext.define("Ext.chart.theme.RedGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.red-gradients", "chart.theme.Red:gradients"], - config: { - baseColor: "#e84b67", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Sky", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.sky", "chart.theme.Sky"], - config: { - baseColor: "#4ce0e7" - } -}); -Ext.define("Ext.chart.theme.SkyGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.sky-gradients", "chart.theme.Sky:gradients"], - config: { - baseColor: "#4ce0e7", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.chart.theme.Yellow", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.yellow", "chart.theme.Yellow"], - config: { - baseColor: "#fec935" - } -}); -Ext.define("Ext.chart.theme.YellowGradients", { - extend: "Ext.chart.theme.Base", - singleton: true, - alias: ["chart.theme.yellow-gradients", "chart.theme.Yellow:gradients"], - config: { - baseColor: "#fec935", - gradients: { - type: "linear", - degrees: 90 - } - } -}); -Ext.define("Ext.draw.Point", { - requires: ["Ext.draw.Draw", "Ext.draw.Matrix"], - isPoint: true, - x: 0, - y: 0, - length: 0, - angle: 0, - angleUnits: "degrees", - statics: { - fly: (function() { - var a = null; - return function(b, c) { - if (!a) { - a = new Ext.draw.Point() - } - a.constructor(b, c); - return a - } - })() - }, - constructor: function(a, c) { - var b = this; - if (typeof a === "number") { - b.x = a; - if (typeof c === "number") { - b.y = c - } else { - b.y = a - } - } else { - if (Ext.isArray(a)) { - b.x = a[0]; - b.y = a[1] - } else { - if (a) { - b.x = a.x; - b.y = a.y - } - } - } - b.calculatePolar() - }, - calculateCartesian: function() { - var b = this, - a = b.length, - c = b.angle; - if (b.angleUnits === "degrees") { - c = Ext.draw.Draw.rad(c) - } - b.x = Math.cos(c) * a; - b.y = Math.sin(c) * a - }, - calculatePolar: function() { - var b = this, - a = b.x, - c = b.y; - b.length = Math.sqrt(a * a + c * c); - b.angle = Math.atan2(c, a); - if (b.angleUnits === "degrees") { - b.angle = Ext.draw.Draw.degrees(b.angle) - } - }, - setX: function(a) { - this.x = a; - this.calculatePolar() - }, - setY: function(a) { - this.y = a; - this.calculatePolar() - }, - set: function(a, b) { - this.constructor(a, b) - }, - setAngle: function(a) { - this.angle = a; - this.calculateCartesian() - }, - setLength: function(a) { - this.length = a; - this.calculateCartesian() - }, - setPolar: function(b, a) { - this.angle = b; - this.length = a; - this.calculateCartesian() - }, - clone: function() { - return new Ext.draw.Point(this.x, this.y) - }, - add: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return new Ext.draw.Point(this.x + b.x, this.y + b.y) - }, - sub: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return new Ext.draw.Point(this.x - b.x, this.y - b.y) - }, - mul: function(a) { - return new Ext.draw.Point(this.x * a, this.y * a) - }, - div: function(a) { - return new Ext.draw.Point(this.x / a, this.y / a) - }, - dot: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return this.x * b.x + this.y * b.y - }, - equals: function(a, c) { - var b = Ext.draw.Point.fly(a, c); - return this.x === b.x && this.y === b.y - }, - rotate: function(f, c) { - var d, e, b, g, a; - if (this.angleUnits === "degrees") { - f = Ext.draw.Draw.rad(f); - d = Math.sin(f); - e = Math.cos(f) - } - if (c) { - b = c.x; - g = c.y - } else { - b = 0; - g = 0 - } - a = Ext.draw.Matrix.fly([e, d, -d, e, b - e * b + g * d, g - e * g + b * -d]).transformPoint(this); - return new Ext.draw.Point(a) - }, - transform: function(a) { - if (a && a.isMatrix) { - return new Ext.draw.Point(a.transformPoint(this)) - } else { - if (arguments.length === 6) { - return new Ext.draw.Point(Ext.draw.Matrix.fly(arguments).transformPoint(this)) - } else { - Ext.raise("Invalid parameters.") - } - } - }, - round: function() { - return new Ext.draw.Point(Math.round(this.x), Math.round(this.y)) - }, - ceil: function() { - return new Ext.draw.Point(Math.ceil(this.x), Math.ceil(this.y)) - }, - floor: function() { - return new Ext.draw.Point(Math.floor(this.x), Math.floor(this.y)) - }, - abs: function(a, b) { - return new Ext.draw.Point(Math.abs(this.x), Math.abs(this.y)) - }, - normalize: function(c) { - var b = this.x, - f = this.y, - a, e, d; - c = c || 1; - if (b === 0) { - a = 0; - e = c * Ext.Number.sign(f) - } else { - d = f / b; - a = c / Math.sqrt(1 + d * d); - e = a * d - } - return new Ext.draw.Point(a, e) - }, - getDistanceToLine: function(c, b) { - if (arguments.length === 4) { - c = new Ext.draw.Point(arguments[0], arguments[1]); - b = new Ext.draw.Point(arguments[2], arguments[3]) - } - var d = b.sub(c).normalize(), - a = c.sub(this); - return a.sub(d.mul(a.dot(d))) - }, - isZero: function() { - return this.x === 0 && this.y === 0 - }, - isNumber: function() { - return Ext.isNumber(this.x + this.y) - } -}); -Ext.define("Ext.draw.plugin.SpriteEvents", { - extend: "Ext.plugin.Abstract", - alias: "plugin.spriteevents", - requires: ["Ext.draw.PathUtil"], - mouseMoveEvents: { - mousemove: true, - mouseover: true, - mouseout: true - }, - spriteMouseMoveEvents: { - spritemousemove: true, - spritemouseover: true, - spritemouseout: true - }, - init: function(a) { - var b = "handleEvent"; - this.drawContainer = a; - a.addElementListener({ - click: b, - dblclick: b, - mousedown: b, - mousemove: b, - mouseup: b, - mouseover: b, - mouseout: b, - priority: 1001, - scope: this - }) - }, - hasSpriteMouseMoveListeners: function() { - var b = this.drawContainer.hasListeners, - a; - for (a in this.spriteMouseMoveEvents) { - if (a in b) { - return true - } - } - return false - }, - hitTestEvent: function(f) { - var b = this.drawContainer.getItems(), - a, d, c; - for (c = b.length - 1; c >= 0; c--) { - a = b.get(c); - d = a.hitTestEvent(f); - if (d) { - return d - } - } - return null - }, - handleEvent: function(f) { - var d = this, - b = d.drawContainer, - g = f.type in d.mouseMoveEvents, - a = d.lastSprite, - c; - if (g && !d.hasSpriteMouseMoveListeners()) { - return - } - c = d.hitTestEvent(f); - if (g && !Ext.Object.equals(c, a)) { - if (a) { - b.fireEvent("spritemouseout", a, f) - } - if (c) { - b.fireEvent("spritemouseover", c, f) - } - } - if (c) { - b.fireEvent("sprite" + f.type, c, f) - } - d.lastSprite = c - } -}); -Ext.define("Ext.chart.TipSurface", { - extend: "Ext.draw.Container", - spriteArray: false, - renderFirst: true, - constructor: function(a) { - this.callParent([a]); - if (a.sprites) { - this.spriteArray = [].concat(a.sprites); - delete a.sprites - } - }, - onRender: function() { - var c = this, - b = 0, - a = 0, - d, e; - this.callParent(arguments); - e = c.spriteArray; - if (c.renderFirst && e) { - c.renderFirst = false; - for (a = e.length; b < a; b++) { - d = c.surface.add(e[b]); - d.setAttributes({ - hidden: false - }, true) - } - } - } -}); -Ext.define("Ext.chart.interactions.ItemInfo", { - extend: "Ext.chart.interactions.Abstract", - type: "iteminfo", - alias: "interaction.iteminfo", - config: { - extjsGestures: { - start: { - event: "click", - handler: "onInfoGesture" - }, - move: { - event: "mousemove", - handler: "onInfoGesture" - }, - end: { - event: "mouseleave", - handler: "onInfoGesture" - } - } - }, - item: null, - onInfoGesture: function(f, a) { - var c = this, - b = c.getItemForEvent(f), - d = b && b.series.tooltip; - if (d) { - d.onMouseMove.call(d, f) - } - if (b !== c.item) { - if (b) { - b.series.showTip(b) - } else { - c.item.series.hideTip(c.item) - } - c.item = b - } - return false - } -}); \ No newline at end of file