lemonldap-ng/lemonldap-ng-manager/site/templates/notifications.tpl
2015-07-09 15:38:35 +00:00

118 lines
5.2 KiB
Smarty

<TMPL_INCLUDE NAME="header.tpl">
<title>LemonLDAP::NG notifications explorer</title>
</head>
<body ng-app="llngNotificationsExplorer" ng-controller="NotificationsExplorerCtrl">
<TMPL_INCLUDE NAME="menubar.tpl">
<div id="content" class="row container-fluid">
<div id="pleaseWait" ng-show="waiting"><span trspan="waitingForDatas"></span></div>
<!-- Tree -->
<aside id="left" class="col-lg-4 col-md-4 col-sm-5 col-xs-12 scrollable " ng-class="{'hidden-xs':!showT}" role="complementary">
<div class="navbar navbar-default">
<ul class="nav navbar-nav">
<li><a id="a-actives" href="#">{{translate('actives')}}</a></li>
<li><a id="a-done" href="#/done">{{translate('dones')}}</a></li>
<li><a id="a-new" href="#/new">{{translate('create')}}</a></li>
</ul>
</div>
<div class="region region-sidebar-first">
<section id="block-superfish-1" class="block block-superfish clearfix">
<div ui-tree data-drag-enabled="false" id="tree-root">
<div ng-show="data.length==0" style="text-align:center;">
<span class="label label-warning" trspan="noDatas"></span>
</div>
<ol ui-tree-nodes="" ng-model="data">
<li ng-repeat="node in data track by node.id" ui-tree-node ng-include="'nodes_renderer.html'" collapsed="true"></li>
</ol>
</div>
</section>
</div>
<div class="hresizer hidden-xs" resizer="vertical" resizer-left="#left" resizer-right="#right"></div>
</aside>
<!-- Right(main) div -->
<div id="right" class="col-lg-8 col-md-8 col-sm-7 col-xs-12 scrollable" ng-class="{'hidden-xs':showT}">
<!-- Menu buttons -->
<div class="navbar navbar-default" ng-class="{'hidden-xs':!showM}">
<div class="navbar-collapse" ng-class="{'collapse':!showM}" id="formmenu">
<ul class="nav navbar-nav">
<li ng-if="type=='new'||currentNotification" ng-repeat="button in menu[type]" ng-include="'menubutton.html'"></li>
<li class="visible-xs" ng-include="'languages.html'"></li>
</ul>
</div>
</div>
<!-- Notification content -->
<div class="panel panel-default" ng-hide="currentNotification===null">
<div class="panel-heading">
<h1 class="panel-title text-center">{{translate('view')}}</h1>
</div>
<h2>{{currentNotification.uid}}_{{currentNotification.reference}}</h2>
<div ng-if="currentNotification.done" class="panel-body">
{{translate('internalReference')}}: {{currentNotification.done}}
</div>
<div ng-if="currentNotification.notifications">
<div ng-repeat="n in currentNotification.notifications" class="panel-body">
{{n}}
</div>
</div>
</div>
<!-- Create form -->
<div class="panel panel-default" ng-if="showForm">
<form>
<div class="input-group">
<span class="input-group-addon" trspan="uid"></span>
<input type="text" class="form-control" ng-model="form.uid">
</div>
<div class="input-group">
<span class="input-group-addon" trspan="date"></span>
<input type="text" class="form-control" ng-model="form.date">
</div>
<div class="input-group">
<span class="input-group-addon" trspan="reference"></span>
<input type="text" class="form-control" ng-model="form.reference">
</div>
<div class="input-group">
<span class="input-group-addon" trspan="condition"></span>
<input type="text" class="form-control" ng-model="form.condition">
</div>
<div>
<h3 trspan="XMLcontent"></h3>
<div class="input-group" style="width:100%;">
<textarea rows="5" class="form-control" ng-model="form.xml">
</textarea>
</div>
</form>
</div>
</div>
</div>
<script type="text/ng-template" id="nodes_renderer.html">
<div ui-tree-handle class="tree-node tree-node-content" ng-class="{'selected':this.$modelValue===currentNotification.$modelValue}">
<span ng-if="node.value">
<a id="a-{{node.value}}" class="btn btn-node btn-xs" ng-click="stoggle(this)">
<span class="glyphicon" ng-class="{'glyphicon-chevron-right': collapsed,'glyphicon-chevron-down': !collapsed}"></span>
</a>
<span id="s-{{node.value}}" ng-click="stoggle(this)">{{node.value}} <span class="badge">{{node.count}}</span></span>
</span>
<span ng-if="node.notification">
<a class="btn btn-node btn-xs" ng-click="displayNotification(this)">
<span class="glyphicon glyphicon-pencil"></span>
</a>
<span id="s-{{node.notification}}" ng-click="displayNotification(this)">{{node.reference}} <i ng-if="node.date">({{notifDate(node.date)}})</i></span>
</span>
</div>
<ol ui-tree-nodes="" ng-model="node.nodes" ng-class="{hidden: collapsed}">
<li ng-repeat="node in node.nodes track by node.id" ui-tree-node ng-include="'nodes_renderer.html'" collapsed="true"></li>
</ol>
</script>
<TMPL_INCLUDE NAME="scripts.tpl">
<script type="text/javascript" src="<TMPL_VAR NAME="STATIC_PREFIX">js/notifications.js"></script>
<TMPL_INCLUDE NAME="footer.tpl">