update demo page

git-svn-id: https://webim.svn.sourceforge.net/svnroot/webim/trunk@219 c66351dc-e62f-0410-b875-e3a5c0b9693f
This commit is contained in:
Evgeny Gryaznov 2008-12-08 21:18:29 +00:00
parent c6c3fe05d7
commit 14d6cd081d
9 changed files with 82 additions and 18 deletions

View File

@ -20,9 +20,30 @@ require_once('inc/menu.i');
<?php echo getlocal("demo.login") ?><br/><br/>
<a href="/webim/"><?php echo getlocal("demo.application") ?></a>
<br/>
<br/>
<br/>
<?php echo getlocal("demo.styles") ?>
</p>
</div>
<div id="styles">
<div id="style1">
<p>Default style</p>
<p>
<!-- webim button --><a href="/webim/client.php?locale=<?php echo $current_locale ?>&style=default" target="_blank" onclick="if(navigator.userAgent.toLowerCase().indexOf('opera') != -1 && window.event.preventDefault) window.event.preventDefault();this.newWindow = window.open('/webim/client.php?locale=<?php echo $current_locale ?>&style=default', 'webim', 'toolbar=0,scrollbars=0,location=0,status=1,menubar=0,width=640,height=480,resizable=1');this.newWindow.focus();this.newWindow.opener=window;return false;"><img src="images/style_default_tn.png" border="0"/></a><!-- / webim button -->
</p>
</div>
<div id="style2">
<p>Original style</p>
<p>
<!-- webim button --><a href="/webim/client.php?locale=<?php echo $current_locale ?>&style=original" target="_blank" onclick="if(navigator.userAgent.toLowerCase().indexOf('opera') != -1 && window.event.preventDefault) window.event.preventDefault();this.newWindow = window.open('/webim/client.php?locale=<?php echo $current_locale ?>&style=original', 'webim', 'toolbar=0,scrollbars=0,location=0,status=1,menubar=0,width=640,height=480,resizable=1');this.newWindow.focus();this.newWindow.opener=window;return false;"><img src="images/style_original_tn.png" border="0"/></a><!-- / webim button -->
</p>
</div>
</div>
</div>
<?php require_once('inc/footer.i'); ?>

View File

@ -29,16 +29,26 @@ require_once('inc/menu.i');
<h3><?php echo getlocal("features.next.title") ?></h3>
<?php echo getlocal("features.next") ?>
<a name='requirements'></a>
<h3><?php echo getlocal("features.requirements.title") ?></h3>
<?php echo getlocal("features.requirements") ?>
<a name='browsers'></a>
<h3><?php echo getlocal("features.browsers.title") ?></h3>
<?php echo getlocal("features.browsers") ?>
</div>
<div id="side">
<p><?php echo getlocal("features.content.head") ?></p>
<p>
<a href="#price"><?php echo strtolower(getlocal("features.price.title")) ?></a><br/>
<a href="#main"><?php echo strtolower(getlocal("features.main.title")) ?></a><br/>
<a href="#chat"><?php echo strtolower(getlocal("features.chat.title")) ?></a><br/>
<a href="#operator"><?php echo strtolower(getlocal("features.operator.title")) ?></a><br/>
<a href="#next">what is coming next</a><br/>
<a href="#price"><?php echo getlocal("features.price.title") ?></a><br/>
<a href="#main"><?php echo getlocal("features.main.title") ?></a><br/>
<a href="#chat"><?php echo getlocal("features.chat.title") ?></a><br/>
<a href="#operator"><?php echo getlocal("features.operator.title") ?></a><br/>
<a href="#next"><?php echo getlocal("features.next.title") ?></a><br/>
<a href="#requirements"><?php echo getlocal("features.requirements.title") ?></a><br/>
<a href="#browsers"><?php echo getlocal("features.browsers.title") ?></a><br/>
</p>
</div>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -10,6 +10,8 @@ window.onload=function(){
Nifty("ul#nav a","small transparent top");
Nifty("div#side","");
Nifty("div#downl","");
Nifty("div#style1","");
Nifty("div#style2","");
}
</script>
</head>

