New Angular UI from 1806

Change-Id: I39c160db0e0a6ec2e587ccf007ee1b23c6a08666
Issue-ID: VID-208
Signed-off-by: Sonsino, Ofir (os0695) <os0695@intl.att.com>

12 files changed, 117 insertions, 0 deletions

diff --git a/vid-webpack-master/src/assets/img/Menu.svg b/vid-webpack-master/src/assets/img/Menu.svg
new file mode 100644
index 000000000..5b037bbea
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/Menu.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="menu-a" d="M6.55555556,13.1111111 C5.69644594,13.1111111 5,12.4146652 5,11.5555556 C5,10.6964459 5.69644594,10 6.55555556,10 C7.41466517,10 8.11111111,10.6964459 8.11111111,11.5555556 C8.11111111,12.4146652 7.41466517,13.1111111 6.55555556,13.1111111 Z M17.4444444,13.1111111 C16.5853348,13.1111111 15.8888889,12.4146652 15.8888889,11.5555556 C15.8888889,10.6964459 16.5853348,10 17.4444444,10 C18.3035541,10 19,10.6964459 19,11.5555556 C19,12.4146652 18.3035541,13.1111111 17.4444444,13.1111111 Z M12,13.1111111 C11.1408904,13.1111111 10.4444444,12.4146652 10.4444444,11.5555556 C10.4444444,10.6964459 11.1408904,10 12,10 C12.8591096,10 13.5555556,10.6964459 13.5555556,11.5555556 C13.5555556,12.4146652 12.8591096,13.1111111 12,13.1111111 Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#000" transform="rotate(90 12 11.556)" xlink:href="#menu-a"/>
+  </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/UPLOAD.svg b/vid-webpack-master/src/assets/img/UPLOAD.svg
new file mode 100644
index 000000000..85ff7e308
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/UPLOAD.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="121px" height="121px" viewBox="0 0 121 121" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Combined Shape</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="78.7695312%" y1="73.9666898%" x2="20.3450521%" y2="7.42778616%" id="linearGradient-1">
+            <stop stop-color="#8C1DF3" offset="0%"></stop>
+            <stop stop-color="#E77DE8" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="VID_Deployment_5" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1065.000000, -322.000000)">
+        <path d="M1125.5,443 C1092.08677,443 1065,415.913227 1065,382.5 C1065,349.086773 1092.08677,322 1125.5,322 C1158.91323,322 1186,349.086773 1186,382.5 C1186,415.913227 1158.91323,443 1125.5,443 Z M1125.5,439 C1156.70409,439 1182,413.704088 1182,382.5 C1182,351.295912 1156.70409,326 1125.5,326 C1094.29591,326 1069,351.295912 1069,382.5 C1069,413.704088 1094.29591,439 1125.5,439 Z M1131.83333,355 C1142.33333,355 1150.88889,363.576271 1150.88889,374.101695 C1156.72222,375.738983 1161,381.040678 1161,387.355932 C1161,394.918644 1154.93333,401 1147.38889,401 L1147,401 L1138.75556,401 L1131.75556,401 C1127.71111,401 1124.36667,397.647458 1124.36667,393.59322 L1124.36667,391.644068 L1124.36667,387.433898 L1124.36667,381.274576 L1119.62222,386.732203 C1118.92222,387.511864 1117.67778,387.589831 1116.9,386.888136 C1116.12222,386.186441 1116.04444,384.938983 1116.74444,384.159322 L1124.44444,375.271186 L1124.91111,374.725424 C1125.68889,373.867797 1127.08889,373.867797 1127.86667,374.725424 L1128.33333,375.349153 L1135.95556,384.081356 C1136.65556,384.861017 1136.57778,386.108475 1135.8,386.810169 C1135.02222,387.511864 1133.77778,387.433898 1133.07778,386.654237 L1128.33333,381.19661 L1128.33333,387.355932 L1128.33333,391.644068 L1128.33333,393.59322 C1128.33333,395.542373 1129.88889,397.101695 1131.83333,397.101695 L1133.77778,397.101695 L1147,397.101695 L1147.38889,397.101695 C1152.75556,397.101695 1157.11111,392.735593 1157.11111,387.355932 C1157.11111,382.911864 1154.15556,379.013559 1149.87778,377.844068 C1148.16667,377.376271 1147,375.816949 1147,374.101695 C1147,365.681356 1140.23333,358.898305 1131.83333,358.976271 C1126.93333,358.976271 1122.34444,361.315254 1119.54444,365.213559 C1118.45556,366.694915 1116.51111,367.240678 1114.8,366.461017 C1114.02222,366.071186 1113.24444,365.915254 1112.38889,365.915254 C1109.2,365.915254 1106.55556,368.566102 1106.55556,371.762712 C1106.55556,372.152542 1106.63333,372.620339 1106.71111,373.010169 C1107.17778,375.271186 1105.62222,377.376271 1103.36667,377.688136 C1098.54444,378.311864 1094.88889,382.444068 1094.88889,387.355932 C1094.88889,392.735593 1099.24444,397.101695 1104.61111,397.101695 L1105,397.101695 L1117.05556,397.101695 C1118.14444,397.101695 1119,397.959322 1119,399.050847 C1119,400.142373 1118.14444,401 1117.05556,401 L1104.61111,401 C1097.06667,401 1091,394.918644 1091,387.355932 C1091,381.19661 1095.04444,376.050847 1100.64444,374.257627 L1102.9,373.789831 L1102.66667,372.152542 L1102.66667,371.762712 C1102.66667,366.383051 1107.02222,362.016949 1112.38889,362.016949 C1113.86667,362.016949 1115.18889,362.328814 1116.43333,362.874576 C1119.85556,358.118644 1125.45556,355 1131.83333,355 Z" id="Combined-Shape" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+    </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/X_o.svg b/vid-webpack-master/src/assets/img/X_o.svg
new file mode 100644
index 000000000..a323c190e
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/X_o.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="x_o-a" d="M12,21 C7,21 3,17 3,12 C3,7 7,3 12,3 C17,3 21,7 21,12 C21,17 17,21 12,21 M12,1 C5.9,1 1,5.9 1,12 C1,18.1 5.9,23 12,23 C18.1,23 23,18.1 23,12 C23,5.9 18.1,1 12,1 M15.2591,8.29935 C14.8591,7.90035 14.2591,7.90035 13.8591,8.29935 L11.5591,10.59935 L9.2591,8.29935 C8.8591,7.90035 8.2591,7.90035 7.8591,8.29935 C7.4591,8.69935 7.4591,9.29935 7.8591,9.69935 L10.1581,11.99935 L7.8591,14.29935 C7.4591,14.69935 7.4591,15.29935 7.8591,15.69935 C8.0591,15.90035 8.2591,15.99935 8.5591,15.99935 C8.8591,15.99935 9.0591,15.90035 9.2591,15.69935 L11.5591,13.40035 L13.8591,15.69935 C14.0591,15.90035 14.3591,15.99935 14.5591,15.99935 C14.7591,15.99935 15.0591,15.90035 15.2591,15.69935 C15.6581,15.29935 15.6581,14.69935 15.2591,14.29935 L12.9591,11.99935 L15.2591,9.69935 C15.6581,9.29935 15.6581,8.69935 15.2591,8.29935"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#000" xlink:href="#x_o-a"/>
+  </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/angular.png b/vid-webpack-master/src/assets/img/angular.png
new file mode 100644
index 000000000..a1d9790bc
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/angular.png
diff --git a/vid-webpack-master/src/assets/img/chevron.svg b/vid-webpack-master/src/assets/img/chevron.svg
new file mode 100644
index 000000000..5718cb00e
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/chevron.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="chevron-a" d="M11.2998,15.7002 C11.4998,15.9002 11.7998,16.0002 11.9998,16.0002 C12.1998,16.0002 12.4998,15.9002 12.6998,15.7002 L17.6998,10.7002 C18.0998,10.3002 18.0998,9.7002 17.6998,9.3002 C17.2998,8.9002 16.6998,8.9002 16.2998,9.3002 L11.9998,13.6002 L7.6998,9.3002 C7.2998,8.9002 6.6998,8.9002 6.2998,9.3002 C5.8998,9.7002 5.8998,10.3002 6.2998,10.7002 L11.2998,15.7002 Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#000" xlink:href="#chevron-a"/>
+  </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/fail.svg b/vid-webpack-master/src/assets/img/fail.svg
new file mode 100644
index 000000000..87c1baa74
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/fail.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="fail-a" d="M13.5996,12 L19.6576,5.942 C20.1146,5.485 20.1146,4.8 19.6576,4.343 C19.2006,3.886 18.5146,3.886 18.0576,4.343 L11.9996,10.4 L5.9426,4.343 C5.4856,3.886 4.7996,3.886 4.3426,4.343 C3.8856,4.8 3.8856,5.485 4.3426,5.942 L10.4006,12 L4.3426,18.058 C3.8856,18.515 3.8856,19.2 4.3426,19.657 C4.5716,19.886 4.7996,20 5.1426,20 C5.4856,20 5.7136,19.886 5.9426,19.657 L11.9996,13.6 L18.0576,19.657 C18.2866,19.886 18.6286,20 18.8576,20 C19.0856,20 19.4286,19.886 19.6576,19.657 C20.1146,19.2 20.1146,18.515 19.6576,18.058 L13.5996,12 Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#000" xlink:href="#fail-a"/>
+  </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/favicon.ico b/vid-webpack-master/src/assets/img/favicon.ico
new file mode 100644
index 000000000..8081c7cea
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/favicon.ico
diff --git a/vid-webpack-master/src/assets/img/inprogress.svg b/vid-webpack-master/src/assets/img/inprogress.svg
new file mode 100644
index 000000000..b893c621f
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/inprogress.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="inprogress-a" d="M14.8892528,0.000671665369 C14.6521255,0.0231479869 14.4508328,0.188370906 14.3774086,0.420798226 L13.9586266,1.71936929 C13.8342077,1.78596816 13.7105976,1.8521637 13.5956824,1.92943257 L12.2834996,1.66207763 C12.0324878,1.61103505 11.7777494,1.73018631 11.6506739,1.95807534 L10.7572728,3.54309549 C10.6298181,3.76875487 10.6559818,4.05253533 10.8224168,4.24967115 L11.6785927,5.25224451 C11.6738947,5.33490337 11.6692867,5.41630641 11.6692867,5.50050222 C11.6692867,5.58469803 11.6738947,5.66610107 11.6785927,5.74875688 L10.8224168,6.75133024 C10.6559818,6.94846606 10.6298181,7.23224652 10.7572728,7.45790589 L11.6506739,9.04292605 C11.7777485,9.27081625 12.0324871,9.38996883 12.2834996,9.33892681 L13.5956824,9.07157188 C13.7105976,9.14883769 13.8342077,9.21503628 13.9586266,9.28163516 L14.3774086,10.5802001 C14.4580219,10.831579 14.687164,11.0011661 14.9450903,11.0003389 L16.7318925,11.0003389 C16.9898188,11.0011662 17.2189611,10.8315791 17.2995745,10.5802001 L17.7183562,9.28163516 C17.8427751,9.21503628 17.9663852,9.14883769 18.0813004,9.07157188 L19.3934831,9.33892681 C19.6444956,9.38996883 19.8992343,9.27081625 20.0263089,9.04292605 L20.91971,7.45790589 C21.0471647,7.23224659 21.0210012,6.94846612 20.8545662,6.75133024 L19.9983903,5.74875688 C20.0030883,5.66610107 20.0076963,5.58469803 20.0076963,5.50050222 C20.0076963,5.41630641 20.0030883,5.33490337 19.9983903,5.25224451 L20.8545662,4.24967115 C21.0210012,4.05253526 21.0471647,3.7687548 20.91971,3.54309549 L20.0263089,1.95807534 C19.8992334,1.73018631 19.644495,1.61103505 19.3934831,1.66207763 L18.0813004,1.92943257 C17.9663852,1.8521637 17.8427751,1.78596816 17.7183562,1.71936929 L17.2995745,0.420798226 C17.2189569,0.16942403 16.9898156,-0.000157392525 16.7318925,0.000671665369 L14.9450903,0.000671665369 C14.926488,-0.000223888456 14.9078551,-0.000223888456 14.8892528,0.000671665369 Z M15.3731785,1.22285691 L16.3038045,1.22285691 L16.6574424,2.31136469 C16.7113318,2.47938794 16.8335313,2.61521378 16.9924677,2.68374821 C17.2120208,2.77902652 17.42616,2.91137176 17.6252935,3.06568034 C17.7626503,3.1743391 17.939345,3.21617551 18.1092192,3.18026058 L19.2166641,2.95110009 L19.6819773,3.77225599 L18.9374763,4.64115188 C18.8235917,4.77112577 18.7693918,4.9449068 18.7885762,5.1185701 C18.8040892,5.24530229 18.8164942,5.36935475 18.8164942,5.50050222 C18.8164942,5.63164969 18.8040862,5.7556991 18.7885762,5.88243435 C18.7693927,6.05609662 18.8235925,6.22987636 18.9374763,6.3598495 L19.6819773,7.22874845 L19.2166641,8.0499013 L18.1092192,7.82074386 C17.939345,7.78482893 17.7626503,7.82666535 17.6252935,7.93532411 C17.42616,8.08963268 17.2120208,8.22197792 16.9924677,8.31725623 C16.8335313,8.38579066 16.7113318,8.52161651 16.6574424,8.68963975 L16.3038045,9.77814753 L15.3731785,9.77814753 L15.0195403,8.68963975 C14.965651,8.52161651 14.8434514,8.38579066 14.684515,8.31725623 C14.464962,8.22197792 14.2508231,8.08963268 14.0516892,7.93532411 C13.9143325,7.82666543 13.737638,7.78482902 13.5677638,7.82074386 L12.4603186,8.0499013 L11.9950055,7.22874845 L12.7395065,6.3598495 C12.8533903,6.22987636 12.9075901,6.05609662 12.8884066,5.88243435 C12.8728936,5.7556991 12.8604886,5.63164969 12.8604886,5.50050222 C12.8604886,5.36935475 12.8728936,5.24530229 12.8884066,5.1185701 C12.907591,4.9449068 12.8533911,4.77112577 12.7395065,4.64115188 L11.9950055,3.77225599 L12.4603186,2.95110009 L13.5677638,3.18026058 C13.737638,3.21617542 13.9143325,3.17433901 14.0516892,3.06568034 C14.2508231,2.91137176 14.464962,2.77902652 14.684515,2.68374821 C14.8434514,2.61521378 14.965651,2.47938794 15.0195403,2.31136469 L15.3731785,1.22285691 Z M15.8384914,3.66722435 C14.8516677,3.66722435 14.0516892,4.48801053 14.0516892,5.50050222 C14.0516892,6.51299391 14.8516677,7.33378009 15.8384914,7.33378009 C16.8253151,7.33378009 17.6252935,6.51299391 17.6252935,5.50050222 C17.6252935,4.48801053 16.8253151,3.66722435 15.8384914,3.66722435 Z M15.8384914,4.8894096 C16.167433,4.8894096 16.4340923,5.16300397 16.4340923,5.50050222 C16.4340923,5.83800047 16.167433,6.11159484 15.8384914,6.11159484 C15.5095497,6.11159484 15.2428908,5.83800047 15.2428908,5.50050222 C15.2428908,5.16300397 15.5095497,4.8894096 15.8384914,4.8894096 Z M5.35964143,7.94486966 C5.11761178,7.97028968 4.91497592,8.14417554 4.84779714,8.38409344 L4.39179031,10.007308 C4.08554756,10.1523124 3.79769239,10.3245113 3.52630811,10.5229085 L1.93493719,10.1123397 C1.67706155,10.0458059 1.40743723,10.1626959 1.27419282,10.3987918 L0.0829912853,12.5185218 C-0.0533731038,12.7550456 -0.0191039055,13.0558665 0.166747618,13.2537494 L1.29280541,14.4377158 C1.27376142,14.6131658 1.24627395,14.7832685 1.24627395,14.9724379 C1.24627395,15.1616073 1.27375992,15.3316489 1.29280541,15.5071294 L0.166747618,16.6911263 C-0.0191039055,16.8890093 -0.0533731038,17.1898302 0.0829912853,17.4263539 L1.27419282,19.546084 C1.40744436,19.7821705 1.67706707,19.8990499 1.93493719,19.8325117 L3.52630811,19.4219368 C3.79769239,19.6203339 4.08554756,19.792545 4.39179031,19.9375616 L4.84779714,21.560764 C4.92177045,21.8197002 5.15249473,21.99822 5.41547888,22 L7.79788196,22 C8.06086612,21.99822 8.2915904,21.8197002 8.3655637,21.560764 L8.82157054,19.9375616 C9.12781329,19.792545 9.41566816,19.6203339 9.68705274,19.4219368 L11.2784234,19.8325117 C11.5362936,19.8990501 11.8059165,19.7821706 11.939168,19.546084 L13.1303696,17.4263539 C13.2667339,17.1898302 13.2324648,16.8890093 13.0466132,16.6911263 L11.9205554,15.5071294 C11.9395994,15.3316489 11.9670869,15.1616073 11.9670869,14.9724379 C11.9670869,14.7832685 11.9396009,14.6131658 11.9205554,14.4377158 L13.0466132,13.2537494 C13.2324648,13.0558665 13.2667339,12.7550456 13.1303696,12.5185218 L11.939168,10.3987918 C11.8059236,10.1626958 11.5362991,10.0458057 11.2784234,10.1123397 L9.68705274,10.5229085 C9.41566816,10.3245113 9.12781329,10.1523124 8.82157054,10.007308 L8.3655637,8.38409344 C8.29158606,8.12516208 8.06086282,7.94664809 7.79788196,7.94486966 L5.41547888,7.94486966 C5.39687663,7.94397411 5.37824368,7.94397411 5.35964143,7.94486966 Z M5.86217942,9.16705491 L7.35118142,9.16705491 L7.7513505,10.5802001 C7.80203034,10.7630316 7.93273801,10.9112601 8.10498841,10.9812417 C8.51151269,11.1422694 8.89628488,11.3716194 9.23104591,11.6496137 C9.37749002,11.7698658 9.5705857,11.812321 9.75219678,11.764197 L11.1388296,11.4109138 L11.8740243,12.7190273 L10.8782543,13.7789076 C10.7474487,13.9183714 10.6887629,14.1131648 10.7200479,14.3040353 C10.7555607,14.5348213 10.7758854,14.7535074 10.7758854,14.9724379 C10.7758854,15.1913378 10.7555604,15.4100239 10.7200479,15.6408099 C10.688753,15.8316904 10.7474395,16.0264975 10.8782543,16.1659681 L11.8740243,17.2258484 L11.1388296,18.533962 L9.75219678,18.1806787 C9.5705857,18.1325548 9.37749002,18.17501 9.23104591,18.295262 C8.89628488,18.5732259 8.51151269,18.8026064 8.10498841,18.9636341 C7.93274488,19.0336094 7.80203841,19.1818252 7.7513505,19.3646451 L7.35118142,20.7778086 L5.86217942,20.7778086 L5.46201035,19.3646451 C5.41132243,19.1818252 5.28061596,19.0336094 5.10837243,18.9636341 C4.70184816,18.8026064 4.31707597,18.5732259 3.98231464,18.295262 C3.83587059,18.1750101 3.64277505,18.1325549 3.46116406,18.1806787 L2.07453128,18.533962 L1.33933657,17.2258484 L2.33510657,16.1659681 C2.46592132,16.0264975 2.52460786,15.8316904 2.49331294,15.6408099 C2.45779987,15.4100239 2.43747549,15.1913378 2.43747549,14.9724379 C2.43747549,14.7535074 2.45780047,14.5348213 2.49331294,14.3040353 C2.52459797,14.1131648 2.46591214,13.9183714 2.33510657,13.7789076 L1.33933657,12.7190273 L2.07453128,11.4109138 L3.46116406,11.764197 C3.64277505,11.8123209 3.83587059,11.7698657 3.98231464,11.6496137 C4.31707597,11.3716194 4.70184816,11.1422694 5.10837243,10.9812417 C5.28062283,10.9112601 5.4113305,10.7630316 5.46201035,10.5802001 L5.86217942,9.16705491 Z M6.60668042,12.2225302 C5.13349981,12.2225302 3.92647718,13.460916 3.92647718,14.9724379 C3.92647718,16.4839292 5.13349981,17.7223455 6.60668042,17.7223455 C8.07986133,17.7223455 9.28688366,16.4839292 9.28688366,14.9724379 C9.28688366,13.460916 8.07986133,12.2225302 6.60668042,12.2225302 Z M6.60668042,13.444691 C7.43608795,13.444691 8.09568212,14.1214659 8.09568212,14.9724379 C8.09568212,15.8234099 7.43608795,16.5001542 6.60668042,16.5001542 C5.77727289,16.5001542 5.11767872,15.8234099 5.11767872,14.9724379 C5.11767872,14.1214659 5.77727289,13.444691 6.60668042,13.444691 Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd" transform="translate(1 1)">
+    <mask id="inprogress-b" fill="#fff">
+      <use xlink:href="#inprogress-a"/>
+    </mask>
+    <use fill="#959595" fill-rule="nonzero" xlink:href="#inprogress-a"/>
+    <g fill="#5A5A5A" mask="url(#inprogress-b)">
+      <rect width="35" height="35" transform="translate(-4 -2)"/>
+    </g>
+  </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/pause.svg b/vid-webpack-master/src/assets/img/pause.svg
new file mode 100644
index 000000000..f1f9b7954
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/pause.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="pause-a" d="M12,21 C7,21 3,17 3,12 C3,7 7,3 12,3 C17,3 21,7 21,12 C21,17 17,21 12,21 M12,1 C18.1,1 23,5.9 23,12 C23,18.101 18.1,23 12,23 C5.9,23 1,18.101 1,12 C1,5.9 5.9,1 12,1 Z M13.9580566,7.47058824 C13.4173947,7.47058824 12.9791016,7.90888135 12.9791016,8.44954331 L12.9791016,15.5504567 C12.9791016,16.0911186 13.4173947,16.5294118 13.9580566,16.5294118 C14.4987186,16.5294118 14.9370117,16.0911186 14.9370117,15.5504567 L14.9370117,8.44954331 C14.9370117,7.90888135 14.4987186,7.47058824 13.9580566,7.47058824 Z M10.0211914,7.47058824 C9.48052945,7.47058824 9.04223633,7.90888135 9.04223633,8.44954331 L9.04223633,15.5504567 C9.04223633,16.0911186 9.48052945,16.5294118 10.0211914,16.5294118 C10.5618534,16.5294118 11.0001465,16.0911186 11.0001465,15.5504567 L11.0001465,8.44954331 C11.0001465,7.90888135 10.5618534,7.47058824 10.0211914,7.47058824 Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <mask id="pause-b" fill="#fff">
+      <use xlink:href="#pause-a"/>
+    </mask>
+    <use fill="#191919" xlink:href="#pause-a"/>
+    <g mask="url(#pause-b)">
+      <rect width="35" height="35" fill="#5A5A5A" transform="translate(-5 -5)"/>
+    </g>
+  </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/pending.svg b/vid-webpack-master/src/assets/img/pending.svg
new file mode 100644
index 000000000..78c99600e
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/pending.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="pending-a" d="M11,20 C6,20 2,16 2,11 C2,6 6,2 11,2 C16,2 20,6 20,11 C20,16 16,20 11,20 M11,0 C17.1,0 22,4.9 22,11 C22,17.1 17.1,22 11,22 C4.9,22 0,17.1 0,11 C0,4.9 4.9,0 11,0 Z M11.0488812,10.5380604 L7.75288116,6.34206037 C7.38888116,5.92506037 6.75588116,5.88406037 6.34188116,6.24806037 C5.92588116,6.61206037 5.88388116,7.24306037 6.24688116,7.65906037 L10.2468812,12.6590604 C10.4298812,12.8670604 10.6898812,12.9910604 10.9668812,13.0000604 C10.9778812,13.0010604 10.9888812,13.0010604 10.9998812,13.0010604 C11.2648812,13.0010604 11.5198812,12.8960604 11.7068812,12.7080604 L14.7068812,10.7080604 C15.0978812,10.3170604 15.0978812,9.68406037 14.7068812,9.29406037 C14.3158812,8.90306037 13.6838812,8.90306037 13.2928812,9.29406037 L11.0488812,10.5380604 Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd" transform="translate(1 1)">
+    <mask id="pending-b" fill="#fff">
+      <use xlink:href="#pending-a"/>
+    </mask>
+    <use fill="#000" xlink:href="#pending-a"/>
+    <g fill="#5A5A5A" mask="url(#pending-b)">
+      <rect width="30" height="30" transform="translate(-2 -1)"/>
+    </g>
+  </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/stoped.svg b/vid-webpack-master/src/assets/img/stoped.svg
new file mode 100644
index 000000000..0198f1548
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/stoped.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="stoped-a" d="M14,7 L8,7 C7.4,7 7,7.4 7,8 L7,14 C7,14.6 7.4,15 8,15 L14,15 C14.6,15 15,14.6 15,14 L15,8 C15,7.4 14.6,7 14,7 Z M11,0 C4.9,0 0,4.9 0,11 C0,17.1 4.9,22 11,22 C17.1,22 22,17.1 22,11 C22,4.9 17.1,0 11,0 Z M11,20 C6,20 2,16 2,11 C2,6 6,2 11,2 C16,2 20,6 20,11 C20,16 16,20 11,20 Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd" transform="translate(1 1)">
+    <mask id="stoped-b" fill="#fff">
+      <use xlink:href="#stoped-a"/>
+    </mask>
+    <use fill="#191919" fill-rule="nonzero" xlink:href="#stoped-a"/>
+    <g fill="#5A5A5A" mask="url(#stoped-b)">
+      <rect width="30" height="30" transform="translate(-4 -4)"/>
+    </g>
+  </g>
+</svg>
diff --git a/vid-webpack-master/src/assets/img/success+Circle.svg b/vid-webpack-master/src/assets/img/success+Circle.svg
new file mode 100644
index 000000000..72d75aedb
--- /dev/null
+++ b/vid-webpack-master/src/assets/img/success+Circle.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">
+  <defs>
+    <path id="success+circle-a" d="M20.0874369,8.68675849 C20.6613636,8.68675849 21.0439815,9.06859403 21.0439815,9.64134733 L21.0439815,10.5004773 C21.0439815,16.3234692 16.3569129,21 10.5219907,21 C4.6870686,21 0,16.3234692 0,10.5004773 C0,4.67748534 4.6870686,0 10.5219907,0 C12.0524621,0 13.487279,0.381835538 14.8264415,0.954588845 C15.3047138,1.14550661 15.4960227,1.71825992 15.3047138,2.19555434 C15.1134049,2.67284877 14.5394781,2.86376653 14.0612058,2.67284877 C12.9133523,2.19555434 11.7654987,1.90917769 10.5219907,1.90917769 C5.73926768,1.90917769 1.91308923,5.72753307 1.91308923,10.5004773 C1.91308923,15.2724669 5.73926768,19.0908223 10.5219907,19.0908223 C15.3047138,19.0908223 19.1308923,15.2724669 19.1308923,10.5004773 L19.1308923,9.64134733 C19.1308923,9.06859403 19.5135101,8.68675849 20.0874369,8.68675849 Z M21.713754,1.24067912 C22.0954153,1.62251466 22.0954153,2.19526797 21.713754,2.5771035 L11.1917633,13.0775808 C11.0004544,13.2684986 10.713491,13.3639575 10.5221821,13.3639575 C10.3308731,13.3639575 10.0439097,13.2684986 9.85260082,13.0775808 L6.98296698,10.2138143 C6.60034914,9.83197873 6.60034914,9.25922542 6.98296698,8.87738988 C7.36558483,8.49555434 7.9395116,8.49555434 8.32212944,8.87738988 L10.5221821,11.0729442 L20.3745916,1.24067912 C20.7572094,0.858843584 21.3311362,0.858843584 21.713754,1.24067912 Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd" transform="translate(1 1)">
+    <mask id="success+circle-b" fill="#fff">
+      <use xlink:href="#success+circle-a"/>
+    </mask>
+    <use fill="#000" xlink:href="#success+circle-a"/>
+    <g fill="#5A5A5A" mask="url(#success+circle-b)">
+      <rect width="29" height="29"/>
+    </g>
+  </g>
+</svg>