﻿<?xml version="1.0" encoding="UTF-8"?>
<Page xmlns="Craba.UI" Title="欢迎访问Craba AI" ActionType="www.InputAction, Input.js">
  <FlexBlock CssClass="inputMain">
    <FlexColumn ID="historyBox" CssClass="historyBox" Width="300">
      <Block CssClass="dflex FlexCenter pd20">
        <Button Text="新建会话" OnClick="doNew" CssClass="SpecialButton" Icon="aicon-xiaoxi" AccessKey="O" />
      </Block>

      <ListView ID='historyView' CssClass="historyView FlexAuto NormalList Radio HoverItemIcon" UseSelect='true' DataKeyField='chatid' OnItemClick="doItemClick">
        <ListTemplate CssClass="FlexBlock">
          <DataText DataField='text' CssClass='name Flex1 FlexShrink1 ellipsis' />
          <DataText DataField="createdate" CssClass="Flex0" />
          <DataText CssClass='aicon-shanchu1 icon' OnClick="doDel" Tag='view2-2' />
          <HSpacer Width="15" />
        </ListTemplate>
      </ListView>
    </FlexColumn>

    <VSplitter ForLeft="historyBox" ForRight="right" ShowText='false' ID="splitter" MinWidth="200,1000" />

    <FlexBlock ID="right">
      <FlexColumn CssClass="posrel chatBox" ID="chatBox">
        <Block CssClass="infoBox chartBox radius15 dflex posrel" ID="infoBox">
          <Block CustomScrollBar="true" ID="infoBody" CssClass="infoBody FlexAuto FlexVert" OnClick="doClickBody"></Block>
        </Block>

        <VBlock CssClass="FlexVert chartBox radius15 inputBox transition5 posrel" ID="inputBox">
          <Button Icon="aicon-shezhi" Flat='true' CssStyle="position:absolute;right:3px;top:3px;" OnClick="doConfig" />
          <HBlock CssClass="dflexv1 tip FlexCenter">
            <Image Src="favicon.ico" Width="32" Height="32" />
            <Label FontSize="22" BoldFont="true" Text="你好，我是 Craba AI 无代码项目助手" CssClass="tcenter lh40" />
          </HBlock>
          <Label Text="我可以帮你生成源码和项目，请把你的任务交给我吧~" CssClass="tip 999 tcenter lh30" />
          <MemoEdit DataField="text" Required="true" RequiredLabel="你的想法" CssClass="FlexAuto radius15" NullDisplayText="请在这里输入你的想法吧！比如：帮我创建一个ERP项目" />
          <HBlock CssClass="MB0 dflexv">
            <Button Text="发送消息" ID="btnSubmit" CssClass="SpecialButton Button40" OnClick="doSubmit" AccessKey="S" />
            <Block CssClass="Flex1" />
            <Button Text="项目风格" Icon="aicon-skin" CssClass="SpecialButton" PopupMenu="skinMenu" />
          </HBlock>
        </VBlock>
      </FlexColumn>
    </FlexBlock>
  </FlexBlock>

  <PopupMenu ID="skinMenu" OnPopup="doSkinMenuShow">
    <MenuItem Text="天空蓝" ID="blueSky" Param="blueSky" CssClass="skinItem blueSky" OnClick="doSkin" />
    <MenuItem Text="夜空蓝" ID="blueNight" Param="blueNight" CssClass="skinItem blueNight" OnClick="doSkin" />
    <MenuItem Text="喜庆红" ID="hot" Param="hot" CssClass="skinItem hot" OnClick="doSkin" />
    <MenuItem Text="珊瑚橙" ID="orange" Param="orange" CssClass="skinItem orange" OnClick="doSkin" />
    <MenuItem Text="高贵紫" ID="purple" Param="purple" CssClass="skinItem purple" OnClick="doSkin" />
    <MenuItem Text="樱花粉" ID="pink" Param="pink" CssClass="skinItem pink" OnClick="doSkin" />
    <MenuItem Text="温暖黄" ID="yellow" Param="yellow" CssClass="skinItem yellow" OnClick="doSkin" />
    <MenuItem Text="护眼绿" ID="hy" Param="hy" CssClass="skinItem hy" Icon="aicon-yanjing" OnClick="doSkin" />
    <MenuItem Text="自定义配色" ID='userSkin' CssClass='skinItem' Icon='aicon-fenggeshezhi' OnClick="doSkinConfig" />
  </PopupMenu>

  <CustomControl ID="cus" CssClass="pd0 cusForm">
    <FlowPanel CssClass="VertItem plr20 ptb10" LayoutDirection="Vert" ItemCssClass="FlexAuto">
      <RadioButtonList DataField="readMode" ListItems="normal=普通,black=夜间" Value="$config.readMode" Label="阅读模式:" LayoutDirection="Horz" ShowBorder="false"></RadioButtonList>

      <RadioButtonList DataField="previewMode" ListItems="append=嵌入预览,modal=弹窗预览,window=新窗口预览" Value="$config.previewMode" Label="预览项目方式:" LayoutDirection="Horz" ShowBorder="false"></RadioButtonList>
    </FlowPanel>

    <HBlock CssClass="BottomBlock FlexCenter">
      <Button Text="保存" CssClass="SpecialButton" OnClick="doSaveConfig" />
      <CloseButton />
    </HBlock>
  </CustomControl>
</Page>