refinedev/refine

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

refine's Issues

refresh sırasında sidebar active menu item kayboluyor

List sorting

FormItem yapısını Inputlar ile merge edelim

Bir input yaratmak istediğimizde FormItem'a sarmak yerine bunu her input'da yapıp, prop'larını merge edelim

Other - BackTop - Anchor -Export

Admin logo

Admin'e logo isminde optional prop ekleyip header kısımında göstermeliyiz. Eğer gelmez ise default olarak Readmin yazabiliriz.

Redux

Actions

Register Resource
Resource'leri analiz ederek yeni bir resource objesi hazırlar ve admin.resources altına key users olarak pushlar.

{
  "props": {
    "name": "users",
    "options": {},
    "hasList": true,
    "hasEdit": true,
    "hasShow": true,
    "hasCreate": false
  },
  "data": [],
  "list": {
    "params": {
      "sort": null,
      "order": null,
      "page": 1,
      "perPage": null,
      "filter": {}
    },
    "selectedIds": [],
    "total": null
  },
}

Fetch Start
Global loading objesini (admin.loading) true setler.

Fetch End
Global loading objesini (admin.loading) false setler.

CRUD Get List (Request | Success | Failed )
Crud List için request başlatır ve sonlandırır.

CRUD Get One (Request | Success | Failed )
Crud One için request başlatır ve sonlandırır.

Inital State

{
  admin: {
    resources: {},
    loading: 0,
    notifications: [],
    ui: {
      sidebarOpen: false,
    }
  },
}

Data Provider Yapısı

Data Display - Export

List filters

create sonrası edit'e yönlendirelim

eğer edit yoksa list'e yönlendirelim

Feedback export

renderFieldRecordField value veya record zorunlu olsun

renderLabelColumn rename to "optionText"

List empty prop

Optional olarak list componentine eklemeliyiz. Eğer gösterilen resource'da hiç kayıt yoksa bu prop render edilmeli. Default olarak gösterilecek bir ui ihtiyacımız var.

CSV Import

ImportButton -> Prop'ları
{
resourceName?: string;
mapData?(value: BaseRecord, index: number, array: BaseRecord[]): BaseRecord;
csvProps?: CSVReaderProps; ????
}

mapData -> Gender, 1 : 2 => gender === 1 ? "female" : "male"

JsonServer için getMany, getManyReference, updateMany ve deleteMany eklenmesi

• IDataContext interface içinde interfacelerinin hazırlanması.
• İlgili methodların src/dataProviders/jsonServer.ts dosyası eklenmesi.

List, Create, Edit, Show title props

Optional string prop ile list ekranındaki title güncelleme.

ReferenceInput Sort

Authorization

Layout export

Authenticated component.

List sorting prop

Bu prop ile default olarak resource'u sort etmeli.

Reference Inputs / ReferenceInput

Field yapısı

Auth

Real time updates

Bulk Actions

Data Entry export

ReferenceInput Filter

Error Format & States

Admin ready props

Eğer hiç resource tanımlanmadıysa bu propu render etmeliyiz. Eğer gelmezse default olarak gösterebileceğimiz bir component'e ihtiyacımız var.

useListContext hook

useSelect, useCheckbox, useRadio data fetch size

ReferenceInput düzenleme ekranında düzenleme yapılan element ve ilk 25 kayıtın getirilmesi.

Ör: Post datası bu şekilde:

{
  "id": "1",
  "title": "test",
  "categoryId": "50"
}

Edit ekranında ReferenceInput category resource'den 25 kayıt çekiyor bunlar içinde 50 id'li kayıt yoksa select'de 50 seçili hale geliyor.

Çözüm olarak ilk 25 kaydı çekip ve edit yaptığımız kaydı ayrıca in yapmamak gerekiyor.

Geçiçi olarak pageSize: 999 yaparak çözdüm.

Custom Page

useList hook'unu kullanarak custom şekilde page yaratabilmeliyiz.

List filter prop

Bu prop ile default olarak resource'u filtrelemeli.

Global state management

mock rest service

Resource yapısı

upload sırasında create/save button'larına hook olarak loading verelim

saveButton props yapıcaz

Export

ArrayField

ReferenceField

Choice Inputs / SelectInput

isDelete'i Table props yapalım ve ismini canDelete yapalım

Rename Inputs/Fields components.

Form Inputs
Input -> TextInput
Textarea -> TextAreaInput
...otherInputs

Table Fields
Text -> TextField
Boolean -> BooleanField
...otherFields

Axios custom header

Choice Inputs / AutocompleteInput

Real time updates

Notification

antd notification kullanarak istediğimiz yerde notification gösterebilmeliyiz. useNotification hook'u oluşturup hem içerde hemde export etmeliyiz.

File upload components and example