fix(front): updated copy in dropdown and clear pagination when changing list type

Author: hamir-suspect

front/assets/js/project/components/choose_select.js

@@ -42,6 +42,8 @@ export class ChooseSelect {
     const url = new Url
     url.query['listing'] = selection.listing
     url.query['requester'] = selection.requester
+    delete url.query['page_token']
+    delete url.query['direction']
 
     window.location.href = url.toString()
   }

front/lib/front_web/templates/project/_tabs.html.eex

@@ -1,4 +1,15 @@
 <style>
+#chooseSelect select optgroup {
+  color: #999;
+  font-style: normal;
+  font-weight: normal;
+}
+
+#chooseSelect select option {
+  color: #000;
+  font-weight: normal;
+}
+
 .project-jumpto {
   position: relative;
 }
@@ -53,9 +64,13 @@
   <div class="flex-auto">
     <div id="chooseSelect" class="flex-m items-center flex-wrap">
       <select data-key="listing_requester" class="db form-control mb3 mb0-m mr3">
-        <option value="all_pipelines" <%= if @listing_requester == "all_pipelines", do: "selected" %>>All pipelines</option>
-        <option value="all_by_me" <%= if @listing_requester == "all_by_me", do: "selected" %>>All by me</option>
-        <option value="latest_per_branch" <%= if @listing_requester == "latest_per_branch", do: "selected" %>>Latest per branch</option>
+        <optgroup label="Show all workflows">
+          <option value="all_pipelines" <%= if @listing_requester == "all_pipelines", do: "selected" %>>Everyone's workflows</option>
+          <option value="all_by_me" <%= if @listing_requester == "all_by_me", do: "selected" %>>My workflows</option>
+        </optgroup>
+        <optgroup label="Show latest workflows per branch, PR, or tag">
+          <option value="latest_per_branch" <%= if @listing_requester == "latest_per_branch", do: "selected" %>>Latest workflows</option>
+        </optgroup>
       </select>
       <div class="flex items-center">
         <select data-key="type" class="db form-control mb3 mb0-m mr3">

front/lib/front_web/templates/project/public/_tabs.html.eex

@@ -1,4 +1,15 @@
 <style>
+#chooseSelect select optgroup {
+  color: #999;
+  font-style: normal;
+  font-weight: normal;
+}
+
+#chooseSelect select option {
+  color: #000;
+  font-weight: normal;
+}
+
 .project-jumpto {
   position: relative;
 }
@@ -50,9 +61,13 @@
   <div class="flex-auto">
     <div id="chooseSelect" class="flex-m items-center mb2 flex-wrap">
       <select data-key="listing_requester" class="db form-control mb3 mb0-m mr3">
-        <option value="all_pipelines" <%= if @listing_requester == "all_pipelines", do: "selected" %>>All pipelines</option>
-        <option value="all_by_me" <%= if @listing_requester == "all_by_me", do: "selected" %>>All by me</option>
-        <option value="latest_per_branch" <%= if @listing_requester == "latest_per_branch", do: "selected" %>>Latest per branch</option>
+        <optgroup label="Show all workflows">
+          <option value="all_pipelines" <%= if @listing_requester == "all_pipelines", do: "selected" %>>Everyone's workflows</option>
+          <option value="all_by_me" <%= if @listing_requester == "all_by_me", do: "selected" %>>My workflows</option>
+        </optgroup>
+        <optgroup label="Show latest workflows per branch, PR, or tag">
+          <option value="latest_per_branch" <%= if @listing_requester == "latest_per_branch", do: "selected" %>>Latest workflows</option>
+        </optgroup>
       </select>
       <div class="flex items-center">
         <select data-key="type" class="db form-control mb3 mb0-m mr3">