{% extends 'MirrorOamBundle:Base:base.html.twig' %}

{% block style %}
<style type="text/css">
#employee-table td {
	height: 40px;
}
#split-page {
	text-align: center;
}
.form-control {
	width: auto;
	display: inline-block;
}
#employee-info {
	width: 30%;
	height: 250px;
	left: 0px;
	right: 0px;
	top: 100px;
	margin: 0px auto;
	background-color: #ffffff;
}
</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="organizationListController">
	<h1 class="page-header">助手组织管理</h1>
	<div class="table-responsive">
		<table class="table table-striped">
			<thead>
		        <tr>
		          <th>#</th>
		          <th>名称</th>
		          <th>操作</th>
		        </tr>
	      </thead>
	      <tbody>
	        <tr ng-repeat="organization in organizationList">
	        	<td>{{ organization.id }}</td>
	        	<td>{{ organization.name }}</td>
	        	<td><a href="#" data-target="#employee-info" role="button" data-toggle="modal" ng-click="setOrganizationInfo(this)" >修改</a></td>
	        </tr>
	      </tbody>
		</table>
	</div>
	<div id="split-page">
		<tm-pagination conf="paginationConf"></tm-pagination>
	</div>
	<div id="employee-info" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="cleanDetail(this)">×</button>
		    <h3 id="myModalLabel">修改</h3>
	  </div>
	  <div class="modal-body">
	  	<div>
	  		<table id="employee-table" width="500px;">
			  	<tr>
			  		<td>
				  		名称：
				  	</td>
				  	<td>
				  		<input type="text" class="form-control" placeholder="" ng-model="focusOrganization.name" />
				  	</td>
			  	</tr>
	  		</table>
	  	</div>
	  </div>
	  <div class="modal-footer">
	    <button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
	    <button class="btn btn-primary" ng-click="save(this)">保存</button>
	  </div>
	</div>
</div>
{% endraw %}
{% endblock %}

{% block script %}
<script type="text/javascript" src="{{ asset('bundles/mirroroam/js/tm-pagination.js') }}"></script>
<script type="text/javascript">
angular.module('myApp',[])
	.controller('organizationListController',function($scope,$http){
		init($scope,$http);
	});
function init($scope,$http)
{
	$scope.focusOrganization={};
	$("#staff-manage").addClass('active');
	$("#staff-organization-list").addClass("active");
	$("#staff-manage-list").addClass('in');
	$scope.cleanDetail=function(){
		$scope.focusOrganization.id=0;
		$scope.focusOrganization.name=0;
		getOrganizationList($scope,$http);
	};
	$scope.save=function(target){
		saveOrganization($scope,$http);
	};
	$scope.setOrganizationInfo=function(target){
		$scope.focusOrganization.id=target.organization.id;
		$scope.focusOrganization.name=target.organization.name;
	};
	getOrganizationList($scope,$http);
}
function saveOrganization($scope,$http)
{
	var json={
		'id':$scope.focusOrganization.id,
		'name':$scope.focusOrganization.name
	}
	httpOther(
		$http,
		apiPath('/api/staff/organization/update'),
		'post',
		json,
		function(data,textStatus){
			alert('修改成功');
			$("#employee-info").modal('hide');
			getOrganizationList($scope,$http);
		},
		function(errno,errmsg){

		}

	);	
}
function getOrganizationList($scope,$http)
{
	httpOther(
		$http,
		apiPath('/api/staff/organization/list'),
		'post',
		'',
		function(data,textStatus){
			$scope.organizationList=data.rows;
		},
		function(errno,errmsg){

		}

	);
}
</script>
{% endblock %}