From bdd9a7308951b3640e7a7d60297bca92b040d199 Mon Sep 17 00:00:00 2001
From: Hai Liang Wang <hain@chatopera.com>
Date: Wed, 6 Nov 2019 12:20:17 +0800
Subject: [PATCH] Add im channel views

---
 contact-center/app/.gitignore                 |  6 +-
 .../templates/admin/channel/im/add.html       | 49 +++++++++
 .../templates/admin/channel/im/edit.html      | 50 ++++++++++
 .../templates/admin/channel/im/index.html     | 99 +++++++++++++++++++
 4 files changed, 202 insertions(+), 2 deletions(-)
 create mode 100644 contact-center/app/src/main/resources/templates/admin/channel/im/add.html
 create mode 100644 contact-center/app/src/main/resources/templates/admin/channel/im/edit.html
 create mode 100644 contact-center/app/src/main/resources/templates/admin/channel/im/index.html

diff --git a/contact-center/app/.gitignore b/contact-center/app/.gitignore
index 0fe12476..c5082ee2 100644
--- a/contact-center/app/.gitignore
+++ b/contact-center/app/.gitignore
@@ -1,8 +1,10 @@
 # ignore plugins source code
 src/main/java/com/chatopera/cc/plugins/
 
-# ignore views within plugins
-!src/main/resources/templates/admin/channel/im/
+# ignore channel views within plugins
 src/main/resources/templates/admin/channel/*
+!src/main/resources/templates/admin/channel/im
+
+# ignore app views within plugins
 src/main/resources/templates/apps/callout
 src/main/resources/templates/apps/chatbot
diff --git a/contact-center/app/src/main/resources/templates/admin/channel/im/add.html b/contact-center/app/src/main/resources/templates/admin/channel/im/add.html
new file mode 100644
index 00000000..70e7b8d4
--- /dev/null
+++ b/contact-center/app/src/main/resources/templates/admin/channel/im/add.html
@@ -0,0 +1,49 @@
+<div class="uk-layui-form">
+	<form class="layui-form" action="/admin/im/save.html" method="post">
+		<div class="layui-form-item">
+			<div class="layui-inline">
+				<label class="layui-form-label" style="width:150px;">网站名称：</label>
+				<div class="layui-input-inline">
+					<input type="text" name="name" required lay-verify="required" autocomplete="off"
+						class="layui-input">
+				</div>
+				<div class="layui-form-mid layui-word-aux">
+	            	<font color="red">*</font> 
+	            	网站名称
+	            </div>
+			</div>
+		</div>
+		<div class="layui-form-item">
+			<div class="layui-inline">
+				<label class="layui-form-label" style="width:150px;">网站地址：</label>
+				<div class="layui-input-inline">
+					<input type="text" name="baseURL" required lay-verify="required" autocomplete="off"
+						class="layui-input">
+				</div>
+				<div class="layui-form-mid layui-word-aux">
+	            	<font color="red">*</font> 
+	            </div>
+			</div>
+		</div>
+		
+		<div class="ukefu-imp-tips" style="margin-top:0px;padding: 0;width: 548px;text-align: center">
+		     网站信息填写后会根据网站的URL生成网站标识，URL中不包含http或https
+		</div>
+
+		<div class="layui-form-button">
+			<div class="layui-button-block">
+				<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
+				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
+			</div>
+		</div>
+	</form>
+</div>
+<script>
+	layui.use('form', function() {
+		var form = layui.form();
+		form.render(); //更新全部
+	});
+	layui.use('element', function(){
+		var element = layui.element();
+	});
+</script>
\ No newline at end of file
diff --git a/contact-center/app/src/main/resources/templates/admin/channel/im/edit.html b/contact-center/app/src/main/resources/templates/admin/channel/im/edit.html
new file mode 100644
index 00000000..d4a3eaaf
--- /dev/null
+++ b/contact-center/app/src/main/resources/templates/admin/channel/im/edit.html
@@ -0,0 +1,50 @@
+<div class="uk-layui-form">
+	<form class="layui-form" action="/admin/im/update.html" method="post">
+		<input type="hidden" name="id" value="${snsAccount.id!''}">
+		<div class="layui-form-item">
+			<div class="layui-inline">
+				<label class="layui-form-label" style="width:150px;">网站名称：</label>
+				<div class="layui-input-inline">
+					<input type="text" name="name" value="${snsAccount.name!''}" required lay-verify="required" autocomplete="off"
+						class="layui-input">
+				</div>
+				<div class="layui-form-mid layui-word-aux">
+	            	<font color="red">*</font> 
+	            	网站名称
+	            </div>
+			</div>
+		</div>
+		<div class="layui-form-item">
+			<div class="layui-inline">
+				<label class="layui-form-label" style="width:150px;">网站地址：</label>
+				<div class="layui-input-inline">
+					<input type="text" name="baseURL" value="${snsAccount.baseURL!''}" required lay-verify="required" autocomplete="off"
+						class="layui-input">
+				</div>
+				<div class="layui-form-mid layui-word-aux">
+	            	<font color="red">*</font> 
+	            </div>
+			</div>
+		</div>
+		
+		<div class="ukefu-imp-tips" style="margin-top:0px;padding: 0;width: 548px;text-align: ">
+		     网站信息填写后会根据网站的URL生成网站标识，URL中不包含http或https
+		</div>
+
+		<div class="layui-form-button">
+			<div class="layui-button-block">
+				<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
+				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
+			</div>
+		</div>
+	</form>
+</div>
+<script>
+	layui.use('form', function() {
+		var form = layui.form();
+		form.render(); //更新全部
+	});
+	layui.use('element', function(){
+		var element = layui.element();
+	});
+</script>
\ No newline at end of file
diff --git a/contact-center/app/src/main/resources/templates/admin/channel/im/index.html b/contact-center/app/src/main/resources/templates/admin/channel/im/index.html
new file mode 100644
index 00000000..165516bd
--- /dev/null
+++ b/contact-center/app/src/main/resources/templates/admin/channel/im/index.html
@@ -0,0 +1,99 @@
+<div class="row">
+	<div class="col-lg-12">
+		<h1 class="site-h1" style="background-color:#FFFFFF;">
+			网站列表<#if snsAccountList??>（${snsAccountList.totalElements!''}）</#if>
+			<span style="float:right;">
+				<button class="layui-btn layui-btn-small green" href="/admin/im/add.html" data-toggle="ajax" data-width="550" data-height="300" data-title="创建新网站">
+					创建新网站
+				</button>
+			</span>
+		</h1>
+		<div class="row" style="padding:5px;">
+			<div class="col-lg-12">
+				<table class="layui-table" lay-skin="line" style="table-layout: fixed; word-break: break-all">
+				  <thead>
+					<tr>
+					  <th>名称</th>
+					  <th>网站地址</th>
+					  <th width="80px">网站标识</th>
+					  <th>创建时间</th>
+					  <th style="white-space:nowrap;" nowrap="nowrap">操作</th>
+					</tr> 
+				  </thead>
+				  <tbody>
+					<#if snsAccountList?? && snsAccountList.content??>
+					<#list snsAccountList.content as snsAccount>
+					<tr>
+					  <td title="${snsAccount.name!''}" style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">
+                          ${snsAccount.name!''}
+					  </td>
+					  <td title="${snsAccount.baseURL!''}" style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">${snsAccount.baseURL!''}</td>
+					  <td>${snsAccount.snsid!''}</td>
+					  <td>${snsAccount.createtime?string("yyyy-MM-dd HH:mm:ss")}</td>
+					  <td style="white-space:nowrap;" nowrap="nowrap">
+						   <a href="/admin/webim/index.html?snsid=${snsAccount.snsid!''}">
+							   <i class="layui-icon">&#xe632;</i>
+                               接入
+						   </a>
+					  		<a href="/admin/im/edit.html?id=${snsAccount.id!''}" data-toggle="ajax"  data-width="550" data-height="300" data-title="编辑网站">
+					  			<i class="layui-icon">&#xe642;</i>
+					  			编辑
+					  		</a>
+					  		<#if !(snsAccount.usertype?? && snsAccount.usertype == "0") && snsAccount.datastatus != true >
+					  		<a href="/admin/im/delete.html?id=${snsAccount.id!''}" style="margin-left:10px;" data-toggle="tip"  <#if secret?? && secret.enable == true>data-confirm="请输入二次安全验证密码"</#if> title="删除网站需要进行二次密码验证，请确认是否删除？" >
+					  			<i class="layui-icon" style="color:red;">&#x1006;</i>
+					  			删除
+					  		</a>
+					  		</#if>
+					  </td>
+					</tr>
+					</#list>
+					</#if>
+				  </tbody>
+				</table>
+			</div> 	   
+		</div>
+		<div class="row" style="padding:5px;">
+			<div class="col-lg-12" id="page" style="text-align:center;"></div>
+		</div>
+	</div>	
+</div>
+<script>
+	<#if execute?? && execute == "false">
+	top.layer.alert('二次 验证密码设置失败，输入的密码错误，请重新操作！', {icon: 2});
+	</#if>
+	<#if msg??>
+		<#if msg == '1'>
+			top.layer.alert('二次验证密码设置成功', {icon: 1});
+		<#elseif msg == '2'>
+			top.layer.alert('二次验证密码设置失败，请确认两次输入的密码一致', {icon: 2});
+		<#elseif msg == '3'>
+			top.layer.alert('二次验证密码设置失败，旧的密码验证失败，请输入正确的密码', {icon: 2});
+		</#if>
+	</#if>
+	layui.use('layer', function(){
+		var layer = layui.layer;
+		console.log(window.location.href)
+	<#if status?? && status == 'new_webim_success'>
+		layer.msg('网站添加成功',{icon: 1, offset: 'rb', time: 1000})
+	<#elseif status?? && status == 'new_webim_fail'>
+		layer.msg('网站添加失败',{icon: 2, offset: 'rb', time: 3000})
+	</#if>
+	});
+
+	layui.use(['laypage', 'layer'], function(){
+		  var laypage = layui.laypage
+		  ,layer = layui.layer;
+		  laypage({
+				cont: 'page'
+				,pages: <#if snsAccountList??>${snsAccountList.totalPages}<#else>0</#if> //总页数
+				,curr:<#if snsAccountList??>${snsAccountList.number+1}<#else>0</#if>
+				,groups: 5 //连续显示分页数
+				,jump:function(data , first){
+					if(!first){
+						location.href = "/admin/im/index.html?p="+data.curr ;
+					}
+				}
+		   });
+		});
+</script>
\ No newline at end of file