fix up getting started and create content tours

This commit is contained in:
Mads Rasmussen
2018-09-03 16:02:39 +02:00
parent 83ce9050e8
commit b72fc95d1f
4 changed files with 18 additions and 18 deletions
@@ -4,7 +4,7 @@
<umb-load-indicator ng-show="page.loading"></umb-load-indicator>
<div class="umb-dashboard" ng-if="!page.loading">
<div class="umb-dashboard" ng-if="!page.loading" data-element='dashboard'>
<div class="umb-dashboard__header" ng-show="dashboard.tabs.length > 1">
<umb-tabs-nav
@@ -9,7 +9,7 @@
<div class="flex items-center">
<ul class="umb-app-header__actions">
<li class="umb-app-header__action">
<li data-element="global-search" class="umb-app-header__action">
<a href="#" hotkey="ctrl+space" ng-click="searchClick()" prevent-default style="font-size: 20px;">
<i class="icon-search"></i>
</a>
@@ -20,7 +20,7 @@
</a>
</li>
</ul>
<a ng-href="" href="" ng-click="avatarClick()" hotkey="ctrl+shift+u" title="{{user.name}}" prevent-default>
<a data-element="section-user" ng-href="" href="" ng-click="avatarClick()" hotkey="ctrl+shift+u" title="{{user.name}}" prevent-default>
<umb-avatar
size="xxs"
color="secondary"
@@ -1,6 +1,6 @@
<div>
<ng-form name="tabbedContentForm">
<div class="umb-expansion-panel" ng-repeat="group in content.tabs track by group.label">
<div class="umb-expansion-panel" data-element="property-{{group.alias}}" ng-repeat="group in content.tabs track by group.label">
<div class="umb-expansion-panel__header" ng-click="group.open = !group.open">
<div>{{ group.label }}</div>
@@ -8,7 +8,7 @@
</div>
<div class="umb-expansion-panel__content" ng-show="group.open">
<umb-property data-element="property-{{group.alias}}" ng-repeat="property in group.properties track by property.alias" property="property">
<umb-property data-element="property-{{property.alias}}" ng-repeat="property in group.properties track by property.alias" property="property">
<umb-property-editor model="property"></umb-property-editor>
</umb-property>
</div>
@@ -41,18 +41,18 @@
"content": "<p>This is the <b>Tree</b> and it is the main navigation inside a section.</p><p>In the Content section the tree is called the <b>Content tree</b> and here you can navigate the content of your website.</p>"
},
{
"element": "[data-element='editor-container']",
"element": "[data-element='dashboard']",
"elementPreventClick": true,
"title": "Dashboards",
"content": "<p>A dashboard is the main view you are presented with when entering a section within the backoffice, and can be used to show valuable information to the users of the system.</p><p>Notice that some sections have multiple dashboards.</p>"
},
{
"element": "[data-element='global-search-field']",
"element": "[data-element='global-search']",
"title": "Search",
"content": "The search allows you to quickly find whatever you're looking for across sections within Umbraco."
},
{
"element": "#applications [data-element='section-user']",
"element": "[data-element='section-user']",
"title": "User profile",
"content": "Now click on your <b>user avatar</b> to open the user profile dialog.",
"event": "click",
@@ -71,7 +71,7 @@
"event": "click"
},
{
"element": "#applications [data-element='section-help']",
"element": "[data-element='section-help']",
"title": "Help",
"content": "If you ever find yourself in trouble click here to open the Help drawer.",
"event": "click",
@@ -144,8 +144,8 @@
},
{
"element": "[data-element='group-add']",
"title": "Add tab",
"content": "Tabs are used to organize properties on content in the Content section. Click <b>Add new tab</b> to add a tab.",
"title": "Add group",
"content": "Group are used to organize properties on content in the Content section. Click <b>Add Group</b> to add a group.",
"event": "click"
},
{
@@ -161,30 +161,30 @@
"event": "click"
},
{
"element": "[data-element~='overlay-property-settings'] [data-element='property-name']",
"element": "[data-element='editor-property-settings'] [data-element='property-name']",
"title": "Name the property",
"content": "Enter <code>Welcome Text</code> as the name for the property.",
"view": "propertyname"
},
{
"element": "[data-element~='overlay-property-settings'] [data-element='property-description']",
"element": "[data-element~='editor-property-settings'] [data-element='property-description']",
"title": "Enter a description",
"content": "<p>A description will help to fill in the right content.</p><p>Enter a description for the property editor. It could be:<br/> <pre>Write a nice introduction text so the visitors feel welcome</pre></p>"
},
{
"element": "[data-element~='overlay-property-settings'] [data-element='editor-add']",
"element": "[data-element~='editor-property-settings'] [data-element='editor-add']",
"title": "Add editor",
"content": "When you add an editor you choose what the input method for this property will be. Click <b>Add editor</b> to open the editor picker dialog.",
"event": "click"
},
{
"element": "[data-element~='overlay-editor-picker']",
"element": "[data-element~='editor-data-type-picker']",
"elementPreventClick": true,
"title": "Editor picker",
"content": "<p>In the editor picker dialog we can pick one of the many built-in editors.</p><p><em>You can choose from preconfigured data types (Reuse) or create a new configuration (Available editors)</em>.</p>"
},
{
"element": "[data-element~='overlay-editor-picker'] [data-element='editor-Textarea']",
"element": "[data-element~='editor-data-type-picker'] [data-element='editor-Textarea']",
"title": "Select editor",
"content": "Select the <b>Textarea</b> editor. This will add a textarea to the Welcome Text property.",
"event": "click"
@@ -268,8 +268,8 @@
},
{
"element": "[data-element='editor-content'] [data-element='button-saveAndPublish']",
"title": "Save and Publish",
"content": "<p>Now click the <b>Save and publish</b> button to save and publish your changes.</p>",
"title": "Publish",
"content": "<p>Now click the <b>Publish</b> button to publish your changes.</p>",
"event": "click"
}
]