import {Component} from '@angular/core';
import {Document} from '../../src/app/model/document';

@Component({
    selector: 'idai-field-map-demo',
    templateUrl: 'demo/app/map-demo.html'
})

/**
 * @author Thomas Kleinke
 */
export class MapDemoComponent {

    public documents: Array<Document> = [
        {
            'resource': {
                'id': 'obj1',
                'identifier': 'object1',
                'shortDescription': 'Punkt',
                'relations': {
                    'isRecordedIn' : []
                },
                'geometry': {
                    'type': 'Point',
                    'coordinates': [ 1.5, 3.5 ]
                },
                'type': 'Object'
            }
        },
        {
            'resource': {
                'id': 'obj2',
                'identifier': 'object2',
                'shortDescription': 'Polygon',
                'relations': {
                    'isRecordedIn' : []
                },
                'geometry': {
                    'type': 'Polygon',
                    'coordinates': [[[3.0, 3.0], [4.0, 3.0], [4.5, 3.5], [4.5, 4.0], [3.5, 4.0], [3.0, 3.0]]]
                },
                'type': 'Object'
            }
        },
        {
            'resource': {
                'id': 'obj3',
                'identifier': 'object3',
                'shortDescription': 'Multipolygon',
                'relations': {
                    'isRecordedIn' : []
                },
                'geometry': {
                    'type': 'MultiPolygon',
                    'coordinates': [[[[-3.0, 3.0], [-5.0, 2.5], [-4.5, 3.0], [-4.25, 3.75], [-3.5, 4.0], [-3.0, 3.0]]],
                        [[[-3.25, 4.0], [-3.25, 4.5], [-3.5, 5.0], [-3.75, 4.0], [-3.5, 4.25], [-3.25, 4.0]]]]
                },
                'type': 'Object'
            }
        },
        {
            'resource': {
                'id': 'obj4',
                'identifier': 'object4',
                'shortDescription': 'Polyline',
                'relations': {
                    'isRecordedIn' : []
                },
                'geometry': {
                    'type': 'LineString',
                    'coordinates': [[1.0, 3.0], [1.5, 2.5], [1.75, 2.5], [1.9, 2.25], [1.35, 2.0], [1.0, 1.5]]
                },
                'type': 'Object'
            }
        },
        {
            'resource': {
                'id': 'obj5',
                'identifier': 'object5',
                'shortDescription': 'Multipolyline',
                'relations': {
                    'isRecordedIn' : []
                },
                'geometry': {
                    'type': 'MultiLineString',
                    'coordinates': [[[7.0, 0.0], [7.5, 0.5], [7.5, 1.0], [7.25, 1.5]],
                        [[6.0, 0.0], [6.5, 0.5], [6.5, 1.0], [6.25, 1.5]]]
                },
                'type': 'Object'
            }
        }
    ];

    public parentDocumentTemplate: Document = {
        'resource': {
            'id': 's1',
            'identifier': 'section1',
            'shortDescription': 'Maßnahme',
            'relations': {
                'isRecordedIn' : []
            },
            'geometry': {
                'type': 'Polygon',
                'coordinates': [[[-7.0, -7.0], [-6.0, -5.0], [7.0, -7.0], [9.0, 1.0], [7.0, 7.0], [5.0, 10.0],
                    [-7.0, 7.0]]]
            },
            'type': 'Section'
        }
    };

    public projectDocument: Document = {
        'resource': {
            'id': 'mapdemo',
            'identifier': 'mapdemo',
            'shortDescription': 'Map-Demo',
            'coordinateReferenceSystem': 'Eigenes Koordinatenbezugssystem',
            'relations': {
                'isRecordedIn' : []
            },
            'type': 'Project'
        }
    };

    public parentDocument: Document|undefined;
    public selectedDocument: Document|undefined;
    public liveUpdate: boolean = true;


    public selectDocument(document: Document) {

        this.selectedDocument = document;
    }


    public toggleDocument(document: Document) {

        if (this.selectedDocument == document) {
            this.selectedDocument = undefined;
        } else {
            this.selectedDocument = document;
        }
    }


    public toggleParentDocument() {

        if (this.parentDocument) {
            this.parentDocument = undefined;
        } else {
            this.parentDocument = this.parentDocumentTemplate;
        }
    }
}