mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
Only show actions buttons when projects are selected
This commit is contained in:
James Allen
parent
db74e89f99
commit
751572c977
4 changed files with 19 additions and 256 deletions
|
|
@ -88,7 +88,7 @@ block content
|
|||
|
||||
.project-tools.js-toggle-tools
|
||||
.btn-toolbar
|
||||
.btn-group
|
||||
.btn-group(ng-hide="selectedProjects.length < 1")
|
||||
a.btn.btn-default(
|
||||
href='#',
|
||||
data-original-title="Download",
|
||||
|
|
@ -106,7 +106,7 @@ block content
|
|||
)
|
||||
i.fa.fa-trash-o
|
||||
|
||||
.btn-group
|
||||
.btn-group(ng-hide="selectedProjects.length < 1")
|
||||
a.btn.btn-default.dropdown-toggle(
|
||||
href="#",
|
||||
data-toggle="dropdown"
|
||||
|
|
@ -134,7 +134,7 @@ block content
|
|||
li
|
||||
a(href="#", ng-click="openNewTagModal()") Create New Folder
|
||||
|
||||
.btn-group
|
||||
.btn-group(ng-hide="selectedProjects.length != 1")
|
||||
a.btn.btn-default.dropdown-toggle(data-toggle="dropdown", href="#") More
|
||||
span.caret
|
||||
ul.dropdown-menu.dropdown-menu-right(role="menu")
|
||||
|
|
|
|||
|
|
@ -29,6 +29,7 @@ ProjectPageApp.controller "ProjectPageController", ($scope, $modal, $http) ->
|
|||
$scope.visibleProjects = $scope.projects
|
||||
$scope.tags = window.data.tags
|
||||
$scope.allSelected = false
|
||||
$scope.selectedProjects = []
|
||||
|
||||
# Allow tags to be accessed on projects as well
|
||||
projectsById = {}
|
||||
|
|
@ -63,6 +64,18 @@ ProjectPageApp.controller "ProjectPageController", ($scope, $modal, $http) ->
|
|||
$scope.allSelected = false
|
||||
$scope.$broadcast "selection:change"
|
||||
|
||||
$scope.updateSelectedProjects = () ->
|
||||
$scope.selectedProjects = $scope.projects.filter (project) -> project.selected
|
||||
|
||||
$scope.getSelectedProjects = () ->
|
||||
$scope.selectedProjects
|
||||
|
||||
$scope.getSelectedProjectIds = () ->
|
||||
$scope.selectedProjects.map (project) -> project._id
|
||||
|
||||
$scope.$on "selection:change", () ->
|
||||
$scope.updateSelectedProjects()
|
||||
|
||||
$scope.updateVisibleProjects = () ->
|
||||
$scope.visibleProjects = []
|
||||
selectedTag = $scope.getSelectedTag()
|
||||
|
|
@ -75,19 +88,13 @@ ProjectPageApp.controller "ProjectPageController", ($scope, $modal, $http) ->
|
|||
# Only show if it matches the selected tag
|
||||
if selectedTag? and project._id not in selectedTag.project_ids
|
||||
visible = false
|
||||
|
||||
|
||||
if visible
|
||||
$scope.visibleProjects.push project
|
||||
else
|
||||
# We don't want hidden selections
|
||||
project.selected = false
|
||||
|
||||
$scope.getSelectedProjects = () ->
|
||||
$scope.projects.filter (project) -> project.selected
|
||||
|
||||
$scope.getSelectedProjectIds = () ->
|
||||
$scope.getSelectedProjects().map (project) -> project._id
|
||||
|
||||
$scope.getSelectedTag = () ->
|
||||
for tag in $scope.tags
|
||||
return tag if tag.selected
|
||||
|
|
|
|||
|
|
@ -537,7 +537,8 @@
|
|||
// Button sizes
|
||||
// -------------------------
|
||||
.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
|
||||
padding: @padding-vertical @padding-horizontal;
|
||||
// Remove 1px to make up for the extra px of border-bottom we've added
|
||||
padding: @padding-vertical - 1 @padding-horizontal @padding-vertical;
|
||||
font-size: @font-size;
|
||||
line-height: @line-height;
|
||||
border-radius: @border-radius;
|
||||
|
|
|
|||
|
|
@ -1,245 +0,0 @@
|
|||
|
||||
#projectList {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
|
||||
.project_entry {
|
||||
&:hover {
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
min-height: 40px;
|
||||
|
||||
padding-left: 10px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 5px;
|
||||
padding-right: 5px;
|
||||
|
||||
.project-actions{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.projectDetails {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.projectName {
|
||||
font-family: 'Chivo',sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.tag-label {
|
||||
margin-right: 5px;
|
||||
font-size: 12px;
|
||||
cursor: arrow;
|
||||
i {
|
||||
margin-top: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.addTagButton {
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: #468847;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
#projectFilter {
|
||||
margin-left: 8px;
|
||||
width: 250px;
|
||||
margin-top: -4px;
|
||||
margin-bottom: 4px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#projectListArea {
|
||||
|
||||
.search {
|
||||
position: relative;
|
||||
}
|
||||
.search .search-query {
|
||||
padding-left: 29px;
|
||||
}
|
||||
|
||||
.search {
|
||||
|
||||
input{
|
||||
&:focus .icon-search {
|
||||
background-image: url("/img/glyphicons-halflings-white.png")
|
||||
}
|
||||
}
|
||||
|
||||
.icon-search {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 18px;
|
||||
|
||||
}
|
||||
|
||||
.icon-remove {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left:280px;
|
||||
}
|
||||
}
|
||||
|
||||
.search .search-query:focus, .search .search-query.focused {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#newProject{
|
||||
.dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
a.archived-projects {
|
||||
padding: 6px 16px;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.project-actions {
|
||||
float: right;
|
||||
.dropdown-menu {
|
||||
right:0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.normalText{
|
||||
font-size : 13px;
|
||||
}
|
||||
|
||||
.clickable, #sections li{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
|
||||
.tag-list {
|
||||
border-left: 1px solid #D9D9D9;
|
||||
padding-left: 16px;
|
||||
#allProjectTagsArea {
|
||||
ul {
|
||||
list-style:none;
|
||||
margin: 0;
|
||||
li {
|
||||
margin: 8px 3px;
|
||||
}
|
||||
}
|
||||
.number {
|
||||
padding-left:5px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.twitter-typeahead .tt-query,
|
||||
.twitter-typeahead .tt-hint {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tt-dropdown-menu {
|
||||
min-width: 160px;
|
||||
margin-top: 2px;
|
||||
padding: 5px 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0,0,0,.2);
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.tt-suggestion {
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
}
|
||||
|
||||
.tt-suggestion.tt-is-under-cursor {
|
||||
color: #fff;
|
||||
background-color: #0081c2;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
|
||||
}
|
||||
|
||||
.tt-suggestion.tt-is-under-cursor a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tt-suggestion p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.sharelatex-intro {
|
||||
position: relative;
|
||||
padding-top: 60px;
|
||||
.create-project-arrow {
|
||||
color: #666;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font-size: 24px;
|
||||
padding: 50px 55px 0 0;
|
||||
margin-right: 20px;
|
||||
margin-top: -30px;
|
||||
background-image: url(/img/upwards-sweeping-arrow.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: top right;
|
||||
}
|
||||
|
||||
.welcome {
|
||||
width: 350px;
|
||||
margin: auto;
|
||||
background-image: url(/brand/logo/logo-128.png);
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
p {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
}
|
||||
padding-top: 130px;
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue