You signed in with another tab or window.Reload to refresh your session.You signed out in another tab or window.Reload to refresh your session.You switched accounts on another tab or window.Reload to refresh your session.Dismiss alert
* Update home-dashboard.mdAdded conditions for argohub only content* Update images article* Fix condition syntax for Home dashboardUpdated content to match enterprise and argohub flavors, and updated condition syntax
Copy file name to clipboardExpand all lines: _docs/dashboards/home-dashboard.md
+11-12Lines changed: 11 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,10 +5,10 @@ group: dashboards
5
5
toc:true
6
6
---
7
7
8
-
Get a global picture of performance for GitOps entities, Argo Workflow entites,and pipelines in the Home dashboard. The Home dashboard is displayed when you log in to Codefresh, providing system-wide visualization for all stakeholders.
8
+
Get a global picture of performance for GitOps entitiesand pipelines in the Home dashboard with system-wide visualization for all stakeholders.
9
9
10
-
11
-
The Home Dashboard includesthree different dashboards:
10
+
{% if page.layout != "argohub" %}
11
+
The Home Dashboard includestwo different dashboards:
12
12
13
13
***GitOps Dashboard**
14
14
Displays a global overview of GitOps Runtimes, clusters managed by the Runtimes, deployment history, and most active applications.
@@ -22,13 +22,10 @@ The Home Dashboard includes three different dashboards:
22
22
Go to [Pipeline Settings](https://g.codefresh.io/account-admin/account-conf/pipeline-settings){:target="\_blank"}.
23
23
{{site.data.callout.end}}-->
24
24
25
+
25
26
***Pipelines Dashboard**
26
27
Displays aggregated pipeline data for performance analysis, identification of bottlenecks, and trends.
27
28
28
-
29
-
30
-
31
-
32
29
{% include
33
30
image.html
34
31
lightbox="true"
@@ -40,14 +37,14 @@ The Home Dashboard includes three different dashboards:
40
37
%}
41
38
42
39
43
-
40
+
{% endif %}
44
41
45
42
##GitOps Dashboard
46
43
Use the GitOps dashboard to:
47
44
1. Identify status of GitOps Runtimes and the clusters managed by the Runtimes
48
-
1. View deployment history forthe date range
45
+
1. View deployment history fora date range
49
46
1. View the most active applications, and filter by cluster to which they are deployed
50
-
1.Go to the GitOps Apps dashboard to further analyze specific applications
47
+
1.Navigate to the GitOps Apps dashboard to further analyze specific applications
51
48
52
49
###Filters for GitOps Dashboard
53
50
@@ -231,6 +228,7 @@ KPI metrics for active Delivery Pipelines such as number of executions, duration
231
228
User count is aggregated per user, so multiple commits from the same user are counted as a single commit.
232
229
233
230
-->
231
+
{% if page.layout != "argohub" %}
234
232
235
233
##Pipelines Dashboard
236
234
@@ -369,12 +367,13 @@ Identify outliers in terms of executions and duration in the scatter chart map,
369
367
%}
370
368
371
369
You can then filter by the specific pipeline or pipelines and analyze success rate, overall, and phase-level duration.
Copy file name to clipboardExpand all lines: _docs/dashboards/images.md
+72-32Lines changed: 72 additions & 32 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,25 +7,59 @@ toc: true
7
7
---
8
8
9
9
10
+
##Images dashboard
11
+
The Images dashboard provides a centralized view of container images built and used in deployments. With powerful filtering options and enriched metadata, it enhances visibility into an image’s provenance and deployment history.
10
12
13
+
{% include
14
+
image.html
15
+
lightbox="true"
16
+
file="/images/image/images-default-main-view.png"
17
+
url="/images/image/images-default-main-view.png"
18
+
alt="Images dashboard"
19
+
caption="Images dashboard"
20
+
max-width="60%"
21
+
%}
11
22
12
-
##Access the Images dashboard
23
+
#####Image enrichment and metadata
24
+
Image enrichment is the process of enhancing container images with valuable metadata to improve traceability and governance.
25
+
The metadata is added to the image through third-party integrations with CI, registry, and issue-tracking tools.
26
+
27
+
Each image tag reflects enriched information from these integrations, which can include:
* Deployment tracking: Visibility into where an image is currently running
31
+
32
+
#####Advanced filtering
33
+
The dashboard offers a variety of filters to help quickly find relevant images. The default and most useful is the**Currently Deployed** filter, which pinpoints images actively deployed in applications with additional information on the tag, services, most recent commits and more.
13
34
35
+
Other filters include build status, repository, commit SHA, and promotion status, giving you granular control over image tracking.
14
36
15
-
* In the Codefresh UI, from Artifacts in the sidebar, select[Images](https://g.codefresh.io/2.0/images){:target="\_blank"}.
37
+
#####Layered views for enhanced visibility
16
38
39
+
The Images dashboard presents information in multiple layers, allowing you to drill down from high-level summaries to detailed metadata.
40
+
This structure helps to quickly analyze images based on your needs:
41
+
* Current deployment view
42
+
* Tag-level view, displaying images in applications by tag versions
43
+
* Detailed view, displaying summary, Dockerfile, and layers
44
+
45
+
{% include
46
+
image.html
47
+
lightbox="true"
48
+
file="/images/image/images-default-main-view.png"
49
+
url="/images/image/images-default-main-view.png"
50
+
alt="Images dashboard"
51
+
caption="Images dashboard"
52
+
max-width="60%"
53
+
%}
54
+
55
+
##Access the Images dashboard
17
56
18
57
19
-
Image views to show multiple levels of data:
58
+
* In the Codefresh UI, from the sidebar, select**Images**.
20
59
21
-
1. Repository and application deployment
22
-
1. Tags
23
-
1. Summary with metadata and binary information
24
-
1. Dockerfile info
25
-
1. Layers
26
60
27
61
##Filters for Image views
28
-
As with any resource in Codefresh, the Images dashboard supports filters that allow you focus on the data that's important to you.
62
+
As with any resource, the Images dashboard supports filters that allow you focus on the data that's important to you.
29
63
Most image filters support multi-selection. Unless otherwise indicated, the filters are common to all view levels.
30
64
31
65
{: .table .table-bordered .table-hover}
@@ -42,9 +76,10 @@ Most image filters support multi-selection. Unless otherwise indicated, the fil
42
76
43
77
44
78
45
-
##Imagemain view: deployment and repo information
79
+
##Imagehigh-level view: current deployment and repo information
46
80
The main view of the Images dashboard displays high-level deployment, repository, and registry information.
47
81
82
+
<!---
48
83
49
84
{% include
50
85
image.html
@@ -56,18 +91,19 @@ The main view of the Images dashboard displays high-level deployment, repository
56
91
max-width="60%"
57
92
%}
58
93
59
-
94
+
-->
95
+
60
96
For each image, you can see:
61
-
* The name of the image. Clicking theimagename
62
-
* The application or list of applications in which the image is currently deployed. Clicking an application takes you to the GitOps Apps dashboard with detailed information on the application.|
97
+
* The name of the image. Clicking the nametakes you to the tag-level view of the image.
98
+
* The application or list of applications in which the image is currently deployed. Clicking an application takes you to the GitOps Apps dashboard with detailed information on the application.
63
99
* Binary information from Git, including the most recent commit, creation date, size, and tag.
64
100
* The registry to which the image is pushed, and from which it is distributed.
65
101
66
102
The Currently Deployed stamp on the right shows the number of applications in which the image is deployed.
67
103
68
104
69
-
##Image tag view
70
-
Drilldown on the repository shows all the tags created for the image.
105
+
##Image tag-level view
106
+
Drill down on the repository shows all the tags created for the image.
71
107
{% include
72
108
image.html
73
109
lightbox="true"
@@ -78,7 +114,7 @@ Drilldown on the repository shows all the tags created for the image.
78
114
max-width="60%"
79
115
%}
80
116
81
-
Eachrow displays information on the tag:
117
+
Eachtag displays information:
82
118
83
119
* The comment describing the commit or change, with the name of the Git provider and the corresponding PR. To view details of the commit changes in the Git repository, select the commit text.|
84
120
* The hash of the Docker image, generated as sha256. A change in the digest indicates that something has changed in the image.|
@@ -93,12 +129,19 @@ For Summary, Dockerfile, and Layer information on a tag, click **more details**.
93
129
{{site.data.callout.end}}
94
130
95
131
96
-
##Image Summary
97
-
The Summary view summarizes the metadata for the image.
98
-
132
+
##Image detailed view
133
+
The detailed view provides a granular breakdown of the image through the Summary, Dockerfile, and Layers tabs.
99
134
135
+
###Summary view
136
+
Summarizes the metadata for the image:
137
+
***Image info**: The image name, registry, OS architecture, and last update.
138
+
***Applications** : The application or applications in which the image is deployed.
139
+
***Build Info**: The size of the image, and the Argo Workflow for the image step. Click the link to go to the Argo Workflow.
140
+
***Issues**: The Jira issue number and the committer, enriched with the commit message and its status.
141
+
***Git**: The Git details for this image tag, such as repo, branch, commit message, committer(s) and Pull Request information.
142
+
***Annotations**: Annotations if any assigned to the image.
100
143
101
-
{% include
144
+
<!---{% include
102
145
image.html
103
146
lightbox="true"
104
147
file="/images/image/images-summary-tab.png"
@@ -107,18 +150,14 @@ The Summary view summarizes the metadata for the image.
107
150
caption="Image Summary tab"
108
151
max-width="60%"
109
152
%}
153
+
-->
110
154
111
155
112
-
***Image info**: The image name, registry, OS architecture, and last update.
113
-
***Applications** : The application or applications in which the image is deployed.
114
-
***Build Info**: The size of the image, and the Argo Workflow for the image step. Click the link to go to the Argo Workflow.
115
-
***Issues**: The Jira issue number and the committer, enriched with the commit message and its status.
116
-
***Git**: The Git details for this image tag, such as repo, branch, commit message, committer(s) and Pull Request information.
117
-
***Annotations**: Annotations if any assigned to the image.
118
-
119
-
##Image Dockerfile
120
156
157
+
###Dockerfile
158
+
The Dockerfile tab is populated only for images built with Dockerfiles.
121
159
160
+
<!---
122
161
{% include
123
162
image.html
124
163
lightbox="true"
@@ -128,11 +167,11 @@ The Summary view summarizes the metadata for the image.
128
167
caption="Image Dockerfile tab"
129
168
max-width="60%"
130
169
%}
131
-
132
-
##Image Layers
170
+
-->
171
+
###Layers
172
+
The Layers tab provides a step-by-step breakdown of how an image was built, mapping each layer to a specific Docker instruction. Reviewing layers helps identify unnecessary bloat, detect security risks, and optimize images for faster builds and deployments.
133
173
134
-
135
-
{% include
174
+
<!--- {% include
136
175
image.html
137
176
lightbox="true"
138
177
file="/images/image/images-layers-tab.png"
@@ -141,6 +180,7 @@ The Summary view summarizes the metadata for the image.
141
180
caption="Image Layers tab"
142
181
max-width="60%"
143
182
%}
183
+
-->
144
184
145
185
##Related articles
146
186
[Image enrichment for GitOps with integrations]({{site.baseurl}}/docs/ci-cd-guides/image-enrichment/)