-<div class="panel panel-default shadow-z-2" ng-class="{'shadow-z-4': call_history, 'shadow-z-2': !call_history}">
+<div class="panel panel-default shadow-z-2" ng-class="{'shadow-z-2': !call_history}">
<form name="form">
<div class="input-group dialpad-display">
- <span ng-show="!incall" class="input-group-btn-left">
- <a href="" ng-click="toggleCallHistory()">
- <i class="mdi-action-settings-phone"></i>
- </a>
- </span>
- <input name="dialpadnumber" type="text" class="form-control text-center" placeholder="Enter an extension" ng-model="dialpadNumber" />
- <span class="input-group-btn">
- <a href="" ng-click="backspace()">
- <i class="mdi-content-backspace"></i>
- </a>
- </span>
+ <input name="dialpadnumber" type="text" class="form-control text-center" placeholder="" ng-model="dialpadNumber" />
</div>
<div class="panel-body">
<div class="dialpad-numbers">
</div>
</div>
</div>
- <div class="form-group text-center">
- <button type="submit" class="btn btn-success btn-fab" ng-click="call(); ok()" title="Call Extension">
- <i class="mdi-communication-call"></i>
- </button>
-
- <button type="submit" class="btn btn-primary btn-fab" ng-click="transfer(); ok()" title="Transfer">
- <i class="mdi-notification-phone-forwarded"></i>
- </button>
-
- </div>
</div>
</form>
</div>
</li>
</ul>
</div>
+ <button tooltips="" tooltip-title="Dialpad" tooltip-side="bottom" tooltip-lazy="false" class="btn btn-material-900" ng-click="toggleDialpad()">
+ <i class="big-icon mdi-communication-dialpad"></i>
+ </button>
<div class="btn-group" ng-show="conf.canvasCount > 1">
<button tooltip-placement="bottom" tooltip-title="{{'MESSAGE_POPUP' | translate}}" uib-tooltips="{{'MESSAGE_POPUP' | translate}}" type="button" class="btn btn-material-blue-900 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="mdi-image-filter-none"></i>