2014-02-02 22:37:36 +00:00
{{%define "content"%}} {{%template "nav" .User %}}
2013-12-12 06:27:43 +00:00
< div class = "jumbotron" >
< div class = "container" style = "text-align:center;" >
< h1 class = "sans header" >
Users & Groups
< / h1 >
< / div >
< / div >
2014-02-08 01:40:16 +00:00
< div class = "container" ng-controller = "GroupCtrl" >
2013-12-12 06:27:43 +00:00
< div class = "col-md-3 sidebar" >
< ul class = "nav nav-pills nav-stacked" >
< li > < a href = "/" > Dashboard< / a >
< / li >
< li class = "active" > < a href = "/users" > Users & Groups< / a >
< / li >
< li > < a href = "/settings" > Settings< / a >
< / li >
2014-02-02 22:37:36 +00:00
< li > < a href = "/api/" > API Documentation< / a >
2013-12-12 06:27:43 +00:00
< / li >
< / ul >
< / div >
2014-02-08 01:40:16 +00:00
< div class = "col-md-9" >
2014-02-02 22:37:36 +00:00
< div class = "row" >
2014-02-08 01:40:16 +00:00
< button type = "button" class = "btn btn-primary" ng-click = "editGroup('new')" data-toggle = "modal" data-target = "#newGroupModal" > < i class = "fa fa-plus" > < / i > New Group< / button >
2014-02-02 22:37:36 +00:00
< / div >
< div class = "row" >
2014-02-10 15:44:15 +00:00
< table ng-table = "mainTableParams" class = "table table-hover table-striped table-bordered" >
2014-02-02 22:37:36 +00:00
< tbody >
2014-02-10 07:15:36 +00:00
< tr ng-repeat = "group in $data" class = "editable-row" >
< td data-title = "'Name'" class = "col-sm-1" > {{group.name}}< / td >
< td data-title = "'Members'" class = "col-sm-2" >
2014-02-07 01:17:20 +00:00
< span ng-repeat = "target in group.targets" >
{{target.email}}{{$last ? '' : ', '}}
< / span >
< div class = "btn-group" style = "float: right;" >
< button type = "button" class = "btn btn-primary dropdown-toggle edit-button" data-toggle = "dropdown" >
< span class = "caret" style = "border-top-color:#FFFFFF" > < / span >
< span class = "sr-only" > Toggle Dropdown< / span >
< / button >
< ul class = "dropdown-menu" style = "left:auto; right:0;" role = "menu" >
2014-02-08 01:40:16 +00:00
< li > < a ng-href = "/groups/{{group.id}}" > View< / a >
2014-02-07 01:17:20 +00:00
< / li >
2014-02-08 01:40:16 +00:00
< li > < a ng-click = "editGroup(group)" data-toggle = "modal" ng-href = "#" data-target = "#newGroupModal" > Edit< / a >
2014-02-07 01:17:20 +00:00
< / li >
< li class = "divider" > < / li >
2014-02-08 01:40:16 +00:00
< li > < a ng-href = "/groups/{{group.id}}/delete" > Delete< / a >
2014-02-07 01:17:20 +00:00
< / li >
< / ul >
< / div >
< / td >
2014-02-10 07:15:36 +00:00
< td data-title = "'Modified Date'" class = "col-sm-1" > {{group.modified_date | date:'medium'}}< / td >
2014-02-02 22:37:36 +00:00
< / tr >
< / tbody >
< / table >
< / div >
2013-12-12 06:27:43 +00:00
< / div >
2014-02-08 01:40:16 +00:00
<!-- New Campaign Modal -->
2014-02-10 07:15:36 +00:00
< div class = "modal" id = "newGroupModal" tabindex = "-1" role = "dialog" aria-labelledby = "groupModalLabel" aria-hidden = "true" >
2014-02-08 01:40:16 +00:00
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-hidden = "true" > × < / button >
< h4 class = "modal-title" ng-hide = "newGroup" id = "groupModalLabel" > Edit Group: {{group.name}}< / h4 >
< h4 class = "modal-title" ng-show = "newGroup" id = "groupModalLabel" > New Group< / h4 >
< / div >
2014-02-08 21:16:36 +00:00
< div class = "modal-body" >
< label class = "control-label" for = "name" > Name:< / label >
< div class = "form-group" >
< input type = "text" class = "form-control" ng-model = "group.name" placeholder = "Group name" id = "name" / >
< / div >
< div class = "form-group" >
< button class = "btn btn-danger" > < i class = "fa fa-plus" > < / i > Bulk Import Users< / button >
2014-02-04 16:21:07 +00:00
< / div >
2014-02-08 21:16:36 +00:00
< label class = "control-label" for = "users" > Users:< / label >
< form ng:submit = "addTarget()" >
2014-02-10 07:15:36 +00:00
< div class = "input-group" >
< input type = "email" class = "form-control" placeholder = "test@example.com" id = "users" ng-model = "newTarget.email" / >
< span class = "input-group-btn" >
< button class = "btn btn-primary" > < i class = "fa fa-plus" > < / i > Add< / button >
< / span >
< / div >
2014-02-08 21:16:36 +00:00
< / form >
< br / >
2014-02-10 15:44:15 +00:00
< table ng-table = "editGroupTableParams" class = "table table-hover table-striped table-condensed" >
2014-02-08 21:16:36 +00:00
< tbody >
2014-02-10 15:44:15 +00:00
< tr ng-repeat = "target in $data" class = "editable-row" >
2014-02-08 21:16:36 +00:00
< td > {{target.email}}
< span ng-click = "removeTarget(target)" class = "remove-row" > < i class = "fa fa-trash-o" > < / i >
< / span >
< / td >
< / tr >
< / tbody >
< / table >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Cancel< / button >
2014-02-10 01:34:47 +00:00
< button type = "button" class = "btn btn-primary" ng-click = "saveGroup(group)" data-dismiss = "modal" > Save Group< / button >
2014-02-08 21:16:36 +00:00
< / div >
2014-02-08 01:40:16 +00:00
< / div >
2014-02-04 16:21:07 +00:00
< / div >
< / div >
< / div >
2014-02-01 02:49:22 +00:00
{{%end%}}