changes UI 80%

pull/1/head
alireza hassani 5 years ago
parent 14e74e1c65
commit 47011717a3

@ -96,7 +96,7 @@ export default {
{ {
titleEn: " Portfolio Management ", titleEn: " Portfolio Management ",
titleFa: " مدیریت نمونه کارها ", titleFa: " مدیریت نمونه کارها ",
icon: "rss", icon: "art-gallery",
href: '/portfolio', href: '/portfolio',
}, },
{ {

@ -18,10 +18,10 @@ if (UserService.get()) {
store.commit('auth/SET_AUTH_USER', UserService.get()) store.commit('auth/SET_AUTH_USER', UserService.get())
} }
if (CategoryNameService.get()) { // if (CategoryNameService.get()) {
Globalstore.commit('common/SET_CATEGORY_NAME', CategoryNameService.get()) // Globalstore.commit('common/SET_CATEGORY_NAME', CategoryNameService.get())
} else { // } else {
Globalstore.dispatch('common/loadCategoryName'); Globalstore.dispatch('common/loadCategoryName');
} // }
import '@Global/services/errorHandler.services' import '@Global/services/errorHandler.services'

@ -192,12 +192,25 @@
width: calc(100% - 45px); width: calc(100% - 45px);
float: right; float: right;
} }
.hasHelp .v-autocomplete, .hasHelp .vue-treeselect {
width: calc(100% - 45px);
float: right;
}
.hasConfig.hasHelp .v-autocomplete, .hasConfig.hasHelp .vue-treeselect {
width: calc(100% - 90px);
float: right;
}
.hasConfig .v-btn { .hasConfig .v-btn {
float: right; float: right;
margin-top: 20px; margin-top: 20px;
margin-right: 10px; margin-right: 10px;
} }
.hasConfig .v-btn:nth-of-type(2) {
margin-right: 5px;
}
.hasConfig .v-card__text { .hasConfig .v-card__text {
width: calc(100% - 50px); width: calc(100% - 50px);
@ -243,3 +256,10 @@
/* -------------------------------------------------------- /* --------------------------------------------------------
Float Buttons :: End Float Buttons :: End
-------------------------------------------------------- */ -------------------------------------------------------- */
.color-square {
width: 16px;
height: 16px;
border-radius: 8px;
margin-left: 8px;
}

@ -432,6 +432,9 @@ $Value in $Shadows {
.v-expansion-panel-header { .v-expansion-panel-header {
padding: 0px; padding: 0px;
} }
.v-expansion-panels.flat .v-expansion-panel.v-expansion-panel--active.v-item--active {
border: none;
}
// ------------------------------------------------------------------ // ------------------------------------------------------------------

@ -29,7 +29,6 @@ $TealShadow:rgba(0, 137, 123, 0.2);
$Colors: (Red: $Red, Orange: $Orange, Yellow: $Yellow, Gold: $Gold, Purple: $Purple, Blue: $Blue, Green: $Green, Cyan: $Cyan, LightGray: $LightGray, Gray: $Gray, Brown: $Brown, Black: $Black, White: $White); $Colors: (Red: $Red, Orange: $Orange, Yellow: $Yellow, Gold: $Gold, Purple: $Purple, Blue: $Blue, Green: $Green, Cyan: $Cyan, LightGray: $LightGray, Gray: $Gray, Brown: $Brown, Black: $Black, White: $White);
$colors: (red: $Red, orange: $Orange, yellow: $Yellow, gold: $Gold, purple: $Purple, blue: $Blue, green: $Green, cyan: $Cyan, gray: $Gray, brown: $Brown, black: $Black, white: $White, tael: $Teal); $colors: (red: $Red, orange: $Orange, yellow: $Yellow, gold: $Gold, purple: $Purple, blue: $Blue, green: $Green, cyan: $Cyan, gray: $Gray, brown: $Brown, black: $Black, white: $White, tael: $Teal);
$Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold: $GoldShadow, purple: $PurpleShadow, blue: $BlueShadow, green: $GreenShadow, cyan: $CyanShadow, gray: $GrayShadow, 'grey lighten-3': $LightGrayShadow, brown: $BrownShadow, black: $BlackShadow, white: $WhiteShadow, teal: $TealShadow); $Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold: $GoldShadow, purple: $PurpleShadow, blue: $BlueShadow, green: $GreenShadow, cyan: $CyanShadow, gray: $GrayShadow, 'grey lighten-3': $LightGrayShadow, brown: $BrownShadow, black: $BlackShadow, white: $WhiteShadow, teal: $TealShadow);
:root { :root {
--color-red: #ee3552; --color-red: #ee3552;
--color-orange: #ff6b57; --color-orange: #ff6b57;
@ -47,5 +46,8 @@ $Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold:
--color-light-gray: #e6e6e6; --color-light-gray: #e6e6e6;
--color-light-blue: #C9D3EC; --color-light-blue: #C9D3EC;
--color-link-hover: #181b31; --color-link-hover: #181b31;
//------------------------Module Colors
--color-portfolio: #915117;
--color-client: #32c5d2;
--color-task: #ac3773;
} }

@ -1,7 +1,7 @@
export default { export default {
task: { task: {
my_task: {name: '', name_en: ''}, my_task: {name: ' وظایف من ', name_en: ' My Tasks '},
my_request: {name: '', name_en: ''}, my_request: {name: ' درخواست های من ', name_en: ' My Requests '},
title: { title: {
add: {name: 'تعریف وظیفه ', name_en: ' Define a Task '}, add: {name: 'تعریف وظیفه ', name_en: ' Define a Task '},
add_category: {name: 'افزودن نوع وظیفه', name_en: ' Add a Task Type '}, add_category: {name: 'افزودن نوع وظیفه', name_en: ' Add a Task Type '},

@ -49,4 +49,8 @@ export default{
request: {name: 'درخواســت های مـــن', name_en: 'MY Requests'}, request: {name: 'درخواســت های مـــن', name_en: 'MY Requests'},
client: {name: 'مشتــــــــریان مـــــــــن ', name_en: 'My Clients'} client: {name: 'مشتــــــــریان مـــــــــن ', name_en: 'My Clients'}
} }
} }

@ -1,6 +1,6 @@
export default { export default {
Task: 'cyan', task: 'purple',
CRM: 'cyan', client: 'cyan',
Portfolio: 'cyan', portfolio: 'brown',
Portfolio: 'cyan', blog: 'orange',
} }

@ -7,15 +7,16 @@
v-for="( module ,key ) in getModules" v-for="( module ,key ) in getModules"
:key="key" :key="key"
> >
<wm-tile <wm-tile
:TileClass="module.title_class" :TileClass="module.title_class"
:TitleEn="module.title_en" :TitleEn="$_name(`${module.slug}.name_en`)"
:TitleFa="module.title_fa" :TitleFa="$_name(`${module.slug}.name`)"
:GradientBegin="module.gradient_begin" :GradientBegin="module.gradient_begin"
:GradientEnd="module.gradient_end" :GradientEnd="module.gradient_end"
:ImageURL="module.img_url" :ImageURL="module.img_url"
:ImageHeight="module.img_height" :ImageHeight="module.img_height"
></wm-tile> />
</a> </a>
</v-layout> </v-layout>
<router-link v-if="getAuthUser.is_owner == 'true' || hostname == originHostName" :to="{name: 'AddModule'}"> <router-link v-if="getAuthUser.is_owner == 'true' || hostname == originHostName" :to="{name: 'AddModule'}">

Loading…
Cancel
Save