openaire-library/claims/directLinking/directLinking.component.html

<div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle"   >
  <div uk-grid uk-grid>
   <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
     <schema2jsonld *ngIf="url"  [URL]="url"     name="Linking" type="other"></schema2jsonld>

<div class="uk-container uk-margin-top">
  <div class="uk-article-title custom-article-title">
        Link
  </div>
  <div class="uk-width-1-1">
    <helper position="top"></helper>
  </div>
  <div class="uk-grid  helper-grid">
    <helper position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>
    <div class="uk-width-expand">
      <div *ngIf="validInput != null && !validInput" class="uk-alert uk-alert-warning" role="alert">No valid arguments provided in order to start linking openAIRE entities. </div>
      <div *ngIf="validInput != null && validInput">
       <ul uk-accordion *ngIf=" ! (linkTo =='result' && show=='claim') " uk-accordion class="uk-padding-small uk-margin-remove-bottom basket-accordion">
         <li>
            <h3 class=" uk-text-right uk-margin-remove-vertical uk-width-small uk-margin-auto-left uk-accordion-title basket-title portal-color" uk-tooltip="title:Click to see your selections">
             <span class="uk-icon"><svg xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="28px" id="my-box" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="28px" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px"><g>	<path d="M480,320v128H32V320h78.859l64.016,96h162.25l64-96H480 M384,32H128L0,288v192h512V288L384,32L384,32z M35.781,288l112-224 h216.438l112,224H384l-64,96H192l-64.016-96H35.781L35.781,288z" fill="#b5b5b5"></path></g> </svg> </span>
             <span  class="uk-badge basket-badge ">{{(projects.length + contexts.length + results.length - ((type =="project")?1:0))  | number}}</span>
           </h3>
             <div class="uk-accordion-content uk-margin-left uk-margin-right uk-background-muted uk-margin-remove-top dropbasket uk-padding-small uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-grid uk-grid-stack">
               <start-over [results]="results" [contexts]="contexts" [projects]="projects" [localStoragePrefix]=localStoragePrefix  [linkTo]="linkTo" [type]="type"></start-over>
               <claim-selected-projects *ngIf=" linkTo == 'project' "   title="link Projects" [projects]="projects" [show]="show" [linkType]=linkType
                (showChange)="showChange($event)"  [localStoragePrefix]=localStoragePrefix > </claim-selected-projects>

             <claim-selected-contexts *ngIf=" linkTo == 'context' "  title="link Communities" [contexts]="contexts"  [projects]="projects"  [results]="results" [inlineEntity] = "inlineResult" [show]="show" [linkType]=linkType
             (showChange)="showChange($event)" [localStoragePrefix]=localStoragePrefix > </claim-selected-contexts>
             <claim-selected-results *ngIf=" linkTo == 'result' "   title= "Selected Research Results" [results]="results"  [bulkMode]="bulkMode" showSearch=false
             showAccessRights=false [localStoragePrefix]=localStoragePrefix></claim-selected-results>
             </div>
         </li>
     </ul>
      <div class="uk-card uk-card-default uk-padding-small">
        <div class="">
              Link your {{((type=='orp')?'research product':type)}}
        </div>
          <div class="uk-clearfix">
            <!--start-over [results]="results" [contexts]="contexts" [projects]="projects" [linkTo]="linkTo" [type]="type" ></start-over-->
          </div>
            <!-- inline result -->
              <div *ngIf="displayedResult != null && (type =='publication' || type =='dataset' || type=='software' || type=='orp' )" class="uk-margin-top  uk-margin-left uk-margin-right uk-background-muted  uk-first-column uk-padding-small " >
                     <div>
                      <a *ngIf="displayedResult.url" target="_blank" href="{{displayedResult.url}}" > <span class="custom-external"></span> {{((displayedResult.title == undefined || displayedResult.title == '')?'[no title available]':displayedResult.title)}}</a>

                      <span *ngIf="!displayedResult.url" > {{((displayedResult.title == undefined || displayedResult.title == '')?'[no title available]':displayedResult.title)}}</span>
                    </div>
                    <div *ngIf="displayedResult.result.authors && displayedResult.result.authors.length >0 " class="uk-article-meta">Authors: <span *ngFor="let author of displayedResult.result.authors.slice(0,10) let i = index">{{author.fullName}}{{(i < (displayedResult.result.authors.slice(0,10).length-1))?"; ":""}}{{(i == displayedResult.result.authors.slice(0,10).length-1 && displayedResult.result.authors.length > 10)?"...":""}}</span></div>


            </div>
            <!-- inline project -->
            <div *ngIf=" type == 'project' && projects.length > 0 "  class="uk-margin-top  uk-margin-left uk-margin-right uk-background-muted  uk-first-column uk-padding-small" uk-grid="">
            {{projects[0].funderName}} | {{projects[0].projectName}} {{(projects[0].projectAcronym)?'('+projects[0].projectAcronym+')':''}}

            </div>

      <!-- search for entity -->
      <div class="uk-margin-top  ">
            to one or more {{(linkTo =='project')?'projects':''}} {{(linkTo =='context')?'communities':''}} {{(linkTo =='result')?((type !='project'?' other':'')+' research results'):''}}
      </div>
        <div class = "uk-margin-top uk-margin-left uk-margin-right uk-margin-bottom">

                  <claim-projects-search-form *ngIf=" linkTo =='project'  "    [(selectedProjects)]="projects"   [(properties)] = properties inlineClaim=false [localStoragePrefix]=localStoragePrefix> </claim-projects-search-form>

                  <claim-contexts-search-form   *ngIf=" linkTo =='context'  " [communityId]=communityId    [(selectedList)]="contexts" [projects]="projects" [results]="results" [inlineEntity]="inlineResult" [(properties)]=properties inlineClaim=false [localStoragePrefix]=localStoragePrefix> </claim-contexts-search-form>

                  <claim-result-search-form *ngIf=" linkTo =='result' && show!='claim' "  [selectedResults]="results"  [(properties)]=properties [localStoragePrefix]=localStoragePrefix > </claim-result-search-form>

          </div>

        </div>
        <div  *ngIf="  show == 'claim'  "  class="uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l ">
          <claim-selected-results *ngIf=" linkTo =='result'  "  title= "Selected Research Results" [results]="results"  [bulkMode]=false showSearch = false  showAccessRights = true
          [localStoragePrefix]=localStoragePrefix></claim-selected-results>
          <div class="uk-width-1-1  uk-margin-small-top">
            <claim-insert   class="uk-float-right"  [contexts]="contexts" [results]="results"  [projects]="projects" [inlineEntity] = inlineResult  [show] = "show"
            [(properties)]=properties [localStoragePrefix]=localStoragePrefix ></claim-insert>

          </div>
        </div>

        <ul *ngIf="linkTo == 'result'" class=" uk-pagination uk-flex-center uk-margin-auto uk-text-center">
            <li  *ngIf="show == 'claim'"  (click)="show='result';"><a><span class="uk-margin-small-right" uk-pagination-previous></span>  Previous</a></li>
            <li  *ngIf="show != 'claim'"(click)="show='claim';" >
              <a>Next <span uk-pagination-next></span></a>
            </li>

        </ul>
        </div>
        </div>
        <helper position="right" styleName=" uk-width-1-5"></helper>
    </div>
    <helper position="bottom"></helper>
  </div>
</div>
</div>
</div>