data/ui/qml/VolumeControl.qml

   1
   2 import Qt 4.7
   3
   4 Item {
   5     id: volumeControlArea
   6     signal close
   7     property variant value: ""
   8
   9     MouseArea {
  10         anchors.fill: parent
  11         onClicked: volumeControlArea.close()
  12     }
  13     Rectangle {
  14         color: themeController.background
  15         anchors.fill: parent
  16         opacity: .9
  17     }
  18     Text {
  19         text: volume_level_str
  20         y: config.font_size
  21         anchors.horizontalCenter: parent.horizontalCenter
  22         font.pixelSize: config.font_size * 1.5
  23         color: themeController.foreground
  24     }
  25     Rectangle {
  26         id: valuebar
  27         width: root.width / 2
  28         height: config.font_size * 3
  29         y: config.font_size * 3.5
  30         anchors.horizontalCenter: parent.horizontalCenter
  31         color: themeController.progress_bg_color
  32
  33         MouseArea {
  34             anchors.fill: parent
  35             onClicked: { if (volumeControlArea.value != "None") {
  36                              volumeControlArea.value = Math.round((mouseX / parent.width) * 100)
  37                              main.set_volume_level(volumeControlArea.value)
  38                          }
  39                        }
  40         }
  41         Rectangle {
  42             id: progress
  43             width: volumeControlArea.value == "None" ? 0: valuebar.width * (volumeControlArea.value / 100)
  44             color: themeController.progress_color
  45             anchors {
  46                 top: parent.top
  47                 bottom: parent.bottom
  48                 left: parent.left
  49             }
  50         }
  51     }
  52     Text {
  53         text: volumeControlArea.value == "None" ? disabled_str: volumeControlArea.value
  54         anchors.centerIn: valuebar
  55         font.pixelSize: config.font_size * 1.5
  56         color: themeController.foreground
  57     }
  58 }