X-Git-Url: http://git.datanom.net/omvzfs.git/blobdiff_plain/35244689760c75fa850b4b78402419c5d156df74..5690c58bd4b068fca83db81fd99ba342c54f9420:/gui/js/omv/module/admin/storage/zfs/Overview.js

diff --git a/gui/js/omv/module/admin/storage/zfs/Overview.js b/gui/js/omv/module/admin/storage/zfs/Overview.js
index fe72e89..832b5e0 100644
--- a/gui/js/omv/module/admin/storage/zfs/Overview.js
+++ b/gui/js/omv/module/admin/storage/zfs/Overview.js
@@ -1,8 +1,162 @@
 // require("js/omv/tree/Panel.js")
-// require("js/omv/module/admin/service/zfs/TreePanel.js")
+// require("js/omv/module/admin/storage/zfs/TreePanel.js")
 // require("js/omv/workspace/window/Grid.js")
+// require("js/omv/form/field/CheckboxGrid.js")
 
-Ext.define("OMV.module.admin.services.zfs.AddObject", {
+Ext.define("OMV.module.admin.storage.zfs.AddPool", {
+	extend: "OMV.workspace.window.Form",
+	requires: [
+		"OMV.data.Store",
+		"OMV.data.Model",
+		"OMV.data.proxy.Rpc",
+		"OMV.form.field.CheckboxGrid"
+	],
+
+	rpcService: "ZFS",
+	rpcSetMethod: "addPool",
+	title: _("Create ZFS pool"),
+	autoLoadData: false,
+	hideResetButton: true,
+	width: 550,
+	height: 260,
+
+	getFormItems: function() {
+		var me = this;
+		return [{
+			xtype: "textfield",
+			name: "name",
+			fieldLabel: _("Name")
+		},{
+			xtype: "combo",
+			name: "pooltype",
+			fieldLabel: _("Pool type"),
+			queryMode: "local",
+			store: Ext.create("Ext.data.ArrayStore", {
+				fields: [ "value", "text" ],
+				data: [
+					[ "basic", _("Basic") ],
+					[ "mirror", _("Mirror") ],
+					[ "raidz1", _("RAID-Z1") ],
+					[ "raidz2", _("RAID-Z2") ],
+					[ "raidz3", _("RAID-Z3") ]
+				]
+			}),
+			displayField: "text",
+			valueField: "value",
+			allowBlank: false,
+			editable: false,
+			triggerAction: "all",
+			value: "raidz1",
+			listeners: {
+				scope: me,
+				change: function(combo, value) {
+					var devicesField = this.findField("devices");
+					switch(value) {
+					case "basic":
+						devicesField.minSelections = 1;
+					break;
+					case "mirror":
+						devicesField.minSelections = 2;
+						break;
+					case "raidz1":
+						devicesField.minSelections = 3;
+						break;
+					case "raidz2":
+						devicesField.minSelections = 4;
+					case "raidz3":
+						devicesField.minSelections = 5;
+						break;
+					default:
+						devicesField.minSelections = 2;
+						break;
+					}
+					devicesField.validate();
+				}
+			}
+		},{
+			xtype: "checkboxgridfield",
+			name: "devices",
+			fieldLabel: _("Devices"),
+			valueField: "devicefile",
+			minSelections: 3, // Min. number of devices for RAIDZ-1
+			useStringValue: true,
+			height: 130,
+			store: Ext.create("OMV.data.Store", {
+				autoLoad: true,
+				model: OMV.data.Model.createImplicit({
+					idProperty: "devicefile",
+					fields: [
+						{ name: "devicefile", type: "string" },
+						{ name: "size", type: "string" },
+						{ name: "vendor", type: "string" },
+						{ name: "serialnumber", type: "string" }
+					]
+				}),
+				proxy: {
+					type: "rpc",
+					appendSortParams: false,
+					rpcData: {
+						service: "RaidMgmt",
+						method: "getCandidates"
+					}
+				},
+				sorters: [{
+					direction: "ASC",
+					property: "devicefile"
+				}]
+			}),
+			gridConfig: {
+				stateful: true,
+				stateId: "1866b5d0-327e-11e4-8c21-0800200c9a66",
+				columns: [{
+					text: _("Device"),
+					sortable: true,
+					dataIndex: "devicefile",
+					stateId: "devicefile",
+					flex: 1
+				},{
+					xtype: "binaryunitcolumn",
+					text: _("Capacity"),
+					sortable: true,
+					dataIndex: "size",
+					stateId: "size",
+					width: 50,
+					flex: 1
+				},{
+					text: _("Vendor"),
+					sortable: true,
+					dataIndex: "vendor",
+					stateId: "vendor",
+					flex: 1
+				},{
+					text: _("Serial Number"),
+					sortable: true,
+					dataIndex: "serialnumber",
+					stateId: "serialnumber",
+					flex: 1
+				}]
+			}
+		}];
+	},
+
+	doSubmit: function() {
+		var me = this;
+		OMV.MessageBox.show({
+			title: _("Confirmation"),
+			msg: _("Do you really want to create the ZFS pool?"),
+			buttons: Ext.Msg.YESNO,
+			fn: function(answer) {
+				if(answer === "no")
+					return;
+				me.superclass.doSubmit.call(me);
+			},
+			scope: me,
+			icon: Ext.Msg.QUESTION
+		});
+	}
+});
+
+Ext.define("OMV.module.admin.storage.zfs.AddObject", {
 	extend: "OMV.workspace.window.Form",
 	uses: [
 		"OMV.data.Store",
@@ -79,7 +233,7 @@ Ext.define("OMV.module.admin.services.zfs.AddObject", {
 
 
 
-Ext.define("OMV.module.admin.service.zfs.EditProperties", {
+Ext.define("OMV.module.admin.storage.zfs.EditProperties", {
 	extend: "OMV.workspace.window.Grid",
 	requires: [
 		"OMV.data.Store",
@@ -171,7 +325,7 @@ Ext.define("OMV.module.admin.service.zfs.EditProperties", {
 						value: "",
 						source: "local",
 						modified: "true",
-						newproperty: "true" 
+						newproperty: "true"
 					});
 					rowEditing.cancelEdit();
 					store.insert(0, newProperty);
@@ -239,7 +393,7 @@ Ext.define("OMV.module.admin.service.zfs.EditProperties", {
 				stateId: "newproperty",
 				sortable: false,
 				hidden: true
-			},{				
+			},{
 				text: _("Modified"),
 				sortable: false,
 				dataIndex: "modified",
@@ -255,7 +409,7 @@ Ext.define("OMV.module.admin.service.zfs.EditProperties", {
 		var values = me.getValues();
 		Ext.Array.each(values, function(value) {
 			if(value.modified === "false")
-				return;										 
+				return;
 			properties.push({
 				"property": value.property,
 				"value": value.value,
@@ -271,7 +425,7 @@ Ext.define("OMV.module.admin.service.zfs.EditProperties", {
 });
 
 
-Ext.define("OMV.module.admin.services.zfs.CreateShare", {
+Ext.define("OMV.module.admin.storage.zfs.CreateShare", {
 	extend: "OMV.workspace.window.Form",
 	uses: [
 		"OMV.data.Store",
@@ -343,8 +497,8 @@ Ext.define("OMV.module.admin.services.zfs.CreateShare", {
 
 
 
-Ext.define("OMV.module.admin.service.zfs.Overview", {
-	extend: "OMV.module.admin.services.zfs.TreePanel",
+Ext.define("OMV.module.admin.storage.zfs.Overview", {
+	extend: "OMV.module.admin.storage.zfs.TreePanel",
 
 	rpcService: "ZFS",
 	rpcGetMethod: "getObjectTree",
@@ -379,7 +533,7 @@ Ext.define("OMV.module.admin.service.zfs.Overview", {
 		icon: 'images/checkmark.png',
 		handler: function(view, rowIndex, colIndex, item, e, record, row) {
 			var me = this;
-			Ext.create("OMV.module.admin.services.zfs.CreateShare", {
+			Ext.create("OMV.module.admin.storage.zfs.CreateShare", {
 				title: _("Create shared folder"),
 				rpcGetMethod: "getSharedParams",
 				rpcGetParams: {
@@ -441,12 +595,24 @@ Ext.define("OMV.module.admin.service.zfs.Overview", {
 		me.callParent(arguments);
 	},
 
+  	onAddButton: function() {
+		var me = this;
+		Ext.create("OMV.module.admin.storage.zfs.AddPool", {
+			listeners: {
+				scope: me,
+				submit: function() {
+					this.doReload();
+				}
+			}
+		}).show();
+	},
+
 	onAddObjButton: function() {
 		var me = this;
 		var sm = me.getSelectionModel();
 		var records = sm.getSelection();
-		var record = records[0];	    
-		Ext.create("OMV.module.admin.services.zfs.AddObject", {
+		var record = records[0];
+		Ext.create("OMV.module.admin.storage.zfs.AddObject", {
 			title: _("Add Object"),
 			rpcGetMethod: "passParam",
 			rpcGetParams: {
@@ -467,7 +633,7 @@ Ext.define("OMV.module.admin.service.zfs.Overview", {
 		var sm = me.getSelectionModel();
 		var records = sm.getSelection();
 		var record = records[0];
-		Ext.create("OMV.module.admin.service.zfs.EditProperties", {
+		Ext.create("OMV.module.admin.storage.zfs.EditProperties", {
 			name: record.get("path"),
 			type: record.get("type")
 		}).show();
@@ -493,10 +659,10 @@ Ext.define("OMV.module.admin.service.zfs.Overview", {
 
 OMV.WorkspaceManager.registerPanel({
 	id: "overview",
-	path: "/service/zfs",
+	path: "/storage/zfs",
 	text: _("Overview"),
 	position: 10,
-	className: "OMV.module.admin.service.zfs.Overview"
+	className: "OMV.module.admin.storage.zfs.Overview"
 });