Add a new button in the query tool data output toolbar to get entire range of data. #8890

Author: adityatoshniwal

docs/en_US/release_notes_9_12.rst

@@ -20,12 +20,15 @@ Bundled PostgreSQL Utilities
 New features
 ************
 
+  | `Issue #8890 <https://github.com/pgadmin-org/pgadmin4/issues/9380>`_ - Add a new button in the query tool data output toolbar to get entire range of data.
+
 
 Housekeeping
 ************
 
 Bug fixes
 *********
-| `Issue #9380 <https://github.com/pgadmin-org/pgadmin4/issues/9380>`_ - Fixed an issue where the Query History panel would auto-scroll to the top and did not preserve the scroll bar position for the selected entry.
+
+  | `Issue #9380 <https://github.com/pgadmin-org/pgadmin4/issues/9380>`_ - Fixed an issue where the Query History panel would auto-scroll to the top and did not preserve the scroll bar position for the selected entry.
 
 

web/pgadmin/tools/sqleditor/static/js/components/sections/ResultSetToolbar.jsx

@@ -24,6 +24,7 @@ import SkipPreviousRoundedIcon from '@mui/icons-material/SkipPreviousRounded';
 import EditRoundedIcon from '@mui/icons-material/EditRounded';
 import EditOffRoundedIcon from '@mui/icons-material/EditOffRounded';
 import CheckRoundedIcon from '@mui/icons-material/CheckRounded';
+import AllInboxRoundedIcon from '@mui/icons-material/AllInboxRounded';
 
 import {QUERY_TOOL_EVENTS} from '../QueryToolConstants';
 import { QueryToolContext, QueryToolEventsContext } from '../QueryToolComponent';
@@ -117,7 +118,7 @@ function PaginationInputs({pagination, totalRowCount, clearSelection, serverCurs
   const goToPage = (pageNo)=>{
     const from = (pageNo-1) * pagination.page_size + 1;
     const to = from + pagination.page_size - 1;
-    eventBus.fireEvent(QUERY_TOOL_EVENTS.FETCH_WINDOW, from, to, serverCursor);
+    eventBus.fireEvent(QUERY_TOOL_EVENTS.FETCH_WINDOW, from, to);
     clearSelection();
   };
 
@@ -204,33 +205,48 @@ function PaginationInputs({pagination, totalRowCount, clearSelection, serverCurs
             error={errorInputs['to']}
           />
         </Box> : <span>{gettext('Showing rows: %s to %s', inputs.from, inputs.to)}</span>}
-      <PgButtonGroup>
-        {!serverCursor && editPageRange && <PgIconButton size="xs"
-          title={editPageRange ? gettext('Apply (or press Enter on input)') : gettext('Edit range')}
-          onClick={()=>eventBus.fireEvent(QUERY_TOOL_EVENTS.FETCH_WINDOW, inputs.from, inputs.to)}
-          disabled={errorInputs.from || errorInputs.to} icon={<CheckRoundedIcon />}
-        />}
-        {!serverCursor && <PgIconButton size="xs"
-          title={editPageRange ? gettext('Cancel edit') : gettext('Edit range')}
-          onClick={()=>setEditPageRange((prev)=>!prev)}
-          icon={editPageRange ? <EditOffRoundedIcon /> : <EditRoundedIcon />}
-        />}
-      </PgButtonGroup>
-      <div className='PaginationInputs-divider'>&nbsp;</div>
-      <span>{gettext('Page No:')}</span>
-      <InputText
-        type="int"
-        size="small"
-        controlProps={{maxLength: 7}}
-        style={{
-          maxWidth: '10ch'
-        }}
-        value={inputs.pageNo}
-        onChange={(value)=>onInputChange('pageNo', value)}
-        onKeyDown={onInputKeydownPageNo}
-        error={errorInputs['pageNo']}
-      />
-      <span> {gettext('of')} {pagination.page_count}</span>
+      {!serverCursor && <>
+        <PgButtonGroup>
+          {editPageRange && <PgIconButton size="xs"
+            title={editPageRange ? gettext('Apply (or press Enter on input)') : gettext('Edit range')}
+            onClick={()=>eventBus.fireEvent(QUERY_TOOL_EVENTS.FETCH_WINDOW, inputs.from, inputs.to)}
+            disabled={errorInputs.from || errorInputs.to} icon={<CheckRoundedIcon />}
+          />}
+          <PgIconButton size="xs"
+            title={editPageRange ? gettext('Cancel edit') : gettext('Edit range')}
+            onClick={()=>setEditPageRange((prev)=>!prev)}
+            icon={editPageRange ? <EditOffRoundedIcon /> : <EditRoundedIcon />}
+          />
+        </PgButtonGroup>
+        <div className='PaginationInputs-divider'></div>
+        <PgButtonGroup>
+          <PgIconButton size="xs"
+            title={gettext('Show entire range')}
+            disabled={inputs.from == 1 && inputs.to == totalRowCount}
+            onClick={()=>{
+              onInputChange('from', 1);
+              onInputChange('to', totalRowCount);
+              eventBus.fireEvent(QUERY_TOOL_EVENTS.FETCH_WINDOW, 1, totalRowCount);
+            }}
+            icon={<AllInboxRoundedIcon />}
+          />
+        </PgButtonGroup>
+        <div className='PaginationInputs-divider'>&nbsp;</div>
+        <span>{gettext('Page No:')}</span>
+        <InputText
+          type="int"
+          size="small"
+          controlProps={{maxLength: 7}}
+          style={{
+            maxWidth: '10ch'
+          }}
+          value={inputs.pageNo}
+          onChange={(value)=>onInputChange('pageNo', value)}
+          onKeyDown={onInputKeydownPageNo}
+          error={errorInputs['pageNo']}
+        />
+        <span> {gettext('of')} {pagination.page_count}</span>
+      </>}
       <div className='PaginationInputs-divider'>&nbsp;</div>
       <PgButtonGroup size="small">
         <PgIconButton title={gettext('First Page')} disabled={pagination.page_no <= 1} onClick={()=>goToPage(1)} icon={<SkipPreviousRoundedIcon />}/>

web/regression/feature_utils/pgadmin_page.py

@@ -962,9 +962,9 @@ def find_codemirror(driver):
             action.perform()
         else:
             self.driver.execute_script(
-                "arguments[0].cmView.view.setValue(arguments[1]);"
-                "arguments[0].cmView.view.setCursor("
-                "arguments[0].cmView.view.lineCount(),-1);",
+                "arguments[0].cmTile.view.setValue(arguments[1]);"
+                "arguments[0].cmTile.view.setCursor("
+                "arguments[0].cmTile.view.lineCount(),-1);",
                 codemirror_ele, field_content)
 
     def click_tab(self, tab_name):