Run client-format

This commit is contained in:
Dannon Baker
2018-01-10 11:31:02 -05:00
parent e88706c282
commit 9cddf804fa
7 changed files with 178 additions and 173 deletions
@@ -57,7 +57,10 @@ export default {
},
computed: {
formattedReferences: function() {
return this.citations.reduce((a, b) => a.concat(`<p class="formatted-reference">${this.formattedReference(b)}</p>`), "");
return this.citations.reduce(
(a, b) => a.concat(`<p class="formatted-reference">${this.formattedReference(b)}</p>`),
""
);
}
},
created: function() {
@@ -187,16 +190,16 @@ export default {
};
</script>
<style>
.citations-formatted{
.citations-formatted {
word-wrap: break-word;
}
.citations-bibtex-text{
.citations-bibtex-text {
width: 100%;
height: 500px;
}
.citation-padding{
padding:5px 10px;
.citation-padding {
padding: 5px 10px;
}
</style>
@@ -60,4 +60,4 @@ export default {
.ui-message {
display: block;
}
</style>
</style>
+11 -12
View File
@@ -4,17 +4,16 @@
<script>
export default {
name: 'Message',
props: {
message: {
type: String,
required: true
},
status: {
type: String,
default: 'done'
name: "Message",
props: {
message: {
type: String,
required: true
},
status: {
type: String,
default: "done"
}
}
}
}
};
</script>
@@ -25,19 +25,19 @@
<script>
export default {
props: {
isLoaded: {
type: Boolean
},
title: {
type: String
},
columns: {
type: Array
},
rows: {
type: Array
props: {
isLoaded: {
type: Boolean
},
title: {
type: String
},
columns: {
type: Array
},
rows: {
type: Array
}
}
}
}
};
</script>
@@ -24,24 +24,24 @@
<script>
export default {
props: {
dataManagerTableName: {
type: String,
required: true
props: {
dataManagerTableName: {
type: String,
required: true
},
dataManagerColumns: {
type: Array,
required: true
},
dataManagerItems: {
type: Array,
required: true
}
},
dataManagerColumns: {
type: Array,
required: true
},
dataManagerItems: {
type: Array,
required: true
methods: {
handleReloadButtonClick(event) {
this.$emit("reloaddatamanager", this.dataManagerTableName);
}
}
},
methods: {
handleReloadButtonClick(event) {
this.$emit('reloaddatamanager', this.dataManagerTableName);
}
}
}
};
</script>
@@ -12,106 +12,109 @@
</template>
<script>
import axios from 'axios';
import Message from '../Message.vue';
import DataTablesGrid from './DataTablesGrid.vue';
import DataManagerGrid from './DataManagerGrid.vue';
import axios from "axios";
import Message from "../Message.vue";
import DataTablesGrid from "./DataTablesGrid.vue";
import DataManagerGrid from "./DataManagerGrid.vue";
export default {
data() {
return {
currentView: 'data-tables-grid',
isLoaded: false,
dataTables: [],
dataManagerTableName: '',
dataManagerColumns: [],
dataManagerItems: [],
message: '',
status: ''
}
},
components: {
message: Message,
'data-tables-grid': DataTablesGrid,
'data-manager-grid': DataManagerGrid
},
computed: {
currentProps() {
let props;
if (this.currentView === 'data-tables-grid') {
props = {
isLoaded: this.isLoaded,
rows: this.dataTables
data() {
return {
currentView: "data-tables-grid",
isLoaded: false,
dataTables: [],
dataManagerTableName: "",
dataManagerColumns: [],
dataManagerItems: [],
message: "",
status: ""
};
} else {
props = {
dataManagerTableName: this.dataManagerTableName,
dataManagerColumns: this.dataManagerColumns,
dataManagerItems: this.dataManagerItems
};
}
return props;
}
},
methods: {
showDataManager(dataManagerTableName) {
axios.get(`${Galaxy.root}data_manager/tool_data_table_items`, {
params: {
table_name: dataManagerTableName
}
})
.then((response) => {
this.message = response.data.message;
this.status = response.data.status;
if (response.data.status !== 'error' && response.data.status !== 'warning') {
this.dataManagerTableName = dataManagerTableName;
this.dataManagerColumns = response.data.data.columns;
this.dataManagerItems = response.data.data.items;
this.currentView = 'data-manager-grid';
}
})
.catch((error) => {
console.error(error);
});
},
reloadDataManager(dataManagerTableName) {
axios.get(`${Galaxy.root}data_manager/reload_tool_data_table`, {
params: {
table_name: dataManagerTableName
}
})
.then((response) => {
this.message = response.data.message;
this.status = response.data.status;
components: {
message: Message,
"data-tables-grid": DataTablesGrid,
"data-manager-grid": DataManagerGrid
},
if (response.data.status !== 'error' && response.data.status !== 'warning') {
this.dataManagerItems = response.data.data.items;
}
})
.catch((error) => {
console.error(error);
});
computed: {
currentProps() {
let props;
if (this.currentView === "data-tables-grid") {
props = {
isLoaded: this.isLoaded,
rows: this.dataTables
};
} else {
props = {
dataManagerTableName: this.dataManagerTableName,
dataManagerColumns: this.dataManagerColumns,
dataManagerItems: this.dataManagerItems
};
}
return props;
}
},
methods: {
showDataManager(dataManagerTableName) {
axios
.get(`${Galaxy.root}data_manager/tool_data_table_items`, {
params: {
table_name: dataManagerTableName
}
})
.then(response => {
this.message = response.data.message;
this.status = response.data.status;
if (response.data.status !== "error" && response.data.status !== "warning") {
this.dataManagerTableName = dataManagerTableName;
this.dataManagerColumns = response.data.data.columns;
this.dataManagerItems = response.data.data.items;
this.currentView = "data-manager-grid";
}
})
.catch(error => {
console.error(error);
});
},
reloadDataManager(dataManagerTableName) {
axios
.get(`${Galaxy.root}data_manager/reload_tool_data_table`, {
params: {
table_name: dataManagerTableName
}
})
.then(response => {
this.message = response.data.message;
this.status = response.data.status;
if (response.data.status !== "error" && response.data.status !== "warning") {
this.dataManagerItems = response.data.data.items;
}
})
.catch(error => {
console.error(error);
});
}
},
created() {
axios
.get(`${Galaxy.root}admin/data_tables_list`)
.then(response => {
this.isLoaded = true;
this.dataTables = response.data.data;
this.message = response.data.message;
this.status = response.data.status;
})
.catch(error => {
console.error(error);
});
}
},
created() {
axios.get(`${Galaxy.root}admin/data_tables_list`)
.then((response) => {
this.isLoaded = true;
this.dataTables = response.data.data;
this.message = response.data.message;
this.status = response.data.status;
})
.catch((error) => {
console.error(error);
});
}
}
};
</script>
@@ -15,39 +15,39 @@
</template>
<script>
import BaseGrid from './BaseGrid.vue';
import BaseGrid from "./BaseGrid.vue";
export default {
props: {
isLoaded: {
type: Boolean,
required: true
props: {
isLoaded: {
type: Boolean,
required: true
},
rows: {
type: Array,
required: true
}
},
rows: {
type: Array,
required: true
}
},
data() {
return {
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Filename', dataIndex: 'filename' },
{ text: 'Tool data path', dataIndex: 'tool_data_path' },
{ text: 'Errors', dataIndex: 'errors' }
]
}
},
data() {
return {
columns: [
{ text: "Name", dataIndex: "name" },
{ text: "Filename", dataIndex: "filename" },
{ text: "Tool data path", dataIndex: "tool_data_path" },
{ text: "Errors", dataIndex: "errors" }
]
};
},
components: {
'base-grid': BaseGrid
},
components: {
"base-grid": BaseGrid
},
methods: {
handleTableNameClick(event) {
this.$emit('changeview', event.target.text);
methods: {
handleTableNameClick(event) {
this.$emit("changeview", event.target.text);
}
}
}
}
};
</script>