JavaEE AngularJS Bootstrap: How to Authent (Basic)

2015-11-192021-12-19 Damien FREMONT IT Tutorials angularjs, authent, bootstrap, bootstrap3, css, directive, java, javascript, jersey, json, maven, rest, webjars

This post is about basic authentification with AngularJs, Satellizer and JAX-RS Jersey.

Warning: it only covers auth and token. For a production-ready app, you need to add Keystore, back-end URL filtering, encryption.

Continue reading →

JavaEE AngularJS Bootstrap: HowTo Charts with D3JS

2015-11-082021-12-19 Damien FREMONT IT Tutorials angularjs, bootstrap, bootstrap3, chart, css, d3js, data, java, javascript, json, rest, webjars

Here simple use cases: a static Bar chart and a dynamic Line chart. It’s build with d3js and nvd3 for angularjs integration and java jersey for backend datas.
Continue reading →

JavaEE AngularJS Bootstrap: How to Multilingual (i18n, l10n)

2015-11-062021-12-19 Damien FREMONT IT Tutorials angularjs, bootstrap, bootstrap3, css, i18n, java, javascript, json, l10n, localization, maven, multilingual, rest, webjars

This is about dynamic Internationalization (i18n*), Localization (L10n*) , Globalization (i18n* and L10n*) and Cookies storage with angular-translate and agular-dynamic-locale.

Continue reading →

JavaEE AngularJS Bootstrap: How to Breadcrumb and NavBar

2015-11-052021-12-19 Damien FREMONT IT Tutorials angularjs, bootstrap, bootstrap3, breadcrumb, css, data, java, javascript, json, maven, navbar, rest, webjars

A navigation feature: simple responsive navbar, with breadcrumb and home view. Using vanilla AngularJS (because angular-breadcrumb is too complicated: it’s also using ui-router …two frameworks for one feature?).

Continue reading →

JavaEE AngularJS Bootstrap: How to Infinite-Scroll

2015-11-042021-12-19 Damien FREMONT IT Tutorials angularjs, bootstrap, bootstrap3, data, infinitescroll, java, javascript, jersey, json, maven, rest, spring, springdata, webjars

A simple infinite scroll like Twitter or Facebook’s timelines. You’ll never reach the footer!
Continue reading →

JavaEE AngularJS Bootstrap: How to Sort with Smart-Table

2015-11-032021-12-19 Damien FREMONT IT Tutorials angularjs, bootstrap, bootstrap3, data, java, javascript, jersey, json, maven, rest, sort, spring, springdata, webjars

Here is a sortable data-table. Using Twitter Bootstrap, ng-module SmartTable for front-end. And Spring-Data, Jersey JAXRS for backend. Continue reading →

JavaEE AngularJS Bootstrap: How to Pagination with Smart-Table

2015-11-022021-12-19 Damien FREMONT IT Tutorials angularjs, bootstrap, bootstrap3, data, java, javascript, jersey, json, maven, pagination, rest, spring, springdata, webjars

A paginated data-table with a back-end inspired by Spring-Data Repository pattern implementation and front-end using Bootstrap pagination and ng-module Smart-Table.
Continue reading →

JavaEE AngularJS Bootstrap: How to Filtering

2015-10-312021-12-19 Damien FREMONT IT Tutorials angularjs, bootstrap, bootstrap3, css, filter, java, javascript, jersey, json, list, maven, rest, webjars

This tutorial is about a simple field that will filter datas. Using Bootstrap’s Data-Table and AngularJS ng-change event.

Continue reading →

JavaEE AngularJS Bootstrap: DataTable and Excel Export

2015-10-202021-12-19 Damien FREMONT IT Tutorials angularjs, bootstrap, bootstrap3, css, csv, data, datatable, export, focus, javaee, javascript, json, maven, rest, table, webjars

This is a read-only table with a CSV export button, then an editable table form like Excel tab (DataTable) with add, remove, undo and update buttons. There is also a default focus on last editable row.
Continue reading →