View File

@ -3,6 +3,7 @@
<h1><?php echo getlocal("head.name") ?></h1>
<big><?php echo getlocal("head.descr") ?></big>
</div>
<div id="mrow">
<div id="menu">
<ul id="nav">
<li id="home"<?php echo $page == 'home' ? ' class="activelink"' : '' ?>><a href="index.php"><?php echo getlocal("menu.home") ?></a></li>
@ -14,4 +15,8 @@
<div id="logo">
<a href="http://sourceforge.net"><img src="http://sflogo.sourceforge.net/sflogo.php?group_id=195701&amp;type=2" width="125" height="37" border="0" alt="SourceForge.net Logo" /></a>
</div>
<div id="locales">
<a href="?locale=ru">ru</a> | <a href="?locale=en">en</a>
</div>
</div>
</div>

View File

@ -22,22 +22,29 @@ index.license=This program and the accompanying materials are made available und
index.hosted=Project is hosted by SourceForge.
features.price.title=Pricing
features.price=<ul><li>Open-source code, absolutely free\n<li>Eclipse Public License 1.0</ul>
features.price=<ul><li>Open-source code, free of charge\n<li>Eclipse Public License 1.0</ul>
features.main.title=Main features
features.main=<ul><li>Chat button for email signatures\n<li>Differing buttons on same website</ul>
features.main=<ul>\n<li>Unlimited operators, chats, and users\n<li>Priority queue of visitors\n<li>Chat button for email signatures\n<li>Differing buttons on same website\n<li>English and russian are supported\n<li>Reconnect automatically if the internet connection went down\n</ul>
features.chat.title=Chat window
features.chat=<ul>\n<li>Agent and visitor "Typing Indicator"\n<li>Agent photo\n<li>Chat transcript emails\n<li>Sound and Visual alerts\n<li>"Leave a message" when you are away\n<li>Customize chat with your Logo, Name etc.\n<li>Unicode support for multiple languages\n<li>Quickly convert text to hyperlinks in chat\n<li>Not blocked by pop-up blockers\n</ul>
features.operator.title=Operator abilites
features.operator=<ul>\n<li>Web-based Operator Console\n<li>Canned messages for speed and consistency\n<li>Chat conversation history with search\n<li>Linking to previous visits, instant access to previous chats\n<li>Reassign/Transfer chat ownership\n<li>Mark/Highlight nuisance visitors\n</ul>
features.next.title=Nearest future (not ready yet)
features.next=<ul>\n<li>Operator to Operator IM (Discussion)\n<li>Push Web Pages\n<li>SSL Secured Chat\n<li>Pre-Chat Questionnaire\n<li>Multiple Departments\n<li>Define Initial Chat Window Size\n<li>Co-Browse to View Visitor's Location on Your Site\n<li>Dynamic Chat Icons\n</ul>
features.operator=<ul>\n<li>Web-based Operator Console\n<li>Canned messages for speed and consistency\n<li>Track where your visitors clicked from to get to your website (refer URL)\n<li>Chat conversation history with search\n<li>Linking to previous visits, instant access to previous chats\n<li>Reassign/Transfer chat ownership\n<li>Mark/Highlight nuisance visitors\n<li>Administrator can view active chats\n<li>Information about visitor: first message, address, browser\n<li>Administrator can take over the chat\n</ul>
features.next.title=New in version 1.5
features.next=<ul>\n<li>Chat Window themes support, select your default one\n<li>Generate button for specific theme\n<li>2 pre-installed themes\n<li>UI for easy theme creation and customization\n<li>UI for system translation\n</ul>
features.requirements.title=Server requirements
features.requirements=<ul>\n<li>A webserver or web hosting account running on any major Operating System\n<li>PHP (5.x and above) with MySQL support\n<li>MySQL 5.0 and above\n</ul>
features.browsers.title=Supported browsers
features.browsers=<ul>\n<li>Microsoft Internet Explorer 5.0+\n<li>Mozilla Firefox 1.0+\n<li>Mozilla 1.4, 1.7\n<li>Opera 7.0+\n<li>Safari 1.2.5+\n<li>Netscape 6.0+\n<li>Google Chrome 0.2.149.29+\n<li>iPhone 1.1.4+\n</ul>
features.content.head=Content:
demo.title=DEMO
demo.click=Click this button:
demo.login=And/or login as administrator here (no password is required) :
demo.login=And login as administrator here (no password is required) :
demo.application=Web Messenger Application
demo.styles=Click the following images to view different look and feels of the chat:
downl.title=Latest
downl.release=Release:

