added machine number to minimap

Author: NeejaYanglea

css/style.css

@@ -9,7 +9,31 @@ body {
     visibility: hidden;
     opacity: 0;
 }
-
+/* scrollbar */
+::-webkit-scrollbar {
+    width: 12px;
+}
+ 
+/* Track */
+::-webkit-scrollbar-track {
+    background: rgb(102, 102, 102);
+    border-radius: 0;
+    border: 2px solid rgba(0, 0, 0, 0.15);
+}
+/* Handle */
+::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    background: #337ab7;
+    border-radius: 0;
+    border: 2px solid #2e6da4;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 1);
+}
+::-webkit-scrollbar-thumb:window-inactive {
+    background: #5b8fbd;
+    border-color: #337ab7;
+}
+/* end scrollbar*/
 .form-control {
     border-radius: 0;
     padding: 2px 6px;
@@ -189,6 +213,13 @@ textarea {
     border-top: 3px solid #337ab7;
     margin-top: 3px;
 }
+.mock-machine span {
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, 0.65);
+    color: #fff;
+    padding: 1px 3px;
+    margin-right: 4px;
+}
 .mock-main-menu {
     display: block;
     position: absolute;
@@ -358,28 +389,3 @@ input[type=file] {
     width: 206px;
 }
 
-/* scrollbar */
-::-webkit-scrollbar {
-    width: 12px;
-}
- 
-/* Track */
-::-webkit-scrollbar-track {
-    background: rgb(102, 102, 102);
-    border-radius: 0;
-    border: 2px solid rgba(0, 0, 0, 0.15);
-}
-/* Handle */
-::-webkit-scrollbar-thumb {
-    -webkit-border-radius: 0;
-    border-radius: 0;
-    background: #337ab7;
-    border-radius: 0;
-    border: 2px solid #2e6da4;
-    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 1);
-}
-::-webkit-scrollbar-thumb:window-inactive {
-    background: #5b8fbd;
-    border-color: #337ab7;
-}
-/* end scrollbar*/

index.html

@@ -303,7 +303,7 @@ <h4>Bash file preview:</h4>
             <span id="mock-main-menu" class="mock mock-main-menu"></span>
             <span class="mock mock-disclaimer" id="mock-disclaimer"></span>
             <div class="btn btn-default mock mock-labinfo" data-ng-click="scrollTo($event, 'labInfo')"></div>
-            <div data-ng-repeat="x in netkit track by $index" class="btn btn-default mock mock-machine" ng:class="{true:'mock-machine-first', false:''}[$index==0]" data-ng-click="scrollTo($event, x._uid)">{{x.name}}</div>
+            <div data-ng-repeat="x in netkit track by $index" class="btn btn-default mock mock-machine" ng:class="{true:'mock-machine-first', false:''}[$index==0]" data-ng-click="scrollTo($event, x._uid)"><span>{{$index+1}}</span>{{x.name}}</div>
             <div class="mock mock-preview-text">Bash file preview:</div>
             <span class="mock mock-preview"></span>
         </div>

package.json

@@ -15,6 +15,7 @@
     "dom-minimap": "^1.7.2"
   },
   "devDependencies": {
-    "electron": "^1.7.10"
+    "electron": "^1.7.10",
+    "electron-packager": "^10.1.1"
   }
 }