@burh/nuxt-core 1.0.411 → 1.0.412

package/components/argon-core/BaseDropdown.vue

@@ -1,114 +1,114 @@
-<template>
-	<component
-		:is="tag"
-		:class="[{ show: isOpen }, `drop${direction}`]"
-		@click="toggleDropDown"
-		v-click-outside="closeDropDown"
-	>
-		<slot name="title-container" :is-open="isOpen">
-			<component
-				:is="titleTag"
-				class="btn-rotate"
-				:class="[{'dropdown-toggle': hasToggle}, titleClasses]"
-				:aria-expanded="isOpen"
-				data-toggle="dropdown"
-			>
-				<slot name="title" :is-open="isOpen">
-					<i :class="icon"></i> {{ title }}
-				</slot>
-			</component>
-		</slot>
-		<ul
-			class="dropdown-menu"
-			:class="[
-				{ show: isOpen },
-				{ 'dropdown-menu-right': menuOnRight },
-				menuClasses
-			]"
-		>
-			<slot></slot>
-		</ul>
-	</component>
-</template>
-<script>
-export default {
-	name: 'base-dropdown',
-	props: {
-		tag: {
-			type: String,
-			default: 'div',
-			description: 'Dropdown html tag (e.g div, ul etc)'
-		},
-		titleTag: {
-			type: String,
-			default: 'button',
-			description: 'Dropdown title (toggle) html tag'
-		},
-		title: {
-			type: String,
-			description: 'Dropdown title'
-		},
-		direction: {
-			type: String,
-			default: 'down', // up | down
-			description: 'Dropdown menu direction (up|down)'
-		},
-		icon: {
-			type: String,
-			description: 'Dropdown icon'
-		},
-		titleClasses: {
-			type: [String, Object, Array],
-			description: 'Title css classes'
-		},
-		menuClasses: {
-			type: [String, Object],
-			description: 'Menu css classes'
-		},
-		menuOnRight: {
-			type: Boolean,
-			description: 'Whether menu should appear on the right'
-		},
-		hasToggle: {
-			type: Boolean,
-			description: 'Whether dropdown has arrow icon shown',
-			default: true
-		},
-		isDropdownOpen: {
-			type: Boolean,
-			default: false
-		}
-	},
-	data() {
-		return {
-			isOpen: false
-		};
-	},
-	watch: {
-		isOpen() {
-			if (this.isOpen === false) {
-				this.$emit('close');
-			}
-		},
-		isDropdownOpen() {
-			this.isOpen = this.isDropdownOpen;
-		}
-	},
-	methods: {
-		toggleDropDown() {
-			this.isOpen = !this.isOpen;
-			this.$emit('change', this.isOpen);
-		},
-		closeDropDown() {
-			this.isOpen = false;
-			this.$emit('change', false);
-		}
-	}
-};
-</script>
-<style lang="scss" scoped>
-.dropdown {
-  cursor: pointer;
-  user-select: none;
-}
-</style>
+<template>
+	<component
+		:is="tag"
+		:class="[{ show: isOpen }, `drop${direction}`]"
+		@click="toggleDropDown"
+		v-click-outside="closeDropDown"
+	>
+		<slot name="title-container" :is-open="isOpen">
+			<component
+				:is="titleTag"
+				class="btn-rotate"
+				:class="[{'dropdown-toggle': hasToggle}, titleClasses]"
+				:aria-expanded="isOpen"
+				data-toggle="dropdown"
+			>
+				<slot name="title" :is-open="isOpen">
+					<i :class="icon"></i> {{ title }}
+				</slot>
+			</component>
+		</slot>
+		<ul
+			class="dropdown-menu"
+			:class="[
+				{ show: isOpen },
+				{ 'dropdown-menu-right': menuOnRight },
+				menuClasses
+			]"
+		>
+			<slot></slot>
+		</ul>
+	</component>
+</template>
+<script>
+export default {
+	name: 'base-dropdown',
+	props: {
+		tag: {
+			type: String,
+			default: 'div',
+			description: 'Dropdown html tag (e.g div, ul etc)'
+		},
+		titleTag: {
+			type: String,
+			default: 'button',
+			description: 'Dropdown title (toggle) html tag'
+		},
+		title: {
+			type: String,
+			description: 'Dropdown title'
+		},
+		direction: {
+			type: String,
+			default: 'down', // up | down
+			description: 'Dropdown menu direction (up|down)'
+		},
+		icon: {
+			type: String,
+			description: 'Dropdown icon'
+		},
+		titleClasses: {
+			type: [String, Object, Array],
+			description: 'Title css classes'
+		},
+		menuClasses: {
+			type: [String, Object],
+			description: 'Menu css classes'
+		},
+		menuOnRight: {
+			type: Boolean,
+			description: 'Whether menu should appear on the right'
+		},
+		hasToggle: {
+			type: Boolean,
+			description: 'Whether dropdown has arrow icon shown',
+			default: true
+		},
+		isDropdownOpen: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			isOpen: false
+		};
+	},
+	watch: {
+		isOpen() {
+			if (this.isOpen === false) {
+				this.$emit('close');
+			}
+		},
+		isDropdownOpen() {
+			this.isOpen = this.isDropdownOpen;
+		}
+	},
+	methods: {
+		toggleDropDown() {
+			this.isOpen = !this.isOpen;
+			this.$emit('change', this.isOpen);
+		},
+		closeDropDown() {
+			this.isOpen = false;
+			this.$emit('change', false);
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.dropdown {
+  cursor: pointer;
+  user-select: none;
+}
+</style>

package/components/argon-core/LoadingPanel.vue

@@ -1,26 +1,26 @@
-<template>
-	<div class="row" v-loading="true" id="loading"></div>
-</template>
-<script>
-import Vue from 'vue';
-import { Loading } from 'element-ui';
-
-Vue.use(Loading.directive);
-export default {};
-</script>
-<style>
-#loading {
-  min-height: 200px;
-  display: flex;
-  align-items: center;
-}
-
-.el-loading-spinner .path {
-  stroke: #66615b !important;
-}
-
-.el-loading-mask {
-    z-index: 100!important;
-  background: transparent !important;
-}
-</style>
+<template>
+	<div class="row" v-loading="true" id="loading"></div>
+</template>
+<script>
+import Vue from 'vue';
+import { Loading } from 'element-ui';
+
+Vue.use(Loading.directive);
+export default {};
+</script>
+<style>
+#loading {
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+}
+
+.el-loading-spinner .path {
+  stroke: #66615b !important;
+}
+
+.el-loading-mask {
+    z-index: 100!important;
+  background: transparent !important;
+}
+</style>

