Historical numbers and Interactive Labels

cms/data/motivational_banners.yml

@@ -0,0 +1,14 @@
+banners:
+  zero_count:
+    - "You haven't completed any applications this year yet. Start by choosing one from
+                                               the list below."
+  positive_count:
+    - "Whoa! {{ COUNT }} applications already? You’re crushing it!"
+    - "{{ COUNT }} applications down already? You’re on fire! Keep it up, superstar!"
+    - "{{ COUNT }} applications down, many more to go! Keep rocking!"
+    - "{{ COUNT }} applications completed? You’re making it look easy!"
+    - "{{ COUNT }} applications down and still going strong!"
+    - "Wait, you’ve completed {{ COUNT }} applications this year already? You’re on fire!"
+    - "Impressive! You’ve already completed {{ COUNT }} applications this year!"
+    - "{{ COUNT }} applications in the bag this year! You’re smashing it!"
+    - "Congratulations, you have completed {{ COUNT }} applications this year so far! Keep it up!"

cms/sass/components/_alert.scss

@@ -26,6 +26,14 @@
     border: 2px solid $grapefruit;
   }
 
+  &--success {
+    border: 2px solid $dark-green;
+  }
+
+  &--info {
+    border: 2px solid $dark-grey;
+  }
+
   code {
     background-color: rgba($dark-grey, 0.1);
   }

cms/sass/components/_motivational-banner.scss

@@ -0,0 +1,13 @@
+.motivational-banner {
+  width: 100%;
+
+  h3 {
+    text-align: center;
+    margin-bottom: 0;
+
+    .tag {
+      margin: 0 $spacing-02;
+    }
+  }
+
+}

cms/sass/components/_progress-bar.scss

@@ -10,39 +10,10 @@
     align-items: center;
     padding: 0 $spacing-03;
     height: 50px;
-    text-decoration: none;
-    color: $warm-black;
-    // truncate text if it’s too long — user will need to hover to see full info
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    color: inherit;
+    text-decoration: inherit;
   }
-}
-
-.progress-bar__bar--pending {
-  background-color: $yellow;
-}
-
-.progress-bar__bar--in-progress {
-  background-color: $light-green;
-}
-
-.progress-bar__bar--completed {
-  background-color: $mid-green;
-
-  .progress-bar__link {
-    color: $white;
-  }
-}
-
-.progress-bar__bar--ready {
-  background-color: $dark-green;
-
-  .progress-bar__link {
-    color: $white;
-  }
-}
-
-.progress-bar__bar--on-hold {
-  background-color: $light-grey;
 }

cms/sass/main.scss

@@ -43,6 +43,7 @@
   "components/loading",
   "components/logo",
   "components/modal",
+  "components/motivational-banner",
   "components/notifications",
   "components/numbered-table",
   "components/pager-buttons",
@@ -72,5 +73,6 @@
 
   "themes/dashboard",
   "themes/editorial-form",
-  "themes/timeline"
+  "themes/timeline",
+  "themes/activity-section"
 ;

cms/sass/themes/_activity-section.scss

@@ -0,0 +1,54 @@
+
+.activity-section {
+
+  .status {
+
+    text-decoration: none;
+
+    &--link {
+      &:hover,
+      &:focus,
+      &:active {
+        color: $grapefruit;
+        text-decoration: none;
+      }
+    }
+
+    &--pending {
+      background-color: $yellow;
+      color: $warm-black;
+    }
+
+    &--in-progress {
+      background-color: $light-green;
+      color: $warm-black;
+    }
+
+    &--completed {
+      background-color: $mid-green;
+      color: $warm-black;
+    }
+
+    &--ready {
+      background-color: $dark-green;
+      color: $white;
+    }
+
+    &--on-hold {
+      background-color: $light-grey;
+      color: $warm-black;
+    }
+  }
+
+  .color-legend {
+    font-size: 18px;
+
+    li:not(:first-child) {
+      margin-left: $spacing-01;
+    }
+
+    a {
+      padding: $spacing-02;
+    }
+  }
+}

cms/tours/application_by_status.yml

@@ -0,0 +1,13 @@
+steps:
+  - selector: '#color-legend'
+    title: Colour legend links
+    content:
+      <p>
+        <strong>Each label in the colour legend now works as a link!</strong><br />
+        Clicking a label will take you to the search page, filtered by the currently viewed group
+          and the specific application status.
+      </p>
+
+  - selector: '#feature_tour_nav'
+    title: Want to see this tip again?
+    content: Take the tour again by selecting it from the Feature Tours menu.

doajtest/testbook/dashboard/editorial_group_status.yml

@@ -28,6 +28,13 @@ tests:
       to this group.
     - The number of search results is the same as shown on the dashboard
   - step: Go back to the dashboard page
