First commit

Tesses.YouTubeDownloader.Server/src/pages/music/artist.tcross

@@ -0,0 +1,25 @@
+func Pages.Artist(music,ctx)
+{
+    
+    var id = ctx.QueryParams.TryGetFirst("id");
+    var res = music.GetArtistsAlbums(id);
+   
+    if(TypeOf(id) != "String")
+    {
+        return Components.Shell("Error",<h1>Artist id not specified</h1>,pages);
+    }
+   
+
+    var html = <null>
+    <h1>{res.name}</h1>
+    <ul>
+        <each(var item : res.items)>
+            <li><raw(Components.MusicAlbum(item))></li>
+        </each>
+    </ul>
+    </null>;
+    
+
+    return Components.Shell($"Artist {res.name}",html,2);
+
+}

Tesses.YouTubeDownloader.Server/src/pages/music/artists.tcross

@@ -0,0 +1,33 @@
+func Pages.Artists(music,ctx)
+{
+    
+    var q = ctx.QueryParams.TryGetFirst("q");
+    var res = null;
+    var q2 = "";
+    if(TypeOf(q) == "String")
+    {
+        q2 = q;
+        res = music.GetArtists(q);
+        
+    }
+
+    var html = <null>
+        <form hx-get="./music-artists" hx-target="body" hx-push-url="true">
+        <div class="field large prefix round fill active">
+        <i class="front">search</i>
+        <input name="q" value={q2}>
+  
+        </div>
+        </form>
+    <if(res != null)>
+    <true>
+    <ul>
+        <each(var item : res)>
+            <li><raw(Components.MusicArtist(item))></li>
+        </each>
+    </ul>
+    </true></null>;
+    
+
+    return Components.Shell($"Search Artists {q2}",html,2);
+}

Tesses.YouTubeDownloader.Server/src/pages/music/music.tcross

@@ -0,0 +1,8 @@
+func Pages.Music(ctx)
+{
+    var html = <ul>
+        <div><a href="./music-artists">Artists</a></div>
+        <div><a href="./music-downloaded">My Music</a></div>
+    </ul>;
+    return Components.Shell("Music",html,2);
+}