ethoinfo-framework/src/views/code-manager/index.js

ethoinfo-framework [](https://travis-ci.org/ethoinformatics/ethoinfo-framework) =============

require('./index.less');
var tmpl = require('./index.vash'),
	CreateNewDialog = require('create-new-dialog'),
	EditExistingDialog = require('edit-existing-dialog'),
	Scroll = require('iscroll'),
	_ = require('lodash'),
	$ = require('jquery'),
	EventEmitter = require('events').EventEmitter,
	util = require('util'),
	Modal = require('modal'),
	listItemTemplate = require('./list-item-template.vash'),
	app = require('app')();

function CodeManager(){
	EventEmitter.call(this);
	var self = this,
		codeDomains = _.chain(app.getDomains('code-domain'))
			.sortBy('label')
			.value();

	var $element = $(tmpl({
		domains: codeDomains,
	}));

	var $domainSelect = $element.find('.js-select-domain'),
		$codeList = $element.find('.js-codes');


	$domainSelect.on('change', function(){
		_load();
	});

	$element.find('.scroll-wrapper')
		.css('width', window.innerWidth)
		.css('height', window.innerHeight-(96+44));

	var scroll = new Scroll($element.find('.scroll-wrapper')[0], {
			mouseWheel: true,
			scrollbars: true,
		});

	$codeList.on('click', '.js-item', function(){
		if (_.isEmpty(_currentEntities)) return;

		var $this = $(this),
			$item = $this.closest('.item'),
			_id = $item.data('_id');

		var dialog = new EditExistingDialog({
				domain: self.currentDomain,
				entity: _.find(_currentEntities, function(e){return e._id == _id;}),
			});

		dialog.on('edited', function(data){
			dialog.hide();

			self.entityManager.save(data)
				.then(function(){
					_load();
				})
				.catch(function(err){
					console.error(err);
				});
		});

		dialog.on('closed', function(){
			dialog.remove();
		});

		dialog.show();
	});

	$codeList.on('click', '.js-delete', function(ev){
		ev.stopPropagation();

		if (!window.confirm('Are you sure?')) return;

		var $this = $(this),
			$item = $this.closest('.item'),
			_id = $item.data('_id'),
			_rev = $item.data('_rev');

		self.entityManager.remove({_id: _id, _rev: _rev})
			.then(function(){
				$item.fadeOut(function(){
					$item.remove();
				});
			})
			.catch(function(err){
				console.error(err);
			});
	});

	$element.find('.js-btn-add')
		.click(function(ev){
			ev.preventDefault();

			var createNewDialog = new CreateNewDialog({
					domain: self.currentDomain,
				});

			createNewDialog.on('created', function(data){
				createNewDialog.hide();
				modal.show();

				self.entityManager.save(data)
					.then(function(){
						_load();
					})
					.catch(function(err){
						console.error(err);
					});
			});

			createNewDialog.on('closed', function(){
				createNewDialog.remove();
			});

			createNewDialog.show();
		});

	var modal = new Modal({
		title: 'Coded field manager',
		$content: $element,
		hideOkay: true,
	});

	modal.on('closed', function(){
		self.emit('closed');
	});

	self.show = function(){ 
		modal.show();
		_load();
	};

	Object.defineProperty(self, 'currentDomain', {
			get: function(){ 
				if (!$domainSelect) return null;

				var selectedDomainName = $domainSelect.val();
				return _.find(codeDomains, function(d){ return d.name == selectedDomainName; });
			},
		});

	Object.defineProperty(self, 'entityManager', {
			get: function(){ 
				if (!self.currentDomain) return null;

				return self.currentDomain.getService('entity-manager');
			},
		});

	Object.defineProperty(self, 'descriptionManager', {
			get: function(){ 
				if (!self.currentDomain) return null;

				return self.currentDomain.getService('description-manager');
			},
		});

	function _createListItemElement(viewModel){
		return listItemTemplate(viewModel);
	}

	var _currentEntities;
	function _load(){
		$codeList.empty()
			.append('Loading...');

		return self.entityManager.getAll()
			.then(function(entities){
				$codeList.empty();

				if (_.isEmpty(entities)){
					$codeList.append('There are no ' + self.currentDomain.label.toLowerCase() + ' codes.');
				}

				_currentEntities = entities;

				_.chain(entities)
					.map(function(entity){
						return {
								_id: entity._id,
								_rev: entity._rev,
								label: self.descriptionManager.getShortDescription(entity),
							};
					})
					.sortBy('label')
					.map(_createListItemElement)
					.value()
					.forEach(function(el){
						$codeList.append(el);
					});

				setTimeout(function(){
					scroll.refresh();
				},100);
			})
			.done();
	}
}

util.inherits(CodeManager, EventEmitter);
module.exports = CodeManager;