public StudioView(Action<IHTMLElement, Action<ISaveAction>> AddSaveButton)
{
Content.style.position = IStyle.PositionEnum.absolute;
Content.style.left = "0px";
Content.style.right = "0px";
Content.style.top = "0px";
Content.style.bottom = "0px";
new TwentyTenWorkspace().ToBackground(Content.style, true);
var WorkspaceHeader = default(IHTMLSpan);
@"jsc-solutions.net studio".ToDocumentTitle().With(
title =>
{
WorkspaceHeader = new IHTMLSpan { innerText = title };
WorkspaceHeader.AttachTo(Content);
WorkspaceHeader.style.SetLocation(16, 8);
WorkspaceHeader.style.color = Color.White;
// http://www.quirksmode.org/css/textshadow.html
WorkspaceHeader.style.textShadow = "#808080 4px 2px 2px";
}
);
// em + px :)
var Workspace0 = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "0px";
div.style.right = "0px";
div.style.bottom = "0px";
div.style.top = "3em";
}
).AttachTo(Content);
// workspace contains the split views
var Workspace = new IHTMLDiv().With(
div =>
{
div.style.position = IStyle.PositionEnum.absolute;
div.style.left = "6px";
div.style.right = "6px";
div.style.bottom = "6px";
div.style.top = "6px";
}
).AttachTo(Workspace0);
// in this project we wont be having toolbox or toolbar yet
Action<HorizontalSplit> ApplyStyle =
t =>
{
t.Split.Splitter.style.backgroundColor = Color.None;
t.SplitImageContainer.Orphanize();
t.SplitArea.Target.style.borderLeft = "0";
t.SplitArea.Target.style.borderRight = "0";
t.SplitArea.Target.style.width = "6px";
t.SplitArea.Target.style.Opacity = 0.7;
// should we obselete JSColor already?
t.SelectionColor = JSColor.Black;
};
var EditorTreeSplit = new HorizontalSplit
{
Minimum = 0,
Maximum = 1,
Value = 0.7,
};
EditorTreeSplit.With(ApplyStyle);
EditorTreeSplit.Split.Splitter.style.backgroundColor = Color.None;
var Viewer = new SolutionDocumentViewer();
SolutionDocumentViewerTab AboutTab = "About";
Viewer.Add(AboutTab);
AboutTab.TabElement.style.Float = IStyle.FloatEnum.right;
SolutionDocumentViewerTab File1 = "File1";
Viewer.Add(File1);
var File1Content = new IHTMLDiv();
// location + design
File1Content.style.left = "0px";
File1Content.style.top = "1em";
File1Content.style.right = "0px";
File1Content.style.bottom = "1em";
File1Content.style.position = IStyle.PositionEnum.absolute;
var File1View = new SolutionFileView();
File1View.Container.style.left = "0px";
File1View.Container.style.top = "0px";
File1View.Container.style.right = "0px";
File1View.Container.style.bottom = "0px";
File1View.Container.style.position = IStyle.PositionEnum.absolute;
File1Content.ReplaceContentWith(File1View.Container);
var sln = new SolutionBuilder();
var _Solution = new TreeNode(VistaTreeNodePage.Create);
var _Project = _Solution.Add();
var About = new AboutPage();
Action UpdateFile1Text =
delegate
{
if (File1View.File != null)
{
File1.Text = File1View.File.Name.SkipUntilIfAny("/");
}
else
{
File1.Text = sln.Name;
}
};
Action Update =
delegate
{
sln.Name = About.ProjectName.value;
UpdateFile1Text();
_Project.Clear();
UpdateTree(sln, File1View, _Solution, _Project);
};
File1View.FileChanged +=
delegate
{
if (File1View.File.Name.EndsWith(".htm"))
{
File1Content.style.top = "0px";
File1Content.style.bottom = "1em";
// show the design/source buttons
}
else if (File1View.File.Name.EndsWith(sln.Language.CodeFileExtension))
{
File1Content.style.top = "1em";
File1Content.style.bottom = "0px";
// show type outline / member
}
UpdateFile1Text();
File1.Activate();
};
AddSaveButton(WorkspaceHeader, i => Save = i);
About.ProjectName.value = sln.Name;
About.ProjectName.onchange +=
delegate
{
Update();
};
AboutTab.Activated +=
delegate
{
// our about page has dynamic size..
Viewer.Content.ReplaceContentWith(About.Container);
};
File1.Activated +=
delegate
{
// our about page has dynamic size..
Viewer.Content.ReplaceContentWith(File1Content);
};
AboutTab.Activate();
EditorTreeSplit.Split.LeftContainer = Viewer.Container;
var SolutionExplorer = new SolutionDockWindowPage();
SolutionExplorer.HeaderText.innerText = "Solution Explorer";
SolutionExplorer.Content.style.backgroundColor = Color.White;
SolutionExplorer.Content.style.padding = "2px";
SolutionExplorer.Content.ReplaceContentWith(_Solution.Container);
_Solution.Container.style.overflow = IStyle.OverflowEnum.auto;
_Solution.Container.style.height = "100%";
_Solution.Container.style.backgroundColor = Color.White;
EditorTreeSplit.Split.RightContainer = SolutionExplorer.Container;
EditorTreeSplit.Container.AttachTo(Workspace);
Update();
new Rules(File1View, sln, Update);
}
