Argo app created to be logged in backend, ux issue (#18)

OpsMx · Apr 2, 2024 · 8a1d74f · 8a1d74f
1 parent 0a9957b
commit 8a1d74f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/ui/src/app/applications/components/application-create-panel/application-create-panel.tsx b/ui/src/app/applications/components/application-create-panel/application-create-panel.tsx
@@ -143,7 +143,7 @@ export const ApplicationCreatePanel = (props: {
                 }>
                 {({projects, clusters, reposInfo}) => {
                     if (pathHasOpsmx) {
-                        window.parent.postMessage({msg:'loadEvent'},'*');
+                        window.parent.postMessage(window.btoa(JSON.stringify({msg:'loadEvent'})),'*')
                     }
                     const repos = reposInfo.map(info => info.repo).sort();
                     const repoInfo = reposInfo.find(info => info.repo === app.spec.source.repoURL);

diff --git a/ui/src/app/applications/components/applications-list/applications-list.tsx b/ui/src/app/applications/components/applications-list/applications-list.tsx
@@ -611,7 +611,7 @@ export const ApplicationsList = (props: RouteComponentProps<{}>) => {
                                                         isShown={!!appInput}
                                                         onClose={() => {
                                                             if(pathHasOpsmx){
-                                                                window.parent.postMessage({msg:'closeEvent'},'*')
+                                                                window.parent.postMessage(window.btoa(JSON.stringify({msg:'closeEvent'})),'*')
                                                             }
                                                             ctx.navigation.goto('.', {new: null}, {replace: true})}}
                                                         header={
@@ -628,7 +628,7 @@ export const ApplicationsList = (props: RouteComponentProps<{}>) => {
                                                                     qe-id='applications-list-button-cancel'
                                                                     onClick={() => {  
                                                                     if(pathHasOpsmx){
-                                                                     window.parent.postMessage({msg:'closeEvent'},'*')
+                                                                     window.parent.postMessage(window.btoa(JSON.stringify({msg:'closeEvent'})),'*')
                                                                     }
                                                                     ctx.navigation.goto('.', {new: null}, {replace: true})}}
                                                                     className='argo-button argo-button--base-o'>
@@ -647,7 +647,7 @@ export const ApplicationsList = (props: RouteComponentProps<{}>) => {
                                                                         await services.applications.create(app);
                                                                         //iframe msg alert needed
                                                                         if(pathHasOpsmx){
-                                                                            window.parent.postMessage({msg:'saveEvent'},'*')
+                                                                            window.parent.postMessage(window.btoa(JSON.stringify({msg:'saveEvent',appName:app['metadata']['name']})),'*')
                                                                         }
                                                                         ctx.navigation.goto('.', {new: null}, {replace: true});
                                                                     } catch (e) {

diff --git a/ui/src/app/applications/components/utils.tsx b/ui/src/app/applications/components/utils.tsx
@@ -123,7 +123,7 @@ export async function deleteApplication(appName: string, appNamespace: string, a
                 }
             }
         },
-        {name: 'argo-icon-warning', color: 'info'},
+        {name: 'argo-icon-warning', color: ''},
         '',
         {propagationPolicy: 'foreground'}
     );

diff --git a/ui/src/app/sidebar/sidebar.scss b/ui/src/app/sidebar/sidebar.scss
@@ -15,7 +15,7 @@ $deselected-text: #818d94;
     color: white;
     background-color: #0f2733;
     overflow: auto;
-    z-index: 2;
+    z-index: 0 !important;
 
     &__container {
         padding: 0 5px;
-Original file line number
+Diff line change
@@ Expand Up @@
                     }
                 }
             },
-            {name: 'argo-icon-warning', color: 'info'},
+            {name: 'argo-icon-warning', color: ''},
             '',
             {propagationPolicy: 'foreground'}
         );
@@ Expand Down @@