fix(settings-media-repurposing): Add link to Automation Manager guide…

… from KMC KMCNG-2632
kaltura · Jul 22, 2024 · 4826ec9 · 4826ec9
1 parent 3e34e60
commit 4826ec9
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 1 deletion.
diff --git a/src/applications/settings-mr-app/rules/new-rule/new-rule.component.html b/src/applications/settings-mr-app/rules/new-rule/new-rule.component.html
@@ -23,7 +23,14 @@
 
                 <div class="kRow">
                     <span class="kLabel">{{'applications.administration.role.description' | translate}}</span>
-                    <textarea class="kControl" pInputTextarea [maxlength]="512" formControlName="description"></textArea>
+                    <div class="inputWithDoc">
+                        <textarea class="kControl" pInputTextarea [maxlength]="512" formControlName="description"></textArea>
+                        <div class="doc">
+                            <span>{{'applications.settings.mr.newRuleDoc' | translate}}</span>
+                            <span class="link" (click)="openHelp()">{{'applications.settings.mr.newRuleDocLink' | translate}}</span>
+                            <span>{{'applications.settings.mr.newRuleDoc2' | translate}}</span>
+                        </div>
+                    </div>
                 </div>
 
              </form>

diff --git a/src/applications/settings-mr-app/rules/new-rule/new-rule.component.scss b/src/applications/settings-mr-app/rules/new-rule/new-rule.component.scss
@@ -88,6 +88,24 @@
                 color: $kDandger;
                 padding-top: 8px;
             }
+            .inputWithDoc {
+                display: flex;
+                flex-direction: column;
+                gap: 8px;
+                .doc {
+                    display: flex;
+                    span {
+                        margin-right: 4px;
+                        font-size: 14px;
+                    }
+                    .link {
+                        text-decoration: none;
+                        color: $kPrimary;
+                        cursor: pointer;
+                        font-weight: normal;
+                    }
+                }
+            }
         }
     }
 

diff --git a/src/applications/settings-mr-app/rules/new-rule/new-rule.component.ts b/src/applications/settings-mr-app/rules/new-rule/new-rule.component.ts
@@ -32,6 +32,7 @@ export class NewRuleComponent implements OnInit {
     constructor(private _fb: FormBuilder,
                 private _logger: KalturaLogger,
                 private _analytics: AppAnalytics,
+                private _browserService: BrowserService,
                 private _profilesService: MrStoreService,
                 private _appLocalization: AppLocalization) {
         this._buildForm();
@@ -134,4 +135,9 @@ export class NewRuleComponent implements OnInit {
         });
     };
 
+    public openHelp(): void {
+        this._analytics.trackButtonClickEvent(ButtonType.Browse, 'AM_new_rule_guide', 'new');
+        this._browserService.openLink('https://knowledge.kaltura.com/help/automation-manager');
+    }
+
 }
diff --git a/src/i18n/en.json b/src/i18n/en.json
@@ -3595,6 +3595,9 @@
                 "noCriteriaMsg": "All criteria for this rule have been removed. As a result, the rule will be disabled automatically. Do you wish to continue?",
                 "cannotEnable": "No criteria found for this rule. To enable, please define at least one criteria.",
                 "newRule": "Add new rule",
+                "newRuleDoc": "Visit our",
+                "newRuleDoc2": "for a step-by-step guide ",
+                "newRuleDocLink": "Automation Manager article",
                 "rulesNum": "{{0}} Rules",
                 "entriesNum": "{{0}} Entries",
                 "reportsNum": "{{0}} Reports",