tellform/public/modules/forms/admin/views/admin-form.client.view.html
2017-11-01 21:15:27 -07:00

68 lines
2.7 KiB
HTML

<header data-ng-include="'/static/modules/core/views/header.client.view.html'"></header>
<section class="admin-form container-fluid">
<!-- Modal Delete Dialog Template -->
<script type="text/ng-template" id="formDeleteModal.html">
<div class="modal-header">
<h2 class="modal-title hidden-md hidden-lg">{{ 'ARE_YOU_SURE' | translate }}</h2>
<h3 class="modal-title hidden-xs hidden-sm">{{ 'ARE_YOU_SURE' | translate }}</h3>
</div>
<div class="modal-body">
<div class="modal-body-alert">
{{ 'READ_WARNING' | translate }}
</div>
<p class="hidden-xs hidden-sm">
{{ 'DELETE_WARNING1' | translate }} <strong>{{myform.title}}</strong> {{ 'DELETE_WARNING2' | translate }}
</p>
<p>{{ 'DELETE_CONFIRM' | translate }}</p>
</div>
<div class="modal-footer">
<input type="text" style="width:100%" data-ng-model="deleteConfirm" class="input-block" autofocus required aria-label="Type in the name of the form to confirm that you want to delete this form.">
<button type="submit" ng-click="removeCurrentForm()" class="btn btn-block btn-danger" ng-disabled="myform.title != deleteConfirm">
{{ 'I_UNDERSTAND' | translate }}
</button>
</div>
</script>
<div class="page-header row" style="padding-bottom: 1em;">
<div class="col-xs-10 col-sm-8">
<h1 class="hidden-sm hidden-xs" data-ng-bind="myform.title" style="margin-bottom: 0px;"></h1>
<h2 class="hidden-md hidden-lg" data-ng-bind="myform.title" style="margin-bottom: 0px;"></h2>
</div>
<div class="col-xs-1 col-sm-2">
<small class="pull-right">
<button class="btn btn-danger" ng-click="openDeleteModal()">
<i class="fa fa-trash-o"></i>
<span class="show-sm hidden-lg hidden-md hidden-xs">{{ 'DELETE_FORM_SM' | translate}}</span>
<span class="hidden-xs hidden-sm">{{ 'DELETE_FORM_MD' | translate}}</span>
</button>
</small>
</div>
<div class="col-xs-1 col-sm-2">
<small class="pull-right">
<a class="btn btn-secondary view-form-btn" href="{{actualFormURL}}">
<i class="fa fa-external-link"></i>
<span>
{{ 'VIEW_MY_TELLFORM' | translate }}
</span>
<i class="status-light status-light-on fa fa-circle" ng-if="myform.isLive"></i>
<i class="status-light status-light-off fa fa-circle" ng-if="!myform.isLive"></i>
</a>
</small>
</div>
</div>
<div class="row">
<div >
<uib-tabset vertical="true" type="pills">
<uib-tab ng-repeat="tab in tabData" active="tab.active" select="go(tab)" heading="{{tab.heading}}">
</uib-tab>
</uib-tabset>
</div>
<div class="col-xs-10">
<div ui-view></div>
</div>
</div>
</section>