Added delete feature for nodes.
This commit is contained in:
parent
39e7af6238
commit
79aadc85c2
20 changed files with 300 additions and 20 deletions
app/styles
main.scss
views
|
@ -8,10 +8,12 @@
|
|||
@import "views/_main";
|
||||
@import "views/_newNodeForm";
|
||||
@import "views/_updateNodeForm";
|
||||
@import "views/_deleteNodeForm";
|
||||
@import "views/directives/_help";
|
||||
@import "views/directives/_nodeForm";
|
||||
@import "views/directives/_nodeSaved";
|
||||
@import "views/directives/_tokenForm";
|
||||
@import "views/dialogs/_confirmDeletionDialog";
|
||||
@import "views/dialogs/_outsideOfCommunityDialog";
|
||||
|
||||
body {
|
||||
|
|
44
app/styles/views/_deleteNodeForm.scss
Normal file
44
app/styles/views/_deleteNodeForm.scss
Normal file
|
@ -0,0 +1,44 @@
|
|||
.delete-node-form {
|
||||
@extend .container;
|
||||
}
|
||||
|
||||
.node-deleted {
|
||||
@extend .jumbotron, .container;
|
||||
|
||||
.summary, .actions {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.actions {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.token-hint {
|
||||
font: {
|
||||
weight: bold;
|
||||
size: 32px;
|
||||
}
|
||||
|
||||
text-align: center;
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.summary {
|
||||
.node {
|
||||
@extend .well;
|
||||
|
||||
border: 3px dashed $gray;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
margin: {
|
||||
top: 30px;
|
||||
bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.back-button {
|
||||
@extend .btn, .btn-lg, .btn-info;
|
||||
}
|
||||
}
|
|
@ -9,11 +9,19 @@
|
|||
bottom: 25px;
|
||||
}
|
||||
|
||||
.new-node, .update-node {
|
||||
@extend .col-md-5;
|
||||
.new-node, .update-node, .delete-node {
|
||||
@extend .col-md-4;
|
||||
|
||||
button {
|
||||
@extend .btn, .btn-lg, .btn-block;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
||||
padding: {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -29,10 +37,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.or {
|
||||
@extend .col-md-2;
|
||||
|
||||
text-align: center;
|
||||
.delete-node {
|
||||
button {
|
||||
//@extend .btn-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
33
app/styles/views/dialogs/_confirmDeletionDialog.scss
Normal file
33
app/styles/views/dialogs/_confirmDeletionDialog.scss
Normal file
|
@ -0,0 +1,33 @@
|
|||
.confirm-deletion-dialog {
|
||||
.modal-header {
|
||||
h3 {
|
||||
@extend .modal-title;
|
||||
}
|
||||
|
||||
.cancel-icon {
|
||||
@extend .fa, .fa-times;
|
||||
|
||||
position: relative;
|
||||
float: right;
|
||||
|
||||
top: 10px;
|
||||
right: 0;
|
||||
|
||||
margin-left: 15px;
|
||||
|
||||
cursor: pointer;
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
.modal-footer {
|
||||
.proceed {
|
||||
@extend .btn;
|
||||
|
||||
margin-left: 5px;
|
||||
|
||||
&.proceed {
|
||||
@extend .btn-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,4 +1,8 @@
|
|||
f-token-form {
|
||||
form {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.main-error {
|
||||
@extend .alert, .alert-danger;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue