Fix UI issues (#3184)

* Extend the resource template file editor adapt to the width of intellij editor

* Format last modified time with the same format of portal

Author: Flanker32

PluginsAndFeatures/azure-toolkit-for-intellij/src/com/microsoft/intellij/helpers/arm/DeploymentPropertyView.java

@@ -36,6 +36,7 @@
 import com.microsoft.tooling.msservices.serviceexplorer.azure.arm.deployments.DeploymentNode;
 import com.microsoft.tooling.msservices.serviceexplorer.azure.arm.deployments.DeploymentPropertyMvpView;
 import com.microsoft.tooling.msservices.serviceexplorer.azure.arm.deployments.DeploymentPropertyViewPresenter;
+
 import java.util.Map;
 import javax.swing.BorderFactory;
 import javax.swing.JButton;
@@ -48,10 +49,15 @@
 import javax.swing.tree.TreeModel;
 import org.jdesktop.swingx.JXLabel;
 import org.jetbrains.annotations.NotNull;
+import org.joda.time.DateTimeZone;
+import org.joda.time.format.DateTimeFormat;
+import org.joda.time.format.DateTimeFormatter;
 
 public class DeploymentPropertyView extends BaseEditor implements DeploymentPropertyMvpView {
 
     public static final String ID = "com.microsoft.intellij.helpers.arm.DeploymentPropertyView";
+    public static final String DATETIME_FORMAT = "M/d/yyyy, h:mm:ss a";
+    public static final DateTimeFormatter DATETIME_FORMATTER = DateTimeFormat.forPattern(DATETIME_FORMAT);
     private final DeploymentPropertyViewPresenter<DeploymentPropertyView> deploymentPropertyViewPresenter;
     private JPanel contentPane;
     private JPanel pnlOverviewHolder;
@@ -108,7 +114,7 @@ public void onLoadProperty(DeploymentNode deploymentNode) {
     public void onLoadProperty(DeploymentProperty deploymentProperty) {
         final Deployment deployment = deploymentProperty.getDeployment();
         deploymenNameLabel.setText(deployment.name());
-        lastModifiedLabel.setText(deployment.timestamp().toString());
+        lastModifiedLabel.setText(DATETIME_FORMATTER.print(deployment.timestamp().withZone(DateTimeZone.getDefault())));
         statusLabel.setText(deployment.provisioningState());
         deploymentModeLabel.setText(deployment.mode().name());
         StringBuffer sb = new StringBuffer();

PluginsAndFeatures/azure-toolkit-for-intellij/src/com/microsoft/intellij/helpers/arm/ResourceTemplateView.form

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <form xmlns="http://www.intellij.com/uidesigner/form/" version="1" bind-to-class="com.microsoft.intellij.helpers.arm.ResourceTemplateView">
-  <grid id="cbd77" binding="contentPane" layout-manager="GridLayoutManager" row-count="2" column-count="3" same-size-horizontally="false" same-size-vertically="false" hgap="-1" vgap="-1">
+  <grid id="cbd77" binding="contentPane" layout-manager="GridLayoutManager" row-count="2" column-count="1" same-size-horizontally="false" same-size-vertically="false" hgap="-1" vgap="-1">
     <margin top="10" left="10" bottom="10" right="10"/>
     <constraints>
       <xy x="48" y="54" width="688" height="670"/>
@@ -13,7 +13,7 @@
       <grid id="7a0dd" binding="editorPanel" layout-manager="GridLayoutManager" row-count="1" column-count="1" same-size-horizontally="false" same-size-vertically="false" hgap="-1" vgap="-1">
         <margin top="0" left="0" bottom="0" right="0"/>
         <constraints>
-          <grid row="0" column="0" row-span="1" col-span="3" vsize-policy="3" hsize-policy="3" anchor="0" fill="3" indent="0" use-parent-layout="false"/>
+          <grid row="0" column="0" row-span="1" col-span="1" vsize-policy="3" hsize-policy="3" anchor="0" fill="3" indent="0" use-parent-layout="false"/>
         </constraints>
         <properties/>
         <border type="none"/>
@@ -22,7 +22,7 @@
       <grid id="6bda8" layout-manager="GridLayoutManager" row-count="1" column-count="3" same-size-horizontally="false" same-size-vertically="false" hgap="-1" vgap="-1">
         <margin top="0" left="0" bottom="0" right="0"/>
         <constraints>
-          <grid row="1" column="0" row-span="1" col-span="3" vsize-policy="3" hsize-policy="3" anchor="0" fill="3" indent="0" use-parent-layout="false"/>
+          <grid row="1" column="0" row-span="1" col-span="1" vsize-policy="3" hsize-policy="3" anchor="0" fill="3" indent="0" use-parent-layout="false"/>
         </constraints>
         <properties/>
         <border type="none"/>
@@ -35,11 +35,6 @@
               <text value="Export Template File"/>
             </properties>
           </component>
-          <hspacer id="c9d23">
-            <constraints>
-              <grid row="0" column="2" row-span="1" col-span="1" vsize-policy="1" hsize-policy="6" anchor="0" fill="1" indent="0" use-parent-layout="false"/>
-            </constraints>
-          </hspacer>
           <component id="30960" class="javax.swing.JButton" binding="updateDeploymentButton" default-binding="true">
             <constraints>
               <grid row="0" column="1" row-span="1" col-span="1" vsize-policy="0" hsize-policy="3" anchor="0" fill="1" indent="0" use-parent-layout="false"/>
@@ -48,6 +43,11 @@
               <text value="Update Deployment"/>
             </properties>
           </component>
+          <hspacer id="c9d23">
+            <constraints>
+              <grid row="0" column="2" row-span="1" col-span="1" vsize-policy="1" hsize-policy="6" anchor="0" fill="1" indent="0" use-parent-layout="false"/>
+            </constraints>
+          </hspacer>
         </children>
       </grid>
     </children>

PluginsAndFeatures/azure-toolkit-for-intellij/src/com/microsoft/intellij/helpers/arm/ResourceTemplateView.java

@@ -76,7 +76,7 @@ public void loadTemplate(DeploymentNode node, String template) {
         final String prettyTemplate = Utils.getPrettyJson(template);
         fileEditor = createEditor(prettyTemplate);
         GridConstraints constraints = new GridConstraints();
-        constraints.setFill(GridConstraints.FILL_NONE);
+        constraints.setFill(GridConstraints.FILL_BOTH);
         constraints.setAnchor(GridConstraints.ANCHOR_WEST);
         editorPanel.add(fileEditor.getComponent(), constraints);