conceptset-manager.html

<!-- ko if: loading() -->
<loading></loading>
<!-- /ko -->

<!-- ko if: (currentConceptSet() != null && !loading()) -->
<heading-title params="name: conceptSetCaption(), description: canEdit() ? '' : ko.i18n('common.readOnly', '(Read only)'),  icon: 'shopping-cart', theme: 'dark', tags: tags"></heading-title>
<!-- ko if: !!currentConceptSet() && !!currentConceptSet().id -->
	<!-- ko component: {name: 'authorship', params: getAuthorship()} -->
	<!-- /ko -->
<!-- /ko -->
<div data-bind="css: classes()">
  <div class="asset-heading" data-bind="if: currentConceptSet">
    <div class="input-group">
      <input class="form-control" id="txtConceptSetName" type="text"
      data-bind="attr: { disabled: !canEdit() }, textInput: currentConceptSet().name, css: { emptyInput: !isNameFilled() }, placeholder: ko.i18n('const.newEntityNames.conceptSet', 'New Concept Set')"/>
      <div class="input-group-btn">
        <button type="button" class="btn btn-success" data-bind="click: save, css: { disabled: !canSave() || isProcessing() }, title: !previewVersion() ? ko.i18n('common.save', 'Save') : ko.i18n('common.saveAsCurrentVersion', 'Save as current version')"><i class="fa fa-save"></i></button>
        <button class="btn btn-primary"
                data-bind="visible: previewVersion(), title: ko.i18n('common.backToCurrent', 'Back to current version'), click: backToCurrentVersion">
          <i class="fa fa-undo"></i>
        </button>
        <button type="button" class="btn btn-primary" data-bind="click: closeConceptSet, css: { disabled: isProcessing() }, title: ko.i18n('common.close', 'Close')"><i class="fa fa-times"></i></button>
        <button type="button" class="btn btn-primary" data-bind="click: copy, visible: canCopy() && !previewVersion(), css: { disabled: !canCreate() || isProcessing()}, title: ko.i18n('common.createACopy', 'Create a copy')">
          <i class="fa fa-copy"></i>
        </button>
        <!-- ko if: $component.currentConceptSet().id != null && $component.currentConceptSet().id != 0 -->
        <button type="button" class="btn btn-primary" data-bind="click: () => isTagsModalShown(!isTagsModalShown()), visible: canEdit() && !previewVersion(), css: { disabled: isProcessing() }, title: ko.i18n('common.tags', 'Tags')"><i class="fa fa-tags"></i></button>
        <button type="button" class="btn btn-primary" data-bind="visible: !previewVersion(), click: optimize, css: { disabled: !canOptimize() || isProcessing() }, text: ko.i18n('cs.manager.optimize', 'Optimize')"></button>

	<!-- ko if: (enablePermissionManagement() === true && userCanShare() === true)  -->
        <button class="btn btn-primary" data-bind="visible: !previewVersion() && isOwner(), click: () => isAccessModalShown(!isAccessModalShown()), title: ko.i18n('common.configureAccess', 'Configure access')">
            <i class="fa fa-lock"></i>
        </button>
	<!-- /ko -->
	
        <button type="button" class="btn btn-danger" data-bind="visible: !previewVersion(), click: $component.delete, css: { disabled: !canDelete() || isProcessing() }, title: ko.i18n('common.delete', 'Delete')"><i class="fa fa-trash-alt"></i></button>
        <!-- /ko -->
      </div>
    </div>
    <name-validation params="
      hasEmptyName: !isNameFilled(),
      hasInvalidCharacters: isNameFilled() && !isNameCharactersValid(),
      hasInvalidLength: isNameFilled() && !isNameLengthValid(),
      hasDefaultName: isDefaultName(),
      analysisName: ko.i18n('components.nameValidation.conceptSet', 'concept set'),
    "></name-validation>
  </div>
  <tabs params="
    componentParams: $component.componentParams,
    selectTab: selectTab,
    selectedTab: selectedTab,
    tabs: $component.tabs
  "></tabs>
</div>

