Merge pull request #1473 from devtron-labs/login_page_img_from_cm

feat: Login page BG from CM

Author: AbhishekA1509

.env

@@ -30,8 +30,10 @@ CLUSTER_TERMINAL_CONNECTION_RETRY_COUNT=7
 ENABLE_CHART_SEARCH_IN_HELM_DEPLOY=false
 HIDE_EXCLUDE_INCLUDE_GIT_COMMITS=true
 ENABLE_BUILD_CONTEXT=false
-CLAIR_TOOL_VERSION= 
+CLAIR_TOOL_VERSION=
 ENABLE_RESTART_WORKLOAD=false
 ENABLE_SCOPED_VARIABLES=false
 DEFAULT_CI_TRIGGER_TYPE_MANUAL=false
 ANNOUNCEMENT_BANNER_MSG=
+LOGIN_PAGE_IMAGE=
+LOGIN_PAGE_IMAGE_BG=

config.md

@@ -12,7 +12,7 @@
 | SENTRY_ENABLED                     | "false"   | Sentry integration status                      |
 | SENTRY_ENV                         | stage     | Sentry environment                              |
 | SENTRY_ERROR_ENABLED               | false     |  To send uncaught errors to sentry             |
-| SENTRY_PERFORMANCE_ENABLED         | false     |  To send persormance sentry      | 
+| SENTRY_PERFORMANCE_ENABLED         | false     |  To send persormance sentry      |
 | SENTRY_DSN                         | ''        | SENTRY Data Source Name |
 | SENTRY_TRACES_SAMPLE_RATE          | 0.2       | Rate at which data send to sentry.(min=0 max=1)|
 | USE_V2                             | "true"    | Use the v2 APIs                                 |
@@ -25,5 +25,7 @@
 | RECOMMEND_SECURITY_SCANNING        | "false"    | Recommend security scanning                  |
 | FORCE_SECURITY_SCANNING            | "false"    |  Force Security Scanning                |
 | CLUSTER_TERMINAL_CONNECTION_POLLING_INTERVAL     | 7000    |  Interval for checking connection with cluster terminal.     |
+| LOGIN_PAGE_IMAGE                   | ""         | Login page image url                          |
+| LOGIN_PAGE_IMAGE_BG                | ""         | Login page image background color code        |
 
 # DASHBOARD CONFIG SECRET

src/components/common/FloatingVariablesSuggestions/SuggestionItem.tsx

@@ -56,7 +56,7 @@ export default function SuggestionItem({
 
     return (
         <Tippy
-            className="default-tt"
+            className="default-tt dc__word-break-all"
             content={
                 <div className="mw-200 flex column dc__content-start dc__align-start">
                     <div className="flex column dc__content-start dc__align-start">Value</div>

src/components/login/Login.tsx

@@ -226,8 +226,8 @@ export default class Login extends Component<LoginProps, LoginFormState> {
     render() {
         return (
             <div className="login">
-                <div className="login__bg">
-                    <div className="login__image" />
+                <div className="login__bg" style={window?._env_?.LOGIN_PAGE_IMAGE_BG?{backgroundColor: window._env_.LOGIN_PAGE_IMAGE_BG}:{}}>
+                    <div className="login__image" style={window?._env_?.LOGIN_PAGE_IMAGE?{backgroundImage: `url(${window._env_.LOGIN_PAGE_IMAGE})`}:{}} />
                 </div>
                 <div className="login__section">
                     <Switch>

src/index.tsx

@@ -45,6 +45,8 @@ interface customEnv {
     ENABLE_SCOPED_VARIABLES?: boolean
     DEFAULT_CI_TRIGGER_TYPE_MANUAL: boolean
     ANNOUNCEMENT_BANNER_MSG?: string
+    LOGIN_PAGE_IMAGE?: string
+    LOGIN_PAGE_IMAGE_BG?: string
 }
 declare global {
     interface Window {
@@ -127,7 +129,7 @@ if (!window || !window._env_) {
         POSTHOG_TOKEN: '',
         RECOMMEND_SECURITY_SCANNING: false,
         FORCE_SECURITY_SCANNING: false,
-        ENABLE_CI_JOB: false, 
+        ENABLE_CI_JOB: false,
         HIDE_DISCORD: true,
         DEVTRON_APP_DETAILS_POLLING_INTERVAL: 30000,
         HELM_APP_DETAILS_POLLING_INTERVAL: 30000,
@@ -147,7 +149,9 @@ if (!window || !window._env_) {
         ENABLE_RESTART_WORKLOAD: false,
         ENABLE_SCOPED_VARIABLES: false,
         DEFAULT_CI_TRIGGER_TYPE_MANUAL: false,
-        ANNOUNCEMENT_BANNER_MSG: 'Avoid deploying non critical changes to production between 1st to 31st August 2023'
+        ANNOUNCEMENT_BANNER_MSG: 'Avoid deploying non critical changes to production between 1st to 31st August 2023',
+        LOGIN_PAGE_IMAGE: '',
+        LOGIN_PAGE_IMAGE_BG: ''
     }
 }