Update crawl template copy (#325)

frontend/src/pages/archive/crawl-detail.ts

@@ -375,22 +375,6 @@ export class CrawlDetail extends LiteElement {
   }
 
   private renderSummary() {
-    let crawlScaleLabel = `${this.crawl?.scale}`;
-
-    switch (this.crawl?.scale) {
-      case 1:
-        crawlScaleLabel = msg("Standard", { desc: "Crawl scale label" });
-        break;
-      case 2:
-        crawlScaleLabel = msg("Big (2x)", { desc: "Crawl scale label" });
-        break;
-      case 3:
-        crawlScaleLabel = msg("Bigger (3x)", { desc: "Crawl scale label" });
-        break;
-      default:
-        break;
-    }
-
     return html`
       <dl class="grid grid-cols-4 gap-5 rounded-lg border py-3 px-5 text-sm">
         <div class="col-span-2 md:col-span-1">
@@ -465,10 +449,10 @@ export class CrawlDetail extends LiteElement {
           </dd>
         </div>
         <div class="col-span-2 md:col-span-1">
-          <dt class="text-xs text-0-600">${msg("Crawl Scale")}</dt>
+          <dt class="text-xs text-0-600">${msg("Crawler Instances")}</dt>
           <dd>
             ${this.crawl
-              ? crawlScaleLabel
+              ? this.crawl?.scale
               : html`<sl-skeleton class="h-5"></sl-skeleton>`}
           </dd>
         </div>
@@ -774,15 +758,15 @@ export class CrawlDetail extends LiteElement {
     const scaleOptions = [
       {
         value: 1,
-        label: msg("Standard"),
+        label: "1",
       },
       {
         value: 2,
-        label: msg("Big (2x)"),
+        label: "2",
       },
       {
         value: 3,
-        label: msg("Bigger (3x)"),
+        label: "3",
       },
     ];
 

frontend/src/pages/archive/crawl-templates-detail.ts

@@ -749,7 +749,9 @@ export class CrawlTemplatesDetail extends LiteElement {
         </div>
         <div class="col-span-1">
           <dt class="text-sm text-0-600">
-            <span class="inline-block align-middle">${msg("Crawl Scale")}</span>
+            <span class="inline-block align-middle"
+              >${msg("Crawler Instances")}</span
+            >
           </dt>
           <dd>
             <span class="inline-block font-mono mr-2"
@@ -852,15 +854,29 @@ export class CrawlTemplatesDetail extends LiteElement {
       <sl-form @sl-submit=${this.handleSubmitEditScale}>
         <sl-select
           name="scale"
-          label=${msg("Crawl Scale")}
           value=${this.crawlTemplate.scale}
           hoist
           @sl-hide=${this.stopProp}
           @sl-after-hide=${this.stopProp}
         >
-          <sl-menu-item value="1">${msg("Standard")}</sl-menu-item>
+          <label slot="label">
-          <sl-menu-item value="2">${msg("Big (2x)")}</sl-menu-item>
+            <span class="inline-block align-middle">
-          <sl-menu-item value="3">${msg("Bigger (3x)")}</sl-menu-item>
+              ${msg("Crawler Instances")}
+            </span>
+            <sl-tooltip
+              content=${msg(
+                "The number of crawler instances that will run in parallel for this crawl job."
+              )}
+              ><sl-icon
+                class="inline-block align-middle ml-1 text-neutral-500"
+                name="info-circle"
+              ></sl-icon
+            ></sl-tooltip>
+          </label>
+
+          <sl-menu-item value="1">${msg("1")}</sl-menu-item>
+          <sl-menu-item value="2">${msg("2")}</sl-menu-item>
+          <sl-menu-item value="3">${msg("3")}</sl-menu-item>
         </sl-select>
 
         <div class="mt-5 text-right">

frontend/src/pages/archive/crawl-templates-new.ts

@@ -155,6 +155,15 @@ export class CrawlTemplatesNew extends LiteElement {
             </div>
 
             <div class="p-4 md:p-8 text-center grid gap-5">
+              <div>
+                <sl-checkbox
+                  name="runNow"
+                  ?checked=${initialValues.runNow}
+                  @sl-change=${(e: any) => (this.isRunNow = e.target.checked)}
+                  >${msg("Run immediately on save")}
+                </sl-checkbox>
+              </div>
+
               ${this.serverError
                 ? html`<btrix-alert id="formError" type="danger"
                     >${this.serverError}</btrix-alert
@@ -167,31 +176,11 @@ export class CrawlTemplatesNew extends LiteElement {
                   submit
                   ?loading=${this.isSubmitting}
                   ?disabled=${this.isSubmitting}
-                  >${msg("Save Crawl Template")}</sl-button
+                  >${this.isRunNow
+                    ? msg("Save & Run Template")
+                    : msg("Save Template")}</sl-button
                 >
               </div>
-
-              ${this.isRunNow || this.scheduleInterval
-                ? html`<div class="text-sm text-gray-500">
-                    ${this.isRunNow
-                      ? html`
-                          <p class="mb-2">
-                            ${msg("A crawl will start immediately on save.")}
-                          </p>
-                        `
-                      : ""}
-                    ${this.scheduleInterval
-                      ? html`
-                          <p class="mb-2">
-                            ${msg(
-                              html`Scheduled crawl will run
-                              ${this.formattededNextCrawlDate}.`
-                            )}
-                          </p>
-                        `
-                      : ""}
-                  </div>`
-                : ""}
             </div>
           </sl-form>
         </div>
@@ -329,13 +318,6 @@ export class CrawlTemplatesNew extends LiteElement {
           </div>
         </div>
 
-        <sl-checkbox
-          name="runNow"
-          ?checked=${initialValues.runNow}
-          @sl-change=${(e: any) => (this.isRunNow = e.target.checked)}
-          >${msg("Run immediately on save")}
-        </sl-checkbox>
-
         <sl-input
           name="crawlTimeoutMinutes"
           label=${msg("Time Limit")}
@@ -357,14 +339,24 @@ export class CrawlTemplatesNew extends LiteElement {
         class="col-span-3 md:col-span-2 pb-6 md:p-8 border-b grid grid-cols-1 gap-5"
       >
         <div class="col-span-1">
-          <sl-select
+          <sl-select name="scale" value=${initialValues.scale}>
-            name="scale"
+            <label slot="label">
-            label=${msg("Crawl Scale")}
+              <span class="inline-block align-middle">
-            value=${initialValues.scale}
+                ${msg("Crawler Instances")}
-          >
+              </span>
-            <sl-menu-item value="1">${msg("Standard")}</sl-menu-item>
+              <sl-tooltip
-            <sl-menu-item value="2">${msg("Big (2x)")}</sl-menu-item>
+                content=${msg(
-            <sl-menu-item value="3">${msg("Bigger (3x)")}</sl-menu-item>
+                  "The number of crawler instances that will run in parallel for this crawl job."
+                )}
+                ><sl-icon
+                  class="inline-block align-middle ml-1 text-neutral-500"
+                  name="info-circle"
+                ></sl-icon
+              ></sl-tooltip>
+            </label>
+            <sl-menu-item value="1">${msg("1")}</sl-menu-item>
+            <sl-menu-item value="2">${msg("2")}</sl-menu-item>
+            <sl-menu-item value="3">${msg("3")}</sl-menu-item>
           </sl-select>
         </div>
         <div class="col-span-1 flex justify-between">