ECLK / Nomination-UI

Nomination system UI implementation
5 stars 20 forks source link

Creating election wizard UI design #12

Closed YujithIsura closed 4 years ago

YujithIsura commented 5 years ago

Step 1 screenshot from 2019-01-16 11-38-03 This check boxes in each two sections should be iterated by an array

Step 2 by clicking the plus icon user should be able to add a new line and when user press on delete icon that line should be deleted screenshot from 2019-01-16 11-31-39

Step 3 screenshot from 2019-01-16 11-39-21

Todo : Design above pages using react+meterialUI stepper and place it here "src/pages/ADMIN/Election-config"

Requirements

Back-end APIs

  1. Field Options API to cater candidate form config & supporting documents & Eligibility Checklist /options/{fild-name} returns

    [
    { key:"", label:"", type: "boolean" }
    ]
  2. Election Module Structure

    {
    name: "Provincial",
    id: "uuid",
    candidateFormConfiguration: [
       // field key's which are true.
    ],
    supportingDocuments: [
    
    ],
    division:[
         { commonName:"Provintial" , divisionName:"Name", divisionCode:"01", noOfCandidates: 67 },
         ...
    ],
    electionConfig:{
        authority: "",
        calculationType: "",
        ...
    },
    eligibilityConfig: [
        // set of keys selected.
    ]
    }
hevayo commented 5 years ago

I'll work on this