Merge pull request #1129 from HeDo88TH/improve-responsiveness

Improve responsiveness
pull/1147/head
Piero Toffanin 2022-02-17 14:14:40 -05:00 zatwierdzone przez GitHub
commit 01be150d64
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 4AEE18F83AFDEB23
16 zmienionych plików z 514 dodań i 1361 usunięć

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Wyświetl plik

@ -1,346 +1,2 @@
/* CHANGELISTS */
#changelist {
position: relative;
width: 100%;
}
#changelist table {
width: 100%;
}
#changelist .field-plugin_actions a[disabled]{
pointer-events: none;
}
.change-list .hiddenfields { display:none; }
.change-list .filtered table {
border-right: none;
}
.change-list .filtered {
min-height: 400px;
}
.change-list .filtered .results, .change-list .filtered .paginator,
.filtered #toolbar, .filtered div.xfull {
margin-right: 280px;
width: auto;
}
.change-list .filtered table tbody th {
padding-right: 1em;
}
#changelist-form .results {
overflow-x: auto;
}
#changelist .toplinks {
border-bottom: 1px solid #ddd;
}
#changelist .paginator {
color: #666;
border-bottom: 1px solid #eee;
background: #fff;
overflow: hidden;
}
/* CHANGELIST TABLES */
#changelist table thead th {
padding: 0;
white-space: nowrap;
vertical-align: middle;
}
#changelist table thead th.action-checkbox-column {
width: 1.5em;
text-align: center;
}
#changelist table tbody td.action-checkbox {
text-align: center;
}
#changelist table tfoot {
color: #666;
}
/* TOOLBAR */
#changelist #toolbar {
padding: 8px 10px;
margin-bottom: 15px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #f8f8f8;
color: #666;
}
#changelist #toolbar form input {
border-radius: 4px;
font-size: 14px;
padding: 5px;
color: #333;
}
#changelist #toolbar form #searchbar {
height: 19px;
border: 1px solid #ccc;
padding: 2px 5px;
margin: 0;
vertical-align: top;
font-size: 13px;
}
#changelist #toolbar form #searchbar:focus {
border-color: #999;
}
#changelist #toolbar form input[type="submit"] {
border: 1px solid #ccc;
padding: 2px 10px;
margin: 0;
vertical-align: middle;
background: #fff;
box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset;
cursor: pointer;
color: #333;
}
#changelist #toolbar form input[type="submit"]:focus,
#changelist #toolbar form input[type="submit"]:hover {
border-color: #999;
}
#changelist #changelist-search img {
vertical-align: middle;
margin-right: 4px;
}
/* FILTER COLUMN */
#changelist-filter {
position: absolute;
top: 0;
right: 0;
z-index: 1000;
width: 240px;
background: #f8f8f8;
border-left: none;
margin: 0;
}
#changelist-filter h2 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 5px 15px;
margin-bottom: 12px;
border-bottom: none;
}
#changelist-filter h3 {
font-weight: 400;
font-size: 14px;
padding: 0 15px;
margin-bottom: 10px;
}
#changelist-filter ul {
margin: 5px 0;
padding: 0 15px 15px;
border-bottom: 1px solid #eaeaea;
}
#changelist-filter ul:last-child {
border-bottom: none;
padding-bottom: none;
}
#changelist-filter li {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
#changelist-filter a {
display: block;
color: #999;
}
#changelist-filter li.selected {
border-left: 5px solid #eaeaea;
padding-left: 10px;
margin-left: -15px;
}
#changelist-filter li.selected a {
color: #5b80b2;
}
#changelist-filter a:focus, #changelist-filter a:hover,
#changelist-filter li.selected a:focus,
#changelist-filter li.selected a:hover {
color: #036;
}
/* DATE DRILLDOWN */
.change-list ul.toplinks {
display: block;
float: left;
padding: 0;
margin: 0;
width: 100%;
}
.change-list ul.toplinks li {
padding: 3px 6px;
font-weight: bold;
list-style-type: none;
display: inline-block;
}
.change-list ul.toplinks .date-back a {
color: #999;
}
.change-list ul.toplinks .date-back a:focus,
.change-list ul.toplinks .date-back a:hover {
color: #036;
}
/* PAGINATOR */
.paginator {
font-size: 13px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px;
margin: 0;
border-top: 1px solid #ddd;
}
.paginator a:link, .paginator a:visited {
padding: 2px 6px;
background: #79aec8;
text-decoration: none;
color: #fff;
}
.paginator a.showall {
padding: 0;
border: none;
background: none;
color: #5b80b2;
}
.paginator a.showall:focus, .paginator a.showall:hover {
background: none;
color: #036;
}
.paginator .end {
margin-right: 6px;
}
.paginator .this-page {
padding: 2px 6px;
font-weight: bold;
font-size: 13px;
vertical-align: top;
}
.paginator a:focus, .paginator a:hover {
color: white;
background: #036;
}
/* ACTIONS */
.filtered .actions {
margin-right: 280px;
border-right: none;
}
#changelist table input {
margin: 0;
vertical-align: baseline;
}
#changelist table tbody tr.selected {
background-color: #FFFFCC;
}
#changelist .actions {
padding: 10px;
background: #fff;
border-top: none;
border-bottom: none;
line-height: 24px;
color: #999;
}
#changelist .actions.selected {
background: #fffccf;
border-top: 1px solid #fffee8;
border-bottom: 1px solid #edecd6;
}
#changelist .actions span.all,
#changelist .actions span.action-counter,
#changelist .actions span.clear,
#changelist .actions span.question {
font-size: 13px;
margin: 0 0.5em;
display: none;
}
#changelist .actions:last-child {
border-bottom: none;
}
#changelist .actions select {
vertical-align: top;
height: 24px;
background: none;
color: #000;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
padding: 0 0 0 4px;
margin: 0;
margin-left: 10px;
}
#changelist .actions select:focus {
border-color: #999;
}
#changelist .actions label {
display: inline-block;
vertical-align: middle;
font-size: 13px;
}
#changelist .actions .button {
font-size: 13px;
border: 1px solid #ccc;
border-radius: 4px;
background: #fff;
box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset;
cursor: pointer;
height: 24px;
line-height: 1;
padding: 4px 8px;
margin: 0;
color: #333;
}
#changelist .actions .button:focus, #changelist .actions .button:hover {
border-color: #999;
}
#changelist{position:relative;width:100%}#changelist table{width:100%}#changelist table thead th{padding:0;white-space:nowrap;vertical-align:middle}#changelist table thead th.action-checkbox-column{width:1.5em;text-align:center}#changelist table tbody td.action-checkbox{text-align:center}#changelist table tbody tr.selected{background-color:#ffc}#changelist table tfoot{color:#666}#changelist table input{margin:0;vertical-align:baseline}#changelist .field-plugin_actions a[disabled]{pointer-events:none}#changelist .toplinks{border-bottom:1px solid #ddd}#changelist .paginator{color:#666;border-bottom:1px solid #eee;background:#fff;overflow:hidden}#changelist #toolbar{padding:8px 10px;margin-bottom:15px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f8f8f8;color:#666}#changelist #toolbar .search-container{display:flex;align-items:center}#changelist #toolbar form input{border-radius:4px;font-size:14px;padding:5px;color:#333}#changelist #toolbar form #searchbar{height:19px;border:1px solid #ccc;padding:2px 5px;margin-right:8px;margin-left:8px;vertical-align:top;font-size:13px}#changelist #toolbar form #searchbar:focus{border-color:#999}#changelist #toolbar form input[type=submit]{border:1px solid #ccc;padding:2px 10px;margin:0;vertical-align:middle;background:#fff;box-shadow:inset 0 -15px 20px -10px rgba(0,0,0,.15);cursor:pointer;color:#333}#changelist #toolbar form input[type=submit]:focus,#changelist #toolbar form input[type=submit]:hover{border-color:#999}#changelist .actions{padding:10px;background:#fff;border-top:none;border-bottom:none;line-height:24px;color:#999}#changelist .actions span.action-counter,#changelist .actions span.all,#changelist .actions span.clear,#changelist .actions span.question{font-size:13px;margin:0 .5em;display:none}#changelist .actions:last-child{border-bottom:none}#changelist .actions label{margin:0}#changelist .actions select{vertical-align:top;height:24px;background:none;color:#000;border:1px solid #ccc;border-radius:4px;font-size:14px;padding:0 0 0 4px;margin:0 8px}#changelist .actions select:focus{border-color:#999}#changelist .actions label{display:inline-block;vertical-align:middle;font-size:13px}#changelist .actions .button{font-size:13px;border:1px solid #ccc;border-radius:4px;background:#fff;box-shadow:inset 0 -15px 20px -10px rgba(0,0,0,.15);cursor:pointer;height:24px;line-height:1;padding:4px 8px;margin:0;color:#333}#changelist .actions .button:focus,#changelist .actions .button:hover{border-color:#999}#changelist .actions.selected{background:#fffccf;border-top:1px solid #fffee8;border-bottom:1px solid #edecd6}.change-list .hiddenfields{display:none}.change-list .filtered{min-height:400px}.change-list .filtered table{border-right:none}.change-list .filtered table tbody th{padding-right:1em}.change-list .filtered .paginator,.change-list .filtered .results{margin-right:280px;width:auto}.change-list ul.toplinks{display:block;float:left;padding:0;margin:0;width:100%}.change-list ul.toplinks li{padding:3px 6px;font-weight:700;list-style-type:none;display:inline-block}.change-list ul.toplinks .date-back a{color:#999}.change-list ul.toplinks .date-back a:focus,.change-list ul.toplinks .date-back a:hover{color:#036}.filtered #toolbar{width:auto}.filtered div.xfull{margin-right:280px;width:auto}.filtered .actions{border-right:none;margin-bottom:8px}#changelist-form .results{overflow-x:auto}#changelist-filter{position:absolute;top:0;right:0;z-index:1000;width:240px;background:#f8f8f8;border-left:none;margin:0}#changelist-filter h2{font-size:14px;text-transform:uppercase;letter-spacing:.5px;padding:5px 15px;margin-bottom:12px;border-bottom:none}#changelist-filter h3{font-weight:400;font-size:14px;padding:0 15px;margin-bottom:10px}#changelist-filter ul{margin:5px 0;padding:0 15px 15px;border-bottom:1px solid #eaeaea}#changelist-filter ul:last-child{border-bottom:none;padding-bottom:none}#changelist-filter li{list-style-type:none;margin-left:0;padding-left:0}#changelist-filter a{display:block;color:#999}#changelist-filter a:focus,#changelist-filter a:hover{color:#036}#changelist-filter li.selected{border-left:5px solid #eaeaea;padding-left:10px;margin-left:-15px}#changelist-filter li.selected a{color:#5b80b2}#changelist-filter li.selected a:focus,#changelist-filter li.selected a:hover{color:#036}.paginator{font-size:13px;padding-top:10px;padding-bottom:10px;line-height:22px;margin:0;border-top:1px solid #ddd}.paginator a:link,.paginator a:visited{padding:2px 6px;background:#79aec8;text-decoration:none;color:#fff}.paginator a:focus,.paginator a:hover{color:#fff;background:#036}.paginator a.showall{padding:0;border:none;background:none;color:#5b80b2}.paginator a.showall:focus,.paginator a.showall:hover{background:none;color:#036}.paginator .end{margin-right:6px}.paginator .this-page{padding:2px 6px;font-weight:700;font-size:13px;vertical-align:top}
/*# sourceMappingURL=changelists.css.map */

