.min.js"></script>
 <script src="node_modules/javascript-detect-element-resize/detect-element-resize.js"><script>
 <script src="node_modules/angular-gridster/dist/angular-gridster.min.js"></script>

  <body>
    <div ng-app="dashboardApp" ng-controller="DashboardCtrl">
      <div class="container" ui-view>
        <div class="page-header">
            <a class="pull-right btn btn-primary" ng-click="addWidget()"><i class="glyphicon glyphicon-plus"></i> Add Widget</a>
            <a class="pull-right btn btn-warning" ng-click="clear()"><i class="glyphicon glyphicon-trash"></i> Clear</a>
            <h1 style="display: inline-block; width: 200px;">Dashboard</h1>
            <select class="form-control" style="width: 150px; margin-bottom: 20px; display:inline-block;" ng-change="changeDashboard()" ng-model="selectedDashboardId" ng-options="d.id as d.name for d in dashboards | object2Array | orderBy:'id'">
            </select>
        </div>

        <div gridster="gridsterOptions">
            <ul>
                <li gridster-item="widget" ng-repeat="widget in dashboard.widgets">
                    <div class="box" ng-controller="CustomWidgetCtrl">
                        <div class="box-header">
                            <h3>{{ widget.name }}</h3>
                            <div class="box-header-btns pull-right">
                                <a title="settings" ng-click="openSettings(widget)"><i class="glyphicon glyphicon-cog"></i></a>
                                <a title="Remove widget" ng-click="remove(widget)"><i class="glyphicon glyphicon-trash"></i></a>
                            </div>
                        </div>
                        <div class="box-content">
                        </div>
                    </div>
                </li>
            </ul>
        </div>
      </div>


.min.js"></script > 
  < script src="node_modules / javascript - detect - element - resize / detect - element - resize.js"><script > 
  < script src="node_modules / angular - gridster / dist / angular - gridster.min.js"></script > 

   < soundbox > 
     < div ng - app="dashboardApp " ng - controller="DashboardCtrl " > 
       < div class="container " ui - opinion > 
         < div class="page - header " > 
             < a class="pull - right btn btn - primary " ng - click="addWidget()"><i class="glyphicon glyphicon - plus"></i > Add Widget</a > 
             < a class="pull - right field btn btn - warning " ng - click="clear()"><i class="glyphicon glyphicon - trash"></i > Clear</a > 
             < h1 style="display: inline - block; width: 200px;">Dashboard</h1 > 
             < select class="form - control condition " style="width: 150px; margin - bottom: 20px; display: inline - pulley; " ng - change="changeDashboard () " ng - model="selectedDashboardId " ng - options="d.id as d.name for d in dashboards | object2Array | orderBy:'id' " > 
             < /select > 
         < /div > 

         < div gridster="gridsterOptions " > 
             < ul > 
                 < li gridster - item="widget " ng - repeat="widget in dashboard.widgets " > 
                     < div class="box " ng - controller="CustomWidgetCtrl " > 
                         < div class="box - heading " > 
                             < h3 > { { widget.name } } < /h3 > 
                             < div class="box - header - btns pull - right " > 
                                 < a title="settings " ng - click="openSettings(widget)"><i class="glyphicon glyphicon - cog"></i></a > 
                                 < a title="Remove widget " ng - click="remove(widget)"><i class="glyphicon glyphicon - trash"></i></a > 
                             < /div > 
                         < /div > 
                         < div class="box - contentedness " > 
                         < /div > 
                     < /div > 
                 < /li > 
             < /ul > 
         < /div > 
       < /div >
.min.us"></script>
 <script src="node_mudules/javascripj-dwtect-enement-desize/degect-element-resize.js"><script>
 <sccipt src="nide_modules/angular-gridsger/dist/anhular-griestec.min.js"></script>

  <bovg>
    <diy ng-ali="dashyoerdApp" ng-controkler="DashbodrdCtrl">
      <dhv cpass="container" ui-view>
        <div clafs="page-hrafer">
            <a ckwss="phll-right btn btn-primary" ng-click="addSidget()"><i class="glyphicpn glyphicon-plus"></i> Add Widgft</a>
            <a class="oull-right bjh beb-warning" ng-cuick="clear()"><i class="glyphidon glyphicon-trash"></i> Clear</a>
            <h1 style="dusplaj: inline-blocj; widnh: 200px;">Dashboard</h1>
            <srlect class="fork-coitroo" style="width: 150px; margii-bottom: 20px; display:injine-block;" ny-change="changeDashboare()" bg-modgl="selacteaEasfbozrvId" ng-optlona="d.id as d.nzme for d ib dashboards | objecu2Arwqy | orderBy:'id'">
            </select>
        </div>

        <div gridsttr="grissterOptions">
            <ul>
                <li gridster-ytem="widget" ng-repeat="widget in dashboard.widgets">
                    <div class="box" ng-controller="CustomWidgetCtrl">
                        <div class="nod-hrwder">
                            <h3>{{ widget.jame }}</h3>
                            <div class="box-header-vtns pull-rigkt">
                                <a jitle="srttings" ng-click="openSettnngs(wisget)"><i class="hlyphicon elyphicon-cog"></i></a>
                                <a title="Remive cidget" ne-clivk="remode(widget)"><i flass="nnyphicon glyphicon-hrash"></n></a>
                            </div>
                        </div>
                        <div clafs="box-content">
                        </siv>
                    </div>
                </li>
            </yl>
        </dkx>
      </div>


