Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-21 22:29:41 +02:00
Code Releases Activity

document view activity

Browse source
This commit is contained in:
Harvey Kandola 2017-12-11 12:04:48 +00:00
parent 486b5983d9
commit cce1b5ef50
11 changed files with 85 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

5
gui/app/components/document/document-sidebar.js
View file

@ -12,12 +12,7 @@
import Component from '@ember/component';
export default Component.extend({
tab: 'index',
actions: {
onTabSwitch(tab) {
this.set('tab', tab);
},
onPageSequenceChange(changes) {
this.attrs.onPageSequenceChange(changes);

0
gui/app/components/document/document-activity.js → gui/app/components/document/view-activity.js
View file

4
gui/app/pods/document/index/template.hbs
View file

@ -27,6 +27,10 @@
{{document/view-attachment document=model.document permissions=model.permissions}}
{{/if}}
{{#if (eq tab 'activity')}}
{{document/view-activity document=model.document pages=model.pages permissions=model.permissions}}
{{/if}}
<div id="zone-document-content" class="zone-document-content">
{{document/document-sidebar tab=tab
document=model.document folder=model.folder pages=model.pages page=model.page permissions=model.permissions

52
gui/app/styles/view/document/activity.scss
View file

@ -1,52 +0,0 @@
.document-sidebar-view-activity {
> .items {
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
> .item {
margin: 0;
padding: 10px 0;
width: 100%;
> .avatar-box {
display: inline-block;
margin: 0 10px 0 0;
}
> .name {
display: inline-block;
font-size: 0.9rem;
color: $color-gray;
width: 200px;
@extend .text-truncate;
}
> .detail {
display: block;
font-size: 0.9rem;
color: $color-off-black;
margin-left: 50px;
width: 200px;
@extend .text-truncate;
.viewed {
color: $color-goldy;
}
.added {
color: $color-green;
}
.changed {
color: $color-blue;
}
.deleted {
color: $color-red;
}
}
}
}
}

1
gui/app/styles/view/document/all.scss
View file

@ -1,4 +1,3 @@
@import "history.scss";
@import "activity.scss";
@import "toc.scss";
@import "new-section.scss";

3
gui/app/styles/view/document/document.scss
View file

@ -1,5 +1,6 @@
@import "doc-meta.scss";
@import "doc-structure.scss";
@import "section-editor.scss";
@import "wysiwyg.scss";
@import "view-attachment.scss";
@import "view-activity.scss";
@import "wysiwyg.scss";

65
gui/app/styles/view/document/view-activity.scss Normal file
View file

@ -0,0 +1,65 @@
.view-activity {
> .items {
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
> .item {
margin: 0;
padding: 20px 0;
width: 100%;
> .avatar-box {
display: inline-block;
cursor: default;
position: relative;
overflow: hidden;
width: 35px;
height: 35px;
line-height: 34px;
padding: 0;
border-radius: 50%;
text-align: center;
font-weight: bold;
background-color: $color-gray;
color: $color-white;
margin: 0 20px 0 0;
}
> .activity {
display: inline-block;
> .name {
display: block;
font-size: 1.2rem;
color: $color-off-black;
font-weight: bold;
}
> .detail {
display: block;
font-size: 1rem;
color: $color-gray;
.viewed {
color: $color-goldy;
}
.added {
color: $color-green;
}
.changed {
color: $color-blue;
}
.deleted {
color: $color-red;
}
}
}
}
}
}

18
gui/app/templates/components/document/document-activity.hbs
View file

@ -1,18 +0,0 @@
<div class="sidebar-wrapper">
<div class="sidebar-panel">
<div class="title">Activity</div>
<div class="document-sidebar-view-activity">
<ul class="items">
{{#each activity as |a|}}
<li class="item">
<div class="avatar-box">
<div class="avatar">{{user-initials a.firstname a.lastname}}</div>
</div>
<div class="name">{{a.firstname}} {{a.lastname}}</div>
<div class="detail {{a.activityColor}}">{{a.activityLabel}}, {{time-ago a.created}}</div>
</li>
{{/each}}
</ul>
</div>
</div>
</div>

15
gui/app/templates/components/document/document-sidebar.hbs
View file

@ -1,16 +1,5 @@
{{#if permissions.documentEdit}}
<div class="document-sidebar-toolbar">
<div class="round-button-mono button-white {{if (eq tab 'index') 'selected'}}" id="document-index-button" data-tooltip="Index" data-tooltip-position="bottom center" {{action 'onTabSwitch' 'index'}}>
<i class="material-icons">view_headline</i>
</div>
<div class="button-gap" />
<div class="round-button-mono button-white {{if (eq tab 'activity') 'selected'}}" id="document-activity-button" data-tooltip="Activity" data-tooltip-position="bottom center" {{action 'onTabSwitch' 'activity'}}>
<i class="material-icons">timeline</i>
</div>
</div>
{{/if}}
{{#if (is-equal tab 'index')}}
{{document/document-index
document=document
folder=folder
@ -21,7 +10,3 @@
onPageLevelChange=(action 'onPageLevelChange')
onGotoPage=(action 'onGotoPage')}}
{{/if}}
{{#if (is-equal tab 'activity')}}
{{document/document-activity document=document pages=pages permissions=permissions}}
{{/if}}

13
gui/app/templates/components/document/view-activity.hbs Normal file
View file

@ -0,0 +1,13 @@
<div class="view-activity mt-5">
<ul class="items">
{{#each activity as |a|}}
<li class="item">
<div class="avatar-box">{{user-initials a.firstname a.lastname}}</div>
<div class="activity">
<div class="name">{{a.firstname}} {{a.lastname}}</div>
<div class="detail {{a.activityColor}}">{{a.activityLabel}}, {{time-ago a.created}}</div>
</div>
</li>
{{/each}}
</ul>
</div>

2
gui/app/templates/components/document/view-attachment.hbs
View file

@ -1,5 +1,5 @@
{{#if canShow}}
<div class="view-attachment non-printable">
<div class="view-attachment mt-5">
{{#if hasAttachments}}
<ul class="list">
{{#each files key="id" as |a index|}}