private void MakeDraggable(jQueryObject row)
{
row.Draggable(new DraggableOptions {
Helper = "clone",
AppendTo = row.Parent().GetElement(0),
Scroll = true,
Containment = "parent",
OnStart = new jQueryUIEventHandler <DragStartEvent>(Delegate.ThisFix((Action <Element, jQueryEvent, DragStartEvent>)((d, evt, ui) => { jQuery.FromElement(d).AddClass(CurrentDraggingRowClass); }))),
OnStop = new jQueryUIEventHandler <DragStopEvent>(Delegate.ThisFix((Action <Element, jQueryEvent, DragStopEvent>)((d, evt, ui) => { jQuery.FromElement(d).RemoveClass(CurrentDraggingRowClass); })))
});
}
private void linkFn(SpaceScope scope, jQueryObject element, object attrs)
{
element.Attribute("class", "space " + string.Format("space{0}", scope.Space.Name));
element.Resizable(new ResizableOptions()
{
Grid = new[] { scope.Parent.Scale.X, scope.Parent.Scale.Y },
MinHeight = -1,
MinWidth = -1,
Handles = "n, e, s, w,nw,sw,ne,se",
OnResize = (ev, ele) =>
{
scope.Space.Width = ele.Size.Width / scope.Parent.Scale.X;
scope.Space.Height = ele.Size.Height / scope.Parent.Scale.Y;
scope.Apply();
}
});
element.Draggable(new DraggableOptions()
{
Cursor = "crosshair",
Grid = new[] { scope.Parent.Scale.X, scope.Parent.Scale.Y },
OnDrag = (ev, ele) =>
{
scope.Space.X = ele.Position.Left / scope.Parent.Scale.X;
scope.Space.Y = ele.Position.Top/ scope.Parent.Scale.Y;
scope.Apply();
}
});
JsDictionary<string, string> beforeStyle = new JsDictionary<string, string>();
beforeStyle["display"] = "block";
beforeStyle["position"] = "relative";
beforeStyle["z-index"] = "-1";
beforeStyle["width"] = "100%";
beforeStyle["height"] = "100%";
beforeStyle["left"] = "-50px";
beforeStyle["top"] = "-50px";
beforeStyle["padding"] = "50px";
beforeStyle["border-radius"] = "15px";
beforeStyle["box-shadow"] = "rgb(51, 51, 51) 4px 4px 2px";
beforeStyle["content"] = "\"\"";
beforeStyle["background"] = "rgba(112, 12, 58, 0.231373)";
ChangeCSS("space" + scope.Space.Name + "::before", beforeStyle);
scope.SpaceStyle = new { };
scope.SpaceStyle.position = "absolute";
scope.SpaceStyle.left = scope.Space.X * scope.Parent.Scale.X;
scope.SpaceStyle.top = scope.Space.Y * scope.Parent.Scale.Y;
scope.SpaceStyle.width = scope.Space.Width * scope.Parent.Scale.X;
scope.SpaceStyle.height = scope.Space.Height * scope.Parent.Scale.Y;
scope.SpaceStyle.backgroundColor = "red";
foreach (var effect in scope.Space.Appearance.Effects)
{
switch (effect.Type)
{
case EffectType.Highlight:
var hEffect = ((CardGameAppearanceEffectHighlight)effect);
scope.SpaceStyle.padding = string.Format("{0} {0} {0} {0}", hEffect.Radius);
scope.SpaceStyle.backgroundColor = hEffect.Color;
scope.SpaceStyle.border = "solid 2px black";
scope.SpaceStyle.borderRadius = 15.0;
scope.SpaceStyle.boxShadow = "4px 4px 2px #333";
break;
case EffectType.Rotate:
Window.Alert(effect.Type.ToString());
break;
case EffectType.Bend:
var bEffect = (CardGameAppearanceEffectBend)effect;
//rotate
break;
case EffectType.StyleProperty:
Window.Alert(effect.Type.ToString());
break;
case EffectType.Animated:
Window.Alert(effect.Type.ToString());
break;
default:
break;
}
}
}
private void linkFn(TestTextScope scope, jQueryObject element, object attrs)
{
element.Attribute("class", "text " + string.Format("text{0}", scope.Text.Name));
element.MouseDown((e) =>
{
scope.Model.Selection.SelectedText = scope.Text;
scope.Apply();
});
var scale = scope.Model.Scale;
Action reApplyTextBind = () =>
{
scope.TextStyle = new { };
scope.TextStyle.position = "absolute";
scope.TextStyle.left = scope.Text.Left * scale.X;
scope.TextStyle.top = scope.Text.Top * scale.Y;
scope.TextStyle.boxShadow = "rgb(51, 51, 51) 4px 4px 2px";
scope.TextStyle.borderRadius = "15px";
element.Text(scope.Text.Text);
ClientHelpers.PurgeCSS("text" + scope.Text.Name + "::before");
foreach (var gameLayoutScenarioEffect in scope.Model.Selection.SelectedScenario.Effects)
{
foreach (var textGuid in gameLayoutScenarioEffect.TextGuids)
{
if (textGuid == scope.Text.Guid)
{
foreach (var gameEffectModel in scope.Model.Game.Effects)
{
if (gameEffectModel.Guid == gameLayoutScenarioEffect.EffectGuid)
{
var effect = gameEffectModel;
switch (effect.Type)
{
case EffectType.Highlight:
var color = effect.GetString("color");
var radius = effect.GetNumber("radius");
var rotate = effect.GetNumber("rotate");
var offsetX = effect.GetNumber("offsetx");
var offsetY = effect.GetNumber("offsety");
var opacity = effect.GetNumber("opacity");
var beforeStyle =
new JsDictionary<string, string>();
beforeStyle["display"] = "block";
beforeStyle["position"] = "relative";
beforeStyle["z-index"] = "-1";
beforeStyle["width"] = "100%";
beforeStyle["height"] = "100%";
beforeStyle["left"] = (-radius + offsetX) + "px";
beforeStyle["top"] = (-radius + offsetY) + "px";
beforeStyle["padding"] = (radius) + "px";
beforeStyle["border-radius"] = "5px";
beforeStyle["box-shadow"] =
"rgb(44, 44, 44) 3px 3px 2px";
var hexcolor = ClientHelpers.HexToRGB(color);
beforeStyle["content"] = "\"\"";
beforeStyle["background-color"] = string.Format("rgba({0}, {1}, {2}, {3})", hexcolor.R, hexcolor.G, hexcolor.B, opacity);
beforeStyle["border"] = "2px solid black";
ClientHelpers.ChangeCSS("text" + scope.Text.Name + "::before", beforeStyle);
break;
case EffectType.Rotate:
break;
case EffectType.Bend:
break;
case EffectType.StyleProperty:
break;
case EffectType.Animated:
break;
}
}
}
}
}
}
};
scope.Watch("model.scale", () =>
{
scale = scope.Model.Scale;
element.Draggable(new DraggableOptions()
{
Cursor = "crosshair",
Grid = new[] { scale.X, scale.Y },
OnDrag = (ev, ele) =>
{
scope.Text.Left = (ele.Position.Left /
scale.X);
scope.Text.Top = (ele.Position.Top / scale.Y);
scope.Apply();
}
});
reApplyTextBind();
});
scope.Watch("text", reApplyTextBind, true);
scope.Watch("model.selection.selectedEffect", reApplyTextBind, true);
scope.Watch("model.selection.selectedScenario.effects", reApplyTextBind, true);
}
private void linkFn(CardScope scope, jQueryObject element, object attrs)
{
element.Attribute("style", "width:71px; height:96px;");
element.Attribute("class", "card " + string.Format("card{0}-{1}", scope.Card.Type, scope.Card.Value));
element.Draggable(new DraggableOptions()
{
OnDrag = (@event, uiEvent) =>
{
}
});
Action redrawCard = () =>
{
var scale = ((Point)((dynamic)scope.Parent.Parent)["$parent"].scale);
var spaceScale =
new
{
width = scope.Space.Width / (scope.Space.Pile.Cards.Count - 1),
height = scope.Space.Height / (scope.Space.Pile.Cards.Count - 1)
};
var vertical = scope.Space.Vertical;
var cardIndex = scope.Space.Pile.Cards.IndexOf(scope.Card);
scope.CardStyle = new { };
var xx = 0.0;
var yy = 0.0;
switch (scope.Space.ResizeType)
{
case TableSpaceResizeType.Static:
if (vertical)
yy = ((scope.Card.Value + 1) / 13.0) * scope.Space.Height * scale.Y;
else
xx = ((scope.Card.Value + 1) / 13.0) * scope.Space.Width * scale.X;
break;
case TableSpaceResizeType.Grow:
xx = (!vertical ? (cardIndex * spaceScale.width * scale.X) : 0);
yy = (vertical ? (cardIndex * spaceScale.height * scale.Y) : 0);
break;
default:
xx = (!vertical ? (cardIndex * spaceScale.width * scale.X) : 0);
yy = (vertical ? (cardIndex * spaceScale.height * scale.Y) : 0);
break;
}
xx -= 71 / 2;
yy -= 96 / 2;
scope.CardStyle.position = "absolute";
scope.CardStyle.zIndex = cardIndex;
scope.CardStyle.borderRadius = "5px";
scope.CardStyle.left = (xx + (vertical ? scope.Space.Width * scale.X / 2 : 0));
scope.CardStyle.top = (yy + (!vertical ? scope.Space.Height * scale.Y / 2 : 0));
// scope.CardStyle["-webkit-transform"] = "rotate(" + scope.Parent.Space.Appearance.InnerStyle.Rotate + "deg)";
// element.me().rotate(scope.Parent.Space.Appearance.InnerStyle.Rotate);
scope.CardStyle.content = "\"\"";
/*
foreach (var effect in scope.Card.Appearance.EffectNames)
{
GameEffectModel grabbedEffect = myEffectManager.GetEffectByName(effect);
if (grabbedEffect == null)
{
continue;
}
switch (grabbedEffect.Type)
{
case EffectType.Highlight:
var _effect = new CardGameAppearanceEffectHighlight(new CardGameEffectHighlightOptions()
{
Color = grabbedEffect.GetPropertyByName<string>("color"),
Radius = grabbedEffect.GetPropertyByName<double>("radius"),
Rotate = grabbedEffect.GetPropertyByName<double>("rotate"),
OffsetX = grabbedEffect.GetPropertyByName<double>("offsetx"),
OffsetY = grabbedEffect.GetPropertyByName<double>("offsety"),
Opacity = grabbedEffect.GetPropertyByName<double>("opacity"),
});
JsDictionary<string, string> beforeStyle = new JsDictionary<string, string>();
beforeStyle["display"] = "block";
beforeStyle["position"] = "relative";
beforeStyle["z-index"] = "-1";
beforeStyle["width"] = "100%";
beforeStyle["height"] = "100%";
beforeStyle["left"] = (-_effect.Radius + _effect.OffsetX) + "px";
beforeStyle["top"] = (-_effect.Radius + _effect.OffsetY) + "px";
beforeStyle["padding"] = (_effect.Radius) + "px";
beforeStyle["border-radius"] = "5px";
beforeStyle["box-shadow"] = "rgb(44, 44, 44) 3px 3px 2px";
var color = hextorgb(_effect.Color);
beforeStyle["background-color"] = string.Format("rgba({0}, {1}, {2}, {3})", color.R, color.G, color.B, _effect.Opacity);
beforeStyle["border"] = "2px solid black";
ChangeCSS("card" + scope.Card.Type + "-" + scope.Card.Value + "::before", beforeStyle);
break;
case EffectType.Rotate:
break;
case EffectType.Bend:
var bEffect = (new CardGameAppearanceEffectBend(new CardGameEffectBendOptions()
{
Degrees = grabbedEffect.GetPropertyByName<double>("degrees"),
}));
var rotate = element.GetCSS("transform").Replace(" scale(1, 1)", "");
element.me().rotate((((-bEffect.Degrees / 2 + bEffect.Degrees / (scope.Space.Pile.Cards.Count - 1) * cardIndex) + NoTransformRotate(rotate))) );
break;
case EffectType.StyleProperty:
break;
case EffectType.Animated:
break;
}
}
*/
};
var keys = new JsDictionary<string, string>() { };
if (scope.Card.Value == -1 && scope.Card.Type == -1)
{
keys["content"] = string.Format("url('{1}assets/cards/{0}.gif')", 155, Constants.ContentAddress);
}
else
{
keys["content"] = string.Format("url('{1}assets/cards/{0}.gif')", (100 + (scope.Card.Value + 1) + (scope.Card.Type) * 13), Constants.ContentAddress);
}
ClientHelpers.ChangeCSS("card" + scope.Card.Type + "-" + scope.Card.Value + "::before", keys);
scope.On("redrawCard", redrawCard);
// redrawCard();
/*
scope.Watch("$parent.space", () =>
{
Console.Log("ac");
redrawCard();
}, true);
scope.Watch("card.appearance.effectNames.join()", () =>
{
Console.Log("b");
redrawCard();
}, true);*/
/*scope.Watch<CardScope>((_scope) =>
{
List<Effect> effects = new List<Effect>();
foreach (var ef in _scope.Card.Appearance.EffectNames)
{
var _ef = myEffectManager.GetEffectByName(ef);
effects.Add(_ef);
}
return effects;
}, () => {
Console.Log("c");
redrawCard();
}, true);
*/
redrawCard();
}
private void linkFn(DebugCardScope scope, jQueryObject element, object attrs)
{
var card = scope.Card.GameCard;
scope.Classes = new List<string>();
element.Attribute("style", "width:71px; height:96px;");
var beforeStyle = new JsDictionary<string, string>() { };
var lastStyle = new JsDictionary<string, string>() { };
element.Draggable(new DraggableOptions()
{
OnStart = (@event, uiEvent) =>
{
scope.Card.Dragging = true;
scope.CardStyle.zIndex = 1000;
rootScope.Broadcast("redrawCard");
scope.Apply();
},
OnDrag = (@event, uiEvent) =>
{
scope.Card.Location.X = @event.ClientX ;
scope.Card.Location.Y = @event.ClientY ;
bool updated = false;
foreach (var debugSpace in scope.GameModel.Spaces)
{
for (int index = debugSpace.Cards.Count - 1; index >= 0; index--)
{
if (debugSpace.Cards[index].PlaceHolder)
{
updated = true;
debugSpace.Cards.RemoveAt(index);
}
}
}
foreach (var debugSpace in scope.GameModel.Spaces)
{
if (debugSpace.Location.Expand(30).Contains(scope.Card.Location))
{
foreach (var debugSpaceCard in debugSpace.Cards)
{
Rectangle rectangle = debugSpaceCard.Location.Offset(debugSpace.Location.X, debugSpace.Location.Y);
Console.WriteLine(string.Format("{0},{1} {2} {3}", debugSpace.Location.X, debugSpace.Location.Y, debugSpaceCard, rectangle.Expand(10).ToString(), scope.Card.Location.ToString()));
if (rectangle.Expand(10).Contains(scope.Card.Location))
{
debugSpace.Cards.Insert(debugSpace.Cards.IndexOf(debugSpaceCard), new DebugSpaceCard() { PlaceHolder = true, GameCard = null });
/*
if (rectangle.X + rectangle.Width/2 < scope.Card.Location.X)
{
debugSpace.Cards.Insert(debugSpace.Cards.IndexOf(debugSpaceCard), new DebugSpaceCard() { PlaceHolder = true, GameCard = null });
}
else
{
debugSpace.Cards.Insert(debugSpace.Cards.IndexOf(debugSpaceCard)+1, new DebugSpaceCard() { PlaceHolder = true, GameCard = null });
}
*/
Console.WriteLine("Took");
updated = true;
break;
}
}
}
}
if (updated)
{
rootScope.Broadcast("redrawCard");
scope.Apply();
}
},
OnStop = (@event, uiEvent) =>
{
foreach (var debugSpace in scope.GameModel.Spaces)
{
for (int index = debugSpace.Cards.Count - 1; index >= 0; index--)
{
if (debugSpace.Cards[index].PlaceHolder)
{
debugSpace.Cards.RemoveAt(index);
scope.Space.Cards.Remove(scope.Card);
foreach (var debugSpaceCard in scope.Space.Cards)
{
if (debugSpaceCard.Index > scope.Card.Index)
{
debugSpaceCard.Index--;
}
}
scope.Card.Index = index;
foreach (var debugSpaceCard in debugSpace.Cards)
{
if (debugSpaceCard.Index >= scope.Card.Index)
{
debugSpaceCard.Index++;
}
}
debugSpace.Cards.Insert(index,scope.Card);
break;
}
}
}
ExtensionMethods.Delete(scope.CardStyle.zIndex);
scope.Card.Dragging = false;
rootScope.Broadcast("redrawCard");
scope.Apply();
}
});
Action redrawCard = () =>
{
Console.WriteLine(string.Format("card{0}-{1} being called ", card.Type, card.Value));
if (scope.Card.Dragging)
{
return;
}
scope.CardStyle = new { };
card = scope.Card.GameCard;
var scale = scope.GameModel.Scale;
var goodCards = scope.Space.Cards.Where(a => !a.Dragging);
int spaceCardLength = goodCards.Count - 1;
var debugSpace = scope.Space.GameSpace;
var spaceScale =
new
{
width = debugSpace.Width / spaceCardLength,
height = debugSpace.Height / spaceCardLength
};
var vertical = debugSpace.Vertical;
var cardIndex = goodCards.IndexOf(scope.Card);
var xx = 0.0;
var yy = 0.0;
switch (debugSpace.ResizeType)
{
case TableSpaceResizeType.Static:
if (vertical)
yy = ((card.Value + 1) / 13.0) * debugSpace.Height * scale.Y;
else
xx = ((card.Value + 1) / 13.0) * debugSpace.Width * scale.X;
break;
case TableSpaceResizeType.Grow:
xx = (!vertical ? (cardIndex * spaceScale.width * scale.X) : 0);
yy = (vertical ? (cardIndex * spaceScale.height * scale.Y) : 0);
break;
default:
xx = (!vertical ? (cardIndex * spaceScale.width * scale.X) : 0);
yy = (vertical ? (cardIndex * spaceScale.height * scale.Y) : 0);
break;
}
xx -= 71 / 2;
yy -= 96 / 2;
scope.CardStyle.position = "absolute";
scope.CardStyle.zIndex = cardIndex;
scope.CardStyle.borderRadius = 5.ToPx();
xx = (xx + (vertical ? debugSpace.Width * scale.X / 2 : 0));
element.CSS("left", xx.ToPx());
yy = (yy + (!vertical ? debugSpace.Height * scale.Y / 2 : 0));
element.CSS("top", yy.ToPx());
scope.Card.Location = new Rectangle(xx, yy, 71, 96);
// scope.CardStyle["-webkit-transform"] = "rotate(" + scope.Parent.Space.Appearance.InnerStyle.Rotate + "deg)";
// element.me().rotate(scope.Parent.Space.Appearance.InnerStyle.Rotate);
scope.CardStyle.content = "\"\"";
if (card == null)
{
scope.CardStyle.border = "solid 2px blue";
scope.CardStyle.width = "71px";
scope.CardStyle.height = "96px";
}
else
{
beforeStyle = new JsDictionary<string, string>() { };
if (card.Value == -1 && card.Type == -1)
{
beforeStyle["content"] = string.Format("url('{1}assets/cards/{0}.gif')", 155, Constants.ContentAddress);
}
else
{
beforeStyle["content"] = string.Format("url('{1}assets/cards/{0}.gif')", (100 + (card.Value + 1) + (card.Type) * 13), Constants.ContentAddress);
}
foreach (var effectName in card.Effects)
{
var effect = scope.GameModel.MainArea.ClientGetEffectByName(effectName);
switch (effect.Type)
{
case EffectType.Highlight:
{
var color = effect.GetString("color");
var radius = effect.GetNumber("radius");
var rotate = effect.GetNumber("rotate");
var offsetX = effect.GetNumber("offsetx");
var offsetY = effect.GetNumber("offsety");
var opacity = effect.GetNumber("opacity");
beforeStyle["display"] = "block";
beforeStyle["position"] = "relative";
beforeStyle["z-index"] = "-1";
beforeStyle["width"] = "100%";
beforeStyle["height"] = "100%";
beforeStyle["left"] = (-radius + offsetX) + "px";
beforeStyle["top"] = (-radius + offsetY) + "px";
beforeStyle["padding"] = (radius) + "px";
beforeStyle["border-radius"] = "5px";
beforeStyle["box-shadow"] = "rgb(44, 44, 44) 3px 3px 2px";
beforeStyle["content"] = string.Format("url('{1}assets/cards/{0}.gif')", (100 + (card.Value + 1) + (card.Type) * 13), Constants.ContentAddress);
var hexcolor = ClientHelpers.HexToRGB(color);
beforeStyle["background-color"] = string.Format("rgba({0}, {1}, {2}, {3})", hexcolor.R, hexcolor.G, hexcolor.B, opacity);
beforeStyle["border"] = "2px solid black";
}
break;
case EffectType.Rotate:
{
var rotate = effect.GetNumber("degrees");
scope.CardStyle["-webkit-transform"] = "rotate(" + rotate + "deg)";
scope.CardStyle.transform = "rotate(" + rotate + "deg)";
}
break;
case EffectType.Bend:
/*
var bEffect = (new CardGameAppearanceEffectBend(new CardGameEffectBendOptions()
{
Degrees = grabbedEffect.GetPropertyByName<double>("degrees"),
}));
var rotate = element.GetCSS("transform").Replace(" scale(1, 1)", "");
element.me().rotate((((-bEffect.Degrees / 2 + bEffect.Degrees / (scope.Space.Pile.Cards.Count - 1) * cardIndex) + NoTransformRotate(rotate))));
*/
break;
case EffectType.StyleProperty:
break;
case EffectType.Animated:
break;
}
}
if (!lastStyle.SameAs(beforeStyle))
{
Console.WriteLine(string.Format("card{0}-{1} being updated ", card.Type, card.Value));
ClientHelpers.PurgeCSS(string.Format("card{0}-{1}", card.Type, card.Value) + "::before");
ClientHelpers.ChangeCSS(string.Format("card{0}-{1}::before", card.Type, card.Value), beforeStyle);
}
lastStyle = beforeStyle;
}
/*
foreach (var effect in scope.Card.Appearance.EffectNames)
{
GameEffectModel grabbedEffect = myEffectManager.GetEffectByName(effect);
if (grabbedEffect == null)
{
continue;
}
switch (grabbedEffect.Type)
{
case EffectType.Highlight:
var _effect = new CardGameAppearanceEffectHighlight(new CardGameEffectHighlightOptions()
{
Color = grabbedEffect.GetPropertyByName<string>("color"),
Radius = grabbedEffect.GetPropertyByName<double>("radius"),
Rotate = grabbedEffect.GetPropertyByName<double>("rotate"),
OffsetX = grabbedEffect.GetPropertyByName<double>("offsetx"),
OffsetY = grabbedEffect.GetPropertyByName<double>("offsety"),
Opacity = grabbedEffect.GetPropertyByName<double>("opacity"),
});
JsDictionary<string, string> beforeStyle = new JsDictionary<string, string>();
beforeStyle["display"] = "block";
beforeStyle["position"] = "relative";
beforeStyle["z-index"] = "-1";
beforeStyle["width"] = "100%";
beforeStyle["height"] = "100%";
beforeStyle["left"] = (-_effect.Radius + _effect.OffsetX) + "px";
beforeStyle["top"] = (-_effect.Radius + _effect.OffsetY) + "px";
beforeStyle["padding"] = (_effect.Radius) + "px";
beforeStyle["border-radius"] = "5px";
beforeStyle["box-shadow"] = "rgb(44, 44, 44) 3px 3px 2px";
var color = hextorgb(_effect.Color);
beforeStyle["background-color"] = string.Format("rgba({0}, {1}, {2}, {3})", color.R, color.G, color.B, _effect.Opacity);
beforeStyle["border"] = "2px solid black";
ChangeCSS("card" + scope.Card.Type + "-" + scope.Card.Value + "::before", beforeStyle);
break;
case EffectType.Rotate:
break;
case EffectType.Bend:
var bEffect = (new CardGameAppearanceEffectBend(new CardGameEffectBendOptions()
{
Degrees = grabbedEffect.GetPropertyByName<double>("degrees"),
}));
var rotate = element.GetCSS("transform").Replace(" scale(1, 1)", "");
element.me().rotate((((-bEffect.Degrees / 2 + bEffect.Degrees / (scope.Space.Pile.Cards.Count - 1) * cardIndex) + NoTransformRotate(rotate))) );
break;
case EffectType.StyleProperty:
break;
case EffectType.Animated:
break;
}
}
*/
};
if (card != null)
{
if (card.Value == -1 && card.Type == -1)
{
beforeStyle["content"] = string.Format("url('{1}assets/cards/{0}.gif')", 155, Constants.ContentAddress);
}
else
{
beforeStyle["content"] = string.Format("url('{1}assets/cards/{0}.gif')", (100 + (card.Value + 1) + (card.Type) * 13), Constants.ContentAddress);
}
scope.Classes.Add(string.Format("card{0}-{1}", card.Type, card.Value));
ClientHelpers.ChangeCSS("card" + card.Type + "-" + card.Value + "::before", beforeStyle);
}
scope.On("redrawCard", redrawCard);
// redrawCard();
/*
scope.Watch("$parent.space", () =>
{
Console.Log("ac");
redrawCard();
}, true);
scope.Watch("card.appearance.effectNames.join()", () =>
{
Console.Log("b");
redrawCard();
}, true);*/
/*scope.Watch<CardScope>((_scope) =>
{
List<Effect> effects = new List<Effect>();
foreach (var ef in _scope.Card.Appearance.EffectNames)
{
var _ef = myEffectManager.GetEffectByName(ef);
effects.Add(_ef);
}
return effects;
}, () => {
Console.Log("c");
redrawCard();
}, true);
*/
redrawCard();
}