Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Web API startup template with a Vue Client demo.
- Select Nucleus.Web.Api project "Set as Startup Project"
- Open "Package Manager Console" and select default project as src/Nucleus.EntityFramework
- Run update-database command to create database.
- Run(F5 or CTRL+F5) Web API project first
- Run yarn command at location src/Nucleus.Web.Vue to install npm packages.
- Run yarn serve command to run Vue application.
- Admin user name and password : admin/123qwe
- Add json file to store language keys and values to Nucleus\src\Nucleus.Web.Vue\src\assets\js\locales\tr.json
- Copy en.json content and translate the values to target language.
- Add country flag to Nucleus.Web.Vue\src\assets\images\icons\flags\tr.png. Get images from http://www.iconarchive.com/show/flag-icons-by-gosquared.html
- Add language to language selection menu in Nucleus\src\Nucleus.Web.Vue\src\account\account-layout.vue and Nucleus\src\Nucleus.Web.Vue\src\admin\components\menu\top-menu\top-menu.vue like following
account-layout.vue
<v-layout align-center justify-center row fill-height>
<v-menu class="mt-3">
<v-btn slot="activator" color="primary" dark outline round>
<img :src="require('@/assets/images/icons/flags/' + selectedLanguage.languageCode + '.png')" class="mr-2 ml-1" />
{{selectedLanguage.languageName}}
<v-icon dark class="ml-3">arrow_drop_down</v-icon>
</v-btn>
<v-list>
<v-list-tile @click="changeLanguage('en', 'English')">
<img src="@/assets/images/icons/flags/en.png" class="mr-2" />
<v-list-tile-title>English</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="changeLanguage('tr', 'Türkçe')">
<img src="@/assets/images/icons/flags/tr.png" class="mr-2" />
<v-list-tile-title>Türkçe</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-layout>top-menu.vue
<v-menu>
<v-btn slot="activator" color="primary">
<img :src="require('@/assets/images/icons/flags/' + selectedLanguage.languageCode + '.png')" class="mr-2" />
{{selectedLanguage.languageName}}
<v-icon dark class="ml-3">arrow_drop_down</v-icon>
</v-btn>
<v-list>
<v-list-tile @click="changeLanguage('en', 'English')">
<img src="@/assets/images/icons/flags/en.png" class="mr-2" />
<v-list-tile-title>English</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="changeLanguage('tr', 'Türkçe')">
<img src="@/assets/images/icons/flags/tr.png" class="mr-2" />
<v-list-tile-title>Türkçe</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>