2fdcd1f · unity8 · git.iko.soy

52

53 anchors.fill: parent

54

55− readonly property int nTopButtonsVisible: 0 + (backButton.visible ? 1 : 0) + (allButton.visible ? 1 : 0)

56− readonly property int nItems: department && department.loaded ? (department.count + nTopButtonsVisible) : 0

57− contentHeight: nItems * root.itemHeight

55+ contentHeight: column.height

58 contentWidth: width

56 contentWidth: width

59

57

60− AbstractButton {

58+ Column {

61− id: backButton

59+ id: column

62− objectName: "backButton"

63 width: parent.width

60 width: parent.width

64− visible: department && !department.isRoot || false

65− height: visible ? itemHeight : 0

66−

67− onClicked: root.goBackToParentClicked();

68−

69− Image {

70− id: backImage

71− anchors.verticalCenter: parent.verticalCenter

72− anchors.left: parent.left

73− anchors.leftMargin: units.gu(2)

74− source: "image://theme/back"

75− sourceSize.height: parent.height - units.gu(3)

76− sourceSize.width: units.gu(3)

77− fillMode: Image.PreserveAspectFit

78− }

79−

80− Label {

81− anchors.verticalCenter: parent.verticalCenter

82− anchors.left: backImage.right

83− anchors.leftMargin: units.gu(0.5)

84− text: department ? department.parentLabel : ""

85− color: "gray" // TODO remove once we're a separate app

86− }

87

61

88− Rectangle {

62+ AbstractButton {

89− anchors.bottom: parent.bottom

63+ id: backButton

90− anchors.left: parent.left

64+ objectName: "backButton"

91− anchors.right: parent.right

92− anchors.leftMargin: units.gu(2)

93− anchors.rightMargin: units.gu(2)

94 width: parent.width

65 width: parent.width

95− color: "gray"

96− opacity: 0.2

97− height: units.dp(1)

98− }

99− }

100−

101− AbstractButton {

102− id: allButton

103− objectName: "allButton"

104− anchors.top: backButton.bottom

105− width: parent.width

106− visible: department && (!department.isRoot || (root.currentDepartment && !root.currentDepartment.isRoot && root.currentDepartment.parentDepartmentId == department.departmentId)) || false

66+ visible: department && !department.isRoot || false

107− height: itemHeight

67+ height: itemHeight

108−

109− Label {

110− anchors.verticalCenter: parent.verticalCenter

111− anchors.left: parent.left

112− anchors.leftMargin: units.gu(2)

113− text: department ? (department.allLabel != "" ? department.allLabel : department.label) : ""

114− font.bold: true

115− color: "gray" // TODO remove once we're a separate app

116− }

117−

118− Rectangle {

119− anchors.bottom: parent.bottom

120− anchors.left: parent.left

121− anchors.right: parent.right

122− anchors.leftMargin: units.gu(2)

123− anchors.rightMargin: units.gu(2)

124− width: parent.width

125− color: "gray"

126− opacity: 0.2

127− height: units.dp(1)

128− }

129−

130− onClicked: root.allDepartmentClicked();

131− }

132

68

133− Repeater {

69+ onClicked: root.goBackToParentClicked();

134− model: department && department.loaded ? department : null

135− clip: true

136− delegate: AbstractButton {

137− objectName: root.objectName + "child" + index

138− height: root.itemHeight

139− width: root.width

140− y: (flickable.nTopButtonsVisible + index) * root.itemHeight

141

70

142− onClicked: root.enterDepartment(departmentId, hasChildren)

71+ Image {

143−

72+ id: backImage

144− Label {

145 anchors.verticalCenter: parent.verticalCenter

73 anchors.verticalCenter: parent.verticalCenter

146 anchors.left: parent.left

74 anchors.left: parent.left

147 anchors.leftMargin: units.gu(2)

75 anchors.leftMargin: units.gu(2)

148− text: label

149− color: "gray" // TODO remove once we're a separate app

150− }

151−

152− Image {

153− anchors.verticalCenter: parent.verticalCenter

154− anchors.right: parent.right

155− anchors.rightMargin: units.gu(2)

156− source: "image://theme/chevron"

76+ source: "image://theme/back"

157 sourceSize.height: parent.height - units.gu(3)

77 sourceSize.height: parent.height - units.gu(3)

158 sourceSize.width: units.gu(3)

78 sourceSize.width: units.gu(3)

159 fillMode: Image.PreserveAspectFit

79 fillMode: Image.PreserveAspectFit

160− visible: hasChildren

161 }

80 }

162− Image {

81+

82+ Label {

163 anchors.verticalCenter: parent.verticalCenter

83 anchors.verticalCenter: parent.verticalCenter

84+ anchors.left: backImage.right

85+ anchors.leftMargin: units.gu(0.5)

86+ text: department ? department.parentLabel : ""

87+ color: "gray" // TODO remove once we're a separate app

88+ }

89+

90+ Rectangle {

91+ anchors.bottom: parent.bottom

92+ anchors.left: parent.left

164 anchors.right: parent.right

93 anchors.right: parent.right

94+ anchors.leftMargin: units.gu(2)

165 anchors.rightMargin: units.gu(2)

95 anchors.rightMargin: units.gu(2)

166− source: "graphics/tick.png"

96+ width: parent.width

167− sourceSize.height: parent.height - units.gu(2)

97+ color: "gray"

168− sourceSize.width: units.gu(3)

98+ opacity: 0.2

169− fillMode: Image.PreserveAspectFit

99+ height: units.dp(1)

170− visible: !hasChildren && isActive

100+ }

101+ }

102+

103+ AbstractButton {

104+ id: allButton

105+ objectName: "allButton"

106+ width: parent.width

107+ visible: department && (!department.isRoot || (root.currentDepartment && !root.currentDepartment.isRoot && root.currentDepartment.parentDepartmentId == department.departmentId)) || false

108+ height: itemHeight

109+

110+ Label {

111+ anchors.verticalCenter: parent.verticalCenter

112+ anchors.left: parent.left

113+ anchors.leftMargin: units.gu(2)

114+ text: department ? (department.allLabel != "" ? department.allLabel : department.label) : ""

115+ font.bold: true

116+ color: "gray" // TODO remove once we're a separate app

171 }

117 }

172

118

173 Rectangle {

119 Rectangle {

178 anchors.rightMargin: units.gu(2)

124 anchors.rightMargin: units.gu(2)

179 width: parent.width

125 width: parent.width

180 color: "gray"

126 color: "gray"

181− opacity: 0.1

127+ opacity: 0.2

182 height: units.dp(1)

128 height: units.dp(1)

129+ }

130+

131+ onClicked: root.allDepartmentClicked();

132+ }

133+

134+ Repeater {

135+ model: department && department.loaded ? department : null

136+ clip: true

137+ delegate: AbstractButton {

138+ objectName: root.objectName + "child" + index

139+ height: root.itemHeight

140+ width: root.width

141+

142+ onClicked: root.enterDepartment(departmentId, hasChildren)

143+

144+ Label {

145+ anchors.verticalCenter: parent.verticalCenter

146+ anchors.left: parent.left

147+ anchors.leftMargin: units.gu(2)

148+ text: label

149+ color: "gray" // TODO remove once we're a separate app

150+ }

151+

152+ Image {

153+ anchors.verticalCenter: parent.verticalCenter

154+ anchors.right: parent.right

155+ anchors.rightMargin: units.gu(2)

156+ source: "image://theme/chevron"

157+ sourceSize.height: parent.height - units.gu(3)

158+ sourceSize.width: units.gu(3)

159+ fillMode: Image.PreserveAspectFit

160+ visible: hasChildren

161+ }

162+ Image {

163+ anchors.verticalCenter: parent.verticalCenter

164+ anchors.right: parent.right

165+ anchors.rightMargin: units.gu(2)

166+ source: "graphics/tick.png"

167+ sourceSize.height: parent.height - units.gu(2)

168+ sourceSize.width: units.gu(3)

169+ fillMode: Image.PreserveAspectFit

170+ visible: !hasChildren && isActive

171+ }

172+

173+ Rectangle {

174+ anchors.bottom: parent.bottom

175+ anchors.left: parent.left

176+ anchors.right: parent.right

177+ anchors.leftMargin: units.gu(2)

178+ anchors.rightMargin: units.gu(2)

179+ width: parent.width

180+ color: "gray"

181+ opacity: 0.1

182+ height: units.dp(1)

183− visible: index != department.count - 1

183+ visible: index != department.count - 1

184+ }

184 }

185 }

186 }

187 }