前端代码

node_modules/browser-sync-ui/lib/plugins/overview/url-info.html

@@ -0,0 +1,45 @@
+<div>
+    <section bs-panel ng-repeat="url in urls">
+        <div bs-panel-content>
+            <div bs-panel-icon>
+                <icon icon="{{url.icon}}"></icon>
+            </div>
+            <p bs-text="lede">{{url.title}}</p>
+            <p><a href="{{url.url}}">{{url.url}}</a></p>
+            <div bs-button-group>
+                <a href="{{url.url}}" target="_blank" bs-button="size-small subtle-alt icon-left">
+                    <icon icon="newtab"></icon>
+                    new tab
+                </a>
+                <a href="#" ng-click="sendAllTo(url.url)" bs-button="size-small subtle-alt icon-left">
+                    <icon icon="syncall"></icon>
+                    sync all
+                </a>
+            </div>
+        </div>
+    </section>
+    <section ng-if="ui.server">
+        <div bs-panel="full">
+            <div bs-panel-content>
+                <div bs-panel-icon>
+                    <icon icon="terminal"></icon>
+                </div>
+                <p bs-text="lede">Serving files from</p>
+                <ul bs-list="basic">
+                    <li ng-repeat="url in options.server.baseDir">{{url}}</li>
+                </ul>
+            </div>
+        </div>
+    </section>
+    <section bs-panel ng-if="ui.proxy">
+        <div bs-panel-content>
+            <div bs-panel-icon>
+                <icon icon="target"></icon></svg>
+            </div>
+            <p bs-text="lede">Proxying:</p>
+            <p>
+                <a href="{{options.proxy.target}}" target="_blank">{{options.proxy.target}}</a>
+            </p>
+        </div>
+    </section>
+</div>