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

{% block style %}
<style type="text/css">
	#reply {
		width: 50%;
		height: 400px;
		left: 0px;
		right: 0px;
		top: 100px;
		margin: 0px auto;
		background-color: #ffffff;
	}
</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="questionController">
	<h1 class="page-header">问题反馈</h1>
	<div class="table-responsive">
		<table class="table table-striped">
			<thead>
		        <tr>
		          <th>#</th>
		          <th>openId</th>
		          <th>反馈内容</th>
		          <th>反馈时间</th>
		          <th>操作</th>
		        </tr>
	      </thead>
	      <tbody>
	        <tr ng-repeat="question in questionList">
	        	<td>{{ question.id }}</td>
	        	<td>{{ question.openId }}</td>
	        	<td>{{ question.content }}</td>
	        	<td>{{ question.createTime }}</td>
	        	<td><a ng-if="question.status == 0" data-target="#reply" role="button" class="btn" data-toggle="modal" ng-click="replyId(question.id);">回复</a><span ng-if="question.status == 1">已回复</span></td>
	        </tr>
	      </tbody>
		</table>
	</div>

	<div id="reply" 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="cleanStructure(this)">×</button>
	    <h3 id="myModalLabel">反馈回复</h3>
	  </div>
	  <div class="modal-body">
	  	<div>
	  		<textarea cols="80" rows="5" style="display:block;margin:0px auto;" ng-model="replyValue.content"></textarea>
		</div>
	  </div>
	  <div class="modal-footer">
	    <button class="btn" data-dismiss="modal" ng-click="cleanStructure(this)">关闭</button>
	    <button class="btn btn-primary" ng-click="replyInfo()">回复</button>
	  </div>
	</div>
</div>
{% endraw %}
{% endblock %}

{% block script %}
<script type="text/javascript">
angular.module('myApp',[])
	.controller('questionController',function($scope,$http){
		init($scope,$http);
		$scope.replyValue = {};
		$scope.replyId = function(value){
			$scope.replyValue.id = value;
		}
		$scope.replyInfo = function(){
			httpOther(
				$http,
				apiPath('/api/director/reply/question'),
				'post',
				$scope.replyValue,
				function(data,textStatus){
					alert('回复成功');
				},
				function(errno,errmsg){

				}

			);
		}
	});
function init($scope,$http)
{
	$scope.param = {};
	$scope.param.page = 1;
	$scope.param.rows = 10; 
	setData($scope,$http);
}

function setData($scope,$http){
	httpOther(
		$http,
		apiPath('/api/question/list'),
		'post',
		$scope.param,
		function(data,textStatus){
			$scope.questionList = data.rows;
		},
		function(errno,errmsg){

		}

	);
}

</script>
{% endblock %}