Some styling for ressource lists

This commit is contained in:
Patrick Jentsch 2021-12-08 11:25:52 +01:00
parent 63527da37f
commit 832a0283bd
12 changed files with 19 additions and 19 deletions

View File

@ -1,15 +1,15 @@
class CorpusFileList extends RessourceList { class CorpusFileList extends RessourceList {
static options = { static options = {
item: ` item: `
<tr> <tr class="hoverable">
<td><span class="filename"></span></td> <td><span class="filename"></span></td>
<td><span class="author"></span></td> <td><span class="author"></span></td>
<td><span class="title"></span></td> <td><span class="title"></span></td>
<td><span class="publishing_year"></span></td> <td><span class="publishing_year"></span></td>
<td class="right-align"> <td class="right-align">
<a class="action-button btn-floating red tooltipped waves-effect waves-light" data-action="delete" data-position="top" data-tooltip="Delete"><i class="material-icons">delete</i></a> <a class="action-button btn-floating red tooltipped waves-effect waves-light" data-action="delete" data-position="top" data-tooltip="Delete"><i class="material-icons">delete</i></a>
<a class="action-button btn-floating tooltipped waves-effect waves-light" data-action="download" data-position="top" data-tooltip="View"><i class="material-icons">file_download</i></a> <a class="action-button btn-floating service-color darken tooltipped waves-effect waves-light" data-action="download" data-position="top" data-service="corpus-analysis" data-tooltip="View"><i class="material-icons">file_download</i></a>
<a class="action-button btn-floating tooltipped waves-effect waves-light" data-action="view" data-position="top" data-tooltip="View"><i class="material-icons">send</i></a> <a class="action-button btn-floating service-color darken tooltipped waves-effect waves-light" data-action="view" data-position="top" data-service="corpus-analysis" data-tooltip="View"><i class="material-icons">send</i></a>
</td> </td>
</tr> </tr>
`.trim(), `.trim(),

View File

@ -1,13 +1,13 @@
class CorpusList extends RessourceList { class CorpusList extends RessourceList {
static options = { static options = {
item: ` item: `
<tr> <tr class="hoverable">
<td><a class="btn-floating disabled"><i class="material-icons service-color darken" data-service="corpus-analysis">book</i></a></td> <td><a class="btn-floating disabled"><i class="material-icons service-color darken" data-service="corpus-analysis">book</i></a></td>
<td><b class="title"></b><br><i class="description"></i></td> <td><b class="title"></b><br><i class="description"></i></td>
<td><span class="badge new status status-color status-text" data-badge-caption=""></span></td> <td><span class="badge new status status-color status-text" data-badge-caption=""></span></td>
<td class="right-align"> <td class="right-align">
<a class="action-button btn-floating red tooltipped waves-effect waves-light" data-action="delete" data-position="top" data-tooltip="Delete"><i class="material-icons">delete</i></a> <a class="action-button btn-floating red tooltipped waves-effect waves-light" data-action="delete" data-position="top" data-tooltip="Delete"><i class="material-icons">delete</i></a>
<a class="action-button btn-floating tooltipped waves-effect waves-light" data-action="view" data-position="top" data-tooltip="View"><i class="material-icons">send</i></a> <a class="action-button btn-floating service-color darken tooltipped waves-effect waves-light" data-action="view" data-position="top" data-service="corpus-analysis" data-tooltip="View"><i class="material-icons">send</i></a>
</td> </td>
</tr> </tr>
`.trim(), `.trim(),

View File

@ -1,7 +1,7 @@
class JobInputList extends RessourceList { class JobInputList extends RessourceList {
static options = { static options = {
item: ` item: `
<tr> <tr class="hoverable">
<td><span class="filename"></span></td> <td><span class="filename"></span></td>
<td class="right-align"> <td class="right-align">
<a class="action-button btn-floating tooltipped waves-effect waves-light" data-action="download" data-position="top" data-tooltip="View"><i class="material-icons">file_download</i></a> <a class="action-button btn-floating tooltipped waves-effect waves-light" data-action="download" data-position="top" data-tooltip="View"><i class="material-icons">file_download</i></a>

View File

@ -1,7 +1,7 @@
class JobList extends RessourceList { class JobList extends RessourceList {
static options = { static options = {
item: ` item: `
<tr class="service-color lighten"> <tr class="hoverable service-color lighten">
<td><a class="btn-floating disabled"><i class="nopaque-icons service-color darken serviceDuplicate1 service-icon"></i></a></td> <td><a class="btn-floating disabled"><i class="nopaque-icons service-color darken serviceDuplicate1 service-icon"></i></a></td>
<td><b class="title"></b><br><i class="description"></i></td> <td><b class="title"></b><br><i class="description"></i></td>
<td><span class="badge new status status-color status-text" data-badge-caption=""></span></td> <td><span class="badge new status status-color status-text" data-badge-caption=""></span></td>

View File

@ -1,7 +1,7 @@
class JobResultList extends RessourceList { class JobResultList extends RessourceList {
static options = { static options = {
item: ` item: `
<tr> <tr class="hoverable">
<td><span class="description"></span></td> <td><span class="description"></span></td>
<td><span class="filename"></span></td> <td><span class="filename"></span></td>
<td class="right-align"> <td class="right-align">

View File

@ -1,7 +1,7 @@
class QueryResultList extends RessourceList { class QueryResultList extends RessourceList {
static options = { static options = {
item: ` item: `
<tr> <tr class="hoverable">
<td><b class="title"></b><br><i class="description"></i><br></td> <td><b class="title"></b><br><i class="description"></i><br></td>
<td><span class="corpus_title"></span><br><span class="query"></span></td> <td><span class="corpus_title"></span><br><span class="query"></span></td>
<td class="right-align"> <td class="right-align">

View File

@ -1,7 +1,7 @@
class UserList extends RessourceList { class UserList extends RessourceList {
static options = { static options = {
item: ` item: `
<tr> <tr class="hoverable">
<td><span class="idDuplicate"></span></td> <td><span class="idDuplicate"></span></td>
<td><span class="username"></span></td> <td><span class="username"></span></td>
<td><span class="email"></span></td> <td><span class="email"></span></td>

View File

@ -46,7 +46,7 @@
<input id="search-corpus" class="search" type="search"></input> <input id="search-corpus" class="search" type="search"></input>
<label for="search-corpus">Search corpus</label> <label for="search-corpus">Search corpus</label>
</div> </div>
<table class="highlight ressource-list"> <table>
<thead> <thead>
<tr> <tr>
<th></th> <th></th>
@ -71,7 +71,7 @@
<input id="search-job" class="search" type="search"></input> <input id="search-job" class="search" type="search"></input>
<label for="search-job">Search job</label> <label for="search-job">Search job</label>
</div> </div>
<table class="highlight"> <table>
<thead> <thead>
<tr> <tr>
<th>Service</th> <th>Service</th>

View File

@ -16,7 +16,7 @@
<input id="search-user" class="search" type="text"></input> <input id="search-user" class="search" type="text"></input>
<label for="search-user">Search user</label> <label for="search-user">Search user</label>
</div> </div>
<table class="highlight"> <table>
<thead> <thead>
<tr> <tr>
<th>Id</th> <th>Id</th>

View File

@ -81,7 +81,7 @@
<input class="search" id="search-corpus-files" type="search"></input> <input class="search" id="search-corpus-files" type="search"></input>
<label for="search-corpus-files">Search corpus files</label> <label for="search-corpus-files">Search corpus files</label>
</div> </div>
<table class="highlight responsive-table"> <table>
<thead> <thead>
<tr> <tr>
<th>Filename</th> <th>Filename</th>

View File

@ -96,7 +96,7 @@
<p>Original input files.</p> <p>Original input files.</p>
</div> </div>
<div class="col s12 m10"> <div class="col s12 m10">
<table class="highlight responsive-table"> <table>
<thead> <thead>
<tr> <tr>
<th>Filename</th> <th>Filename</th>
@ -121,7 +121,7 @@
<p>Processed result files.</p> <p>Processed result files.</p>
</div> </div>
<div class="col s12 m10"> <div class="col s12 m10">
<table class="highlight responsive-table"> <table>
<thead> <thead>
<tr> <tr>
<th>Description</th> <th>Description</th>

View File

@ -26,7 +26,7 @@
<input id="search-corpus" class="search" type="search"></input> <input id="search-corpus" class="search" type="search"></input>
<label for="search-corpus">Search corpus</label> <label for="search-corpus">Search corpus</label>
</div> </div>
<table class="highlight"> <table>
<thead> <thead>
<tr> <tr>
<th></th> <th></th>
@ -53,7 +53,7 @@
<input id="search-query-results" class="search" type="search"></input> <input id="search-query-results" class="search" type="search"></input>
<label for="search-query-results">Search query result</label> <label for="search-query-results">Search query result</label>
</div> </div>
<table class="highlight"> <table>
<thead> <thead>
<tr> <tr>
<th>Title and Description</th> <th>Title and Description</th>
@ -83,7 +83,7 @@
<input id="search-job" class="search" type="search"></input> <input id="search-job" class="search" type="search"></input>
<label for="search-job">Search job</label> <label for="search-job">Search job</label>
</div> </div>
<table class="highlight"> <table>
<thead> <thead>
<tr> <tr>
<th>Service</th> <th>Service</th>