package/components/burh-ds/Cards/BaseCard.vue

@@ -1,194 +1,194 @@
-<template>
-	<div class="recruitment__user__card">
-		<div
-			class="recruitment__user__card__header"
-			:class="[
-				{ 'header__cover--shadow': cover },
-				{ 'header__cover--glass': glass }
-			]"
-		>
-			<div class="recruitment__user__card__header__actions">
-				<div class="left">
-					<slot name="header-left" />
-				</div>
-				<div class="right">
-					<slot name="header-right" />
-				</div>
-			</div>
-			<img
-				v-if="cover !== null"
-				:src="cover"
-				class="user__cover"
-				@error="cover = null"
-			>
-		</div>
-
-		<div class="recruitment__user__card__content">
-			<img :src="(avatar) ? avatar : getNameInitials(name, last_name)" :alt="name">
-
-			<slot name="card-content" />
-		</div>
-
-		<div class="recruitment__user__card__footer">
-			<slot name="card-footer" />
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'recruitment-user-card',
-	props: {
-		cover: {
-			type: String,
-			default: null
-		},
-		avatar: {
-			type: String,
-			default: null
-		},
-		name: {
-			type: String,
-			default: null
-		},
-		last_name: {
-			type: String,
-			default: null
-		},
-		glass: {
-			type: Boolean,
-			default: false
-		}
-	},
-	methods: {
-		getNameInitials(name, last_name) {
-			const avatarUrl = process.env.routes.avatar;
-
-			let userAvatarName;
-
-			if (name && last_name) {
-				userAvatarName = `${name.toUpperCase().charAt(0)}${last_name.toUpperCase().charAt(0)}`;
-			} else if (name && last_name === null) {
-				userAvatarName = name;
-			} else {
-				userAvatarName = 'BURH';
-			}
-
-			return avatarUrl.replace(':size', '124x124').replace(':initials', userAvatarName);
-		},
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-.recruitment__user__card {
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    border-radius: 4px;
-    overflow: hidden;
-    cursor: pointer;
-    transition: transform 0.25s;
-    &:focus {
-        outline: none;
-        transform: translateY(-5px);
-    }
-    &:hover {
-        transform: translateY(-5px);
-    }
-
-    img {
-        user-select: none;
-    }
-
-    &__header {
-        width: 100%;
-        height: 70px;
-        overflow: hidden;
-        position: relative;
-        background: #1F8CEB;
-        &.header__cover--shadow::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), 80%, transparent);
-            z-index: 1;
-        }
-        &.header__cover--glass {
-            &::before {
-                backdrop-filter: blur( 4px );
-                -webkit-backdrop-filter: blur( 4px );
-                background: rgba(0,0,0,0.2)!important;
-            }
-        }
-        .user__cover {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-        &__actions {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 10px 15px;
-            z-index: 2;
-            .right {
-                display: flex;
-                align-items: center;
-                flex-direction: row;
-                button {
-                    color: #fff;
-                    border: 0;
-                    background: transparent;
-                    width: 32px;
-                    height: 32px;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                }
-            }
-        }
-    }
-    &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        padding: 0 15px;
-        img {
-            width: 120px;
-            height: 120px;
-            border-radius: 100px;
-            object-fit: contain;
-            margin-top: -20px;
-            z-index: 10;
-            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-            background: #fff;
-            border: 4px solid #fff;
-        }
-    }
-    &__footer {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding-bottom: 20px;
-        span {
-            font-size: 0.875rem;
-            font-weight: 500;
-            margin: 0 10px;
-            color: #AEB6BE;
-            &.new {
-                color: #1F8CEB;
-            }
-        }
-    }
-}
-
-</style>
+<template>
+	<div class="recruitment__user__card">
+		<div
+			class="recruitment__user__card__header"
+			:class="[
+				{ 'header__cover--shadow': cover },
+				{ 'header__cover--glass': glass }
+			]"
+		>
+			<div class="recruitment__user__card__header__actions">
+				<div class="left">
+					<slot name="header-left" />
+				</div>
+				<div class="right">
+					<slot name="header-right" />
+				</div>
+			</div>
+			<img
+				v-if="cover !== null"
+				:src="cover"
+				class="user__cover"
+				@error="cover = null"
+			>
+		</div>
+
+		<div class="recruitment__user__card__content">
+			<img :src="(avatar) ? avatar : getNameInitials(name, last_name)" :alt="name">
+
+			<slot name="card-content" />
+		</div>
+
+		<div class="recruitment__user__card__footer">
+			<slot name="card-footer" />
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'recruitment-user-card',
+	props: {
+		cover: {
+			type: String,
+			default: null
+		},
+		avatar: {
+			type: String,
+			default: null
+		},
+		name: {
+			type: String,
+			default: null
+		},
+		last_name: {
+			type: String,
+			default: null
+		},
+		glass: {
+			type: Boolean,
+			default: false
+		}
+	},
+	methods: {
+		getNameInitials(name, last_name) {
+			const avatarUrl = process.env.routes.avatar;
+
+			let userAvatarName;
+
+			if (name && last_name) {
+				userAvatarName = `${name.toUpperCase().charAt(0)}${last_name.toUpperCase().charAt(0)}`;
+			} else if (name && last_name === null) {
+				userAvatarName = name;
+			} else {
+				userAvatarName = 'BURH';
+			}
+
+			return avatarUrl.replace(':size', '124x124').replace(':initials', userAvatarName);
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.recruitment__user__card {
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.25s;
+    &:focus {
+        outline: none;
+        transform: translateY(-5px);
+    }
+    &:hover {
+        transform: translateY(-5px);
+    }
+
+    img {
+        user-select: none;
+    }
+
+    &__header {
+        width: 100%;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        background: #1F8CEB;
+        &.header__cover--shadow::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), 80%, transparent);
+            z-index: 1;
+        }
+        &.header__cover--glass {
+            &::before {
+                backdrop-filter: blur( 4px );
+                -webkit-backdrop-filter: blur( 4px );
+                background: rgba(0,0,0,0.2)!important;
+            }
+        }
+        .user__cover {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        &__actions {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 10px 15px;
+            z-index: 2;
+            .right {
+                display: flex;
+                align-items: center;
+                flex-direction: row;
+                button {
+                    color: #fff;
+                    border: 0;
+                    background: transparent;
+                    width: 32px;
+                    height: 32px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                }
+            }
+        }
+    }
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 0 15px;
+        img {
+            width: 120px;
+            height: 120px;
+            border-radius: 100px;
+            object-fit: contain;
+            margin-top: -20px;
+            z-index: 10;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            background: #fff;
+            border: 4px solid #fff;
+        }
+    }
+    &__footer {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding-bottom: 20px;
+        span {
+            font-size: 0.875rem;
+            font-weight: 500;
+            margin: 0 10px;
+            color: #AEB6BE;
+            &.new {
+                color: #1F8CEB;
+            }
+        }
+    }
+}
+
+</style>