-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponenPlan.drawio
100 lines (100 loc) · 8.58 KB
/
componenPlan.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<mxfile host="65bd71144e">
<diagram id="Jwft0lW1LdbbYtaQRuda" name="Page-1">
<mxGraphModel dx="1646" dy="568" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="7" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="3" target="6" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="21" value="" style="edgeStyle=none;html=1;fontColor=#000000;startArrow=none;" parent="1" source="32" target="20" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="23" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="3" target="22" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="3" value="<font color="#000000">APP</font>" style="whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientColor=#ffd966;" parent="1" vertex="1">
<mxGeometry x="354" y="30" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="9" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="6" target="8" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="11" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="6" target="10" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="14" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="6" target="10" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="15" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="6" target="10" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="17" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="6" target="16" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="19" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="6" target="18" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="6" value="<font color="#000000">Header / static section</font>" style="whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientColor=#ffd966;" parent="1" vertex="1">
<mxGeometry x="60" y="190" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="8" value="<font color="#000000">Title</font>" style="whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientColor=#ffd966;" parent="1" vertex="1">
<mxGeometry x="-120" y="360" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="13" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="10" target="12" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="10" value="<font color="#000000">Searchbar</font>" style="whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientColor=#ffd966;" parent="1" vertex="1">
<mxGeometry x="20" y="360" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="12" value="<font color="#000000">searchbutton</font>" style="whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientColor=#ffd966;" parent="1" vertex="1">
<mxGeometry x="20" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="16" value="<font color="#000000">topic drop down</font>" style="whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientColor=#ffd966;" parent="1" vertex="1">
<mxGeometry x="160" y="360" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="18" value="<font color="#000000">logo</font>" style="whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;gradientColor=#ffd966;" parent="1" vertex="1">
<mxGeometry x="-130" y="250" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="25" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="20" target="24" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="20" value="<font color="#000000">search results section</font>" style="whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;" parent="1" vertex="1">
<mxGeometry x="354" y="420" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="27" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="22" target="26" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="29" value="" style="edgeStyle=none;html=1;fontColor=#000000;" parent="1" source="22" target="28" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="22" value="<font color="#000000">detail video</font>" style="whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;" parent="1" vertex="1">
<mxGeometry x="570" y="190" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="24" value="<font color="#000000">video preview(s)</font>" style="whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;gradientColor=#97d077;" parent="1" vertex="1">
<mxGeometry x="354" y="540" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="26" value="<font color="#000000">one video</font>" style="whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;" parent="1" vertex="1">
<mxGeometry x="570" y="300" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="28" value="<font color="#000000">description</font>" style="whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;gradientColor=#7ea6e0;" parent="1" vertex="1">
<mxGeometry x="740" y="240" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="31" value="<font color="#000000">Home<br>(visible on all pages)</font>" style="ellipse;whiteSpace=wrap;html=1;fillColor=#f5f5f5;gradientColor=#b3b3b3;strokeColor=#666666;" parent="1" vertex="1">
<mxGeometry x="180" y="120" width="150" height="40" as="geometry"/>
</mxCell>
<mxCell id="32" value="<font color="#000000">after search</font>" style="ellipse;whiteSpace=wrap;html=1;fillColor=#f5f5f5;gradientColor=#b3b3b3;strokeColor=#666666;" parent="1" vertex="1">
<mxGeometry x="339" y="240" width="150" height="40" as="geometry"/>
</mxCell>
<mxCell id="33" value="" style="edgeStyle=none;html=1;fontColor=#000000;endArrow=none;" parent="1" source="3" target="32" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="414" y="90" as="sourcePoint"/>
<mxPoint x="414" y="420" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="35" value="<font color="#000000">after specific video was chosen</font>" style="ellipse;whiteSpace=wrap;html=1;fillColor=#f5f5f5;gradientColor=#b3b3b3;strokeColor=#666666;" parent="1" vertex="1">
<mxGeometry x="450" y="120" width="150" height="40" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>