Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

userSearch

Browse source
This commit is contained in:
Felix Niklas 2014-09-29 10:38:28 +02:00
parent ce8f1000ba
commit 3f05854c9c
3 changed files with 45 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/app/controllers/users.js.coffee
View file

@ -14,7 +14,7 @@ class Index extends App.Controller
@html App.view('user')( @html App.view('user')(
head: 'Users' head: 'Users'
buttons: [ buttons: [
{ name: 'New User', 'data-type': 'new', class: 'primary' } { name: 'New User', 'data-type': 'new', class: 'btn--success' }
] ]
roles: App.Role.all() roles: App.Role.all()
) )

40
app/assets/javascripts/app/views/user.jst.eco
View file

@ -1,24 +1,24 @@
<div class="flex scrollable"> <div class="horizontal">
<div class="horizontal"> <div class="page-header-title">
<div class="page-header-title"> <h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
<h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
</div>
<div class="page-header-meta">
<% if @buttons: %>
<% for button in @buttons: %>
<a data-type="<%= button['data-type'] %>" class="btn btn-default <%= button['class'] %>"><%- @T( button.name ) %></a>
<% end %>
<% end %>
</div>
</div> </div>
<div class="page-header-meta">
<input class="search" name="search" placeholder="<%- @T('Search for users') %>"> <% if @buttons: %>
<% for button in @buttons: %>
<div class="tabs wide-tabs horizontal" style="width: 100%;"> <a data-type="<%= button['data-type'] %>" class="btn <%= button['class'] %>"><%- @T( button.name ) %></a>
<% for role in @roles: %> <% end %>
<div class="tab" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
<% end %> <% end %>
</div> </div>
</div>
<div class="table-overview"></div> <div class="userSearch horizontal center">
</div> <input type="text" class="flex" name="search" placeholder="<%- @T('Search for users') %>">
<div class="userSearch-label"><%- @T('Filter') %>:</div>
<div class="tabs tabs-wide horizontal">
<% for role in @roles: %>
<div class="tab active" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
<% end %>
</div>
</div>
<div class="table-overview"></div>

26
app/assets/stylesheets/zzz.css.erb
View file

@ -438,8 +438,17 @@ textarea,
border-radius: 3px; border-radius: 3px;
transition: none; transition: none;
box-shadow: none; box-shadow: none;
outline: none;
} }
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
border-color: hsl(200,71%,59%);
box-shadow: 0 0 0 3px hsl(201,62%,90%);
}
.form-control:focus, .form-control:focus,
.tokenfield.focus { .tokenfield.focus {
box-shadow: none; box-shadow: none;
@ -624,8 +633,8 @@ ol.tabs li {
} }
.tab { .tab {
height: 39px; height: 40px;
padding: 9px; padding: 10px 20px;
text-align: center; text-align: center;
border-right: 1px solid rgba(0,8,14,.08); border-right: 1px solid rgba(0,8,14,.08);
cursor: pointer; cursor: pointer;
@ -3447,6 +3456,19 @@ footer {
[contenteditable] > .placeholder { [contenteditable] > .placeholder {
color: #999; color: #999;
} }
.userSearch-label {
margin: 0 10px 0 20px;
}
.userSearch .tab:not(.active) {
background: white;
}
.userSearch .tabs {
margin: 0;
}
/* /*
---------------- ----------------