From 030f9d334b44068a6dceaa6f260c394b709d64a4 Mon Sep 17 00:00:00 2001
From: JonnyWong16 <JonnyWong16@users.noreply.github.com>
Date: Mon, 12 Feb 2018 17:33:35 -0800
Subject: [PATCH] Improve server selectize on setup wizard

---
 data/interfaces/default/css/plexpy.css |  3 ++
 data/interfaces/default/welcome.html   | 41 +++++++++++++++++++-------
 plexpy/datafactory.py                  |  3 ++
 3 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index a5f57438..c00f6db0 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -86,6 +86,9 @@ select.form-control {
     margin-bottom: 4px;
     padding-left: 5px;
 }
+.selectize-control.form-control.wizard-pms-ip .selectize-input {
+    padding: 6px 12px !important;
+}
 .react-selectize.root-node .react-selectize-control .react-selectize-placeholder {
     color: #fff !important;
 }
diff --git a/data/interfaces/default/welcome.html b/data/interfaces/default/welcome.html
index e24021cf..5ecaa495 100644
--- a/data/interfaces/default/welcome.html
+++ b/data/interfaces/default/welcome.html
@@ -91,13 +91,13 @@
                     <div class="wizard-input-section">
                         <label for="pms_ip">Plex IP or Hostname</label>
                         <div class="row">
-                            <div class="col-xs-8">
-                                <select id="pms_ip" name="pms_ip"></select>
+                            <div class="col-xs-12">
+                                <select class="form-control wizard-pms-ip" id="pms_ip" name="pms_ip"></select>
                             </div>
                         </div>
                     </div>
                     <div class="wizard-input-section">
-                        <label for="pms_port">Port Number</label>
+                        <label for="pms_port">Plex Port</label>
                         <div class="row">
                             <div class="col-xs-3">
                                 <input type="text" class="form-control pms_settings" name="pms_port" id="pms_port" placeholder="32400" value="${config['pms_port']}" required>
@@ -244,20 +244,41 @@
 
             },
             render: {
-                option: function (item, escape) {
-                    return '<div data-use_ssl="' + item.httpsRequired + '" data-local="' + item.local + '" data-ci="' + item.clientIdentifier + '" data-ip="' + item.ip + '" data-port="' + item.port + '" data-label="' + item.label + '">' + item.value + ' (' + item.label + ')</div>';
-                },
                 item: function (item, escape) {
                     // first item is rendered before initialization bug?
                     if (!item.ci) {
-                        $.extend(item,
-                        $(this.revertSettings.$children)
+                        $.extend(item, $(this.revertSettings.$children)
                             .filter('[value="' + item.value + '"]').data());
-
                     }
-                    return '<div data-use_ssl="' + item.httpsRequired + '" data-local="' + item.local + '" data-ci="' + item.clientIdentifier + '" data-ip="' + item.ip + '" data-port="' + item.port + '" data-label="' + item.label + '">' + item.value + ' (' + item.label + ')</div>';
+                    var label = item.label || item.value;
+                    var caption = item.label ? item.value : null;
+                    return '<div data-use_ssl="' + item.httpsRequired +
+                            '" data-local="' + item.local +
+                            '" data-ci="' + item.clientIdentifier +
+                            '" data-ip="' + item.ip +
+                            '" data-port="' + item.port +
+                            '" data-label="' + item.label + '">' +
+                            '<span class="item-text">' + escape(label) + '</span>' +
+                            (caption ? '<span class="item-value">' + escape(caption) + '</span>' : '') +
+                            '</div>';
+                },
+                option: function (item, escape) {
+                    var label = item.label || item.value;
+                    var caption = item.label ? item.value : null;
+                    return '<div data-use_ssl="' + item.httpsRequired +
+                            '" data-local="' + item.local +
+                            '" data-ci="' + item.clientIdentifier +
+                            '" data-ip="' + item.ip +
+                            '" data-port="' + item.port +
+                            '" data-label="' + item.label + '">' +
+                            escape(label) +
+                            (caption ? '<span class="caption">' + escape(caption) + '</span>' : '') +
+                            '</div>';
                 }
             },
+            create: function(input) {
+                return {label: '', value: input};
+            },
             onChange: function (item) {
                 var ci = $('.selectize-input').find('div').attr('data-ci');
                 var port = $('.selectize-input').find('div').attr('data-port')
diff --git a/plexpy/datafactory.py b/plexpy/datafactory.py
index d50d740a..5845ef19 100644
--- a/plexpy/datafactory.py
+++ b/plexpy/datafactory.py
@@ -826,6 +826,9 @@ class DataFactory(object):
         if session.get_session_shared_libraries():
             library_cards = session.get_session_shared_libraries()
 
+        if 'first_run_wizard' in library_cards:
+            return None
+
         library_stats = []
 
         try: