44 lines
2 KiB
HTML
44 lines
2 KiB
HTML
<div class="config-form row">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<uib-tabset active="activePill" vertical="true" type="pills">
|
|
<uib-tab index="0" heading="{{ 'SHARE_YOUR_FORM' | translate }}">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
{{ 'TELLFORM_URL' | translate }}
|
|
</div>
|
|
<div class="col-sm-8 form-input">
|
|
<span ngclipboard data-clipboard-target="#copyURL"> <input id="copyURL" ng-value="actualFormURL" class="form-control ng-pristine ng-untouched ng-valid"> </span>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyURL">
|
|
{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</uib-tab>
|
|
<uib-tab index="1" heading="{{ 'EMBED_YOUR_FORM' | translate }}">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
{{ 'COPY_AND_PASTE' | translate }}
|
|
</div>
|
|
<div class="col-sm-8 form-input">
|
|
<span ngclipboard data-clipboard-target="#copyEmbedded">
|
|
<textarea id="copyEmbedded" class="form-control ng-pristine ng-untouched ng-valid" style="min-height:200px; width:100%; background-color: #FFFFCC; color: #30313F;">
|
|
<!-- {{ 'CHANGE_WIDTH_AND_HEIGHT' | translate }} -->
|
|
<iframe id="iframe" src="{{actualFormURL}}" style="width:100%;height:500px;"></iframe>
|
|
<div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;">{{ 'POWERED_BY' | translate }} <a href="https://www.tellform.com" style="color: #999" target="_blank">TellForm</a></div>
|
|
</textarea>
|
|
</span>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyEmbedded">
|
|
{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</uib-tab>
|
|
</uib-tabset>
|
|
</div>
|
|
</div>
|
|
</div> |