-
Notifications
You must be signed in to change notification settings - Fork 59
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e5a6a8e
commit d2c7d19
Showing
19 changed files
with
746 additions
and
11 deletions.
There are no files selected for viewing
35 changes: 35 additions & 0 deletions
35
app/init/src/components/indicator/IndicatorButtonAddParameter.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
<template> | ||
<span> | ||
<button v-if="show" | ||
type="button" | ||
class="btn btn-success" | ||
v-on:click="editParameter" | ||
data-toggle="modal" | ||
data-target="#ParameterModalBox"> | ||
Create Parameter | ||
</button> | ||
</span> | ||
</template> | ||
|
||
<script> | ||
import ParameterModalBox from "../parameter/ParameterModalBox.vue"; | ||
import Mixins from "../utils/Mixins.vue"; | ||
export default { | ||
mixins: [Mixins], | ||
components: { | ||
"add-parameter-modal-box": ParameterModalBox, | ||
}, | ||
computed: { | ||
show() { | ||
let roles = ["standard", "advanced", "admin"]; | ||
return roles.includes(this.$store.state.currentUser.role); | ||
} | ||
}, | ||
methods: { | ||
editParameter() { | ||
this.$emit("editParameter", null); | ||
} | ||
} | ||
}; | ||
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
65 changes: 65 additions & 0 deletions
65
app/init/src/components/indicator/IndicatorParameterTable.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
<template> | ||
<div> | ||
<table class="table table-striped table-dark table-hover table-borderless"> | ||
<thead> | ||
<tr> | ||
<th scope="col"> | ||
Parameter Type | ||
</th> | ||
<th scope="col"> | ||
Parameter Value | ||
</th> | ||
<th scope="col"> | ||
Actions | ||
</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr v-for="parameter in parameters" v-bind:key="parameter.id"> | ||
<td> | ||
{{ parameter.parameterTypeByParameterTypeId.name }} | ||
</td> | ||
<td> | ||
{{ parameter.value }} | ||
</td> | ||
<td> | ||
<span v-if="showEditParameter" | ||
class="badge badge-secondary" | ||
v-on:click="editParameter(parameter)" | ||
data-toggle="modal" | ||
data-target="#ParameterModalBox"> | ||
Edit Parameter | ||
</span> | ||
</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
</div> | ||
</template> | ||
|
||
<script> | ||
import Mixins from "../utils/Mixins.vue"; | ||
export default { | ||
mixins: [Mixins], | ||
props: { | ||
parameters: Array | ||
}, | ||
data: function() { | ||
return { | ||
selectedParameter: null | ||
}; | ||
}, | ||
computed: { | ||
showEditParameter() { | ||
let roles = ["standard", "advanced", "admin"]; | ||
return roles.includes(this.$store.state.currentUser.role); | ||
} | ||
}, | ||
methods: { | ||
editParameter(parameter) { | ||
this.$emit("editParameter", parameter); | ||
} | ||
} | ||
}; | ||
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
<template> | ||
<button class="btn btn-outline-secondary float-right ml-1" type="button" data-dismiss="modal"> | ||
Close | ||
</button> | ||
</template> |
51 changes: 51 additions & 0 deletions
51
app/init/src/components/parameter/ParameterButtonDelete.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,51 @@ | ||
<template> | ||
<button v-if="show" type="button" class="btn btn-danger" v-on:click="deleteObject" data-dismiss="modal"> | ||
Delete | ||
</button> | ||
</template> | ||
|
||
<script> | ||
import Mixins from "../utils/Mixins.vue"; | ||
export default { | ||
mixins: [Mixins], | ||
props: { | ||
parameterId: Number | ||
}, | ||
computed: { | ||
show() { | ||
let roles = ["standard", "advanced", "admin"]; | ||
return roles.includes(this.$store.state.currentUser.role); | ||
} | ||
}, | ||
methods: { | ||
deleteObject() { | ||
// Method to delete object | ||
let payload = { | ||
query: this.$store.state.mutationDeleteParameter, | ||
variables: { | ||
id: this.parameterId | ||
} | ||
}; | ||
let headers = {}; | ||
if (this.$session.exists()) { | ||
headers = { Authorization: "Bearer " + this.$session.get("jwt") }; | ||
} | ||
this.$http.post(this.$store.state.graphqlUrl, payload, { headers }).then( | ||
function(response) { | ||
if (response.data.errors) { | ||
this.displayError(response); | ||
} else { | ||
// Send new parameter to parent to update parameter table | ||
this.$emit("removeParameter", this.parameterId); | ||
} | ||
}, | ||
// Error callback | ||
function(response) { | ||
this.displayError(response); | ||
} | ||
); | ||
} | ||
} | ||
}; | ||
</script> |
Oops, something went wrong.