VAR/VAR.WebFormsCore
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chat: Window open and close animation

Browse Source
This commit is contained in:
Valeriano A.R.
2015-08-22 14:17:58 +02:00
parent 76ad1bde77
commit 27c6bd6c75
3 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
VAR.Focus.Web/Controls/ChatControl.cs
View File

@@ -112,8 +112,8 @@ namespace VAR.Focus.Web.Controls
_divChatContainer = new Panel { ID = "divChatContainer", CssClass = "divChatContainer" };
_divChatWindow.Controls.Add(_divChatContainer);
_divChatContainer.Width = _width;
_divChatContainer.Height = _height;
_divChatContainer.Width = 0;
_divChatContainer.Height = 0;
var divChat = new Panel { ID = "divChat", CssClass = "divChat" };
_divChatContainer.Controls.Add(divChat);
@@ -137,6 +137,8 @@ namespace VAR.Focus.Web.Controls
sbCfg.AppendFormat(" divChatTitleBar: \"{0}\",\n", _divChatTitleBar.ClientID);
sbCfg.AppendFormat(" lblTitle: \"{0}\",\n", lblTitle.ClientID);
sbCfg.AppendFormat(" divChatContainer: \"{0}\",\n", _divChatContainer.ClientID);
sbCfg.AppendFormat(" divChatContainerWidth: \"{0}\",\n", _width);
sbCfg.AppendFormat(" divChatContainerHeight: \"{0}\",\n", _height);
sbCfg.AppendFormat(" divChat: \"{0}\",\n", divChat.ClientID);
sbCfg.AppendFormat(" txtText: \"{0}\",\n", txtText.ClientID);
sbCfg.AppendFormat(" btnSend: \"{0}\",\n", btnSend.ClientID);

12
VAR.Focus.Web/Scripts/10. Chat.js
View File

@@ -9,7 +9,9 @@
cfg.lblTitle.innerHTML = cfg.Texts.Chat;
cfg.lblTitle.className = "titleChatNormal";
cfg.divChatContainer.style.display = "none";
cfg.divChatContainer.style.width = 0;
cfg.divChatContainer.style.height = 0;
cfg.divChatContainer.style.opacity = 0;
cfg.Minimized = true;
cfg.Connected = null;
@@ -19,7 +21,9 @@
cfg.lblTitle.onclick = function () {
if (cfg.Minimized) {
cfg.divChatContainer.style.display = "";
cfg.divChatContainer.style.width = cfg.divChatContainerWidth;
cfg.divChatContainer.style.height = cfg.divChatContainerHeight;
cfg.divChatContainer.style.opacity = 1;
if (cfg.Connected) {
cfg.lblTitle.innerHTML = cfg.Texts.Close;
cfg.lblTitle.className = "titleChatNormal";
@@ -33,7 +37,9 @@
} else {
cfg.ScrollPosition = cfg.divChat.scrollTop;
cfg.ScrollOnRestore = (cfg.divChat.scrollTop > (cfg.divChat.scrollHeight - cfg.divChat.offsetHeight));
cfg.divChatContainer.style.display = "none";
cfg.divChatContainer.style.width = 0;
cfg.divChatContainer.style.height = 0;
cfg.divChatContainer.style.opacity = 0;
if (cfg.Connected) {
cfg.lblTitle.innerHTML = cfg.Texts.Chat;
cfg.lblTitle.className = "titleChatNormal";

6
VAR.Focus.Web/Styles/10. Chat.css
View File

@@ -57,6 +57,12 @@
padding: 5px;
}
.divChatContainer{
transition-property: width, height, opacity;
transition-duration: 0.3s;
overflow: hidden;
}
.divChat {
box-sizing: border-box;
overflow: auto;