TrizTech/ohif-viewer
17
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LT-342: Audit Log :: style

Browse Source
This commit is contained in:
Leonardo Campos committed 2016-11-22 13:10:02 -02:00
1 parent 59e54f1122
commit a8f1b3b9d7
8 files changed
+279 -172
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Packages/hipaa-audit-log/components/hipaaAuditLog/hipaaAuditLog.html
+33 -16
View File
@@ -1,6 +1,3 @@
<template name="hipaaAuditLog">
<ul id="hipaaAuditLog" class="list-group">
{{#each hipaaAudit}}
@@ -13,7 +10,9 @@
{{#if logMessageType 'init'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-gears fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-gears fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
<span class="userName" style="{{getHighlightColor}}">{{userName}}</span> initialized HIPAA Audit Log.
@@ -26,7 +25,9 @@
{{#if logMessageType 'access'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-database fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-database fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
<span class="userName" style="{{getHighlightColor}}">{{userName}}</span> accessed record(s) <span class="mongoRecordId" style="{{getHighlightColor}}">{{getRecordId}}</span> in the <span class="collectionName" style="{{getHighlightColor}}">{{getCollectionName}}</span> collection.
@@ -39,7 +40,9 @@
{{#if logMessageType 'create'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-plus-circle fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-plus-circle fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
{{#if hasPatientInfo}}
@@ -56,7 +59,9 @@
{{#if logMessageType 'modify'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-pencil fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-pencil fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
{{#if hasPatientInfo}}
@@ -74,7 +79,9 @@
{{#if logMessageType 'clone'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-code-fork fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-code-fork fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
<span class="userName" style="{{getHighlightColor}}">{{userName}}</span> cloned record <span class="mongoRecordId" style="{{getHighlightColor}}">{{getRecordId}}</span> in the <span class="collectionName" style="{{getHighlightColor}}">{{getCollectionName}}</span> collection.
@@ -87,7 +94,9 @@
{{#if logMessageType 'delete'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-minus-circle fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-minus-circle fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
<span class="userName" style="{{getHighlightColor}}">{{userName}}</span> deleted record <span class="mongoRecordId" style="{{getHighlightColor}}">{{getRecordId}}</span> in the <span class="collectionName" style="{{getHighlightColor}}">{{getCollectionName}}</span> collection.
@@ -100,7 +109,9 @@
{{#if logMessageType 'denied'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-warning fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-warning fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
<span class="userName" style="{{getHighlightColor}}">{{userName}}</span> was denied access to record <span class="mongoRecordId" style="{{getHighlightColor}}">{{getRecordId}}</span> in the <span class="collectionName" style="{{getHighlightColor}}">{{getCollectionName}}</span> collection.
@@ -113,7 +124,9 @@
{{#if logMessageType 'viewed'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-eye fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-eye fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
{{#if hasPatientInfo}}
@@ -130,7 +143,9 @@
{{#if logMessageType 'publish'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-rss fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-rss fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
<span class="userName" style="{{getHighlightColor}}">{{userName}}</span> published record <span class="mongoRecordId" style="{{getHighlightColor}}">{{getRecordId}}</span> in the <span class="collectionName" style="{{getHighlightColor}}">{{getCollectionName}}</span> collection.
@@ -143,7 +158,9 @@
{{#if logMessageType 'unpublish'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-circle-o fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-circle-o fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
<span class="userName" style="{{getHighlightColor}}">{{userName}}</span> unpublished record <span class="mongoRecordId" style="{{getHighlightColor}}">{{getRecordId}}</span> in the <span class="collectionName" style="{{getHighlightColor}}">{{getCollectionName}}</span> collection.
@@ -156,16 +173,16 @@
{{#if logMessageType 'error'}}
<li class="hipaaAuditItem list-group-item">
<div class="media">
<i class="pull-left fa fa-bomb fa-2x lightgray"></i>
<div class="media-icon">
<i class="fa fa-bomb fa-2x"></i>
</div>
<div class="media-body">
<span class="small gray">{{entryTimestamp}}</span><br>
<span class="userName" style="{{getHighlightColor}}">{{userName}}</span> received a data access error while performing an action!<br>
<span class="error">{{getErrorMessage}}</span>
</div>
</div>
</li>
{{/if}}
</template>
Packages/hipaa-audit-log/components/hipaaAuditLog/hipaaAuditLog.less
+35 -65
View File
@@ -1,78 +1,48 @@
#hipaaAuditLog{
padding-left: 0px !important;
color: #fff;
width: 100%;
li{
.hipaaAuditItem {
// There's a CSS rule on ohif-user-management that's changing the .hipaaAuditItem border style
border: none !important;
background-color: black;
list-style: none;
padding-top: 5px;
padding-left: 20px;
padding-left: 10px;
line-height: 25px;
border-top: 1px solid #436270;
border-bottom: 1px solid #436270;
&:nth-child(even) {
background-color: #151a1f;
}
&:hover, &:active, &.active {
background-color: #2c363f;
color: white;
}
.item-icon {
top: 12px;
position: relative;
}
.media-icon {
float: left;
top: 12px;
width: 40px;
text-align: center;
position: relative;
margin-right: 10px;
}
}
.gray{
color: gray;
}
.lightgray{
color: #aaaaaa;
}
.iconColumn{
width: 10%;
}
.messageClumn{
width: 80%;
}
.fa{
padding-right: 12px;
padding-left: 4px;
padding-top: 6px;
width: 40px;
//border: 1px solid orange;
}
.fa-recycle{
padding-top: 8px;
}
.fa-plus-circle{
padding-left: 6px !important;
}
.fa-circle-o{
padding-left: 6px !important;
}
.fa-minus-circle{
padding-left: 6px !important;
}
.fa-database{
padding-left: 7px !important;
}
.fa-pencil{
padding-left: 6px !important;
}
.fa-code-fork{
padding-left: 12px !important;
}
.fa-warning{
padding-left: 5px !important
}
.fa-rss{
padding-left: 7px !important;
}
.hipaaAuditItem{
border-top: 1px solid lightgray;
padding-bottom: 10px;
}
.hipaaAuditItem:nth-child(1){
border-top: 0px;
}
.media-body{
padding-bottom: 5px;
}
#hipaaAuditLog{
width: 100%;
}
.userName, .patientName, .mongoRecordId, .collectionName{
cursor: pointer;
}
}