wip: binding for model generation

Author: fuzzzerd

SharpFM.App/LayoutClipPicker.xaml

@@ -13,6 +13,6 @@
     SecondaryButtonClick="ContentDialog_SecondaryButtonClick">
 
     <Grid>
-        <ComboBox x:Name="LayoutPickerCombo" HorizontalAlignment="Stretch" Margin="0,0,10,0" ItemsSource="{Binding Layouts}" DisplayMemberPath="Name" />
+        <ComboBox x:Name="LayoutPickerCombo" HorizontalAlignment="Stretch" ItemsSource="{Binding Layouts}" DisplayMemberPath="Name" Height="45" VerticalAlignment="Center" />
     </Grid>
 </ContentDialog>

SharpFM.App/MainPage.xaml

@@ -12,12 +12,22 @@
     DataContext="{Binding RelativeSource={RelativeSource Self}}"
     Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
 
-    <Grid>
+    <Grid DataContext="{Binding}">
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*" />
+            <ColumnDefinition Width="350" />
+        </Grid.ColumnDefinitions>
 
-        <controls:MasterDetailsView ItemsSource="{Binding Keys}"
-                                    NoSelectionContent="No Clip Selected"
-                                    CompactModeThresholdWidth="720" 
-                                    x:Name="mdv" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
+        <controls:MasterDetailsView 
+            x:Name="mdv"
+            Grid.Column="0"
+            ItemsSource="{Binding Keys}"
+            SelectedItem="{Binding Path=SelectedClip}"
+            AllowFocusOnInteraction="True"
+            NoSelectionContent="No Clip Selected"
+            CompactModeThresholdWidth="720" 
+            HorizontalAlignment="Stretch" 
+            VerticalAlignment="Stretch">
 
             <controls:MasterDetailsView.ItemTemplate>
                 <DataTemplate>
@@ -37,9 +47,12 @@
 
             <controls:MasterDetailsView.DetailsTemplate>
                 <DataTemplate>
-                    <monaco:CodeEditor x:Name="XamlCodeRenderer"
-                                       CodeLanguage="xml" 
-                                       Text="{ Binding XmlData, Mode=TwoWay}" />
+                    
+
+                        <monaco:CodeEditor x:Name="XamlCodeRenderer"
+                                           CodeLanguage="xml" 
+                                           Text="{ Binding XmlData, Mode=TwoWay}" />
+
                 </DataTemplate>
             </controls:MasterDetailsView.DetailsTemplate>
 
@@ -88,5 +101,25 @@
 
         </controls:MasterDetailsView>
 
+        <StackPanel Grid.Column="1" Width="350" Height="Auto" DataContext="{Binding}">
+            <ComboBox x:Name="LayoutPickerComboBox"
+                        HorizontalAlignment="Stretch"
+                        ItemsSource="{Binding Layouts}"
+                        SelectedItem="{Binding SelectedLayout}"
+                        DisplayMemberPath="Name"
+                        Height="45"
+                        VerticalAlignment="Center" />
+
+            <TextBlock>
+                <Run Text="Clip Name: " />
+                <Run Text="{Binding Path=SelectedLayout.Name}" />
+            </TextBlock>
+
+
+            <!--<monaco:CodeEditor x:Name="XamlCodeRendererCsharp"
+                                CodeLanguage="csharp" 
+                                Text="{ Binding SelectedClip.XmlData, Mode=OneWay}" />-->
+        </StackPanel>
+
     </Grid>
 </Page>

SharpFM.App/MainPage.xaml.cs

@@ -11,6 +11,8 @@
 using Windows.UI.Popups;
 using Windows.UI.Xaml;
 using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Controls.Primitives;
+using Windows.UI.Xaml.Data;
 
 // The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409
 
@@ -22,19 +24,29 @@ namespace SharpFM.App
     public sealed partial class MainPage : Page
     {
         public ObservableCollection<FileMakerClip> Keys { get; }
-        public ObservableCollection<FileMakerClip> Layouts
-        {
-            get
-            {
-                return new ObservableCollection<FileMakerClip>(Keys.Where(k => FileMakerClip.ClipTypes[k.ClipboardFormat] == "Layout"));
-            }
-        }
+
+        public ObservableCollection<FileMakerClip> Layouts { get; }
+
+        public FileMakerClip SelectedLayout { get; set; }
+        public FileMakerClip SelectedClip { get; set; }
+
+        public string SelectedClipAsCsharp { get; set; }
 
         public MainPage()
         {
             InitializeComponent();
 
             Keys = new ObservableCollection<FileMakerClip>();
+            Layouts = new ObservableCollection<FileMakerClip>();
+
+            Keys.CollectionChanged += (sender, e) =>
+            {
+                Layouts.Clear();
+                foreach (var layout in Keys.Where(k => FileMakerClip.ClipTypes[k.ClipboardFormat] == "Layout"))
+                {
+                    Layouts.Add(layout);
+                }
+            };
 
             Clipboard.ContentChanged += Clipboard_ContentChanged;
         }
@@ -120,12 +132,11 @@ private void masterNewScript_Click(object sender, RoutedEventArgs e)
         private async void asModelAppBarButton_Click(object sender, RoutedEventArgs e)
         {
             // TODO: improve the UX of this whole thing. This works as a hack for proving the concept, but it could be so much better.
-
             var data = mdv.SelectedItem as FileMakerClip;
 
             var md = new MessageDialog("Do you want to use a layout to limit the number of fields in the generated model?", "Use Layout Projection?");
             // setup the command that will show the Layout picker and generate content that way
-            md.Commands.Add(new UICommand("Pick a Layout", new UICommandInvokedHandler(async uic =>
+            md.Commands.Add(new UICommand("Use Layout", new UICommandInvokedHandler(async uic =>
             {
                 var picker = new LayoutClipPicker
                 {
@@ -135,7 +146,7 @@ private async void asModelAppBarButton_Click(object sender, RoutedEventArgs e)
                 if (pickerResult == ContentDialogResult.Primary)
                 {
                     // regenerate using the layout picker
-                    var classString = data.CreateClass(picker.DialogResult);
+                    var classString = data.CreateClass(SelectedLayout);
                     var dp = new DataPackage();
                     dp.SetText(classString);
                     Clipboard.SetContent(dp);
@@ -155,5 +166,10 @@ private async void asModelAppBarButton_Click(object sender, RoutedEventArgs e)
 
             var result = await md.ShowAsync();
         }
+
+        //private void LayoutPickerComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
+        //{
+        //    SelectedLayout = ((ComboBox)sender).SelectedItem as FileMakerClip;
+        //}
     }
 }

SharpFM.Core/FileMakerClip.cs

@@ -77,8 +77,6 @@ public byte[] RawData
         /// </summary>
         public string XmlData { get; set; }
 
-
-
         /// <summary>
         /// The fields exposed through this FileMaker Clip (if its a table or a layout).
         /// </summary>

SharpFM.Core/FileMakerClipExtensions.cs

@@ -14,6 +14,8 @@ public static class FileMakerClipExtensions
         /// </summary>
         public static string CreateClass(this FileMakerClip _clip, FileMakerClip fieldProjectionLayout = null)
         {
+            if(_clip == null) { return string.Empty; }
+
             var fieldProjectionList = new List<string>();
             if (fieldProjectionLayout != null && FileMakerClip.ClipTypes[fieldProjectionLayout.ClipboardFormat] == "Layout")
             {