Merge pull request #63 from OnroerendErfgoed/develop

Develop

dist/commonjs/actor-widget/actor-widget.d.ts

@@ -0,0 +1,45 @@
+import { GridOptions } from 'ag-grid-community';
+import { CrabService } from '../services/crab.api-service';
+import { DialogController } from 'aurelia-dialog';
+export declare class ActorWidget {
+    private crabService;
+    scope: any;
+    actorenApiService: any;
+    dialogController: DialogController;
+    showSpinner: boolean;
+    gridOptions: GridOptions;
+    zoekterm: string;
+    selectedActor: any;
+    showTable: boolean;
+    showActor: boolean;
+    showFilters: boolean;
+    isAdvancedSearch: boolean;
+    landen: any[];
+    gemeenten: any[];
+    postcodes: any[];
+    straten: any[];
+    huisnrs: any[];
+    suggest: any;
+    private filters;
+    constructor(crabService: CrabService);
+    bind(): void;
+    setRowData(): void;
+    keydown(e: any): boolean;
+    onGridReady(): void;
+    onGridSizeChanged(): void;
+    search(): void;
+    refresh(): void;
+    advancedSearch(): void;
+    clearFilters(): void;
+    toggleFilters(activate: boolean): void;
+    selectActor(params: any): void;
+    toggleActorDetail(activate: boolean, params: any): void;
+    toevoegen(): void;
+    annuleren(): void;
+    private actiesCellRenderer;
+    private loadLanden;
+    private loadGemeenten;
+    private loadPostcodes;
+    private loadStraten;
+    private loadHuisnrs;
+}

dist/commonjs/actor-widget/actor-widget.html

