Tasks GridFast Excel-style task working view
Show
Total Updates—— today
Handled Today——
Fast filters for this tabResults update automatically while you type. Separate several values with commas. Use -word to exclude and # for blank.
All records
Batch Update by Task IDExamples: 5, 1, 3, 8, 10-15
Table
Custom Columns
Search rules: type wir to include, -wir to omit, # for blank cells, spaces mean AND, commas mean OR in Global Search.
All tasks
Analytics & ReportsApache ECharts · labelled values · click chart data to drill into Tasks.
Period
Custom graph
Data
Chart
Top

Task Activity Timeline

Created, completed, updates and handled tasks
Loading…

Status

Loading…

Priority

Loading…

Projects

Loading…

Categories

Loading…

Assignees

Loading…

Tag Word Cloud

Size reflects task count
Loading…

Recent Update Timeline

Loading…

Visual Lab

Manually filter task data, choose any dimension and metric, then switch visualization instantly with Apache ECharts.

All loaded tasks
Group by
Break down within each group
Breakdown limit
Metric
Chart
Top groups
Sort
Cross-analysis: leave the manual filters blank for all data, or type specific Project / Category / Status / Assignee values above. Example: Group by Project + Break down by Category shows every category inside each project; Break down by Metrics compares Tasks / Completed / Overdue inside each project.

Tasks by Project

Click a data point to open the matching tasks.

Filtered data

Reports Builder

Choose the data, graph style and report period. Every graph shows its numbers.

Data
Chart
Period
Top
UVPIE TASK APP

Task Management Operational Report

Current application data and active filters

Tasks by Status

Data table

Automatic Summary

Missing / Focus Queues

Missing values are accepted. These cards only help you decide where to focus or bulk update.

Updates Register

Chronological update register that can also be used to select tasks and update them immediately.

0 selected

Overall Activity

All field changes and system events across every task, with Task ID and direct task opening.

Operational Statistics

Today, yesterday, week, month and year counters with instant chart/table switching.

Metrics select one or more
Chart

Select another metric to compare it in the same chart.

PeriodTasks CreatedCompletedTasks HandledTotal UpdatesCompletion
Loading statistics…

Historical Log

Daily task and update activity with timeline and virtualized register views.

Range
Timeline
Chart
Loading historical log…

Breakdown

Counts and work status for each value.

Metrics select one or more
Chart

Select another metric to add a comparison series.

Breakdown chart

Click a value to open matching tasks.

ValueTotalCompletedOverdueCompletionAction
Loading…

Kanban

Secondary view grouped by status. Tasks Grid remains the default.

Loading Kanban…

Custom Tables

Create a separate working table for a specific task type, with its own custom columns. It remains independent from the main Tasks table.

Select a custom table

Create tables for special task registers, trackers, logs or any other structured work.

Select or create a custom table.

Settings

Customize the application, grid behavior, appearance, lists, backups and password.

Application identity

Change what you see in the sidebar. These preferences are saved in this browser.

UT
UVPIE Task AppOperational task intelligence

Appearance

Direct controls update the application immediately. No drag sliders.

Theme

System follows the browser/OS. All tables and ECharts use the same adaptive contrast tokens.

Contrast

High contrast strengthens grid lines, text and chart labels for dark rooms or projectors.

Accent

Sidebar

Interface size

px

Table text

px

Corners

px

Table density

Live previewChanges below are shown instantly before you save.
IDTaskStatusDue
258Permit Total open 7Not startedMissing
514As Built DrawingsFollow31-Jul

Grid Engine & Performance

AG Grid 36 virtualizes rows and columns so only what is visible is rendered. Choose behavior here; the app explains the trade-off before applying it.

Loading current data profile…

Navigation mode

Rows fetched from server

Pagination page size

Only used when Pagination mode is selected. It does not change the amount fetched from the server.

Render buffer

Higher buffer makes very fast scrolling smoother but keeps more off-screen rows rendered.

Filter response

For your current dataset, Instant or 100 ms is recommended. Longer delay reduces repeated work on very large datasets.

Task ribbon layouts

The Tasks Grid now uses saved Column View buttons instead of separate Simple / Detail / Progress Notes modes. Create exactly the layouts you need under Column Views; Kanban remains a separate workspace.

Default visible workspace panels

