[setup wizard] added more steps [minor] [wip]

This commit is contained in:
Rushabh Mehta 2013-10-07 18:22:29 +05:30
parent ae307e8bf8
commit 8941841a9c
2 changed files with 113 additions and 30 deletions

View File

@ -20,7 +20,7 @@ $.extend(erpnext, {
hide_company: function() {
if(cur_frm.fields_dict.company) {
var companies = Object.keys(locals[":Company"]);
var companies = Object.keys(locals[":Company"] || {});
if(companies.length === 1) {
if(!cur_frm.doc.company) cur_frm.set_value("company", companies[0]);
cur_frm.toggle_display("company", false);

View File

@ -1,14 +1,18 @@
wn.pages['setup-wizard'].onload = function(wrapper) {
$(".navbar:first").toggle(false);
erpnext.wiz = new wn.wiz.Wizard({
parent: wrapper,
title: wn._("ERPNext Setup Guide"),
slides: [
// User
{
title: wn._("The First User"),
title: wn._("The First User: You"),
icon: "icon-user",
fields: [
{"fieldname": "first_name", "label": wn._("First Name"), "fieldtype": "Data", reqd:1},
{"fieldname": "last_name", "label": wn._("Last Name"), "fieldtype": "Data", reqd:1},
{fieldtype:"Attach Image", fieldname:"attach_profile", label:"Attach Your Profile..."},
],
help: wn._('The first user will become the System Manager (you can change that later).')
},
@ -16,6 +20,7 @@ wn.pages['setup-wizard'].onload = function(wrapper) {
// Organization
{
title: wn._("The Organization"),
icon: "icon-building",
fields: [
{fieldname:'company_name', label: wn._('Company Name'), fieldtype:'Data', reqd:1,
placeholder: 'e.g. "My Company LLC"'},
@ -37,6 +42,7 @@ wn.pages['setup-wizard'].onload = function(wrapper) {
// Country
{
title: wn._("Country, Timezone and Currency"),
icon: "icon-flag",
fields: [
{fieldname:'country', label: wn._('Country'), reqd:1,
options: "", fieldtype: 'Select'},
@ -81,48 +87,122 @@ wn.pages['setup-wizard'].onload = function(wrapper) {
// Logo
{
icon: "icon-bookmark",
title: wn._("Logo and Letter Heads"),
help: wn._('Upload your letter head and logo - you can edit them later.'),
html: '<h4>' + wn._('Upload Logo') + '</h4><div class="upload-area-letter-head"></div><hr>'
+'<h4>' + wn._('Upload Letter Head') + '</h4><div class="upload-area-logo"></div>',
fields: [
{fieldtype:"Attach Image", fieldname:"attach_letterhead", label:"Attach Letterhead..."},
{fieldtype:"Attach Image", fieldname:"attach_logo", label:"Attach Logo..."},
],
// html: '<h4>' + wn._('Upload Logo') + '</h4><div class="upload-area-letter-head"></div><hr>'
// +'<h4>' + wn._('Upload Letter Head') + '</h4><div class="upload-area-logo"></div>',
onload: function(slide) {
wn.upload.make({
parent: slide.$wrapper.find(".upload-area-letter-head").css({"margin-left": "10px"}),
on_attach: function(fileobj) {
console.log(fileobj);
}
});
wn.upload.make({
parent: slide.$wrapper.find(".upload-area-logo").css({"margin-left": "10px"}),
on_attach: function(fileobj) {
console.log(fileobj);
}
});
// wn.upload.make({
// parent: slide.$wrapper.find(".upload-area-letter-head").css({"margin-left": "10px"}),
// on_attach: function(fileobj) {
// console.log(fileobj);
// }
// });
//
// wn.upload.make({
// parent: slide.$wrapper.find(".upload-area-logo").css({"margin-left": "10px"}),
// on_attach: function(fileobj) {
// console.log(fileobj);
// }
// });
}
},
// Taxes
{
icon: "icon-money",
"title": wn._("Add Taxes"),
"help": wn._("List your tax heads (e.g. VAT, Excise) (upto 3) and their standard rates. This will create a standard template, you can edit and add more later."),
"fields": [
{fieldtype:"Column Break", fieldname:"cb_1", "label": "Tax Heads"},
{fieldtype:"Data", fieldname:"tax_1", label:"Tax 1", placeholder:"e.g. VAT"},
{fieldtype:"Data", fieldname:"tax_rate_1", label:"Rate for Tax 1 (%)", placeholder:"e.g. 5"},
{fieldtype:"Data", fieldname:"tax_2", label:"Tax 2", placeholder:"e.g. Customs Duty"},
{fieldtype:"Data", fieldname:"tax_rate_2", label:"Rate for Tax 2 (%)", placeholder:"e.g. 5"},
{fieldtype:"Data", fieldname:"tax_3", label:"Tax 3", placeholder:"e.g. Excise"},
{fieldtype:"Data", fieldname:"tax_rate_3", label:"Rate for Tax 3 (%)", placeholder:"e.g. 5"},
{fieldtype:"Column Break", fieldname:"cb_2", "label": "Tax Rates"},
{fieldtype:"Data", fieldname:"tax_rate_1", label:"Rate (%)", placeholder:"e.g. 5"},
{fieldtype:"Data", fieldname:"tax_rate_2", label:"Rate (%)", placeholder:"e.g. 5"},
{fieldtype:"Data", fieldname:"tax_rate_3", label:"Rate (%)", placeholder:"e.g. 5"},
],
onload: function(slide) {
}
},
// Items to Sell
{
icon: "icon-barcode",
"title": wn._("Your Products or Services"),
"help": wn._("List your products or services that you sell to your customers."),
"fields": [
{fieldtype:"Data", fieldname:"item_1", label:"Item 1", placeholder:"A Product or Service"},
{fieldtype:"Data", fieldname:"item_2", label:"Item 2", placeholder:"A Product or Service"},
{fieldtype:"Data", fieldname:"item_3", label:"Item 3", placeholder:"A Product or Service"},
{fieldtype:"Data", fieldname:"item_4", label:"Item 4", placeholder:"A Product or Service"},
{fieldtype:"Data", fieldname:"item_5", label:"Item 5", placeholder:"A Product or Service"},
{fieldtype:"Column Break", fieldname:"cb_2", "label": "Attachments"},
{fieldtype:"Attach", fieldname:"item_img_1", label:"Attach Image..."},
{fieldtype:"Attach", fieldname:"item_img_2", label:"Attach Image..."},
{fieldtype:"Attach", fieldname:"item_img_3", label:"Attach Image..."},
{fieldtype:"Attach", fieldname:"item_img_4", label:"Attach Image..."},
{fieldtype:"Attach", fieldname:"item_img_5", label:"Attach Image..."},
],
onload: function(slide) {
}
},
// Items to Buy
{
icon: "icon-barcode",
"title": wn._("Products or Services You Buy"),
"help": wn._("List a few products or services you buy from your suppliers or vendors. If these are same as your products, then do not add them."),
"fields": [
{fieldtype:"Data", fieldname:"item_buy_1", label:"Item 1", placeholder:"A Product or Service"},
{fieldtype:"Data", fieldname:"item_buy_2", label:"Item 2", placeholder:"A Product or Service"},
{fieldtype:"Data", fieldname:"item_buy_3", label:"Item 3", placeholder:"A Product or Service"},
{fieldtype:"Data", fieldname:"item_buy_4", label:"Item 4", placeholder:"A Product or Service"},
{fieldtype:"Data", fieldname:"item_buy_5", label:"Item 5", placeholder:"A Product or Service"},
],
onload: function(slide) {
}
},
// Customers
{
icon: "icon-group",
"title": wn._("Your Customers"),
"help": wn._("List a few of your customers. They could be organizations or individuals."),
"fields": [
{fieldtype:"Data", fieldname:"customer_1", label:"Customer 1", placeholder:"Customer Name"},
{fieldtype:"Data", fieldname:"customer_2", label:"Customer 2", placeholder:"Customer Name"},
{fieldtype:"Data", fieldname:"customer_3", label:"Customer 3", placeholder:"Customer Name"},
{fieldtype:"Data", fieldname:"customer_4", label:"Customer 4", placeholder:"Customer Name"},
{fieldtype:"Data", fieldname:"customer_5", label:"Customer 5", placeholder:"Customer Name"},
],
onload: function(slide) {
}
},
// Suppliers
{
icon: "icon-group",
"title": wn._("Your Suppliers"),
"help": wn._("List a few of your suppliers. They could be organizations or individuals."),
"fields": [
{fieldtype:"Data", fieldname:"supplier_1", label:"Supplier 1", placeholder:"Supplier Name"},
{fieldtype:"Data", fieldname:"supplier_2", label:"Supplier 2", placeholder:"Supplier Name"},
{fieldtype:"Data", fieldname:"supplier_3", label:"Supplier 3", placeholder:"Supplier Name"},
{fieldtype:"Data", fieldname:"supplier_4", label:"Supplier 4", placeholder:"Supplier Name"},
{fieldtype:"Data", fieldname:"supplier_5", label:"Supplier 5", placeholder:"Supplier Name"},
],
onload: function(slide) {
slide.form.fields_dict.tax_rate_1.$wrapper.css("margin-left", "50%");
slide.form.fields_dict.tax_rate_2.$wrapper.css("margin-left", "50%");
slide.form.fields_dict.tax_rate_3.$wrapper.css("margin-left", "50%");
}
}
//
]
})
@ -163,20 +243,22 @@ wn.wiz.WizardSlide = Class.extend({
},
make: function() {
var me = this;
this.$wrapper = $(repl('<div class="panel panel-default" style="margin: 30px;">\
<div class="panel-heading"><div class="panel-title">%(main_title)s: %(title)s</div></div>\
this.$wrapper = $(repl('<div class="panel panel-default" style="margin: 0px 30px;">\
<div class="panel-heading"><div class="panel-title">%(main_title)s: Step %(step)s</div></div>\
<div class="panel-body">\
<div class="progress">\
<div class="progress-bar" style="width: %(width)s%"></div>\
</div>\
<h3><i class="%(icon)s text-muted"></i> %(title)s</h3><br>\
<div class="row">\
<div class="col-sm-6 form"></div>\
<div class="col-sm-6 help"><h3>%(title)s</h3><p class="text-muted">%(help)s</p></div>\
<div class="col-sm-6 help"><p class="text-muted">%(help)s</p></div>\
</div>\
<hr>\
<div class="footer"></div>\
</div>\
</div>', {help:this.help, title:this.title, main_title:this.wiz.title, width: (flt(this.id + 1) / this.wiz.slides.length) * 100}))
</div>', {help:this.help, title:this.title, main_title:this.wiz.title, step: this.id + 1,
width: (flt(this.id + 1) / (this.wiz.slides.length+1)) * 100, icon:this.icon}))
.appendTo(this.wiz.parent);
this.body = this.$wrapper.find(".form")[0];
@ -184,7 +266,8 @@ wn.wiz.WizardSlide = Class.extend({
if(this.fields) {
this.form = new wn.ui.FieldGroup({
fields: this.fields,
body: this.body
body: this.body,
no_submit_on_enter: true
});
this.form.make();
} else {