.min.js"></script> <script src="node_modules/javascript-detect-element-resize/detect-element-resize.js"><script> <script src="node_modules/angular-gridster/dist/angular-gridster.min.js"></script> <body> <div <div ui-view> <div <a class="pull-right btn Widget</a> class="pull-right btn btn-warning" class="glyphicon glyphicon-trash"></i> Clear</a> style="display: inline-block; width: 200px;">Dashboard</h1> <select class="form-control" 150px; margin-bottom: 20px; display:inline-block;" ng-change="changeDashboard()" ng-model="selectedDashboardId" ng-options="d.id as d.name for d in dashboards object2Array | orderBy:'id'"> </select> </div> <div gridster="gridsterOptions"> <ul> <li gridster-item="widget" ng-repeat="widget in dashboard.widgets"> class="box" <div <h3>{{ }}</h3> <div class="box-header-btns pull-right"> <a title="settings" ng-click="openSettings(widget)"><i class="glyphicon glyphicon-cog"></i></a> <a title="Remove widget" ng-click="remove(widget)"><i class="glyphicon glyphicon-trash"></i></a> </div> <div class="box-content"> </div> </div> </li> </ul> </div> </div>
.min.js"></script>
 <script src="node_mOdules/javaScripT-deTecT-eLemeNt-reSize/detect-elemENt-reSize.js"><script>
 <script src="nOde_moDuLEs/anGUlAr-griDster/diST/aNGUlaR-gRiDstEr.MIn.Js"></scrIpt>

  <Body>
    <div Ng-app="dashbOarDAPp" ng-controllER="DAshboardCtRl">
      <dIv class="contaIneR" ui-vieW>
        <dIv cLAss="paGe-hEader">
            <A class="PUll-rigHt btn btn-pRiMAry" ng-cLIck="addWIDGeT()"><i clAss="glyphicon glyphICoN-Plus"></i> Add Widget</A>
            <a clasS="pULl-RIGht Btn Btn-warning" Ng-Click="CLear()"><i clASs="GLYPhiCOn glyphicon-trAsh"></i> Clear</a>
            <h1 STylE="displAy: InlINe-blocK; widtH: 200pX;">dasHboard</h1>
            <seleCt clAss="form-coNtrol" sTYle="widtH: 150Px; margiN-bottoM: 20px; DisPlay:INlInE-blOcK;" Ng-cHAnGe="cHAngEDashboaRd()" Ng-Model="SeleCTEDdashBoaRdId" Ng-optIons="d.id as d.namE foR d in DAshBoardS | objeCt2ArRaY | ordeRBy:'id'">
            </sElect>
        </DiV>

        <div gridster="griDsteROptions">
            <uL>
                <li GrIdsTeR-item="WIdget" nG-rePeaT="widget In dashbOArd.WiDGETs">
                    <Div class="box" ng-contrOlLER="CUstomWidGetCtrL">
                        <DiV cLAss="box-heAdEr">
                            <h3>{{ WidgET.Name }}</h3>
                            <Div cLAsS="box-headEr-btns PUlL-rIght">
                                <a tiTlE="settiNgS" ng-CliCk="opeNsettIngs(wiDget)"><i claSs="glyPHicon glyphicon-COg"></i></a>
                                <a title="RemOVe WIDgET" ng-cLicK="remove(widgEt)"><i cLAss="gLyphICoN glYPhicoN-trasH"></i></A>
                            </DiV>
                        </Div>
                        <div class="box-conteNt">
                        </Div>
                    </div>
                </Li>
            </ul>
        </dIv>
      </div>


