first
This commit is contained in:
adrianvic
commit
59426d62fb
102 changed files with 42796 additions and 0 deletions
133
Controls/Toolbar/Toolbar.css
Normal file
133
Controls/Toolbar/Toolbar.css
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
#command_toolbar_clear
|
||||
{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.win-commandBar-stack-horiz button
|
||||
{
|
||||
border: none;
|
||||
font-family: "Segoe UI";
|
||||
font-size: 9pt;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.win-commandBar-stack-horiz button:hover
|
||||
{
|
||||
background: rgb(17,17,17);
|
||||
}
|
||||
|
||||
.win-commandBar-rule-horiz
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.win-commandBar-horiz
|
||||
{
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
#brush-flyout
|
||||
{
|
||||
background: rgb(242, 242, 222);
|
||||
border: solid 2px rgb(17,17,17);
|
||||
border-bottom: none;
|
||||
color: rgb(17,17,17);
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
#size-flyout
|
||||
{
|
||||
background: rgb(242, 242, 222);
|
||||
border: solid 2px rgb(17,17,17);
|
||||
border-bottom: none;
|
||||
color: rgb(17,17,17);
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
#option-flyout
|
||||
{
|
||||
background: rgb(242, 242, 222);
|
||||
border: solid 2px rgb(17,17,17);
|
||||
border-bottom: none;
|
||||
color: rgb(17,17,17);
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.toolbar-flyout
|
||||
{
|
||||
background: rgb(242, 242, 222);
|
||||
border: solid 2px rgb(17,17,17);
|
||||
border-bottom: none;
|
||||
color: rgb(17,17,17);
|
||||
margin: 0 !important;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.brush-preview
|
||||
{
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.selectedPreview
|
||||
{
|
||||
background: #CFDDE3;
|
||||
}
|
||||
|
||||
.brush-width-thin
|
||||
{
|
||||
height: 50px;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.brush-width-thin canvas
|
||||
{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.brush-width-thick
|
||||
{
|
||||
height: 100px;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.colorpickerContainer
|
||||
{
|
||||
margin-left: 30px;
|
||||
margin-right: 17px;
|
||||
}
|
||||
|
||||
.pan-mode-toggle
|
||||
{
|
||||
color: #212121;
|
||||
display: none;
|
||||
font-family: "Segoe UI Semilight";
|
||||
font-size: 20pt;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.toolbar-flyout-background
|
||||
{
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
z-index: 1002;
|
||||
}
|
||||
|
||||
.canvas-flyout-background
|
||||
{
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
42
Controls/Toolbar/Toolbar.html
Normal file
42
Controls/Toolbar/Toolbar.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=10" />
|
||||
<title>Toolbar</title>
|
||||
|
||||
<link rel="stylesheet" href="/JS/CommandBar/CommandBar.css" />
|
||||
<link rel="stylesheet" href="/JS/CommandBar/Flyout.css" />
|
||||
<link rel="stylesheet" href="/Controls/ColorPicker/ColorPicker.css" />
|
||||
<link rel="stylesheet" href="Toolbar.css" />
|
||||
|
||||
<script src="/WinJS/js/base.js"></script>
|
||||
<script src="/WinJS/js/ui.js"></script>
|
||||
<script src="/JS/Global.js"></script>
|
||||
|
||||
<script src="/JS/CommandBar/Flyout.js"></script>
|
||||
<script src="/JS/CommandBar/CommandBar.js"></script>
|
||||
<script src="/Controls/ColorPicker/ColorPicker.js"></script>
|
||||
<script src="/Controls/Paint/Tools/Bristle.js"></script>
|
||||
<script src="/Controls/Paint/Tools/Eraser.js"></script>
|
||||
<script src="/Controls/Paint/Tools/Brush.js"></script>
|
||||
<script src="/Controls/Paint/Painter.js"></script>
|
||||
<script src="ToolbarColors.js"></script>
|
||||
<script src="Toolbar.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="brush-flyout" data-win-control="WinJS.UI.Flyout" data-win-options="{ autoHide: 0, lightDismiss: false }">
|
||||
</div>
|
||||
<div id="size-flyout" data-win-control="WinJS.UI.Flyout" data-win-options="{ autoHide: 0, lightDismiss: false }">
|
||||
</div>
|
||||
<div id="option-flyout" data-win-control="WinJS.UI.Flyout" data-win-options="{ autoHide: 0, lightDismiss: false }">
|
||||
</div>
|
||||
<div id="more-flyout" data-win-control="WinJS.UI.Flyout" data-win-options="{ autoHide: 0, lightDismiss: false }">
|
||||
<button id="undo-button">Undo</button> <!-- TODO: Win8Apps WORK 92: Add localization support -->
|
||||
<button id="clear-button">Clear</button> <!-- TODO: Win8Apps WORK 92: Add localization support -->
|
||||
</div>
|
||||
<div id="appBar" class="appBar" data-win-control="WinJS.UI.AppBar" data-win-options="{ position: 'bottom', transient: true, autoHide: 0, lightDismiss: false }">
|
||||
<div class="commandBar">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1092
Controls/Toolbar/Toolbar.js
Normal file
1092
Controls/Toolbar/Toolbar.js
Normal file
File diff suppressed because it is too large
Load diff
42
Controls/Toolbar/ToolbarColors.js
Normal file
42
Controls/Toolbar/ToolbarColors.js
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
////////////////////////////////////////////////////////////
|
||||
//// © Microsoft. All rights reserved. ////
|
||||
////////////////////////////////////////////////////////////
|
||||
|
||||
(function (BaseNS) {
|
||||
WinJS.Namespace.defineWithParent(BaseNS, "Paint", {
|
||||
ToolbarManager: {
|
||||
ToolbarColors: [
|
||||
"rgb(0, 0, 0)",
|
||||
"rgb(128, 128, 128)",
|
||||
"rgb(166, 166, 166)",
|
||||
"rgb(217, 217, 217)",
|
||||
"rgb(255, 255, 255)",
|
||||
"rgb(253, 233, 217)",
|
||||
"rgb(255, 204, 153)",
|
||||
"rgb(153, 102, 51)",
|
||||
"rgb(102, 51, 0)",
|
||||
"rgb(128, 0, 0)",
|
||||
"rgb(255, 0, 0)",
|
||||
"rgb(255, 102, 0)",
|
||||
"rgb(255, 192, 0)",
|
||||
"rgb(255, 215, 47)",
|
||||
"rgb(255, 255, 0)",
|
||||
"rgb(255, 255, 153)",
|
||||
"rgb(204, 255, 102)",
|
||||
"rgb(153, 255, 151)",
|
||||
"rgb(0, 204, 0)",
|
||||
"rgb(0, 128, 0)",
|
||||
"rgb(51, 153, 102)",
|
||||
"rgb(0, 176, 240)",
|
||||
"rgb(0, 0, 255)",
|
||||
"rgb(0, 0, 153)",
|
||||
"rgb(79, 0, 158)",
|
||||
"rgb(112, 48, 160)",
|
||||
"rgb(153, 102, 255)",
|
||||
"rgb(255, 153, 255)",
|
||||
"rgb(255, 51, 153)",
|
||||
"rgb(204, 0, 153)"
|
||||
]
|
||||
}
|
||||
});
|
||||
})(Microsoft);
|
||||
Reference in a new issue