mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-30 10:54:09 -05:00
Merge branch 'master' into sk-post-login-redirect
This commit is contained in:
Shane Kilkelly
commit
4cc4a4e264
3 changed files with 105 additions and 382 deletions
|
|
@ -1,271 +1,11 @@
|
||||||
div(ng-if="!shouldABTestHeaderLabels")
|
|
||||||
header.toolbar.toolbar-header(
|
|
||||||
ng-cloak,
|
|
||||||
ng-hide="state.loading"
|
|
||||||
)
|
|
||||||
a.btn.btn-full-height(
|
|
||||||
href,
|
|
||||||
ng-click="ui.leftMenuShown = true"
|
|
||||||
tooltip='#{translate("menu")}',
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
tooltip-append-to-body="true",
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-bars
|
|
||||||
a(
|
|
||||||
href="/project"
|
|
||||||
tooltip="#{translate('back_to_projects')}",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
tooltip-append-to-body="true"
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-level-up
|
|
||||||
|
|
||||||
span(ng-controller="PdfViewToggleController")
|
|
||||||
a(
|
|
||||||
href,
|
|
||||||
ng-show="ui.pdfLayout == 'flat' && fileTreeClosed",
|
|
||||||
tooltip="PDF",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
tooltip-append-to-body="true",
|
|
||||||
ng-click="togglePdfView()",
|
|
||||||
ng-class="{ 'active': ui.view == 'pdf' }"
|
|
||||||
)
|
|
||||||
i.fa.fa-file-pdf-o
|
|
||||||
|
|
||||||
.toolbar-center.project-name(ng-controller="ProjectNameController")
|
|
||||||
span.name(
|
|
||||||
ng-dblclick="!permissions.admin || startRenaming()",
|
|
||||||
ng-show="!state.renaming"
|
|
||||||
) {{ project.name }}
|
|
||||||
|
|
||||||
input.form-control(
|
|
||||||
type="text"
|
|
||||||
ng-model="inputs.name",
|
|
||||||
ng-show="state.renaming",
|
|
||||||
on-enter="finishRenaming()",
|
|
||||||
ng-blur="finishRenaming()",
|
|
||||||
select-name-when="state.renaming"
|
|
||||||
)
|
|
||||||
|
|
||||||
a.rename(
|
|
||||||
ng-if="permissions.admin",
|
|
||||||
href='#',
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
tooltip="#{translate('rename')}",
|
|
||||||
tooltip-append-to-body="true",
|
|
||||||
ng-click="startRenaming()",
|
|
||||||
ng-show="!state.renaming"
|
|
||||||
)
|
|
||||||
i.fa.fa-pencil
|
|
||||||
|
|
||||||
.toolbar-right
|
|
||||||
span.online-users(
|
|
||||||
ng-show="onlineUsersArray.length > 0"
|
|
||||||
ng-controller="OnlineUsersController"
|
|
||||||
)
|
|
||||||
span(ng-if="onlineUsersArray.length < 4")
|
|
||||||
span.online-user(
|
|
||||||
ng-repeat="user in onlineUsersArray",
|
|
||||||
ng-style="{ 'background-color': 'hsl({{ getHueForUserId(user.user_id) }}, 70%, 50%)' }",
|
|
||||||
popover="{{ user.name }}"
|
|
||||||
popover-placement="bottom"
|
|
||||||
popover-append-to-body="true"
|
|
||||||
popover-trigger="mouseenter"
|
|
||||||
ng-click="gotoUser(user)"
|
|
||||||
) {{ user.name.slice(0,1) }}
|
|
||||||
|
|
||||||
span.dropdown(dropdown, ng-if="onlineUsersArray.length >= 4")
|
|
||||||
span.online-user.online-user-multi(
|
|
||||||
dropdown-toggle,
|
|
||||||
tooltip="#{translate('connected_users')}",
|
|
||||||
tooltip-placement="left"
|
|
||||||
)
|
|
||||||
strong {{ onlineUsersArray.length }}
|
|
||||||
i.fa.fa-fw.fa-user
|
|
||||||
ul.dropdown-menu.pull-right
|
|
||||||
li.dropdown-header #{translate('connected_users')}
|
|
||||||
li(ng-repeat="user in onlineUsersArray")
|
|
||||||
a(href, ng-click="gotoUser(user)")
|
|
||||||
span.online-user(
|
|
||||||
ng-style="{ 'background-color': 'hsl({{ getHueForUserId(user.user_id) }}, 70%, 50%)' }"
|
|
||||||
) {{ user.name.slice(0,1) }}
|
|
||||||
| {{ user.name }}
|
|
||||||
|
|
||||||
|
|
||||||
a.btn.btn-full-height(
|
|
||||||
href,
|
|
||||||
ng-if="permissions.admin",
|
|
||||||
tooltip="#{translate('share')}",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
ng-click="openShareProjectModal()",
|
|
||||||
ng-controller="ShareController",
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-group
|
|
||||||
a.btn.btn-full-height(
|
|
||||||
href,
|
|
||||||
ng-click="toggleHistory()",
|
|
||||||
ng-class="{ active: (ui.view == 'history') }"
|
|
||||||
tooltip="#{translate('recent_changes')}",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-history
|
|
||||||
a.btn.btn-full-height(
|
|
||||||
href,
|
|
||||||
tooltip="#{translate('chat')}",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
ng-class="{ active: ui.chatOpen }",
|
|
||||||
ng-click="toggleChat()",
|
|
||||||
ng-controller="ChatButtonController",
|
|
||||||
ng-show="!anonymous",
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-comment(
|
|
||||||
ng-class="{ 'bounce': unreadMessages > 0 }"
|
|
||||||
)
|
|
||||||
span.label.label-info(
|
|
||||||
ng-show="unreadMessages > 0"
|
|
||||||
) {{ unreadMessages }}
|
|
||||||
|
|
||||||
div(ng-if="shouldABTestHeaderLabels")
|
|
||||||
div(sixpack-switch="editor-header")
|
|
||||||
header.toolbar.toolbar-header(
|
|
||||||
ng-cloak,
|
|
||||||
ng-hide="state.loading"
|
|
||||||
sixpack-default
|
|
||||||
)
|
|
||||||
a.btn.btn-full-height(
|
|
||||||
href,
|
|
||||||
ng-click="ui.leftMenuShown = true; trackABTestConversion('menu');"
|
|
||||||
tooltip='#{translate("menu")}',
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
tooltip-append-to-body="true",
|
|
||||||
sixpack-convert="editor-header"
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-bars
|
|
||||||
a(
|
|
||||||
href="/project"
|
|
||||||
tooltip="#{translate('back_to_projects')}",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
tooltip-append-to-body="true"
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-level-up
|
|
||||||
|
|
||||||
span(ng-controller="PdfViewToggleController")
|
|
||||||
a(
|
|
||||||
href,
|
|
||||||
ng-show="ui.pdfLayout == 'flat' && fileTreeClosed",
|
|
||||||
tooltip="PDF",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
tooltip-append-to-body="true",
|
|
||||||
ng-click="togglePdfView()",
|
|
||||||
ng-class="{ 'active': ui.view == 'pdf' }"
|
|
||||||
)
|
|
||||||
i.fa.fa-file-pdf-o
|
|
||||||
|
|
||||||
.toolbar-center.project-name(ng-controller="ProjectNameController")
|
|
||||||
span.name(
|
|
||||||
ng-dblclick="!permissions.admin || startRenaming()",
|
|
||||||
ng-show="!state.renaming"
|
|
||||||
) {{ project.name }}
|
|
||||||
|
|
||||||
input.form-control(
|
|
||||||
type="text"
|
|
||||||
ng-model="inputs.name",
|
|
||||||
ng-show="state.renaming",
|
|
||||||
on-enter="finishRenaming()",
|
|
||||||
ng-blur="finishRenaming()",
|
|
||||||
select-name-when="state.renaming"
|
|
||||||
)
|
|
||||||
|
|
||||||
a.rename(
|
|
||||||
ng-if="permissions.admin",
|
|
||||||
href='#',
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
tooltip="#{translate('rename')}",
|
|
||||||
tooltip-append-to-body="true",
|
|
||||||
ng-click="startRenaming()",
|
|
||||||
ng-show="!state.renaming"
|
|
||||||
)
|
|
||||||
i.fa.fa-pencil
|
|
||||||
|
|
||||||
.toolbar-right
|
|
||||||
span.online-users(
|
|
||||||
ng-show="onlineUsersArray.length > 0"
|
|
||||||
ng-controller="OnlineUsersController"
|
|
||||||
)
|
|
||||||
span(ng-if="onlineUsersArray.length < 4")
|
|
||||||
span.online-user(
|
|
||||||
ng-repeat="user in onlineUsersArray",
|
|
||||||
ng-style="{ 'background-color': 'hsl({{ getHueForUserId(user.user_id) }}, 70%, 50%)' }",
|
|
||||||
popover="{{ user.name }}"
|
|
||||||
popover-placement="bottom"
|
|
||||||
popover-append-to-body="true"
|
|
||||||
popover-trigger="mouseenter"
|
|
||||||
ng-click="gotoUser(user)"
|
|
||||||
) {{ user.name.slice(0,1) }}
|
|
||||||
|
|
||||||
span.dropdown(dropdown, ng-if="onlineUsersArray.length >= 4")
|
|
||||||
span.online-user.online-user-multi(
|
|
||||||
dropdown-toggle,
|
|
||||||
tooltip="#{translate('connected_users')}",
|
|
||||||
tooltip-placement="left"
|
|
||||||
)
|
|
||||||
strong {{ onlineUsersArray.length }}
|
|
||||||
i.fa.fa-fw.fa-user
|
|
||||||
ul.dropdown-menu.pull-right
|
|
||||||
li.dropdown-header #{translate('connected_users')}
|
|
||||||
li(ng-repeat="user in onlineUsersArray")
|
|
||||||
a(href, ng-click="gotoUser(user)")
|
|
||||||
span.online-user(
|
|
||||||
ng-style="{ 'background-color': 'hsl({{ getHueForUserId(user.user_id) }}, 70%, 50%)' }"
|
|
||||||
) {{ user.name.slice(0,1) }}
|
|
||||||
| {{ user.name }}
|
|
||||||
|
|
||||||
|
|
||||||
a.btn.btn-full-height(
|
|
||||||
href,
|
|
||||||
ng-if="permissions.admin",
|
|
||||||
tooltip="#{translate('share')}",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
ng-click="openShareProjectModal(); trackABTestConversion('share');",
|
|
||||||
ng-controller="ShareController",
|
|
||||||
sixpack-convert="editor-header"
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-group
|
|
||||||
a.btn.btn-full-height(
|
|
||||||
href,
|
|
||||||
ng-click="toggleHistory(); trackABTestConversion('history');",
|
|
||||||
ng-class="{ active: (ui.view == 'history') }"
|
|
||||||
tooltip="#{translate('recent_changes')}",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
sixpack-convert="editor-header"
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-history
|
|
||||||
a.btn.btn-full-height(
|
|
||||||
href,
|
|
||||||
tooltip="#{translate('chat')}",
|
|
||||||
tooltip-placement="bottom",
|
|
||||||
ng-class="{ active: ui.chatOpen }",
|
|
||||||
ng-click="toggleChat(); trackABTestConversion('chat');",
|
|
||||||
ng-controller="ChatButtonController",
|
|
||||||
ng-show="!anonymous",
|
|
||||||
sixpack-convert="editor-header"
|
|
||||||
)
|
|
||||||
i.fa.fa-fw.fa-comment(
|
|
||||||
ng-class="{ 'bounce': unreadMessages > 0 }"
|
|
||||||
)
|
|
||||||
span.label.label-info(
|
|
||||||
ng-show="unreadMessages > 0"
|
|
||||||
) {{ unreadMessages }}
|
|
||||||
|
|
||||||
header.toolbar.toolbar-header.toolbar-with-labels(
|
header.toolbar.toolbar-header.toolbar-with-labels(
|
||||||
ng-cloak,
|
ng-cloak,
|
||||||
ng-hide="state.loading"
|
ng-hide="state.loading"
|
||||||
sixpack-when="labels"
|
|
||||||
)
|
)
|
||||||
.toolbar-left
|
.toolbar-left
|
||||||
a.btn.btn-full-height(
|
a.btn.btn-full-height(
|
||||||
href,
|
href,
|
||||||
ng-click="ui.leftMenuShown = true; trackABTestConversion('menu');",
|
ng-click="ui.leftMenuShown = true;",
|
||||||
sixpack-convert="editor-header"
|
|
||||||
)
|
)
|
||||||
i.fa.fa-fw.fa-bars
|
i.fa.fa-fw.fa-bars
|
||||||
p.toolbar-label #{translate("menu")}
|
p.toolbar-label #{translate("menu")}
|
||||||
|
|
@ -349,27 +89,24 @@ div(ng-if="shouldABTestHeaderLabels")
|
||||||
a.btn.btn-full-height(
|
a.btn.btn-full-height(
|
||||||
href,
|
href,
|
||||||
ng-if="permissions.admin",
|
ng-if="permissions.admin",
|
||||||
ng-click="openShareProjectModal(); trackABTestConversion('share');",
|
ng-click="openShareProjectModal();",
|
||||||
ng-controller="ShareController",
|
ng-controller="ShareController",
|
||||||
sixpack-convert="editor-header"
|
|
||||||
)
|
)
|
||||||
i.fa.fa-fw.fa-group
|
i.fa.fa-fw.fa-group
|
||||||
p.toolbar-label #{translate("share")}
|
p.toolbar-label #{translate("share")}
|
||||||
a.btn.btn-full-height(
|
a.btn.btn-full-height(
|
||||||
href,
|
href,
|
||||||
ng-click="toggleHistory(); trackABTestConversion('history');",
|
ng-click="toggleHistory();",
|
||||||
ng-class="{ active: (ui.view == 'history') }",
|
ng-class="{ active: (ui.view == 'history') }",
|
||||||
sixpack-convert="editor-header"
|
|
||||||
)
|
)
|
||||||
i.fa.fa-fw.fa-history
|
i.fa.fa-fw.fa-history
|
||||||
p.toolbar-label #{translate("history")}
|
p.toolbar-label #{translate("history")}
|
||||||
a.btn.btn-full-height(
|
a.btn.btn-full-height(
|
||||||
href,
|
href,
|
||||||
ng-class="{ active: ui.chatOpen }",
|
ng-class="{ active: ui.chatOpen }",
|
||||||
ng-click="toggleChat(); trackABTestConversion('chat');",
|
ng-click="toggleChat();",
|
||||||
ng-controller="ChatButtonController",
|
ng-controller="ChatButtonController",
|
||||||
ng-show="!anonymous",
|
ng-show="!anonymous",
|
||||||
sixpack-convert="editor-header"
|
|
||||||
)
|
)
|
||||||
i.fa.fa-fw.fa-comment(
|
i.fa.fa-fw.fa-comment(
|
||||||
ng-class="{ 'bounce': unreadMessages > 0 }"
|
ng-class="{ 'bounce': unreadMessages > 0 }"
|
||||||
|
|
|
||||||
|
|
@ -72,7 +72,6 @@ define [
|
||||||
}
|
}
|
||||||
$scope.user = window.user
|
$scope.user = window.user
|
||||||
|
|
||||||
|
|
||||||
$scope.shouldABTestPlans = false
|
$scope.shouldABTestPlans = false
|
||||||
if $scope.user.signUpDate >= '2016-10-27'
|
if $scope.user.signUpDate >= '2016-10-27'
|
||||||
$scope.shouldABTestPlans = true
|
$scope.shouldABTestPlans = true
|
||||||
|
|
@ -86,23 +85,6 @@ define [
|
||||||
$scope.ui.reviewPanelOpen = !$scope.ui.reviewPanelOpen
|
$scope.ui.reviewPanelOpen = !$scope.ui.reviewPanelOpen
|
||||||
$scope.$digest()
|
$scope.$digest()
|
||||||
|
|
||||||
# Only run the header AB test for newly registered users.
|
|
||||||
_abTestStartDate = new Date(Date.UTC(2016, 8, 28))
|
|
||||||
_userSignUpDate = new Date(window.user.signUpDate)
|
|
||||||
|
|
||||||
$scope.shouldABTestHeaderLabels = _userSignUpDate > _abTestStartDate
|
|
||||||
$scope.headerLabelsABVariant = ""
|
|
||||||
|
|
||||||
if ($scope.shouldABTestHeaderLabels)
|
|
||||||
sixpack.participate "editor-header", [ "default", "labels"], (chosenVariation) ->
|
|
||||||
$scope.headerLabelsABVariant = chosenVariation
|
|
||||||
|
|
||||||
$scope.trackABTestConversion = (headerItem) ->
|
|
||||||
event_tracking.sendMB "header-ab-conversion", {
|
|
||||||
headerItem: headerItem,
|
|
||||||
variant: $scope.headerLabelsABVariant
|
|
||||||
}
|
|
||||||
|
|
||||||
# Tracking code.
|
# Tracking code.
|
||||||
$scope.$watch "ui.view", (newView, oldView) ->
|
$scope.$watch "ui.view", (newView, oldView) ->
|
||||||
if newView? and newView != "editor" and newView != "pdf"
|
if newView? and newView != "editor" and newView != "pdf"
|
||||||
|
|
|
||||||
|
|
@ -138,12 +138,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar-label {
|
.toolbar-label {
|
||||||
display: inline-block;
|
display: none;
|
||||||
margin: 0 4px;
|
margin: 0 4px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
|
@media (min-width: @screen-sm-min) {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-dark {
|
.editor-dark {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue