Closed

Extjs document display

I'VE BUILT A BASIC FRAMEWORK FOR BOUT 80% OF THE SITE ALREADY. YOU ARE WELCOME TO USE IT, OR START YOUR OWN.

I WILL MAKE THE PHP SCRIPTS FOR ALL THE PROCESSING, E-MAIL, SEARCH RESULTS, ETC.

YOU JUST HAVE TO MAKE A REALLY NICE EXTJS INTERFACE TO SEND HTTP REQUESTS AND RECEIVE XML DATA.

The idea is that this will be very similar in feel to an e-mail program (almost exactly like yahoo mail.)

Each document is like an "email".

The first folder will be the "INBOX".

User then looks at each document and decides: 1) Leave in INBOX, 2) Delete story, 3)move to folder.

User logs in with account number and password.

We use the account number for ALL functions.

(each account is a separate database table. Each search term is a "child" of the account.)

Any request for data must include the account number so the PHP script will know which account to fetch/update/etc.

THE USERS OF THIS APPLICATION ARE NOT "TECHNICAL" PEOPLE

THEY WILL NOT UNDERSTAND TOO MANY MENUS AND SUB-MENUS.

WE NEED TO MAKE A VERY VERY SIMPLE INTERFACE WITH BIG-EASY BUTTONS THAT AN AVERAGE PERSON CAN UNDERSTAND EASILY.

(WE HAVE A JOKE HERE - "IF YOUR MOTHER CAN UNDERSTAND IT THE FIRST TIME WITH NO HELP, THEN YOU MADE A GOOD DESIGN.")

EVERYTHING MUST BE "EASY". FOR EXAMPLE, IF THE USER SET A "START DATE", THEN THE BUTTON SHOULD TURN RED SO THEY KNOW IT IS SET.

I WANT TO USE THE EXTJS LIBRARY FOR THIS PROJECT. IT HAS ALL OF THE FUNCTIONALITY WE NEED AND WILL MAKE YOUR JOB VERY EASY.

There is an example on the extjs website that has much of the functionality that I want. We can borrow/use much of that code if you want:

[url removed, login to view]

--------------------------------------------

DETAILS

--------------------------------------------

DOCUMENT PAGE

--------------------------------------------

This will be a "view" with 3 sections.

TOP - My log and a small menu

LEFT - Folder List

RIGHT - Data display

Right - top - A scrolling "grid" of summaries

Right - bottom - The content of the summary.

Details:

TOP

-Logo

-Menu

-Home

-View Stories

-Manage account

-Contact us

LEFT - Folder List

List of folders (fetched via php script. - Extjs library has builtin function for this.)

Buttons for

-Add folder

-Rename folder

-Delete folder

(These buttons only work for the USER folders.)

Clicking on a folder displays its contents in the Right panel

Folder Layout

INBOX

-Search term 1

-Search term 2

-Search term 3

User Folder 1

User Folder 2

User Folder 3

User Folder 4

etc...

RIGHT

Divided in to two sections (They are resizable - function from the extjs library.)

RIGHT TOP

Scrolling grid of summaries:

Columns are:

Checkbox

Date

Source type

Pub name

Search term

Title (On a SECOND line - see examples on extjs website.)

Clicking on a line then displays the article contents in the RIGHT BOTTOM

Menu bar

Some choices for documents displayed:

user should be able to set choices and then click "update" to fetch a new batch of documents that meet his request.

My PHP script does all the work, you just have to pass the correct parameters.

It should be VERY easy for the user to see which choices were picked for the documents they are viewing.

(Maybe turn the buttons red or something if they contain choices other than default.)

Start date

End date

All sources

Just Source one

Just Source two

Just Source three

Just Source four

Delete (deletes checked clips.)

Move (pulldown list of user folders, moves clips to select folder.)

RIGHT BOTTOM

Displays contents of document picked in grid

Menu bar

Print (Pops up new window with text for printing - text is fetched with request to PHP script that I create.)

Delete Document (Calls php script with account id and story id)

View Original (opens NEW window with php script with account id, story id, search term id.)

Source Info (Pops up SMALL window that fetches content from remote PHP script

MANAGE PAGE

--------------------------------------------

The Management page should have THREE Functions:

MANAGE SEARCHES

1) Add search

2) Delete search

3) Edit search. (each search has a few parts. 1) search string, 2) nickname, 3) date created, 4) total results found.)

NOTE: We must "approve" any search add or change of search string. (The other requests can change immediately.)

So for an add or search-string change, the display should say "pending" and the user should not be able to click.

(will be filed in database to indicate pending, you just get from XML request.)

After we approve change, then I will remove flag in database and display will be normal to user.)

EMAIL REMINDERS (Just name and e-mail address.)

1) Add

2) Delete

3) Edit

SUGGEST WEBSITE

1) Simple form (POPUP WINDOW?)

2) Input is URL, Explanation. (Will send to PHP script for processing.)

Skills: Javascript

See more: extjs display html, extjs checkbox example, extjs display date, extjs display source code, extjs feed viewer, extjs menu example, extjs menubar, extjs print window, extjs display, extjs set display, display html page extjs, menus extjs, extjs menu xml, display html extjs, extjs update panel content, extjs check box sample, extjs menu, extjs display email, extjs checkbox sample, extjs menu sample, extjs checkbox, display xml data extjs, datemenu extjs, extjs select folder, extjs pulldown

About the Employer:
( 9 reviews ) Los Angeles, United States

Project ID: #233015