In order to consult the application, you MUST login. When logged in as an administrator, you can consult the list of loaned books and the list of all the books.
The Authentification is managed thanks to the jelix plugin "jAuth". It checks the user information directly in the database through the jelix DAO "user".
You can logout thanks to a button a the bottom of the nav.
You can consult the list of all loaned books. The list is the result of a query feteching all results from the table "loanbook". Are displayed the name of the loaner and the title of the book he loaned.
You can consult the list of all the books from the table "book". Is displayed as well the author, thanks to the table "author"
For each book, 2 links are available :
- Modify : You can modify the book's informations. The author's name and firstname in the form are only displayed as readonly.
- Delete : You can delete the book from the database. When you try to delete an entry, a confirm popup appears in order to confirm your deletion.
Note : you cannot delete a book which has been loaned by a user. Ask him (gently) to give it back, then proceed to the deletion.
At the end of the nav, near to the "logout" button, you can find a "add User" button. You can simply create a user.
Please note the a non-admin user is, for now, actually blind on the application, as he won't be able to see anything.
- The stylesheet provided by jelix hadn't been removed.
- Bootstrap had been added above and customize a little bit to fit the global application's UI.
- A third one is present, style.css, in order to distinguish the CSS properties specifically asked by the project's tutor.
Those three stylesheets are located in the [...]jelix-www/design/ folder, as recommended by the framework's documentation.
Just like the stylesheets, the several js files (jelix, bootstrap, jQuery) had been added to the [...]jelix-www/design/ folder.
A last javascript file had been added, script.js, just as the third stylesheet, in order to separate the function specifically asked by the project tutor.
The global index page composition is like this :
- The nav : the nav update itself from the viewer vision of the page. Each link is setted as active as the viewer hover the part that is linked. It enables the viewer to know its position in the page just by looking at the nav. It is possible thanks to the "scrollspy" enabled by bootstrap (from the jQuery library). The nav follow the scroll from a predetermined position thanks to the jQuery scroll() property. At a given altitude, it goes from a absolute position to a fixed one. The nav is actually pretty neat and gives a real impression of dynamism.
- The several lists : are displayed informations as explained in the Application's Features part.
Please consult the online version
available user in oder to connect to the application :
login : sboyet, password : pass