|
@@ -33,7 +33,7 @@
|
|
</div>
|
|
</div>
|
|
</md-toolbar>
|
|
</md-toolbar>
|
|
|
|
|
|
- <md-drawer md-fixed :md-active.sync="showLeftSidepanel">
|
|
|
|
|
|
+ <md-drawer :md-active.sync="showLeftSidepanel" md-fixed>
|
|
<md-toolbar :md-elevation="1">
|
|
<md-toolbar :md-elevation="1">
|
|
<span class="md-title">Personal Feed</span>
|
|
<span class="md-title">Personal Feed</span>
|
|
</md-toolbar>
|
|
</md-toolbar>
|
|
@@ -42,23 +42,35 @@
|
|
|
|
|
|
<md-field>
|
|
<md-field>
|
|
<label for="country">Country</label>
|
|
<label for="country">Country</label>
|
|
- <md-select @input="changeCountry" :value="country" name="country" id="country">
|
|
|
|
- <md-option value="us">United States</md-option>
|
|
|
|
- <md-option value="ca">Canada</md-option>
|
|
|
|
- <md-option value="kr">Koread</md-option>
|
|
|
|
- <md-option value="ru">Russia</md-option>
|
|
|
|
- <md-option value="fr">France</md-option>
|
|
|
|
|
|
+ <md-select id="country" @input="changeCountry" :value="country" name="country">
|
|
|
|
+ <md-option value="us">
|
|
|
|
+ United States
|
|
|
|
+ </md-option>
|
|
|
|
+ <md-option value="ca">
|
|
|
|
+ Canada
|
|
|
|
+ </md-option>
|
|
|
|
+ <md-option value="kr">
|
|
|
|
+ Koread
|
|
|
|
+ </md-option>
|
|
|
|
+ <md-option value="ru">
|
|
|
|
+ Russia
|
|
|
|
+ </md-option>
|
|
|
|
+ <md-option value="fr">
|
|
|
|
+ France
|
|
|
|
+ </md-option>
|
|
</md-select>
|
|
</md-select>
|
|
</md-field>
|
|
</md-field>
|
|
</md-drawer>
|
|
</md-drawer>
|
|
|
|
|
|
- <md-drawer class="md-right" md-fixed :md-active.sync="showRightSidepanel">
|
|
|
|
|
|
+ <md-drawer :md-active.sync="showRightSidepanel" class="md-right" md-fixed>
|
|
<md-toolbar :md-elevation="1">
|
|
<md-toolbar :md-elevation="1">
|
|
<span class="md-title">News Categories</span>
|
|
<span class="md-title">News Categories</span>
|
|
</md-toolbar>
|
|
</md-toolbar>
|
|
<md-progress-bar v-if="loading" md-mode="indeterminate" />
|
|
<md-progress-bar v-if="loading" md-mode="indeterminate" />
|
|
<md-list>
|
|
<md-list>
|
|
- <md-subheader class="md-primary">Categories</md-subheader>
|
|
|
|
|
|
+ <md-subheader class="md-primary">
|
|
|
|
+ Categories
|
|
|
|
+ </md-subheader>
|
|
<md-list-item v-for="(newsCategory, i) in newsCategories" :key="i" @click="loadCategory(newsCategory.path)">
|
|
<md-list-item v-for="(newsCategory, i) in newsCategories" :key="i" @click="loadCategory(newsCategory.path)">
|
|
<md-icon :class="newsCategory.path === category ? 'md-primary' : ''">
|
|
<md-icon :class="newsCategory.path === category ? 'md-primary' : ''">
|
|
{{ newsCategory.icon }}
|
|
{{ newsCategory.icon }}
|