From 8ce24c1c5303be074262932baa8dfc25bb68369f Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Wed, 26 Mar 2014 16:14:47 -0400
Subject: [PATCH] stub out profile edit page

---
 dashboard-ui/dlnaprofile.html       | 13 ++++-
 dashboard-ui/scripts/dlnaprofile.js | 86 ++++++++++++++++++++++++++---
 2 files changed, 87 insertions(+), 12 deletions(-)

diff --git a/dashboard-ui/dlnaprofile.html b/dashboard-ui/dlnaprofile.html
index 9bd503df8e..7853fe85b7 100644
--- a/dashboard-ui/dlnaprofile.html
+++ b/dashboard-ui/dlnaprofile.html
@@ -11,17 +11,24 @@
 
                 <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
                     <a href="dlnasettings.html" data-role="button">Settings</a>
-                    <a href="#" data-role="button" class="ui-btn-active">Profiles</a>
+                    <a href="dlnaprofiles.html" data-role="button" class="ui-btn-active">Profiles</a>
                 </div>
 
                 <form class="dlnaProfileForm">
 
                     <ul data-role="listview" class="ulForm">
                         <li>
-                            <button type="submit" data-theme="b" data-icon="check" data-mini="true">
+                            <label for="txtName">Name</label>
+                            <input type="text" id="txtName" data-mini="true" required="required" />
+                        </li>
+                    </ul>
+
+                    <ul data-role="listview" class="ulForm">
+                        <li>
+                            <button class="btnSave" style="display: none;" type="submit" data-theme="b" data-icon="check" data-mini="true">
                                 Save
                             </button>
-                            <button type="button" onclick="Dashboard.navigate('dashboard.html');" data-icon="delete" data-mini="true">
+                            <button type="button" onclick="Dashboard.navigate('dlnaprofiles.html');" data-icon="delete" data-mini="true">
                                 Cancel
                             </button>
                         </li>
diff --git a/dashboard-ui/scripts/dlnaprofile.js b/dashboard-ui/scripts/dlnaprofile.js
index 821346777f..6cecea444a 100644
--- a/dashboard-ui/scripts/dlnaprofile.js
+++ b/dashboard-ui/scripts/dlnaprofile.js
@@ -4,20 +4,78 @@
 
         Dashboard.showLoadingMsg();
 
-        var id = getParameterByName('id');
-        var url = id ? 'Dlna/Profiles/' + id :
-            'Dlna/Profiles/Default';
-
-        $.getJSON(ApiClient.getUrl(url)).done(function (result) {
+        getProfile().done(function (result) {
 
             renderProfile(page, result);
 
             Dashboard.hideLoadingMsg();
         });
     }
-    
+
+    function getProfile() {
+
+        var id = getParameterByName('id');
+        var url = id ? 'Dlna/Profiles/' + id :
+            'Dlna/Profiles/Default';
+
+        return $.getJSON(ApiClient.getUrl(url));
+    }
+
     function renderProfile(page, profile) {
+
+        if (profile.ProfileType == 'User' || !profile.Id) {
+            $('.btnSave', page).show();
+        } else {
+            $('.btnSave', page).hide();
+        }
         
+        $('#txtName', page).val(profile.Name);
+
+    }
+
+    function saveProfile(page, profile) {
+
+        updateProfile(page, profile);
+
+        var id = getParameterByName('id');
+
+        if (id) {
+
+            $.ajax({
+                type: "POST",
+                url: ApiClient.getUrl("Dlna/Profiles/" + id),
+                data: JSON.stringify(profile),
+                contentType: "application/json"
+
+            }).done(function () {
+
+                Dashboard.alert('Settings saved.');
+
+            });
+
+        } else {
+
+            $.ajax({
+                type: "POST",
+                url: ApiClient.getUrl("Dlna/Profiles"),
+                data: JSON.stringify(profile),
+                contentType: "application/json"
+
+            }).done(function () {
+
+                Dashboard.navigate('dlnaprofiles.html');
+
+            });
+
+        }
+
+        Dashboard.hideLoadingMsg();
+    }
+
+    function updateProfile(page, profile) {
+
+        profile.Name = $('#txtName', page).val();
+
     }
 
     $(document).on('pageshow', "#dlnaProfilePage", function () {
@@ -28,9 +86,19 @@
 
     });
 
-    window.DlnaProfilePage = {        
-      
-        onSubmit: function() {
+    window.DlnaProfilePage = {
+
+        onSubmit: function () {
+
+            Dashboard.showLoadingMsg();
+
+            var form = this;
+            var page = $(form).parents('.page');
+
+            getProfile().done(function (profile) {
+
+                saveProfile(page, profile);
+            });
 
             return false;
         }