<!DOCTYPE html>
<html>

<head>
	<title>chat view</title>
	<meta charset="utf-8" />
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" href="app.css">

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<!--<script src="js/jquery.min.js"></script>-->
	<script src="../bower_components/angular/angular.js"></script>
	<script src="../bower_components/angular-scroll-glue/src/scrollglue.js"></script>
	<script src="app.js"></script>
</head>

<body ng-app="appMessage" ng-controller="MessageController" scroll-glue-bottom>
	<div class="full-client">
		<div class="feed-activity-list p-l-xs p-t-xs p-r-xs">

			<div class="feed-element" ng-repeat="item in items track by $index">
				<div class="media-body">
					<strong>{{item.name}}</strong>
					<small class="text-muted">{{item.time}}</small>
					<div class="well m-l-xs m-t-xs fit-content"><span class="text-message">{{item.message}}</span></div>
				</div>
			</div>
			<!--<a role="button" ng-click="addClick({name:'web', time:'2016-06-24 15:55', message:'hello world'})">test</a>-->

			<!-- 普通消息 -->
			<!--<div class="feed-element">
				<div class="media-body ">
					<strong>陆趣趣</strong>
					<small class="text-muted">Today 2:10 pm - 12.06.2014</small>

					<div class="well m-l-xs m-t-xs fit-content">
						<span class="text-message">手动建开发技术的发是打发是否阿萨德发按时大家阿萨德发 圣诞节法律考试及地方akjsdklfajs 按时大奖是离开的房间阿萨德发是对方可爱上了对方快递费阿斯顿发阿萨德发啊阿萨德f</span>
					</div>
				</div>
			</div>-->

			<!-- 文件下载消息 -->
			<!--<div class="feed-element"  ng-repeat="file in files track by $index">
				<div class="media-body">
					<strong>{{file.sender}}</strong>
					<small class="text-muted">Today 2:10 pm - 12.06.2014</small>

					<div class="well m-l-xs m-t-xs fit-content file-message" style="width: 300px;">
						<img src="./img/unkown.png" onError=" this.src = './img/unkown.png' "/>
						<span style="float:left; margin:5px 0px 0px 0px">文件名：{{file.name}}<br/>大小：{{file.size}}</span>
						<div class="p-t-sm text-right">
							<a class="text-primary" role="button">打开</a>
							<a class="text-primary" role="button">打开文件夹</a>
						</div>
					</div>
				</div>
			</div>-->

			<!-- 带截图 -->
			<div class="feed-element">
				<div class="media-body">
					<strong>陆趣趣</strong>
					<small class="text-muted">Today 2:10 pm - 12.06.2014</small>
					<div class="well m-l-xs m-t-xs fit-content">
						<span class="text-message">萨德发按时大家阿萨德
										<a href="#" class="thumbnail"  style="width:300px;">
											<img src="D:\NodejsProjects\LxtalkUIView\dist\img\Lighthouse.jpg" alt="通用的占位符缩略图">
										</a>
										kjsdklfajs 按时大奖是离开的房间阿萨德
										</span>
					</div>
				</div>
			</div>

			<!-- 只有截图 -->
			<!--<div class="feed-element">
				<div class="media-body">
					<strong>陆趣趣</strong>
					<small class="text-muted">Today 2:10 pm - 12.06.2014</small>
					<div class="well m-l-xs m-t-xs fit-content">
						<span class="text-message">
								<a href="#" class="thumbnail" style="width:300px;">
									<img src="Lighthouse.jpg" alt="通用的占位符缩略图">
								</a>
							</span>
					</div>
				</div>
			</div>-->

			<!-- 带表情 -->
			<!--<div class="feed-element">
				<div class="media-body">
					<strong>陆趣趣</strong>
					<small class="text-muted">Today 2:10 pm - 12.06.2014</small>
					<div class="well m-l-xs m-t-xs fit-content">
						<span class="text-message">
											萨德发按时大家阿萨德<img src="../../Images/Faces/em_009.gif">kjsdklfajs 按时大奖是离开的房间阿萨德
							</span>
					</div>
				</div>
			</div>-->

			<!-- 只有表情 -->
			<!--<div class="feed-element">
				<div class="media-body">
					<strong>陆趣趣</strong>
					<small class="text-muted">Today 2:10 pm - 12.06.2014</small>
					<div class="well m-l-xs m-t-xs fit-content">
						<img src="../../Images/Faces/em_009.gif">
					</div>
				</div>
			</div>-->

			<!-- 地图 -->
			<div class="feed-element" ng-repeat="map in maps track by $index">
				<div class="media-body">
					<strong>{{map.sender}}</strong>
					<small class="text-muted">{{map.time}}</small>
					<div class="well m-l-xs m-t-xs fit-content">
						<span class="text-message">
							<iframe class="map" border=0 src="{{map.url}}" frameBorder=no></iframe>
						</span>
					</div>

				</div>
			</div>

			<!-- 语音 -->
			<div class="feed-element">
				<div class="media-body">
					<strong>陆趣趣</strong>
					<small class="text-muted">Today 2:10 pm - 12.06.2014</small>
					<div class="well m-l-xs m-t-xs fit-content">
						<span class="text-message">
								<audio src="../../Users/97-test/ReceivedFaces/8DBC232A4BA5CB716BB3CBD6D72AA1B7.mp3" controls="controls">
									Your browser does not support the audio tag.
								</audio>
							</span>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>

</html>