gerrit.onap Code Review - portal/sdk.git/blob

   1
   2  <link rel="stylesheet" type="text/css" href="app/fusion/external/b2b/css/b2b-angular/b2b-angular.css">
   3         <link rel="stylesheet" type="text/css" href="app/fusion/external/b2b/css/b2b-angular/font_icons.css">
   4
   5         <link rel="stylesheet" type="text/css" href="app/fusion/styles/ecomp.css">
   6
   7                 <style type="text/css">
   8         /*
   9          *      NOTE: All CSS is purely cosmetic - it does not affect functionality
  10          *  http://layout.jquery-dev.com/demos.cfm
  11          */
  12
  13         /* customize borders to avoid double-borders around inner-layouts */
  14         .ui-layout-pane {
  15                 border:                 0; /* override layout-default-latest.css */
  16                 border-top:             1px solid #BBB;
  17                 border-bottom:  1px solid #BBB;
  18         }
  19         .ui-layout-pane-north ,
  20         .ui-layout-pane-south {
  21                 border:                 1px solid #BBB;
  22                 overflow:               auto;
  23         }
  24         .ui-layout-pane-west ,
  25         .ui-layout-pane-east {
  26         }
  27         .ui-layout-pane-center  {
  28                 border-left:    0;
  29                 border-right:   0;
  30                 }
  31                 .inner-center {
  32                         border:         1px solid #BBB;
  33                 }
  34
  35         /* add shading to outer sidebar-panes */
  36         .outer-west ,
  37         .outer-east {
  38                 background-color: #EEE;
  39         }
  40         .middle-west ,
  41         .middle-east {
  42                 background-color: #F8F8F8;
  43         }
  44
  45         /* remove padding & scrolling from panes that are 'containers' for nested layouts */
  46         .outer-center ,
  47         .middle-center {
  48                 border:                 0; /* cosmetic */
  49                 padding:                0;
  50                 overflow:               auto;
  51         }
  52
  53         /*
  54          *      customize borders on panes/resizers to make pretty
  55          */
  56         .ui-layout-pane-west            { border-right:         0; }
  57         .ui-layout-resizer-west         { border-left:          1px solid #BBB; }
  58         .ui-layout-pane-east            { border-left:          0; }
  59         .ui-layout-resizer-east         { border-right:         1px solid #BBB; }
  60         .ui-layout-pane-north           { border-bottom:        0; }
  61         .ui-layout-resizer-north        { border-top:           1px solid #BBB; }
  62         .ui-layout-pane-south           { border-top:           0; }
  63         .ui-layout-resizer-south        { border-bottom:        1px solid #BBB; }
  64         /*
  65          *      add borders to resizers when pane is 'closed'
  66          *
  67          *.ui-layout-resizer-closed     { border:                       1px solid #BBB; }
  68          */
  69         /*
  70          *      show both borders when the resizer is 'dragging'
  71          */
  72         .ui-layout-resizer-west-dragging ,
  73         .ui-layout-resizer-east-dragging {
  74                 border-left:            1px solid #BBB;
  75                 border-right:           1px solid #BBB;
  76         }
  77         .ui-layout-resizer-north-dragging ,
  78         .ui-layout-resizer-south-dragging {
  79                 border-top:             1px solid #BBB;
  80                 border-bottom:  1px solid #BBB;
  81         }
  82
  83
  84         /*
  85         layout toggler background image
  86         */
  87         .ui-layout-toggler-west, .ui-layout-toggler-east {
  88         border-width: 1px 0;
  89         background-image: url("static/fusion/images/layout/panel-e-w-toggle.png");
  90         background-size: 10px 10px;
  91     background-repeat: no-repeat;
  92     background-position: center;
  93         }
  94
  95         .ui-layout-toggler-north, .ui-layout-toggler-south {
  96         border-width: 0 1px;
  97         background-image: url("static/fusion/images/layout/panel-n-s-toggle.png");
  98         background-size: 10px 10px;
  99         background-repeat: no-repeat;
 100          background-position: center;
 101         }
 102
 103         body{background-color:#fff;font-size:14px;font-size:.875rem;margin:0;padding:0px 0 20px;position:relative}
 104
 105         </style>
 106 <!-- LAYOUT v 1.3.0 -->
 107         <script type="text/javascript" src="app/fusion/scripts/layout/jquery-latest.js"></script>
 108         <script type="text/javascript" src="app/fusion/scripts/layout/jquery-ui-latest.js"></script>
 109         <script type="text/javascript" src="app/fusion/scripts/layout/jquery.layout-latest.js"></script>
 110         <script type="text/javascript" src="app/fusion/scripts/webrtc/RTCMultiConnection.js"></script>
 111     <script type="text/javascript" src="app/fusion/scripts/socket/peerBroadcast.js"></script>
 112         <script type="text/javascript" src="app/fusion/scripts/layout/debug.js"></script>
 113
 114                 <script src="app/fusion/external/angular-1.4.8/angular.min.js"></script>
 115         <script src="app/fusion/external/angular-1.4.8/angular-messages.js"></script>
 116         <script src="app/fusion/external/angular-1.4.8/angular-touch.js"></script>
 117         <script src="app/fusion/external/angular-1.4.8/angular-sanitize.js"></script>
 118         <script src="app/fusion/external/angular-1.4.8/angular-route.min.js"></script>
 119         <script src="app/fusion/external/angular-1.4.8/angular-cookies.min.js"></script>
 120         <script src="app/fusion/external/ds2/js/appDS2.js"></script>
 121
 122
 123         <script src="app/fusion/scripts/DS2-services/ds2-modal/modalService.js"></script>
 124
 125
 126         <script type="text/javascript" src= "app/fusion/scripts/DS2-controllers/collaboration-controller.js"></script>
 127
 128 <div class="outer-center" style="position: absolute; left: 12px; right: 0px; top: 0px;bottom: 0px;">
 129         <div class="inner-center">
 130
 131         <!--    <jsp:include page="/WEB-INF/fusion/zul/chatOne.zul" /> -->
 132
 133
 134
 135         <table style="width: 100%;">
 136                                 <tbody><tr>
 137                     <td>
 138                         <button type="button" id="share-screen"  class="btn btn-alt btn-small setup">Start Session</button>
 139                                     <button id="stop-share-screen"  class="btn btn-alt btn-small setup">Stop Session</button>
 140                                         <button id="view-screen" class="btn btn-alt btn-small setup">View</button>
 141
 142                     </td>
 143
 144                 </tr>
 145             </tbody>
 146
 147                 <tbody><tr>
 148                     <td>
 149                          <input type="text" id="chat-input" style="font-size: 1.2em;visibility:collapse;" placeholder="type here.."/>
 150                          <div id="chat-output"></div>
 151                     </td>
 152                 </tr>
 153             </tbody>
 154     </table>
 155
 156
 157         </div>
 158         <div id="inner-south" class="ui-layout-south">
 159                 <div class="videoContainer1"></div>
 160                 <div class="videoContainer2"></div>
 161
 162         </div>
 163 </div>
 164
 165 <div class="outer-west">
 166    <div class="screenContainer1"></div>
 167    <div class="screenContainer2"></div>
 168    <div ng-controller="collaborationControllerDS2">
 169    </div>
 170 </div>
 171
 172
 173
 174
 175
 176