From 8bf1dd098fd609a2f54bfae6eb0ab9d890965652 Mon Sep 17 00:00:00 2001
From: Noel Wuyts <noel@cloudcolony.eu>
Date: Wed, 13 May 2015 09:53:05 +0200
Subject: [PATCH] ddns ui

---
 .../plugins/internet/pages/internet.dns.html  | 55 ++++++++++++++++++
 .../plugins/internet/pages/internet.dns.js    | 57 ++++++++++++++-----
 2 files changed, 97 insertions(+), 15 deletions(-)

diff --git a/luciexpress/htdocs/plugins/internet/pages/internet.dns.html b/luciexpress/htdocs/plugins/internet/pages/internet.dns.html
index 5aa446e29..34b9f231d 100644
--- a/luciexpress/htdocs/plugins/internet/pages/internet.dns.html
+++ b/luciexpress/htdocs/plugins/internet/pages/internet.dns.html
@@ -34,6 +34,61 @@
 				<luci-config-line title="{{'Dynamic DNS'|translate}}">
 					<switch ng-model="status.wlan.value" class="green" ng-change="onApply()"></switch>
 				</luci-config-line>
+                <div>
+                    <br/>
+                    <div class="form-group" class="col-md-12" ng-class="{ 'field-error': model.error }" data-toggle="tooltip" data-placement="top" title="{{model.error}}">
+                        <div class="col-md-6 text-left">
+                            <label class="detail-strong-input">{{'Provider'|translate}}</label>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="col-sm-8 col-sm-offset-4 no-side-padding">
+                                <ui-select ng-model="selectedSection"
+                                           theme="bootstrap"
+                                           search-enabled="false"
+                                           on-select="onChangeProvider($item)">
+                                    <ui-select-match placeholder="{{'Select provider'|translate}}">{{$select.selected}}</ui-select-match>
+                                    <ui-select-choices repeat="provider in providers"
+                                                       refresh-delay="0">
+                                        <div >{{provider}}</div>
+                                    </ui-select-choices>
+                                </ui-select>
+                            </div>
+                        </div>
+                    </div>
+                    <hr class="col-md-12"/>
+                    <div class="form-group" class="col-md-12" ng-class="{ 'field-error': model.error }" data-toggle="tooltip" data-placement="top" title="{{model.error}}">
+                        <div class="col-md-6 text-left">
+                            <label class="detail-strong-input">{{'Domain name'|translate}}</label>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="col-sm-8 col-sm-offset-4 no-side-padding">
+                                <input type="text" class="form-control" ng-model="data.field_4" placeholder="{{'Add domain name'|translate}}" maxlength="3" />
+                            </div>
+                        </div>
+                    </div>
+                    <hr class="col-md-12"/>
+                    <div class="form-group" class="col-md-12" ng-class="{ 'field-error': model.error }" data-toggle="tooltip" data-placement="top" title="{{model.error}}">
+                        <div class="col-md-6 text-left">
+                            <label class="detail-strong-input">{{'Account'|translate}}</label>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="col-sm-8 col-sm-offset-4 no-side-padding">
+                                <input type="text" class="form-control" ng-model="data.field_4" placeholder="{{'Add account'|translate}}" maxlength="3" />
+                            </div>
+                        </div>
+                    </div>
+                    <hr class="col-md-12"/>
+                    <div class="form-group" class="col-md-12" ng-class="{ 'field-error': model.error }" data-toggle="tooltip" data-placement="top" title="{{model.error}}">
+                        <div class="col-md-6 text-left">
+                            <label class="detail-strong-input">{{'Password'|translate}}</label>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="col-sm-8 col-sm-offset-4 no-side-padding">
+                                <input type="text" class="form-control" ng-model="data.field_4" placeholder="{{'Add password'|translate}}" maxlength="3" />
+                            </div>
+                        </div>
+                    </div>
+                </div>
 			</luci-config-lines>
 		</luci-config-section>
 	</div>
diff --git a/luciexpress/htdocs/plugins/internet/pages/internet.dns.js b/luciexpress/htdocs/plugins/internet/pages/internet.dns.js
index 6246f4c40..2b550a5ff 100644
--- a/luciexpress/htdocs/plugins/internet/pages/internet.dns.js
+++ b/luciexpress/htdocs/plugins/internet/pages/internet.dns.js
@@ -1,18 +1,45 @@
 $juci.module("internet")
-    .controller("InternetDNSPageCtrl", function($scope, $uci){
+	.controller("InternetDNSPageCtrl", function($scope, $uci){
 
-        $uci.sync("network").done( function(){
-             console.log($uci.network.wan.peerdns); });
+        $scope.providers = ["dyndns.org"];
 
-        $scope.onApply = function(){
-            $scope.busy = 1;
-            $uci.save().done(function(){
-                console.log("Settings saved!");
-            }).fail(function(){
-                console.error("Could not save internet settings!");
-            }).always(function(){
-                $scope.$apply();
-                $scope.busy = 0;
-            });
-        }
-    });
+		$uci.sync("network").done( function(){
+			console.log($uci.network.wan.peerdns); });
+
+		$scope.onApply = function(){
+			$scope.busy = 1;
+			$uci.save().done(function(){
+				console.log("Settings saved!");
+			}).fail(function(){
+				console.error("Could not save internet settings!");
+			}).always(function(){
+				$scope.$apply();
+				$scope.busy = 0;
+			});
+		};
+
+		$scope.onChangeProvider = function(item){
+			$scope.selectedConfig = item;
+			$scope.error = "";
+			$scope.loading = 1;
+			$scope.subsections = {};
+
+
+            $rpc.uci.state({
+				config: item.id
+			}).done(function(data){
+				$scope.subsections = data.values;
+				Object.keys($scope.subsections).map(function(k){
+					$scope.subsections[k] = filterHiddenValues($scope.subsections[k]);
+				});
+				$scope.loading = 0;
+				$scope.$apply();
+			}).fail(function(err){
+				console.error("Could not retrieve data!", err);
+				$scope.error("Could not retrieve data!");
+                $scope.loading = 0;
+				$scope.$apply();
+			});
+		};
+
+	});