mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
Remove appfest related content
This commit is contained in:
Denys Vuika
parent
08ed283e64
commit
4a0c6e6e29
@ -1,49 +0,0 @@
|
|||||||
.upload-border {
|
|
||||||
position: relative;
|
|
||||||
height: 200px;
|
|
||||||
width: 200px;
|
|
||||||
padding: 5px 5px
|
|
||||||
}
|
|
||||||
|
|
||||||
.drag-area {
|
|
||||||
width: 200px;
|
|
||||||
height: 100px;
|
|
||||||
border: 1px solid #888888;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-cell{
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
border-radius: 50px;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
margin-left: -50px;
|
|
||||||
border: 3px #1c597f solid;
|
|
||||||
z-index: 99;
|
|
||||||
margin-top: 45px;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-title-details{
|
|
||||||
background-color: #1c597f;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-details {
|
|
||||||
margin: auto;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-image-wrap{
|
|
||||||
background-color: #1c597f;
|
|
||||||
text-align: center;
|
|
||||||
height: 60px;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.upload-photo-button{
|
|
||||||
text-align: center;
|
|
||||||
height: 50px;
|
|
||||||
margin-top: 35px;
|
|
||||||
}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<div class="mdl-card__title title container-title-details">
|
|
||||||
<h2 class="mdl-card__title-text title-details">Create Patient</h2>
|
|
||||||
</div>
|
|
||||||
<div class="user-image-wrap">
|
|
||||||
<img class="image-cell"
|
|
||||||
src="{{imgSrc}}">
|
|
||||||
</div>
|
|
||||||
<div class="upload-photo-button">
|
|
||||||
<alfresco-upload-button [showUdoNotificationBar]="true"
|
|
||||||
[uploaddirectory]="'Shared'"
|
|
||||||
[currentFolderPath]="'Shared'"
|
|
||||||
[uploadFolders]="false"
|
|
||||||
[multipleFiles]="false"
|
|
||||||
[acceptedFilesType]="'.jpg,.gif,.png,.svg'"
|
|
||||||
[staticTitle]="'Upload Picture'"
|
|
||||||
(onSuccess)="fileUploaded($event)">
|
|
||||||
</alfresco-upload-button>
|
|
||||||
</div>
|
|
||||||
<activiti-form [formName]="'Health_User_Form'" (saveOption)='saveMetadata($event)' [data]="metadata" [showTitle]="false"
|
|
||||||
[showRefreshButton]="false" ></activiti-form>
|
|
||||||
@ -1,101 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @license
|
|
||||||
* Copyright 2016 Alfresco Software, Ltd.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Component } from '@angular/core';
|
|
||||||
import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core';
|
|
||||||
import { FormService, ActivitiForm } from 'ng2-activiti-form';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
import { NotificationService } from '../../services/notification.service';
|
|
||||||
import { ALFRESCO_ULPOAD_COMPONENTS } from 'ng2-alfresco-upload';
|
|
||||||
|
|
||||||
declare let __moduleName: string;
|
|
||||||
declare let AlfrescoApi: any;
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
moduleId: __moduleName,
|
|
||||||
selector: 'createpatient-component',
|
|
||||||
templateUrl: './createpatient.component.html',
|
|
||||||
styleUrls: ['./createpatient.component.css'],
|
|
||||||
providers: [FormService],
|
|
||||||
directives: [ALFRESCO_ULPOAD_COMPONENTS, ActivitiForm]
|
|
||||||
})
|
|
||||||
export class CreatePatientComponent {
|
|
||||||
|
|
||||||
currentPath: string = '/Sites/swsdp/documentLibrary';
|
|
||||||
|
|
||||||
metadata: any = {};
|
|
||||||
|
|
||||||
photoNode: string = "";
|
|
||||||
|
|
||||||
imgSrc: string = "app/img/anonymous.gif";
|
|
||||||
|
|
||||||
constructor(private authService: AlfrescoAuthenticationService, private router: Router,
|
|
||||||
private notificationService: NotificationService,
|
|
||||||
private alfrescoSettingsService: AlfrescoSettingsService) {
|
|
||||||
}
|
|
||||||
|
|
||||||
public fileUploaded(data) {
|
|
||||||
if (data && data.value) {
|
|
||||||
this.photoNode = data.value.entry.id;
|
|
||||||
this.imgSrc = this.alfrescoSettingsService.ecmHost + '/alfresco/api/-default-/public/alfresco/versions/1/nodes/' + data.value.entry.id + '/content?attachment=false';
|
|
||||||
console.log(this.photoNode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
saveMetadata(data: any) {
|
|
||||||
let name = '';
|
|
||||||
if (!this.photoNode) {
|
|
||||||
name = this.generateUuid();
|
|
||||||
} else {
|
|
||||||
name = this.photoNode;
|
|
||||||
}
|
|
||||||
|
|
||||||
let body = {
|
|
||||||
name: name,
|
|
||||||
nodeType: 'hc:patientFolder',
|
|
||||||
properties: {},
|
|
||||||
relativePath: this.currentPath
|
|
||||||
};
|
|
||||||
|
|
||||||
for (var key in data) {
|
|
||||||
if (data[key]) {
|
|
||||||
body.properties['hc:' + key] = data[key];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
let opts = {};
|
|
||||||
|
|
||||||
let self = this;
|
|
||||||
this.authService.getAlfrescoApi().nodes.addNode('-root-', body, opts).then(
|
|
||||||
(data) => {
|
|
||||||
console.log('The folder created', data);
|
|
||||||
self.router.navigate(['/patients']);
|
|
||||||
this.notificationService.sendNotification('User Created');
|
|
||||||
},
|
|
||||||
(err) => {
|
|
||||||
window.alert('See console output for error details');
|
|
||||||
console.log(err);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
private generateUuid() {
|
|
||||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
||||||
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
|
|
||||||
return v.toString(16);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @license
|
|
||||||
* Copyright 2016 Alfresco Software, Ltd.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export class PatientModel {
|
|
||||||
folderName: string;
|
|
||||||
firstName: string;
|
|
||||||
lastName: string;
|
|
||||||
doctor: string;
|
|
||||||
}
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
.image-cell{
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
border-radius: 50px;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
margin-left: -50px;
|
|
||||||
border: 3px #1c597f solid;
|
|
||||||
z-index: 99;
|
|
||||||
margin-top: 45px;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-title-details{
|
|
||||||
background-color: #1c597f;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-details {
|
|
||||||
margin: auto;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-image-wrap{
|
|
||||||
background-color: #1c597f;
|
|
||||||
text-align: center;
|
|
||||||
height: 60px;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
<div class="mdl-card__title title container-title-details">
|
|
||||||
<h2 class="mdl-card__title-text title-details">Patient Details</h2>
|
|
||||||
</div>
|
|
||||||
<div class="user-image-wrap">
|
|
||||||
<img class="image-cell"
|
|
||||||
src="{{alfrescoSettingsService.ecmHost}}/alfresco/api/-default-/public/alfresco/versions/1/nodes/{{photoNodeId}}/content?attachment=false&alf_ticket={{ticket}}">
|
|
||||||
</div>
|
|
||||||
<activiti-form
|
|
||||||
[readOnly]="true"
|
|
||||||
[formName]="'Health_User_Form'"
|
|
||||||
[data]="metadata"
|
|
||||||
[showTitle]="false"
|
|
||||||
[showRefreshButton]="false">
|
|
||||||
</activiti-form>
|
|
||||||
@ -1,82 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @license
|
|
||||||
* Copyright 2016 Alfresco Software, Ltd.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Component, OnInit, OnDestroy } from '@angular/core';
|
|
||||||
import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core';
|
|
||||||
import { FormService, ActivitiForm } from 'ng2-activiti-form';
|
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
|
||||||
import { Subscription } from 'rxjs/Rx';
|
|
||||||
|
|
||||||
declare let __moduleName: string;
|
|
||||||
declare let AlfrescoApi: any;
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
moduleId: __moduleName,
|
|
||||||
selector: 'patient-details',
|
|
||||||
templateUrl: './patientdetails.component.html',
|
|
||||||
styleUrls: ['./patientdetails.component.css'],
|
|
||||||
providers: [FormService],
|
|
||||||
directives: [ActivitiForm]
|
|
||||||
})
|
|
||||||
export class PatientDetailsComponent implements OnInit, OnDestroy {
|
|
||||||
|
|
||||||
private sub: Subscription;
|
|
||||||
|
|
||||||
currentPath: string = '/Sites/swsdp/documentLibrary';
|
|
||||||
|
|
||||||
metadata: any = {};
|
|
||||||
|
|
||||||
nodeId: string;
|
|
||||||
|
|
||||||
photoNodeId: string;
|
|
||||||
|
|
||||||
ticket: string = localStorage.getItem('ticket-ECM');
|
|
||||||
|
|
||||||
constructor(private route: ActivatedRoute,
|
|
||||||
private router: Router,
|
|
||||||
private authService: AlfrescoAuthenticationService,
|
|
||||||
public alfrescoSettingsService: AlfrescoSettingsService) {
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.sub = this.route.params.subscribe(params => {
|
|
||||||
this.retriveNodeMetadataFromEcm(params['id']);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnDestroy() {
|
|
||||||
if (this.sub) {
|
|
||||||
this.sub.unsubscribe();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private retriveNodeMetadataFromEcm(nodeId: string): void{
|
|
||||||
var self = this;
|
|
||||||
this.nodeId = nodeId;
|
|
||||||
this.authService.getAlfrescoApi().nodes.getNodeInfo(this.nodeId).then(function (data) {
|
|
||||||
console.log(data.properties);
|
|
||||||
self.photoNodeId = data.name;
|
|
||||||
for (var key in data.properties) {
|
|
||||||
console.log(key + ' => ' + data[key]);
|
|
||||||
self.metadata [key.replace('hc:','')] = data.properties[key];
|
|
||||||
}
|
|
||||||
|
|
||||||
}, function (error) {
|
|
||||||
console.log('This node does not exist');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,72 +0,0 @@
|
|||||||
.container {
|
|
||||||
/*margin: 10px;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 640px) {
|
|
||||||
.container {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.patients-debug-container {
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.patients-debug-container .debug-toggle-text {
|
|
||||||
padding-left: 15px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.patients-debug-container .debug-toggle-text:hover {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
alfresco-document-list >>> .image-cell {
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
cursor: default;
|
|
||||||
border: 2px solid #aaaaaa;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
alfresco-document-list >>> .mdl-data-table {
|
|
||||||
border: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-cell{
|
|
||||||
background-color: #ffffff;
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
border-radius: 50px;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
top: 17px;
|
|
||||||
margin-left: -50px;
|
|
||||||
border: 3px #1c597f solid;
|
|
||||||
z-index: 99;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-title-details{
|
|
||||||
background-color: #1c597f;
|
|
||||||
color: #ffffff;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-details {
|
|
||||||
margin: auto;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-image-wrap{
|
|
||||||
background-color: #1c597f;
|
|
||||||
text-align: center;
|
|
||||||
height: 64px;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 840px) {
|
|
||||||
#tags {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,218 +0,0 @@
|
|||||||
<div class="mdl-grid">
|
|
||||||
<div class="mdl-cell mdl-cell--2-col mdl-shadow--2dp" id="tags">
|
|
||||||
<div class="mdl-card__title title container-title-details">
|
|
||||||
<h2 class="mdl-card__title-text title-details">Tags</h2>
|
|
||||||
</div>
|
|
||||||
<ul class="mdl-list">
|
|
||||||
<li *ngFor="let filter of tagFilters" class="mdl-list__item">
|
|
||||||
<span class="mdl-list__item-primary-content">
|
|
||||||
<label [attr.for]="'chk-' + filter.id"
|
|
||||||
class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect"
|
|
||||||
[class.is-checked]="filter.isSelected">
|
|
||||||
<input type="checkbox"
|
|
||||||
[attr.id]="'chk-' + filter.id"
|
|
||||||
class="mdl-checkbox__input"
|
|
||||||
[(ngModel)]="filter.isSelected"
|
|
||||||
(change)="onFilterChanged($event)">
|
|
||||||
<span class="mdl-checkbox__label">{{filter.tag}}</span>
|
|
||||||
</label>
|
|
||||||
</span>
|
|
||||||
<!--<span class="mdl-list__item-secondary-action">(0)</span>-->
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="mdl-cell mdl-shadow--2dp"
|
|
||||||
[class.mdl-cell--10-col]="!selectedNodeProperties"
|
|
||||||
[class.mdl-cell--8-col]="selectedNodeProperties">
|
|
||||||
<div style="padding-bottom: 4px;">
|
|
||||||
<button
|
|
||||||
class="mdl-button mdl-js-button mdl-button--icon"
|
|
||||||
(click)="documentList.currentFolderPath = '/Sites/swsdp/documentLibrary';">
|
|
||||||
<i class="material-icons">home</i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
<alfresco-upload-drag-area
|
|
||||||
[showUploadDialog]="true"
|
|
||||||
[currentFolderPath]="currentPath"
|
|
||||||
[uploaddirectory]=""
|
|
||||||
(onSuccess)="documentList.reload()">
|
|
||||||
<alfresco-document-list
|
|
||||||
#documentList
|
|
||||||
[currentFolderPath]="currentPath"
|
|
||||||
[contextMenuActions]="true"
|
|
||||||
[contentActions]="true"
|
|
||||||
[rowFilter]="tagFilter"
|
|
||||||
[imageResolver]="folderImageResolver"
|
|
||||||
(preview)="showFile($event)"
|
|
||||||
(folderChange)="onFolderChanged($event)"
|
|
||||||
(nodeClick)="onNodeClicked($event)">
|
|
||||||
<empty-folder-content>
|
|
||||||
<template>
|
|
||||||
<div style="text-align: center">
|
|
||||||
<h2>No patient data available.</h2>
|
|
||||||
<p>
|
|
||||||
<img src="/app/img/users.png" style="width: 200px;">
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</empty-folder-content>
|
|
||||||
<!--
|
|
||||||
<content-columns>
|
|
||||||
<content-column key="name" type="image"></content-column>
|
|
||||||
<content-column
|
|
||||||
title="First Name"
|
|
||||||
key="properties.hc:firstName"
|
|
||||||
sortable="true"
|
|
||||||
class="desktop-only">
|
|
||||||
</content-column>
|
|
||||||
<content-column
|
|
||||||
title="Last Name"
|
|
||||||
key="properties.hc:lastName"
|
|
||||||
sortable="true"
|
|
||||||
class="desktop-only">
|
|
||||||
</content-column>
|
|
||||||
<content-column
|
|
||||||
title="Doctor"
|
|
||||||
key="properties.hc:doctor"
|
|
||||||
sortable="true"
|
|
||||||
class="desktop-only">
|
|
||||||
</content-column>
|
|
||||||
<content-column
|
|
||||||
title="{{'DOCUMENT_LIST.COLUMNS.CREATED_ON' | translate}}"
|
|
||||||
key="createdAt"
|
|
||||||
type="date"
|
|
||||||
format="shortDate"
|
|
||||||
sortable="true"
|
|
||||||
class="desktop-only">
|
|
||||||
</content-column>
|
|
||||||
</content-columns>
|
|
||||||
-->
|
|
||||||
<content-actions>
|
|
||||||
<!-- folder actions -->
|
|
||||||
<content-action
|
|
||||||
target="folder"
|
|
||||||
title="View details"
|
|
||||||
(execute)="patientDetails($event)">
|
|
||||||
</content-action>
|
|
||||||
<content-action *ngIf="isAdmin()"
|
|
||||||
target="folder"
|
|
||||||
title="Schedule an appointment"
|
|
||||||
(execute)="scheduleAppointment($event)">
|
|
||||||
</content-action>
|
|
||||||
<content-action target="folder"
|
|
||||||
title="Add tag"
|
|
||||||
(execute)="addTag($event)">
|
|
||||||
</content-action>
|
|
||||||
<content-action *ngIf="isAdmin()"
|
|
||||||
target="folder"
|
|
||||||
title="{{'DOCUMENT_LIST.ACTIONS.FOLDER.DELETE' | translate}}"
|
|
||||||
handler="delete">
|
|
||||||
</content-action>
|
|
||||||
<!-- document actions -->
|
|
||||||
<content-action
|
|
||||||
target="document"
|
|
||||||
title="{{'DOCUMENT_LIST.ACTIONS.DOCUMENT.DOWNLOAD' | translate}}"
|
|
||||||
handler="download">
|
|
||||||
</content-action>
|
|
||||||
<content-action *ngIf="isAdmin()"
|
|
||||||
target="document"
|
|
||||||
title="{{'DOCUMENT_LIST.ACTIONS.DOCUMENT.DELETE' | translate}}"
|
|
||||||
handler="delete">
|
|
||||||
</content-action>
|
|
||||||
</content-actions>
|
|
||||||
</alfresco-document-list>
|
|
||||||
<alfresco-pagination
|
|
||||||
[provider]="documentList.data"
|
|
||||||
[supportedPageSizes]="[5, 10, 15, 20]">
|
|
||||||
</alfresco-pagination>
|
|
||||||
</alfresco-upload-drag-area>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="selectedNodeProperties" class="mdl-cell mdl-cell--2-col mdl-shadow--2dp">
|
|
||||||
<div class="user-image-wrap">
|
|
||||||
<img _ngcontent-ksd-12="" class="image-cell" onerror="this.onerror=null;this.src='app/img/anonymous.gif';"
|
|
||||||
[src]="detailsAvatarImage">
|
|
||||||
</div>
|
|
||||||
<ul class="mdl-list">
|
|
||||||
<li *ngFor="let prop of selectedNodeProperties" class="mdl-list__item mdl-list__item--two-line">
|
|
||||||
<span class="mdl-list__item-primary-content">
|
|
||||||
<span [title]="prop.fullName">{{prop.name}}</span>
|
|
||||||
<span class="mdl-list__item-sub-title">{{prop.value}}</span>
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Example for creating a custom folder type with properties -->
|
|
||||||
<!--
|
|
||||||
<div class="mdl-grid">
|
|
||||||
<div class="md-cell mdl-cell--12-col">
|
|
||||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
|
||||||
<input class="mdl-textfield__input" type="text" id="patient-folderName" [(ngModel)]="newPatient.folderName">
|
|
||||||
<label class="mdl-textfield__label" for="patient-folderName">Folder Name</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="md-cell mdl-cell--12-col">
|
|
||||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
|
||||||
<input class="mdl-textfield__input" type="text" id="patient-firstName" [(ngModel)]="newPatient.firstName">
|
|
||||||
<label class="mdl-textfield__label" for="patient-firstName">First Name</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="md-cell mdl-cell--12-col">
|
|
||||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
|
||||||
<input class="mdl-textfield__input" type="text" id="patient-lastName" [(ngModel)]="newPatient.lastName">
|
|
||||||
<label class="mdl-textfield__label" for="patient-lastName">Last Name</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="md-cell mdl-cell--12-col">
|
|
||||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
|
||||||
<input class="mdl-textfield__input" type="text" id="patient-doctor" [(ngModel)]="newPatient.doctor">
|
|
||||||
<label class="mdl-textfield__label" for="patient-doctor">Doctor</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mdl-cell mdl-cell--12-col">
|
|
||||||
<button
|
|
||||||
class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect"
|
|
||||||
(click)="onCreateNewPatientClick()">
|
|
||||||
Create Patient
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
|
|
||||||
<dialog class="mdl-dialog">
|
|
||||||
<h4 class="mdl-dialog__title">Set Tags</h4>
|
|
||||||
<div class="mdl-dialog__content">
|
|
||||||
<div class="md-cell mdl-cell--12-col">
|
|
||||||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
|
||||||
<input class="mdl-textfield__input" type="text" id="node-tags" >
|
|
||||||
<label class="mdl-textfield__label" for="node-tags">Tags</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="mdl-dialog__actions">
|
|
||||||
<button type="button" class="mdl-button save">Save</button>
|
|
||||||
<button type="button" class="mdl-button close">Close</button>
|
|
||||||
</div>
|
|
||||||
</dialog>
|
|
||||||
|
|
||||||
<!--
|
|
||||||
For debugging and data visualisation purposes,
|
|
||||||
will be removed during future revisions
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
||||||
<context-menu-holder></context-menu-holder>
|
|
||||||
|
|
||||||
<alfresco-viewer [(showViewer)]="fileShowed"
|
|
||||||
[urlFile]="urlFile"
|
|
||||||
[fileName]="fileName"
|
|
||||||
[mimeType]="mimeType"
|
|
||||||
[overlayMode]="true">
|
|
||||||
<div class="mdl-spinner mdl-js-spinner is-active"></div>
|
|
||||||
</alfresco-viewer>
|
|
||||||
|
|
||||||
<file-uploading-dialog #fileDialog></file-uploading-dialog>
|
|
||||||
@ -1,402 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @license
|
|
||||||
* Copyright 2016 Alfresco Software, Ltd.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Component, OnInit, ViewChild, ChildNode } from '@angular/core';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
import {
|
|
||||||
PaginationComponent,
|
|
||||||
DataColumn,
|
|
||||||
DataRow,
|
|
||||||
ObjectDataColumn
|
|
||||||
} from 'ng2-alfresco-datatable';
|
|
||||||
import {
|
|
||||||
DOCUMENT_LIST_DIRECTIVES,
|
|
||||||
DOCUMENT_LIST_PROVIDERS,
|
|
||||||
DocumentList,
|
|
||||||
ShareDataRow,
|
|
||||||
RowFilter,
|
|
||||||
MinimalNodeEntity,
|
|
||||||
ImageResolver
|
|
||||||
} from 'ng2-alfresco-documentlist';
|
|
||||||
import {
|
|
||||||
MDL,
|
|
||||||
AlfrescoContentService,
|
|
||||||
CONTEXT_MENU_DIRECTIVES,
|
|
||||||
AlfrescoPipeTranslate,
|
|
||||||
AlfrescoSettingsService
|
|
||||||
} from 'ng2-alfresco-core';
|
|
||||||
import { ALFRESCO_ULPOAD_COMPONENTS } from 'ng2-alfresco-upload';
|
|
||||||
import { VIEWERCOMPONENT } from 'ng2-alfresco-viewer';
|
|
||||||
import { FormService } from 'ng2-activiti-form';
|
|
||||||
import { PatientModel } from './patient.model';
|
|
||||||
import { TagModel, TagCache, TagFilter } from './tag.model';
|
|
||||||
import { TagService } from './tag.service';
|
|
||||||
|
|
||||||
declare let __moduleName: string;
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
moduleId: __moduleName,
|
|
||||||
selector: 'patients-component',
|
|
||||||
templateUrl: './patients.component.html',
|
|
||||||
styleUrls: ['./patients.component.css'],
|
|
||||||
directives: [
|
|
||||||
DOCUMENT_LIST_DIRECTIVES,
|
|
||||||
MDL,
|
|
||||||
ALFRESCO_ULPOAD_COMPONENTS,
|
|
||||||
VIEWERCOMPONENT,
|
|
||||||
CONTEXT_MENU_DIRECTIVES,
|
|
||||||
PaginationComponent
|
|
||||||
],
|
|
||||||
providers: [DOCUMENT_LIST_PROVIDERS, FormService, TagService],
|
|
||||||
pipes: [AlfrescoPipeTranslate]
|
|
||||||
})
|
|
||||||
export class PatientsComponent implements OnInit {
|
|
||||||
|
|
||||||
private DEFAULT_PATH: string = '/Sites/swsdp/documentLibrary';
|
|
||||||
|
|
||||||
currentPath: string = this.DEFAULT_PATH;
|
|
||||||
|
|
||||||
urlFile: string;
|
|
||||||
fileName: string;
|
|
||||||
mimeType: string;
|
|
||||||
fileShowed: boolean = false;
|
|
||||||
|
|
||||||
acceptedFilesType: string = '.jpg,.pdf,.js';
|
|
||||||
|
|
||||||
@ViewChild(DocumentList)
|
|
||||||
documentList: DocumentList;
|
|
||||||
|
|
||||||
newPatient: PatientModel;
|
|
||||||
debugMode: boolean = false;
|
|
||||||
|
|
||||||
tags: TagCache = {};
|
|
||||||
tagFilters: TagFilter[] = [];
|
|
||||||
selectedNode: MinimalNodeEntity;
|
|
||||||
selectedNodeProperties: NodePropertyModel[] = [];
|
|
||||||
selectedNodePropertiesName: string;
|
|
||||||
tagFilter: RowFilter;
|
|
||||||
folderImageResolver: ImageResolver;
|
|
||||||
ticket: string = localStorage.getItem('ticket-ECM');
|
|
||||||
ecmHost: string;
|
|
||||||
detailsAvatarImage: string;
|
|
||||||
isVisitFolder: boolean = false;
|
|
||||||
private patientLayout: DataColumn[] = [];
|
|
||||||
private fileLayout: DataColumn[] = [];
|
|
||||||
emptyimgSrc: string = "app/img/anonymous.gif";
|
|
||||||
|
|
||||||
constructor(private contentService: AlfrescoContentService,
|
|
||||||
private router: Router,
|
|
||||||
private tagService: TagService,
|
|
||||||
private alfrescoSettingsService: AlfrescoSettingsService) {
|
|
||||||
this.newPatient = new PatientModel();
|
|
||||||
this.ecmHost = alfrescoSettingsService.ecmHost;
|
|
||||||
this.tagFilter = (row: ShareDataRow) => {
|
|
||||||
let selectedTags = this.tagFilters
|
|
||||||
.filter(f => f.isSelected)
|
|
||||||
.map(f => f.id);
|
|
||||||
|
|
||||||
if (selectedTags.length > 0) {
|
|
||||||
let properties = row.node.entry.properties;
|
|
||||||
if (properties) {
|
|
||||||
let tags = properties['cm:taggable'];
|
|
||||||
if (tags && tags instanceof Array && tags.length > 0) {
|
|
||||||
|
|
||||||
let result = false;
|
|
||||||
|
|
||||||
for (let i = 0; i < selectedTags.length; i++) {
|
|
||||||
if (tags.indexOf(selectedTags[i]) > -1) {
|
|
||||||
result = true;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
|
|
||||||
this.folderImageResolver = (row: DataRow, col: DataColumn) => {
|
|
||||||
let isFolder = <boolean> row.getValue('isFolder');
|
|
||||||
if (isFolder) {
|
|
||||||
let value = row.getValue(col.key);
|
|
||||||
return this.alfrescoSettingsService.ecmHost + `/alfresco/api/-default-/public/alfresco/versions/1/nodes/` +
|
|
||||||
value + '/content?attachment=false&alf_ticket=' + this.ticket;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
};
|
|
||||||
|
|
||||||
this.patientLayout = this.getPatientLayout();
|
|
||||||
this.fileLayout = this.getFileLayout();
|
|
||||||
}
|
|
||||||
|
|
||||||
isAdmin() {
|
|
||||||
if (localStorage.getItem(`username`) === 'admin') {
|
|
||||||
return true;
|
|
||||||
} else {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
resetFilters() {
|
|
||||||
if (this.tagFilters && this.tagFilters.length > 0) {
|
|
||||||
this.tagFilters.map(f => f.isSelected = false);
|
|
||||||
this.documentList.reload();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
patientDetails(event: any) {
|
|
||||||
this.router.navigate(['/patientdetails', event.value.entry.id]);
|
|
||||||
}
|
|
||||||
|
|
||||||
showFile(event) {
|
|
||||||
if (event.value.entry.isFile) {
|
|
||||||
this.fileName = event.value.entry.name;
|
|
||||||
this.mimeType = event.value.entry.content.mimeType;
|
|
||||||
this.urlFile = this.contentService.getContentUrl(event.value);
|
|
||||||
this.fileShowed = true;
|
|
||||||
} else {
|
|
||||||
this.fileShowed = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onFolderChanged(event?: any) {
|
|
||||||
if (event) {
|
|
||||||
this.selectedNode = null;
|
|
||||||
this.selectedNodeProperties = null;
|
|
||||||
|
|
||||||
|
|
||||||
this.currentPath = event.path;
|
|
||||||
this.loadTags();
|
|
||||||
if (this.currentPath === this.DEFAULT_PATH) {
|
|
||||||
this.folderImageResolver = (row: DataRow, col: DataColumn) => {
|
|
||||||
let isFolder = <boolean> row.getValue('isFolder');
|
|
||||||
if (isFolder) {
|
|
||||||
let value = row.getValue(col.key);
|
|
||||||
return this.alfrescoSettingsService.ecmHost + `/alfresco/api/-default-/public/alfresco/versions/1/nodes/` +
|
|
||||||
value + '/content?attachment=false&alf_ticket=' + this.ticket;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
};
|
|
||||||
this.documentList.data.setColumns(this.patientLayout);
|
|
||||||
this.isVisitFolder = false;
|
|
||||||
} else {
|
|
||||||
this.documentList.data.setColumns(this.fileLayout);
|
|
||||||
this.folderImageResolver = (row: DataRow, col: DataColumn) => {
|
|
||||||
return 'app/img/checklist.svg';
|
|
||||||
};
|
|
||||||
this.isVisitFolder = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
// this.loadTags();
|
|
||||||
}
|
|
||||||
|
|
||||||
onNodeClicked(event?: any) {
|
|
||||||
console.log(event);
|
|
||||||
if (event && event.value) {
|
|
||||||
this.selectedNodeProperties = null;
|
|
||||||
this.selectedNode = <MinimalNodeEntity> event.value;
|
|
||||||
this.selectedNodePropertiesName = event.value.entry.name;
|
|
||||||
if(this.isVisitFolder){
|
|
||||||
this.detailsAvatarImage = 'app/img/checklist.svg';
|
|
||||||
}else{
|
|
||||||
this.detailsAvatarImage = this.ecmHost + '/alfresco/api/-default-/public/alfresco/versions/1/nodes/' + this.selectedNodePropertiesName + '/content?attachment=false&alf_ticket=' + this.ticket;
|
|
||||||
}
|
|
||||||
if (this.selectedNode) {
|
|
||||||
this.selectedNodeProperties = this.getNodeProperties(this.selectedNode);
|
|
||||||
console.log(this.selectedNodeProperties);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onFilterChanged(event) {
|
|
||||||
setTimeout(() => {
|
|
||||||
this.documentList.reload();
|
|
||||||
}, 500);
|
|
||||||
}
|
|
||||||
|
|
||||||
addTag(event){
|
|
||||||
let self = this;
|
|
||||||
let nodeId = event.value.entry.id;
|
|
||||||
let dialog = document.querySelector('dialog');
|
|
||||||
if (! dialog.showModal) {
|
|
||||||
dialogPolyfill.registerDialog(dialog);
|
|
||||||
}
|
|
||||||
dialog.showModal();
|
|
||||||
dialog.querySelector('.close').addEventListener('click', function() {
|
|
||||||
dialog.close();
|
|
||||||
});
|
|
||||||
dialog.querySelector('.save').addEventListener('click', function() {
|
|
||||||
self.setNodeTags(nodeId, dialog.querySelector('#node-tags').value);
|
|
||||||
dialog.close();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
setNodeTags(nodeId: string, value: string) {
|
|
||||||
if (nodeId && value) {
|
|
||||||
let tags = value.split(',').map(val => {
|
|
||||||
return {
|
|
||||||
tag: val.trim()
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
this.tagService.addTags(nodeId, tags).then(
|
|
||||||
data => {
|
|
||||||
console.log(data);
|
|
||||||
// TODO: share seems to have issues with returning newly created tags
|
|
||||||
// it sometimes takes several seconds for changes to global tags to propagate
|
|
||||||
// and become visible
|
|
||||||
/*
|
|
||||||
this.getTags().then(
|
|
||||||
res => {
|
|
||||||
console.log('after tags updated');
|
|
||||||
console.log(res);
|
|
||||||
this.tags = res || [];
|
|
||||||
this.documentList.reload();
|
|
||||||
},
|
|
||||||
this.handleError
|
|
||||||
);
|
|
||||||
*/
|
|
||||||
},
|
|
||||||
this.handleError
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
scheduleAppointment(event?: any) {
|
|
||||||
this.router.navigate(['/startvisit', event.value.entry.id]);
|
|
||||||
}
|
|
||||||
|
|
||||||
private getNodeProperties(node: MinimalNodeEntity): NodePropertyModel[] {
|
|
||||||
let result = [];
|
|
||||||
|
|
||||||
if (node && node.entry && node.entry.properties) {
|
|
||||||
let props = node.entry.properties;
|
|
||||||
Object.keys(props).forEach(key => {
|
|
||||||
result.push(new NodePropertyModel(key, props[key]));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
private loadTags() {
|
|
||||||
this.tagService.getTags().then(
|
|
||||||
(tags: TagModel[]) => {
|
|
||||||
this.tagFilters = tags.map((tag) => new TagFilter(tag.id, tag.tag));
|
|
||||||
tags.forEach(tag => this.tags[tag.id] = tag);
|
|
||||||
},
|
|
||||||
this.handleError
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
private handleError(err) {
|
|
||||||
console.log(err);
|
|
||||||
}
|
|
||||||
|
|
||||||
private getPatientLayout(): DataColumn[] {
|
|
||||||
return [
|
|
||||||
new ObjectDataColumn({
|
|
||||||
key: 'name',
|
|
||||||
type: 'image'
|
|
||||||
}),
|
|
||||||
new ObjectDataColumn({
|
|
||||||
title: 'First Name',
|
|
||||||
key: 'properties.hc:firstName',
|
|
||||||
sortable: true,
|
|
||||||
cssClass: 'desktop-only'
|
|
||||||
}),
|
|
||||||
new ObjectDataColumn({
|
|
||||||
title: 'Last Name',
|
|
||||||
key: 'properties.hc:lastName',
|
|
||||||
sortable: true,
|
|
||||||
cssClass: 'desktop-only'
|
|
||||||
}),
|
|
||||||
new ObjectDataColumn({
|
|
||||||
title: 'Doctor',
|
|
||||||
key: 'properties.hc:doctor',
|
|
||||||
sortable: true,
|
|
||||||
cssClass: 'desktop-only'
|
|
||||||
}),
|
|
||||||
new ObjectDataColumn({
|
|
||||||
title: 'Created On',
|
|
||||||
key: 'createdAt',
|
|
||||||
type: 'date',
|
|
||||||
format: 'shortDate',
|
|
||||||
sortable: true,
|
|
||||||
cssClass: 'desktop-only'
|
|
||||||
})
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
private getFileLayout(): DataColumn[] {
|
|
||||||
return [
|
|
||||||
new ObjectDataColumn({
|
|
||||||
key: '$thumbnail',
|
|
||||||
type: 'image'
|
|
||||||
}),
|
|
||||||
new ObjectDataColumn({
|
|
||||||
title: 'Display Name',
|
|
||||||
key: 'name',
|
|
||||||
sortable: true,
|
|
||||||
cssClass: 'full-width ellipsis-cell'
|
|
||||||
}),
|
|
||||||
new ObjectDataColumn({
|
|
||||||
title: 'Created By',
|
|
||||||
key: 'createdByUser.displayName',
|
|
||||||
sortable: true,
|
|
||||||
cssClass: 'desktop-only'
|
|
||||||
}),
|
|
||||||
new ObjectDataColumn({
|
|
||||||
title: 'Created On',
|
|
||||||
key: 'createdAt',
|
|
||||||
type: 'date',
|
|
||||||
format: 'shortDate',
|
|
||||||
sortable: true,
|
|
||||||
cssClass: 'desktop-only'
|
|
||||||
})
|
|
||||||
];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class NodePropertyModel {
|
|
||||||
|
|
||||||
prefix: string;
|
|
||||||
name: string;
|
|
||||||
value: string;
|
|
||||||
fullName: string;
|
|
||||||
|
|
||||||
constructor(name: string, value: string) {
|
|
||||||
this.fullName = name;
|
|
||||||
this.name = name;
|
|
||||||
if (name) {
|
|
||||||
let idx = name.indexOf(':');
|
|
||||||
if (idx > -1) {
|
|
||||||
this.prefix = name.substring(0, idx);
|
|
||||||
this.name = name.substring(idx + 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.value = value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @license
|
|
||||||
* Copyright 2016 Alfresco Software, Ltd.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export class TagModel {
|
|
||||||
id: string;
|
|
||||||
tag: string;
|
|
||||||
|
|
||||||
constructor(id: string, tag: string) {
|
|
||||||
this.id = id;
|
|
||||||
this.tag = tag;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TagCache {
|
|
||||||
[key: string]: TagModel;
|
|
||||||
}
|
|
||||||
|
|
||||||
export class TagFilter extends TagModel {
|
|
||||||
count: number = 0;
|
|
||||||
isSelected: boolean = false;
|
|
||||||
|
|
||||||
constructor(id: string, tag: string) {
|
|
||||||
super(id, tag);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,49 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @license
|
|
||||||
* Copyright 2016 Alfresco Software, Ltd.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Injectable } from '@angular/core';
|
|
||||||
import { AlfrescoAuthenticationService } from 'ng2-alfresco-core';
|
|
||||||
import { TagModel } from './tag.model';
|
|
||||||
|
|
||||||
@Injectable()
|
|
||||||
export class TagService {
|
|
||||||
|
|
||||||
constructor(private authService: AlfrescoAuthenticationService) {}
|
|
||||||
|
|
||||||
getTags(): Promise<TagModel[]> {
|
|
||||||
return new Promise<TagModel[]>((resolve, reject) => {
|
|
||||||
this.authService.getAlfrescoApi().core.tagsApi.getTags({}).then(
|
|
||||||
data => {
|
|
||||||
let entries = data.list.entries || [];
|
|
||||||
let tags = entries.map(obj => <TagModel> obj.entry);
|
|
||||||
resolve(tags);
|
|
||||||
},
|
|
||||||
err => reject(err)
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
addTags(nodeId: string, tags: { tag: string }[]): Promise<any> {
|
|
||||||
return new Promise<any>((resolve, reject) => {
|
|
||||||
this.authService.getAlfrescoApi().core.tagsApi.addTag(nodeId, tags).then(
|
|
||||||
data => resolve(data),
|
|
||||||
err => reject(err)
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
export interface Process {
|
|
||||||
category: string;
|
|
||||||
deploymentId: string;
|
|
||||||
description: string;
|
|
||||||
hasStartForm: boolean;
|
|
||||||
id: string;
|
|
||||||
key: string;
|
|
||||||
name: string;
|
|
||||||
tenantId: string;
|
|
||||||
version: number;
|
|
||||||
metaDataValues: any[];
|
|
||||||
}
|
|
||||||
@ -1,121 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @license
|
|
||||||
* Copyright 2016 Alfresco Software, Ltd.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Injectable } from '@angular/core';
|
|
||||||
import { Response, Http, Headers, RequestOptions } from '@angular/http';
|
|
||||||
import { Observable } from 'rxjs/Observable';
|
|
||||||
import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core';
|
|
||||||
|
|
||||||
import { Process } from './process.data';
|
|
||||||
|
|
||||||
|
|
||||||
@Injectable()
|
|
||||||
export class ProcessService {
|
|
||||||
|
|
||||||
constructor(private http: Http,
|
|
||||||
private authService: AlfrescoAuthenticationService,
|
|
||||||
private alfrescoSettingsService: AlfrescoSettingsService) {
|
|
||||||
}
|
|
||||||
|
|
||||||
getDeployedApplications(name: string): Observable<Process[]> {
|
|
||||||
let url = `${this.alfrescoSettingsService.bpmHost}/activiti-app/api/enterprise/runtime-app-definitions`;
|
|
||||||
let options = this.getRequestOptions();
|
|
||||||
return this.http
|
|
||||||
.get(url, options)
|
|
||||||
.map((response: Response) => response.json().data.find(p => p.name === name))
|
|
||||||
.do(data => console.log('Application: ' + JSON.stringify(data)))
|
|
||||||
.catch(this.handleError);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
getProcessDefinitions(): Observable<Process[]> {
|
|
||||||
let url = `${this.alfrescoSettingsService.bpmHost}/activiti-app/api/enterprise/process-definitions`;
|
|
||||||
let options = this.getRequestOptions();
|
|
||||||
return this.http
|
|
||||||
.get(url, options)
|
|
||||||
.map((response: Response) => <Process[]> response.json())
|
|
||||||
.do(data => console.log('All: ' + JSON.stringify(data)))
|
|
||||||
.catch(this.handleError);
|
|
||||||
}
|
|
||||||
|
|
||||||
getProcessDefinitionByApplication(application: any): Observable<Process> {
|
|
||||||
return this.getProcessDefinitions()
|
|
||||||
.map((processes: Process[]) => <Process> processes.data.find(p => p.deploymentId === application.deploymentId));
|
|
||||||
}
|
|
||||||
|
|
||||||
getStartFormForProcess(processDefinitionId: string): Observable<any> {
|
|
||||||
let url = `${this.alfrescoSettingsService.bpmHost}/activiti-app/api/enterprise/process-definitions/${processDefinitionId}/start-form`;
|
|
||||||
let options = this.getRequestOptions();
|
|
||||||
return this.http
|
|
||||||
.get(url, options)
|
|
||||||
.map((response: Response) => response.json())
|
|
||||||
.catch(this.handleError);
|
|
||||||
}
|
|
||||||
|
|
||||||
startProcessByID(processDefinitionId: string, processName: string): void {
|
|
||||||
let url = `${this.alfrescoSettingsService.bpmHost}/activiti-app/api/enterprise/process-instances`;
|
|
||||||
let options = this.getRequestOptions();
|
|
||||||
let body = JSON.stringify({processDefinitionId: processDefinitionId, name: processName});
|
|
||||||
console.log(body);
|
|
||||||
return this.http
|
|
||||||
.post(url, body, options)
|
|
||||||
.map(this.toJson)
|
|
||||||
.catch(this.handleError);
|
|
||||||
}
|
|
||||||
|
|
||||||
getTaskIdFromProcessID(processDefinitionId: string, appDefinitionId: string, processInstanceId: string): Observable<any> {
|
|
||||||
let url = `${this.alfrescoSettingsService.bpmHost}/activiti-app/api/enterprise/tasks/query`;
|
|
||||||
let options = this.getRequestOptions();
|
|
||||||
let body = JSON.stringify({
|
|
||||||
processDefinitionId: processDefinitionId,
|
|
||||||
appDefinitionId: appDefinitionId,
|
|
||||||
processInstanceId: processInstanceId
|
|
||||||
});
|
|
||||||
console.log(body);
|
|
||||||
return this.http
|
|
||||||
.post(url, body, options)
|
|
||||||
.map(this.toJson)
|
|
||||||
.catch(this.handleError);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
private getHeaders(): Headers {
|
|
||||||
return new Headers({
|
|
||||||
'Accept': 'application/json',
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
'Authorization': this.authService.getTicket('BPM')
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
private getRequestOptions(): RequestOptions {
|
|
||||||
let headers = this.getHeaders();
|
|
||||||
return new RequestOptions({headers: headers});
|
|
||||||
}
|
|
||||||
|
|
||||||
private toJson(res: Response) {
|
|
||||||
let body = res.json();
|
|
||||||
return body || {};
|
|
||||||
}
|
|
||||||
|
|
||||||
private handleError(error: any) {
|
|
||||||
console.log("ERROR");
|
|
||||||
let errMsg = (error.message) ? error.message :
|
|
||||||
error.status ? `${error.status} - ${error.statusText}` : 'Server error';
|
|
||||||
console.error(errMsg);
|
|
||||||
return Observable.throw(errMsg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
.image-cell{
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
border-radius: 50px;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
margin-left: -50px;
|
|
||||||
border: 3px #1c597f solid;
|
|
||||||
z-index: 99;
|
|
||||||
margin-top: 45px;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-title-details{
|
|
||||||
background-color: #1c597f;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-details {
|
|
||||||
margin: auto;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-image-wrap{
|
|
||||||
background-color: #1c597f;
|
|
||||||
text-align: center;
|
|
||||||
height: 60px;
|
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.upload-photo-button{
|
|
||||||
text-align: center;
|
|
||||||
height: 50px;
|
|
||||||
margin-top: 35px;
|
|
||||||
}
|
|
||||||
.wrap-form{
|
|
||||||
margin-top: 35px;
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
<div class="mdl-card__title title container-title-details">
|
|
||||||
<h2 class="mdl-card__title-text title-details">Schedule Appointment</h2>
|
|
||||||
</div>
|
|
||||||
<div class="user-image-wrap">
|
|
||||||
<img class="image-cell"
|
|
||||||
src="app/img/createvisit.jpg">
|
|
||||||
</div>
|
|
||||||
<div class="wrap-form ">
|
|
||||||
<activiti-form [taskId]="taskId" [data]="metadata" [showRefreshButton]="false" (completeOption)='saveData($event)' [showTitle]="false"></activiti-form>
|
|
||||||
</div>
|
|
||||||
@ -1,134 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @license
|
|
||||||
* Copyright 2016 Alfresco Software, Ltd.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Component } from '@angular/core';
|
|
||||||
import { AlfrescoAuthenticationService } from 'ng2-alfresco-core';
|
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
|
||||||
import { Subscription } from 'rxjs/Rx';
|
|
||||||
import { ProcessService } from './process.service';
|
|
||||||
import { Process } from './process.data';
|
|
||||||
|
|
||||||
import { FormService, ActivitiForm } from 'ng2-activiti-form';
|
|
||||||
import { NotificationService } from '../../services/notification.service';
|
|
||||||
|
|
||||||
declare let __moduleName: string;
|
|
||||||
declare let AlfrescoApi: any;
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
moduleId: __moduleName,
|
|
||||||
selector: 'start-visit-component',
|
|
||||||
templateUrl: './start-visit.component.html',
|
|
||||||
styleUrls: ['./start-visit.component.css'],
|
|
||||||
providers: [ProcessService, FormService],
|
|
||||||
directives: [ActivitiForm]
|
|
||||||
})
|
|
||||||
|
|
||||||
export class StartVisitComponent {
|
|
||||||
|
|
||||||
private sub: Subscription;
|
|
||||||
|
|
||||||
currentPath: string = '/Sites/swsdp/documentLibrary';
|
|
||||||
|
|
||||||
metadata: any = {};
|
|
||||||
|
|
||||||
nodeId: string;
|
|
||||||
|
|
||||||
nodeName: string;
|
|
||||||
|
|
||||||
errorMessage: string;
|
|
||||||
|
|
||||||
processName: string = "TEST";
|
|
||||||
|
|
||||||
process: Process;
|
|
||||||
|
|
||||||
taskId: string;
|
|
||||||
|
|
||||||
constructor(private route: ActivatedRoute,
|
|
||||||
private router: Router,
|
|
||||||
private processService: ProcessService,
|
|
||||||
private authService: AlfrescoAuthenticationService,
|
|
||||||
private notificationService: NotificationService) {
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.sub = this.route.params.subscribe(params => {
|
|
||||||
this.retriveNodeMetadataFromEcm(params['id']);
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
let self = this;
|
|
||||||
this.processService.getDeployedApplications("Visit").subscribe(
|
|
||||||
application => {
|
|
||||||
console.log("I'm the application hello", application);
|
|
||||||
this.processService.getProcessDefinitionByApplication(application).subscribe(
|
|
||||||
process => {
|
|
||||||
console.log("this is the process", process);
|
|
||||||
self.processService.startProcessByID(process.id, process.name).subscribe(
|
|
||||||
startedProcess => {
|
|
||||||
console.log(startedProcess);
|
|
||||||
this.processService.getTaskIdFromProcessID(process.id, application.id, startedProcess.id).subscribe(
|
|
||||||
response => {
|
|
||||||
console.log(response.data[0].id);
|
|
||||||
self.taskId = response.data[0].id;
|
|
||||||
},
|
|
||||||
error => {
|
|
||||||
console.log(error)
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
error => {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
error => this.errorMessage = <any>error
|
|
||||||
);
|
|
||||||
console.log(application);
|
|
||||||
},
|
|
||||||
error => this.errorMessage = <any>error
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
public saveData(){
|
|
||||||
this.router.navigate(['/patients']);
|
|
||||||
this.notificationService.sendNotification('New Visit Created');
|
|
||||||
}
|
|
||||||
|
|
||||||
private retriveNodeMetadataFromEcm(nodeId: string): void {
|
|
||||||
var self = this;
|
|
||||||
this.nodeId = nodeId;
|
|
||||||
this.authService.getAlfrescoApi().nodes.getNodeInfo(this.nodeId).then(function (data) {
|
|
||||||
console.log(data.properties);
|
|
||||||
self.nodeName = data.name;
|
|
||||||
for (var key in data.properties) {
|
|
||||||
console.log(key + ' => ' + data[key]);
|
|
||||||
self.metadata [key.replace('hc:', '')] = data.properties[key];
|
|
||||||
}
|
|
||||||
self.metadata.nodeId = self.nodeName;
|
|
||||||
|
|
||||||
}, function (error) {
|
|
||||||
console.log('This node does not exist');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
private generateUuid() {
|
|
||||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
||||||
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
|
|
||||||
return v.toString(16);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
x
Reference in New Issue
Block a user