pimhwang
/
spreed-webrtc
mirror of https://github.com/strukturag/spreed-webrtc.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Update text.

pull/149/head
Evan Theurer 11 years ago
parent
2f7118abd1
commit
2eaceb7a71
2 changed files with 45 additions and 7 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      src/styles/components/helptour.scss
  2. 36
      static/partials/helpoverlay.html

14
src/styles/components/helptour.scss
Unescape View File

@ -43,6 +43,20 @@ $darken-tour-opacity: .4; @@ -43,6 +43,20 @@ $darken-tour-opacity: .4;
opacity: 0.95;
}
.twoThirdsLeft {
&.popover > .arrow {
left: 75%;
}
}
.oneThirdLeft {
&.popover > .arrow {
left: 25%;
}
}
.roomPane {
left: 10px;
top: 97px;

36
static/partials/helpoverlay.html
Unescape View File

@ -1,10 +1,22 @@ @@ -1,10 +1,22 @@
<div class="helptour">
<div class="tourSteps">
<div class="popover bottom optionsPane oneThirdLeft" data-menu="toggleOptions" data-css="helptourShowOptionsPane">
<div class="arrow"></div>
<h3 class="popover-title">{{_('Options menu')}}<span class="slideInfo">{{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>
<div class="popover-content">
{{_('On the options menu you can open the settings, activate or deactivate your camera and microphone. You also can open the contact manager or the chat view to open a group chat. During a call you have further options like sharing your screen, sharing a file as presentation, or even a YouTube Video.')}}
<div class="tourControl">
<hr>
<button class="btn btn-default" ng-click="exitTour()">Cancel Tour</button>
<button class="btn btn-primary" ng-click="stepForward()" ng-disabled="currentIndex === steps.length - 1">Continue Tour</button>
</div>
</div>
</div>
<div class="popover left settingsPane" data-menu="toggleSettings" data-css="helptourShowSettingsPane">
<div class="arrow"></div>
<h3 class="popover-title">{{_('Settings')}}<span class="slideInfo">{{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>
<div class="popover-content">
{{_('Complete your profile by adding your name and picture. You also can enter a status message. If you want, you can change further settings like your camera, video quality, or language. Confirm your settings with a click on “close”.')}}
{{_('Complete your profile by adding your name and picture. You also can enter a status message. If you want, you can change further settings like your camera, video quality, or language. Confirm your settings with a click on "close".')}}
<div class="tourControl">
<hr>
<button class="btn btn-default" ng-click="exitTour()">Cancel Tour</button>
@ -28,7 +40,7 @@ @@ -28,7 +40,7 @@
<div class="arrow"></div>
<h3 class="popover-title">{{_('Buddies')}}<span class="slideInfo">{{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>
<div class="popover-content">
{{_('A buddy is a person in the same room. Want to call or chat with them? Simple hover over a buddy and start a conversation. You can add other other persons as well to create a group call. ')}}
{{_('A buddy is a person in the same room. Want to call or chat with them? Simply hover over a buddy and start a conversation. Group calls and chats are also possible. ')}}
<div class="tourControl">
<hr>
<button class="btn btn-default" ng-click="exitTour()">Cancel Tour</button>
@ -40,7 +52,7 @@ @@ -40,7 +52,7 @@
<div class="arrow"></div>
<h3 class="popover-title">{{_('Contacts')}}<span class="slideInfo">{{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>
<div class="popover-content">
{{_('When a buddy and you are logged in you can add him as a contact. Just click on the unfilled star to send a contact request. When the star is filled you are contacts. You can call or chat with a contact even when you are in different rooms.')}}
{{_('When a buddy and you are logged in you can add him as a contact. Just click on the unfilled star to send a contact request. He is in your contact list when the star is filled. You can call or chat with a contact even when you are in different rooms.')}}
<div class="tourControl">
<hr>
<button class="btn btn-default" ng-click="exitTour()">Cancel Tour</button>
@ -52,7 +64,7 @@ @@ -52,7 +64,7 @@
<div class="arrow"></div>
<h3 class="popover-title">{{_('Chat')}}<span class="slideInfo">{{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>
<div class="popover-content">
{{_('You can chat with everyone in a room (room chat) or with a buddy. You also can share a file or your location within the chat. When chatting with a buddy, you can start a call from the chat window.')}}
{{_('You can chat with everyone in a room (room chat) or with a buddy. You also can share a file or your location within the chat. While chatting with a buddy, you can start a call from the chat window.')}}
<div class="tourControl">
<hr>
<button class="btn btn-default" ng-click="exitTour()">Cancel Tour</button>
@ -62,9 +74,21 @@ @@ -62,9 +74,21 @@
</div>
<div class="popover bottom optionsPane" data-menu="toggleOptions" data-css="helptourShowOptionsPane">
<div class="arrow"></div>
<h3 class="popover-title">{{_('Options menu')}}<span class="slideInfo">{{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>
<h3 class="popover-title">{{_('Contacts Manager')}}<span class="slideInfo">{{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>
<div class="popover-content">
{{_('With the contact manager you can manage your contacts. You can call or chat with your contacts even if you are in different rooms. You also can change the name of your contacts.')}}
<div class="tourControl">
<hr>
<button class="btn btn-default" ng-click="exitTour()">Cancel Tour</button>
<button class="btn btn-primary" ng-click="stepForward()" ng-disabled="currentIndex === steps.length - 1">Continue Tour</button>
</div>
</div>
</div>
<div class="popover bottom optionsPane twoThirdsLeft" data-menu="toggleOptions" data-css="helptourShowOptionsPane">
<div class="arrow"></div>
<h3 class="popover-title">{{_('Microphone / Camera')}}<span class="slideInfo">{{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>
<div class="popover-content">
{{_('On the options menu you can activate different options like mute/unmute your microphone or activate/deactivate your camera. You also can open the chat view to open a group chat. During a call you have further options like sharing your screen, sharing a file as presentation, or even a YouTube Video.')}}
{{_('Click on the eye icon to deactivate or activate your camera. Click on the microphone to mute and unmute your microphone. You can change the setting before or during a call.')}}
<div class="tourControl">
<hr>
<button class="btn btn-default" ng-click="exitTour()">Cancel Tour</button>

Write Preview
Loading…
Cancel
Save