hide debug

build/index.html

@@ -49,7 +49,11 @@
 <script src="view/CallScreen.js"></script>
 <script src="app.js"></script>
 <script src="./bundle/apps.js"></script>
+<div id="debug"></div>
 <script>
+  D('#debug')[0].addEventListener('click', function() {
+    document.body.classList.toggle('debug');
+  });
   store.set('appLoaded', true);
     D.ext(D('.callapp_button')[0], {onclick: function() {
 
@@ -57,6 +61,5 @@
 
 </script>
 
-
 </body>
 </html>

build/main.css

@@ -236,6 +236,10 @@ input[type="text"]:focus {
 .hidden {
     display: none;
 }
+.nothing {
+    visibility: hidden;
+    pointer-events: none;
+}
 .income-video {
     display: inline-block;
     margin: 20px 8px 0 0;
@@ -294,3 +298,18 @@ input[type="text"]:focus {
     font-size: 14px;
     line-height: 24px;
 }
+
+
+#logger {
+    display: none;
+}
+.debug #logger {
+    display: block;
+}
+#debug {
+    position: absolute;
+    top:0;
+    right:0;
+    width: 32px;
+    height: 32px;
+}
\ No newline at end of file

build/view/CallScreen.js

+var isConnecting = new Store.Value.Boolean(false);
 Screen.Conference = function() {
 
 	var RTC = function(parent, canvas, devname, id, remoteParent) {
@@ -327,8 +328,9 @@ Screen.Conference = function() {
 						hidden: Store.NOT(store.val('callScreenCamerasTune'))
 					}]},
 				D.h('button', {
-					cls: ['button primary', {disabled: Store.NOT(store.val('guestPosition'))}],
+					cls: ['button primary', {nothing: Store.OR(isConnected, isConnecting)}],
 					onclick: ()=>{
+						isConnecting.set(true);
 						store.set('connection', true)
 					}
 				}, 'Ready to connect'),
@@ -517,6 +519,7 @@ Screen.Conference = function() {
 };
 
 Screen.Conference.beforeShow = function() {
+	isConnecting.set(false);
 	store.set({
 		connection: false,
 		callScreenCamerasTune: false

build/view/TableComponent.js

@@ -17,7 +17,7 @@ var UserIcon = function(percent, inverse) {
 };
 
 var TableComponent = function(cfg) {
-
+	var k = 1;
 	var RoleGuest = function(role, position, percent, inverse) {
 
 		var selected = new Store.Value.Boolean(false);
@@ -34,7 +34,7 @@ var TableComponent = function(cfg) {
 
 		return D.div({
 				cls: [
-					'table-component--guest-row--guest',
+					'table-component--guest-row--guest table-component--guest-row--guest-'+(k++),
 					{
 						'table-component--guest-row--guest__selected': selected,
 						'table-component--guest-row--guest__disabled': disabled,

build/view/tableComponent.css

@@ -55,13 +55,15 @@
 }
 
 .table-component--guest-row--guest__user-icon {
-    display: inline-block;
+    display: inline-flex;
     margin: 8px 8px 0;
     position: relative;
-    width: 32px;
-    height: 32px;
+    width: 24px;
+    height: 24px;
+}
+.table-component--guest-row--guest-4 {
+    margin-right: -8px;
 }
-
 .table-component--guest-row--guest__user-icon--obod {
     border: 1px solid #594cd7;
     border-radius: 50%;