app/views/customer_vault/people/index.html.slim in customer_vault-0.0.1 vs app/views/customer_vault/people/index.html.slim in customer_vault-0.0.2

@@ -1,39 +1,65 @@
-h1 Listing people
+.container-fluid
+	.col-lg-12
+		ol class="breadcrumb"
+			li 
+				= link_to 'Home', '/'
+			li.active People
+	.col-lg-12
+		.col-lg-4
+			aside class = "col-lg-12 cadre"
+				.row
+					.col-lg-12.cdiv
+						= image_tag ('customer_vault/icons/add_person-64.png')  	
+				.row
+					.col-lg-12.cdiv
+						= link_to 'New Person', customer_vault.new_person_path, :class=>"btn btn-warning btn-lg"
+				.row
+					.col-lg-12.cdiv id='count'
+						- if @people.empty?
+							span class = 'text-muted bold' There isn't any person
+						- else
+							span class = 'text-muted bold' #{@people.count} people	
+		.col-lg-8
+			-	if @people.empty?
+				h1 class="text-muted center" There isn't any person
+			-	else
+				-	@people.each do |person|
+					.col-lg-12.cadre
+						.col-lg-1
+							.row
+								=image_tag ('customer_vault/icons/people-48.png')
+								=link_to 'Details', [customer_vault, person] , :class=>"btn btn-success btn-xs"
+						.col-lg-11
+							.row.top-buffer
+								.col-lg-7 id='name'
+									span class = 'bold' #{person.title}  
+									span class = 'bold' #{person.first_name}  
+									span class = 'bold' #{person.last_name}
+							.row
+									.col-lg-4 id='email'
+										-	if person.email?
+											span class= 'bold text-muted' Email: 
+											span class = 'text-muted bold' #{person.email}
+										-	else
+											span class = 'bold invisible' CACHEE
+									.col-lg-4 id='phone'
+										-	if person.phone?
+											span class= 'bold text-muted' Phone: 
+											span #{person.phone}
+										- else 
+											span class= 'bold invisible' CACHEE
+									.col-lg-4 id='mobile'
+										- if person.mobile?
+											span class= 'bold text-muted' Mobile: 
+											span #{person.mobile}
+										- else 
+											span class= 'bold invisible' CACHEE 
+							.row
+								.col-lg-12 id='www'
+									-	if person.www?
+										=link_to person.www , extlink(person.www) 
+									-	else 
+										span class= 'bold invisible' CACHEE
 
-table
-  thead
-    tr
-      th First name
-      th Last name
-      th Email
-      th Title
-      th Twitter
-      th Www
-      th Context
-      th Phone
-      th Fax
-      th Mobile
-      th
-      th
-      th
 
-  tbody
-    - @people.each do |person|
-      tr
-        td = person.first_name
-        td = person.last_name
-        td = person.email
-        td = person.title
-        td = person.twitter
-        td = person.www
-        td = person.context
-        td = person.phone
-        td = person.fax
-        td = person.mobile
-        td = link_to 'Show', [customer_vault, person]
-        td = link_to 'Edit', customer_vault.edit_person_path(person)
-        td = link_to 'Destroy', [customer_vault, person], data: {:confirm => 'Are you sure?'}, :method => :delete
-
-br
-
-= link_to 'New Person', customer_vault.new_person_path
+