ActiveSync management screen

2 files changed, 303 insertions, 0 deletions

diff --git a/data/templates/activesync.tpl b/data/templates/activesync.tpl
new file mode 100644
index 0000000..f5d5141
--- /dev/null
+++ b/data/templates/activesync.tpl
@@ -0,0 +1,118 @@
+{* Smarty Template *}
+{*
+  Local variables:
+  buffer-file-coding-system: utf-8
+  End:
+*}
+<h1>{tr msg="ActiveSync Configuration"}</h1>
+<div id="wrapper" style="width:90%">
+	<div id="heading">
+					<ul id="buttons">
+
+		    {section name=device loop=$devices}
+		       <li>{if $devices[device].alias}{$devices[device].alias}{else}{$devices[device].name}{/if}</li>
+		{/section}
+		    </ul>
+     </div>
+     
+     <div id="panes">
+			<div id="content">
+    {section name=device loop=$devices}
+        <div id="tabs{$devices[device].id}" class="pane">
+        <form name="babajaga-{$devices[device].id}" method="post">
+        <input type="hidden" name="deid" value="{$devices[device].name}">
+        </form>
+        <form method="post">
+        <input type="hidden" name="serial" value="{$devices[device].name}">
+        <input type="hidden" name="type" value="{$devices[device].type}">
+         <input type="hidden" name="actived" value="{$devices[device].id}">
+        <table width="100%" cellpadding="8" cellspacing="8"><tr valign="top"><td style="border-top-style:dotted;border-right-style:dotted;border-bottom-style:dotted;border-left-style:dotted;border-width:1px;">
+        {foreach from=$folders key=myId item=fol}
+        <table border="0" width="100%">
+        <tr bgcolor="#c8d2df"><td colspan="5"> <img src="/admin/pics/{$myId}.png" style="vertical-align:middle;"> <span style="font-weight:bolder;">{tr msg=$pnames[$myId]} </span></td></tr>
+        <tr>
+        <td width="20">&nbsp;</td>
+        <td width="5"><img src="/admin/pics/sync.png" align="center" style="margin-left:5px;"></td>
+        
+        {if $myId eq 'EVENT' or $myId eq 'TASKS'}
+	        <td width="5"><img src="/admin/pics/alarm.png" align="center" style="margin-left:5px;"></td>
+	       {else} 
+	       <td width="25"></td>
+        {/if}
+        <td>&nbsp;</td>
+        <td>&nbsp;</td>
+      
+        </tr>
+      {foreach from=$fol key=myIdfol item=fols}  
+ 
+         <td width="20">&nbsp;</td>
+        {kolabsync serial=$devices[device].name folder=$fols.realname}
+       <td width="25"><img src="/admin/pics/f.png" style="vertical-align:middle;padding:4px;"></td>
+        <td>{$fols.name}</td>
+       </tr>
+  
+       
+         {/foreach}
+            </table>
+            <br/>
+{/foreach}
+  
+        </td><td width="50%" style="border-top-style:dotted;border-right-style:dotted;border-bottom-style:dotted;border-left-style:dotted;border-width:1px;">
+        <table width="100%" bgcolor="#c8d2df">
+        <tr bgcolor="white" style="width:100%;height:35px;"><td><span style="font-weight:bolder;"> {tr msg="Device Alias"}</td></span></tr>
+        <tr><td><br/><input type="text" name="alias" maxlength="25" value="{$devices[device].alias}" /><br/><br/></td></tr>
+        <tr bgcolor="white" style="width:100%;height:35px;"><td><span style="font-weight:bolder;"> {tr msg="Device Mode"}</td></span></tr>
+        <tr><td><br/>{html_options name=mode width=50 options=$modetypes selected=$devices[device].mode}<br/><br/></td></tr>
+        <tr bgcolor="white" style="width:100%;height:35px;"><td><span style="font-weight:bolder;"> {tr msg="Picture Settings"}</td></span></tr>
+{if $laxpicdef eq -1}
+        <tr><td><br/><input type="checkbox" name="laxpic" value=1 {if $devices[device].laxpic}checked{/if}/> {tr msg="Enable PNG and GIF formats while syncing"}</td></tr>
+{/if}
+        </table>
+ 
+        </td></tr></table>
+        
+         <input type="submit" value="{tr msg="Save"}" style="float:right;padding:6px;margin-right:22px;">
+         <input type="reset" value="{tr msg="Clear"}" style="float:right;padding:6px;margin-right:22px;">
+         <input type="button" name="delme" value="{tr msg="Forget Device"}" style="float:right;padding:6px;margin-right:132px;color:#ff0000;" onclick="DeleteThisDeviceMate({$devices[device].id});">
+        
+        </form>
+       </div>
+      {/section}  
+
+    </div></div>
+</div>
+
+</div>
+
+{literal}
+<script type="text/javascript" charset="utf-8">
+		window.addEvent('load', function () {
+			myTabs = new SlidingTabs('buttons', 'panes',{startingSlide:"{/literal}tabs{$actived}{literal}"});
+			
+			// this sets up the previous/next buttons, if you want them
+			//$('previous').addEvent('click', myTabs.previous.bind(myTabs));
+			//$('next').addEvent('click', myTabs.next.bind(myTabs));
+			
+			// this sets it up to work even if it's width isn't a set amount of pixels
+			window.addEvent('resize', myTabs.recalcWidths.bind(myTabs));
+		});
+		
+		function DeleteThisDeviceMate(did)
+		{
+			if (confirm("{/literal}{tr msg="Are you sure?"}{literal}")) { 
+ 			document.forms["babajaga-"+did].submit();
+ 			//alert("babajaga-"+did);
+		}
+			
+		}
+		
+	function stopRKey(evt) {
+	  var evt = (evt) ? evt : ((event) ? event : null);
+	  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
+	  if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
+	}
+	
+	document.onkeypress = stopRKey;
+
+	</script>
+	{/literal}
diff --git a/data/templates/page-ajax.tpl b/data/templates/page-ajax.tpl
new file mode 100644
index 0000000..b113f2e
--- /dev/null
+++ b/data/templates/page-ajax.tpl
@@ -0,0 +1,185 @@
+{* Smarty Template *}
+{*
+  Local variables:
+  buffer-file-coding-system: utf-8
+  End:
+*}
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+<meta charset="UTF-8">
+<title>Kolab: {$page_title}</title>
+<link rel="shortcut icon" type="image/png" href="{$webserver_web_prefix}/favicon.png" />
+<meta name="robots" content="noindex" />	
+<meta name="description" content="Kolab Administration Webinterface" />
+<meta name="keywords" content="Linux, Unix, Groupware, Email, Calendar" />
+<link rel="stylesheet" type="text/css" href="{$stylesheet|default:"$topdir/screen.css"}" />
+<link rel="stylesheet" type="text/css" href="{"$topdir/custom.css"}" />
+
+<script type="text/javascript">
+<!--
+function changeLanguage(combobox) {ldelim}
+	val=combobox.options[combobox.selectedIndex].value;
+        if(val!="") window.location="{$lang_url}"+val;
+{rdelim}
+-->
+</script>
+{literal}
+<script src="/admin/images/mootools.v1.11.js" type="text/javascript"></script>
+<script src="/admin/images/sliding-tabs.js" type="text/javascript"></script>
+<script type="text/javascript">
+function synced(a)
+{
+  var current = a.getElementById; 
+  var ch = a.id;
+  
+  //get the real id from id-1 or id-2
+  var actual_id = ch.split('-');
+  
+  
+  //get the second element
+  var secelement = document.getElementById(actual_id[0]+'-'+'2');
+  var firelement = document.getElementById(actual_id[0]+'-'+'1');
+  
+   
+  if (firelement.checked==false && secelement.checked==true && a.value==1)
+ {
+    secelement.checked=false;
+   
+ }
+ 
+
+  
+}
+</script>
+<style type="text/css" media="screen">
+		#heading {
+			display: block;
+			text-align: center;
+			margin-bottom: 1em;
+			background: #f0f0f0;
+		}
+		#heading * {
+			display: inline;
+			padding: 7px;
+			user-select: none;
+			cursor: pointer;
+			vertical-align: middle;
+		}
+		#heading li.active {
+			background-color: lightgrey;
+			border-radius: 7px;
+			-webkit-border-radius: 5px;
+			-opera-border-radius: 6px;
+			-moz-border-radius: 5px;
+		}
+		
+		#wrapper { border: 1px dotted gray; margin: 1em; padding: 1em;}
+		
+		#panes {
+			text-align: justify;
+			border-style: none;
+			/*width: 245px;*/
+			margin: 0 1em 0 1em;
+
+		}
+		
+		#panes p {
+		  width: 500px;
+		  margin: 0 auto 1em auto;
+		  line-height: 1.2em;
+		}
+		
+		#panes div div { overflow: hidden; top:-96px; position:relative;}
+		#previous { float: none; cursor: pointer; }
+		#next { float: none; cursor: pointer; }
+		table, th, td {vertical-align:top;}
+
+		</style>
+		
+		
+{/literal}
+</head>
+<body>
+<div id="header" class="container">
+<div class="span-24">
+<h3><a href="{$kolab_wui}"><img src="/admin/images/klogo.png" style="vertical-align:middle;" alt="logo"></a></h3>
+<div id="menu-top">
+{if $uid}
+<img src="/admin/images/user-icon-1-20x20.gif" width="16" style="vertical-align:middle;" title="Username" alt="username icon"> {$uid} <img src="/admin/images/eye_pencil.png" width="16" style="vertical-align:middle;margin-left:8px;" title="Role" alt="Role icon"> {$group} 
+{/if}
+
+<img src="/admin/images/ul-icon.png" width="16" style="vertical-align:middle;margin-left:8px;" title="Change Language" alt="Language icon"> <select name="lang" style="height:17px;vertical-align:middle" onchange="changeLanguage(this);">
+{section name=id loop=$languages}
+{if $languages[id].code==$currentlang}
+<option value="{$languages[id].code}" selected="selected">{$languages[id].name}</option>
+{else}
+<option value="{$languages[id].code}">{$languages[id].name}</option>
+{/if}
+{/section}
+</select>
+{if $uid}
+<a id="logout" href="{$topdir}/logout.php"><img src="/admin/images/icon_grey_logout.png" width="16" style="vertical-align:middle;margin-left:90px;" title="Logout" alt="Logout icon"></a>
+{/if}
+</div>
+		</div><!-- .span-24 -->
+	</div><!-- #header -->
+	<div id="root">
+		<div class="container">
+			<div>
+				<ul id="navlist">
+				
+				{foreach from=$menuitems item=menuitem}
+  				<li>
+						<a class="{$menuitem.selected}" href="{$menuitem.url}">{$menuitem.name}</a>
+					</li>
+{/foreach}
+
+				</ul>
+			</div><!-- .span-24 -->
+
+
+			<div id="content">
+		
+<div id="submenu">
+{if count($submenuitems) > 0}
+{$page_title}:
+{strip}
+{section name=id loop=$submenuitems}
+<a href="{$submenuitems[id].url}">
+{$submenuitems[id].name}
+</a>&nbsp;|&nbsp;
+{/section}
+{/strip}
+{/if}
+</div>
+
+<!--start-->
+{if $errors}
+<div id="errorcontent">
+<div id="errorheader">{tr msg="Errors:"}</div>
+{section name=id loop=$errors}
+{$errors[id]}<br/>
+{/section}
+</div>
+{/if}
+{if $messages}
+<div id="messagecontent">
+<div id="messageheader">{tr msg="Message:"}</div>
+{section name=id loop=$messages}
+{$messages[id]}<br/>
+{/section}
+</div>
+{/if}
+
+<!--end-->
+<div id="allhere">
+{include file=$maincontent}
+</div>
+			</div>
+		</div><!-- .container -->
+	</div><!-- #root -->
+<div id="footer">
+This is the Community Edition of the <b>Kolab Server</b>. It comes with absolutely <b>no warranties</b> and is typically run entirely self supported. You can find help & information on the community <a href="http://kolab.org">web site</a> & <a href="http://wiki.kolab.org">wiki</a>. Professional support is available from <a href="http://kolabsys.com">Kolab Systems</a>.
+</body>
+</html>