File diff suppressed because one or more lines are too long

Wyświetl plik

@ -0,0 +1,368 @@
/* CHANGELISTS */
/* CHANGELIST TABLES */
/* TOOLBAR */
/* FILTER COLUMN */
/* DATE DRILLDOWN */
/* PAGINATOR */
/* ACTIONS */
#changelist {
position: relative;
width: 100%;
table {
width: 100%;
thead {
th {
padding: 0;
white-space: nowrap;
vertical-align: middle;
}
th.action-checkbox-column {
width: 1.5em;
text-align: center;
}
}
tbody {
td.action-checkbox {
text-align: center;
}
tr.selected {
background-color: #FFFFCC;
}
}
tfoot {
color: #666;
}
input {
margin: 0;
vertical-align: baseline;
}
}
.field-plugin_actions {
a[disabled] {
pointer-events: none;
}
}
.toplinks {
border-bottom: 1px solid #ddd;
}
.paginator {
color: #666;
border-bottom: 1px solid #eee;
background: #fff;
overflow: hidden;
}
#toolbar {
padding: 8px 10px;
margin-bottom: 15px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #f8f8f8;
color: #666;
.search-container {
display: flex;
align-items: center;
}
form {
input {
border-radius: 4px;
font-size: 14px;
padding: 5px;
color: #333;
}
#searchbar {
height: 19px;
border: 1px solid #ccc;
padding: 2px 5px;
margin-right: 8px;
margin-left: 8px;
vertical-align: top;
font-size: 13px;
&:focus {
border-color: #999;
}
}
input[type="submit"] {
border: 1px solid #ccc;
padding: 2px 10px;
margin: 0;
vertical-align: middle;
background: #fff;
box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset;
cursor: pointer;
color: #333;
&:focus {
border-color: #999;
}
&:hover {
border-color: #999;
}
}
}
}
.actions {
padding: 10px;
background: #fff;
border-top: none;
border-bottom: none;
line-height: 24px;
color: #999;
span.all {
font-size: 13px;
margin: 0 0.5em;
display: none;
}
span.action-counter {
font-size: 13px;
margin: 0 0.5em;
display: none;
}
span.clear {
font-size: 13px;
margin: 0 0.5em;
display: none;
}
span.question {
font-size: 13px;
margin: 0 0.5em;
display: none;
}
&:last-child {
border-bottom: none;
}
label {
margin: 0;
}
select {
vertical-align: top;
height: 24px;
background: none;
color: #000;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
padding: 0 0 0 4px;
margin: 0;
margin-left: 8px;
margin-right: 8px;
&:focus {
border-color: #999;
}
}
label {
display: inline-block;
vertical-align: middle;
font-size: 13px;
}
.button {
font-size: 13px;
border: 1px solid #ccc;
border-radius: 4px;
background: #fff;
box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset;
cursor: pointer;
height: 24px;
line-height: 1;
padding: 4px 8px;
margin: 0;
color: #333;
&:focus {
border-color: #999;
}
&:hover {
border-color: #999;
}
}
}
.actions.selected {
background: #fffccf;
border-top: 1px solid #fffee8;
border-bottom: 1px solid #edecd6;
}
}
.change-list {
.hiddenfields {
display: none;
}
.filtered {
table {
border-right: none;
tbody {
th {
padding-right: 1em;
}
}
}
min-height: 400px;
.results {
margin-right: 280px;
width: auto;
}
.paginator {
margin-right: 280px;
width: auto;
}
}
ul.toplinks {
display: block;
float: left;
padding: 0;
margin: 0;
width: 100%;
li {
padding: 3px 6px;
font-weight: bold;
list-style-type: none;
display: inline-block;
}
.date-back {
a {
color: #999;
&:focus {
color: #036;
}
&:hover {
color: #036;
}
}
}
}
}
.filtered {
#toolbar {
//margin-right: 280px;
width: auto;
}
div.xfull {
margin-right: 280px;
width: auto;
}
.actions {
//margin-right: 280px;
border-right: none;
//display: flex;
//align-items: center;
margin-bottom: 8px;
}
}
#changelist-form {
.results {
overflow-x: auto;
}
}
#changelist-filter {
position: absolute;
top: 0;
right: 0;
z-index: 1000;
width: 240px;
background: #f8f8f8;
border-left: none;
margin: 0;
h2 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 5px 15px;
margin-bottom: 12px;
border-bottom: none;
}
h3 {
font-weight: 400;
font-size: 14px;
padding: 0 15px;
margin-bottom: 10px;
}
ul {
margin: 5px 0;
padding: 0 15px 15px;
border-bottom: 1px solid #eaeaea;
&:last-child {
border-bottom: none;
padding-bottom: none;
}
}
li {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
a {
display: block;
color: #999;
&:focus {
color: #036;
}
&:hover {
color: #036;
}
}
li.selected {
border-left: 5px solid #eaeaea;
padding-left: 10px;
margin-left: -15px;
a {
color: #5b80b2;
&:focus {
color: #036;
}
&:hover {
color: #036;
}
}
}
}
.paginator {
font-size: 13px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px;
margin: 0;
border-top: 1px solid #ddd;
a {
&:link {
padding: 2px 6px;
background: #79aec8;
text-decoration: none;
color: #fff;
}
&:visited {
padding: 2px 6px;
background: #79aec8;
text-decoration: none;
color: #fff;
}
&:focus {
color: white;
background: #036;
}
&:hover {
color: white;
background: #036;
}
}
a.showall {
padding: 0;
border: none;
background: none;
color: #5b80b2;
&:focus {
background: none;
color: #036;
}
&:hover {
background: none;
color: #036;
}
}
.end {
margin-right: 6px;
}
.this-page {
padding: 2px 6px;
font-weight: bold;
font-size: 13px;
vertical-align: top;
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Wyświetl plik

@ -119,7 +119,15 @@
clear: left;
margin-top: 0;
margin-left: 160px;
padding-left: 10px;
padding-left: 0px;
@media (max-width: 768px) {
margin-left: 0 !important;
padding-left: 0 !important;
padding-left: 16px;
padding-right: 16px;
}
}
form .aligned label + p.help {
@ -136,7 +144,7 @@
form .aligned textarea + p.help,
form .aligned select + p.help {
margin-left: 160px;
padding-left: 10px;
padding-left: 0px;
}
form .aligned ul li {
@ -232,7 +240,10 @@
/* SUBMIT ROW */
.submit-row {
padding: 12px 14px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
//padding: 12px 14px;
margin: 0 0 20px;
background: #f8f8f8;
border: 1px solid #eee;
@ -248,11 +259,11 @@
.submit-row input {
height: 35px;
line-height: 15px;
margin: 0 0 0 5px;
margin: 10px 0 0 5px;
}
.submit-row input.default {
margin: 0 0 0 8px;
margin: 10px 0 0 8px;
text-transform: uppercase;
}
@ -262,7 +273,7 @@
.submit-row p.deletelink-box {
float: left;
margin: 0;
margin-top: 10px;
}
.submit-row a.deletelink {

Wyświetl plik

@ -204,7 +204,7 @@ button i.glyphicon{
.dropdown-menu>li>a{
padding-left: 10px;
color: #222;
.fa, .glyphicon{
.fa, .far, .fas, .fab, .glyphicon{
margin-right: 4px;
}
}
@ -268,4 +268,4 @@ footer{
.floatfix{
clear: both;
}
}

Wyświetl plik

@ -498,7 +498,7 @@ class ProjectListItem extends React.Component {
<div className="row no-margin">
<ErrorMessage bind={[this, 'error']} />
<div className="btn-group pull-right">
<div className="btn-group project-buttons">
{this.hasPermission("add") ?
<div className={"asset-download-buttons btn-group " + (this.state.upload.uploading ? "hide" : "")}>
<button type="button"
@ -530,25 +530,25 @@ class ProjectListItem extends React.Component {
</button>
</div>
<span className="project-name">
<div className="project-name">
{data.name}
</span>
</div>
<div className="project-description">
{data.description}
</div>
<div className="row project-links">
{numTasks > 0 ?
<span>
<i className='fa fa-tasks'>
</i> <a href="javascript:void(0);" onClick={this.toggleTaskList}>
<i className='fa fa-tasks'></i>
<a href="javascript:void(0);" onClick={this.toggleTaskList}>
{interpolate(_("%(count)s Tasks"), { count: numTasks})} <i className={'fa fa-caret-' + (this.state.showTaskList ? 'down' : 'right')}></i>
</a>
</span>
: ""}
{canEdit ?
[<i key="edit-icon" className='far fa-edit'>
</i>,<a key="edit-text" href="javascript:void(0);" onClick={this.handleEditProject}> {_("Edit")}
[<i key="edit-icon" className='far fa-edit'></i>
,<a key="edit-text" href="javascript:void(0);" onClick={this.handleEditProject}> {_("Edit")}
</a>]
: ""}
</div>

Wyświetl plik

@ -532,43 +532,45 @@ class TaskListItem extends React.Component {
<div className="expanded-panel">
<div className="row">
<div className="col-md-12 no-padding">
<div className="console-switch text-right pull-right">
<div className="console-output-label">{_("Task Output:")} </div><ul className="list-inline">
<li>
<div className="btn-group btn-toggle">
<table className="table table-condensed info-table">
<tbody>
<tr>
<td><strong>{_("Created on:")}</strong></td>
<td>{(new Date(task.created_at)).toLocaleString()}</td>
</tr>
<tr>
<td><strong>{_("Processing Node:")}</strong></td>
<td>{task.processing_node_name || "-"} ({task.auto_processing_node ? _("auto") : _("manual")})</td>
</tr>
{Array.isArray(task.options) &&
<tr>
<td><strong>{_("Options:")}</strong></td>
<td>{this.optionsToList(task.options)}</td>
</tr>}
{stats && stats.gsd &&
<tr>
<td><strong>{_("Average GSD:")}</strong></td>
<td>{parseFloat(stats.gsd.toFixed(2)).toLocaleString()} cm</td>
</tr>}
{stats && stats.area &&
<tr>
<td><strong>{_("Area:")}</strong></td>
<td>{parseFloat(stats.area.toFixed(2)).toLocaleString()} m&sup2;</td>
</tr>}
{stats && stats.pointcloud && stats.pointcloud.points &&
<tr>
<td><strong>{_("Reconstructed Points:")}</strong></td>
<td>{stats.pointcloud.points.toLocaleString()}</td>
</tr>}
<tr>
<td><strong>{_("Task Output:")}</strong></td>
<td><div className="btn-group btn-toggle">
<button onClick={this.setView("console")} className={"btn btn-xs " + (this.state.view === "basic" ? "btn-default" : "btn-primary")}>{_("On")}</button>
<button onClick={this.setView("basic")} className={"btn btn-xs " + (this.state.view === "console" ? "btn-default" : "btn-primary")}>{_("Off")}</button>
</div>
</li>
</ul>
</div>
<div className="mb">
<div className="labels">
<strong>{_("Created on:")} </strong> {(new Date(task.created_at)).toLocaleString()}<br/>
</div>
<div className="labels">
<strong>{_("Processing Node:")} </strong> {task.processing_node_name || "-"} ({task.auto_processing_node ? _("auto") : _("manual")})<br/>
</div>
{Array.isArray(task.options) ?
<div className="labels">
<strong>{_("Options:")} </strong> {this.optionsToList(task.options)}<br/>
</div>
: ""}
{stats && stats.gsd ?
<div className="labels">
<strong>{_("Average GSD:")} </strong> {parseFloat(stats.gsd.toFixed(2)).toLocaleString()} cm<br/>
</div> : ""}
{stats && stats.area ?
<div className="labels">
<strong>{_("Area:")} </strong> {parseFloat(stats.area.toFixed(2)).toLocaleString()} m&sup2;<br/>
</div> : ""}
{stats && stats.pointcloud && stats.pointcloud.points ?
<div className="labels">
<strong>{_("Reconstructed Points:")} </strong> {stats.pointcloud.points.toLocaleString()}<br/>
</div> : ""}
</div>
</div></td>
</tr>
</tbody>
</table>
{this.state.view === 'console' ?
<Console
@ -716,21 +718,33 @@ class TaskListItem extends React.Component {
/>
: ""}
<div className="row">
<div className="col-sm-5 name">
<div className="col-sm-5 col-xs-12 name">
<i onClick={this.toggleExpanded} className={"clickable far " + (this.state.expanded ? "fa-minus-square" : " fa-plus-square")}></i> <a href="javascript:void(0);" onClick={this.toggleExpanded}>{name}</a>
</div>
<div className="col-sm-1 details">
<div className="col-sm-1 col-xs-5 details">
<i className="far fa-image"></i> {task.images_count}
</div>
<div className="col-sm-2 details">
<div className="col-sm-2 col-xs-5 details">
<i className="far fa-clock"></i> {this.hoursMinutesSecs(this.state.time)}
</div>
<div className="col-sm-3">
<div className="col-xs-2 text-right visible-xs-block">
{taskActions.length > 0 ?
<div className="btn-group">
<button disabled={disabled || actionLoading} className="btn task-actions btn-secondary btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i className={"fa " + taskActionsIcon}></i>
</button>
<ul className="dropdown-menu dropdown-menu-right">
{taskActions}
</ul>
</div>
: ""}
</div>
<div className="col-sm-3 col-xs-12">
{showEditLink ?
<a href="javascript:void(0);" onClick={this.startEditing}>{statusLabel}</a>
: statusLabel}
</div>
<div className="col-sm-1 text-right">
<div className="col-sm-1 text-right hidden-xs">
{taskActions.length > 0 ?
<div className="btn-group">
<button disabled={disabled || actionLoading} className="btn task-actions btn-secondary btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

Wyświetl plik

@ -1,6 +1,12 @@
.edit-task-form{
.presets-dropdown{
margin-left: 8px;
@media screen and (max-width: 768px){
margin-left: 0px;
margin-top: 10px;
}
}
.preset-performing-action-icon{

Wyświetl plik

@ -3,6 +3,13 @@
.project-name{
font-weight: bold;
@media screen and (max-width: 768px){
font-size: x-large;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}
}
.drag-drop-icon{
@ -47,6 +54,8 @@
}
.project-links{
margin-top: 10px;
margin-bottom: 10px;
font-size: 90%;
i{
margin-right: 4px;
@ -68,6 +77,24 @@
.row{
margin-left: 0;
margin-right: 0;
margin-top: 10px;
}
.project-buttons {
float: right;
@media screen and (max-width: 768px){
.asset-download-buttons {
width: 100%;
}
float: none;
width: 100%;
.btn {
width: 100%;
}
}
}
}

Wyświetl plik

@ -2,7 +2,6 @@
.row{
margin: 0;
padding: 4px;
padding-left: 8px;
.no-padding{
padding: 0;
@ -16,12 +15,15 @@
.name{
padding-left: 0;
margin-top: 4px;
.clickable {
margin-right: 5px;
}
}
.details{
font-size: 90%;
padding-right: 0;
margin-top: 4px;
margin-top: 7px;
i{
margin-left: 16px;
@ -31,10 +33,6 @@
}
}
.fa-cog{
width: auto;
}
.status-label{
padding: 4px;
padding-left: 8px;
@ -43,6 +41,10 @@
border-style: solid;
border-width: 1px;
border-radius: 2px;
@media screen and (max-width: 768px){
margin-top: 5px;
}
}
.clickable:hover{
@ -53,6 +55,18 @@
padding-top: 4px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
.info-table {
tr td:first-child {
width: 33%;
max-width: 150px;
}
td{
padding: 0;
}
margin-bottom: 12px;
}
.task-warning{
margin-top: 16px;
@ -84,7 +98,7 @@
}
.edit-button{
margin-right: 15px;
margin-right: 0px;
}
.asset-download-buttons{
@ -101,19 +115,6 @@
display: inline;
}
.console-switch{
margin-right: 10px;
margin-bottom: 8px;
position: relative;
z-index: 99;
.console-output-label{
margin-right: 8px;
}
.console-output-label, ul{
display: inline-block;
}
}
.mb{
margin-bottom: 12px;
}

Wyświetl plik

@ -1,9 +1,9 @@
{% load i18n static %}
{% if cl.search_fields %}
<div id="toolbar"><form id="changelist-search" method="get">
<div><!-- DIV needed for valid HTML -->
<div class="search-container"><!-- DIV needed for valid HTML -->
<label for="searchbar"><img src="{% static "admin/img/search.svg" %}" alt="Search" /></label>
<input type="text" size="40" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" autofocus />
<input type="text" size="20" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" autofocus />
<input type="submit" value="{% trans 'Search' %}" />
{% if show_result_count %}
<span class="small quiet">{% blocktrans count counter=cl.result_count %}{{ counter }} result{% plural %}{{ counter }} results{% endblocktrans %} (<a href="?{% if cl.is_popup %}_popup=1{% endif %}">{% if cl.show_full_result_count %}{% blocktrans with full_result_count=cl.full_result_count %}{{ full_result_count }} total{% endblocktrans %}{% else %}{% trans "Show all" %}{% endif %}</a>)</span>

Wyświetl plik

@ -43,8 +43,10 @@ if [ "$1" = "--setup-devenv" ] || [ "$2" = "--setup-devenv" ]; then
echo Setup npm dependencies...
npm install
cd nodeodm/external/NodeODM
npm install
cd /webodm
echo Setup pip requirements...