Skip to content

R
RLG Maker
Switch branch/tag
Find file
Normal viewHistoryPermalink
app.component.html 9.52 KB
Newer Older
Romain DELEAU's avatar
add sider
c58576fd
 
Romain DELEAU committed
1 
<div class="container">
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
2 3 4 5 6 
    <div class="container-appDragScroll" appDragScroll>
        <div class="container-appMouseWheelZoom" appMouseWheelZoom>

            <div class="container-scenario-main">
                <div class="container-scenario-main-gamePieces" [style.z-index]="4">
Romain DELEAU's avatar
add step piece
f35a2b89
 
Romain DELEAU committed
7 8 9 10 
                    <app-game-educationnal-objective></app-game-educationnal-objective>
                    <app-game-context [style.z-index]="2"></app-game-context>
                </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
11 12 
                <div class="container-scenario-main-missions">
                    <div class="container-scenario-main-missions-mission">
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
13 14 15 16 17 18 19 

                        <div class="container-scenario-chronologie">
                            <div class="container-scenario-chronologie-title">Chronologie générale de la mission</div>
                            <div class="container-scenario-chronologie-steps">
                                <app-step [style.z-index]="2"></app-step>
                                <app-step [style.z-index]="1"></app-step>
                            </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
20 21 
                        </div>
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 
                        <div class="container-scenario-chronologie">
                            <div class="container-scenario-chronologie-title">Chronologie du rôle</div>
                            <div class="container-scenario-chronologie-steps">
                                <app-step [style.z-index]="2"></app-step>
                                <app-step [style.z-index]="1"></app-step>
                            </div>
                        </div>                        

                        <div style="display: flex;">
                            <div class="container-scenario-main-missions-mission-missionPieces" [style.z-index]="3">
                                <app-educational-objective></app-educational-objective>
                                <app-mission-context [style.z-index]="2"></app-mission-context>
                            </div>

                            <div class="container-scenario-main-missions-mission-roles" [style.z-index]="2">
                                <div class="container-scenario-main-missions-mission-roles-role">
                                    <app-role [style.z-index]="10"></app-role>
                                    <div class="container-scenario-main-missions-mission-roles-role-tasks"
                                        [style.z-index]="1">
                                        <div class="container-scenario-main-missions-mission-roles-role-tasks-inlineTasks"
                                            [style.z-index]="2">
Romain DELEAU's avatar
add repeat-task
f5c56a6e
 
Romain DELEAU committed
43 
                                            <app-task [style.z-index]="3"></app-task>
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
44 
                                            <app-task [style.z-index]="2"></app-task>
Romain DELEAU's avatar
add repeat-task
f5c56a6e
 
Romain DELEAU committed
45 
                                            <app-repeat-task [style.z-index]="1"></app-repeat-task>
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
46 47 48 49 
                                        </div>
                                        <div class="container-scenario-main-missions-mission-roles-role-tasks-inlineTasks"
                                            [style.z-index]="2">
                                            <app-annexe-task [style.z-index]="2"></app-annexe-task>
Romain DELEAU's avatar
add final-task
b7d3b112
 
Romain DELEAU committed
50 
                                            <app-final-task [style.z-index]="1"></app-final-task>
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
51 52 53 54 55 
                                        </div>
                                        <div class="container-scenario-main-missions-mission-roles-role-tasks-inlineTasks"
                                            [style.z-index]="2">
                                            <app-random-event [style.z-index]="2"></app-random-event>
                                        </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
56 57 
                                    </div>
                                </div>
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
58 59 60 61 62 63 64 65 66 
                                <div class="container-scenario-main-missions-mission-roles-role">
                                    <app-role [style.z-index]="10"></app-role>
                                    <div class="container-scenario-main-missions-mission-roles-role-tasks"
                                        [style.z-index]="1">
                                        <div class="container-scenario-main-missions-mission-roles-role-tasks-inlineTasks" [style.z-index]="2">
                                            <app-task [style.z-index]="3"></app-task>
                                            <app-annexe-task [style.z-index]="2"></app-annexe-task>
                                            <app-random-event [style.z-index]="1"></app-random-event>
                                        </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
67 68 
                                    </div>
                                </div>
Romain DELEAU's avatar
add step piece
f35a2b89
 
Romain DELEAU committed
69 
                            </div>
Romain DELEAU's avatar
add drag scroll
97e2c4d7
 
Romain DELEAU committed
70 
                        </div>
Romain DELEAU's avatar
add sider
c58576fd
 
Romain DELEAU committed
71 
                    </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
72 73 

                    <div class="container-scenario-main-missions-mission">
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
74 75 76 77 78 79 80 

                        <div class="container-scenario-chronologie">
                            <div class="container-scenario-chronologie-title">Chronologie générale de la mission</div>
                            <div class="container-scenario-chronologie-steps">
                                <app-step [style.z-index]="2"></app-step>
                                <app-step [style.z-index]="1"></app-step>
                            </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
