ui/currentcallview.ui

<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk+" version="3.10"/>
  <template class="CurrentCallView" parent="GtkBox">
    <property name="visible">True</property>

    <!-- start of Paned container which splits the video/controls and the chat -->
    <child>
      <object class="GtkPaned" id="paned_chat">
        <property name="visible">True</property>
        <property name="can_focus">True</property>

        <!-- video widget goes in this frame -->
        <child>
          <object class="GtkFrame" id="frame_video">
            <property name="visible">False</property>
            <property name="shadow-type">GTK_SHADOW_NONE</property>
            <property name="height-request">150</property>
            <property name="width-request">200</property>
          </object>
          <packing>
            <property name="shrink">False</property>
            <property name="resize">True</property>
          </packing>
        </child>
        <!-- end of video widget -->

        <!-- chat container -->
        <child>
          <object class="GtkBox" id="vbox_chat">
            <property name="visible">False</property>
            <property name="orientation">vertical</property>
            <property name="spacing">5</property>
            <!-- start of chat text view -->
            <child>
              <object class="GtkScrolledWindow" id="scrolledwindow_chat">
                <property name="visible">True</property>
                <child>
                  <object class="GtkTextView" id="textview_chat">
                    <property name="visible">True</property>
                    <property name="can_focus">True</property>
                    <property name="editable">False</property>
                    <property name="wrap-mode">word-char</property>
                    <property name="left-margin">5</property>
                    <property name="right-margin">5</property>
                  </object>
                </child>
              </object>
              <packing>
                <property name="expand">True</property>
                <property name="fill">True</property>
              </packing>
            </child>
            <!-- end of chat text view -->
            <!-- start of chat entry -->
            <child>
              <object class="GtkBox" id="hbox_chat_input">
                <property name="visible">True</property>
                <property name="orientation">horizontal</property>
                <property name="spacing">5</property>
                <child>
                  <object class="GtkEntry" id="entry_chat_input">
                    <property name="visible">True</property>
                  </object>
                  <packing>
                    <property name="expand">True</property>
                    <property name="fill">True</property>
                  </packing>
                </child>
                <child>
                  <object class="GtkButton" id="button_chat_input">
                    <property name="visible">True</property>
                    <property name="label" translatable="yes">Send</property>
                  </object>
                </child>
              </object>
              <packing>
                <property name="expand">False</property>
                <property name="fill">True</property>
              </packing>
            </child>
            <!-- end of chat entry -->
          </object>
          <packing>
            <property name="shrink">False</property>
            <property name="resize">False</property>
          </packing>
        </child>
        <!-- end of chat container -->
      </object>
      <packing>
        <property name="expand">True</property>
        <property name="fill">True</property>
      </packing>
    </child>
    <!-- end of Paned container -->
  </template>

  <!-- box which contains peer image and name and call status -->
  <object class="GtkBox" id="hbox_call_info">
    <property name="visible">True</property>
    <property name="hexpand">True</property>
    <property name="spacing">10</property>
    <property name="border-width">10</property>
    <child>
      <object class="GtkImage" id="image_peer">
        <property name="visible">True</property>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
      </packing>
    </child>
    <child>
      <object class="GtkLabel" id="label_identity">
        <property name="visible">True</property>
        <property name="can_focus">True</property>
        <property name="selectable">True</property>
        <property name="ellipsize">end</property>
        <!-- <property name="valign">start</property> -->
        <attributes>
          <attribute name="scale" value="1.25"/>
          <attribute name="foreground" value="#ffffffffffff"/>
        </attributes>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
      </packing>
    </child>

    <!-- call status box -->
    <child>
      <object class="GtkBox" id="hbox_call_status">
        <property name="visible">True</property>
        <property name="spacing">10</property>
        <property name="valign">start</property>
        <child>
          <object class="GtkLabel" id="label_status">
            <property name="visible">True</property>
            <property name="ellipsize">end</property>
            <attributes>
              <attribute name="foreground" value="#ffffffffffff"/>
            </attributes>
          </object>
          <packing>
            <property name="expand">False</property>
            <property name="fill">True</property>
          </packing>
        </child>
        <child>
          <object class="GtkLabel" id="label_duration">
            <property name="visible">True</property>
            <property name="can_focus">True</property>
            <property name="selectable">True</property>
            <property name="ellipsize">end</property>
            <attributes>
              <attribute name="foreground" value="#ffffffffffff"/>
            </attributes>
          </object>
          <packing>
            <property name="expand">False</property>
            <property name="fill">True</property>
          </packing>
        </child>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
        <property name="pack-type">end</property>
      </packing>
    </child>
    <!-- end of call status box -->
  </object>
  <!-- end of box which contains peer image and name -->

  <!-- call conrol button box -->
  <object class="GtkBox" id="hbox_call_controls">
    <property name="visible">True</property>
    <property name="spacing">15</property>
    <property name="border-width">10</property>
    <child>
      <object class="GtkButton" id="button_hangup">
        <property name="visible">True</property>
        <property name="can_focus">True</property>
        <property name="receives_default">True</property>
        <property name="width-request">42</property>
        <property name="height-request">42</property>
        <property name="action-name">app.hangup</property>
        <property name="has_tooltip">True</property>
        <property name="tooltip-text" translatable="yes">End this call</property>
        <property name="image">image_end</property>
        <child internal-child="accessible">
          <object class="AtkObject" id="button_hangup-atkobject">
            <property name="AtkObject::accessible-name" translatable="yes">End call</property>
          </object>
        </child>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
      </packing>
    </child>
    <child>
      <object class="GtkToggleButton" id="togglebutton_hold">
        <property name="visible">True</property>
        <property name="can_focus">True</property>
        <property name="receives_default">True</property>
        <property name="width-request">42</property>
        <property name="height-request">42</property>
        <property name="action-name">app.hold</property>
        <property name="has_tooltip">True</property>
        <property name="tooltip-text" translatable="yes">Toggle hold</property>
        <property name="image">image_pause</property>
        <child internal-child="accessible">
          <object class="AtkObject" id="togglebutton_hold-atkobject">
            <property name="AtkObject::accessible-name" translatable="yes">Hold</property>
          </object>
        </child>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
      </packing>
    </child>
    <child>
      <object class="GtkToggleButton" id="togglebutton_muteaudio">
        <property name="visible">True</property>
        <property name="can_focus">True</property>
        <property name="receives_default">True</property>
        <property name="width-request">42</property>
        <property name="height-request">42</property>
        <property name="action-name">app.mute_audio</property>
        <property name="has_tooltip">True</property>
        <property name="tooltip-text" translatable="yes">Toggle mute audio</property>
        <property name="image">image_mute_audio</property>
        <child internal-child="accessible">
          <object class="AtkObject" id="togglebutton_muteaudio-atkobject">
            <property name="AtkObject::accessible-name" translatable="yes">Hold</property>
          </object>
        </child>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
      </packing>
    </child>
    <child>
      <object class="GtkToggleButton" id="togglebutton_mutevideo">
        <property name="visible">True</property>
        <property name="can_focus">True</property>
        <property name="receives_default">True</property>
        <property name="width-request">42</property>
        <property name="height-request">42</property>
        <property name="action-name">app.mute_video</property>
        <property name="has_tooltip">True</property>
        <property name="tooltip-text" translatable="yes">Toggle mute video</property>
        <property name="image">image_mute_video</property>
        <child internal-child="accessible">
          <object class="AtkObject" id="togglebutton_mutevideo-atkobject">
            <property name="AtkObject::accessible-name" translatable="yes">Mute video</property>
          </object>
        </child>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
      </packing>
    </child>
    <child>
      <object class="GtkToggleButton" id="togglebutton_record">
        <property name="visible">True</property>
        <property name="can_focus">True</property>
        <property name="receives_default">True</property>
        <property name="width-request">42</property>
        <property name="height-request">42</property>
        <property name="action-name">app.record</property>
        <property name="has_tooltip">True</property>
        <property name="image">image_record</property>
        <property name="tooltip-text" translatable="yes">Toggle record audio</property>
        <child internal-child="accessible">
          <object class="AtkObject" id="togglebutton_record-atkobject">
            <property name="AtkObject::accessible-name" translatable="yes">Record audio</property>
          </object>
        </child>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
      </packing>
    </child>
    <child>
      <object class="GtkToggleButton" id="togglebutton_chat">
        <property name="visible">True</property>
        <property name="can_focus">True</property>
        <property name="width-request">42</property>
        <property name="height-request">42</property>
        <property name="has_tooltip">True</property>
        <property name="tooltip-text" translatable="yes">Toggle show chat</property>
        <property name="image">image_chat</property>
        <child internal-child="accessible">
          <object class="AtkObject" id="togglebutton_chat-atkobject">
            <property name="AtkObject::accessible-name" translatable="yes">Chat</property>
          </object>
        </child>
      </object>
      <packing>
        <property name="expand">False</property>
        <property name="fill">True</property>
      </packing>
    </child>
  </object>
  <!-- end of call control button box -->

  <object class="GtkImage" id="image_chat">
    <property name="visible">True</property>
    <property name="resource">/cx/ring/RingGnome/chat</property>
    <child internal-child="accessible">
      <object class="AtkObject" id="image_chat-atkobject">
        <property name="AtkObject::accessible-description" translatable="yes">Chat</property>
      </object>
    </child>
  </object>
  <object class="GtkImage" id="image_mute_audio">
    <property name="visible">True</property>
    <property name="resource">/cx/ring/RingGnome/mute_audio</property>
    <child internal-child="accessible">
      <object class="AtkObject" id="image_mute_audio-atkobject">
        <property name="AtkObject::accessible-description" translatable="yes">Mute audio</property>
      </object>
    </child>
  </object>
  <object class="GtkImage" id="image_mute_video">
    <property name="visible">True</property>
    <property name="resource">/cx/ring/RingGnome/mute_video</property>
    <child internal-child="accessible">
      <object class="AtkObject" id="image_mute_video-atkobject">
        <property name="AtkObject::accessible-description" translatable="yes">Mute video</property>
      </object>
    </child>
  </object>
  <object class="GtkImage" id="image_pause">
    <property name="visible">True</property>
    <property name="resource">/cx/ring/RingGnome/pause</property>
    <child internal-child="accessible">
      <object class="AtkObject" id="image_pause-atkobject">
        <property name="AtkObject::accessible-description" translatable="yes">Hold</property>
      </object>
    </child>
  </object>
  <object class="GtkImage" id="image_end">
    <property name="visible">True</property>
    <property name="resource">/cx/ring/RingGnome/end</property>
    <child internal-child="accessible">
      <object class="AtkObject" id="image_end-atkobject">
        <property name="AtkObject::accessible-description" translatable="yes">End call</property>
      </object>
    </child>
  </object>
  <object class="GtkImage" id="image_record">
    <property name="visible">True</property>
    <property name="icon_name">media-record</property>
    <child internal-child="accessible">
      <object class="AtkObject" id="image_record-atkobject">
        <property name="AtkObject::accessible-description" translatable="yes">Record</property>
      </object>
    </child>
  </object>
</interface>