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 0c38e19e496c59ee25b846ae2ef24cbf078570a1..587d74cdd21b633508b355eeb686a88ab48b7e14 100644 (file)
--- 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 497c219ace88c582ad8d3673fb193bba47de9dda..df975f105891caf5c9bb4c32ace49054151bda85 100644 (file)
--- 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">