81 82 
                        </div>
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 
                        <div class="container-scenario-chronologie">
                            <div class="container-scenario-chronologie-title">Chronologie du rôle</div>
                            <div class="container-scenario-chronologie-steps">
                                <app-step [style.z-index]="2"></app-step>
                                <app-step [style.z-index]="1"></app-step>
                            </div>
                        </div>

                        <div style="display: flex;">
                            <div class="container-scenario-main-missions-mission-missionPieces" [style.z-index]="3">
                                <app-educational-objective></app-educational-objective>
                                <app-mission-context [style.z-index]="2"></app-mission-context>
                            </div>

                            <div class="container-scenario-main-missions-mission-roles" [style.z-index]="2">
                                <div class="container-scenario-main-missions-mission-roles-role">
                                    <app-role [style.z-index]="10"></app-role>
                                    <div class="container-scenario-main-missions-mission-roles-role-tasks"
                                        [style.z-index]="1">
                                        <div class="container-scenario-main-missions-mission-roles-role-tasks-inlineTasks"
                                            [style.z-index]="2">
                                            <app-task [style.z-index]="2"></app-task>
                                            <app-task [style.z-index]="1"></app-task>
                                        </div>
                                        <div class="container-scenario-main-missions-mission-roles-role-tasks-inlineTasks"
                                            [style.z-index]="2">
                                            <app-annexe-task [style.z-index]="2"></app-annexe-task>
                                        </div>
                                        <div class="container-scenario-main-missions-mission-roles-role-tasks-inlineTasks"
                                            [style.z-index]="2">
                                            <app-random-event [style.z-index]="2"></app-random-event>
                                        </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
115 116 
                                    </div>
                                </div>
Romain DELEAU's avatar
add chronologie by mission and by role
dbf96472
 
Romain DELEAU committed
117 118 119 120 121 122 123 124 125 126 
                                <div class="container-scenario-main-missions-mission-roles-role">
                                    <app-role [style.z-index]="10"></app-role>
                                    <div class="container-scenario-main-missions-mission-roles-role-tasks"
                                        [style.z-index]="1">
                                        <div class="container-scenario-main-missions-mission-roles-role-tasks-inlineTasks"
                                            [style.z-index]="2">
                                            <app-task [style.z-index]="3"></app-task>
                                            <app-annexe-task [style.z-index]="2"></app-annexe-task>
                                            <app-random-event [style.z-index]="1"></app-random-event>
                                        </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
127 128 
                                    </div>
                                </div>
Romain DELEAU's avatar
add step piece
f35a2b89
 
Romain DELEAU committed
129 130 
                            </div>
                        </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
131 
                    </div>
Romain DELEAU's avatar
add sider
c58576fd
 
Romain DELEAU committed
132 
                </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
133 
            </div>
Romain DELEAU's avatar
add sider
c58576fd
 
Romain DELEAU committed
134 
        </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
135 
    </div>
Romain DELEAU's avatar
add sider
c58576fd
 
Romain DELEAU committed
136 137 

    <div class="container-sider">
Romain DELEAU's avatar
add sider-pieces (repeat done)
38dfd5a5
 
Romain DELEAU committed
138 139 
        <app-comments class="container-sider-element"></app-comments>
        <app-repeat class="container-sider-element"></app-repeat>
Romain DELEAU's avatar
add interupt sider-piece
225bafa9
 
Romain DELEAU committed
140 
        <app-interupt class="container-sider-element"></app-interupt>
Romain DELEAU's avatar
characters sider-pieces
c2ba6f7e
 
Romain DELEAU committed
141 
        <app-characters class="container-sider-element"></app-characters>
Romain DELEAU's avatar
add rules sider-piece
625acdfd
 
Romain DELEAU committed
142 
        <app-rules class="container-sider-element"></app-rules>
Romain DELEAU's avatar
base pieces
c114060a
 
Romain DELEAU committed
143 144 
    </div>
Romain DELEAU's avatar
add settings menu with Unity mode, save, load
5aa27877
 
Romain DELEAU committed
145 146 
    <div class="container-settings">
        <div class="container-settings-mode">
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
147 
            <input name="unity" type="checkbox" />
Romain DELEAU's avatar
add settings menu with Unity mode, save, load
5aa27877
 
Romain DELEAU committed
148 149 150 151 152 
            <label for="unity">Intégrer le jeu sous Unity</label>
        </div>
        <button mat-mini-fab color="white"><mat-icon fontIcon="save"></mat-icon></button>
        <button mat-mini-fab color="white"><mat-icon fontIcon="upload-file"></mat-icon></button>
    </div>
Romain DELEAU's avatar
rework scenario css
7c79e82a
 
Romain DELEAU committed
153 
</div>