Getting started with Bootstrap

[Dave Briccetti]

Peter, thanks for agreeing to help us get started with Bootstrap. What’s the first step? Want to have a call to discuss, or do you want to jump in and change some files?

[Peter Petersson]

Hi again

I was wondering why my mail did not show up on the list, it turns out I
sent the reply to Dave and not to the list, sry.

Here is my thoughts about getting started and proceeding with the
bootstrap [2] integration.

I think the strategy I used on the lift web worked nicely i.e

1) Putting the necessary bootstrap files in place (preferably by using
my FoBo module [1]) (updates to boot and base templates)
2) Updating the html templates so that they uses the bootstrap fluid
grid system (all html templates)
3) Phase out other blueprint stuff like lists and menu�s (html templates)
4) Implement various bootstrap Navigation / menu stuff (most templates,
sitemap and locgroup stuff )
5) General bootstrap styling -- using what is supplied out of the box by
bootstrap (most templates)
6) Styling of tables and other dynamic stuff. Small incremental changes.
(some templates)
7) Additional app specific styling. (some templates)

This is ruffly the way it could be done

Step 1 - 2
This steps will not jazz up the page visually but it will bee the
foundation for the rest of the bootstrap migration and the more visual
changes. While viewing the pages in a normal web browser window most of
the stuff will look the same as before but (most) things will scale (and
flow) better when resizing the browser window (although probably still
not perfectly).
I think this can bee done without impacting the ongoing work. I will
post on this list as soon as I have started the grid work and probably
updates and merges will be painless.

Step 3
This step I think is best done first by replacing blueprint style **in
place** without changing the structure of the overall pages. This will
be a intermediate step that I like to have done before starting to
elaborate with you all on things that will impact the look&feel of the site.

Step 4
When we get to this we need to discuss (from a bootstrap perspective how
to best support navigation on the site) and then I will implement what
we agree on in incremental steps to get feedback on the direction it
takes us.

Step 5 - 6
This will include styling input forms, buttons, and other visual stuff
the bootstrap way. This may also include some changes in snippet
invocations to set error styling or other dynamic changes to the style.
We discuss this when we get to it.

Step 7 ? We discuss this when we get to it :)

During this work I hope to work closely with you all to both elaborate
on what needs to be done and why things is (should be) done in this or
that way so that everyone get a good understanding of bootstrap [2]
structuring and features so that others can jump in and build on it. I
think that after step 4 you will all start to look at bootstraps
features and on whats already done when you create new templates or new
features in the site.

Right now I am a bit swamped at work and privately me and my girlfriend
is awaiting our first offspring :) 1.5 week overdue at this writing so
its bound to happen any time/day now. When hings have settled down (and
I can focus on some coding/styling) I will take a serious stab on this.

[1] https://github.com/karma4u101/FoBo
[2] http://twitter.github.com/bootstrap/index.html

best regards
Peter Petersson

On 11/25/2012 04:13 AM, Dave Briccetti wrote:
> Peter, thanks for agreeing to help us get started with Bootstrap.

> What�s the first step? Want to have a call to discuss, or do you want
> to jump in and change some files? --
>
>

[Dave Briccetti]

Peter, thanks for that great start!

[Peter Petersson]

Hi again

I just cloned dbschools and pulled up the Gradebook as demo user and
have a couple of questions

1) I get Exceptions when I try access some pages
* On /students, /noGroups and /graphs

Message: java.lang.reflect.InvocationTargetException
:
Caught and thrown by:
Message: java.util.NoSuchElementException: key not found: 2012
scala.collection.MapLike$class.default(MapLike.scala:224)
scala.collection.immutable.MapLike$$anon$2.default(MapLike.scala:108)
scala.collection.MapLike$class.apply(MapLike.scala:135)
scala.collection.immutable.MapLike$$anon$2.apply(MapLike.scala:108)
scala.Option.map(Option.scala:133)
com.dbschools.mgb.snippet.Selectors.groupSelectValues(Selectors.scala:36)
com.dbschools.mgb.snippet.Selectors.<init>(Selectors.scala:32)
com.dbschools.mgb.snippet.Students.<init>(Students.scala:20)


This seems to be due to insufficient test data ?
"java.util.NoSuchElementException: key not found: 2012"
Have I missed some build step ?

