From f18db8a275a745b0650c82bc599f898fdf18236a Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sat, 15 Aug 2020 15:27:51 -0600
Subject: [PATCH] Begin work on preventing the playlist creation if the
 conditions are not met

---
 src/components/modals/PlaylistExport.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/modals/PlaylistExport.vue b/src/components/modals/PlaylistExport.vue
index 44512bf..c0607fa 100644
--- a/src/components/modals/PlaylistExport.vue
+++ b/src/components/modals/PlaylistExport.vue
@@ -33,7 +33,7 @@
 								<option :value="true">Public Playlist</option>
 							</select>
 							<button
-								:disabled="!create_button_enabled"
+								:disabled="!can_export"
 								@click.self="create_playlist()"
 							>
 								Create Playlist
@@ -83,6 +83,7 @@ export default {
 			id: null,
 			url: null,
 		},
+		exported_settings: null,
 	}},
 	mounted() {
 		let date = new Date();
@@ -94,9 +95,22 @@ export default {
 			this.container = true;
 		});
 	},
+	computed: {
+		can_export() {
+
+			// Spotify has a name length of 100 characters, ensure we don't error
+			if (this.name.length > 100) {
+				return false;
+			};
+
+			if (this.exported_settings) {
+
+			};
+			return true;
+		}
+	},
 	methods: {
 		create_playlist() {
-			this.create_button_enabled = false;
 
 			// Generate payload object
 			let payload = {
@@ -105,6 +119,8 @@ export default {
 				public: this.is_public
 			};
 
+			this.exported_settings = payload;
+
 			// Create the Spotify playlist (no tracks yet)
 			axios.post(
 				`${this.api_url}/users/${this.user_id}/playlists`,