mirror of
https://github.com/nasa/openmct.git
synced 2024-12-30 09:58:52 +00:00
71 lines
2.9 KiB
HTML
71 lines
2.9 KiB
HTML
<!--
|
||
Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||
as represented by the Administrator of the National Aeronautics and Space
|
||
Administration. All rights reserved.
|
||
|
||
Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||
"License"); you may not use this file except in compliance with the License.
|
||
You may obtain a copy of the License at
|
||
http://www.apache.org/licenses/LICENSE-2.0.
|
||
|
||
Unless required by applicable law or agreed to in writing, software
|
||
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||
License for the specific language governing permissions and limitations
|
||
under the License.
|
||
|
||
Open MCT Web includes source code licensed under additional open source
|
||
licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||
this source code distribution or the Licensing information page available
|
||
at runtime from the About dialog for additional information.
|
||
-->
|
||
<div ng-init="
|
||
bubbles = [
|
||
{layout: 'arw-top arw-left'},
|
||
{layout: 'arw-top arw-right'},
|
||
{layout: 'arw-btm arw-left'},
|
||
{layout: 'arw-btm arw-right'}
|
||
];
|
||
|
||
titlex='Egress Scenario scelerisque mauris pid montes nunc ut aliquam elementum tincidunt phasellus 1';
|
||
title='Egress Scenario 1';
|
||
|
||
propertiesShort=[{label:'Type', value:'Timeline', align:'left'},
|
||
{label:'Start', value:'2015-04-27 00:00:00 UTC', align:'left'},
|
||
{label:'End', value:'2015-04-27 09:15:37 UTC', align:'left'},
|
||
{label:'ID', value:'WRP-T-89', align:'left'}];
|
||
|
||
properties=[{label:'Type', value:'Timeline', align:'left'},
|
||
{label:'Start', value:'2015-04-27 00:00:00 UTC', align:'left'},
|
||
{label:'End', value:'2015-04-27 06:07:26 UTC', align:'left'},
|
||
{label:'Duration', value:'06:07:26', align:'left'},
|
||
{label:'Created', value:'2015-04-26 12:27:00 UTC', align:'left'},
|
||
{label:'Modified', value:'2015-04-26 23:21:00 UTC', align:'left'},
|
||
{label:'Status', value:'Up to date', align:'left'},
|
||
{label:'URL', value:'http://www.logitech.com/en-us/product/bluetooth-mouse-m557?crid=7', align:'wrap'},
|
||
{label:'Description', value:'Enjoy exceptional battery life for a Bluetooth mouse, and work for up to a full year between battery changes, An On/Off switch helps conserve power, smart sleep mode extends battery life, and an indicator light helps to ensure that you’ll never be caught off guard.', align:'wrap'},
|
||
{label:'ID', value:'WRP-T-89', align:'left'}];
|
||
"></div>
|
||
|
||
|
||
<div
|
||
style="position: absolute"
|
||
ng-repeat="bubble in bubbles"
|
||
ng-style="{left: $index * 300 + 'px'}"
|
||
>
|
||
<div class="t-infobubble s-infobubble l-infobubble-wrapper {{bubble.layout}}">
|
||
<div class="l-infobubble">
|
||
<div
|
||
ng-show="title.length > 0"
|
||
class="title"
|
||
>{{title}}
|
||
</div>
|
||
<table>
|
||
<tr ng-repeat="property in properties">
|
||
<td class="label">{{property.label}}</td>
|
||
<td title="{{property.value}}" class="value align-{{property.align}}">{{property.value}}</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div> |