mirror of
				https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
				synced 2025-11-04 04:12:45 +00:00 
			
		
		
		
	style and compatibility update
This commit is contained in:
		@@ -86,15 +86,7 @@ nopaque.resource_displays.CorpusDisplay = class CorpusDisplay extends nopaque.re
 | 
			
		||||
    }
 | 
			
		||||
    elements = this.displayElement.querySelectorAll('.corpus-status');
 | 
			
		||||
    for (let element of elements) {
 | 
			
		||||
      element.dataset.status = status;
 | 
			
		||||
    }
 | 
			
		||||
    elements = this.displayElement.querySelectorAll('.corpus-status-spinner');
 | 
			
		||||
    for (let element of elements) {
 | 
			
		||||
      if (['SUBMITTED', 'QUEUED', 'BUILDING', 'STARTING_ANALYSIS_SESSION', 'CANCELING_ANALYSIS_SESSION'].includes(status)) {
 | 
			
		||||
        element.classList.remove('hide');
 | 
			
		||||
      } else {
 | 
			
		||||
        element.classList.add('hide');
 | 
			
		||||
      }
 | 
			
		||||
      element.dataset.corpusStatus = status;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -61,15 +61,7 @@ nopaque.resource_displays.JobDisplay = class JobDisplay extends nopaque.resource
 | 
			
		||||
  setStatus(status) {
 | 
			
		||||
    let elements = this.displayElement.querySelectorAll('.job-status');
 | 
			
		||||
    for (let element of elements) {
 | 
			
		||||
      element.dataset.status = status;
 | 
			
		||||
    }
 | 
			
		||||
    elements = this.displayElement.querySelectorAll('.job-status-spinner');
 | 
			
		||||
    for (let element of elements) {
 | 
			
		||||
      if (['COMPLETED', 'FAILED'].includes(status)) {
 | 
			
		||||
        element.classList.add('hide');
 | 
			
		||||
      } else {
 | 
			
		||||
        element.classList.remove('hide');
 | 
			
		||||
      }
 | 
			
		||||
      element.dataset.jobStatus = status;
 | 
			
		||||
    }
 | 
			
		||||
    elements = this.displayElement.querySelectorAll('.job-log-trigger');
 | 
			
		||||
    for (let element of elements) {
 | 
			
		||||
 
 | 
			
		||||
@@ -41,8 +41,8 @@ nopaque.resource_lists.CorpusFileList = class CorpusFileList extends nopaque.res
 | 
			
		||||
          <td><span class="publishing-year"></span></td>
 | 
			
		||||
          <td class="right-align">
 | 
			
		||||
            <a class="list-action-trigger btn-floating red waves-effect waves-light ${this.hasPermissionManageFiles ? '' : 'hide'}" data-list-action="delete"><i class="material-icons">delete</i></a>
 | 
			
		||||
            <a class="list-action-trigger btn-floating service-color darken waves-effect waves-light ${this.hasPermissionView ? '' : 'hide'}" data-list-action="download" data-service="corpus-analysis"><i class="material-icons">file_download</i></a>
 | 
			
		||||
            <a class="list-action-trigger btn-floating service-color darken waves-effect waves-light ${this.hasPermissionManageFiles ? '' : 'hide'}" data-list-action="view" data-service="corpus-analysis"><i class="material-icons">send</i></a>
 | 
			
		||||
            <a class="list-action-trigger btn-floating waves-effect waves-light ${this.hasPermissionView ? '' : 'hide'}" data-list-action="download"><i class="material-icons">file_download</i></a>
 | 
			
		||||
            <a class="list-action-trigger btn-floating waves-effect waves-light ${this.hasPermissionManageFiles ? '' : 'hide'}" data-list-action="view"><i class="material-icons">send</i></a>
 | 
			
		||||
          </td>
 | 
			
		||||
        </tr>
 | 
			
		||||
      `.trim();
 | 
			
		||||
 
 | 
			
		||||
@@ -60,19 +60,27 @@ nopaque.resource_lists.CorpusList = class CorpusList extends nopaque.resource_li
 | 
			
		||||
    return (values) => {
 | 
			
		||||
      return `
 | 
			
		||||
        <tr class="list-item clickable hoverable">
 | 
			
		||||
          <td class="hide">
 | 
			
		||||
            <time class="creation-date"></span>
 | 
			
		||||
          </td>
 | 
			
		||||
          <td>
 | 
			
		||||
            <label class="list-action-trigger" data-list-action="select">
 | 
			
		||||
              <input class="select-checkbox" type="checkbox">
 | 
			
		||||
              <span class="disable-on-click"></span>
 | 
			
		||||
            </label>
 | 
			
		||||
          </td>
 | 
			
		||||
          <td><b class="title"></b><br><i class="description"></i></td>
 | 
			
		||||
          <td><span class="owner"></span></td>
 | 
			
		||||
          <td>
 | 
			
		||||
            <b class="title"></b><br>
 | 
			
		||||
            <i class="description"></i>
 | 
			
		||||
          </td>
 | 
			
		||||
          <td>
 | 
			
		||||
            <span class="owner"></span>
 | 
			
		||||
          </td>
 | 
			
		||||
          <td><span class="status badge new corpus-status-color corpus-status-text" data-badge-caption=""></span></td>
 | 
			
		||||
          <td>${values['current-user-is-following'] ? '<span><i class="left material-icons">visibility</i>Following</span>' : ''}</td>
 | 
			
		||||
          <td class="right-align">
 | 
			
		||||
            <a class="list-action-trigger btn-floating red waves-effect waves-light" data-list-action="delete-request"><i class="material-icons">delete</i></a>
 | 
			
		||||
            <a class="list-action-trigger btn-floating service-color darken waves-effect waves-light" data-list-action="view" data-service="corpus-analysis"><i class="material-icons">send</i></a>
 | 
			
		||||
            <a class="list-action-trigger btn-floating service-color darken waves-effect waves-light" data-list-action="view"><i class="material-icons">send</i></a>
 | 
			
		||||
          </td>
 | 
			
		||||
        </tr>
 | 
			
		||||
      `.trim();
 | 
			
		||||
@@ -82,8 +90,8 @@ nopaque.resource_lists.CorpusList = class CorpusList extends nopaque.resource_li
 | 
			
		||||
  get valueNames() {
 | 
			
		||||
    return [
 | 
			
		||||
      {data: ['id']},
 | 
			
		||||
      {data: ['creation-date']},
 | 
			
		||||
      {name: 'status', attr: 'data-status'},
 | 
			
		||||
      {name: 'creation-date', attr: 'datetime'},
 | 
			
		||||
      {name: 'status', attr: 'data-corpus-status'},
 | 
			
		||||
      'description',
 | 
			
		||||
      'title',
 | 
			
		||||
      'owner',
 | 
			
		||||
 
 | 
			
		||||
@@ -25,16 +25,16 @@ nopaque.resource_lists.JobList = class JobList extends nopaque.resource_lists.Re
 | 
			
		||||
 | 
			
		||||
  get item() {
 | 
			
		||||
    return `
 | 
			
		||||
      <tr class="list-item service-scheme clickable hoverable">
 | 
			
		||||
      <tr class="list-item clickable hoverable">
 | 
			
		||||
        <td>
 | 
			
		||||
          <label class="list-action-trigger" data-list-action="select">
 | 
			
		||||
            <input class="select-checkbox" type="checkbox">
 | 
			
		||||
            <span class="disable-on-click"></span>
 | 
			
		||||
          </label>
 | 
			
		||||
        </td>
 | 
			
		||||
        <td><a class="btn-floating"><i class="nopaque-icons service-icons" data-service="inherit"></i></a></td>
 | 
			
		||||
        <td><a class="btn-floating service-color darken" data-service="inherit"><i class="nopaque-icons service-icons" data-service="inherit"></i></a></td>
 | 
			
		||||
        <td><b class="title"></b><br><i class="description"></i></td>
 | 
			
		||||
        <td><span class="badge new job-status-color job-status-text status" data-badge-caption=""></span></td>
 | 
			
		||||
        <td><span class="status badge new job-status-color job-status-text" data-badge-caption=""></span></td>
 | 
			
		||||
        <td class="right-align">
 | 
			
		||||
          <a class="list-action-trigger btn-floating red waves-effect waves-light" data-list-action="delete-request"><i class="material-icons">delete</i></a>
 | 
			
		||||
          <a class="list-action-trigger btn-floating darken waves-effect waves-light" data-list-action="view"><i class="material-icons">send</i></a>
 | 
			
		||||
@@ -48,7 +48,7 @@ nopaque.resource_lists.JobList = class JobList extends nopaque.resource_lists.Re
 | 
			
		||||
      {data: ['id']},
 | 
			
		||||
      {data: ['creation-date']},
 | 
			
		||||
      {data: ['service']},
 | 
			
		||||
      {name: 'status', attr: 'data-status'},
 | 
			
		||||
      {name: 'status', attr: 'data-job-status'},
 | 
			
		||||
      'description',
 | 
			
		||||
      'title'
 | 
			
		||||
    ];
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user