Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-05 13:35:25 +02:00
Code Releases Activity

moved emberjs to gui folder

Browse source
This commit is contained in:
Harvey Kandola 2017-07-19 14:48:33 +01:00
parent 6a18d18f91
commit dc49dbbeff
999 changed files with 677 additions and 651 deletions
Download patch file Download diff file Expand all files Collapse all files

9
gui/app/styles/view/document/all.scss Normal file
View file

@ -0,0 +1,9 @@
@import "content-linker.scss";
@import "history.scss";
@import "inline-editor.scss";
@import "section-editor.scss";
@import "sidebar-view-activity.scss";
@import "sidebar-view-attachments.scss";
@import "sidebar-view-index.scss";
@import "view.scss";
@import "wysiwyg.scss";

29
gui/app/styles/view/document/content-linker.scss Normal file
View file

@ -0,0 +1,29 @@
.content-counter-dialog {
width: 200px;
height: 200px;
}
.content-linker-dialog {
width: 350px;
height: 350px;
overflow-y: auto;
.link-list {
margin: 0;
padding: 0;
.link-item {
margin: 0;
padding: 0;
font-size: 0.9rem;
color: $color-gray;
cursor: pointer;
.icon {
margin-right: 5px;
height: 15px;
width: 15px;
}
}
}
}

27
gui/app/styles/view/document/history.scss Normal file
View file

@ -0,0 +1,27 @@
.zone-document-history {
margin-left: 60px;
padding: 20px 60px;
z-index: 777;
position: relative;
.diff-zone {
@extend .transition-all;
@include border-radius(2px);
@include ease-in();
position: relative;
padding: 25px 50px;
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
background-color: $color-white;
> .canvas {
padding: 0;
}
}
.revision-picker {
width: 300px;
float: left;
margin-top: 10px;
display: inline-block;
}
}

41
gui/app/styles/view/document/inline-editor.scss Normal file
View file

@ -0,0 +1,41 @@
.document-editor {
position: relative;
> .toolbar {
width: 100%;
padding: 0;
> .edit-title {
width: 70%;
> input {
font-weight: bold;
font-size: 1.5rem;
margin: 16px 0 10px 0;
color: $color-wysiwyg;
}
}
> .buttons {
margin-top: 17px;
}
}
> .canvas {
padding: 0;
}
.cancel-edits-dialog {
display: none;
}
}
.document-editor-full {
@extend .transition-all;
@include border-radius(2px);
@include ease-in();
position: relative;
padding: 25px 50px;
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
background-color: $color-white;
}

29
gui/app/styles/view/document/section-editor.scss Normal file
View file

@ -0,0 +1,29 @@
.zone-section-editor {
margin-left: 60px;
padding: 20px 60px;
z-index: 777;
position: relative;
.section-editor {
@extend .transition-all;
@include border-radius(2px);
@include ease-in();
position: relative;
padding: 25px 50px;
box-shadow: 0 0 0 0.75pt $color-stroke,0 0 3pt 0.75pt $color-stroke;
background-color: $color-white;
> .buttons {
margin-top: 17px;
float: right;
}
> .canvas {
padding: 0;
}
.cancel-edits-dialog {
display: none;
}
}
}

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

@ -0,0 +1,52 @@
.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 .truncate;
}
> .detail {
display: block;
font-size: 0.9rem;
color: $color-off-black;
margin-left: 50px;
width: 200px;
@extend .truncate;
.viewed {
color: $color-goldy;
}
.added {
color: $color-green;
}
.changed {
color: $color-blue;
}
.deleted {
color: $color-red;
}
}
}
}
}

85
gui/app/styles/view/document/sidebar-view-attachments.scss Normal file
View file

@ -0,0 +1,85 @@
.document-sidebar-view-attachments {
margin: 0;
> .upload-document-files {
width: 100%;
padding: 20px;
margin-bottom: 20px;
text-align: center;
color: $color-gray;
border: 1px solid $color-stroke;
cursor: pointer;
font-size: 0.9rem;
line-height: 1.7rem;
@include ease-in();
&:hover {
border-color: $color-link;
color: $color-link;
}
> .dz-preview,
.dz-processing {
display: none !important;
}
}
> .list {
margin: 0 0 50px;
padding: 7px 0;
> .item {
color: $color-off-black;
margin: 0;
padding: 10px 0;
font-size: 0.9rem;
list-style-type: none;
&:last-of-type {
border-bottom: none !important;
}
> .icon {
margin-right: 10px;
}
> a {
@extend .truncate;
width: 200px;
color: $color-gray;
&:hover {
color: $color-link;
}
> .file {
@extend .truncate;
display: inline-block;
font-size: 0.9rem;
width: 200px;
}
}
> .action {
float: right;
margin-top: -2px;
margin-right: 5px;
@extend .cursor-pointer;
@extend .transition-all;
display: none;
color: $color-gray;
}
&:hover {
.action {
display: inline-block;
}
}
}
}
}
.delete-attachment-dialog,
.delete-page-dialog {
display: none;
}