View File

@ -14,12 +14,12 @@ demo.application=
tag.pagination.info=Страница {0} из {1}, показаны {2}-{3} из {4}
demo.login=И войдите в систему как администратор (пароль не требуется) :
menu.features=возможности
features.chat=<ul>\n<li>Уведомление о наборе текста собеседником\n<li>Фотография оператора в окне диалога\n<li>Возможность отправки истории диалога себе на email\n<li>Звуковые и визуальные оповещения\n<li>Возможность оставить сообщения при отсутствии операторов в онлайне\n<li>Кастомизация вашего логотипа и названия компании\n<li>Поддержка разных языков (Unicode)\n<li>Выделение ссылок в окне диалога с возможностью перехода\n<li>Всплывающее окно не блокируется большинством браузеров \n</ul>
features.chat=<ul>\n<li>Уведомление о наборе текста собеседником\n<li>Фотография оператора в окне диалога\n<li>Возможность отправки истории диалога себе на email\n<li>Звуковые и визуальные оповещения о приходе нового сообщения\n<li>Возможность оставить сообщения при отсутствии операторов в онлайне\n<li>Кастомизация вашего логотипа и названия компании\n<li>Поддержка разных языков (Unicode)\n<li>Выделение ссылок в окне диалога с возможностью перехода\n<li>Всплывающее окно не блокируется большинством браузеров \n</ul>
features.chat.title=Окно диалога
features.main.title=Основные возможности
features.main=<ul>\n<li>Возможность включить код кнопки в email рассылку\n<li>Отображение кнопки в зависимости от присутствия операторов\n</ul>
features.main=<ul>\n<li>Неограниченное количество операторов, чатов и пользователей\n<li>Приоритетная очередь посетителей, ожидающих ответа\n<li>Возможность включить код кнопки в email рассылку\n<li>Отображение кнопки в зависимости от присутствия операторов\n<li>Русская и английская локализации\n<li>Автоматическое восстановление соединения с сервером\n</ul>
features.operator.title=Возможности операторов
features.operator=<ul>\n<li>Веб-интерфейс для обслуживания посетителей\n<li>Шаблоны для быстрого ответа\n<li>История сообщений и поиск по ней\n<li>Доступ к предыдущим диалогам с текущим посетителем из чата\n<li>Перенаправление посетителя другому оператору\n<li>Выделение нежелательных посетителей в списке\n</ul>
features.operator=<ul>\n<li>Веб-интерфейс для обслуживания посетителей\n<li>Шаблоны сообщений для быстрого ответа\n<li>Отображение с какой страницы пришел посетитель\n<li>История сообщений и поиск по ней\n<li>Доступ к предыдущим диалогам с текущим посетителем из чата\n<li>Перенаправление посетителя другому оператору\n<li>Выделение нежелательных посетителей в списке\n<li>Просмотр текущих диалогов администратором системы\n<li>Информация о посетителе в очереди: первое сообщение, адрес, браузер\n<li>Перехват диалогов администратором системы (после подтверждения)\n</ul>
features.price=<ul>\n<li>Открытый исходный код, свободное распространение\n<li>Eclipse Public License 1.0\n</ul>
features.price.title=Стоимость
index.license=В настоящее время Open Web Messenger выпускается под лицензией Eclipse Public License v1.0.
@ -34,3 +34,10 @@ downl.release=
downl.nightly=Промежуточная:
features.content.head=Содержание:
downl.title=Последние версии
features.requirements.title=Технические требования к серверу
features.requirements=<ul>\n<li>Веб-сервер или веб-хостинг с поддержкой PHP и MySQL\n<li>PHP версии 5.x или выше\n<li>MySQL версии 5.0 или выше\n</ul>
features.browsers.title=Поддерживаемые браузеры
features.browsers=<ul>\n<li>Microsoft Internet Explorer 5.0+\n<li>Mozilla Firefox 1.0+\n<li>Mozilla 1.4, 1.7\n<li>Opera 7.0+\n<li>Safari 1.2.5+\n<li>Netscape 6.0+\n<li>Google Chrome 0.2.149.29+\n<li>iPhone 1.1.4+\n</ul>
features.next.title=Новое в версии 1.5
features.next=<ul>\n<li>Стили оформления чат окна, выбор стиля в системе по-умолчанию\n<li>Генерация кнопки с учетом выбора стиля\n<li>2 стиля по умолчанию включены в систему\n<li>Интерфейс для удобной разработки новых стилей\n<li>Интерфейс для перевода системы на другие языки\n</ul>
demo.styles=Нажмите на эти картинки, чтобы увидеть возможный вид окна диалога:

