SearchKit - Tweak export explorer link icon + format
[civicrm-core.git] / ext / search_kit / ang / crmSearchAdmin / crmSearchAdminExport.html
1 <div id="bootstrap-theme">
2 <div class="alert alert-info">
3 <p>
4 <i class="crm-i fa-info-circle"></i>
5 {{:: ts('Search configuration can be copied from here, then pasted into "Import" to e.g. transfer between sites.') }}
6 </p>
7 <p>
8 <i class="crm-i fa-suitcase"></i>
9 {{:: ts('Note: to package for distribution in an extension, use:') }}
10 <a ng-href="{{:: $ctrl.apiExplorerLink }}" target="_blank">
11 <u>{{:: ts('API Explorer Export') }}</u>
12 <i class="crm-i fa-external-link"></i>
13 </a>
14 </p>
15 </div>
16 <h4>{{:: ts('Include in output') }}</h4>
17 <div ng-if="!$ctrl.output" style="width: 150px">
18 <div class="crm-search-loading-placeholder"></div>
19 <div class="crm-search-loading-placeholder"></div>
20 <div class="crm-search-loading-placeholder"></div>
21 </div>
22 <div ng-if="$ctrl.output" class="form-group">
23 <div ng-repeat="type in $ctrl.types" class="checkbox">
24 <label ng-class="{disabled: !type.values.length}">
25 <input type="checkbox" ng-disabled="!type.values.length" ng-model="type.enabled" ng-change="$ctrl.refreshOutput()">
26 <span ng-if="type.values.length === 1">{{:: type.title }}</span>
27 <span ng-if="type.values.length !== 1">{{:: type.plural.replace('%1', type.values.length) }}</span>
28 </label>
29 </div>
30 </div>
31 <textarea id="crm-search-admin-export-output-code" class="form-control" readonly ng-model="$ctrl.output" rows="8"></textarea>
32 <div class="btn-group">
33 <button type="button" ng-disabled="!$ctrl.output" class="btn btn-{{ $ctrl.copied ? 'success' : 'primary' }}" ng-click="$ctrl.copyToClipboard()">
34 <i class="crm-i fa-{{ $ctrl.copied ? 'check' : 'clipboard' }}"></i>
35 {{ $ctrl.copied ? ts('Copied to clipboard') : ts('Copy to clipboard') }}
36 </button>
37 </div>
38 </div>