Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 07:39:43 +02:00
Code Releases Activity

Removed previous page layout framework

Browse source
This commit is contained in:
McMatts 2018-05-30 16:08:25 +01:00
parent c7cc36b307
commit f20a1d1d5f
16 changed files with 106 additions and 416 deletions
Download patch file Download diff file Expand all files Collapse all files

116
gui/app/components/toolbar/nav-bar.js
View file

@ -1,116 +0,0 @@
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
//
// This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
//
// You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>.
//
// https://documize.com
import $ from 'jquery';
import { notEmpty } from '@ember/object/computed';
import { inject as service } from '@ember/service'
import ModalMixin from '../../mixins/modal';
import Component from '@ember/component';
export default Component.extend(ModalMixin, {
folderService: service('folder'),
appMeta: service(),
session: service(),
store: service(),
pinned: service(),
enableLogout: true,
hasPins: notEmpty('pins'),
hasSpacePins: notEmpty('spacePins'),
hasDocumentPins: notEmpty('documentPins'),
hasWhatsNew: false,
newsContent: '',
init() {
this._super(...arguments);
let constants = this.get('constants');
this.pins = [];
if (this.get('appMeta.authProvider') === constants.AuthProvider.Keycloak) {
let config = this.get('appMeta.authConfig');
config = JSON.parse(config);
this.set('enableLogout', !config.disableLogout);
}
this.get('session').hasWhatsNew().then((v) => {
this.set('hasWhatsNew', v);
});
let version = this.get('appMeta.version');
let edition = this.get('appMeta.edition').toLowerCase();
let self = this;
let cacheBuster = + new Date();
$.ajax({
url: `https://storage.googleapis.com/documize/news/${edition}/${version}.html?cb=${cacheBuster}`,
type: 'GET',
dataType: 'html',
success: function (response) {
if (self.get('isDestroyed') || self.get('isDestroying')) return;
self.set('newsContent', response);
}
});
},
didInsertElement() {
this._super(...arguments);
if (this.get("session.authenticated")) {
this.eventBus.subscribe('pinChange', this, 'setupPins');
this.setupPins();
}
},
setupPins() {
if (this.get('isDestroyed') || this.get('isDestroying')) return;
this.get('pinned').getUserPins().then((pins) => {
if (this.get('isDestroyed') || this.get('isDestroying')) {
return;
}
this.set('pins', pins);
this.set('spacePins', pins.filterBy('isSpace', true));
this.set('documentPins', pins.filterBy('isDocument', true));
});
},
willDestroyElement() {
this._super(...arguments);
this.eventBus.unsubscribe('pinChange');
},
actions: {
jumpToPin(pin) {
let folderId = pin.get('folderId');
let documentId = pin.get('documentId');
if (_.isEmpty(documentId)) {
// jump to space
let folder = this.get('store').peekRecord('folder', folderId);
this.get('router').transitionTo('folder', folderId, folder.get('slug'));
} else {
// jump to doc
let folder = this.get('store').peekRecord('folder', folderId);
this.get('router').transitionTo('document', folderId, folder.get('slug'), documentId, 'document');
}
},
onShowWhatsNewModal() {
this.modalOpen("#whats-new-modal", { "show": true });
if (this.get('newsContent.length') > 0) {
this.get('session').seenNewVersion();
this.set('hasWhatsNew', false);
}
}
}
});

16
gui/app/components/toolbar/t-actions.js
View file

@ -1,16 +0,0 @@
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
//
// This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
//
// You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>.
//
// https://documize.com
import Component from '@ember/component';
export default Component.extend({
classNames: ['col', 'col-sm-5']
});

19
gui/app/components/toolbar/t-links.js
View file

@ -1,19 +0,0 @@
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
//
// This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
//
// You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>.
//
// https://documize.com
import { inject as service } from '@ember/service';
import Component from '@ember/component';
export default Component.extend({
appMeta: service(),
classNames: ['col', 'col-sm-7'],
selectItem: '',
});

15
gui/app/components/toolbar/t-toolbar.js
View file

@ -1,15 +0,0 @@
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
//
// This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
//
// You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>.
//
// https://documize.com
import Component from '@ember/component';
export default Component.extend({
});

18
gui/app/pods/document/block/template.hbs
View file

