Merge pull request #49524 from shipsing/RHDEVDOCS-4271

RHDEVDOCS-4271: Added a procedure to export an application in Add vie…

Author: JStickler

applications/creating_applications/odc-creating-applications-using-developer-perspective.adoc

@@ -78,6 +78,8 @@ include::modules/odc-using-the-devfile-registry.adoc[leveloffset=+1]
 
 include::modules/odc-using-the-developer-catalog-to-add-services-or-components.adoc[leveloffset=+1]
 
+include::modules/odc-exporting-an-application-to-another-project-or-cluster.adoc[leveloffset=+1]
+
 [role="_additional-resources"]
 [id="additional-resources_odc-creating-applications-using-developer-perspective"]
 == Additional resources
@@ -86,4 +88,4 @@ include::modules/odc-using-the-developer-catalog-to-add-services-or-components.a
 * For more information about domain mapping settings for {ServerlessProductName}, see xref:../../serverless/security/serverless-custom-domains.adoc#serverless-custom-domains[Configuring a custom domain for a Knative service].
 * For more information about Knative autoscaling settings for {ServerlessProductName}, see xref:../../serverless/develop/serverless-autoscaling-developer.adoc#serverless-autoscaling-developer[Autoscaling].
 * For more information about adding a new user to a project, see xref:../projects/working-with-projects.adoc#odc-providing-project-permissions-using-developer-perspective_projects[Working with projects].
-* For more information about creating a Helm Chart repository, see xref:../working_with_helm_charts/configuring-custom-helm-chart-repositories.adoc#odc-installing-helm-charts-using-developer-perspective_configuring-custom-helm-chart-repositories[Creating Helm Chart repositories].
+* For more information about creating a Helm Chart repository, see xref:../working_with_helm_charts/configuring-custom-helm-chart-repositories.adoc#odc-installing-helm-charts-using-developer-perspective_configuring-custom-helm-chart-repositories[Creating Helm Chart repositories].

applications/odc-viewing-application-composition-using-topology-view.adoc

@@ -37,3 +37,4 @@ include::modules/odc-labels-and-annotations-used-for-topology-view.adoc[leveloff
 
 * See xref:../applications/creating_applications/odc-creating-applications-using-developer-perspective.adoc#odc-importing-codebase-from-git-to-create-application_odc-creating-applications-using-developer-perspective[Importing a codebase from Git to create an application] for more information on creating an application from Git.
 * See xref:../applications/connecting_applications_to_services/odc-connecting-an-application-to-a-service-using-the-developer-perspective.adoc#odc-connecting-an-application-to-a-service-using-the-developer-perspective[Connecting an application to a service using the Developer perspective].
+* See xref:../applications/creating_applications/odc-creating-applications-using-developer-perspective.adoc#odc-exporting-an-application-to-another-project-or-cluster_odc-creating-applications-using-developer-perspective[Exporting an application to another project or cluster]

images/export-application-dialog-box.png

@@ -0,0 +1,37 @@
+// Module included in the following assemblies:
+//
+// * applications/creating_applications/odc-creating-applications-using-developer-perspective.adoc
+
+:_content-type: PROCEDURE
+[id="odc-exporting-an-application-to-another-project-or-cluster_{context}"]
+
+= Exporting an application to another project or cluster
+
+As a developer, you can export your application in the ZIP file format. Based on your needs, import the exported application to another project in the same cluster or a different cluster by using the *Import YAML* option in the *+Add* view. Exporting your application helps you to reuse your application resources and saves your time.
+
+.Prerequisites
+* You have installed the gitops-primer operator from the Operator Hub.
++
+[NOTE]
+====
+The *Export application* option is disabled in the *Topology* view even after installing the gitops-primer operator.
+====
+
+* You have created an application in the *Topology* view to enable *Export application*.
+
+.Procedure
+. In the developer perspective, perform one of the following steps:
+.. Navigate to the *+Add* view and click *Export application* in the *Application portability* tile.
+.. Navigate to the *Topology* view and click *Export application*.
+
+. Click *OK* in the *Export Application* dialog box. A notification opens to confirm that the export of resources from your project has started.
+
+. Optional steps that you might need to perform in the following scenarios:
++
+* If you have started exporting an incorrect application, click  *Export application* -> *Cancel Export*.
+* If your export is already in progress and you want to start a fresh export, click  *Export application* -> *Restart Export*.
+* If you want to view logs associated with exporting an application, click  *Export application* and the *View Logs* link.
++
+image::export-application-dialog-box.png[]
+
+. After a successful export, click *Download* in the dialog box to download application resources in ZIP format onto your machine.

modules/odc-exporting-an-application-to-another-project-or-cluster.adoc

@@ -1,9 +1,15 @@
+// Module included in the following assemblies:
+//
+// * applications/odc-viewing-application-composition-using-topology-view.adoc
+
+:_content-type: CONCEPT
 [id="odc-viewing-application-topology_{context}"]
+
 = Viewing the topology of your application
 
 You can navigate to the *Topology* view using the left navigation panel in the *Developer* perspective. After you deploy an application, you are directed automatically to the *Graph view* where you can see the status of the application pods, quickly access the application on a public URL, access the source code to modify it, and see the status of your last build. You can zoom in and out to see more details for a particular application.
 
-The *Topology* view also provides you the option to monitor your applications using the *List* view. Use the *List view* icon (image:odc_list_view_icon.png[title="List view icon"]) to see a list of all your applications and use the *Graph view* icon (image:odc_topology_view_icon.png[title="Topology view icon"]) to switch back to the graph view.
+The *Topology* view provides you the option to monitor your applications using the *List* view. Use the *List view* icon (image:odc_list_view_icon.png[title="List view icon"]) to see a list of all your applications and use the *Graph view* icon (image:odc_topology_view_icon.png[title="Topology view icon"]) to switch back to the graph view.
 
 You can customize the views as required using the following:
 
@@ -22,3 +28,5 @@ You can customize the views as required using the following:
 ** *Show* elements based on *Pod Count* or *Labels*
 *** Pod Count: Select to show the number of pods of a component in the component icon.
 *** Labels: Toggle to show or hide the component labels.
+
+The *Topology* view also provides you the *Export application* option to download your application in the ZIP file format. You can then import the downloaded application to another project or cluster. For more details, see _Exporting an application to another project or cluster_ in the _Additional resources_ section.