57
gui/app/styles/view/document/sidebar-view-index.scss Normal file
View file

@ -0,0 +1,57 @@
.document-sidebar-view-index {
margin: 0;
>.structure {
> .toc-controls {
margin: 0;
color: $color-gray;
> .round-button-mono {
> .material-icons {
color: $color-link;
}
}
> .disabled {
@extend .cursor-not-allowed;
color: $color-stroke;
border-color: $color-stroke;
> .material-icons {
color: $color-stroke;
}
}
}
> .index-list {
padding: 0;
list-style: none;
font-size: 13px;
overflow-x: hidden;
list-style-type: none;
margin: 20px 0 0;
.item {
padding: 4px 0;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: nowrap;
overflow: hidden;
@extend .no-select;
> .link {
color: $color-off-black;
&:hover {
color: $color-link;
}
}
> .selected {
color: $color-link;
font-weight: bold;
}
}
}
}
}

356
gui/app/styles/view/document/view.scss Normal file
View file

@ -0,0 +1,356 @@
.zone-document-content {
> .back-to-space {
margin: 10px 0;
> a {
> .regular-button {
> .name {
// max-width: 150px;
// @extend .truncate;
}
}
}
}
.doc-title {
font-size: 2rem;
margin: 30px 0 10px;
font-weight: normal;
}
.doc-excerpt {
font-size: 1rem;
color: $color-gray;
margin: 0 0 45px;
}
.edit-document-heading {
margin: 30px 0 0 0;
.edit-doc-title {
> input {
font-size: 2rem;
font-weight: normal;
margin: 0 0 10px;
color: $color-wysiwyg;
}
}
.edit-doc-excerpt {
font-size: 1rem;
margin: 0 0 10px;
color: $color-gray;
}
}
}
.document-view {
margin: 0 0 50px 0;
.is-a-page {
@include content-container();
@include ease-in();
@extend .transition-all;
overflow-x: auto;
&:hover {
.page-title {
> .page-toolbar {
opacity: 1;
}
}
}
.page-title {
> .page-toolbar {
opacity: 0;
}
}
}
.is-a-tab {
@include content-container();
@include ease-in();
.icon {
text-align: center;
display: inline-block;
width: 40px;
vertical-align: bottom;
margin-right: 5px;
> .img {
text-align: center;
display: inline-block;
height: 30px;
width: 30px;
}
}
> .title {
font-size: 1.3rem;
font-weight: normal;
color: $color-off-black;
letter-spacing: 0.5px;
margin-top: 8px;
}
&:hover {
.page-title {
> .page-toolbar {
opacity: 1;
}
}
}
.page-title {
> .page-toolbar {
opacity: 0;
}
}
}
.tab-min {
padding: 0px 50px;
height: 65px;
overflow: hidden;
cursor: default;
.page-title {
> .page-toolbar {
opacity: 1;
}
}
}
.tab-max {
padding: 25px 50px;
height: auto;
overflow: auto;
cursor: normal;
}
.section-divider {
height: 60px;
background-color: transparent;
}
.start-section {
@extend .no-select;
height: 60px;
background-color: transparent;
position: relative;
cursor: pointer;
> .start-button {
display: none;
text-align: center;
padding-top: 20px;
color: $color-green;
font-size: 1rem;
position: relative;
> .round-button {
opacity: 0.6 !important;
}
> .label {
display: inline-block;
margin-left: 10px;
}
> .line {
display: inline-block;
height: 1px;
border: 1px solid $color-green;
width: 100px;
margin: 0 20px 0 20px;
opacity: 0.2;
}
}
&:first-of-type {
height: 30px;
> .start-button {
padding-top: 0;
}
}
}
.start-section-empty-state {
> .start-button {
display: block;
}
}
.new-section-wizard {
@include border-radius(2px);
margin: 0 0 30px 0;
padding: 30px;
border: 1px solid $color-stroke;
background-color: $color-off-white;
display: none;
.section-name {
font-weight: bold;
font-size: 1.5rem;
margin: 0 0 30px 0;
color: $color-black;
}
.template-caption {
color: $color-gray;
margin: 10px 0 10px 0;
font-size: 1.2rem;
}
> .list-wrapper {
height: 440px;
overflow-y: auto;
> .preset-list {
margin: 0;
padding: 0;
> .item {
@include ease-in();
@include border-radius(4px);
list-style: none;
cursor: pointer;
display: inline-block;
border: 1px solid $color-stroke;
background-color: $color-white;
margin: 0 20px 20px 0;
padding: 15px 0 0 20px;
width: 200px;
height: 60px;
&:hover {
@include ease-in();
border-color: $color-link;
}
.icon {
text-align: center;
display: inline-block;
width: 40px;
margin-right: 10px;
float: left;
> .img {
text-align: center;
display: inline-block;
height: 30px;
width: 30px;
float: left;
}
}
> .title {
font-size: 1rem;
font-weight: normal;
color: $color-off-black;
letter-spacing: 0.5px;
margin-top: 6px;
}
}
}
> .block-list {
margin: 0;
padding: 0;
> .item {
@include ease-in();
@include border-radius(4px);
list-style: none;
cursor: pointer;
display: inline-block;
border: 1px solid $color-stroke;
background-color: $color-white;
margin: 0 20px 20px 0;
padding: 12px 0 0 20px;
width: 423px;
height: 60px;
position: relative;
&:hover {
@include ease-in();
border-color: $color-link;
> .block-actions {
display: block;
}
}
> .block-actions {
@include ease-in();
display: none;
position: absolute;
top: 10px;
right: 8px;
.material-icons {
color: $color-stroke;
font-size: 1rem;
}
}
> .details {
width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
> .title {
font-size: 1rem;
font-weight: normal;
color: $color-off-black;
letter-spacing: 0.5px;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
> .desc {
color: $color-gray;
font-size: 0.8rem;
margin-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
}
}
}
}
.document-view-unified {
margin: 0 0 50px 0;
@include content-container();
@include ease-in();
@extend .transition-all;
.is-a-page, .is-a-tab {
padding: 0 !important;
box-shadow: none !important;
background-color: transparent !important;
@include border-radius(0px);
}
.tab-min, .tab-max {
padding: 0 !important;
}
.start-section {
height: 50px !important;
}
}
.dropdown-page-toolbar {
width: 300px;
}

138
gui/app/styles/view/document/wysiwyg.scss Normal file
View file

@ -0,0 +1,138 @@
.wysiwyg {
font-size: 17px;
line-height: 30px;
color: $color-wysiwyg;
table {
@include border(1px);
td {
padding: 5px 7px !important;
@include border(1px);
p {
margin: 0 !important;
padding: 0 !important;
}
}
}
ol,
ul {
margin: 15px 0;
padding: 0 0 0 40px;
line-height: 20px;
}
ol {
li {
list-style-type: decimal;
line-height: 20px;
}
}
ul {
li {
list-style-type: disc;
line-height: 20px;
}
}
h1 {
font-size: 1.7rem;
font-weight: bold;
margin: 16px 0;
}
h2 {
font-size: 1.5rem;
font-weight: bold;
margin: 16px 0;
}
h3 {
font-size: 1.3rem;
font-weight: bold;
margin: 16px 0;
}
h4,
h5,
h6,
h7,
h8,
h9 {
font-size: 1.1rem;
font-weight: bold;
margin: 16px 0;
}
h2,
h3,
h4,
h5,
h6,
h7,
h8,
h9 {
.page-title {
color: $color-off-black;
}
}
pre {
background-color: $color-off-white;
padding: 10px;
border: 1px solid $color-border;
@include border-radius(3px);
}
.code-mirror {
background-color: none;
padding: 10px;
border: none;
@include border-radius(0px);
}
.wysiwyg-table {
border: none;
border-collapse: collapse;
empty-cells: show;
max-width: 100% !important;
margin: 0 !important;
.fr-dashed-borders td,
.fr-dashed-borders th {
border-style: dashed;
}
.fr-alternate-rows tbody tr:nth-child(2n) {
background: #f5f5f5;
}
td,
th {
border: 1px solid #f3f5f8;
padding: 5px 7px !important;
}
td:empty,
th:empty {
height: 20px;
}
td.fr-highlighted,
th.fr-highlighted {
border: 1px double red;
}
td.fr-thick,
th.fr-thick {
border-width: 2px;
}
th {
background: #f7f6f6;
}
}
}