diff --git a/Mamoth/Mamoth.njsproj b/Mamoth/Mamoth.njsproj
index c57f972e..35efdcd4 100644
--- a/Mamoth/Mamoth.njsproj
+++ b/Mamoth/Mamoth.njsproj
@@ -72,6 +72,7 @@
+
@@ -90,6 +91,9 @@
+
+ Code
+
diff --git a/Mamoth/src/app/components/left-side-bar/left-side-bar.component.css b/Mamoth/src/app/components/left-side-bar/left-side-bar.component.css
index 460c1265..8dfd2e61 100644
--- a/Mamoth/src/app/components/left-side-bar/left-side-bar.component.css
+++ b/Mamoth/src/app/components/left-side-bar/left-side-bar.component.css
@@ -2,5 +2,48 @@
width: 50px;
height: calc(100%);
background: green;
- outline: 1px dotted red;
+ /*outline: 1px dotted red;*/
+}
+
+#mam-create-toot {
+ width: 50px;
+
+ background-color: black;
+}
+
+ #mam-create-toot a {
+ font-size: 0.8em;
+ color: white;
+ text-decoration: none;
+ margin: 0 0 0 10px;
+ }
+
+
+.mam-account-selector {
+ width: 50px;
+ padding-top: 4px;
+}
+
+ .mam-account-selector a {
+ margin-left: 4px;
+ /*margin-top: 4px;*/
+ }
+
+ .mam-account-selector img {
+ width: 40px;
+ border-radius: 50%;
+ }
+
+#mam-account-add {
+ width: 50px;
+ /*height: 50px;*/
+
+ background-color: black;
+}
+
+#mam-account-add a {
+ font-size: 2em;
+ color: white;
+ text-decoration: none;
+ margin: 10px 0 0 15px;
}
diff --git a/Mamoth/src/app/components/left-side-bar/left-side-bar.component.html b/Mamoth/src/app/components/left-side-bar/left-side-bar.component.html
index eeeaca96..c75d88fd 100644
--- a/Mamoth/src/app/components/left-side-bar/left-side-bar.component.html
+++ b/Mamoth/src/app/components/left-side-bar/left-side-bar.component.html
@@ -1,4 +1,18 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/Mamoth/src/app/components/left-side-bar/left-side-bar.component.ts b/Mamoth/src/app/components/left-side-bar/left-side-bar.component.ts
index 883f9358..7eee16df 100644
--- a/Mamoth/src/app/components/left-side-bar/left-side-bar.component.ts
+++ b/Mamoth/src/app/components/left-side-bar/left-side-bar.component.ts
@@ -1,4 +1,5 @@
import { Component, OnInit } from '@angular/core';
+import { AccountWrapper } from '../../models/account.models';
@Component({
selector: 'app-left-side-bar',
@@ -6,10 +7,35 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./left-side-bar.component.css']
})
export class LeftSideBarComponent implements OnInit {
+ accounts: AccountWrapper[] = [];
constructor() { }
ngOnInit() {
+
+ const acc1 = new AccountWrapper();
+ acc1.username = "@mastodon.social@Gargron";
+ acc1.avatar = "https://files.mastodon.social/accounts/avatars/000/000/001/original/4df197532c6b768c.png";
+ this.accounts.push(acc1);
+
+ const acc2 = new AccountWrapper();
+ acc2.username = "@mastodon.art@DearMsDearn";
+ acc2.avatar = "https://curate.mastodon.art/gallery/accounts/avatars/000/015/092/original/3a112863f2dd22a27764179912dc8984.gif";
+ this.accounts.push(acc2);
+
+
+
}
+ toogleAccount(accountId: number): boolean {
+ return false;
+ }
+
+ addNewAccount(): boolean {
+ return false;
+ }
+
+ createNewToot(): boolean {
+ return false;
+ }
}
diff --git a/Mamoth/src/app/components/streams-main-display/streams-main-display.component.css b/Mamoth/src/app/components/streams-main-display/streams-main-display.component.css
index cf8d4f10..5b119815 100644
--- a/Mamoth/src/app/components/streams-main-display/streams-main-display.component.css
+++ b/Mamoth/src/app/components/streams-main-display/streams-main-display.component.css
@@ -4,5 +4,5 @@
overflow-x: auto;
background: blue;
- outline: 1px dotted red;
+ /*outline: 1px dotted red;*/
}
diff --git a/Mamoth/src/app/models/account.models.ts b/Mamoth/src/app/models/account.models.ts
new file mode 100644
index 00000000..95666428
--- /dev/null
+++ b/Mamoth/src/app/models/account.models.ts
@@ -0,0 +1,6 @@
+export class AccountWrapper {
+ id: number;
+ username: string;
+ display_name: string;
+ avatar: string;
+}