summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorBogomil Shopov <shopov@kolabsys.com>2011-04-19 12:08:25 (GMT)
committerBogomil Shopov <shopov@kolabsys.com>2011-04-19 12:08:25 (GMT)
commit7bd1a1f7559608040b9022147ff5ac2835141699 (patch)
treef46d9bb9431daa26066dfd03a6d11a296565237e /data
parent6af61f8c3c46aa032a1f0bb7ff70e939ca4f0454 (diff)
downloadkolab-webadmin-7bd1a1f7559608040b9022147ff5ac2835141699.tar.gz
ActiveSync management screen
Diffstat (limited to 'data')
-rw-r--r--data/templates/activesync.tpl118
-rw-r--r--data/templates/page-ajax.tpl185
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>