Develop

dist/assets/i18n/services/en.json

@@ -21,9 +21,43 @@
       "tooltip": "Write a brief description of the API (optional)."
     },
     "createAndTest": "Create & Test",
-    "securityConfig": "Security Config"
+    "securityConfig": "Security Config",
+    "nextSecurityConfig": "Next: Security Configuration"
   },
+  "firstTimeGuidance": "Welcome! Since this is your first API, we'll guide you through setting up security configuration to ensure your API is properly protected.",
   "deleteSuccessMsg": "Service successfully deleted",
   "createSuccessMsg": "Service successfully created",
-  "updateSuccessMsg": "Service successfully updated"
+  "updateSuccessMsg": "Service successfully updated",
+  "celebration": {
+    "title": "🎉 Your First API is Live!",
+    "subtitle": "{{name}} is ready to use",
+    "whatHappened": "Here's what just happened in under 1 second:",
+    "steps": {
+      "database": {
+        "title": "Connected to Database",
+        "description": "Established secure connection and analyzed your database schema"
+      },
+      "endpoints": {
+        "title": "Generated REST API Endpoints",
+        "description": "Created full CRUD operations for all tables with pagination & filtering"
+      },
+      "security": {
+        "title": "Applied Security Configuration",
+        "description": "Set up role-based access control with your specified permissions"
+      },
+      "apiKey": {
+        "title": "Generated API Key",
+        "description": "Created a secure API key for authentication"
+      }
+    },
+    "endpointLabel": "Your API Endpoint:",
+    "endpointHint": "(lists all tables)",
+    "yourApiKey": "Authentication Key:",
+    "copyKey": "Copy API Key",
+    "keyCopied": "Copied!",
+    "usageHint": "Add the API key to the 'X-DreamFactory-Api-Key' header in your requests",
+    "testYourApi": "Test Your API Now",
+    "exploreLater": "I'll explore later",
+    "autoRedirectTest": "Redirecting to API testing playground..."
+  }
 }

src/app/adf-event-scripts/df-script-details/df-script-details.component.ts

@@ -218,26 +218,50 @@ export class DfScriptDetailsComponent implements OnInit {
         this.tableProcedureFlag = 'function';
         this.tableOptions = [
           ...this.ungroupedEventOptions[this.selectedEventItem].parameter
-            .procedureName,
+            .functionName,
         ];
       }
     }
   }
 
   selectedTable() {
-    this.completeScriptName = this.selectedRouteItem.replace(
-      '{table_name}',
-      this.selectTable
-    );
+    if (this.tableProcedureFlag === 'table') {
+      this.completeScriptName = this.selectedRouteItem.replace(
+        '{table_name}',
+        this.selectTable
+      );
+    } else if (this.tableProcedureFlag === 'procedure') {
+      this.completeScriptName = this.selectedRouteItem.replace(
+        '{procedure_name}',
+        this.selectTable
+      );
+    } else if (this.tableProcedureFlag === 'function') {
+      this.completeScriptName = this.selectedRouteItem.replace(
+        '{function_name}',
+        this.selectTable
+      );
+    }
   }
 
   selectedRoute() {
     this.completeScriptName = this.selectedRouteItem;
     if (this.selectTable) {
-      this.completeScriptName = this.completeScriptName.replace(
-        '{table_name}',
-        this.selectTable
-      );
+      if (this.tableProcedureFlag === 'table') {
+        this.completeScriptName = this.completeScriptName.replace(
+          '{table_name}',
+          this.selectTable
+        );
+      } else if (this.tableProcedureFlag === 'procedure') {
+        this.completeScriptName = this.completeScriptName.replace(
+          '{procedure_name}',
+          this.selectTable
+        );
+      } else if (this.tableProcedureFlag === 'function') {
+        this.completeScriptName = this.completeScriptName.replace(
+          '{function_name}',
+          this.selectTable
+        );
+      }
     }
   }
 }