@@ -0,0 +1 @@
+<template><require from="./styles/actor-widget.css"></require><require from="./components/actor-detail"></require><ux-dialog class="actor-widget"><ux-dialog-header show-close-button.bind="true"><h3>Actor toevoegen</h3></ux-dialog-header><ux-dialog-body><div class="row search-buttons"><div class="large-6 small-12 large-centered column"><a class="button tiny large-offset-1 large-5 small-5 column ${showTable ? 'active' : ''}" click.delegate="toggleFilters(false)">Overzicht</a> <a class="button tiny large-offset-1 large-5 small-offset-1 small-5 large-end column ${showFilters? 'active' : ''}" click.delegate="toggleFilters(true)">Uitgebreid Zoeken</a></div></div><actor-detail if.bind="showActor" actor.bind="selectedActor"></actor-detail><div if.bind="showActor" class="row"><div class="large-12 column"><div class="actor-actions"><div class="actor-action"><a class="actor-detail-terug" click.delegate="toggleActorDetail(false)"><i class="fa fa-arrow-left"></i> Terug</a></div></div></div></div><div if.bind="showTable" class="row"><div class="large-11 small-10 columns" style="padding-right:0"><input type="text" value.bind="zoekterm" placeholder="Zoek een actor" keydown.delegate="keydown($event)"></div><div class="large-1 small-2 columns" style="padding-left:0"><button class="button postfix" click.delegate="search()" title="Zoeken"><i class="fa fa-search"></i></button></div></div><div if.bind="showFilters" class="row advanced-search-container"><div class="large-6 small-12 column"><div class="placeholder-container placeholder"><label for="actor-widget-naam">Naam</label> <input type="text" name="actor-widget-naam" value.bind="filters.naam" id="actor-widget-naam"></div><div class="placeholder-container placeholder"><label for="actor-widget-voornaam">Voornaam</label> <input type="text" name="actor-widget-voornaam" value.bind="filters.voornaam" id="actor-widget-voornaam"></div><div class="placeholder-container placeholder"><label for="actor-widget-email">E-mail</label> <input type="text" name="actor-widget-email" value.bind="filters.email" id="actor-widget-email"></div><div class="placeholder-container placeholder"><label for="actor-widget-telefoon">Telefoon</label> <input type="text" name="actor-widget-telefoon" value.bind="filters.telefoon" id="actor-widget-telefoon"></div><div class="placeholder-container"><label for="actor-widget-actor-type">Actortype</label> <select name="actor-widget-actor-type" value.bind="filters.type" id="actor-widget-actor-type"><option selected="selected" model.bind="null">Alle types</option><option value="foaf:Person">persoon</option><option value="foaf:Organization">organisatie</option><option value="oe:PubliekPersoon">publieke persoon</option><option value="prov:SoftwareAgent">software agent</option></select></div></div><div class="large-6 small-12 column"><div class="placeholder-container"><label for="actor-widget-land">Land</label> <select name="actor-widget-land" value.bind="filters.land" id="actor-widget-land"><option selected="selected" style="display:none"></option><option repeat.for="land of landen" value.bind="land.id" disabled.bind="land.disabled"> ${land.naam} </option></select></div></div><div class="large-4 small-9 column"><div class="placeholder-container placeholder"><label for="actor-widget-gemeente">Gemeente</label><autocomplete service.bind="suggest.gemeenten" value.bind="filters.gemeente" label="naam"><template replace-part="suggestion"> ${suggestion.naam} </template></autocomplete></div></div><div class="large-2 small-3 column"><div class="placeholder-container placeholder"><label for="actor-widget-postcode">Postcode</label><autocomplete service.bind="suggest.postcode" value.bind="filters.postcode" label="naam"><template replace-part="suggestion"> ${suggestion.naam} </template></autocomplete></div></div><div class="large-6 small-12 column"><div class="placeholder-container placeholder"><label for="actor-widget-straat">Straat</label><autocomplete service.bind="suggest.straten" value.bind="filters.straat" label="naam"><template replace-part="suggestion"> ${suggestion.naam} </template></autocomplete></div></div><div class="large-4 small-9 column"><div class="placeholder-container placeholder"><label for="actor-widget-huisnummer">Huisnummer</label><autocomplete service.bind="suggest.huisnummer" value.bind="filters.huisnummer" label="naam"><template replace-part="suggestion"> ${suggestion.naam} </template></autocomplete></div></div><div class="large-2 small-3 column"><div class="placeholder-container placeholder"><label for="actor-widget-subadres">Postbus</label> <input type="text" name="actor-widget-subadres" value.bind="filters.subadres" id="actor-widget-subadres"></div></div><div class="large-6 small-6 column"><div class="placeholder-container placeholder"><label for="actor-widget-persid">Persoon ID</label> <input type="text" name="actor-widget-persid" value.bind="filters.persid" id="actor-widget-persid"></div></div><div class="large-6 small-6 column"><div class="placeholder-container placeholder"><label for="actor-widget-rrn">Rijksregisternummer</label> <input type="text" name="actor-widget-rrn" value.bind="filters.rrn" id="actor-widget-rrn"></div></div><div class="large-6 small-6 column"><div class="placeholder-container placeholder"><label for="actor-widget-kbo">KBO</label> <input type="text" name="actor-widget-kbo" value.bind="filters.kbo" id="actor-widget-kbo"></div></div></div><div class="row"><ag-grid-aurelia if.bind="showTable" class="large-12 column ag-theme-balham" grid-size-changed.call="onGridSizeChanged()" column-resized.call="gridOptions.api.resetRowHeights()" grid-options.bind="gridOptions" grid-ready.call="onGridReady()" row-clicked.call="selectActor($event)"></ag-grid-aurelia></div><div class="row" if.bind="showTable"><div class="large-12 column"><div class="actor-actions"><div class="actor-action"><a class="actor-toevoegen" target="_blank" href="${scope.actorenApiService.config.actorenUrl}/beheer#/actoren/aanmaken">Actor aanmaken <i class="fa fa-plus-circle"></i></a></div><div class="actor-action"><a class="actor-refresh" click.delegate="refresh()">Vernieuwen <i class="fa fa-refresh"></i></a></div><div class="actor-action"><a class="actor-delete" click.delegate="clearFilters()">Verwijder filters <i class="fa fa-filter"></i></a></div></div></div></div><div class="row"><template replaceable part="dropdown"></template></div></ux-dialog-body><ux-dialog-footer><div class="row search-buttons"><div class="large-6 small-12 large-centered column"><button class="button tiny large-offset-1 large-5 small-5 column" if.bind="showFilters" click.delegate="advancedSearch()">Zoeken</button> <button class="button tiny large-offset-1 large-5 small-5 column" if.bind="showTable || showActor" disabled.bind="!selectedActor" click.delegate="toevoegen()">Toevoegen</button> <button class="button tiny large-offset-1 large-5 small-offset-1 small-5 large-end column" click.delegate="annuleren()">Annuleren</button></div></div></ux-dialog-footer></ux-dialog></template>