update server settings from preference panel

d0u9 · Nov 13, 2017 · a35b915 · a35b915
1 parent af567b9
commit a35b915
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/youtube_dl_webui/static/js/global.js b/youtube_dl_webui/static/js/global.js
@@ -15,7 +15,7 @@ var videoDownload = (function (Vue, extendAM){
         modalData: {
             add: { url: '', ydl_opts: {} },
             remove: { removeFile: false },
-            preference: {}
+            preference: {youtube_dl: {}, general: {}},
         },
         currentSelected: null,
         taskDetails: {},
@@ -91,7 +91,13 @@ var videoDownload = (function (Vue, extendAM){
                     });
                 },
                 updatePreference: function () {
-                    console.log('updatePreference()');
+                    var _self = this;
+                    var url = _self.headPath + 'config';
+                    Vue.http.post(url, _self.modalData.preference, {emulateJSON: false}).then(function(res){
+                        console.log("Successfully");
+                    }, function(err){
+                        _self.showAlertToast(err, 'error');
+                    });
                 },
                 removeTask: function(){
                     var _self = this;
@@ -148,13 +154,11 @@ var videoDownload = (function (Vue, extendAM){
                             return false;
                         } else {
                             config = responseJSON['config'];
-                            for (let cls in config) {
-                                items = config[cls];
-                                for (let id in items) {
-                                    console.log(cls);
-                                    console.log(items[id]);
-                                }
-                            }
+                            _self.modalData.preference.general.download_dir = config.general.download_dir;
+                            _self.modalData.preference.general.db_path = config.general.db_path;
+                            _self.modalData.preference.general.log_size = config.general.log_size;
+                            _self.modalData.preference.youtube_dl.format = config.youtube_dl.format;
+                            _self.modalData.preference.youtube_dl.proxy = config.youtube_dl.proxy;
                         }
                     });
                 },

diff --git a/youtube_dl_webui/templates/index.html b/youtube_dl_webui/templates/index.html
@@ -118,22 +118,22 @@
                             <hr class="left-hr" /><span style="font-weight: bold;">General</span><hr class="right-hr" />
                         </div>
                         <div>
-                            <label>Download Path:</label><input type="text" ref="dl-path" v-model="modalData.preference.dl_path" v-cloak @keyup.enter="addTask" @keyup.esc="showModal = false"/>
+                            <label>Download Path:</label><input type="text" ref="dl-path" v-model="modalData.preference.general.download_dir" v-cloak @keyup.enter="addTask" @keyup.esc="showModal = false"/>
                         </div>
                         <div>
-                            <label>Database Path:</label><input type="text" ref="db-path" v-model="modalData.preference.db_path" v-cloak @keyup.enter="addTask" @keyup.esc="showModal = false"/>
+                            <label>Database Path:</label><input type="text" ref="db-path" v-model="modalData.preference.general.db_path" v-cloak @keyup.enter="addTask" @keyup.esc="showModal = false"/>
                         </div>
                         <div>
-                            <label>Log Size:</label><input type="text" ref="log-size" v-model="modalData.preference.log_size" v-cloak @keyup.enter="addTask" @keyup.esc="showModal = false"/>
+                            <label>Log Size:</label><input type="text" ref="log-size" v-model="modalData.preference.general.log_size" v-cloak @keyup.enter="addTask" @keyup.esc="showModal = false"/>
                         </div>
                         <div style="text-align:center;">
                             <hr class="left-hr" /><span style="font-weight: bold;">youtube-dl options</span><hr class="right-hr" />
                         </div>
                         <div>
-                            <label>Format:</label><input type="text" ref="format" v-model="modalData.preference.format" v-cloak @keyup.esc="showModal = false"/>
+                            <label>Format:</label><input type="text" ref="format" v-model="modalData.preference.youtube_dl.format" v-cloak @keyup.esc="showModal = false"/>
                         </div>
                         <div>
-                            <label>Proxy:</label><input type="text" ref="proxy" v-model="modalData.preference.proxy" v-cloak @keyup.esc="showModal = false"/>
+                            <label>Proxy:</label><input type="text" ref="proxy" v-model="modalData.preference.youtube_dl.proxy" v-cloak @keyup.esc="showModal = false"/>
                         </div>
                     </div>
                 </template>