frappe/public/js/wn/ui/toolbar/toolbar.js

// Copyright (c) 2012 Web Notes Technologies Pvt Ltd (http://erpnext.com)
// 
// MIT License (MIT)
// 
// Permission is hereby granted, free of charge, to any person obtaining a 
// copy of this software and associated documentation files (the "Software"), 
// to deal in the Software without restriction, including without limitation 
// the rights to use, copy, modify, merge, publish, distribute, sublicense, 
// and/or sell copies of the Software, and to permit persons to whom the 
// Software is furnished to do so, subject to the following conditions:
// 
// The above copyright notice and this permission notice shall be included in 
// all copies or substantial portions of the Software.
// 
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
// INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
// PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
// HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF 
// CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE 
// OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
// 


wn.ui.toolbar.Toolbar = Class.extend({
	init: function() {
		this.make();
		this.make_erpnext();
		this.make_file();
		this.make_view();
		//this.make_actions();
		wn.ui.toolbar.recent = new wn.ui.toolbar.RecentDocs();
		wn.ui.toolbar.bookmarks = new wn.ui.toolbar.Bookmarks();
		this.make_tools();
		this.set_user_name();
		this.make_logout();
		$('.dropdown-toggle').dropdown();
		
		$(document).trigger('toolbar_setup');
		
		// clear all custom menus on page change
		$(document).on("page-change", function() {
			$("header .navbar .custom-menu").remove();
		})
	},
	make: function() {
		$('header').append('<div class="navbar navbar-fixed-top navbar-inverse">\
			<div class="container">\
				<button type="button" class="navbar-toggle" data-toggle="collapse" \
					data-target=".navbar-responsive-collapse">\
					<span class="icon-bar"></span>\
					<span class="icon-bar"></span>\
					<span class="icon-bar"></span>\
				</button>\
				<div class="nav-collapse collapse navbar-responsive-collapse">\
					<ul class="nav">\
					</ul>\
					<img src="lib/images/ui/spinner.gif" id="spinner"/>\
					<ul class="nav pull-right">\
						<li class="dropdown">\
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" \
								onclick="return false;" id="toolbar-user-link"></a>\
							<ul class="dropdown-menu" id="toolbar-user">\
							</ul>\
						</li>\
					</ul>\
				</div>\
			</div>\
			</div>');		
	},
	make_home: function() {
		$('.navbar-brand').attr('href', "#");
	},

	make_erpnext: function() {
		$('<li class="dropdown">\
			<a class="dropdown-toggle" data-toggle="dropdown" href="#"\
				title="'+wn._("ERPNext")+'"\
				onclick="return false;"><b>ERPNext</b></a>\
			<ul class="dropdown-menu modules">\
			</ul>\
			</li>').prependTo('.navbar .nav:first');

		var modules_list = wn.user.get_desktop_items().sort();
		var menu_list = $(".navbar .modules");

		var _get_list_item = function(m) {
			args = {
				module: m,
				module_page: wn.modules[m].link,
				module_label: wn._(wn.modules[m].label || m),
				icon: wn.modules[m].icon
			}

			return repl('<li><a href="#%(module_page)s" \
				data-module="%(module)s"><i class="%(icon)s" style="display: inline-block; \
					width: 21px; margin-top: -2px; margin-left: -7px;"></i>\
				%(module_label)s</a></li>', args);
		}

		// desktop
		$('<li><a href="#desktop"><i class="icon-th"></i> '
			+ wn._("Desktop") + '</a></li>\
			<li class="divider"></li>').appendTo(menu_list) 

		// add to dropdown
		$.each(modules_list,function(i, m) {
			if(m!='Setup') {
				menu_list.append(_get_list_item(m));			
			}
		})

		// setup for system manager
		if(user_roles.indexOf("System Manager")!=-1) {
			menu_list.append('<li class="divider">' + _get_list_item("Setup"));
		}
	
	},
	make_file: function() {
		wn.ui.toolbar.new_dialog = new wn.ui.toolbar.NewDialog();
		wn.ui.toolbar.search = new wn.ui.toolbar.Search();
		wn.ui.toolbar.report = new wn.ui.toolbar.Report();
		$('.navbar .nav:first').append('<li class="dropdown">\
			<a class="dropdown-toggle" href="#"  data-toggle="dropdown"\
				title="'+wn._("File")+'"\
				onclick="return false;">'+wn._("File")+'</a>\
			<ul class="dropdown-menu" id="navbar-file">\
				<li><a href="#" onclick="return wn.ui.toolbar.new_dialog.show();">\
					<i class="icon-plus"></i> '+wn._('New')+'...</a></li>\
				<li><a href="#" onclick="return wn.ui.toolbar.search.show();">\
					<i class="icon-search"></i> '+wn._('Search')+'...</a></li>\
				<li><a href="#" onclick="return wn.ui.toolbar.report.show();">\
					<i class="icon-list"></i> '+wn._('Report')+'...</a></li>\
			</ul>\
		</li>');
	},

	make_view: function() {
		$('.navbar .nav:first').append('<li class="dropdown">\
			<a class="dropdown-toggle" data-toggle="dropdown" href="#" \
				title="'+wn._("View")+'"\
				onclick="return false;">'+wn._("View")+'</a>\
			<ul class="dropdown-menu" id="navbar-view">\
			</ul>\
		</li>');
	},

	// make_actions: function() {
	// 	$('.navbar .nav:first').append('<li class="dropdown">\
	// 		<a class="dropdown-toggle" data-toggle="dropdown" href="#" \
	// 			title="'+wn._("Actions")+'"\
	// 			onclick="return false;">'+wn._("Actions")+'</a>\
	// 		<ul class="dropdown-menu" id="navbar-actions">\
	// 		</ul>\
	// 	</li>');
	// },

	make_tools: function() {
		$('.navbar .nav:first').append('<li class="dropdown">\
			<a class="dropdown-toggle" data-toggle="dropdown" href="#" \
				title="'+wn._("Tools")+'"\
				onclick="return false;">Tools</a>\
			<ul class="dropdown-menu" id="toolbar-tools">\
				<li><a href="#" onclick="return wn.ui.toolbar.clear_cache();">'
					+wn._('Clear Cache & Refresh')+'</a></li>\
				<li><a href="#" onclick="return wn.ui.toolbar.show_about();">'
					+wn._('About')+'</a></li>\
			</ul>\
		</li>');
		
		if(has_common(user_roles,['Administrator','System Manager'])) {
			$('#toolbar-tools').append('<li><a href="#" \
				onclick="return wn.ui.toolbar.download_backup();">'
				+wn._('Download Backup')+'</a></li>');
		}
	},
	set_user_name: function() {
		var fn = user_fullname;
		if(fn.length > 15) fn = fn.substr(0,12) + '...';
		$('#toolbar-user-link').html(fn + '<b class="caret"></b>');
	},

	make_logout: function() {
		// logout
		$('#toolbar-user').append('<li><a href="#" onclick="return wn.app.logout();">'
			+wn._('Logout')+'</a></li>');
	}
});

wn.ui.toolbar.clear_cache = function() {
	localStorage && localStorage.clear();
	$c('webnotes.sessions.clear',{},function(r,rt){ 
		if(!r.exc) {
			show_alert(r.message);
			location.reload();
		}
	});
	return false;
}

wn.ui.toolbar.download_backup = function() {
	msgprint(wn._("Your download is being built, this may take a few moments..."));
	$c('webnotes.utils.backups.get_backup',{},function(r,rt) {});
	return false;
}

wn.ui.toolbar.show_about = function() {
	try {
		wn.ui.misc.about();		
	} catch(e) {
		console.log(e);
	}
	return false;
}