[Fixed Position] Add stroke property

Add stroke property to Fixed Position toolbar for
borders, line color. WTD-881.

platform/features/layout/res/templates/elements/box.html

@@ -1,3 +1,3 @@
-<div ng-style="{ background: ngModel.element.fill }"
+<div ng-style="{ background: ngModel.fill(), border: '1px ' + ngModel.stroke() + ' solid' }"
      style="width: 100%; height: 100%;">
 </div>

platform/features/layout/res/templates/elements/image.html

@@ -1,3 +1,3 @@
-<div ng-style="{ 'background-image': 'url(' + ngModel.element.url + ')'}"
+<div ng-style="{ 'background-image': 'url(' + ngModel.element.url + ')', border: '1px solid ' + ngModel.stroke() }"
      style="width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center;">
-</div>
+</div>

platform/features/layout/res/templates/elements/line.html

@@ -4,7 +4,7 @@
           ng-attr-y1="{{parameters.gridSize[1] * ngModel.y1() + 1}}"
           ng-attr-x2="{{parameters.gridSize[0] * ngModel.x2() + 1}}"
           ng-attr-y2="{{parameters.gridSize[1] * ngModel.y2() + 1}}"
-          stroke="lightgray"
+          ng-attr-stroke="{{ngModel.stroke()}}"
           stroke-width="2">
     </line>
 </svg>

platform/features/layout/res/templates/elements/telemetry.html

@@ -1,4 +1,4 @@
-<div ng-style="{ background: ngModel.element.fill }"
+<div ng-style="{ background: ngModel.fill(), border: '1px solid ' + ngModel.stroke() }"
      style="width: 100%; height: 100%;">
     <div style="position: absolute; left: 0px; top: 0px; bottom: 0px; width: 50%; overflow: hidden;">
         {{ngModel.name}}

platform/features/layout/res/templates/elements/text.html

@@ -1,4 +1,4 @@
-<div ng-style="{ background: ngModel.element.fill }"
+<div ng-style="{ background: ngModel.fill(), border: '1px solid ' + ngModel.stroke() }"
      style="width: 100%; height: 100%; overflow: hidden;">
     {{ngModel.element.text}}
 </div>