flutter/apidash
1
0
Fork 0
mirror of https://github.com/foss42/apidash.git synced 2025-12-11 23:57:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

Table header to M3

Browse Source
This commit is contained in:
Ankit Mahato
2023-03-09 19:59:51 +05:30
parent 4dd3bcf4d9
commit 4185374998
3 changed files with 69 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
lib/components/editor_pane/request_headers.dart
View File

@@ -62,12 +62,29 @@ class EditRequestHeadersState extends ConsumerState<EditRequestHeaders> {
@override
Widget build(BuildContext context) {
final tableThemeData = DaviThemeData(
columnDividerThickness: 1,
columnDividerColor: colorGrey100,
row: RowThemeData(dividerColor: colorGrey100),
decoration: const BoxDecoration(
border: Border(),
),
header: HeaderThemeData(
color: Theme.of(context).colorScheme.surface,
columnDividerColor: colorGrey100,
bottomBorderHeight: 1,
bottomBorderColor: colorGrey100,
),
headerCell: const HeaderCellThemeData(
alignment: Alignment.center,
textStyle: null,
),
);
final activeId = ref.watch(activeItemIdStateProvider);
rows = ref
.read(collectionStateNotifierProvider.notifier)
.getRequestModel(activeId!)
.requestHeaders ??
[];
final collection = ref.watch(collectionStateNotifierProvider);
final idIdx = collection.indexWhere((m) => m.id == activeId);
rows = collection[idIdx].requestHeaders ?? [const KVRow("", "")];
DaviModel<KVRow> model = DaviModel<KVRow>(
rows: rows,
columns: [
@@ -83,6 +100,23 @@ class EditRequestHeadersState extends ConsumerState<EditRequestHeaders> {
cellBuilder: _buildValueField,
sortable: false,
),
DaviColumn(
pinStatus: PinStatus.none,
width: 30,
cellBuilder: (BuildContext context, DaviRow<KVRow> row) {
return InkWell(
child: Icon(
Icons.remove_circle,
size: 16,
color: Colors.red.withOpacity(0.9),
),
onTap: () {
rows.removeAt(row.index);
_onFieldChange(activeId!);
},
);
},
),
],
);
return Stack(
@@ -108,7 +142,7 @@ class EditRequestHeadersState extends ConsumerState<EditRequestHeaders> {
child: ElevatedButton.icon(
onPressed: () {
rows.add(const KVRow("", ""));
model.addRow(const KVRow("", ""));
_onFieldChange(activeId!);
},
icon: const Icon(Icons.add),
label: const Text(

28
lib/components/editor_pane/request_params.dart
View File

@@ -63,6 +63,25 @@ class EditRequestURLParamsState extends ConsumerState<EditRequestURLParams> {
@override
Widget build(BuildContext context) {
final tableThemeData = DaviThemeData(
columnDividerThickness: 1,
columnDividerColor: colorGrey100,
row: RowThemeData(dividerColor: colorGrey100),
decoration: const BoxDecoration(
border: Border(),
),
header: HeaderThemeData(
color: Theme.of(context).colorScheme.surface,
columnDividerColor: colorGrey100,
bottomBorderHeight: 1,
bottomBorderColor: colorGrey100,
),
headerCell: const HeaderCellThemeData(
alignment: Alignment.center,
textStyle: null,
),
);
final activeId = ref.watch(activeItemIdStateProvider);
final collection = ref.watch(collectionStateNotifierProvider);
final idIdx = collection.indexWhere((m) => m.id == activeId);
@@ -87,11 +106,16 @@ class EditRequestURLParamsState extends ConsumerState<EditRequestURLParams> {
width: 30,
cellBuilder: (BuildContext context, DaviRow<KVRow> row) {
return InkWell(
child: const Icon(Icons.remove_circle, size: 16),
child: Icon(
Icons.remove_circle,
size: 16,
color: Colors.red.withOpacity(0.9),
),
onTap: () {
rows.removeAt(row.index);
_onFieldChange(activeId!);
});
},
);
},
),
],

18
lib/components/styles.dart
View File

@@ -22,24 +22,6 @@ const tableContainerDecoration = BoxDecoration(
color: colorBg,
borderRadius: border12,
);
final tableThemeData = DaviThemeData(
columnDividerThickness: 1,
columnDividerColor: colorGrey100,
row: RowThemeData(dividerColor: colorGrey100),
decoration: const BoxDecoration(
border: Border(),
),
header: HeaderThemeData(
color: colorGrey50,
columnDividerColor: colorGrey100,
bottomBorderHeight: 1,
bottomBorderColor: colorGrey100,
),
headerCell: const HeaderCellThemeData(
alignment: Alignment.center,
textStyle: null,
),
);
const p5 = EdgeInsets.all(5);
const p10 = EdgeInsets.all(10);