2017-10-16 17:05:25 +02:00
<!-- This is the dataset viewer -->
< div [ ngClass ] = " { true: ' visible ' , false: ' invisible ' } [ viewingComponent = =1]" >
< div class = "container" >
< div class = "row" >
< div class = "" >
< div class = "panel panel-default panel-table" >
< div class = "panel-heading" >
< div class = "row" >
< div class = "col col-xs-6" >
< h3 class = "panel-title" > Manage Datasets< / h3 >
< / div >
< div class = "col col-xs-6 text-right" >
< button type = "button" class = "btn btn-sm btn-primary btn-create" data-toggle = "modal" data-target = "#newdataset-modal-container" > Create New< / button >
< / div >
< / div >
< / div >
< div class = "panel-body" >
< table class = "table table-striped" [ mfData ] = " data | dataFilter : filterQuery " # mf = "mfDataTable" [ mfRowsOnPage ] = " rowsOnPage " [ ( mfSortBy ) ] = " sortBy " [ ( mfSortOrder ) ] = " sortOrder " >
<!-- <table class="table table - striped" [mfData]="data" #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder"> -->
< thead >
< tr >
< th colspan = "1" >
< input class = "form-control" [ ( ngModel ) ] = " filterQuery " placeholder = 'Filter' / >
< / th >
< th >
< button class = "btn btn-default" ( click ) = " refreshTable ( $ event ) " >
< span class = "glyphicon glyphicon-refresh" > < / span >
< / button >
< / th >
< / tr >
< tr >
< th [ ngClass ] = " { true: ' visible ' , false: ' invisible ' } [ showIDs ] " > < mfDefaultSorter by = "id" > ID< / mfDefaultSorter > < / th >
< th > < mfDefaultSorter by = "label" > Label< / mfDefaultSorter > < / th >
< th > DMP< / th >
< th > < mfDefaultSorter by = "uri" > Uri< / mfDefaultSorter > < / th >
< th > Properties< / th >
< th > Profile< / th >
< / tr >
< / thead >
< tbody >
< tr * ngFor = "let dataset of mf.data" class = "hover" >
2017-10-17 10:17:24 +02:00
< td [ ngClass ] = " { true: ' visible ' , false: ' invisible ' } [ showIDs ] " > {{dataset?.id}}< / td >
2017-10-16 17:05:25 +02:00
< td > < input class = "noborder" type = "text" [ ( ngModel ) ] = " dataset . label " ( focusin ) = " onFocusIn ( $ event ) " ( ngModelChange ) = " onValueChanged ( $ event ) " ( focusout ) = " onFocusOutLabel ( $ event ) " > < / td >
< td >
< div class = "dropdown" >
2017-10-17 10:17:24 +02:00
< button class = "btn btn-primary dropdown-toggle dmp-btn-width" type = "button" data-toggle = "dropdown" > {{dataset?.dmp?.label}}
2017-10-16 17:05:25 +02:00
< span class = "caret" > < / span >
< / button >
< ul class = "dropdown-menu" >
2017-10-17 10:17:24 +02:00
< li class = "margined" * ngFor = "let idLabel of dmpsIDLabels" ( click ) = " assignDMPToDataset ( $ event , idLabel . id ) " > < a style = "cursor:pointer;" > {{idLabel?.label}}< / a > < / li >
2017-10-16 17:05:25 +02:00
< / ul >
< / div >
< / td >
< td > < input class = "noborder" type = "text" [ ( ngModel ) ] = " dataset . uri " ( focusin ) = " onFocusIn ( $ event ) " ( ngModelChange ) = " onValueChanged ( $ event ) " ( focusout ) = " onFocusOutURI ( $ event ) " > < / td >
< td >
< button type = "button" class = "btn btn-default" data-toggle = "modal" data-target = "#edit-properties-modal-container" ( click ) = " onShowingPropertiesModal ( $ event ) " >
< span class = "glyphicon glyphicon-pencil" > < / span >
< / button >
< / td >
< td >
< button type = "button" class = "btn btn-default" ( click ) = " gotoProfileEditor ( $ event , dataset . profile ? . id ) " >
< span [ ngClass ] = " { true: ' glyphicon glyphicon-plus ' , false: ' glyphicon glyphicon-pencil ' } [ dataset ? . profile ? . id = =null]" > < / span >
< / button >
< / td >
< td style = 'float: left;' >
< button class = "btn btn-default" data-toggle = "modal" data-target = "#confirmation-modal" ( click ) = " setClickedDatasetID ( $ event ) " >
< span class = "glyphicon glyphicon-trash red" > < / span >
< / button >
< / td >
< / tr >
< / tbody >
< tfoot >
< tr >
< td colspan = "7" >
< mfBootstrapPaginator [ rowsOnPageSet ] = " [ 10 , 20 , 40 ] " > < / mfBootstrapPaginator >
< / td >
< / tr >
< / tfoot >
< / table >
< / div >
< / div >
< / div >
< / div >
< new-dataset ( idSender ) = " notifyNewDatasetID ( $ event ) " > < / new-dataset >
< properties-editor [ datasetID ] = clickedDatasetID > < / properties-editor >
< confirmation [ confirmationTitle ] = " ' Caution ' " [ confirmationDescr ] = " ' This action will delete the dataset . Are you sure you want to delete this dataset ? This is not revertable ! ' " ( responseSender ) = " applyConfirmation ( $ event ) " > < / confirmation >
< / div >
< / div >
<!-- END oF DatasetViewer -->
<!-- Profile Editor -->
< div [ ngClass ] = " { true: ' visible ' , false: ' invisible ' } [ viewingComponent = =2]" >
< div class = "panel panel-default margin10" >
< div class = "panel-heading" >
< div class = "row" >
< div class = "col col-xs-6" >
< h3 class = "panel-title" > Editing profile: {{profile?.label}}< / h3 >
< / div >
< div class = "col col-xs-6 text-right" >
< button type = "button" class = "btn btn-sm btn-primary btn-create" ( click ) = " goToMain ( ) " > < span class = "glyphicon glyphicon-arrow-left" > < / span > Go back< / button >
< / div >
< / div >
< / div >
< div class = "panel-body" >
< ul class = "nav nav-tabs content-tabs" id = "maincontent" role = "tablist" >
< li class = "active" > < a href = "#profile" role = "tab" data-toggle = "tab" > Profile< / a > < / li >
< li class = "" > < a href = "#viewstyle" role = "tab" data-toggle = "tab" > Profile's viewstyle< / a > < / li >
< li class = "" > < a href = "#ruleset" role = "tab" data-toggle = "tab" > Profile's ruleset< / a > < / li >
< / ul >
< div class = "tab-content" >
< div class = "tab-pane fade active in" id = "profile" >
< br / >
< div class = "custom-table" >
< input name = "profile-label" type = "text" placeholder = "Enter profile label" [ ngModel ] = " profile ? . label " ( ngModelChange ) = " profile . label = $event" ( focusin ) = " onFocusIn ( $ event ) " ( ngModelChange ) = " onValueChanged ( $ event ) " ( focusout ) = " onFocusOutProfileWin ( $ event ) " ( keydown ) = " preventDefaults ( $ event ) " >
< label for = "profile-label" > Label< / label >
< / div >
< br / >
< div class = "custom-table" >
< textarea class = "form-control custom" rows = "10" cols = "65" name = "profile-definition" [ ngModel ] = " profile ? . definition " ( ngModelChange ) = " profile . definition = $event" ( focusin ) = " onFocusIn ( $ event ) " ( ngModelChange ) = " onValueChanged ( $ event ) " ( focusout ) = " onFocusOutProfileWin ( $ event ) " ( keydown ) = " preventDefaults ( $ event ) " placeholder = "Enter profile definition" > < / textarea >
< label for = "profile-definition" > Definition< / label >
< / div >
< / div >
< div class = "tab-pane fade" id = "viewstyle" >
< br / >
< div class = "custom-table" >
< input name = "viewstyle-label" type = "text" placeholder = "Enter viewstyle label" [ ngModel ] = " profile ? . viewstyle ? . label " ( ngModelChange ) = " profile . viewstyle . label = $event" ( focusin ) = " onFocusIn ( $ event ) " ( ngModelChange ) = " onValueChanged ( $ event ) " ( focusout ) = " onFocusOutProfileWin ( $ event ) " ( keydown ) = " preventDefaults ( $ event ) " >
< label for = "viewstyle-label" > Label< / label >
< / div >
< br / >
< div class = "custom-table" >
< textarea class = "form-control custom" rows = "10" cols = "65" name = "viewstyle-definition" [ ngModel ] = " profile ? . viewstyle ? . definition " ( ngModelChange ) = " profile . viewstyle . definition = $event" ( focusin ) = " onFocusIn ( $ event ) " ( ngModelChange ) = " onValueChanged ( $ event ) " ( focusout ) = " onFocusOutProfileWin ( $ event ) " ( keydown ) = " preventDefaults ( $ event ) " > < / textarea >
< label for = "viewstyle-definition" > Definition< / label >
< / div >
< / div >
< div class = "tab-pane fade" id = "ruleset" >
< br / >
< div class = "custom-table" >
< input name = "ruleset-label" type = "text" placeholder = "Enter ruleset label" [ ngModel ] = " profile ? . ruleset ? . label " ( ngModelChange ) = " profile . ruleset . label = $event" ( focusin ) = " onFocusIn ( $ event ) " ( ngModelChange ) = " onValueChanged ( $ event ) " ( focusout ) = " onFocusOutProfileWin ( $ event ) " ( keydown ) = " preventDefaults ( $ event ) " >
< label for = "ruleset-label" > Label< / label >
< / div >
< br / >
< div class = "custom-table" >
< textarea class = "form-control custom" rows = "10" cols = "65" name = "ruleset-definition" [ ngModel ] = " profile ? . ruleset ? . definition " ( ngModelChange ) = " profile . ruleset . definition = $event" ( focusin ) = " onFocusIn ( $ event ) " ( ngModelChange ) = " onValueChanged ( $ event ) " ( focusout ) = " onFocusOutProfileWin ( $ event ) " ( keydown ) = " preventDefaults ( $ event ) " > < / textarea >
< label for = "ruleset-definition" > Definition< / label >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- End of Profile Editor -->