Technical behavior: Virtual Scroll is fastest for normal use because AG Grid only creates DOM rows for the visible viewport. Raising the fetch cap mainly increases network transfer and browser memory, not rendered row count. Pagination can feel slower for filter-heavy work because you navigate pages even though filtering is still instant.
Mobile behavior: below 820px the app automatically switches to an off-canvas navigation drawer, swipeable KPI cards, touch-sized AG Grid controls, full-screen task dialogs and a bottom quick-action bar. It keeps the same data and virtualized grid—there is no slower separate mobile app.
Task table density: use − / 100% / + to change native AG Grid text, row and header sizing. Fit Width proportionally fits visible columns to the workspace without CSS zoom or transformed blank space. It does not reload data or overwrite a saved Column View.

Saved ribbon filters

Create one-click filters for the Tasks top ribbon. Expressions use the same rules as the grid: -complete excludes text, commas mean OR, spaces mean AND, and # means blank.

Live preview

Saved filters

Checking MySQL synchronization…
Performance: saved ribbon filters run inside the already-loaded AG Grid dataset. They do not add a database request for each click.

Task Grid Column Views

Create ribbon buttons that instantly apply a saved column order, width and visibility layout. ID and Date remain fixed and visible.

Create or edit a view

Start from the current Tasks Grid layout, then hide, resize or reorder fields below. Use the arrow buttons to move a column one position at a time.

Ribbon button preview

Live Tasks Grid row preview

Visibility, order and width changes appear here immediately using the active Light/Dark theme.

Preparing preview…
VisibleColumnPositionWidthMove

Saved ribbon views

Move Left / Move Right changes the horizontal order of buttons in the Tasks ribbon. Copy & Edit creates a new draft from an existing view for minor changes without altering the original. All is always available.

Checking MySQL synchronization…

Charts & workspace

Tune Apache ECharts and the sidebar without sacrificing responsiveness.

Sidebar on startup

Collapsed gives the table and charts the full browser width. You can always toggle with the top-left button or Ctrl+B.

Chart renderer

Canvas is recommended for speed and many data points. SVG can be sharper for print but creates more DOM/SVG nodes.

Chart animation

Disable animation if the browser or remote connection feels slow.

Chart height

Large charts show more labels but use more vertical workspace.

Chart palette

Adaptive changes automatically with Light/Dark theme. Single Accent is cleanest for reports.

Performance guidance: Apache ECharts uses Canvas by default. For your current task volume, Fast animation + Normal height is appropriate. If future dashboards contain hundreds of visible categories, use Canvas, Compact height and fewer Top values.

Lists, labels & colors

Priority can color the whole task row. Projects, Categories, Tags, Statuses and Assignees use readable colored labels in the grid and breakdowns. Text contrast is chosen automatically.

Priority row colors

Choose task-row colors for each priority.

Data & backup

Import and export are intentionally kept here because they are occasional operations, not everyday grid actions.

Data policy: incomplete tasks are valid. Missing project, category, tags, assignee, priority or due date are surfaced as focus items rather than blocked.

Password & session

Minimum 4 characters. Changing the password immediately replaces the old password and keeps this browser signed in with a new token.

Quality & diagnostics

A built-in release check for interaction consistency, data-list duplication, theme visibility and performance configuration.

Potential duplicate list values

Values that normalize to the same spelling are highlighted so you can clean them before they multiply.

Interface checks

About this application

Version1.4.4
StorageMySQL / cPanel
Grid EngineAG Grid Community 36.0.2
Chart EngineApache ECharts 6.1.0
Task modelTasks + Updates + History
SessionPersistent password sign-in

This application is optimized for personal task handling, quick filtering, bulk updates, chronological history, Excel backup, dashboard analysis, custom tables and incomplete-data focus queues.

New task

Task details & update

Every task field appears once. Edit what changed, add an optional progress note, then save.
Ctrl+S to save

Progress entry

This date is used in the Progress Timeline and Copy List. Field changes are kept separately in Activity.

Add Multiple Tasks

Paste one task per line. Shared fields are optional. Existing Projects / Categories / Tags are suggested while typing.

Tip: paste directly from Excel or an email list. Blank lines are ignored.

Shared details

Bulk Update

All editable task fields are listed below. Only filled fields are applied; blanks are ignored.

Update record

Task details

Create Custom Table

Each line defines a column. Format: Column name | type | choices. Types: text, longtext, number, date, choice, checkbox.

Add Row

All custom fields are optional.

Import Excel Workbook

Use the workbook containing Tasks and Updates sheets.

Missing cells are accepted.