<atlas-modal
  params="{
    showModal: isOptimizeModalShown,
    title: ko.i18n('cs.manager.conceptSetOptimization', 'Concept Set Optimization'),
    data: $component,
    fade: $component.fade,
  }">
  <div data-bind="css: classes('optimize-modal-content')">
    <div data-bind="if: optimizeLoading()">
      <i class="fa fa-circle-notch fa-spin fa-lg"></i>
      <span data-bind="text: ko.i18n('cs.manager.attemptingToFindMessage', 'Attempting to find an optimal definition for this concept set...')"></span>
    </div>
    <div data-bind="if: !optimizeLoading() && !optimizerFoundSomething()">
      <span data-bind="text: ko.i18n('cs.manager.fullyOptimizedMessage', 'The current concept set definition is fully optimized.')"></span>
    </div>
    <div data-bind="if: !optimizeLoading() && optimizerFoundSomething()">
      <div data-bind="if: !optimizerSavingNew()">
        <div class="row heading optimizer-saving-new">
          <div class="col-md-8">
            <span data-bind="text: ko.i18n('cs.manager.pleaseReviewMessage', 'Please review the optimized definition and options for saving.')"></span>
          </div>
          <div class="col-md-4">
            <div class="btn-group pull-right" role="group">
              <button id="btnGroupDrop1" type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span data-bind="text: ko.i18n('cs.manager.saveOptions', 'Save Options')"></span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupDrop1">
                <li><a class="dropdown-item" href="#" data-bind="click: overwriteConceptSet, text: ko.i18n('cs.manager.overwriteOption', 'Overwrite Current Concept Set')"></a></li>
                <li><a class="dropdown-item" href="#" data-bind="click: copyOptimizedConceptSet, text: ko.i18n('cs.manager.createOption', 'Create New Concept Set')"></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
      <div data-bind="if: optimizerSavingNew()">
        <div class="heading">
          <div class="form-group">
            <label for="txtOptimizerSavingNewName" data-bind="text: ko.i18n('cs.manager.pleaseProvideNameMessage', 'Please provide a name for your new concept set:')"></label>
            </br>
            <input placeholder="Concept Set Name" id="txtOptimizerSavingNewName" class="form-control optimizer-new-name" type="text" data-bind="textInput: optimizerSavingNewName" />
            <div class="btn-group">
              <button type="button" class="btn btn-sm btn-primary" data-bind="click: saveNewOptimizedConceptSet, text: ko.i18n('cs.manager.saveButton', 'Save')"></button>
              <button type="button" class="btn btn-sm btn-danger" data-bind="click: cancelSaveNewOptimizedConceptSet, text: ko.i18n('cs.manager.cancelButton', 'Cancel')"></button>
            </div>
          </div>
        </div>
      </div>
      <div class="heading" data-bind="text: ko.i18n('cs.manager.optimizedConceptSetHeading', 'Optimized Concept Set')"></div>
      <div class="paddedWrapper">
        <table class="conceptSetTable stripe compact hover" cellspacing="0" width="100%" data-bind="dataTable:{
                              data: optimalConceptSet(),
                              options: {
                                              dom: 'Clfiprt',
                                              colVis: {
                                                  buttonText: ko.i18n('cs.manager.changeColumnsButton', 'Change Columns'),
                                                  align: 'right',
                                                  overlayFade: 0,
                                                  showAll: ko.i18n('cs.manager.showAllColumnsButton', 'Show All Columns'),
                                                  restore: ko.i18n('cs.manager.resetColumnsButton', 'Reset Columns')
                                              },
                                              rowCallback: commonUtils.contextSensitiveLinkColor,
                                              pageLength: optimizeTableOptions.pageLength,
                                              lengthMenu: optimizeTableOptions.lengthMenu,
                                              orderClasses: false,
                                              deferRender: true,
                                              autoWidth: false,
                                              order: [[2, 'desc']],
                                columns: [
                                                      { title: ko.i18n('columns.conceptId', 'Concept Id'), data: 'concept.CONCEPT_ID'},
                                                      { title: ko.i18n('columns.conceptCode', 'Concept Code'), data: 'concept.CONCEPT_CODE'},
                                                      { title: ko.i18n('columns.conceptName', 'Concept Name'), render: commonUtils.renderBoundLink},
                                                      { title: ko.i18n('columns.domain', 'Domain'), data: 'concept.DOMAIN_ID' },
                                                      { title: ko.i18n('columns.standardConceptCode', 'Standard Concept Code'), data: 'concept.STANDARD_CONCEPT', visible:false },
                                                      { title: ko.i18n('columns.standardConceptCaption', 'Standard Concept Caption'), data: 'concept.STANDARD_CONCEPT_CAPTION' },
                                                      { title: ko.i18n('columns.exclude', 'Exclude'), class:'text-center', orderable:false,render: function() { return renderCheckbox('isExcluded');} },
                                                      { title: ko.i18n('columns.descendants', 'Descendants'), class:'text-center', orderable:false,render: function() { return renderCheckbox('includeDescendants');} },
                                                      { title: ko.i18n('columns.mapped', 'Mapped'), class:'text-center', orderable:false,render: function() { return renderCheckbox('includeMapped');} }
                                ]
                              }
                          }">
        </table>
      </div>
      <div data-bind="if: optimizerRemovedConceptSet() && !optimizerSavingNew()">
        <div class="heading optimizer-header" data-bind="text: ko.i18n('cs.manager.conceptsRemovedHeading', 'Concepts Removed')"></div>
        <div class="optimizer-message" data-bind="text: ko.i18n('cs.manager.conceptsRemovedMessage', 'The following concepts were removed since the optimized version already includes them.')"></div>
        <div class="paddedWrapper">
          <table class="conceptSetTable stripe compact hover" cellspacing="0" width="100%" data-bind="dataTable:{
                                  data: optimizerRemovedConceptSet(),
                                  options: {
                                                  dom: 'Clfiprt',
                                                  colVis: {
                                                      buttonText: ko.i18n('cs.manager.changeColumnsButton', 'Change Columns'),
                                                      align: 'right',
                                                      overlayFade: 0,
                                                      showAll: ko.i18n('cs.manager.showAllColumnsButton', 'Show All Columns'),
                                                      restore: ko.i18n('cs.manager.resetColumnsButton', 'Reset Columns')
                                                  },
                                                  rowCallback: commonUtils.contextSensitiveLinkColor,
                                                  pageLength: optimizeTableOptions.pageLength,
                                                  lengthMenu: optimizeTableOptions.lengthMenu,
                                                  orderClasses: false,
                                                  deferRender: true,
                                                  autoWidth: false,
                                                  order: [[2, 'desc']],
                                    columns: [
                                                          { title: ko.i18n('columns.conceptId', 'Concept Id'), data: 'concept.CONCEPT_ID'},
                                                          { title: ko.i18n('columns.conceptCode', 'Concept Code'), data: 'concept.CONCEPT_CODE'},
                                                          { title: ko.i18n('columns.conceptName', 'Concept Name'), render: commonUtils.renderBoundLink},
                                                          { title: ko.i18n('columns.domain', 'Domain'), data: 'concept.DOMAIN_ID' },
                                                          { title: ko.i18n('columns.standardConceptCode', 'Standard Concept Code'), data: 'concept.STANDARD_CONCEPT', visible:false },
                                                          { title: ko.i18n('columns.standardConceptCaption', 'Standard Concept Caption'), data: 'concept.STANDARD_CONCEPT_CAPTION' },
                                                          { title: ko.i18n('columns.exclude', 'Exclude'), class:'text-center', orderable:false,render: function() { return renderCheckbox('isExcluded', true);} },
                                                          { title: ko.i18n('columns.descendants', 'Descendants'), class:'text-center', orderable:false,render: function() { return renderCheckbox('includeDescendants', true);} },
                                                          { title: ko.i18n('columns.mapped', 'Mapped'), class:'text-center', orderable:false,render: function() { return renderCheckbox('includeMapped', true);} }
                                    ]
                                  }
                              }">
          </table>
        </div>
      </div>
    </div>
	</div>
</atlas-modal>

<!-- /ko -->

<access-denied params="isAuthenticated: isAuthenticated, isPermitted: hasAccess && hasPrioritySourceAccess"></access-denied>

<configure-access-modal params="
	isModalShown: $component.isAccessModalShown,
	isOwnerFn: $component.isOwnerFn,
	loadAccessListFn: $component.loadAccessList,
	grantAccessFn: $component.grantAccess,
	revokeAccessFn: $component.revokeAccess,
	loadRoleSuggestionsFn: $component.loadAccessRoleSuggestions
"></configure-access-modal>

<tags-modal params="
	isModalShown: $component.isTagsModalShown,
	tagsList: $component.tagsList,
	assignTagFn: $component.assignTag,
	unassignTagFn: $component.unassignTag,
	createNewTagFn: $component.createNewTag,
	loadAvailableTagsFn: $component.loadAvailableTags,
	checkAssignPermissionFn: $component.checkAssignPermission,
	checkUnassignPermissionFn: $component.checkUnassignPermission
"></tags-modal>