diff options
author | Bogomil Shopov <shopov@kolabsys.com> | 2011-04-19 12:08:25 (GMT) |
---|---|---|
committer | Bogomil Shopov <shopov@kolabsys.com> | 2011-04-19 12:08:25 (GMT) |
commit | 7bd1a1f7559608040b9022147ff5ac2835141699 (patch) | |
tree | f46d9bb9431daa26066dfd03a6d11a296565237e /data | |
parent | 6af61f8c3c46aa032a1f0bb7ff70e939ca4f0454 (diff) | |
download | kolab-webadmin-7bd1a1f7559608040b9022147ff5ac2835141699.tar.gz |
ActiveSync management screen
Diffstat (limited to 'data')
-rw-r--r-- | data/templates/activesync.tpl | 118 | ||||
-rw-r--r-- | data/templates/page-ajax.tpl | 185 |
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"> </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> </td> + <td> </td> + + </tr> + {foreach from=$fol key=myIdfol item=fols} + + <td width="20"> </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> | +{/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> |