summaryrefslogtreecommitdiffstats
path: root/src/gs-app-tile.ui
blob: 83338436529939deaa883bc69499da061a38a497 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <!-- interface-requires gtk+ 3.10 -->
  <template class="GsAppTile" parent="GtkButton">
    <property name="hexpand">True</property>
    <!-- This is the minimum (sic!) width of a tile when the GtkFlowBox parent container switches to 3 columns -->
    <property name="preferred-width">270</property>
    <style>
      <class name="card"/>
    </style>
    <child>
      <object class="GtkStack" id="stack">

        <child>
          <object class="GtkStackPage">
            <property name="name">waiting</property>
            <property name="child">
              <object class="GtkImage" id="waiting">
                <property name="halign">center</property>
                <property name="valign">center</property>
                <property name="pixel-size">16</property>
                <property name="icon-name">content-loading-symbolic</property>
                <style>
                  <class name="dim-label"/>
                </style>
              </object>
            </property>
          </object>
        </child>

        <child>
          <object class="GtkStackPage">
            <property name="name">content</property>
            <property name="child">
              <object class="GtkOverlay" id="overlay">
                <property name="halign">fill</property>
                <property name="valign">fill</property>
                <child type="overlay">
                  <object class="AdwBin">
                    <property name="visible">False</property>
                    <property name="halign">start</property>
                    <property name="valign">start</property>
                    <property name="margin-top">58</property>
                    <property name="margin-start">12</property>
                    <style>
                      <class name="installed-overlay-box"/>
                    </style>
                    <child>
                      <object class="GtkLabel" id="installed-label">
                        <property name="label" translatable="yes" context="Single app">Installed</property>
                        <property name="margin-start">16</property>
                        <property name="margin-end">16</property>
                        <property name="margin-top">4</property>
                        <property name="margin-bottom">4</property>
                      </object>
                    </child>
                  </object>
                </child>
                <child>
                  <object class="GtkGrid" id="grid">
                    <property name="margin-top">14</property>
                    <property name="margin-bottom">15</property>
                    <property name="margin-start">17</property>
                    <property name="margin-end">17</property>
                    <property name="row-spacing">3</property>
                    <property name="column-spacing">12</property>
                    <child>
                      <object class="GtkImage" id="image">
                        <property name="width-request">64</property>
                        <property name="height-request">64</property>
                        <style>
                          <class name="icon-dropshadow"/>
                        </style>
                        <layout>
                          <property name="column">0</property>
                          <property name="row">0</property>
                          <property name="column-span">1</property>
                          <property name="row-span">3</property>
                        </layout>
                      </object>
                    </child>
                    <child>
                      <object class="GtkLabel" id="name">
                        <property name="ellipsize">end</property>
                        <property name="xalign">0.0</property>
                        <attributes>
                          <attribute name="weight" value="bold"/>
                        </attributes>
                        <style>
                          <class name="app-tile-label"/>
                        </style>
                        <layout>
                          <property name="column">1</property>
                          <property name="row">0</property>
                          <property name="column-span">1</property>
                          <property name="row-span">1</property>
                        </layout>
                      </object>
                    </child>
                    <child>
                      <object class="GtkLabel" id="summary">
                        <property name="ellipsize">end</property>
                        <property name="xalign">0.0</property>
                        <property name="yalign">0.0</property>
                        <property name="lines">2</property>
                        <property name="vexpand">True</property>
                        <property name="single-line-mode">True</property>
                        <style>
                          <class name="app-tile-label"/>
                        </style>
                        <layout>
                          <property name="column">1</property>
                          <property name="row">2</property>
                          <property name="column-span">1</property>
                          <property name="row-span">1</property>
                        </layout>
                      </object>
                    </child>
                  </object>
                </child>
              </object>
            </property>
          </object>
        </child>

      </object>
    </child>
  </template>
</interface>