Skip to content

Commit 9cbc7b8

Browse files
OdotocodotOdotocodot
committed
Add design time UI for settings page
Makes viewing/editing the not suck as much
1 parent 7b5be27 commit 9cbc7b8

2 files changed

Lines changed: 298 additions & 0 deletions

File tree

‎Flow.Launcher.Plugin.OneNote/UI/DesignTimeStyles.xaml‎

Lines changed: 292 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,292 @@
1+
<ResourceDictionary
2+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4+
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5+
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6+
xmlns:system="clr-namespace:System;assembly=mscorlib"
7+
xmlns:ui="http://schemas.modernwpf.com/2019"
8+
mc:Ignorable="d">
9+
10+
<!--
11+
See Styles.xaml for license
12+
Makes viewing the xaml filled with less errors.
13+
-->
14+
15+
<system:String x:Key="disable">Off</system:String>
16+
<system:String x:Key="enable">On</system:String>
17+
<d:SolidColorBrush x:Key="Color00B" Color="#2b2b2b" />
18+
<d:SolidColorBrush x:Key="Color02B" Color="#2b2b2b" />
19+
<d:SolidColorBrush x:Key="Color03B" Color="#1d1d1d" />
20+
<d:SolidColorBrush x:Key="Color04B" Color="#cfcfcf" />
21+
<d:SolidColorBrush x:Key="Color05B" Color="#ffffff" />
22+
23+
<d:Style x:Key="ExpanderRightHeaderStyle" TargetType="{x:Type ToggleButton}">
24+
<Setter Property="Template">
25+
<Setter.Value>
26+
<ControlTemplate TargetType="{x:Type ToggleButton}">
27+
<Border Padding="{TemplateBinding Padding}">
28+
<Grid Background="Transparent" SnapsToDevicePixels="False">
29+
<Grid.RowDefinitions>
30+
<RowDefinition Height="19" />
31+
<RowDefinition Height="*" />
32+
</Grid.RowDefinitions>
33+
<Grid>
34+
<Grid.LayoutTransform>
35+
<TransformGroup>
36+
<TransformGroup.Children>
37+
<TransformCollection>
38+
<RotateTransform Angle="-90" />
39+
</TransformCollection>
40+
</TransformGroup.Children>
41+
</TransformGroup>
42+
</Grid.LayoutTransform>
43+
<Ellipse
44+
x:Name="circle"
45+
Width="19"
46+
Height="19"
47+
HorizontalAlignment="Center"
48+
VerticalAlignment="Center"
49+
Stroke="DarkGray" />
50+
<Path
51+
x:Name="arrow"
52+
HorizontalAlignment="Center"
53+
VerticalAlignment="Center"
54+
Data="M 1,1.5 L 4.5,5 L 8,1.5"
55+
SnapsToDevicePixels="false"
56+
Stroke="#666"
57+
StrokeThickness="2" />
58+
</Grid>
59+
<ContentPresenter
60+
Grid.Row="1"
61+
Margin="0,4,0,0"
62+
HorizontalAlignment="Center"
63+
VerticalAlignment="Top"
64+
RecognizesAccessKey="True"
65+
SnapsToDevicePixels="True" />
66+
</Grid>
67+
</Border>
68+
<ControlTemplate.Triggers>
69+
<Trigger Property="IsChecked" Value="true">
70+
<Setter TargetName="arrow" Property="Data" Value="M 1,4.5 L 4.5,1 L 8,4.5" />
71+
</Trigger>
72+
<Trigger Property="IsMouseOver" Value="true">
73+
<Setter TargetName="circle" Property="Stroke" Value="#FF3C7FB1" />
74+
<Setter TargetName="arrow" Property="Stroke" Value="#222" />
75+
</Trigger>
76+
<Trigger Property="IsPressed" Value="true">
77+
<Setter TargetName="circle" Property="Stroke" Value="#FF526C7B" />
78+
<Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
79+
<Setter TargetName="arrow" Property="Stroke" Value="#FF003366" />
80+
</Trigger>
81+
</ControlTemplate.Triggers>
82+
</ControlTemplate>
83+
</Setter.Value>
84+
</Setter>
85+
</d:Style>
86+
<d:Style x:Key="ExpanderUpHeaderStyle" TargetType="{x:Type ToggleButton}">
87+
<Setter Property="Template">
88+
<Setter.Value>
89+
<ControlTemplate TargetType="{x:Type ToggleButton}">
90+
<Border Padding="{TemplateBinding Padding}">
91+
<Grid Background="Transparent" SnapsToDevicePixels="False">
92+
<Grid.ColumnDefinitions>
93+
<ColumnDefinition Width="19" />
94+
<ColumnDefinition Width="*" />
95+
</Grid.ColumnDefinitions>
96+
<Grid>
97+
<Grid.LayoutTransform>
98+
<TransformGroup>
99+
<TransformGroup.Children>
100+
<TransformCollection>
101+
<RotateTransform Angle="180" />
102+
</TransformCollection>
103+
</TransformGroup.Children>
104+
</TransformGroup>
105+
</Grid.LayoutTransform>
106+
<Ellipse
107+
x:Name="circle"
108+
Width="19"
109+
Height="19"
110+
HorizontalAlignment="Center"
111+
VerticalAlignment="Center"
112+
Stroke="Transparent" />
113+
<Path
114+
x:Name="arrow"
115+
HorizontalAlignment="Center"
116+
VerticalAlignment="Center"
117+
Data="M 1,1.5 L 4.5,5 L 8,1.5"
118+
SnapsToDevicePixels="false"
119+
Stroke="#666"
120+
StrokeThickness="1" />
121+
</Grid>
122+
<ContentPresenter
123+
Grid.Column="1"
124+
Margin="4,0,0,0"
125+
HorizontalAlignment="Left"
126+
VerticalAlignment="Center"
127+
RecognizesAccessKey="True"
128+
SnapsToDevicePixels="True" />
129+
</Grid>
130+
</Border>
131+
<ControlTemplate.Triggers>
132+
<Trigger Property="IsChecked" Value="true">
133+
<Setter TargetName="arrow" Property="Data" Value="M 1,4.5 L 4.5,1 L 8,4.5" />
134+
</Trigger>
135+
<Trigger Property="IsMouseOver" Value="true">
136+
<Setter TargetName="circle" Property="Stroke" Value="Transparent" />
137+
<Setter TargetName="arrow" Property="Stroke" Value="#222" />
138+
</Trigger>
139+
<Trigger Property="IsPressed" Value="true">
140+
<Setter TargetName="circle" Property="Stroke" Value="Transparent" />
141+
<Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
142+
<Setter TargetName="arrow" Property="Stroke" Value="#FF003366" />
143+
</Trigger>
144+
</ControlTemplate.Triggers>
145+
</ControlTemplate>
146+
</Setter.Value>
147+
</Setter>
148+
</d:Style>
149+
<d:Style x:Key="ExpanderLeftHeaderStyle" TargetType="{x:Type ToggleButton}">
150+
<Setter Property="Template">
151+
<Setter.Value>
152+
<ControlTemplate TargetType="{x:Type ToggleButton}">
153+
<Border Padding="{TemplateBinding Padding}">
154+
<Grid Background="Transparent" SnapsToDevicePixels="False">
155+
<Grid.RowDefinitions>
156+
<RowDefinition Height="19" />
157+
<RowDefinition Height="*" />
158+
</Grid.RowDefinitions>
159+
<Grid>
160+
<Grid.LayoutTransform>
161+
<TransformGroup>
162+
<TransformGroup.Children>
163+
<TransformCollection>
164+
<RotateTransform Angle="90" />
165+
</TransformCollection>
166+
</TransformGroup.Children>
167+
</TransformGroup>
168+
</Grid.LayoutTransform>
169+
<Ellipse
170+
x:Name="circle"
171+
Width="19"
172+
Height="19"
173+
HorizontalAlignment="Center"
174+
VerticalAlignment="Center"
175+
Stroke="DarkGray" />
176+
<Path
177+
x:Name="arrow"
178+
HorizontalAlignment="Center"
179+
VerticalAlignment="Center"
180+
Data="M 1,1.5 L 4.5,5 L 8,1.5"
181+
SnapsToDevicePixels="false"
182+
Stroke="#666"
183+
StrokeThickness="2" />
184+
</Grid>
185+
<ContentPresenter
186+
Grid.Row="1"
187+
Margin="0,4,0,0"
188+
HorizontalAlignment="Center"
189+
VerticalAlignment="Top"
190+
RecognizesAccessKey="True"
191+
SnapsToDevicePixels="True" />
192+
</Grid>
193+
</Border>
194+
<ControlTemplate.Triggers>
195+
<Trigger Property="IsChecked" Value="true">
196+
<Setter TargetName="arrow" Property="Data" Value="M 1,4.5 L 4.5,1 L 8,4.5" />
197+
</Trigger>
198+
<Trigger Property="IsMouseOver" Value="true">
199+
<Setter TargetName="circle" Property="Stroke" Value="#FF3C7FB1" />
200+
<Setter TargetName="arrow" Property="Stroke" Value="#222" />
201+
</Trigger>
202+
<Trigger Property="IsPressed" Value="true">
203+
<Setter TargetName="circle" Property="Stroke" Value="#FF526C7B" />
204+
<Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
205+
<Setter TargetName="arrow" Property="Stroke" Value="#FF003366" />
206+
</Trigger>
207+
</ControlTemplate.Triggers>
208+
</ControlTemplate>
209+
</Setter.Value>
210+
</Setter>
211+
</d:Style>
212+
<d:Style x:Key="ExpanderHeaderFocusVisual">
213+
<Setter Property="Control.Template">
214+
<Setter.Value>
215+
<ControlTemplate>
216+
<Border>
217+
<Rectangle
218+
Margin="0"
219+
SnapsToDevicePixels="true"
220+
Stroke="{DynamicResource Color05B}"
221+
StrokeDashArray="1 2"
222+
StrokeThickness="1" />
223+
</Border>
224+
</ControlTemplate>
225+
</Setter.Value>
226+
</Setter>
227+
</d:Style>
228+
<d:Style x:Key="ExpanderDownHeaderStyle" TargetType="{x:Type ToggleButton}">
229+
<Setter Property="Template">
230+
<Setter.Value>
231+
<ControlTemplate TargetType="{x:Type ToggleButton}">
232+
<Border Padding="{TemplateBinding Padding}">
233+
<Grid Background="Transparent" SnapsToDevicePixels="False">
234+
<Grid.ColumnDefinitions>
235+
<ColumnDefinition Width="*" />
236+
<ColumnDefinition Width="Auto" />
237+
</Grid.ColumnDefinitions>
238+
<ContentPresenter
239+
Grid.Column="0"
240+
Margin="0,0,0,0"
241+
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
242+
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
243+
Content="{TemplateBinding Content}"
244+
RecognizesAccessKey="True"
245+
SnapsToDevicePixels="True" />
246+
<Grid
247+
x:Name="ChevronGrid"
248+
Grid.Column="1"
249+
Margin="0"
250+
VerticalAlignment="Center"
251+
Background="Transparent"
252+
RenderTransformOrigin="0.5, 0.5">
253+
<Grid.RenderTransform>
254+
<RotateTransform Angle="0" />
255+
</Grid.RenderTransform>
256+
<Ellipse
257+
x:Name="circle"
258+
Width="19"
259+
Height="19"
260+
HorizontalAlignment="Center"
261+
VerticalAlignment="Center"
262+
Stroke="Transparent" />
263+
<Path
264+
x:Name="arrow"
265+
HorizontalAlignment="Center"
266+
VerticalAlignment="Center"
267+
Data="M 1,1.5 L 4.5,5 L 8,1.5"
268+
SnapsToDevicePixels="false"
269+
Stroke="#666"
270+
StrokeThickness="1" />
271+
</Grid>
272+
</Grid>
273+
</Border>
274+
<ControlTemplate.Triggers>
275+
<Trigger Property="IsChecked" Value="true">
276+
<Setter TargetName="arrow" Property="Data" Value="M 1,4.5 L 4.5,1 L 8,4.5" />
277+
</Trigger>
278+
<Trigger Property="IsMouseOver" Value="true">
279+
<Setter TargetName="circle" Property="Stroke" Value="Transparent" />
280+
<Setter TargetName="arrow" Property="Stroke" Value="{DynamicResource Color05B}" />
281+
</Trigger>
282+
<Trigger Property="IsPressed" Value="true">
283+
<Setter TargetName="circle" Property="Stroke" Value="Transparent" />
284+
<Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
285+
<Setter TargetName="arrow" Property="Stroke" Value="{DynamicResource Color17B}" />
286+
</Trigger>
287+
</ControlTemplate.Triggers>
288+
</ControlTemplate>
289+
</Setter.Value>
290+
</Setter>
291+
</d:Style>
292+
</ResourceDictionary>

‎Flow.Launcher.Plugin.OneNote/UI/Styles.xaml‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,12 @@
2929
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
3030
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
3131
-->
32+
33+
<ResourceDictionary.MergedDictionaries>
34+
<ResourceDictionary Source="/Flow.Launcher.Plugin.OneNote;component/UI/DesignTimeStyles.xaml" />
35+
</ResourceDictionary.MergedDictionaries>
36+
37+
3238
<Style x:Key="SideToggleSwitch" TargetType="{x:Type ui:ToggleSwitch}">
3339
<Setter Property="Grid.Column" Value="2" />
3440
<Setter Property="FocusVisualMargin" Value="5" />

0 commit comments

Comments
 (0)