Update diagrams.drawio

StephenGrider · Jun 29, 2020 · f9102a3 · f9102a3
1 parent 26e4b9d
commit f9102a3
Showing 1 changed file with 41 additions and 1 deletion.
diff --git a/diagrams/widgets/diagrams.drawio b/diagrams/widgets/diagrams.drawio
@@ -1,4 +1,4 @@
-<mxfile host="app.diagrams.net" modified="2020-06-29T17:16:50.766Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36" etag="2moyZDTcs8DCggcbqWXu" version="13.3.5" type="github" pages="6">
+<mxfile host="app.diagrams.net" modified="2020-06-29T17:18:16.803Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36" etag="BGAzLSiL0dRobVkTMErU" version="13.3.5" type="github" pages="7">
   <diagram id="EvLtTyISAtRJ5Ij_rjxi" name="01 - nav">
     <mxGraphModel dx="546" dy="269" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0">
       <root>
@@ -227,4 +227,44 @@
       </root>
     </mxGraphModel>
   </diagram>
+  <diagram name="07 - comps" id="jRauV_DP7N702LmcCnp1">
+    <mxGraphModel dx="653" dy="321" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0">
+      <root>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-0" />
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-1" parent="UmIB8o3Uyut0ldMsgMrf-0" />
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontSize=11;" edge="1" parent="UmIB8o3Uyut0ldMsgMrf-1" source="UmIB8o3Uyut0ldMsgMrf-3" target="UmIB8o3Uyut0ldMsgMrf-4">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-3" value="Need to hide/show components based on the URL" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=15;fillColor=#dae8fc;strokeColor=#6c8ebf;fontStyle=0" vertex="1" parent="UmIB8o3Uyut0ldMsgMrf-1">
+          <mxGeometry x="510" y="270" width="270" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-10" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fontSize=15;" edge="1" parent="UmIB8o3Uyut0ldMsgMrf-1" source="UmIB8o3Uyut0ldMsgMrf-4" target="UmIB8o3Uyut0ldMsgMrf-9">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-4" value="When we go to a route of &#39;/list&#39;, we should show the Wikipedia search widget.&lt;br&gt;When we go to a route of &#39;/dropdown&#39;, we should show the Dropdown compoennt" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=11;" vertex="1" parent="UmIB8o3Uyut0ldMsgMrf-1">
+          <mxGeometry x="810" y="270" width="240" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontSize=20;" edge="1" parent="UmIB8o3Uyut0ldMsgMrf-1" source="UmIB8o3Uyut0ldMsgMrf-7" target="UmIB8o3Uyut0ldMsgMrf-8">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-7" value="Need to be able to change the URL &lt;i style=&quot;font-size: 15px;&quot;&gt;without&lt;/i&gt;&amp;nbsp;causing a full page reload" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=15;fillColor=#dae8fc;strokeColor=#6c8ebf;fontStyle=0" vertex="1" parent="UmIB8o3Uyut0ldMsgMrf-1">
+          <mxGeometry x="510" y="430" width="270" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-8" value="Users still need to be able to click an &#39;a&#39; tag and see the page change. But clicking on an &#39;a&#39; tag normally causes a full page reload!" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=11;" vertex="1" parent="UmIB8o3Uyut0ldMsgMrf-1">
+          <mxGeometry x="810" y="430" width="240" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-9" value="Create a new Route component.&amp;nbsp; It will watch the URL and hide/show a component based on the URL" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=12;fillColor=#d5e8d4;strokeColor=#82b366;fontStyle=1" vertex="1" parent="UmIB8o3Uyut0ldMsgMrf-1">
+          <mxGeometry x="810" y="350" width="240" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-11" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fontSize=15;" edge="1" parent="UmIB8o3Uyut0ldMsgMrf-1" target="UmIB8o3Uyut0ldMsgMrf-12">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="930" y="490" as="sourcePoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="UmIB8o3Uyut0ldMsgMrf-12" value="Create a new Link component. It will work like an anchor element, but run special logic when a user clicks on it" style="rounded=0;whiteSpace=wrap;html=1;shadow=1;fontSize=12;fillColor=#d5e8d4;strokeColor=#82b366;fontStyle=1" vertex="1" parent="UmIB8o3Uyut0ldMsgMrf-1">
+          <mxGeometry x="810" y="510" width="240" height="60" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
 </mxfile>