@ -1,5 +1,17 @@
{{toolbar/nav-bar}}
{{toolbar/for-document document=model.document spaces=model.folders space=model.folder permissions=model.permissions showTools=false showDocumentLink=true}}
{{#layout/top-bar}}
<li class="item">
{{#link-to "folder.index" model.folder.id model.folder.slug class='link'}}
{{model.folder.name}}
{{/link-to}}
</li>
<li class="item">
{{#link-to 'document.index' model.folder.id model.folder.slug model.document.id model.document.slug class="link selected"}}
{{model.document.name}}
{{/link-to}}
</li>
{{/layout/top-bar}}
{{document/block-editor document=model.document folder=model.folder block=model.block onCancel=(action 'onCancel') onAction=(action 'onAction')}}
{{#layout/bottom-bar}}
{{/layout/bottom-bar}}

18
gui/app/pods/document/section/template.hbs
View file

@ -1,6 +1,15 @@
{{toolbar/nav-bar}}
{{toolbar/for-document document=model.document spaces=model.folders space=model.folder permissions=model.permissions showTools=false showDocumentLink=true}}
{{#layout/top-bar}}
<li class="item">
{{#link-to "folder.index" model.folder.id model.folder.slug class='link'}}
{{model.folder.name}}
{{/link-to}}
</li>
<li class="item">
{{#link-to 'document.index' model.folder.id model.folder.slug model.document.id model.document.slug class="link selected"}}
{{model.document.name}}
{{/link-to}}
</li>
{{/layout/top-bar}}
<div class="container">
<div class="row">
@ -11,3 +20,6 @@
</div>
</div>
</div>
{{#layout/bottom-bar}}
{{/layout/bottom-bar}}

26
gui/app/pods/search/template.hbs
View file

@ -1,10 +1,20 @@
{{toolbar/nav-bar}}
{{#layout/top-bar}}
{{/layout/top-bar}}
{{#toolbar/t-toolbar}}
{{#toolbar/t-links}}
{{/toolbar/t-links}}
{{#toolbar/t-actions}}
{{/toolbar/t-actions}}
{{/toolbar/t-toolbar}}
{{#layout/middle-zone}}
{{#layout/middle-zone-content}}
{{search/search-view filter=filter matchDoc=matchDoc matchContent=matchContent matchTag=matchTag matchFile=matchFile slog=slog}}
{{/layout/middle-zone-content}}
{{search/search-view filter=filter matchDoc=matchDoc matchContent=matchContent matchTag=matchTag matchFile=matchFile slog=slog}}
{{#layout/middle-zone-sidebar}}
<div id="sidebar" class="sidebar">
<h1>Search</h1>
<p>a OR b</p>
<p>x AND y</p>
<p>"phrase mat*"</p>
</div>
{{/layout/middle-zone-sidebar}}
{{/layout/middle-zone}}
{{#layout/bottom-bar}}
{{/layout/bottom-bar}}

1
gui/app/styles/app.scss
View file

@ -16,7 +16,6 @@
@import "view/common.scss";
@import "widget/widget.scss";
@import "view/navigation.scss";
@import "view/toolbar.scss";
@import "view/views.scss";
@import "layout/all.scss";

27
gui/app/styles/view/navigation.scss
View file

@ -1,27 +0,0 @@
.nav-bar {
background-color: $color-primary;
padding: 10px 20px;
color: $color-white;
font-size: 1rem;
.nav-link, .nav-link:visited {
color: $color-white;
&:hover {
color: darken($color-white, 15%);
}
}
.nav-title {
font-size: 1.4rem;
font-weight: bold;
}
.nav-msg {
font-size: 1rem;
}
.nav-right {
float: right;
}
}

29
gui/app/styles/view/search.scss
View file

@ -1,12 +1,39 @@
.view-search {
margin-top: 30px;
> .heading {
font-size: 1.5rem;
font-weight: bold;
color: $color-dark;
margin-top: 30px;
}
.search-box {
width: 300px;
}
@media (min-width: 900px) {
.search-box {
width: 400px;
}
}
@media (min-width: 1200px) {
.search-box {
width: 600px;
}
}
@media (min-width: 1400px) {
.search-box {
width: 700px;
}
}
@media (min-width: 1800px) {
.search-box {
width: 900px;
}
}
> .documents {
margin: 60px 0;
margin: 20px 0;
padding: 0;
> .document {

2
gui/app/templates/components/search/search-results.hbs
View file

@ -1,4 +1,4 @@
<div class="view-search my-5">
<div class="view-search">
<div class="heading">{{resultPhrase}}</div>
<ul class="documents">
{{#each documents key="id" as |result index|}}

59
gui/app/templates/components/search/search-view.hbs
View file

@ -1,31 +1,30 @@
<div class="container">
<div class="view-search mt-5">
<div class="heading">Search</div>
<form onsubmit={{action 'onSearch'}}>
<div class="form-group mt-4">
{{focus-input type="text" value=filter class="form-control mb-4" placeholder='a OR b, x AND y, "phrase mat*"'}}
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-1" class="form-check-input" checked=matchDoc}}
<label class="form-check-label" for="search-1">&nbsp;document title</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-2" class="form-check-input" checked=matchContent}}
<label class="form-check-label" for="search-2">&nbsp;content</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-3" class="form-check-input" checked=matchTag}}
<label class="form-check-label" for="search-3">&nbsp;tag name</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-4" class="form-check-input" checked=matchFile}}
<label class="form-check-label" for="search-4">&nbsp;attachment name</label>
</div>
</div>
<div class="form-group">
<button class="btn btn-success" {{action 'onSearch'}}>Search</button>
</div>
</form>
{{search/search-results results=results keywords=filter}}
<div class="view-search">
<form onsubmit={{action 'onSearch'}} class="form-inline">
<div class="form-group">
{{focus-input type="text" value=filter class="form-control mr-3 search-box" placeholder='keywords, tags'}}
</div>
<div class="form-group">
<button class="btn btn-success" {{action 'onSearch'}}>Search</button>
</div>
</form>
<div class="form-group mt-2">
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-1" class="form-check-input" checked=matchDoc}}
<label class="form-check-label" for="search-1">&nbsp;document title</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-2" class="form-check-input" checked=matchContent}}
<label class="form-check-label" for="search-2">&nbsp;content</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-3" class="form-check-input" checked=matchTag}}
<label class="form-check-label" for="search-3">&nbsp;tag name</label>
</div>
<div class="form-check form-check-inline">
{{input type="checkbox" id="search-4" class="form-check-input" checked=matchFile}}
<label class="form-check-label" for="search-4">&nbsp;attachment name</label>
</div>
</div>
</div>
{{search/search-results results=results keywords=filter}}
</div>

149
gui/app/templates/components/toolbar/nav-bar.hbs
View file

@ -1,149 +0,0 @@
<div id="nav-bar" class="nav-bar clearfix container-fluid">
<div class="row no-gutters">
<div class="col col-sm-9">
{{#link-to "folders" class='nav-link' }}
<div class="nav-title">{{appMeta.title}}</div>
<div class="nav-msg text-truncate">{{appMeta.message}}</div>
{{/link-to}}
</div>
<div class="col col-sm-3">
<div class="nav-right">
<div class="btn-group">
{{#link-to "search" class="button-icon-white" }}
<i class="material-icons">search</i>
{{/link-to}}
</div>
{{#if session.authenticated}}
{{#if hasPins}}
<div class="button-icon-gap" />
<div class="btn-group">
<div class="button-icon-white" id="user-pins-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">star</i>
</div>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="user-pins-button">
{{#if hasSpacePins}}
<h6 class="dropdown-header">Spaces</h6>
{{#each spacePins as |pin|}}
<a class="dropdown-item" href="#" {{action 'jumpToPin' pin}} data-id= {{pin.id}} id="pin-{{pin.id}}">{{pin.pin}}</a>
{{/each}}
{{/if}}
{{#if hasDocumentPins}}
<h6 class="dropdown-header">Documents</h6>
{{#each documentPins as |pin|}}
<a class="dropdown-item" href="#" {{action 'jumpToPin' pin}} data-id= {{pin.id}} id="pin-{{pin.id}}">{{pin.pin}}</a>
{{/each}}
{{/if}}
</div>
</div>
{{/if}}
<div class="button-icon-gap" />
<div class="btn-group">
<div class="button-gravatar-white align-text-bottom" id="profile-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{session.user.initials}}
{{#if hasWhatsNew}}
<div class="whats-new-dot" />
{{/if}}
{{#if session.isGlobalAdmin}}
{{#if appMeta.updateAvailable}}
<div class="update-available-dot" />
{{/if}}
{{/if}}
</div>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="profile-button">
{{#link-to 'profile' class="dropdown-item" }}Profile{{/link-to}}
{{#if session.isAdmin}}
{{#link-to 'customize.general' class="dropdown-item" }}Settings{{/link-to}}
{{/if}}
<div class="dropdown-divider"></div>
{{#if session.isGlobalAdmin}}
{{#if appMeta.updateAvailable}}
{{#link-to 'customize.license' class="dropdown-item font-weight-bold color-orange" }}Update available{{/link-to}}
{{/if}}
{{/if}}
<a href="#" class="dropdown-item {{if hasWhatsNew 'color-whats-new font-weight-bold'}}" {{action 'onShowWhatsNewModal'}}>What's New</a>
<a href="https://docs.documize.com" target="_blank" class="dropdown-item">Help</a>
<a href="#" class="dropdown-item" data-toggle="modal" data-target="#about-documize-modal" data-backdrop="static">About</a>
{{#if enableLogout}}
<div class="dropdown-divider"></div>
{{#link-to 'auth.logout' class="dropdown-item" }}Logout{{/link-to}}
{{/if}}
</div>
</div>
{{else}}
<div class="button-icon-gap" />
<div class="btn-group">
{{#link-to 'auth.login' class="button-icon-white " }}
<i class="material-icons">lock_open</i>
{{/link-to}}
</div>
{{/if}}
</div>
</div>
</div>
</div>
{{#if session.authenticated}}
<div id="whats-new-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-header modal-header-white">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" data-dismiss="modal" aria-label="Close">&times;</span>
</button>
</div>
<div class="modal-content">
<div class="modal-body">
<div class="product-news">
<h2>What's New</h2>
{{{newsContent}}}
<div class="action">
Have an idea? Suggestion or feedback? <a href="mailto:support@documize.com">Get in touch!</a>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="about-documize-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="product-about">
<div class="edition">
Documize {{appMeta.edition}} Edition
</div>
<div class="version">
{{appMeta.version}}
</div>
<div class="dotcom">
<a href="https://documize.com">https://documize.com</a>
</div>
{{#if (eq appMeta.edition 'Community')}}
<div class="copyright">
&copy; Documize Inc. All rights reserved.
</div>
<div class="license">
<br/>
<br/> This software (Documize Community Edition) is licensed under
<a href="http://www.gnu.org/licenses/agpl-3.0.en.html">GNU AGPL v3</a>
You can operate outside the AGPL restrictions by purchasing Documize Enterprise Edition and obtaining a commercial licenseby
contacting
<a href="mailto:sales@documize.com">sales@documize.com</a>
</div>
{{/if}}
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
{{/if}}

5
gui/app/templates/components/toolbar/t-actions.hbs
View file

@ -1,5 +0,0 @@
<div class="toolbar">
<div class="buttons">
{{yield}}
</div>
</div>

17
gui/app/templates/components/toolbar/t-links.hbs
View file

@ -1,17 +0,0 @@
<div class="toolbar">
<ul class="links">
{{#if (eq appMeta.edition 'Community')}}
{{#link-to "folders" class=(if (eq selectItem 'spaces') 'link selected' 'link') tagName="li"}}Spaces{{/link-to}}
{{/if}}
{{#if (eq appMeta.edition 'Enterprise')}}
{{#if session.viewDashboard}}
{{#link-to "dashboard" class=(if (eq selectItem 'dashboard') 'link selected' 'link') tagName="li"}}Actions{{/link-to}}
{{/if}}
{{#if session.viewAnalytics}}
{{#link-to "analytics" class=(if (eq selectItem 'analytics') 'link selected' 'link') tagName="li"}}Insights{{/link-to}}
{{/if}}
{{#link-to "folders" class=(if (eq selectItem 'spaces') 'link selected' 'link') tagName="li"}}Spaces{{/link-to}}
{{/if}}
{{yield}}
</ul>
</div>

5
gui/app/templates/components/toolbar/t-toolbar.hbs
View file

@ -1,5 +0,0 @@
<div class="container document-toolbar">
<div class="row no-gutters">
{{yield}}
</div>
</div>