-
-
-
+
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/ConfirmModal.vue b/railsignal-app/src/components/ConfirmModal.vue
new file mode 100644
index 0000000..9df94b8
--- /dev/null
+++ b/railsignal-app/src/components/ConfirmModal.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
{{title}}
+
+
+
{{message}}
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/RailSystem.vue b/railsignal-app/src/components/RailSystem.vue
index 11a5da4..a7870e8 100644
--- a/railsignal-app/src/components/RailSystem.vue
+++ b/railsignal-app/src/components/RailSystem.vue
@@ -1,26 +1,25 @@
-
{{railSystem.name}}
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/AddRailSystemModal.vue b/railsignal-app/src/components/railsystem/AddRailSystemModal.vue
new file mode 100644
index 0000000..d5e93fc
--- /dev/null
+++ b/railsignal-app/src/components/railsystem/AddRailSystemModal.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
Add New Rail System
+
+
+
+
+
+
+ {{msg}}
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/AddSegment.vue b/railsignal-app/src/components/railsystem/AddSegment.vue
deleted file mode 100644
index f3c3aa1..0000000
--- a/railsignal-app/src/components/railsystem/AddSegment.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
Add Segment
-
-
-
-
-
-
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/AddSegmentModal.vue b/railsignal-app/src/components/railsystem/AddSegmentModal.vue
new file mode 100644
index 0000000..2133137
--- /dev/null
+++ b/railsignal-app/src/components/railsystem/AddSegmentModal.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
Add Segment
+
+
+
+
+ Add a new segment to this rail system. A segment is the
+ basic organizational unit of any rail system. It is a section of
+ the network that signals can monitor, and segment boundary nodes
+ define the extent of the segment, and monitor trains entering and
+ leaving the segment.
+
+
+ You can think of a segment as a single, secure block of of the rail
+ network that only one train may pass through at once. For example,
+ a junction or station siding.
+
+
+
+
+ {{msg}}
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/MapView.vue b/railsignal-app/src/components/railsystem/MapView.vue
index 8a61c5c..3ce9e1a 100644
--- a/railsignal-app/src/components/railsystem/MapView.vue
+++ b/railsignal-app/src/components/railsystem/MapView.vue
@@ -1,5 +1,5 @@
-
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/RailSystemPropertiesView.vue b/railsignal-app/src/components/railsystem/RailSystemPropertiesView.vue
new file mode 100644
index 0000000..29c1edd
--- /dev/null
+++ b/railsignal-app/src/components/railsystem/RailSystemPropertiesView.vue
@@ -0,0 +1,73 @@
+
+
Rail System: {{railSystem.name}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/SegmentsView.vue b/railsignal-app/src/components/railsystem/SegmentsView.vue
index 65e5673..e8237c9 100644
--- a/railsignal-app/src/components/railsystem/SegmentsView.vue
+++ b/railsignal-app/src/components/railsystem/SegmentsView.vue
@@ -1,22 +1,22 @@
-
Segments
-
-
- {{segment.name}}
+
Segments
+
+
+ {{segment.name}}
+
-
-
-
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/component/AddSegmentBoundaryModal.vue b/railsignal-app/src/components/railsystem/component/AddSegmentBoundaryModal.vue
new file mode 100644
index 0000000..7b1add1
--- /dev/null
+++ b/railsignal-app/src/components/railsystem/component/AddSegmentBoundaryModal.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
+
Add Segment Boundary
+
+
+
+
+ A segment boundary is a component that defines a link
+ between one segment and another. This component can be used to
+ monitor trains entering and exiting the connected segments. Usually
+ used in conjunction with signals for classic railway signalling
+ systems.
+
+
+
+
+ {{msg}}
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/component/AddSignal.vue b/railsignal-app/src/components/railsystem/component/AddSignal.vue
deleted file mode 100644
index 6313c47..0000000
--- a/railsignal-app/src/components/railsystem/component/AddSignal.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-
-
Add Signal
-
-
-
-
-
-
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/component/AddSignalModal.vue b/railsignal-app/src/components/railsystem/component/AddSignalModal.vue
new file mode 100644
index 0000000..dcfe659
--- /dev/null
+++ b/railsignal-app/src/components/railsystem/component/AddSignalModal.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
Add Signal
+
+
+
+
+ A signal is a component that relays information about your
+ rail system to in-world devices. Classically, rail signals show a
+ lamp indicator to tell information about the segment of the network
+ they're attached to.
+
+
+
+
+ {{msg}}
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/component/AddSwitchModal.vue b/railsignal-app/src/components/railsystem/component/AddSwitchModal.vue
new file mode 100644
index 0000000..0a95194
--- /dev/null
+++ b/railsignal-app/src/components/railsystem/component/AddSwitchModal.vue
@@ -0,0 +1,122 @@
+
+
+
+
+
+
Add Switch
+
+
+
+
+
+
+ {{msg}}
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/component/ComponentView.vue b/railsignal-app/src/components/railsystem/component/ComponentView.vue
index d6fc2ed..d830c21 100644
--- a/railsignal-app/src/components/railsystem/component/ComponentView.vue
+++ b/railsignal-app/src/components/railsystem/component/ComponentView.vue
@@ -1,23 +1,42 @@
-
+
{{component.name}}
-
- Id: {{component.id}}
-
-
- Position: (x = {{component.position.x}}, y = {{component.position.y}}, z = {{component.position.z}})
-
-
- Type: {{component.type}}
-
-
- Online: {{component.online}}
-
+ {{component.type}}
+
+
+
+
Id
{{component.id}}
+
+
+
Position
+
+
+
+
+
X = {{component.position.x}}
+
Y = {{component.position.y}}
+
Z = {{component.position.z}}
+
+
+
+
+
+
+
Online
{{component.online}}
+
+
+
-
+
+
\ No newline at end of file
diff --git a/railsignal-app/src/components/railsystem/component/PathNodeComponentView.vue b/railsignal-app/src/components/railsystem/component/PathNodeComponentView.vue
index 7fa0f01..6be36af 100644
--- a/railsignal-app/src/components/railsystem/component/PathNodeComponentView.vue
+++ b/railsignal-app/src/components/railsystem/component/PathNodeComponentView.vue
@@ -1,22 +1,39 @@