1 <div af-api4-ctrl=
"apiData" af-api4=
"['Afform', 'get', {layoutFormat: 'html', where: [['name', '=', options.name]]}]">
3 <div ng-if=
"apiData.result.length == 0">
4 {{ts('Failed to find requested form.')}}
7 <div ng-repeat=
"resultForm in apiData.result" ng-if=
"apiData.result.length > 0" class=
"container-fluid">
11 <div class=
"col-sm-12 col-md-4">
12 <div class=
"panel panel-default">
13 <div class=
"panel-heading">{{ts('Properties')}}
</div>
14 <div class=
"panel-body">
16 <div crm-ui-debug=
"resultForm"></div>
18 <div class=
"form-group">
19 <label class=
"control-label">{{ts('Name')}}
</label>
20 <p class=
"form-control-static">{{resultForm.name}}
</p>
22 <div class=
"form-group">
23 <label class=
"control-label">{{ts('Title')}}
</label>
24 <input ng-model=
"resultForm.title" type=
"text" class=
"form-control" />
26 <div class=
"form-group">
27 <label class=
"control-label">{{ts('Description')}}
</label>
28 <textarea class=
"form-control" ng-model=
"resultForm.description"></textarea>
29 <p class=
"help-block">{{ts('Semi-private description about the form\'s purpose.')}}
</p>
30 <!-- "Semi-private": not generally public, but not audited for secrecy -->
32 <div class=
"form-group">
33 <label class=
"control-label">{{ts('Path')}}
</label>
34 <input ng-model=
"resultForm.server_route" type=
"text" class=
"form-control" />
35 <p class=
"help-block">{{ts('Expose the form as a standalone page on the web site. (Example:
"civicrm/my-form")')}}
</p>
37 <div class=
"form-group" ng-if=
"!!resultForm.server_route">
38 <label for=
"af_config_form_is_public">
39 <input type=
"checkbox" id=
"af_config_form_is_public" ng-model=
"resultForm.is_public">
40 {{ ts('Enable frontend styling') }}
42 <p class=
"help-block">{{ts('The general look/feel should match the frontend')}}
</p>
44 <div class=
"form-group" ng-if=
"!!resultForm.server_route">
45 <label for=
"af_config_form_is_token">
46 <input type=
"checkbox" id=
"af_config_form_is_token" ng-model=
"resultForm.is_token">
47 {{ ts('Enable email token') }}
49 <p class=
"help-block">{{ts('Allow email authors to easily link to this form')}}
</p>
51 <div class=
"form-group">
52 <label for=
"af_config_form_is_dashlet">
53 <input type=
"checkbox" id=
"af_config_form_is_dashlet" ng-model=
"resultForm.is_dashlet">
54 {{ ts('Enable dashlet') }}
56 <p class=
"help-block">{{ts('Allow backend users to embed the form on the dashboard.')}}
</p>
58 <div class=
"form-group">
59 <label class=
"control-label">{{ts('Permission')}}
</label>
60 <input ng-model=
"resultForm.permission" type=
"text" class=
"form-control" />
61 <p class=
"help-block">{{ts('What permission is required to use this form?')}}
</p>
66 <div class=
"clearfix"></div>
68 <div class=
"panel panel-default">
69 <div class=
"panel-heading">{{ts('Submit Actions')}}
</div>
70 <div class=
"panel-body">
71 <ng-form name=
"submitActions">
72 <div class=
"form-group" ng-class=
"{'has-error': !!submitActions.redirect.$error.pattern}">
73 <label class=
"control-label" for=
"af_config_redirect">{{ ts('Post-Submit Page') }}
</label>
74 <input ng-model=
"resultForm.redirect" name=
"redirect" class=
"form-control" id=
"af_result_from_redirect" title=
"{{ ts('Post-Submit Page') }}" pattern=
"^((http|https):\/\/|\/|civicrm\/)[-0-9a-zA-Z\/_.]\S+$" title=
"{{ ts('Post-Submit Page must be either an absolute url, a relative url or a path starting with CiviCRM') }}"/>
75 <p class=
"help-block">{{ts('Enter a URL or path that the form should redirect to following a successful submission.') }}
</p>
81 <div class=
"clearfix"></div>
85 <div class=
"col-sm-12 col-md-8">
86 <div class=
"panel panel-default">
87 <div class=
"panel-heading">
88 <div class=
"btn-group btn-group-xs pull-right" role=
"group" aria-label=
"{{ts('Actions')}}">
90 <a class=
"btn btn-default" target=
"_blank" ng-href=
"{{crmUrl(resultForm.server_route)}}" ng-if=
"resultForm.server_route">
91 <i class=
"crm-i fa-location-arrow"></i>
95 <a class=
"btn btn-default"
96 af-api4-action=
"['Afform', 'update', {layoutFormat: 'html', where: [['name', '=', resultForm.name]], values:resultForm}]">
97 <i class=
"crm-i fa-floppy-o"></i>
105 <div class=
"panel-body">
106 <div crm-monaco
ng-model=
"resultForm.layout"></div>