shu/LPWeb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Initial Commit Update Telerik

Browse Source
This commit is contained in:
Stefan Hutter
2022-01-07 19:26:33 +01:00
commit 57e1cda236
2174 changed files with 1202494 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
LPWeb20/RichtextEditor/skins/phone/_layout.xml Normal file
View File

@@ -0,0 +1,104 @@
<?xml version="1.0" encoding="utf-8" ?>
<jsml xmlns="http://cutesoft.net/jsml"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://cutesoft.net/jsml ../../core/jsml.xsd">
<panel jsml-class="_phone_layout_{skin}_{color}_toolbar" dock="fill" overflow="visible" jsml-append="false">
<jsml-ref name="rteborderstyle"/>
<initialize>
self.toggle_css_class("tbtoolbar_{skin}");
self.toggle_css_class("tbtoolbar_{color}");
self.toggle_css_class("tbtoolbar_{skin}_{color}");
</initialize>
<jsml-ref name="toolbar_{toolbar}_{skin}_{color}"/>
</panel>
<jsml-def name="_phone_layout_{skin}_{color}">
<initialize>
self.toggle_css_class("rteskin_{skin}");
self.toggle_css_class("rteskin_{color}");
self.toggle_css_class("rteskin_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("rteskin_{skin}_"+name,mode);
self.toggle_css_class("rteskin_{color}_"+name,mode);
self.toggle_css_class("rteskin_{skin}_{color}_"+name,mode);
</attach>
<panel dock="top" overflow_y="visible" padding="1" border_width="0">
<attach name="editor_ready" arguments="je,editor">
<![CDATA[
editor.AttachEvent("FullScreenChanged",function()
{
if(self.toolbarloaded)return;
self.toolbarloaded=true;
var ctrl=jsml.class_create_instance("_phone_layout_{skin}_{color}_toolbar");
self.append_child(ctrl);
ctrl.invoke_recursive("editor_ready",editor);
});
]]>
</attach>
</panel>
<panel jsml-local="editpanel" dock="fill" border_width="1,0,0,0" border_color="#7E9DB9" back_color="white">
<!--max_width="640"-->
<htmlcontrol jsml-member="editor_frame_container" dock="fill" margin="6,0,0,0" back_color="white" >
</htmlcontrol>
<panel jsml-local="mobile_touch_panel" dock="fill" margin="6,0,0,0">
</panel>
<attach name="editor_ready" arguments="je,editor">
<![CDATA[
editor.LoadPlugin("mobilesidebar",function(plugin)
{
if(!plugin||!plugin.LoadUI)return;
plugin.LoadUI(self,mobile_touch_panel);
});
]]>
</attach>
</panel>
<panel dock="over" visible="false">
<panel dock="over" back_color="black" opacity="11"></panel>
<panel dock="fill" vertical_align="middle" horizontal_align="center">
<panel overflow="visible" height="40" jsml-base="panelbutton" horizontal_align="center" vertical_align="middle" border_color="#CDCDCD" back_color="#f7f7f7" padding="4,10,4,10" >
<image dock="right" jsml-base="image_{skin}_{color}" imagename="m_arrow_right-up" back_color="#f7f7f7" border_width="0" background="none" />
<label dock="left" vertical_align="middle" margin="0,5,0,5" text="Click Here to Edit" font_size="24px"></label>
</panel>
</panel>
<attach name="editor_ready" arguments="je,editor">
<![CDATA[
self._editor=editor;
editor.AttachEvent("FullScreenChanged",function()
{
var hide = !editor.IsCommandActive("FullScreen");
if(hide)editor.ExecCommand("SelectNone");
self.set_visible(hide);
});
self.set_visible(!editor.IsCommandActive("FullScreen"));
editor.Focus = function(){};
]]>
</attach>
<attach name="click">
if(!self._editor)return;
self._editor.ExecUICommand(null,"FullScreen");
if(self.touchinited)return;
self.touchinited=true;
self._editor.FireEvent("TouchInit",[mobile_touch_panel._element]);
</attach>
</panel>
</jsml-def>
</jsml>

180
LPWeb20/RichtextEditor/skins/phone/skin.css Normal file
View File

@@ -0,0 +1,180 @@
.menuitem_checked
{
background-color:#eeddcc;
}
/*phone*/
.tbgroup_phone
{
border-width:0px;
background:transparent;
}
.dropdown_phone_lightsilver,.tbcontrol_phone_lightsilver,.splitbtn_phone_lightsilver
{
/*
border:1px solid #bbbbbb;
background-color:white;
background-image:url(../../styles/images/tbgroup_silver2007.png);
background-repeat:repeat-x;
border-radius:3px;
*/
}
.splittxt_phone_lightsilver
{
border:1px solid #bbbbbb;
background-color:white;
border-radius:3px;
}
.splittxt_phone_lightsilver .splitbtnimage
{
border-right:1px solid #bbbbbb;
background-image:url(../../styles/images/tbgroup_silver2007.png);
background-repeat:repeat-x;
}
.dropdown_phone_hovered
{
background:White;
}
.tbcontrol_phone_hovered,.splitbtn_phone_hovered
{
}
.tbcontrol_phone_clicked,.splitbtn_phone_clicked
{
}
/*light silver*/
.rteskin_lightsilver
{
border-width:1px;
border-style:solid;
border-color:#d9d9d9;
background-color:#efefef;
}
.tbtoolbar_lightsilver{}
.ribbon_lightsilver
{
background-image:url(../../styles/images/rbribbon_lightsilver.png);
background-position:left bottom;
background-repeat:no-repeat;
}
.ribbon_lightsilver:first-child
{
background-image:none;
}
.ribbon_lightsilver .ribbonlabel
{
color:#666d7c;
background-color:transparent;
font-family:Tahoma!important;
font-size:11px!important;
}
.tbgroup_lightsilverxx
{
border-left:1px solid #bbbbbb;
background-repeat:repeat-x;
}
.dropdown_lightsilver
{
border:1px solid #d3d5dc;
background-color:white;
}
.dropdown_lightsilver .dropdownsplit
{
border-left-style:solid;
border-left-width:1px;
}
.slitbtn_lightsilver .splitbtnsplit
{
border-left-style:solid;
border-left-width:1px;
}
.tbcontrol_lightsilver, .splitbtn_lightsilver
{
border:1px solid transparent;
}
.splitbtn_lightsilver
{
border:1px solid transparent;
background-color:transparent;
}
.rbimage_lightsilver{}
.dropdown_lightsilver_hovered
{
border-color:#ABC1DE;
background-color:white;
}
.dropdown_lightsilver_hovered .dropdownsplit
{
border-color:#cccccc;
background-color:#eeeeee;
}
.splitbtn_lightsilver_hovered .splitbtnsplit
{
border-color:#D6D9E2;
}
.tbcontrol_lightsilver_hovered,.splitbtn_lightsilver_hovered
{
border-color:Gray;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_hovered.png);
background-repeat:repeat-x;
}
.rbimage_lightsilver_hovered
{
background-image:url(../../styles/images/rbimage_hovered.png);
}
.dropdown_lightsilver_clicked
{
border-color:#ABC1DE;
background-color:gold;
}
.dropdown_lightsilver_clicked .dropdownsplit
{
border-color:#ABC1DE;
}
.tbcontrol_lightsilver_clicked,.splitbtn_lightsilver_clicked
{
border-color:Gray;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
}
.rbimage_lightsilver_clicked
{
background-image:url(../../styles/images/rbimage_clicked.png);
}
/*checked*/
.tbcontrol_lightsilver_checked,.splitbtn_lightsilver_checked
{
border-color:Gray;
border-width:1px;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
}
.tbcontrol_lightblue_checked,.splitbtn_lightblue_checked
{
border-color:Gray;
border-width:1px;
background-color:transparent;
background-image:url(../../styles/images/tbcontrol_clicked.png);
background-repeat:repeat-x;
}
.tbcontrol_phone_lightsilver_checked,.splitbtn_phone_lightsilver_checked
{
background:gold;
}
.splittxt_phone_lightsilver_checked .splitbtnimage
{
background:gold;
}

