Add button stories

Author: trungvose

frontend/src/app/jira-control/avatar/avatar.stories.ts

@@ -7,7 +7,7 @@ export default {
 } as Meta;
 
 const avatarUrl =
-  'https://res.cloudinary.com/dvujyxh7e/image/upload/c_scale,%3Cspan%20class="x x-first x-last">w_48/v1593253478/trung-vo_bioxmc.png';
+  'https://res.cloudinary.com/dvujyxh7e/image/upload/c_scale,%3Cspan%20class="x x-first x-last">w_128/v1593253478/trung-vo_bioxmc.png';
 
 const Template: Story<AvatarComponent> = (args: AvatarComponent) => ({
   component: AvatarComponent,

frontend/src/app/jira-control/button/button.stories.ts

@@ -0,0 +1,39 @@
+import { Meta, Story } from '@storybook/angular';
+import { ButtonComponent } from './button.component';
+
+export default {
+  title: 'Components/Button',
+  component: ButtonComponent
+} as Meta;
+
+interface ButtonProps extends ButtonComponent {
+  label: string;
+}
+
+const Template: Story<ButtonComponent> = ({ label, className }: Partial<ButtonProps>) => ({
+  component: ButtonComponent,
+  moduleMetadata: {
+    declarations: [ButtonComponent], // Removed if no template
+    imports: []
+  },
+  template: `<j-button className='${className}'>${label}</j-button>`
+});
+
+export const Primary: Story<ButtonProps> = Template.bind({});
+Primary.args = {
+  className: 'btn-primary',
+  label: 'Primary'
+};
+
+export const Secondary: Story<ButtonProps> = Template.bind({});
+Secondary.args = {
+  className: 'btn-secondary',
+  label: 'Secondary'
+};
+
+export const Empty: Story<ButtonProps> = Template.bind({});
+Empty.args = {
+  icon: "times",
+  className: 'btn-empty',
+  label: 'Cancel'
+};