Add network page

b0418e77 · fv3rdugo · 96d55b6c · b0418e77
Commit b0418e77 authored Apr 20, 2017 by fv3rdugo
--- a/templates/main/networks.html.ep
+++ b/templates/main/networks.html.ep
+<!DOCTYPE html>
+<html ng-app="ravada.app">
+%= include 'bootstrap/header'
+<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" role="document">
+    <div id="wrapper">
+    <div ng-controller="networks">
+    %= include 'bootstrap/navigation'
+    <div id="page-wrapper" class ="row">
+        <div class="page-header col-md-8 col-md-offset-2">
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <h2 class="text-center">Networks</h2>
+                <div class="container" id="netform">
+                <form class="pure-form pure-form-aligned" name="frm" action="" method="post" novalidate autocomplete="off">
+                <fieldset>
+
+                <div class="pure-control-group">
+                  <label>Name</label>
+                  <input name="net_name" ng-model="network.name" type="text" placeholder="insert a network name" required>
+                  <div class="field-message" ng-messages="frm.net_name.$error" ng-if='frm.net_name.$dirty' ng-cloak>
+                    <div ng-message="required">Network name is required</div>
+                  </div>
+              </div>
+
+                <div class="pure-control-group">
+                <label>Network</label>
+                <!--<input name="network" ng-model="net.address" type="text" placeholder="i.e. 192.168.10.0/24" required ng-minlength="6" ng-maxlength="10"> -->
+                <input name="network" ng-model="net.address" type="text" placeholder="i.e. 192.168.10.0/24" required >
+                    <div class="field-message" ng-messages="frm.network.$error" ng-if='frm.network.$dirty' ng-cloak>
+                        <div ng-message="required">Network address is required</div>
+                        <div ng-message="minlength">TODO Network address must have minimum 6 characters</div>
+                        <div ng-message="maxlength">TODO Password must have maximum 10 characters</div>
+                    </div>
+              </div>
+
+                <div class="pure-control-group">
+                <label>Description</label>
+                <input name="description" ng-model="net.description" type="text" placeholder="info about this network" >
+                    <div class="field-message" ng-messages="frm.description.$error" ng-if='frm.description.$dirty' ng-cloak>
+                    </div> 
+                </div>
+
+                <div class="pure-control-group">
+                    <label class="pure-checkbox">
+                    <input name="all_domains" ng-model="alldomains" type="checkbox">
+                    Enable for all domains
+                    </label>
+                </div> 
+
+                <div class="pure-control-group">
+                    <label class="pure-checkbox">
+                    <input name="no_domains" ng-model="nodomains" type="checkbox">
+                    Disable for all domains
+                    </label>
+                </div> 
+
+                <div class="pure-controls">
+                    <input type="submit" class="pure-button pure-button-primary"
+                        ng-disabled="frm.$invalid" ></input>
+                </div>
+
+                </fieldset>
+                </form>
+                </div>
+            </div>
+        </div>
+        </div>
+    </div>
+    </div>
+    </div>
+    %= include 'bootstrap/scripts'
+    %= include 'bootstrap/footer'
+</body>
+</html> 
+><wbr>