global settings

Author: haruncpi

assets/admin/css/style.css

@@ -94,6 +94,12 @@
 .ajax-inspector .saved-request-list-wrapper table tr:hover > .ajax-list-action {
   display: block;
 }
+.ajax-global-settings-content p {
+  margin: 0!important;
+}
+.ajax-global-settings-content .save-global-settings {
+  margin-top: 10px;
+}
 .ajax-actions {
   display: flex;
   justify-content: space-between;

assets/admin/css/style.less

@@ -115,6 +115,16 @@
   }
 }
 
+
+.ajax-global-settings-content{
+  p{
+    margin: 0!important;
+  }
+  .save-global-settings{
+    margin-top: 10px;
+  }
+}
+
 .ajax-actions {
   display: flex;
   justify-content: space-between;

assets/admin/src/angular-app/app.js

@@ -178,6 +178,15 @@ myApp.controller('AppCtrl', function ($scope, $http) {
             })
     }
 
+    $scope.globalSettings = {
+        preRequestScript: "_ajax.addParam('foo','bar')"
+    }
+
+    $scope.openGlobalSettings = function () {
+        let url = '#TB_inline?width=600&height=200&inlineId=ajax-global-settings';
+        tb_show('Global Settings', url, false);
+    }
+
     /**
      * Update plugin
      */
@@ -216,6 +225,7 @@ myApp.controller('AppCtrl', function ($scope, $http) {
 
                 $scope.pluginInfo.newVersion = newVersion
                 $scope.pluginInfo.updateAvailable = compareVersion($scope.pluginInfo.currentVersion, '<', newVersion)
+                // $scope.pluginInfo.updateAvailable = true;
             })
     }
 

assets/admin/src/react-app/components/App.js

@@ -29,26 +29,18 @@ public function __construct() {
 	 */
 	public function load_admin_assets() {
 		wp_enqueue_style( 'ajax-admin-css', $this->admin_asset_url . '/css/style.css', array(), $this->plugin_version );
-		wp_enqueue_script( 'ajax-angularjs', $this->admin_asset_url . '/libs/angular.min.js', array(), $this->plugin_version, true );
 
+		wp_enqueue_script( 'ajax-angularjs', $this->admin_asset_url . '/libs/angular.min.js', array(), $this->plugin_version, true );
 		wp_enqueue_style( 'ajax-json-viewer-css', $this->admin_asset_url . '/libs/json-viewer/jquery.json-viewer.css', array(), $this->plugin_version );
 		wp_enqueue_script( 'ajax-json-viewer-js', $this->admin_asset_url . '/libs/json-viewer/jquery.json-viewer.js', array(), $this->plugin_version, true );
 
 		wp_enqueue_script( 'ajax-admin-js', $this->admin_asset_url . '/js/angular-app.js', array( 'ajax-angularjs' ), $this->plugin_version, true );
 
-		wp_enqueue_script(
-			'ajax-react-app',
-			$this->admin_asset_url . '/js/react-app.js',
-			array( 'wp-element' ),
-			$this->plugin_version,
-			true
-		);
-
 		wp_enqueue_script( 'thickbox' );
 		wp_enqueue_style( 'thickbox' );
 
 		wp_localize_script(
-			'ajax-react-app',
+			'ajax-admin-js',
 			'_ajax',
 			array(
 				'version'           => AJAX_VERSION,

assets/admin/src/react-app/index.js

@@ -14,15 +14,29 @@
 			<p>v<?php echo esc_html( AJAX_VERSION ); ?></p>
 		</div>
 
-		<div class="display-flex align-items-center gap-10" ng-show="pluginInfo.updateAvailable">
-			<span style="color: red;" ng-hide="updating">New version available - <strong>v{{pluginInfo.newVersion}}</strong></span>
+		<!-- global settings -->
+		<div id="ajax-global-settings" style="display: none;">
+			<div class="ajax-global-settings-content">
+				<p><strong>Pre-request Script</strong></p>
+				<textarea ng-model="globalSettings.preRequestScript" rows="4" style="width: 100%;"></textarea>
+				<br>
+				<button type="button" class="button button-primary save-global-settings">Save</button>
+			</div>
+		</div>
+		<!-- end global settings -->
+		<div class="display-flex align-items-center gap-10">
+			<div class="display-flex align-items-center gap-10" ng-show="pluginInfo.updateAvailable">
+				<span style="color: red;" ng-hide="updating">New version available - <strong>v{{pluginInfo.newVersion}}</strong></span>
 
-			<button type="button" ng-hide="updating" class="button button-default" ng-click="updatePlugin()">{{updating? 'Updating':'Update Now'}}</button>
+				<button type="button" ng-hide="updating" class="button button-primary" ng-click="updatePlugin()">{{updating? 'Updating':'Update Now'}}</button>
 
-			<span class="updating-info" ng-show="updating">
-				<span class="dashicons dashicons-update"></span>	
-				Updating version from <strong>{{pluginInfo.currentVersion}}</strong> to <strong>{{pluginInfo.newVersion}}</strong>
-			</span>
+				<span class="updating-info" ng-show="updating">
+					<span class="dashicons dashicons-update"></span>	
+					Updating version from <strong>{{pluginInfo.currentVersion}}</strong> to <strong>{{pluginInfo.newVersion}}</strong>
+				</span>	
+			</div>
+
+			<button ng-click="openGlobalSettings()" type="button" class="button button-default" style="line-height: 22px;"><span class="dashicons dashicons-admin-settings"></span> Global Settings</button>
 		</div>
 	</div>
 
@@ -67,7 +81,6 @@
 			</div>
 
 			<div class="saved-request-list-wrapper" ng-show="savedList.length">
-
 				<div class="wp-filter">
 					<ul class="filter-links">
 						<li class="plugin-install-featured">

assets/admin/src/react-app/utils.js

@@ -2,8 +2,7 @@ const defaults = require('@wordpress/scripts/config/webpack.config');
 const FilterEntryOutputPlugin = require('filter-entry-output-plugin')
 
 let entry = {
-    'angular-app': './assets/admin/src/angular-app/app.js',
-    //'react-app': './assets/admin/src/react-app/index.js',
+    'angular-app': './assets/admin/src/angular-app/app.js'
 };
 
 let output = {