From: Coleman Watts <coleman@civicrm.org>
Date: Mon, 22 Feb 2021 02:50:14 +0000 (-0500)
Subject: Afform - Add 'View Page' link from afform edit screen
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=2fb9e6553f521c74472765ddcbaf40677ed9b871;p=civicrm-core.git

Afform - Add 'View Page' link from afform edit screen
---

diff --git a/ext/afform/admin/ang/afGuiEditor/afGuiEditor.component.js b/ext/afform/admin/ang/afGuiEditor/afGuiEditor.component.js
index 0c38e19e49..587d74cdd2 100644
--- a/ext/afform/admin/ang/afGuiEditor/afGuiEditor.component.js
+++ b/ext/afform/admin/ang/afGuiEditor/afGuiEditor.component.js
@@ -20,6 +20,8 @@
     controllerAs: 'editor',
     controller: function($scope, crmApi4, afGui, $parse, $timeout, $location) {
       var ts = $scope.ts = CRM.ts('afform');
+      $scope.crmUrl = CRM.url;
+
       $scope.afform = null;
       $scope.saving = false;
       $scope.selectedEntityName = null;
diff --git a/ext/afform/admin/ang/afGuiEditor/afGuiEditorCanvas.html b/ext/afform/admin/ang/afGuiEditor/afGuiEditorCanvas.html
index 497c219ace..df975f1058 100644
--- a/ext/afform/admin/ang/afGuiEditor/afGuiEditorCanvas.html
+++ b/ext/afform/admin/ang/afGuiEditor/afGuiEditorCanvas.html
@@ -1,13 +1,21 @@
 <div class="panel panel-default">
   <div class="panel-heading">
 
-    <div class="btn-group btn-group-md  pull-right">
-      <button type="submit" class="btn" ng-class="{'btn-primary': !changesSaved && !saving, 'btn-warning': saving, 'btn-success': changesSaved}" ng-disabled="changesSaved || saving || !afform.title" ng-click="save()">
-        <i class="crm-i" ng-class="{'fa-check': !saving, 'fa-spin fa-spinner': saving}"></i>
-        <span ng-if="changesSaved && !saving">{{:: ts('Saved') }}</span>
-        <span ng-if="!changesSaved && !saving">{{:: ts('Save') }}</span>
-        <span ng-if="saving">{{:: ts('Saving...') }}</span>
-      </button>
+    <div class="form-inline pull-right">
+      <div class="form-group" ng-if="changesSaved && !saving && afform.server_route">
+        <a target="_blank" href="{{ crmUrl(afform.server_route) }}">
+          <i class="crm-i fa-external-link"></i>
+          {{:: ts('View Page') }}
+        </a>
+      </div>
+      <div class="btn-group btn-group-md">
+        <button type="submit" class="btn" ng-class="{'btn-primary': !changesSaved && !saving, 'btn-warning': saving, 'btn-success': changesSaved}" ng-disabled="changesSaved || saving || !afform.title" ng-click="save()">
+          <i class="crm-i" ng-class="{'fa-check': !saving, 'fa-spin fa-spinner': saving}"></i>
+          <span ng-if="changesSaved && !saving">{{:: ts('Saved') }}</span>
+          <span ng-if="!changesSaved && !saving">{{:: ts('Save') }}</span>
+          <span ng-if="saving">{{:: ts('Saving...') }}</span>
+        </button>
+      </div>
     </div>
 
     <ul class="nav nav-tabs">