Skip to content

Commit

Permalink
draft impl
Browse files Browse the repository at this point in the history 
Issue #610
  • Loading branch information
@rsoika
rsoika committed Oct 7, 2024
1 parent 669e504 commit 75dcf76
Show file tree
Hide file tree
Showing 8 changed files with 492 additions and 90 deletions.
1 change: 1 addition & 0 deletions imixs-office-workflow-app/src/main/resources/bundle/messages_de.properties
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,6 +148,7 @@ daily=Täglich
hourly=Stündlich
type=Typ
summary=Zusammenfassung
ai=KI

####################
# Month
Expand Down
1 change: 1 addition & 0 deletions imixs-office-workflow-app/src/main/resources/bundle/messages_en.properties
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,6 +148,7 @@ daily=Daily
hourly=Hourly
type=Type
summary=Summary
ai=AI

####################
# Month
Expand Down
15 changes: 15 additions & 0 deletions imixs-office-workflow-app/src/main/webapp/js/imixs-office.workitem.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -439,7 +439,9 @@ IMIXS.org.imixs.workflow.workitem = (function () {
toggleChronicleHistory = function () {
$('.chronicle-tab-history').parent().addClass('active');
$('.chronicle-tab-documents').parent().removeClass('active');
$('.chronicle-tab-ai').parent().removeClass('active');
$('#imixs-workitem-chronicle-tab-documents').hide();
$('#imixs-workitem-chronicle-tab-ai').hide();
$('#imixs-workitem-chronicle-tab-history').show();
// set a right margin for history view only
$('.imixs-workitem-chronicle-content').css('width', 'calc(100% - 30px)');
Expand All @@ -448,11 +450,23 @@ IMIXS.org.imixs.workflow.workitem = (function () {
toggleChronicleDocuments = function () {
$('.chronicle-tab-documents').parent().addClass('active');
$('.chronicle-tab-history').parent().removeClass('active');
$('.chronicle-tab-ai').parent().removeClass('active');
$('#imixs-workitem-chronicle-tab-history').hide();
$('#imixs-workitem-chronicle-tab-ai').hide();
$('#imixs-workitem-chronicle-tab-documents').show();
// set a right margin for history view only
$('.imixs-workitem-chronicle-content').css('width', 'calc(100% - 0px)');
},
toggleChronicleAI = function () {
$('.chronicle-tab-ai').parent().addClass('active');
$('.chronicle-tab-history').parent().removeClass('active');
$('.chronicle-tab-documents').parent().removeClass('active');
$('#imixs-workitem-chronicle-tab-history').hide();
$('#imixs-workitem-chronicle-tab-documents').hide();
$('#imixs-workitem-chronicle-tab-ai').show();
// set a right margin for history view only
$('.imixs-workitem-chronicle-content').css('width', 'calc(100% - 0px)');
},


registerSaveWorkitemListener = function (callback) {
Expand Down Expand Up @@ -692,6 +706,7 @@ IMIXS.org.imixs.workflow.workitem = (function () {
showDocument: showDocument,
toggleChronicleHistory: toggleChronicleHistory,
toggleChronicleDocuments: toggleChronicleDocuments,
toggleChronicleAI: toggleChronicleAI,
minimizeDocumentPreview: minimizeDocumentPreview,
maximizeDocumentPreview: maximizeDocumentPreview,
closeDocumentPreview: closeDocumentPreview,
Expand Down
142 changes: 80 additions & 62 deletions imixs-office-workflow-app/src/main/webapp/layout/css/office-theme-chronicle.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,126 +2,135 @@
------ Workitem Form with Chronicle and Document Preview
*/

.imixs-workitem {
display: flex;
display: flex;
flex-direction: row;
min-height: 100vh;
}
}

.imixs-workitem-form {
flex-basis: 0;
flex-grow: 1;
min-width: 500px;
}

.imixs-workitem-chronicle {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
flex-direction: column;
padding: 0px 20px 0px 10px;
flex-basis: 340px;
}


.imixs-workitem-form .imixs-form, .imixs-workitem-form .imixs-document {
width: 100%;
border-right: 1px solid #e0e4e7;
.imixs-workitem-form .imixs-form,
.imixs-workitem-form .imixs-document {
width: 100%;
border-right: 1px solid #e0e4e7;
}

.split {
width: 50% !important;
float: left;
width: 50% !important;
float: left;
}

.imixs-workitem-form .imixs-form {
padding-right: 20px;
padding-right: 20px;
}

.imixs-workitem-form .imixs-document {
padding-right: 20px;
padding-left: 20px;
padding-right: 20px;
padding-left: 20px;
}

.imixs-workitem-form .imixs-document h1 {
font-size: 1.8em;
margin-bottom: 0.3em;
font-size: 1.8em;
margin-bottom: 0.3em;
}


.imixs-workitem-chronicle-small {
font-size: 0.7rem;
}

.imixs-workitem-chronicle-actions {
flex-basis: 100px;
flex-basis: 100px;
}


.imixs-workitem-chronicle-tabs {
.imixs-workitem-chronicle-tabs {
margin-bottom: 10px;
flex-basis: 40px;
}
.imixs-workitem-chronicle-tabs ul {
padding:0;

.imixs-workitem-chronicle-tabs ul {
padding: 0;
}

.imixs-workitem-chronicle-tabs ul li {
list-style: none;
display: inline;
border-bottom: 2px none;
padding-bottom: 10px;
}

.imixs-workitem-chronicle-tabs ul li:hover {
border-bottom: 2px solid #206B87;
}

.imixs-workitem-chronicle-tabs ul li.active {
border-bottom: 2px solid #206B87;
}

.imixs-workitem-chronicle-tabs ul li a {
color: #999;
text-decoration: none;
text-decoration: none;
}

.imixs-workitem-chronicle-tabs ul li.active a {
color: #206B87;
}


.imixs-workitem-chronicle-tabs .chronicle-tab-history, .imixs-workitem-chronicle-tabs .chronicle-tab-documents {
.imixs-workitem-chronicle-tabs .chronicle-tab-history,
.imixs-workitem-chronicle-tabs .chronicle-tab-documents,
.imixs-workitem-chronicle-tabs .chronicle-tab-ai {
margin: 10px 10px 10px 0px;
font-size: 1.3rem;
}

.imixs-workitem-chronicle-content {
overflow: auto;
margin-bottom:20px;
margin-bottom: 20px;
flex-basis: 200px;
flex-grow: 1;
padding-right: 10px;
}


.imixs-slider {
flex-basis: 16px;
padding: 0;
cursor: col-resize;
flex-basis: 16px;
padding: 0;
cursor: col-resize;
}


.imixs-slider-nav {
margin: 0;
padding: 6px 0;
position: relative;
top: 250px;
border-right: 1px dotted #e0e4e7;
border-top: 1px dotted #e0e4e7;
border-bottom: 1px dotted #e0e4e7;
background-color: #f7f7f7;
margin: 0;
padding: 6px 0;
position: relative;
top: 250px;
border-right: 1px dotted #e0e4e7;
border-top: 1px dotted #e0e4e7;
border-bottom: 1px dotted #e0e4e7;
background-color: #f7f7f7;
}


.imixs-slider .typcn {
color:#ababab;
font-size:16px;
color: #ababab;
font-size: 16px;
line-height: 1.7em;
cursor: default;
}
Expand All @@ -137,33 +146,35 @@ flex-basis: 100px;


.imixs-document {
display:none;
padding:0 10px;
display: none;
padding: 0 10px;
}

.imixs-document .document-title {
word-break: break-all;
}

.imixs-document .document-nav {

cursor: pointer;
float: right;
margin-left: 20px;
color: #428bca;

}


.imixs-workitem-document-embedded .document-nav {
.imixs-workitem-document-embedded .document-nav {
cursor: pointer;
float: right;
margin-left: 0px;
color: #428bca;
}

.imixs-workitem-document-embedded .imixs-form {
margin:0;
margin: 0;
}

.imixs-workitem-document-embedded .document-title {
display: none;
}
Expand Down Expand Up @@ -195,16 +206,17 @@ flex-basis: 100px;
}


.imixs-workitem-chronicle .content-block a.attachmentlink, .imixs-workitem-chronicle .content-block a.file-open-link {
.imixs-workitem-chronicle .content-block a.attachmentlink,
.imixs-workitem-chronicle .content-block a.file-open-link {
word-break: break-all;
}


.imixs-workitem-chronicle .date {
margin-left:10px;
font-size: 1.1em;
line-height:1.4em;
font-weight:bold;
margin-left: 10px;
font-size: 1.1em;
line-height: 1.4em;
font-weight: bold;
}

.imixs-workitem-chronicle .imixs-comments-entry {
Expand All @@ -226,8 +238,8 @@ flex-basis: 100px;

.imixs-workitem-chronicle .filter {
position: fixed;
right:0;
padding-right:20px;
right: 0;
padding-right: 20px;
}


Expand All @@ -248,8 +260,9 @@ flex-basis: 100px;
color: #206B87;
}

.imixs-workitem-chronicle .filter a, .imixs-workitem-chronicle .nav a {
color: #206B87;
.imixs-workitem-chronicle .filter a,
.imixs-workitem-chronicle .nav a {
color: #206B87;
}


Expand All @@ -260,7 +273,7 @@ flex-basis: 100px;
}

.imixs-workitem-chronicle .filter a.inactive {
color:#999;
color: #999;
}


Expand All @@ -285,11 +298,11 @@ flex-basis: 100px;
}

.imixs-workitem-chronicle table tr.year td h2 {
margin:0;
margin: 0;
}

.imixs-workitem-chronicle table tr.month td {
padding-top:10px;
padding-top: 10px;
padding-bottom: 0px;
}

Expand All @@ -300,9 +313,11 @@ flex-basis: 100px;
color: #428bca;
line-height: 1.3rem;
}

.imixs-workitem-chronicle .dms-list .image-block {
min-width: 30px;
}

.imixs-workitem-chronicle .dms-list .content-block {
margin-left: 10px;
line-height: 1.8em;
Expand All @@ -318,25 +333,28 @@ flex-basis: 100px;
@media screen and (max-width: 1200px) {
.imixs-slider {
display: none;
}
}

.imixs-workitem {
display: flow-root;
}
.imixs-workitem-chronicle, .imixs-workitem-form {
display: flow-root;
}

.imixs-workitem-chronicle,
.imixs-workitem-form {
width: 100% !important;
left: 0;
position: inherit;
}
}

.split {
width: 100% !important;
width: 100% !important;
}
}

@media screen and (max-width: 548px) {

.imixs-workitem-chronicle {
padding-top:0;
padding-top: 0;
}

}

}
Loading

0 comments on commit 75dcf76

Please sign in to comment.