File: /home/slfopp7cb1df/public_html/Call/master/public/administration/index.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Twilio Contact Center: Administration</title>
<link rel="stylesheet" href="/styles/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="/styles/default.css" type="text/css" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"
type="text/css" rel="stylesheet" />
</head>
<body ng-app="administrationApplication" ng-controller="AdministrationController">
<div ng-show="UI.warning" class="panel panel-default ui-warning" ng-cloak>{{UI.warning | json}}</div>
<div class="container" style="width:900px">
<section class="row" ng-init="init()" ng-cloak>
<h2 class="page-header">Twilio Contact Center: Administration<a href="/" class="header-home-link">Back Home</a></h2>
<ul class="nav nav-tabs">
<li role="presentation" ng-click="showTab('agents')" ng-class="{active: UI.tab == 'agents'}"><a href="#">Call Agents</a></li>
<li role="presentation" ng-click="showTab('ivr')" ng-class="{active: UI.tab == 'ivr'}"><a href="#">IVR Menu</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane" ng-class="{active: UI.tab == 'agents'}" id="home" style="margin-bottom:10px">
<table class="table table-striped table-hover" style="width:100%">
<thead>
<tr >
<th>Name</th>
<th>Status</th>
<th>Channel(s)</th>
<th>Team</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="worker in workers track by worker.sid">
<td>{{worker.friendlyName}}</td>
<td>{{worker.activityName}}</td>
<td>{{worker.attributes.channels | ChannelListFilter:channels}}</td>
<td>{{worker.attributes.team | TeamName:configuration}}</td>
<td style="text-align:right"><button class="btn btn-danger btn-xs" ng-click="deleteAgent(worker)" ng-show="worker.activityName == 'Offline'">remove</button></td>
</tr>
</tbody>
</table>
<button style="margin-left:8px" class="btn btn-primary" ng-show="!UI.showForm" ng-click="showAgentForm()">Create Agent</button>
<div ng-show="UI.showForm" class="panel panel-default" style="margin-bottom:0px; margin-left:10px; margin-right:10px">
<div class="panel-heading">Create Agent</div>
<div class="panel-body">
<form name="agentForm" class="form-inline">
<div class="form-group">
<label><b>Name </b></label>
<input ng-model="agent.friendlyName" name="friendlyName" type="text" class="form-control" client-name required>
</div>
<div class="form-group">
<label class="checkbox-inline" ng-repeat="channel in channels" style="margin-right: 5px">
<input type="checkbox" checklist-model="agent.channels" checklist-value="channel.id">{{channel.friendlyName}}
</label>
</div>
<div class="btn-group">
<label class="checkbox-inline"><b>Team </b></label>
<select ng-model="agent.team" class="form-control" required>
<option ng-repeat="option in configuration.ivr.options" value="{{option.id}}">{{option.friendlyName}}</option>
</select>
</div>
<button style="margin-left:10px" class="btn btn-primary" ng-disabled="agentForm.$invalid || agentForm.$pristine || UI.isSaving" ng-click="createAgent()"><span style="margin-right: 10px;" ng-show="UI.isSaving == true"><i class="fa fa-refresh fa-spin"></i></span>Save</button>
<div class="alert alert-danger" style="margin-top:10px; margin-bottom:0px" role="alert" ng-show="agentForm.friendlyName.$error.invalidCharacter">Name must be an alphanumeric string</div>
</form>
</div>
</div>
</div>
<div class="tab-pane" ng-class="{active: UI.tab == 'ivr'}" id="profile">
<div style="padding:8px">
<h4>Text-to-Speech</h4>
<form name="ivrForm" >
<textarea class="form-control" rows="5" name="text" ng-model="configuration.ivr.text" style="resize:none" required></textarea>
<div class="panel panel-default" style="margin-top:10px">
<div class="panel-heading">Teams</div>
<ul class="list-group">
<li ng-repeat="option in configuration.ivr.options track by $index" class="list-group-item">
<div class="form-inline">
<div class="form-group">
<input ng-model="option.friendlyName" class="form-control" name="friendlyName" /> </div>
<div class="form-group">
<label>IVR Option </label>
<select ng-model="option.digit" class="form-control" convert-to-number>
<option value="1" ng-selected="option.digit == 1">1</option>
<option value="2" ng-selected="option.digit == 2">2</option>
<option value="3" ng-selected="option.digit == 3">3</option>
<option value="4" ng-selected="option.digit == 4">4</option>
<option value="5" ng-selected="option.digit == 5">5</option>
</select>
</div>
<button class="btn btn-danger" ng-click="removeIvrOption(option, $index)">delete</button>
</div>
</li>
<li class="list-group-item">
<button class="btn btn-default" ng-click="createIvrOption()">add</button>
</li>
</ul>
</div>
<button ng-disabled="ivrForm.$invalid || UI.isSaving" class="btn btn-primary" ng-click="saveIvr()"><span style="margin-right: 10px;" ng-show="UI.isSaving == true"><i class="fa fa-refresh fa-spin"></i></span>Save IVR</button>
</form>
</div>
</div>
</div>
</section>
</div>
<script src="/scripts/angular.min.js"></script>
<script src="/scripts/checklist-model.js"></script>
<script src="/scripts/directives/ClientNameDirective.js"></script>
<script src="/scripts/directives/ConvertToNumberDirective.js"></script>
<script src="AdministrationController.js"></script>
<script src="/scripts/directives/TeamNameFilter.js"></script>
<script src="/scripts/directives/ChannelListFilter.js"></script>
</body>
</html>