OLD | NEW |
1 <div class="topology"> | 1 <div class="topology"> |
2 <div class="crosshatch-background topology-canvas"> | 2 <div class="crosshatch-background topology-canvas"> |
3 <div id="environment-help" style="display: none;"> | 3 <div id="environment-help" style="display: none;"> |
4 <div class="vertical-center-floater"></div> | 4 <div class="vertical-center-floater"></div> |
5 <div class="content"> | 5 <div class="content"> |
6 <h1>Add your first charm here!</h1> | 6 <h1>Add your first charm here!</h1> |
7 <i class="sprite empty_canvas"></i> | 7 <i class="sprite empty_canvas"></i> |
8 <p> | 8 <p> |
9 Click on a charm on the left to view its details. Select the | 9 Click on a charm on the left to view its details. Select the |
10 Add button to add it to this canvas. | 10 Add button to add it to this canvas. |
11 </p> | 11 </p> |
12 </div> | 12 </div> |
13 </div> | 13 </div> |
14 <div class="environment-menu" id="service-menu"> | 14 <div class="environment-menu" id="service-menu"> |
15 <div class="triangle"> </div> | 15 <div class="triangle"> </div> |
16 <ul> | 16 <ul> |
17 <li class="view-service">View</li> | 17 <li class="view-service">View</li> |
18 <li class="add-relation">Build Relation</li> | 18 <li class="add-relation">Build Relation</li> |
19 <li class="destroy-service">Destroy</li> | 19 <li class="destroy-service">Destroy</li> |
20 <li class="landscape-reboot"><a href="#">Machine Restart Needed<
/a></li> | 20 <li class="landscape-reboot"><a href="#">Machine Restart Needed<
/a></li> |
21 <li class="landscape-security"><a href="#">Security Updates Avai
lable</a></li> | 21 <li class="landscape-security"><a href="#">Security Updates Avai
lable</a></li> |
22 </ul> | 22 </ul> |
23 </div> | 23 </div> |
24 <div class="environment-menu" id="ambiguous-relation-menu"> | 24 <div class="environment-menu" id="ambiguous-relation-menu"> |
25 <div class="triangle"> </div> | 25 <div class="triangle"> </div> |
26 <div class="menu-title">Select relation type:</div> | 26 <div class="menu-title">Select relation type:</div> |
27 <ul/> | 27 <ul/> |
28 </div> | 28 </div> |
| 29 <div id="feedback-box"> |
| 30 <a target="_blank" |
| 31 href="https://www.surveymonkey.com/s/jujugui">Feedback</a> |
| 32 </div> |
29 </div> | 33 </div> |
30 <div id="overview-tasks" class="bottom-navbar"> | 34 <div id="overview-tasks" class="bottom-navbar"> |
31 <div class="controls yui3-skin-sam"> | 35 <div class="controls yui3-skin-sam"> |
32 <img id="zoom-out-btn" src="/juju-ui/assets/images/zoom_minus.png" /
> | 36 <img id="zoom-out-btn" src="/juju-ui/assets/images/zoom_minus.png" /
> |
33 <span id="slider-parent"></span> | 37 <span id="slider-parent"></span> |
34 <img id="zoom-in-btn" src="/juju-ui/assets/images/zoom_plus.png" /> | 38 <img id="zoom-in-btn" src="/juju-ui/assets/images/zoom_plus.png" /> |
35 <img class="divider" src="/juju-ui/assets/images/bottom_bar_big_div.
png" /> | 39 <img class="divider" src="/juju-ui/assets/images/bottom_bar_big_div.
png" /> |
36 </div> | 40 </div> |
37 {{> landscape-controls }} | 41 {{> landscape-controls }} |
38 </div> | 42 </div> |
39 <div id="rmrelation-modal-panel"></div> | 43 <div id="rmrelation-modal-panel"></div> |
40 <div id="rmsubrelation-modal-panel"></div> | 44 <div id="rmsubrelation-modal-panel"></div> |
41 </div> | 45 </div> |
OLD | NEW |