135
LPWeb20/RichtextEditor/skins/phone/skin.xml Normal file
View File

@@ -0,0 +1,135 @@
<?xml version="1.0" encoding="utf-8" ?>
<jsml xmlns="http://cutesoft.net/jsml"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://cutesoft.net/jsml ../../core/jsml.xsd">
<panel jsml-class="ribbon_{skin}_{color}" dock="left" overflow_x="visible" margin="2" padding="3,3,0,4" height="104" width="32" >
<label dock="bottom" jsml-local="label" css_class="ribbonlabel" height="15" margin="0,-5,0,-4" text="ribbon" font_size="11px" width="20" vertical_align="bottom" horizontal_align="center">
<jsml-ref name="rteborderstyle"/>
</label>
<attach name="set_text">
label.set_text(self.get_text());
</attach>
<jsml-ref name="rteborderstyle"/>
<initialize>
self.toggle_css_class("ribbon_{skin}");
self.toggle_css_class("ribbon_{color}");
self.toggle_css_class("ribbon_{skin}_{color}");
</initialize>
</panel>
<image jsml-class="ribbonimage_{skin}_{color}" jsml-base="image_skin_base" dock="left">
<initialize>
self.toggle_css_class("rbimage_{skin}");
self.toggle_css_class("rbimage_{color}");
self.toggle_css_class("rbimage_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("rbimage_{skin}_"+name,mode);
self.toggle_css_class("rbimage_{color}_"+name,mode);
self.toggle_css_class("rbimage_{skin}_{color}_"+name,mode);
</attach>
</image>
<panel jsml-class="tbgroup_{skin}_{color}" dock="flow" overflow_x="visible" margin="2,3,2,2" height="32" width="20" >
<initialize>
self.toggle_css_class("tbgroup_{skin}");
self.toggle_css_class("tbgroup_{color}");
self.toggle_css_class("tbgroup_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("tbgroup_{skin}_"+name,mode);
self.toggle_css_class("tbgroup_{color}_"+name,mode);
self.toggle_css_class("tbgroup_{skin}_{color}_"+name,mode);
</attach>
<jsml-ref name="rteborderstyle"/>
<attach name="attach_dom">
if(self.get_border_width()[1])self.set_padding([0,0,0,0])
</attach>
</panel>
<panel jsml-class="linebreak_{skin}_{color}" dock="flow" flow_clear="newline" width='0'></panel>
<image jsml-class="image_{skin}_{color}" jsml-base="image_skin_base" margin="0,2,0,0" width="32" height="32" padding="1" dock="left">
<initialize>
self.toggle_css_class("tbcontrol_{skin}");
self.toggle_css_class("tbcontrol_{color}");
self.toggle_css_class("tbcontrol_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("tbcontrol_{skin}_"+name,mode);
self.toggle_css_class("tbcontrol_{color}_"+name,mode);
self.toggle_css_class("tbcontrol_{skin}_{color}_"+name,mode);
</attach>
</image>
<panel jsml-class="splitbtn_{skin}_{color}" jsml-base="splitbtn_skin_base" margin="0,2,0,0" width="32" dock="left">
<initialize>
self.toggle_css_class("splitbtn_{skin}");
self.toggle_css_class("splitbtn_{color}");
self.toggle_css_class("splitbtn_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("splitbtn_{skin}_"+name,mode);
self.toggle_css_class("splitbtn_{color}_"+name,mode);
self.toggle_css_class("splitbtn_{skin}_{color}_"+name,mode);
</attach>
</panel>
<panel jsml-class="dropdown_{skin}_{color}" jsml-base="dropdown_skin_base" margin="0,2,0,0">
<initialize>
self.toggle_css_class("dropdown_{skin}");
self.toggle_css_class("dropdown_{color}");
self.toggle_css_class("dropdown_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("dropdown_{skin}_"+name,mode);
self.toggle_css_class("dropdown_{color}_"+name,mode);
self.toggle_css_class("dropdown_{skin}_{color}_"+name,mode);
</attach>
</panel>
<panel jsml-class="phone_{skin}_{color}" dock="top" cursor="pointer" width="130" height="32" margin="5,0,5,0" overflow="visible">
<image jsml-member="image" css_class="splitbtnimage" dock="left" width="32" overflow="none"/>
<label jsml-local="label" dock="fill" vertical_align="middle" horizontal_align="center" cursor="pointer" overflow="visible" font_size="18px" padding="0,3,0,3"></label>
<jsml-ref name="rtebuttoncontrol" />
<jsml-ref name="rtetoolbarcontrol"/>
<initialize>
self.toggle_css_class("splittxt_{skin}");
self.toggle_css_class("splittxt_{color}");
self.toggle_css_class("splittxt_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("splittxt_{skin}_"+name,mode);
self.toggle_css_class("splittxt_{color}_"+name,mode);
self.toggle_css_class("splittxt_{skin}_{color}_"+name,mode);
</attach>
<attach name="set_text">
label.set_text(self.get_text());
</attach>
</panel>
<include src="{folder}skins/{skin}/toolbar_phone.xml?{timems}" />
<jsml-def name="layout_toolbar_{skin}_{color}">
<jsml-ref name="toolbar_{toolbar}_{skin}_{color}"/>
</jsml-def>
<include src="{folder}skins/{skin}/_layout.xml?{timems}" />
<panel jsml-class="rteskin_{skin}_{color}" width="200" height="200">
<jsml-ref name="rteborderstyle"/>
<jsml-ref name="_phone_layout_{skin}_{color}"/>
</panel>
</jsml>

44
LPWeb20/RichtextEditor/skins/phone/toolbar_phone.xml Normal file
View File

@@ -0,0 +1,44 @@
<?xml version="1.0" encoding="utf-8" ?>
<jsml xmlns="http://cutesoft.net/jsml"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://cutesoft.net/jsml ../../core/jsml.xsd">
<jsml-def name="toolbar_{toolbar}_{skin}_{color}">
<panel jsml-base="tbgroup_{skin}_{color}">
<attach name="editor_ready" arguments="je,editor">
<![CDATA[
self._editor=editor;
editor.AttachEvent("FullScreenChanged",function()
{
self.set_visible(editor.IsCommandActive("FullScreen"));
});
]]>
</attach>
<panel width="56" dock="left" cursor="pointer" padding="0" margin="0,5,0,5">
<image jsml-local="backbutton" jsml-base="image_{skin}_{color}" background="url()" border_width="0" width="56" height="32" padding="0" margin="0" dock="left" tooltip="@Back" imagename="m_back" />
<label dock="over" text_align="right" cursor="pointer" vertical_align="middle" padding="0,4,0,0" text="Back" font_size="13px" css_text="font-weight:bold;color:#666666" />
<attach name="click">
backbutton.find_editor().ExecUICommand(null,"FullScreen");
</attach>
</panel>
<!--
<image jsml-base="image_{skin}_{color}" imagename="m_back" zoom="both">
<attach name="click">
self.find_editor().ExecUICommand(null,"FullScreen");
</attach>
</image>
-->
<image jsml-base="image_{skin}_{color}" command="ExecPlugin" arguments="spellcheck" imagename="m_spell" zoom="both" />
<image jsml-base="image_{skin}_{color}" command="Find" imagename="m_find" zoom="both" />
<image jsml-base="image_{skin}_{color}" command="New" imagename="m_new" zoom="both" />
<image jsml-base="image_{skin}_{color}" command="Undo" imagename="m_undo"/>
<image jsml-base="image_{skin}_{color}" command="Redo" imagename="m_redo"/>
<image jsml-base="image_{skin}_{color}" command="InvokeEvent" arguments="UICommand,UploadImage" imagename="m_upload" zoom="both" />
</panel>
</jsml-def>
</jsml>