Bootstrap Development Report: Iteration 7

Piotr Buda

05 Feb 2013.2 minutes read

Overview

We just started a new iteration and it’s a great moment to share what we were able to develop during the last one. The biggest introduced feature is a brand new Profile page where login, e-mail and password are all changeable. To access the Profile page user has to be logged in and click on the “Logged in as” link.

Bootstrap Development Report: Iteration 7

Custom AngularJS directives

There was a need for two custom AngularJS directives to handle profile changes.

The first one is called bsBlur and it’s a simple directive that wraps blur event and triggers some action. We use it in basic Profile edition – change your login and click somewhere beside the input, your data is saved! It has been introduced in this commit.

Another directive is something we called repeatPassword. In a few places around Bootstrap we have password fields that require repetition: during registration, password recovery and now password change form Profile page. To ease up on the need to implement some custom validation in all these places this directive was introduced in this commit. Some technical blog post is in preparation describing how this was achieved.

Secured areas

The new Profile page should only be visible to authenticated users. In order to achieve this, we introduced another new feature that will automatically redirect unauthenticated users trying to enter secured zones to login page.

To make it work, it’s important to place partials that are used to render secured pages in directory called ‘secured’. Authenticated users will be taken directly to the requested page, however those unauthenticated will be redirected to the login page. After successful log in, user is taken to the originally requested page. This feature was introduced in this commit and later enhanced in this one. It still misses some fancy features but I hope it will be enhanced as time goes by.

Plans for Iteration 8

Iteration 8 will be mainly focused on integration testing. We’ll be introducing automated UI tests to the build. They are written usingCapybara and we hope to demonstrate how you can test your JVM apps using it. Other integration tests include testing the mechanism of sending various e-mails to the users.

So stay tuned and check out SML Bootstrap project at GitHub!

Bootstrap needs a new name

In the meantime, we are looking for a new name for this project and you can take part in a contest and win a T-shirt with our comic character – Millkovski.

Check the contest here: softwaremill.com/contest

Blog Comments powered by Disqus.