2) Is there any known issues that prevents us from using 2.5-M3 ?
(gradebook is still using 2.5-M1)

best regards
Peter Petersson

On 11/25/2012 04:13 AM, Dave Briccetti wrote:

> Peter, thanks for agreeing to help us get started with Bootstrap.

> What�s the first step? Want to have a call to discuss, or do you want
> to jump in and change some files? --
>
>

[Diego Medina]

I think there is an utility object that loads test data, I don;t have
the repo right her but check if build.sbt has a way to run it (or I
can check later tonight EST)

Diego

>> Peter, thanks for agreeing to help us get started with Bootstrap. What’s

>> the first step? Want to have a call to discuss, or do you want to jump in
>> and change some files? --
>>
>>
>

> --
>
>



--
Diego Medina
Lift/Scala Developer
di...@fmpwizard.com
http://www.fmpwizard.com

[Peter Petersson]

Ones again I manage to send the message as a reply to a member and not the list :( so here you have my answer to Diegos reply.

I will take a look at the test data loading, my impression is that the test data did not get loaded after tables was created, in any case there was no logging of it happening.

best regards
  Peter Petersson

---------- Forwarded message ----------
From: Peter Petersson <peterss...@gmail.com>
Date: 2012/12/5
Subject: Re: Getting started with Bootstrap
To: Diego Medina <di...@fmpwizard.com>

On 12/05/2012 08:22 PM, Diego Medina wrote:

I think there is an utility object that loads test data, I don;t have
the repo right her but check if build.sbt has a way to run it (or I
can check later tonight EST)

Yes there is a utility object and tables are created ... I will check if the testdata loading is disabled (looks like it) ... just wanna know if there was something I had missed before digging for a solution.

best regards
  Peter Petersson

[Peter Petersson]

I am running container:start and the TestDataMaker object at least runs
createDefaultUserData but It seem like the rest of the development db
test data is not injected like createAndGroupStudents ?

It seems that most (if not all) of the errors I can see originates from
the following, for instance, accessing the students page the snippet
tries to set a default select but cant find the (current year) value

Message: java.util.NoSuchElementException: key not found: 2012

scala.collection.MapLike$class.default(MapLike.scala:225)

scala.collection.immutable.MapLike$$anon$2.default(MapLike.scala:108)
scala.collection.MapLike$class.apply(MapLike.scala:135)
scala.collection.immutable.MapLike$$anon$2.apply(MapLike.scala:108)
scala.Option.map(Option.scala:133)
com.dbschools.mgb.snippet.Selectors.groupSelectValues(Selectors.scala:36)
com.dbschools.mgb.snippet.Selectors.<init>(Selectors.scala:32)
com.dbschools.mgb.snippet.Students.<init>(Students.scala:20)

Am I missing some initiation step? I can see a main method in
TestDataMaker and the following line in build.sbt

fullRunTask(TaskKey[Unit]("load-sample-data", "Loads sample data"),
Compile, "com.dbschools.mgb.TestDataMaker")

but even if i run "load-sample-data" from sbt before container:start the
error persists.

best regards
Peter Petersson

On 11/25/2012 04:13 AM, Dave Briccetti wrote:

> Peter, thanks for agreeing to help us get started with Bootstrap.

> What�s the first step? Want to have a call to discuss, or do you want
> to jump in and change some files? --
>
>

[Carlos Montemuiño]

Hi Peter, one quick question: are you using in-memory db or Posgresql?

Peter, thanks for agreeing to help us get started with Bootstrap. What’s the first step? Want to have a call to discuss, or do you want to jump in and change some files? --

--

[Dave Briccetti]

Peter, I have Bootstrap in place via FoBo thanks to your lift_26_sbt/scala_210/lift_basic_bs example. It already looks much better!

[Peter Petersson]

Cool !
As usual usual i managed to first send a reply to Dave ... I have now
found the right button to press ;)

FoBo.TB* snippets in Bootstrap v3.x has changed names (is now prefixed
with "TB3" for example FoBo.TB3Navbar ) due to issue #43 [1]

[1] https://github.com/karma4u101/FoBo/issues/43

best regards Peter Petersson
> --
> You received this message because you are subscribed to the Google
> Groups "DBSchools" group.
> To unsubscribe from this group and stop receiving emails from it, send
> an email to dbschools+...@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.