Frontend UI Design and Code

Hi

We are inviting the quotation for Frontend Design and Code of Voucher Module. Details are as follows along with sample data.

Backend : PHP CodeIgniter, MySQL

Frontend : Bootstrap, Datatable, Datepicker, select2

Its a voucher entry module it has 3 major section.

01 Voucher : rows from vouher table will be fetch

02 Detail : rows from voucher_detail table corrosponding to vocher records will get displayed. columns are

displayed according to Header data ie sequence, CSS. We used datatables so expecting following things

User should about to move column and maintain the column sequence, Sort, Hide or Unhide, Currency Symbol.

User should able to move rows and its sequence ie he should able to drag and drop and maintain its sequence.

03 In line edit : If user wants to edit the data he will simple click row / column and it should allowed user

to change the data. Every column has datatype for each datatype we have widget like for date we have datepicker,

Number textbox, Select or option we used Select2. Once the editing is finished or he clicked another row or clicked outside datatables

the edit widgets should not be displayed the new datashould be updated into datatable.

04 Header : Display setting related data all realted to column Heading, Width, Widget, Total should be taken

or not. User can save change and allowed to show hide or change Column Heading.

05 Buffer : once the rows are fetch it will be stored into two variable primary and current. Rows which are changed in edit event

should be stored in current array. Thus we maintain or compared what are actually changed only only update those rows which are changed.

Project is developed using PHP and CodeIgniter Framework with MySQL Database. API / Controller are developed and ready. Give a call

to our url which will return the data and send ajax call to save the save the voucher data.

However this was done using regular programmer to understand purpose. Only Open Source libraries should be used. Sample data will be

provided in json format

Column General Ledger has a Select 2 control which is nothing but and data from general ledger table. But it has first row of Add New. If user selected 'Add New' You should call a Modal which will allow user to add new row to General Ledger table Modal are ready. You have to take care that some select 2 might has this kind of feature.

All code should be written in generic function no hard coding of columns and should be able to use in other project if required. Developer will not have any claim if it is used anywhere in this or other project without his / her consent.

AdminLTE theme is used in this project.

Kindly refer voucher.png and voucher2.png you will get the idea about how it should look like

Datatables Grafično oblikovanje JavaScript Uporabniški vmesniki / IA Oblikovanje spletnih strani

ID projekta: #17299085

Več o projektu