Dec 03, 2019, 6:33 PM
DraggableConfig is not working
@{
Layout = "~/Views/Shared/_Layout.cshtml";
var X = Html.X();
}
<head>
<title> Giriş sayfası </title>
<style type="text/css">
.bodyclscenter {
background-image: url('../../Content/bg-main.png');
background-repeat: repeat;
}
</style>
</head>
@X.AntiForgeryField().ID("AntiForgeryToken")
@(X.Viewport()
.ID("viewport")
.Listeners(x => { x.BoxReady.Handler = "Ext.get(window.document).on('contextmenu', function (e) { e.preventDefault(); return false;});"; })
.SetStyle("background-color", "white")
.RenderTo("body")
.LayoutConfig(new BorderLayoutConfig() { })
.Items(X.Panel().Region(Region.Center)
.BodyCls("bodyclscenter")
.ID("regioncenter")
.LayoutConfig(new VBoxLayoutConfig
{
Align = VBoxAlign.Center,
Pack = BoxPack.Center
})
.Border(false)
.Items(X.FormPanel()
.ID("loginform")
.Title("GiriÅŸ yap")
.Frame(true)
.Draggable(true)
.DraggableConfig(X.ComponentDragger().OnEnd(x => { x.Handler = "alert('im not working :(');"; }))
.Width(400)
.Icon(Icon.Lock)
.BodyPadding(5)
.DefaultAnchor("100%")
.Items(X.TextField().ID("registry").Name("registry").FieldLabel("Sicil").AutoFocus(true).MaxLength(20).InputType(Ext.Net.InputType.Text).BlankText("Doldurulması zorunlu alan.").AllowBlank(false).AnimateShadow(true),
X.TextField().ID("password").Name("password").FieldLabel("Şifre").InputType(Ext.Net.InputType.Password).MaxLength(30).BlankText("Doldurulması zorunlu alan.").AllowBlank(false).AnimateShadow(true).RightButtonsShowMode(ButtonsShowMode.MouseOverOrFocus).RightButtons(X.Button().AllowDepress(true).EnableToggle(true).ToolTip("Şifreyi göster").Icon(Icon.Eye).Listeners(x => { x.Toggle.Handler = "this.up('textfield').passwordMask.setMode(pressed ? 'showall' : 'hideall'); this.setTooltip((pressed ? 'Şifreyi Gizle' : 'Şifreyi Göster'));"; })).Plugins(X.PasswordMask().AcceptRate(1).AllowAnyChars(true)/*.LoginField("#{registry}")*/.Mode(PasswordMaskMode.ShowAll).StrictPassword(false).Pattern("a"), X.CapsLockDetector().Listeners(x => { x.CapsLockOn.Handler = "#{password}.showIndicator({iconCls : '#Error', tip : 'CapsLock açık'});"; x.CapsLockOff.Handler = "#{password}.hideIndicator();"; })),
X.Checkbox().ID("rememberme").Name("rememberme").FieldLabel("Beni hatırla").AnimateShadow(true))
.Buttons(X.Button().Text("Kayıt ol").ID("registerbutton").DirectClickAction("Index", "Register").Icon(Icon.UserAdd),
X.Button().ID("loginbutton").Text("GiriÅŸ yap").Icon(Icon.Lightning)
.FormBind(true)
.DirectEvents(de =>
{
de.Click.After = "#{loginform}.cascade(function(item){if(item.id != 'loginform'){item.disable();}});";
de.Click.Complete = "#{loginform}.cascade(function(item){if(item.id != 'loginform'){item.enable();}});";
de.Click.EventMask.ShowMask = true;
de.Click.Url = Url.Action("Login");
de.Click.Method = HttpMethod.POST;
de.Click.FormID = "loginform";
de.Click.EventMask.ShowDurationMessages = true;
de.Click.EventMask.Msg = "Yükleniyor..";
de.Click.EventMask.MinDelay = 1000;
de.Click.ExtraParams.Add(new Parameter("__RequestVerificationToken", "#{AntiForgeryToken}.getValue()", ParameterMode.Raw));
de.Click.ExtraParams.Add(new Parameter("rememberme", "#{rememberme}.getValue()", ParameterMode.Raw));
}))))
.Items(X.Panel().BodyCls("bodyclscenter").ID("regionsouth").Region(Region.South).LayoutConfig(new HBoxLayoutConfig { Pack = BoxPack.End }).Border(false).Items(X.Label().Text("Yedeklemeye kalan süre: " + "00:00:00").StyleSpec("font-weight:bold;font-size:100%;").ID("localtimelabel"))))
<script src="~/Scripts/moment-with-locales.js"></script>
<script>
var now = new Date();
var endofday = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59);
function countdown() {
now = new Date();
Ext.getCmp("localtimelabel").setText('Yedeklemeye kalan süre: '
+ moment.utc(moment(endofday, "DD/MM/YYYY HH:mm:ss").diff(moment(now, "DD/MM/YYYY HH:mm:ss"))).format("HH:mm:ss"));
//App.TaskManager.stopTask(0);
}
</script>
@(X.TaskManager()
.ID("TaskManager")
.Tasks(X.Task()
.TaskID("Task1")
//.Repeat(3)
.Listeners(x =>
{
x.Update.Fn = "countdown";
})
.DirectEvents(x => { })))
Last edited by elbetbirgun; Dec 04, 2019 at 2:54 PM.