View File

@ -7,16 +7,24 @@ h3{font-size:130%}
a {color:#533633;}
div#header{width:95%;min-width:725px;min-height:120px;margin:0px 20px 0px;padding:10px 0 10px;text-align:left;background:#FFF;display:block;}
div#header div#title,div#menu{width:700px;margin:0 0px;text-align:left}
div#header div#title{padding: 20px 0px 30px 70px;color:#533633;background-image: url(webimlogo.gif);background-repeat: no-repeat;background-position: 0% 0%;overflow-x: hidden;overflow-y: hidden;}
div#logo {display:inline;margin:20px 0px 0px 20px;padding:0px 0px 0px 0px;}
div#header div#title,div#menu{width:900px;margin:0 0px;text-align:left;}
div#header div#title{padding: 20px 0px 30px 70px;color:#533633;background-image: url(webimlogo.gif);background-repeat: no-repeat;background-position: 0% 0%;overflow-x: hidden;overflow-y: hidden;display:block;}
div#mrow { display:block;}
div#logo, div#logo a, div#logo a img {margin:0px;padding:0px;display:inline;vertical-align:bottom;}
div#locales, div#locales a {margin:0px;padding:0px; display:inline;vertical-align: bottom;}
div#logo,div#locales {margin-left:20px;}
div#logo {position:relative;top:5px;}
div#locales {position:relative;bottom:5px;}
div#menu {display:inline;vertical-align:bottom; }
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}
ul#nav{float:bottom;}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 125px;padding: 5px 0;background: #999999;text-decoration:none;color: #FFC}
ul#nav a:hover{background: #d4b179;color:#FFF;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #f3f1f3;color: #003}
ul#nav li {margin-top:9px;}
div#container{width:95%;min-width:725px;clear:both;margin:0 20px 10px;padding:20px 0 10px;text-align:left;background:#FFF}
div#content{float:left;display:inline;width:66%;margin:0 0 10px 10px}
@ -32,3 +40,7 @@ div#downl{float:left;display:block;background:#f3f1f3; margin:0 10px 10px 0;padd
div#downl a{margin:5px 0 10px;padding: 0 10px;}
div#header div#menu a.aa { vertical-align:bottom;margin:0 0 0 10px;padding:0px; }
div#styles { display: block;width:95%;min-width:725px;clear:both;margin:0px;padding:0px;text-align:left;background:#FFF;}
div#style1, div#style2 {background:#f3f1f3;display:inline;float:left;margin:0px 20px 0px 10px;}
div#style1 p, div#style2 p {margin:5px 0 10px;padding: 0 10px;}