An editor for Microsoft Adaptive Cards that supports the new templating language and DOESN'T use JavaScript, because JavaScript isn't a real programming language.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

63 lines
2.6 KiB

<Page
x:Class="Adaptive_Card_Editor_UWP.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Adaptive_Card_Editor_UWP"
xmlns:monaco="using:Monaco"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid Padding="40">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="33*" />
<ColumnDefinition Width="33*" />
<ColumnDefinition Width="33*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="20" />
<RowDefinition Height="50*" />
<RowDefinition Height="20" />
<RowDefinition Height="50*" />
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Grid.Column="0" Padding="20 0">
Adaptive Card JSON Input:
</TextBlock>
<TextBlock Grid.Row="0" Grid.Column="1" Padding="20 0">
Adaptive Card Data Model:
</TextBlock>
<TextBlock Grid.Row="0" Grid.Column="2" Padding="20 0">
Rendered Output (UWP Library):
</TextBlock>
<Border Grid.Row="1" Grid.RowSpan="3" Grid.Column="0" BorderBrush="#777" BorderThickness="1" Margin="20 10">
<monaco:CodeEditor x:Name="txtInput"
TabIndex="0"
HasGlyphMargin="False"
CodeLanguage="json"
KeyDown="txtInput_KeyDown">
</monaco:CodeEditor>
</Border>
<Border Grid.Row="1" Grid.RowSpan="3" Grid.Column="1" BorderBrush="#777" BorderThickness="1" Margin="20 10">
<monaco:CodeEditor x:Name="txtData"
TabIndex="0"
HasGlyphMargin="False"
CodeLanguage="json"
KeyDown="txtData_KeyDown">
</monaco:CodeEditor>
</Border>
<Border Grid.Row="1" Grid.Column="2" BorderBrush="#777" BorderThickness="1" Margin="20 10">
<Grid x:Name="grdCard">
</Grid>
</Border>
<TextBlock Grid.Row="2" Grid.Column="2" Padding="20 0">
Rendered Output (Template Library):
</TextBlock>
<Border Grid.Row="3" Grid.Column="2" BorderBrush="#777" BorderThickness="1" Margin="20 10">
<Grid x:Name="grdTemplated">
</Grid>
</Border>
</Grid>
</Page>