diff --git a/gui/app/components/layout/master-content.js b/gui/app/components/layout/master-content.js new file mode 100644 index 00000000..300f0378 --- /dev/null +++ b/gui/app/components/layout/master-content.js @@ -0,0 +1,25 @@ +// Copyright 2016 Documize Inc. . 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 . +// +// https://documize.com + +import Component from '@ember/component'; + +export default Component.extend({ + tagName: 'div', + classNames: ['master-container'], + + didInsertElement() { + this._super(...arguments); + }, + + willDestroyElement() { + this._super(...arguments); + } +}); diff --git a/gui/app/components/layout/master-sidebar.js b/gui/app/components/layout/master-sidebar.js new file mode 100644 index 00000000..5b1df645 --- /dev/null +++ b/gui/app/components/layout/master-sidebar.js @@ -0,0 +1,131 @@ +// Copyright 2016 Documize Inc. . 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 . +// +// https://documize.com + +import $ from 'jquery'; +import { notEmpty } from '@ember/object/computed'; +import { inject as service } from '@ember/service' +import Modals from '../../mixins/modal'; +import Tooltips from '../../mixins/tooltip'; +import Component from '@ember/component'; + +export default Component.extend(Tooltips, Modals, { + tagName: 'div', + classNames: ['master-sidebar-container', 'non-printable'], + selectedItem: 'spaces', + 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.Documize) { + 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(); + } + + this.renderTooltips(); + }, + + 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.removeTooltips(); + this.eventBus.unsubscribe('pinChange'); + }, + + actions: { + jumpToPin(pin) { + let folderId = pin.get('spaceId'); + 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); + } + }, + + onBilling() { + if (!this.get('session.isAdmin')) { + return; + } + + this.get('router').transitionTo('customize.billing'); + } + } +}); diff --git a/gui/app/mixins/tooltip.js b/gui/app/mixins/tooltip.js index d8edb87f..c92b30a0 100644 --- a/gui/app/mixins/tooltip.js +++ b/gui/app/mixins/tooltip.js @@ -17,7 +17,7 @@ export default Mixin.create({ renderTooltips() { schedule('afterRender', () => { $('[data-toggle="tooltip"]').tooltip('dispose'); - $('body').tooltip({selector: '[data-toggle="tooltip"]', delay: 250}); + $('body').tooltip({selector: '[data-toggle="tooltip"]', delay: { "show": 1000, "hide": 100 }}); }); }, diff --git a/gui/app/pods/theming/template.hbs b/gui/app/pods/theming/template.hbs index a189ab0c..aa9f0577 100644 --- a/gui/app/pods/theming/template.hbs +++ b/gui/app/pods/theming/template.hbs @@ -1,200 +1,25 @@ -
-
- - -
-
- one
- two
- three -
-
-
-
-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-
-
- -{{!--
-
nav
-
- one
- two
- three -
-
-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

-
-
--}} - - - - - - -{{!-- {{#layout/top-bar}} -
  • - {{#link-to "folders" class="link"}}SOMETHING{{/link-to}} -
  • -
  • - {{#link-to "folders" class="link selected"}}Space X July 2019{{/link-to}} -
  • -{{/layout/top-bar}} - -{{#layout/middle-zone}} - {{#layout/middle-zone-content}} -

    How to install this

    -

    - Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. -

    -

    - Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. -

    -

    - Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. -

    -

    - Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration. -

    -

    - Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. -

    -

    - Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. -

    -

    - Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration. -

    -

    - Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. -

    -

    - Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. -

    -

    - Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration. -

    - {{/layout/middle-zone-content}} - - {{#layout/middle-zone-sidebar}} - - {{/layout/middle-zone-sidebar}} -{{/layout/middle-zone}} - -{{#layout/bottom-bar}} -{{/layout/bottom-bar}} --}} \ No newline at end of file +{{#layout/master-sidebar}} + one
    + two
    + three +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +{{/layout/master-sidebar}} +{{#layout/master-content}} +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +

    Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

    +{{/layout/master-content}} diff --git a/gui/app/styles/core/layout/master-internal.scss b/gui/app/styles/core/layout/master-internal.scss index bf007afd..6aa70b39 100644 --- a/gui/app/styles/core/layout/master-internal.scss +++ b/gui/app/styles/core/layout/master-internal.scss @@ -15,23 +15,22 @@ $display-break-5: 1800px; display: block; height: auto; width: 100%; - background: cornsilk; + padding: 10px; } } - .master-sidebar-container { display: block; height: auto; width: 100%; - background: pink; .master-navbar { display: block; height: auto; width: 100%; - background-color: red; + background-color: $color-primary; text-align: center; padding: 0; + z-index: 999; > .nav-content { display: flex; @@ -64,6 +63,40 @@ $display-break-5: 1800px; display: none; cursor: pointer; } + + > .bookmarks { + display: inline-block; + + >.dicon { + cursor: pointer; + color: $color-white; + font-size: 20px; + padding: 10px; + } + } + + > .user-gravatar-container { + display: inline-block; + margin: 0 10px 0 0; + padding: 0; + vertical-align: text-bottom; + + > .user-gravatar { + cursor: pointer; + position: relative; + width: 25px; + height: 25px; + line-height: 24px; + padding: 0; + border-radius: 50%; + font-size: 0.75rem; + text-align: center; + color: $color-primary; + font-weight: bold; + background-color: $color-white; + @extend .no-select; + } + } } } } @@ -72,7 +105,9 @@ $display-break-5: 1800px; display: block; height: auto; width: 100%; - background-color: lightgray; + padding: 5px 10px; + z-index: 888; + background-color: $color-off-white; } } @@ -84,7 +119,7 @@ $display-break-5: 1800px; .master-content { grid-column-start: 2; - background: cornsilk; + padding: 10px; } } @@ -92,7 +127,6 @@ $display-break-5: 1800px; position: fixed; width: 240px; height: 100vh; - background: pink; .master-navbar { position: fixed; @@ -100,7 +134,6 @@ $display-break-5: 1800px; left: 0; width: 40px; height: 100vh; - background-color: red; text-align: center; padding: 10px 0; @@ -139,6 +172,26 @@ $display-break-5: 1800px; display: none; } } + + > .bookmarks { + >.dicon { + display: block; + color: $color-white; + font-size: 20px; + padding: 20px 0; + } + } + + > .user-gravatar-container { + display: block; + text-align: center; + margin: 0 0 15px 4px; + padding: 0; + + > .user-gravatar { + display: block; + } + } } } } @@ -149,7 +202,8 @@ $display-break-5: 1800px; left: 40px; width: 200px; height: 100vh; - background-color: lightgray; + overflow-x: hidden; + overflow-y: auto; } } } @@ -162,7 +216,7 @@ $display-break-5: 1800px; .master-content { grid-column-start: 2; - background: cornsilk; + padding: 20px; } } @@ -170,7 +224,6 @@ $display-break-5: 1800px; position: fixed; width: 290px; height: 100vh; - background: pink; .master-navbar { position: fixed; @@ -178,7 +231,6 @@ $display-break-5: 1800px; left: 0; width: 70px; height: 100vh; - background-color: red; text-align: center; > .nav-content { @@ -216,6 +268,18 @@ $display-break-5: 1800px; text-decoration: none; } } + + > .user-gravatar-container { + margin: 0 0 15px 8px; + padding: 0; + + > .user-gravatar { + width: 30px; + height: 30px; + line-height: 30px; + font-size: 0.9rem; + } + } } } } @@ -226,7 +290,6 @@ $display-break-5: 1800px; left: 70px; width: 220px; height: 100vh; - background-color: lightgray; } } } @@ -239,7 +302,6 @@ $display-break-5: 1800px; .master-content { grid-column-start: 2; - background: cornsilk; } } @@ -247,7 +309,6 @@ $display-break-5: 1800px; position: fixed; width: 320px; height: 100vh; - background: pink; .master-navbar { position: fixed; @@ -255,7 +316,6 @@ $display-break-5: 1800px; left: 0; width: 70px; height: 100vh; - background-color: red; } .master-sidebar { @@ -264,7 +324,7 @@ $display-break-5: 1800px; left: 70px; width: 250px; height: 100vh; - background-color: lightgray; + padding: 20px 10px; } } } @@ -277,7 +337,6 @@ $display-break-5: 1800px; .master-content { grid-column-start: 2; - background: cornsilk; } } @@ -285,7 +344,6 @@ $display-break-5: 1800px; position: fixed; width: 370px; height: 100vh; - background: pink; .master-navbar { position: fixed; @@ -293,7 +351,6 @@ $display-break-5: 1800px; left: 0; width: 70px; height: 100vh; - background-color: red; } .master-sidebar { @@ -302,252 +359,7 @@ $display-break-5: 1800px; left: 70px; width: 300px; height: 100vh; - background-color: lightgray; + padding: 20px 15px; } } } - -// $break-1: 900px; -// $break-2: 1200px; -// $break-3: 1400px; -// $break-4: 1600px; -// $break-5: 1800px; - -// FLEX -// Mobile first layout -// .master-container { -// display: flex; -// flex-direction: column; -// width: 100%; -// margin: 0; -// padding: 0; - -// .master-navbar { -// display: block; -// margin: 0; -// padding: 0; -// height: 40px; -// width: 100%; -// background-color: red; -// } - -// .master-sidebar { -// display: block; -// margin: 0; -// padding: 0; -// height: auto; -// width: 100%; -// background-color: lightgray; -// } - -// .master-content { -// display: block; -// margin: 0; -// padding: 0; -// height: auto; -// width: 100%; -// background-color: cornsilk; -// } -// } - -// // Small desktop 900px -// @media (min-width: $break-1) { -// .master-container { -// display: flex; -// flex-direction: row; -// width: 100%; -// margin: 0; -// padding: 0; -// background-color: yellow; - -// .master-navbar { -// flex: 0 0 80px; -// width: 80px; -// height: 100vh; -// margin: 0; -// padding: 0; -// overflow-x: hidden; -// overflow-y: auto; -// @include sticky(); -// background-color: red; -// } - -// .master-sidebar { -// flex: 0 0 250px; -// width: 250px; -// height: 100vh; -// margin: 0; -// padding: 0; -// overflow-x: hidden; -// overflow-y: auto; -// @include sticky(); -// background-color: lightgray; -// } - -// .master-content { -// flex: 0 1 700px; -// max-width: 700px; -// height: auto; -// width: 100%; -// margin: 0; -// padding: 0; -// background-color: cornsilk; -// } -// } -// } - - -// // Mobile-first layout -// .master-container { -// background-color: yellow; -// margin: 0; -// padding: 0; - -// .master-navbar { -// display: block; -// margin: 0; -// padding: 0; -// height: 40px; -// width: 100%; -// background-color: red; -// } - -// .master-sidebar { -// display: block; -// margin: 0; -// padding: 0; -// height: auto; -// width: 100%; -// background-color: lightgray; -// } - -// .master-content { -// display: block; -// margin: 0; -// padding: 0; -// height: auto; -// width: 100%; -// background-color: cornsilk; -// } -// } - -// // Small desktop starts at 900px -// @media (min-width: $break-1) { -// .master-container { -// position: relative; -// display: inline; - -// .master-navbar { -// display: inline-block; -// margin: 0; -// padding: 0; -// height: 100vh; -// width: 80px; -// background-color: red; -// @include sticky(); -// top: 0; -// left: 0; -// } - -// .master-sidebar { -// display: inline-block; -// margin: 0; -// padding: 0; -// height: 100vh; -// width: 250px; -// background-color: lightgray; -// @include sticky(); -// top: 0; -// left: 0; -// } - -// .master-content { -// position: relative; -// display: inline; -// margin: 0 0 0 330px; -// padding: 0; -// background-color: cornsilk; -// } -// } -// } - - -/* -// CSS GRID -// Mobile-first layout -.master-container { - display: grid; - grid-template-rows: 3; - grid-template-areas: - "nav" - "sidebar" - "content"; -} - -.master-navbar { - grid-area: nav; - grid-row: 1; - height: auto; - background-color: red; -} - -.master-sidebar { - grid-area: sidebar; - grid-row: 2; - height: auto; - background-color: lightgray; -} - -.master-content { - grid-area: content; - grid-row: 3; - height: auto; - background-color: yellow; -} - -// Small desktop 900px -@media (min-width: $break-1) { - .master-container { - grid-template-columns: 80px 250px auto; - grid-template-rows: 1; - grid-template-areas: - "nav sidebar content"; - - height: 100vh; - } - - .master-navbar { - grid-area: nav; - grid-row: 1; - grid-column: 1; - height: 100vh; - width: 80px; - } - - .master-sidebar { - grid-area: sidebar; - grid-row: 1; - grid-column: 2; - height: 100vh; - width: 250px; - position: fixed; - top: 0; - left: 80px; - z-index: 1; - } - - .master-content { - grid-area: content; - grid-row: 1; - grid-column: 3; - // height: 100vh; - } -} - -// @media (min-width: 900px) { -// .master-container { -// grid-template-columns: 80px 350px auto; -// } -// } - -*/ diff --git a/gui/app/styles/core/widget/widget-button.scss b/gui/app/styles/core/widget/widget-button.scss index 0358d7ef..a5209ec0 100644 --- a/gui/app/styles/core/widget/widget-button.scss +++ b/gui/app/styles/core/widget/widget-button.scss @@ -196,24 +196,3 @@ display: inline-block; margin-left: 5px; } - -.button-gravatar-white { - display: inline-block; - cursor: default; - position: relative; - // overflow: hidden; // kills update dots - width: 35px; - height: 35px; - line-height: 34px; - padding: 0; - border-radius: 50%; - text-align: center; - color: $color-primary; - font-weight: bold; - background-color: $color-white; - @include ease-in(); - - &:hover { - background-color: darken($color-white, 15%); - } -} diff --git a/gui/app/templates/components/layout/master-content.hbs b/gui/app/templates/components/layout/master-content.hbs new file mode 100644 index 00000000..2a50cae9 --- /dev/null +++ b/gui/app/templates/components/layout/master-content.hbs @@ -0,0 +1,3 @@ +
    + {{yield}} +
    diff --git a/gui/app/templates/components/layout/master-sidebar.hbs b/gui/app/templates/components/layout/master-sidebar.hbs new file mode 100644 index 00000000..716cf92a --- /dev/null +++ b/gui/app/templates/components/layout/master-sidebar.hbs @@ -0,0 +1,166 @@ +
    +