+  - step: Click on one of the statuses in the colour legend under "Open Applications" header (you may want to
+      right click to keep the dashboard tab open during this test)
+    results:
+      - You are taken to the application search which shows the open applications in
+        that status
+      - The number of search results is the same as shown on the dashboard
+  - step: Go back to the dashboard page
   - step: Click on an editor's name
     results:
     - A mail window opens in your mail client

doajtest/testbook/dashboard/historical_stats.yml

@@ -0,0 +1,94 @@
+suite: Dashboard
+testset: Historical Statistics
+tests:
+  - title: Historical Statistics Display - Managing Editor with 3 groups
+    context:
+      role: admin
+      testdrive: statistics
+    steps:
+      - step: Navigate to "/testdrive/statistics" and wait for the page to load slowly. This should be done once at the beginning of the test session and not refreshed between individual tests.
+      - step: Log in with provided managing_editor credentials.
+        results:
+          - User dashboard is displayed.
+      - step: Verify historical statistics in the Activity section at the bottom.
+        results:
+          - Three groups are displayed.
+          - Only associate editors are shown in the Activity section for each group.
+          - Each group has the correct statistics for the current year.
+          - The number of READY/COMPLETED applications matches the "additional information" table.
+      - step: Log out.
+      - step: (Optional) Click the link at the bottom of the testdrive page to free resources after finishing this test session.
+  - title: Historical Statistics Display - Editor with 2 groups
+    context:
+      role: editor
+      testdrive: statistics
+    steps:
+      - step: Navigate to "/testdrive/statistics" and wait for the page to load slowly. This should be done once at the beginning of the test session and not refreshed between individual tests.
+      - step: Log in with provided editor_1 credentials.
+        results:
+          - User dashboard is displayed.
+      - step: Verify the motivational banner at the top of the dashboard (green) and check number of finished applications.
+        results:
+          - The motivational banner is GREEN and shows the correct sum of applications finished in both groups.
+      - step: Verify historical statistics in the Activity section at the bottom.
+        results:
+          - Two groups are displayed.
+          - Only associate editors are shown in the Activity section for each group.
+          - Each group has the correct statistics for the current year.
+          - The number of READY/COMPLETED applications matches the "additional information" table.
+      - step: Log out.
+      - step: (Optional) Click the link at the bottom of the testdrive page to free resources after finishing this test session.
+  - title: Historical Statistics Display - Editor with 1 group
+    context:
+      role: editor
+      testdrive: statistics
+    steps:
+      - step: Navigate to "/testdrive/statistics" and wait for the page to load slowly. This should be done once at the beginning of the test session and not refreshed between individual tests.
+      - step: Log in with provided editor_2 credentials.
+        results:
+          - User dashboard is displayed.
+      - step: Verify the motivational banner at the top of the dashboard (green) and check number of finished applications.
+        results:
+          - The motivational banner is GREEN and shows the correct sum of applications finished in the group.
+      - step: Verify historical statistics in the Activity section at the bottom.
+        results:
+          - One group is displayed.
+          - Only associate editors are shown in the Activity section for the group.
+          - The group has the correct statistics for the current year.
+          - The number of READY/COMPLETED applications matches the "additional information" table.
+      - step: Log out.
+      - step: (Optional) Click the link at the bottom of the testdrive page to free resources after finishing this test session.
+  - title: Historical Statistics Display - Associate Editors with 0 finished applications
+    context:
+      role: associate editor
+      testdrive: statistics
+    steps:
+      - step: Navigate to "/testdrive/statistics" and wait for the page to load slowly. This should be done once at the beginning of the test session and not refreshed between individual tests.
+      - step: Log in with provided associate_editor_1 credentials.
+        results:
+          - User dashboard is displayed.
+      - step: Verify the motivational banner at the top of the dashboard (grey).
+        results:
+          - The motivational banner is GREY with appropriate information about no finished applications.
+      - step: Verify no statistics are displayed at the bottom of the page.
+        results:
+          - No statistics are displayed in the Activity section.
+      - step: Log out.
+      - step:
+  - title: Historical Statistics Display - Associate Editor 2
+    context:
+      role: associate editor
+      testdrive: statistics
+    steps:
+      - step: Navigate to "/testdrive/statistics" and wait for the page to load slowly. This should be done once at the beginning of the test session and not refreshed between individual tests.
+      - step: Log in with provided associate_editor_2 credentials.
+        results:
+          - User dashboard is displayed.
+      - step: Verify the motivational banner at the top of the dashboard (green).
+        results:
+          - The motivational banner is GREEN.
+      - step: Verify no statistics are displayed at the bottom of the page.
+        results:
+          - No statistics are displayed in the Activity section.
+      - step: Log out.
+      - step: (Optional) Click the link at the bottom of the testdrive page to free resources after finishing this test session.