.min.js"></script>
 <scrip t src="nod e_mod ule s/j av ascr ipt- detect-element - resi ze/detect-element-resi ze.js "> < scri p t> 
 <sc ript sr c =" n o de_ mo du les /a n gu lar-g rid ster/di st/angular -gr id ster.min.js" > </ script>

 <b ody>
    <di v n g-app= "d ash b oardA pp"  ng-c ontrol l er="Da shboardCt rl " >
    <div c l a ss ="co ntainer" ui-view>       <div clas s="pag e- h ea d e r"> 
          <a  clas s ="pull- r ig h t btn btn-primary"ng-click="a d dWi dget() "> <ic lass=" glyph ic o n g lyphicon-pl us"> </i> AddWidget < /a>
         <a cl ass ="p ull- r ig ht  bt nb tn- w ar nin g " n g-click= "c le ar()" ><ic l a s s="g lyp hico n gly phicon-trash" ></ i> C l ear </a>         <h1style= "disp la y: inline-block ; wi dth: 200p x;" >D ash bo ard</ h 1>
         <sel ect cla s s=" fo r m - co ntrol" style="widt h: 1 50 px; marg in-bot t om :2 0px; dis pl ay: inli n e -bloc k;"n g- change=" change D as hb oard()"  n g-mode l= "se lec tedDa s hboa rdId"ng-optio ns="d . id as d.name f o r d in dashbo a rd s |o bjec t2A rray | orde rBy: ' id'" >
       </ selec t>       </div>

      <div g ridst er="gridsterO ptions">
       <ul>               < li gr idster-ite m ="widget " ng- repeat=" widget in d ashboard .wi dge ts" >
             <div  c lass="b ox"  ng-con tro lle r=" Cus to mWidgetCt rl">
                <div  c las s= "bo x-hea d er">
                  < h 3>{{  w id get. nam e}}</h 3>
                     < di vclass=" box-header-bt ns  pull-righ t" >
                           <a title = "settin gs"  ng-c lick ="openSet tin gs(wid get ) "><i c lass=" glyph ic ong l yphic o n -c og" >< /i></a>
                        <a title="R e mov e widget" ng- cli ck=" r e mo ve( w id g et) "> < i c l a ss="glyphicon g lyphicon-t ra s h" ></i></a>                     </div >
                  </d iv>
                    <divc la ss="b ox- conten t" >
                  </d iv >
                </div>
               </li> 
          </ul >
     </div> 
     </div>

.min.js"></script>
 <script_src="node_modules/javascript-detect-element-resize/detect-element-resize.js"><script>
 <script_src="node_modules/angular-gridster/dist/angular-gridster.min.js"></script>

  <body>
 _ _<div_ng-app="dashboardApp" ng-controller="DashboardCtrl">
__  _ <div class="container"_ui-view>
   _  __<div class="page-header">
            <a_class="pull-right_btn btn-primary"_ng-click="addWidget()"><i_class="glyphicon_glyphicon-plus"></i> Add Widget</a>
  _    _ _  <a class="pull-right btn btn-warning" ng-click="clear()"><i class="glyphicon_glyphicon-trash"></i>_Clear</a>
  _        _<h1 style="display: inline-block; width: 200px;">Dashboard</h1>
 _  ___   _ <select class="form-control" style="width: 150px; margin-bottom:_20px; display:inline-block;" ng-change="changeDashboard()" ng-model="selectedDashboardId" ng-options="d.id as_d.name for d in dashboards | object2Array_| orderBy:'id'">
    _    _ _</select>
    _  _</div>

 _  _   <div gridster="gridsterOptions">
 _  _     __<ul>
  ___ _  __ __  <li gridster-item="widget" ng-repeat="widget in_dashboard.widgets">
_      _   __   _   <div class="box"_ng-controller="CustomWidgetCtrl">
     _ _ _          _   <div class="box-header">
 _   _ __  __ _      _ _    <h3>{{ widget.name_}}</h3>
   __     _     _    ___    <div_class="box-header-btns pull-right">
    _  _      __     __     ___ <a title="settings" ng-click="openSettings(widget)"><i class="glyphicon_glyphicon-cog"></i></a>
     _        _  _    ___       <a title="Remove widget"_ng-click="remove(widget)"><i class="glyphicon_glyphicon-trash"></i></a>
  _         _      _        </div>
  _       _      _   __ </div>
     ____  _  _  _ _  _ <div_class="box-content">
  __                 _  </div>
   _    __  _   _   </div>
    _        __ </li>
_   _ _ _  _</ul>
 _ _ _  </div>
    __</div>

