swcs/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

When click on item in variation quick switcher - change context in header

Browse Source
This commit is contained in:
Mads Rasmussen
2016-03-23 14:12:57 +01:00
parent 1bbf104b9f
commit cf4c09f41f
2 changed files with 30 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorheader.directive.js
+22 -1
View File
@@ -36,9 +36,30 @@
scope.showVariationsQuickSwitch = false;
};
scope.toggleSubItems = function(item) {
scope.toggleSubItems = function(item, $event) {
item.showSubItems = !item.showSubItems;
$event.preventDefault();
$event.stopPropagation();
};
scope.selectItem = function(language, variation) {
if(language) {
scope.language = language.language;
} else {
scope.language = "";
}
if(variation) {
scope.variation = variation.name;
} else {
scope.variation = "";
}
scope.showVariationsQuickSwitch = false;
};
}
var directive = {
src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
+8 -8
View File
@@ -32,16 +32,16 @@
umb-auto-focus
required />
<div class="umb-editor-header__selected-variations">
<div class="umb-editor-header__selected-variations" ng-if="language || variation">
<div class="umb-editor-header__selected-variation">
<div class="umb-editor-header__selected-variation" ng-if="language">
<i class="umb-editor-header__selected-variation-icon icon-umb-translation"></i>
<div>English (United States)</div>
<div>{{ language }}</div>
</div>
<div class="umb-editor-header__selected-variation">
<div class="umb-editor-header__selected-variation" ng-if="variation">
<i class="umb-editor-header__selected-variation-icon icon-documents"></i>
<div>Mobile</div>
<div>{{ variation }}</div>
</div>
</div>
@@ -59,16 +59,16 @@
<li ng-repeat="variation in variations" ng-class="{'-active' : variation.showSubItems}">
<a class="umb-variations-quick-switcher__variation" href="">
<a class="umb-variations-quick-switcher__variation" href ng-click="selectItem(variation)">
<span class="umb-variations-quick-switcher__variation-published-state" ng-class="{'-published': variation.published}"></span>
<i class="umb-variations-quick-switcher__variation-icon icon-umb-translation"></i>
<span class="umb-variations-quick-switcher__variation-name">{{variation.language}}</span>
<span class="umb-variations-quick-switcher__variation-toggle" ng-if="variation.variations" ng-click="toggleSubItems(variation)">variations &dtrif;</span>
<span class="umb-variations-quick-switcher__variation-toggle" ng-if="variation.variations" ng-click="toggleSubItems(variation, $event)">variations &dtrif;</span>
</a>
<ul class="umb-variations-quick-switcher__subnav" ng-if="variation.showSubItems">
<li ng-repeat="test in variation.variations">
<a class="umb-variations-quick-switcher__variation" href="">
<a class="umb-variations-quick-switcher__variation" href ng-click="selectItem(variation, test)">
<span class="umb-variations-quick-switcher__variation-published-state" ng-class="{'-published': test.published}"></span>
<i class="umb-variations-quick-switcher__variation-icon icon-documents"></i>
<span class="umb-variations-quick-switcher__variation-name">{{ test.name }}</span>