github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Styling of link-share, and fix read-only link

Browse source
This commit is contained in:
Shane Kilkelly 2017-09-29 10:59:30 +01:00
parent df338ebd6d
commit e04d10d11f
3 changed files with 24 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
services/web/app/views/project/editor/share.pug
View file

@ -12,30 +12,30 @@ script(type='text/ng-template', id='shareProjectModalTemplate')
//- Private
.row.public-access-level(ng-show="project.publicAccesLevel == 'private'")
.col-xs-12.text-center
| #{translate("this_project_is_private")}
| Link-sharing is off, only invited users can view this project.
|   
a(
href
ng-click="openMakeTokenBasedModal()"
) #{translate("make_token_based")}
) Turn on link-sharing
//- Token-based access
.row.public-access-level(ng-show="project.publicAccesLevel == 'tokenBased'")
.col-xs-12.text-center
strong
| #{translate("this_project_is_token_based_access")}
| Link-sharing is on.
|   
a(
href
ng-click="openMakePrivateModal()"
) #{translate("make_private")}
.col-xs-12.access-token-display
div
strong #{translate("read_only")}
pre.access-token {{ getReadOnlyTokenLink() }}
div
strong #{translate("read_and_write")}
) Turn off link-sharing
.col-xs-12.access-token-display-area
div.access-token-wrapper
strong Anyone with this link can edit this project
pre.access-token {{ getReadAndWriteTokenLink() }}
div.access-token-wrapper
strong Anyone with this link can access this project
pre.access-token {{ getReadOnlyTokenLink() }}
//- legacy public-access
.row.public-access-level(ng-show="project.publicAccesLevel == 'readAndWrite' || project.publicAccesLevel == 'readOnly'")

2
services/web/public/coffee/ide/share/controllers/ShareProjectModalController.coffee
View file

@ -203,7 +203,7 @@ define [
location.origin + "/" + $scope.project.tokens.readAndWrite
$scope.getReadOnlyTokenLink = () ->
location.origin + "/" + $scope.project.tokens.readOnly
location.origin + "/read/" + $scope.project.tokens.readOnly
$scope.done = () ->
$modalInstance.close()

23
services/web/public/stylesheets/app/editor/share.less
View file

@ -6,15 +6,6 @@
font-size: 1rem;
}
.access-token-display {
padding-top: 8px;
.access-token {
background-color: @gray-lightest;
border: 1px solid @gray-lighter;
padding: 6px 12px 6px 12px
}
}
.project-member, .project-invite, .public-access-level {
padding: (@line-height-computed / 2) 0;
border-bottom: 1px solid @gray-lighter;
@ -25,7 +16,19 @@
color: @gray;
padding-top: 0;
font-size: 12px;
padding-bottom: @line-height-computed;
padding-bottom: @line-height-computed/2;
.access-token-display-area {
margin-top: @line-height-computed/4;
.access-token-wrapper {
padding-top: @line-height-computed/4;
.access-token {
margin-top: @line-height-computed/4;
background-color: @gray-lightest;
border: 1px solid @gray-lighter;
padding: 6px 12px 6px 12px
}
}
}
}
.project-member, .project-invite {