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')(
head: 'Users'
buttons: [
{ name: 'New User', 'data-type': 'new', class: 'primary' }
{ name: 'New User', 'data-type': 'new', class: 'btn--success' }
]
roles: App.Role.all()
)

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

@ -1,4 +1,3 @@
<div class="flex scrollable">
<div class="horizontal">
<div class="page-header-title">
<h1><%- @T( @head ) %> <small><%- @T( 'Management' ) %></small></h1>
@ -6,19 +5,20 @@
<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>
<a data-type="<%= button['data-type'] %>" class="btn <%= button['class'] %>"><%- @T( button.name ) %></a>
<% end %>
<% end %>
</div>
</div>
<input class="search" name="search" placeholder="<%- @T('Search for users') %>">
<div class="tabs wide-tabs horizontal" style="width: 100%;">
<div class="userSearch horizontal center">
<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" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
<div class="tab active" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
<% end %>
</div>
</div>
<div class="table-overview"></div>
</div>

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

@ -438,6 +438,15 @@ textarea,
border-radius: 3px;
transition: 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,
@ -624,8 +633,8 @@ ol.tabs li {
}
.tab {
height: 39px;
padding: 9px;
height: 40px;
padding: 10px 20px;
text-align: center;
border-right: 1px solid rgba(0,8,14,.08);
cursor: pointer;
@ -3447,6 +3456,19 @@ footer {
[contenteditable] > .placeholder {
color: #999;
}
.userSearch-label {
margin: 0 10px 0 20px;
}
.userSearch .tab:not(.active) {
background: white;
}
.userSearch .tabs {
margin: 0;
}
/*
----------------