csq
4 years ago
commit
1e4dad6ed5
164 changed files with 68121 additions and 0 deletions
-
7data/document.js
-
109data/styles.css
-
7files/充值/data.js
-
3118files/充值/styles.css
-
7files/升级/data.js
-
3118files/升级/styles.css
-
7files/发货/data.js
-
4674files/发货/styles.css
-
7files/审批/data.js
-
16064files/审批/styles.css
-
7files/注册/data.js
-
3118files/注册/styles.css
-
7files/退货/data.js
-
3338files/退货/styles.css
-
BINimages/审批/u509.png
-
6images/审批/u518.svg
-
6images/审批/u519.svg
-
6images/审批/u521.svg
-
6images/审批/u522.svg
-
6images/审批/u553.svg
-
6images/审批/u587.svg
-
6images/审批/u698.svg
-
6images/审批/u730.svg
-
6images/审批/u805.svg
-
6images/审批/u836.svg
-
6images/审批/u954.svg
-
7images/注册/u10.svg
-
BINimages/注册/u11.png
-
6images/注册/u19.svg
-
6images/注册/u79.svg
-
6images/注册/u89.svg
-
151index.html
-
171plugins/debug/debug.js
-
265plugins/debug/styles/debug.css
-
3plugins/debug/styles/images/console_panel_off.svg
-
3plugins/debug/styles/images/console_panel_on.svg
-
474plugins/page_notes/page_notes.js
-
3plugins/page_notes/styles/images/notes_panel_off.svg
-
3plugins/page_notes/styles/images/notes_panel_on.svg
-
209plugins/page_notes/styles/page_notes.css
-
479plugins/recordplay/recordplay.js
-
90plugins/recordplay/styles/recordplay.css
-
562plugins/sitemap/sitemap.js
-
7plugins/sitemap/styles/images/back_keys.svg
-
14plugins/sitemap/styles/images/closed_item.svg
-
15plugins/sitemap/styles/images/flow.svg
-
6plugins/sitemap/styles/images/folder_closed_blue.svg
-
10plugins/sitemap/styles/images/forward_keys.svg
-
3plugins/sitemap/styles/images/left_arrow.svg
-
12plugins/sitemap/styles/images/open_item.svg
-
6plugins/sitemap/styles/images/page_lt_grey.svg
-
3plugins/sitemap/styles/images/right_arrow.svg
-
6plugins/sitemap/styles/images/search_off.svg
-
6plugins/sitemap/styles/images/search_on.svg
-
3plugins/sitemap/styles/images/sitemap_panel_off.svg
-
3plugins/sitemap/styles/images/sitemap_panel_on.svg
-
384plugins/sitemap/styles/sitemap.css
-
35resources/Other.html
-
BINresources/chrome/allow-access.png
-
BINresources/chrome/axure-chrome-extension.crx
-
BINresources/chrome/axure_logo.png
-
187resources/chrome/chrome.html
-
BINresources/chrome/details.png
-
BINresources/chrome/extensions.png
-
130resources/chrome/firefox.html
-
BINresources/chrome/preview-rp.png
-
155resources/chrome/safari.html
-
BINresources/chrome/safari_advanced.png
-
BINresources/chrome/safari_restrictions.png
-
BINresources/chrome/splitter.gif
-
BINresources/chrome/splitter.png
-
292resources/css/axure_rp_page.css
-
1052resources/css/default.css
-
25resources/css/images/images.html
-
BINresources/css/images/newwindow.gif
-
BINresources/css/images/note.gif
-
BINresources/css/images/touch.cur
-
32resources/css/images/touch.svg
-
BINresources/css/images/ui-bg_flat_0_aaaaaa_40x100.png
-
BINresources/css/images/ui-bg_glass_55_fbf9ee_1x400.png
-
BINresources/css/images/ui-bg_glass_65_ffffff_1x400.png
-
BINresources/css/images/ui-bg_glass_75_dadada_1x400.png
-
BINresources/css/images/ui-bg_glass_75_e6e6e6_1x400.png
-
BINresources/css/images/ui-bg_glass_75_ffffff_1x400.png
-
BINresources/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png
-
BINresources/css/images/ui-bg_inset-soft_95_fef1ec_1x100.png
-
BINresources/css/images/ui-icons_222222_256x240.png
-
BINresources/css/images/ui-icons_2e83ff_256x240.png
-
BINresources/css/images/ui-icons_454545_256x240.png
-
BINresources/css/images/ui-icons_888888_256x240.png
-
BINresources/css/images/ui-icons_cd0a0a_256x240.png
-
412resources/css/jquery-ui-themes.css
-
12resources/css/previewfonts.css
-
93resources/css/previewfonts/SourceSansPro-OpenFontLicense.txt
-
BINresources/css/previewfonts/SourceSansPro-Regular.woff2
-
BINresources/css/previewfonts/SourceSansPro-Semibold.woff2
-
24resources/css/reset.css
-
60resources/expand.html
-
1resources/images/axure9_logo.svg
-
BINresources/images/axure_logo.png
@ -0,0 +1,7 @@ |
|||
$axure.loadDocument( |
|||
(function() { |
|||
var _ = function() { var r={},a=arguments; for(var i=0; i<a.length; i+=2) r[a[i]]=a[i+1]; return r; } |
|||
var _creator = function() { return _(b,_(c,d,e,f,g,d,h,d,i,d,j,k,l,d,m,f,n,f,o,d,p,f),q,_(r,[_(s,t,u,v,w,x,y,z),_(s,A,u,B,w,x,y,C),_(s,D,u,E,w,x,y,F),_(s,G,u,H,w,x,y,I),_(s,J,u,K,w,x,y,L),_(s,M,u,N,w,x,y,O)]),P,[Q,R,S],T,[U,V,W],X,_(Y,Z,ba,Z,bb,bc,bd,Z,be,Z,bf,bg,bh,bc,bi,bc),bj,_(bk,_(s,bl,bm,bn,bo,bp,bq,br,bs,bt,bu,_(bv,bw,bx,by,bz,bA),bB,bC,bD,f,bE,bF,bG,br,bH,_(bI,bJ,bK,bJ),bL,_(bM,bJ,bN,bJ),bO,d,bP,f,bQ,bl,bR,_(bv,bw,bx,bS),bT,_(bv,bw,bx,bU),bV,bW,bX,bw,bz,bW,bY,bc,bZ,ca,cb,cc,cd,cc,ce,cc,cf,cc,cg,null,ch,_(),ci,bc,cj,_(ck,f,cl,cm,cn,cm,co,cm,bx,_(cp,cq,cr,cq,cs,cq,ct,cu)),cv,_(ck,f,cl,bJ,cn,cm,co,cm,bx,_(cp,cq,cr,cq,cs,cq,ct,cu)),cw,_(ck,f,cl,bA,cn,bA,co,cm,bx,_(cp,cq,cr,cq,cs,cq,ct,cx)),cy,br,cz,cA,cB,f,cC,null,cD,cE),cF,_(cG,_(s,cH),cI,_(s,cJ,bV,bc,bR,_(bv,bw,bx,cK)),cL,_(s,cM),cg,_(s,cN,bV,bc),cO,_(s,cP,bB,cQ,bo,cR,bV,bc,bR,_(bv,bw,bx,cS),bE,cT,bZ,cU,cb,bc,cd,bc,ce,bc,cf,bc),cV,_(s,cW,bB,cX,bo,cR,bV,bc,bR,_(bv,bw,bx,cS),bE,cT,bZ,cU,cb,bc,cd,bc,ce,bc,cf,bc),cY,_(s,cZ,bB,da,bo,cR,bV,bc,bR,_(bv,bw,bx,cS),bE,cT,bZ,cU,cb,bc,cd,bc,ce,bc,cf,bc),db,_(s,dc,bB,dd,bo,cR,bV,bc,bR,_(bv,bw,bx,cS),bE,cT,bZ,cU,cb,bc,cd,bc,ce,bc,cf,bc),de,_(s,df,bo,cR,bV,bc,bR,_(bv,bw,bx,cS),bE,cT,bZ,cU,cb,bc,cd,bc,ce,bc,cf,bc),dg,_(s,dh,bB,di,bo,cR,bV,bc,bR,_(bv,bw,bx,cS),bE,cT,bZ,cU,cb,bc,cd,bc,ce,bc,cf,bc),dj,_(s,dk,bB,dd,bV,bc,bR,_(bv,bw,bx,cS),bE,cT,bZ,cU,cb,bc,cd,bc,ce,bc,cf,bc),dl,_(s,dm,bV,bc,bR,_(bv,bw,bx,cS),bE,cT,bZ,cU,cb,bc,cd,bc,ce,bc,cf,bc),dn,_(s,dp,bu,_(bv,bw,bx,dq,bz,bA)),dr,_(s,ds,bR,_(bv,bw,bx,dt)),du,_(s,dv,bR,_(bv,bw,bx,cS)),dw,_(s,dx,bV,bt,bR,_(bv,bw,bx,cS)),dy,_(s,dz,bu,_(bv,bw,bx,dA,bz,bA),bE,cT,bZ,ca),dB,_(s,dC,bu,_(bv,bw,bx,dA,bz,bA),bE,cT,bZ,cU),dD,_(s,dE,bu,_(bv,bw,bx,dA,bz,bA),bE,cT,bZ,cU),dF,_(s,dG,bE,cT,bZ,cU),dH,_(s,dI,bE,cT,bZ,cU),dJ,_(s,dK),dL,_(s,dM,bu,_(bv,bw,bx,dq,bz,bA)),dN,_(s,dO,bR,_(bv,bw,bx,dt)),dP,_(s,dQ,bR,_(bv,dR,dS,_(bI,dT,bK,bJ),dU,_(bI,dT,bK,bA),dV,[_(bx,bS,dW,bJ),_(bx,cK,dW,bJ),_(bx,dX,dW,bA),_(bx,bS,dW,bA)])),dY,_(s,dZ,bV,bc,bR,_(bv,bw,bx,by)),ea,_(s,eb,bT,_(bv,bw,bx,ec),bV,cc)),ed,_()));}; |
|||
var b="configuration",c="showPageNotes",d=true,e="showPageNoteNames",f=false,g="showAnnotations",h="showAnnotationsSidebar",i="showConsole",j="linkStyle",k="displayMultipleTargetsOnly",l="linkFlowsToPages",m="linkFlowsToPagesNewWindow",n="useLabels",o="useViews",p="loadFeedbackPlugin",q="sitemap",r="rootNodes",s="id",t="w046g3",u="pageName",v="注册",w="type",x="Wireframe",y="url",z="注册.html",A="sfy4kc",B="充值",C="充值.html",D="f42s90",E="升级",F="升级.html",G="geoo7v",H="发货",I="发货.html",J="u0ab3k",K="退货",L="退货.html",M="jz7lag",N="审批",O="审批.html",P="additionalJs",Q="plugins/sitemap/sitemap.js",R="plugins/page_notes/page_notes.js",S="plugins/debug/debug.js",T="additionalCss",U="plugins/sitemap/styles/sitemap.css",V="plugins/page_notes/styles/page_notes.css",W="plugins/debug/styles/debug.css",X="globalVariables",Y="sip",Z="",ba="showdata",bb="clckienum",bc="0",bd="setinput",be="op",bf="set_name",bg=" ",bh="now_input_num",bi="now_car_sales",bj="stylesheet",bk="defaultStyle",bl="627587b6038d43cca051c114ac41ad32",bm="fontName",bn="'Arial Normal', 'Arial', sans-serif",bo="fontWeight",bp="400",bq="fontStyle",br="normal",bs="fontStretch",bt="5",bu="foreGroundFill",bv="fillType",bw="solid",bx="color",by=0xFF333333,bz="opacity",bA=1,bB="fontSize",bC="13px",bD="underline",bE="horizontalAlignment",bF="center",bG="lineSpacing",bH="location",bI="x",bJ=0,bK="y",bL="size",bM="width",bN="height",bO="visible",bP="limbo",bQ="baseStyle",bR="fill",bS=0xFFFFFFFF,bT="borderFill",bU=0xFF797979,bV="borderWidth",bW="1",bX="linePattern",bY="cornerRadius",bZ="verticalAlignment",ca="middle",cb="paddingLeft",cc="2",cd="paddingTop",ce="paddingRight",cf="paddingBottom",cg="image",ch="stateStyles",ci="rotation",cj="outerShadow",ck="on",cl="offsetX",cm=5,cn="offsetY",co="blurRadius",cp="r",cq=0,cr="g",cs="b",ct="a",cu=0.349019607843137,cv="innerShadow",cw="textShadow",cx=0.647058823529412,cy="characterSpacing",cz="letterCase",cA="none",cB="strikethrough",cC="imageFilter",cD="viewOverride",cE="19e82109f102476f933582835c373474",cF="customStyles",cG="box_1",cH="4b7bfc596114427989e10bb0b557d0ce",cI="box_2",cJ="47641f9a00ac465095d6b672bbdffef6",cK=0xFFF2F2F2,cL="ellipse",cM="eff044fe6497434a8c5f89f769ddde3b",cN="75a91ee5b9d042cfa01b8d565fe289c0",cO="_一级标题",cP="1111111151944dfba49f67fd55eb1f88",cQ="32px",cR="bold",cS=0xFFFFFF,cT="left",cU="top",cV="_二级标题",cW="b3a15c9ddde04520be40f94c8168891e",cX="24px",cY="_三级标题",cZ="8c7a4c5ad69a4369a5f7788171ac0b32",da="18px",db="_四级标题",dc="e995c891077945c89c0b5fe110d15a0b",dd="14px",de="_五级标题",df="386b19ef4be143bd9b6c392ded969f89",dg="_六级标题",dh="fc3b9a13b5574fa098ef0a1db9aac861",di="10px",dj="label",dk="2285372321d148ec80932747449c36c9",dl="_文本段落",dm="4988d43d80b44008a4a415096f1632af",dn="_表单提示",dp="4889d666e8ad4c5e81e59863039a5cc0",dq=0xFF999999,dr="_表单禁用",ds="9bd0236217a94d89b0314c8c7fc75f16",dt=0xFFF0F0F0,du="line",dv="619b2148ccc1497285562264d51992f9",dw="arrow",dx="d148f2c5268542409e72dde43e40043e",dy="text_field",dz="44157808f2934100b68f2394a66b2bba",dA=0xFF000000,dB="text_area",dC="42ee17691d13435b8256d8d0a814778f",dD="droplist",dE="85f724022aae41c594175ddac9c289eb",dF="checkbox",dG="bccdabddb5454e438d4613702b55674b",dH="radio_button",dI="4eb5516f311c4bdfa0cb11d7ea75084e",dJ="table_cell",dK="33ea2511485c479dbf973af3302f2352",dL="form_hint",dM="3c35f7f584574732b5edbd0cff195f77",dN="form_disabled",dO="2829faada5f8449da03773b96e566862",dP="_流程形状",dQ="df01900e3c4e43f284bafec04b0864c4",dR="linearGradient",dS="startPoint",dT=0.5,dU="endPoint",dV="stops",dW="offset",dX=0xFFE4E4E4,dY="icon",dZ="26c731cb771b44a88eb8b6e97e78c80e",ea="_连接",eb="f266e37dadc944469e9e906ba45c0c0e",ec=0xFF0099CC,ed="duplicateStyles"; |
|||
return _creator(); |
|||
})()); |
|||
@ -0,0 +1,109 @@ |
|||
.ax_default { |
|||
font-family:'Arial Normal', 'Arial', sans-serif; |
|||
font-weight:400; |
|||
font-style:normal; |
|||
font-size:13px; |
|||
letter-spacing:normal; |
|||
color:#333333; |
|||
vertical-align:none; |
|||
text-align:center; |
|||
line-height:normal; |
|||
text-transform:none; |
|||
} |
|||
.box_1 { |
|||
} |
|||
.box_2 { |
|||
} |
|||
.ellipse { |
|||
} |
|||
.image { |
|||
} |
|||
._一级标题 { |
|||
font-family:'Arial Normal', 'Arial', sans-serif; |
|||
font-weight:bold; |
|||
font-style:normal; |
|||
font-size:32px; |
|||
text-align:left; |
|||
} |
|||
._二级标题 { |
|||
font-family:'Arial Normal', 'Arial', sans-serif; |
|||
font-weight:bold; |
|||
font-style:normal; |
|||
font-size:24px; |
|||
text-align:left; |
|||
} |
|||
._三级标题 { |
|||
font-family:'Arial Normal', 'Arial', sans-serif; |
|||
font-weight:bold; |
|||
font-style:normal; |
|||
font-size:18px; |
|||
text-align:left; |
|||
} |
|||
._四级标题 { |
|||
font-family:'Arial Normal', 'Arial', sans-serif; |
|||
font-weight:bold; |
|||
font-style:normal; |
|||
font-size:14px; |
|||
text-align:left; |
|||
} |
|||
._五级标题 { |
|||
font-family:'Arial Normal', 'Arial', sans-serif; |
|||
font-weight:bold; |
|||
font-style:normal; |
|||
text-align:left; |
|||
} |
|||
._六级标题 { |
|||
font-family:'Arial Normal', 'Arial', sans-serif; |
|||
font-weight:bold; |
|||
font-style:normal; |
|||
font-size:10px; |
|||
text-align:left; |
|||
} |
|||
.label { |
|||
font-size:14px; |
|||
text-align:left; |
|||
} |
|||
._文本段落 { |
|||
text-align:left; |
|||
} |
|||
._表单提示 { |
|||
color:#999999; |
|||
} |
|||
._表单禁用 { |
|||
} |
|||
.line { |
|||
} |
|||
.arrow { |
|||
} |
|||
.text_field { |
|||
color:#000000; |
|||
text-align:left; |
|||
} |
|||
.text_area { |
|||
color:#000000; |
|||
text-align:left; |
|||
} |
|||
.droplist { |
|||
color:#000000; |
|||
text-align:left; |
|||
} |
|||
.checkbox { |
|||
text-align:left; |
|||
} |
|||
.radio_button { |
|||
text-align:left; |
|||
} |
|||
.table_cell { |
|||
} |
|||
.form_hint { |
|||
color:#999999; |
|||
} |
|||
.form_disabled { |
|||
} |
|||
._流程形状 { |
|||
} |
|||
.icon { |
|||
} |
|||
._连接 { |
|||
} |
|||
textarea, select, input, button { outline: none; } |
|||
7
files/充值/data.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
3118
files/充值/styles.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
files/升级/data.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
3118
files/升级/styles.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
files/发货/data.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
4674
files/发货/styles.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
files/审批/data.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
16064
files/审批/styles.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
files/注册/data.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
3118
files/注册/styles.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
7
files/退货/data.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
3338
files/退货/styles.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
Binary file not shown.
|
After Width: 80 | Height: 79 | Size: 2.5 KiB |
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px" height="25px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -64 -253 )"> |
|||
<path d="M 20.60546875 10.595703125 C 20.80078125 10.400390625 20.8984375 10.15625 20.8984375 9.86328125 C 20.8984375 9.55946180555556 20.80078125 9.30989583333333 20.60546875 9.11458333333333 L 19.1243489583333 7.64973958333333 C 18.9181857638889 7.44357638888889 18.6740451388889 7.34049479166667 18.3919270833333 7.34049479166667 C 18.1098090277778 7.34049479166667 17.8656684027778 7.44357638888889 17.6595052083333 7.64973958333333 L 11.0188802083333 14.2740885416667 L 7.34049479166667 10.595703125 C 7.13433159722222 10.3895399305556 6.89019097222222 10.2864583333333 6.60807291666667 10.2864583333333 C 6.32595486111111 10.2864583333333 6.08181423611111 10.3895399305556 5.87565104166667 10.595703125 L 4.39453125 12.060546875 C 4.19921875 12.255859375 4.1015625 12.5054253472222 4.1015625 12.8092447916667 C 4.1015625 13.1022135416667 4.19921875 13.3463541666667 4.39453125 13.5416666666667 L 10.2864583333333 19.43359375 C 10.4926215277778 19.6397569444444 10.7367621527778 19.7428385416667 11.0188802083333 19.7428385416667 C 11.3118489583333 19.7428385416667 11.5614149305556 19.6397569444444 11.767578125 19.43359375 L 20.60546875 10.595703125 Z M 23.3235677083333 6.2255859375 C 24.4411892361111 8.14073350694444 25 10.2322048611111 25 12.5 C 25 14.7677951388889 24.4411892361111 16.8592664930556 23.3235677083333 18.7744140625 C 22.2059461805556 20.6895616319444 20.6895616319444 22.2059461805556 18.7744140625 23.3235677083333 C 16.8592664930556 24.4411892361111 14.7677951388889 25 12.5 25 C 10.2322048611111 25 8.14073350694444 24.4411892361111 6.2255859375 23.3235677083333 C 4.31043836805556 22.2059461805556 2.79405381944444 20.6895616319444 1.67643229166667 18.7744140625 C 0.558810763888889 16.8592664930556 0 14.7677951388889 0 12.5 C 0 10.2322048611111 0.558810763888889 8.14073350694444 1.67643229166667 6.2255859375 C 2.79405381944444 4.31043836805556 4.31043836805556 2.79405381944444 6.2255859375 1.67643229166667 C 8.14073350694444 0.558810763888887 10.2322048611111 0 12.5 0 C 14.7677951388889 0 16.8592664930556 0.558810763888887 18.7744140625 1.67643229166667 C 20.6895616319444 2.79405381944444 22.2059461805556 4.31043836805556 23.3235677083333 6.2255859375 Z " fill-rule="nonzero" fill="#008080" stroke="none" transform="matrix(1 0 0 1 64 253 )" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="128px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -74 -276 )"> |
|||
<path d="M 76 277 L 76 402 " stroke-width="2" stroke="#797979" fill="none" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px" height="25px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -64 -348 )"> |
|||
<path d="M 76.5 348 C 83.5 348 89 353.5 89 360.5 C 89 367.5 83.5 373 76.5 373 C 69.5 373 64 367.5 64 360.5 C 64 353.5 69.5 348 76.5 348 Z " fill-rule="nonzero" fill="#7f7f7f" stroke="none" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="15px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -69 -353 )"> |
|||
<path d="M 76.5 353 C 80.7 353 84 356.3 84 360.5 C 84 364.7 80.7 368 76.5 368 C 72.3 368 69 364.7 69 360.5 C 69 356.3 72.3 353 76.5 353 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="93px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -84 -319 )"> |
|||
<path d="M 86 320 L 86 410 " stroke-width="2" stroke="#797979" fill="none" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px" height="25px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -74 -344 )"> |
|||
<path d="M 20.60546875 10.595703125 C 20.80078125 10.400390625 20.8984375 10.15625 20.8984375 9.86328125 C 20.8984375 9.55946180555556 20.80078125 9.30989583333333 20.60546875 9.11458333333333 L 19.1243489583333 7.64973958333333 C 18.9181857638889 7.44357638888889 18.6740451388889 7.34049479166667 18.3919270833333 7.34049479166667 C 18.1098090277778 7.34049479166667 17.8656684027778 7.44357638888889 17.6595052083333 7.64973958333333 L 11.0188802083333 14.2740885416667 L 7.34049479166667 10.595703125 C 7.13433159722222 10.3895399305556 6.89019097222222 10.2864583333333 6.60807291666667 10.2864583333333 C 6.32595486111111 10.2864583333333 6.08181423611111 10.3895399305556 5.87565104166667 10.595703125 L 4.39453125 12.060546875 C 4.19921875 12.255859375 4.1015625 12.5054253472222 4.1015625 12.8092447916667 C 4.1015625 13.1022135416667 4.19921875 13.3463541666667 4.39453125 13.5416666666667 L 10.2864583333333 19.43359375 C 10.4926215277778 19.6397569444444 10.7367621527778 19.7428385416667 11.0188802083333 19.7428385416667 C 11.3118489583333 19.7428385416667 11.5614149305556 19.6397569444444 11.767578125 19.43359375 L 20.60546875 10.595703125 Z M 23.3235677083333 6.2255859375 C 24.4411892361111 8.14073350694444 25 10.2322048611111 25 12.5 C 25 14.7677951388889 24.4411892361111 16.8592664930556 23.3235677083333 18.7744140625 C 22.2059461805556 20.6895616319444 20.6895616319444 22.2059461805556 18.7744140625 23.3235677083333 C 16.8592664930556 24.4411892361111 14.7677951388889 25 12.5 25 C 10.2322048611111 25 8.14073350694444 24.4411892361111 6.2255859375 23.3235677083333 C 4.31043836805556 22.2059461805556 2.79405381944444 20.6895616319444 1.67643229166667 18.7744140625 C 0.558810763888889 16.8592664930556 0 14.7677951388889 0 12.5 C 0 10.2322048611111 0.558810763888889 8.14073350694444 1.67643229166667 6.2255859375 C 2.79405381944444 4.31043836805556 4.31043836805556 2.79405381944444 6.2255859375 1.67643229166667 C 8.14073350694444 0.558810763888887 10.2322048611111 0 12.5 0 C 14.7677951388889 0 16.8592664930556 0.558810763888887 18.7744140625 1.67643229166667 C 20.6895616319444 2.79405381944444 22.2059461805556 4.31043836805556 23.3235677083333 6.2255859375 Z " fill-rule="nonzero" fill="#aaaaaa" stroke="none" transform="matrix(1 0 0 1 74 344 )" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="115px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -74 -356 )"> |
|||
<path d="M 76 357 L 76 469 " stroke-width="2" stroke="#797979" fill="none" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="136px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -74 -276 )"> |
|||
<path d="M 76 277 L 76 410 " stroke-width="2" stroke="#797979" fill="none" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="154px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -84 -319 )"> |
|||
<path d="M 86 320 L 86 471 " stroke-width="2" stroke="#797979" fill="none" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="5px" height="43px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -84 -320 )"> |
|||
<path d="M 86 321 L 86 361 " stroke-width="2" stroke="#797979" fill="none" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px" height="25px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -64 -456 )"> |
|||
<path d="M 20.60546875 10.595703125 C 20.80078125 10.400390625 20.8984375 10.15625 20.8984375 9.86328125 C 20.8984375 9.55946180555556 20.80078125 9.30989583333333 20.60546875 9.11458333333333 L 19.1243489583333 7.64973958333333 C 18.9181857638889 7.44357638888889 18.6740451388889 7.34049479166667 18.3919270833333 7.34049479166667 C 18.1098090277778 7.34049479166667 17.8656684027778 7.44357638888889 17.6595052083333 7.64973958333333 L 11.0188802083333 14.2740885416667 L 7.34049479166667 10.595703125 C 7.13433159722222 10.3895399305556 6.89019097222222 10.2864583333333 6.60807291666667 10.2864583333333 C 6.32595486111111 10.2864583333333 6.08181423611111 10.3895399305556 5.87565104166667 10.595703125 L 4.39453125 12.060546875 C 4.19921875 12.255859375 4.1015625 12.5054253472222 4.1015625 12.8092447916667 C 4.1015625 13.1022135416667 4.19921875 13.3463541666667 4.39453125 13.5416666666667 L 10.2864583333333 19.43359375 C 10.4926215277778 19.6397569444444 10.7367621527778 19.7428385416667 11.0188802083333 19.7428385416667 C 11.3118489583333 19.7428385416667 11.5614149305556 19.6397569444444 11.767578125 19.43359375 L 20.60546875 10.595703125 Z M 23.3235677083333 6.2255859375 C 24.4411892361111 8.14073350694444 25 10.2322048611111 25 12.5 C 25 14.7677951388889 24.4411892361111 16.8592664930556 23.3235677083333 18.7744140625 C 22.2059461805556 20.6895616319444 20.6895616319444 22.2059461805556 18.7744140625 23.3235677083333 C 16.8592664930556 24.4411892361111 14.7677951388889 25 12.5 25 C 10.2322048611111 25 8.14073350694444 24.4411892361111 6.2255859375 23.3235677083333 C 4.31043836805556 22.2059461805556 2.79405381944444 20.6895616319444 1.67643229166667 18.7744140625 C 0.558810763888889 16.8592664930556 0 14.7677951388889 0 12.5 C 0 10.2322048611111 0.558810763888889 8.14073350694444 1.67643229166667 6.2255859375 C 2.79405381944444 4.31043836805556 4.31043836805556 2.79405381944444 6.2255859375 1.67643229166667 C 8.14073350694444 0.558810763888887 10.2322048611111 0 12.5 0 C 14.7677951388889 0 16.8592664930556 0.558810763888887 18.7744140625 1.67643229166667 C 20.6895616319444 2.79405381944444 22.2059461805556 4.31043836805556 23.3235677083333 6.2255859375 Z " fill-rule="nonzero" fill="#b8741a" stroke="none" transform="matrix(1 0 0 1 64 456 )" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,7 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="28px" height="28px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -32 -99 )"> |
|||
<path d="M 46 99 C 53.84 99 60 105.16 60 113 C 60 120.84 53.84 127 46 127 C 38.16 127 32 120.84 32 113 C 32 105.16 38.16 99 46 99 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" /> |
|||
<path d="M 46 99.5 C 53.56 99.5 59.5 105.44 59.5 113 C 59.5 120.56 53.56 126.5 46 126.5 C 38.44 126.5 32.5 120.56 32.5 113 C 32.5 105.44 38.44 99.5 46 99.5 Z " stroke-width="1" stroke="#797979" fill="none" /> |
|||
</g> |
|||
</svg> |
|||
Binary file not shown.
|
After Width: 81 | Height: 81 | Size: 2.5 KiB |
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="15px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -313 -50 )"> |
|||
<path d="M 9.19921875 9.19921875 C 9.98948317307692 8.40895432692308 10.3846153846154 7.45793269230769 10.3846153846154 6.34615384615385 C 10.3846153846154 5.234375 9.98948317307692 4.28335336538462 9.19921875 3.49308894230769 C 8.40895432692308 2.70282451923077 7.45793269230769 2.30769230769231 6.34615384615385 2.30769230769231 C 5.234375 2.30769230769231 4.28335336538462 2.70282451923077 3.49308894230769 3.49308894230769 C 2.70282451923077 4.28335336538462 2.30769230769231 5.234375 2.30769230769231 6.34615384615385 C 2.30769230769231 7.45793269230769 2.70282451923077 8.40895432692308 3.49308894230769 9.19921875 C 4.28335336538462 9.98948317307692 5.234375 10.3846153846154 6.34615384615385 10.3846153846154 C 7.45793269230769 10.3846153846154 8.40895432692308 9.98948317307692 9.19921875 9.19921875 Z M 14.6664663461538 13.0348557692308 C 14.8888221153846 13.2572115384615 15 13.5276442307692 15 13.8461538461538 C 15 14.1586538461538 14.8858173076923 14.4290865384615 14.6574519230769 14.6574519230769 C 14.4290865384615 14.8858173076923 14.1586538461538 15 13.8461538461538 15 C 13.5216346153846 15 13.2512019230769 14.8858173076923 13.0348557692308 14.6574519230769 L 9.94290865384615 11.5745192307692 C 8.8671875 12.3197115384615 7.66826923076923 12.6923076923077 6.34615384615385 12.6923076923077 C 5.48677884615385 12.6923076923077 4.66496394230769 12.5255408653846 3.88070913461538 12.1920072115385 C 3.09645432692308 11.8584735576923 2.42037259615385 11.4077524038462 1.85246394230769 10.83984375 C 1.28455528846154 10.2719350961538 0.833834134615385 9.59585336538462 0.500300480769231 8.81159855769231 C 0.166766826923077 8.02734375 0 7.20552884615384 0 6.34615384615385 C 0 5.48677884615384 0.166766826923077 4.66496394230769 0.500300480769231 3.88070913461538 C 0.833834134615385 3.09645432692308 1.28455528846154 2.42037259615385 1.85246394230769 1.85246394230769 C 2.42037259615385 1.28455528846154 3.09645432692308 0.833834134615384 3.88070913461538 0.500300480769231 C 4.66496394230769 0.166766826923077 5.48677884615385 0 6.34615384615385 0 C 7.20552884615385 0 8.02734375 0.166766826923077 8.81159855769231 0.500300480769231 C 9.59585336538462 0.833834134615384 10.2719350961538 1.28455528846154 10.83984375 1.85246394230769 C 11.4077524038462 2.42037259615385 11.8584735576923 3.09645432692308 12.1920072115385 3.88070913461538 C 12.5255408653846 4.66496394230769 12.6923076923077 5.48677884615384 12.6923076923077 6.34615384615385 C 12.6923076923077 7.66826923076923 12.3197115384615 8.8671875 11.5745192307692 9.94290865384615 L 14.6664663461538 13.0348557692308 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 313 50 )" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="7px" height="7px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -60 -60 )"> |
|||
<path d="M 6.53059895833333 1.7431640625 C 6.84353298611111 2.27940538194444 7 2.86501736111111 7 3.5 C 7 4.13498263888889 6.84353298611111 4.72059461805555 6.53059895833333 5.2568359375 C 6.21766493055556 5.79307725694444 5.79307725694444 6.21766493055556 5.2568359375 6.53059895833333 C 4.72059461805556 6.84353298611111 4.13498263888889 7 3.5 7 C 2.86501736111111 7 2.27940538194444 6.84353298611111 1.7431640625 6.53059895833333 C 1.20692274305556 6.21766493055556 0.782335069444445 5.79307725694444 0.469401041666667 5.2568359375 C 0.156467013888889 4.72059461805555 0 4.13498263888889 0 3.5 C 0 2.86501736111111 0.156467013888889 2.27940538194444 0.469401041666667 1.7431640625 C 0.782335069444445 1.20692274305556 1.20692274305556 0.782335069444444 1.7431640625 0.469401041666666 C 2.27940538194444 0.156467013888888 2.86501736111111 0 3.5 0 C 4.13498263888889 0 4.72059461805556 0.156467013888888 5.2568359375 0.469401041666666 C 5.79307725694444 0.782335069444444 6.21766493055556 1.20692274305556 6.53059895833333 1.7431640625 Z " fill-rule="nonzero" fill="#d9001b" stroke="none" transform="matrix(1 0 0 1 60 60 )" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="15px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -284 -290 )"> |
|||
<path d="M 14.6464646464646 11.2121212121212 C 14.8821548821549 11.4478114478114 15 11.7340067340067 15 12.0707070707071 C 15 12.4074074074074 14.8821548821549 12.6936026936027 14.6464646464646 12.9292929292929 L 12.9292929292929 14.6464646464646 C 12.6936026936027 14.8821548821549 12.4074074074074 15 12.0707070707071 15 C 11.7340067340067 15 11.4478114478114 14.8821548821549 11.2121212121212 14.6464646464646 L 7.5 10.9343434343434 L 3.78787878787879 14.6464646464646 C 3.55218855218855 14.8821548821549 3.26599326599327 15 2.92929292929293 15 C 2.59259259259259 15 2.30639730639731 14.8821548821549 2.07070707070707 14.6464646464646 L 0.353535353535354 12.9292929292929 C 0.117845117845118 12.6936026936027 0 12.4074074074074 0 12.0707070707071 C 0 11.7340067340067 0.117845117845118 11.4478114478114 0.353535353535354 11.2121212121212 L 4.06565656565657 7.5 L 0.353535353535354 3.78787878787879 C 0.117845117845118 3.55218855218855 0 3.26599326599327 0 2.92929292929293 C 0 2.59259259259259 0.117845117845118 2.3063973063973 0.353535353535354 2.07070707070707 L 2.07070707070707 0.353535353535354 C 2.30639730639731 0.117845117845117 2.59259259259259 0 2.92929292929293 0 C 3.26599326599327 0 3.55218855218855 0.117845117845117 3.78787878787879 0.353535353535354 L 7.5 4.06565656565657 L 11.2121212121212 0.353535353535354 C 11.4478114478114 0.117845117845117 11.7340067340067 0 12.0707070707071 0 C 12.4074074074074 0 12.6936026936027 0.117845117845117 12.9292929292929 0.353535353535354 L 14.6464646464646 2.07070707070707 C 14.8821548821549 2.3063973063973 15 2.59259259259259 15 2.92929292929293 C 15 3.26599326599327 14.8821548821549 3.55218855218855 14.6464646464646 3.78787878787879 L 10.9343434343434 7.5 L 14.6464646464646 11.2121212121212 Z " fill-rule="nonzero" fill="#7f7f7f" stroke="none" transform="matrix(1 0 0 1 284 290 )" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,151 @@ |
|||
<!DOCTYPE html> |
|||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|||
<head> |
|||
<title>Untitled Document</title> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" /> |
|||
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|||
<link type="text/css" href="resources/css/reset.css" rel="Stylesheet" /> |
|||
<link type="text/css" href="resources/css/default.css" rel="Stylesheet" /> |
|||
<link rel="shortcut icon" href="resources/images/favicon_play.ico" /> |
|||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet'> |
|||
|
|||
<script type="text/javascript"> |
|||
if (location.href.toString().indexOf('file://localhost/') == 0) { |
|||
location.href = location.href.toString().replace('file://localhost/', 'file:///'); |
|||
} |
|||
</script> |
|||
|
|||
<!--<link type="text/css" rel="Stylesheet" href="plugins/sitemap/styles/sitemap.css" /> |
|||
<link type="text/css" rel="Stylesheet" href="plugins/page_notes/styles/page_notes.css" /> |
|||
<link type="text/css" rel="Stylesheet" href="plugins/debug/styles/debug.css" /> |
|||
<link type="text/css" rel="Stylesheet" href="plugins/handoff/styles/handoff.css" /> |
|||
<link type="text/css" rel="Stylesheet" href="plugins/handoff/styles/codemirror.css" />--> |
|||
</head> |
|||
<body scroll="no" class="hashover" style="overflow: hidden;"> |
|||
<div id="topPanel"> |
|||
<div id="interfaceControlFrame"> |
|||
<div id="interfaceControlFrameLeft"> |
|||
<div id="interfaceControlFrameMinimizeContainer"> |
|||
<a title="Collapse" id="interfaceControlFrameMinimizeButton"> |
|||
<div id="minimizeArrow" class="minimizeButtonHover minimizeIcon"></div> |
|||
<div id="minimizeX" class="minimizeButton minimizeIcon"></div> |
|||
</a> |
|||
</div> |
|||
<div id="interfaceControlFrameCloseContainer"> |
|||
<a title="Close" id="interfaceControlFrameCloseButton">CLOSE</a> |
|||
</div> |
|||
|
|||
<div id="sitemapControlFrameContainer" title="Project Pages"> |
|||
<div id="projectControlFrameHeaderContainer"> |
|||
<ul id="projectControlFrameHeader"></ul> |
|||
</div> |
|||
|
|||
<div id="interfacePageNameContainer"> |
|||
<div id="interfacePageNameButton" class='pageNameHeader'> |
|||
|
|||
</div> |
|||
<div id="interfacePageCount" class='pageCountHeader'> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div id="interfaceAdaptiveViewsContainer" title="Adaptive Views"> |
|||
<div id="interfaceAdaptiveViewsIconButton"> </div> |
|||
<div id="interfaceAdaptiveViewsButton" class='adaptiveViewHeader'> |
|||
|
|||
</div> |
|||
<div id="adaptiveViewsDropdown" class="caret"></div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="interfaceControlFrameContainer"> |
|||
<div id="handoffControlFrameHeaderContainer"> |
|||
<ul id="handoffControlFrameHeader"></ul> |
|||
</div> |
|||
<div id="interfaceControlFrameLogoContainer"> |
|||
<div id="previewNotice"> |
|||
Local Preview |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="interfaceControlFrameRight"> |
|||
<div id="publishContainer"> |
|||
<a id="publishButton">Share Prototype</a> |
|||
</div> |
|||
|
|||
<div id="inspectControlFrameHeaderContainer"> |
|||
<ul id="inspectControlFrameHeader"> |
|||
<li id="overflowBtn"> |
|||
<a id="overflowMenuButton" title="View Options"></a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
|
|||
<div id="separatorContainer"> |
|||
<div class="separator"></div> |
|||
</div> |
|||
|
|||
<div id="overflowMadeWith"><a href="https://www.axure.com" id="axureLogo" target="_blank"></a></div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div id="popupContainer"> |
|||
<div id='interfaceAdaptiveViewsListContainer'> |
|||
</div> |
|||
|
|||
<div id='interfaceScaleListContainer'> |
|||
</div> |
|||
|
|||
<div id='accountLoginContainer'> |
|||
</div> |
|||
|
|||
<div id='overflowMenuContainer'> |
|||
</div> |
|||
</div> |
|||
<div id="outerContainer"> |
|||
<div id="clippingBounds"> |
|||
<div id="clippingBoundsScrollContainer"></div> |
|||
</div> |
|||
|
|||
<div id="mHideSidebar"></div> |
|||
<div id="lsplitbar" class="splitbar"></div> |
|||
|
|||
<div id="mainPanel"> |
|||
<div id="mainPanelContainer" style="position: relative; width:100%; height: 100%;"> |
|||
<div id="clipFrameScroll" style="position: relative; width:100%; height: 100%; background-color: #ffffff;"> |
|||
<iframe id="mainFrame" name="mainFrame" width="100%" height="100%" src="about:blank" frameborder="0" style="display: block;position:absolute;" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="rsplitbar" class="splitbar"></div> |
|||
|
|||
</div> |
|||
|
|||
<div id="maximizePanelContainer" class="maximizePanelContainer"> |
|||
<div id="maximizePanelOver"> |
|||
<div id="maximizePanel" title="Expand" class="maximizePanelOver"> |
|||
<div id="maximizeButton" class="maximizeButton maximizeIcon"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="mobileControlFrameContainer"></div> |
|||
|
|||
<!-- 9.0.0.3699 --> |
|||
<script src="resources/scripts/jquery-3.2.1.min.js"></script> |
|||
<script src="resources/scripts/axure/jquery.nicescroll.min.js"></script> |
|||
<script src="resources/scripts/axutils.js"></script> |
|||
<script src="resources/scripts/messagecenter.js"></script> |
|||
<script src="resources/scripts/player/axplayer.js"></script> |
|||
<script src="resources/scripts/player/init.js"></script> |
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,171 @@ |
|||
// use this to isolate the scope
|
|||
(function () { |
|||
|
|||
if(!$axure.document.configuration.showConsole) { return; } |
|||
|
|||
$(document).ready(function () { |
|||
$axure.player.createPluginHost({ |
|||
id: 'debugHost', |
|||
context: 'inspect', |
|||
title: 'Console', |
|||
gid: 3 |
|||
}); |
|||
|
|||
generateDebug(); |
|||
|
|||
$('#variablesClearLink').click(clearvars_click); |
|||
$('#traceClear').click(cleartrace_click); |
|||
$('#traceToggle').click(stoptrace_click); |
|||
$('#traceStart').click(starttrace_click); |
|||
$('#traceClear').hide(); |
|||
$('#traceToggle').hide(); |
|||
|
|||
$('#closeConsole').click(close); |
|||
|
|||
var currentStack= []; |
|||
var finishedStack = []; |
|||
|
|||
$axure.messageCenter.addMessageListener(function (message, data) { |
|||
if(message == 'axCompositeEventMessage') { |
|||
for(var i = 0; i < data.length; i++) { |
|||
processMessages(data[i].message, data[i].data); |
|||
} |
|||
} else processMessages(message, data); |
|||
}); |
|||
|
|||
var processMessages = function(message, data) { |
|||
if(message == 'globalVariableValues') { |
|||
$('#variablesDiv').empty(); |
|||
for(var key in data) { |
|||
var value = data[key] == '' ? '(blank)' : data[key]; |
|||
$('#variablesDiv').append('<div class="variableList"><div class="variableName">' + key + '</div><div class="variableValue">' + value + '</div></div>'); |
|||
} |
|||
} else if(message == 'axEvent') { |
|||
var addToStack = "<div class='axEventBlock'>"; |
|||
addToStack += "<div class='axEventContainer'>"; |
|||
addToStack += " <div class='axTime'>" + new Date().toLocaleTimeString() + "</div>"; |
|||
addToStack += " <div class='axEvent'>" + data.event.description + ": </div>"; |
|||
addToStack += " <div class='axLabel'>" + data.label + " (" + data.type + ")</div>"; |
|||
addToStack += "</div>"; |
|||
|
|||
currentStack.push(addToStack); |
|||
} else if (message == 'axEventComplete') { |
|||
currentStack[currentStack.length - 1] += "</div>"; |
|||
finishedStack.push(currentStack.pop()); |
|||
if(currentStack.length == 0) { |
|||
$('#traceEmptyState').hide(); |
|||
$('#traceClear').show(); |
|||
$('#traceToggle').show(); |
|||
|
|||
for(var i = finishedStack.length - 1; i >= 0; i--) { |
|||
if($('#traceDiv').children().length > 99) $('#traceDiv').children().last().remove(); |
|||
$('#traceDiv').prepend(finishedStack[i]); |
|||
} |
|||
finishedStack = []; |
|||
} |
|||
} else if (message == 'axCase') { |
|||
//var addToStack = "<div class='axCaseContainer' style='background-color: #" + data.color + "'>";
|
|||
var addToStack = "<div class='axCaseContainer'>"; |
|||
addToStack += " <div class='axCaseItem'>" + data.item + "</div>"; |
|||
if (data.description) { addToStack += " <div class='axCaseDescription' title='" + data.description + "'>" + data.description + "</div>" }; |
|||
addToStack += "</div>"; |
|||
|
|||
currentStack[currentStack.length - 1] += addToStack; |
|||
} else if (message == 'axAction') { |
|||
var addToStack = "<div class='axActionContainer'>"; |
|||
addToStack += " <div class='axActionItem'>" + data.name + "</div>"; |
|||
//addToStack += " <div class='axActionItem'>" + data.item + "</div>";
|
|||
//if (data.description) { addToStack += " <div class='axActionDescription' title='" + data.description + "'>" + data.description + "</div>" };
|
|||
addToStack += "</div>"; |
|||
|
|||
currentStack[currentStack.length - 1] += addToStack; |
|||
} else if (message == 'axInfo') { |
|||
var addToStack = "<div class='axInfoContainer'>"; |
|||
addToStack += " <div class='axInfoItem'>" + data.item + "</div>"; |
|||
if (data.description) { addToStack += " <div class='axInfoDescription' title='" + data.longDescription + "'>" + data.description + "</div>" }; |
|||
addToStack += "</div>"; |
|||
|
|||
currentStack[currentStack.length - 1] += addToStack; |
|||
} |
|||
} |
|||
|
|||
// bind to the page load
|
|||
$axure.page.bind('load.debug', function () { |
|||
var traceStr = $axure.player.getHashStringVar(TRACE_VAR_NAME); |
|||
if (traceStr.length > 0) $axure.messageCenter.setState("isTracing", true); |
|||
else $axure.messageCenter.setState("isTracing", false); |
|||
$axure.messageCenter.postMessage('getGlobalVariables', ''); |
|||
|
|||
return false; |
|||
}); |
|||
|
|||
function clearvars_click(event) { |
|||
$axure.messageCenter.postMessage('resetGlobalVariables', ''); |
|||
} |
|||
|
|||
function close() { |
|||
$axure.player.pluginClose("debugHost"); |
|||
} |
|||
|
|||
function cleartrace_click(event) { |
|||
$('#traceDiv').html(''); |
|||
} |
|||
|
|||
function starttrace_click(event) { |
|||
$axure.messageCenter.setState("isTracing", true); |
|||
//$('#traceDiv').html('');
|
|||
$('#traceEmptyState').hide(); |
|||
$('#traceClear').show(); |
|||
$('#traceToggle').text('Stop Trace'); |
|||
$('#traceToggle').off("click"); |
|||
$('#traceToggle').click(stoptrace_click); |
|||
$('#traceToggle').show(); |
|||
console.log("starting trace"); |
|||
$axure.player.setVarInCurrentUrlHash(TRACE_VAR_NAME, 1); |
|||
} |
|||
|
|||
function stoptrace_click(event) { |
|||
$axure.messageCenter.setState("isTracing", false); |
|||
$('#traceDiv').prepend('<div class="tracePausedNotification">Trace Paused<div>'); |
|||
$('#traceToggle').text('Restart Trace'); |
|||
$('#traceToggle').off("click"); |
|||
$('#traceToggle').click(starttrace_click); |
|||
console.log("stopping trace"); |
|||
$axure.player.deleteVarFromCurrentUrlHash(TRACE_VAR_NAME); |
|||
} |
|||
}); |
|||
|
|||
function generateDebug() { |
|||
var pageNotesUi = "<div id='debugHeader'>"; |
|||
pageNotesUi += "<div id='debugToolbar'>"; |
|||
pageNotesUi += "<div id='consoleTitle' class='pluginNameHeader'>Console</div>"; |
|||
|
|||
pageNotesUi += "</div>"; |
|||
pageNotesUi += "</div>"; |
|||
|
|||
pageNotesUi += "<div id='variablesContainer' style='max-height:300px; overflow-y:auto'>"; |
|||
pageNotesUi += "<div id='variablesTitle' class='sectionTitle'>Variables</div>"; |
|||
pageNotesUi += "<a id='variablesClearLink' class='traceOption'>Reset Variables</a>"; |
|||
pageNotesUi += "<div id='variablesDiv'></div></div>"; |
|||
pageNotesUi += "<div id='traceContainer'>"; |
|||
|
|||
pageNotesUi += "<div id='traceHeader'>"; |
|||
pageNotesUi += "<span class='sectionTitle'>Trace</span><a id='traceClear' class='traceOption'>Clear Trace</a><a id='traceToggle' class='traceOption'>Stop Trace</a>"; |
|||
pageNotesUi += "</div>"; |
|||
pageNotesUi += "</div>"; |
|||
pageNotesUi += "<div id='debugScrollContainer'>"; |
|||
pageNotesUi += "<div id='debugContainer'>"; |
|||
|
|||
|
|||
pageNotesUi += "<div id='traceEmptyState'>"; |
|||
pageNotesUi += "<div class='startInstructions'>Click the button below to start recording interactions as you click through the prototype.</div>"; |
|||
pageNotesUi += "<div id='traceStart' class='startButton'>Start Trace</div>"; |
|||
pageNotesUi += "</div>"; |
|||
pageNotesUi += "<div id='traceDiv'></div></div>"; |
|||
pageNotesUi += "</div></div>"; |
|||
|
|||
$('#debugHost').html(pageNotesUi); |
|||
$('#traceEmptyState').show(); |
|||
} |
|||
|
|||
})(); |
|||
@ -0,0 +1,265 @@ |
|||
#debugHost { |
|||
display: flex; |
|||
flex-direction: column; |
|||
font-size: 13px; |
|||
color: #4a4a4a; |
|||
height: 100%; |
|||
} |
|||
|
|||
#debugHostBtn { |
|||
order: 4; |
|||
} |
|||
|
|||
#debugHostBtn a { |
|||
background: url('images/console_panel_on.svg') no-repeat center center, linear-gradient(transparent, transparent); |
|||
} |
|||
|
|||
#debugHostBtn a.selected, #debugHostBtn a.selected:hover { |
|||
background: url('images/console_panel_off.svg') no-repeat center center, linear-gradient(transparent, transparent); |
|||
} |
|||
|
|||
#debugToolbar { |
|||
margin-left: 8px; |
|||
} |
|||
|
|||
#variablesClearLink { |
|||
display: inline-block; |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
#variablesClearLink:hover { |
|||
color: #0a6cd6; |
|||
} |
|||
|
|||
#traceClearLink { |
|||
display: inline-block; |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
#traceClearLink:hover { |
|||
color: #0a6cd6; |
|||
} |
|||
|
|||
#debugScrollContainer |
|||
{ |
|||
overflow: auto; |
|||
width: 100%; |
|||
-webkit-overflow-scrolling: touch; |
|||
flex: 1; |
|||
} |
|||
|
|||
#debugContainer { |
|||
padding: 10px 0px 10px 0px; |
|||
} |
|||
|
|||
#consoleTitle { |
|||
clear: right; |
|||
margin: 12px 0px; |
|||
} |
|||
|
|||
.variableName |
|||
{ |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.variableDiv |
|||
{ |
|||
margin-bottom: 20px; |
|||
line-height: 16px; |
|||
|
|||
} |
|||
|
|||
#variablesDiv |
|||
{ |
|||
clear: right; |
|||
} |
|||
|
|||
#variablesContainer { |
|||
border-bottom: solid 1px #e7e7e7; |
|||
padding: 0px 10px 12px 10px; |
|||
} |
|||
|
|||
#traceContainer { |
|||
margin-bottom: 5px; |
|||
padding: 15px 10px 0px 10px; |
|||
} |
|||
|
|||
#variablesTitle { |
|||
margin-bottom: 9px; |
|||
} |
|||
|
|||
.sectionTitle { |
|||
font-size: 11px; |
|||
color: #2c2c2c; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.debugToolbarButton |
|||
{ |
|||
font-size: 1em; |
|||
color: #069; |
|||
} |
|||
|
|||
.axEventBlock { |
|||
display: inline-block; |
|||
width: 100%; |
|||
margin: 5px 0px 5px 0px; |
|||
line-height: 21px; |
|||
border-bottom: solid 5px #e7e7e7; |
|||
} |
|||
|
|||
.axEventContainer { |
|||
background-color: #e7e7e7; |
|||
padding: 0px 10px 0px 10px; |
|||
} |
|||
|
|||
.axTime { |
|||
margin: 0px 0px 0px 5px; |
|||
font-size: 10px; |
|||
color: #575757; |
|||
display: inline-block; |
|||
float: right; |
|||
} |
|||
|
|||
.axLabel { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.axEvent { |
|||
margin: 0px 0px 2px 0px; |
|||
font-size: 15px; |
|||
font-weight: bold; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.axCaseContainer, .axActionContainer, .axInfoContainer { |
|||
justify-content: space-between; |
|||
padding: 0px 10px 0px 10px; |
|||
} |
|||
.axCaseContainer { |
|||
border-top: solid 2px #e7e7e7; |
|||
/*background-color: #47b6b5;*/ |
|||
background-color: #e7e7e7; |
|||
/*color: #ffffff;*/ |
|||
} |
|||
.axActionContainer { |
|||
border-top: solid 3px #e7e7e7; |
|||
} |
|||
.axInfoContainer { |
|||
border-top: solid 1px #e7e7e7; |
|||
} |
|||
|
|||
.axCaseItem, .axActionItem, .axInfoItem { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.axCaseItem { |
|||
font-size: 15px; |
|||
font-weight: bold; |
|||
} |
|||
.axActionItem { |
|||
font-weight: bold; |
|||
} |
|||
.axInfoItem { |
|||
color: #8c8c8c; |
|||
} |
|||
|
|||
.axCaseDescription { |
|||
flex: 5 0 33%; |
|||
margin-left: 10px; |
|||
text-align: right; |
|||
} |
|||
/*.axActionDescription, .axInfoDescription { |
|||
flex: 5 0 33%; |
|||
margin-left: 10px; |
|||
text-align: right; |
|||
}*/ |
|||
.axCaseDescription, .axActionDescription { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
} |
|||
.axInfoDescription, .axActionDescription { |
|||
color: #8c8c8c; |
|||
font-size: 11px; |
|||
} |
|||
|
|||
.variableName { |
|||
width: 55%; |
|||
line-height: 0.92; |
|||
text-align: left; |
|||
color: #0891b3; |
|||
display: inline-block; |
|||
word-wrap: break-word; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
.variableValue { |
|||
width: 45%; |
|||
line-height: 0.92; |
|||
text-align: right; |
|||
color: #373d48; |
|||
display: inline-block; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
.traceEvent { |
|||
border-bottom: solid 1px #e7e7e7; |
|||
} |
|||
|
|||
.tracePausedNotification { |
|||
height: 25px; |
|||
/*background-color: #e7e7e7;*/ |
|||
border-radius: 5px; |
|||
line-height: 25px; |
|||
margin: 5px 10px; |
|||
text-align: center |
|||
} |
|||
|
|||
#traceEmptyState.emptyStateContainer { |
|||
margin-top: 0px; |
|||
} |
|||
|
|||
.variableList{ |
|||
width: 100%; |
|||
margin-bottom: 4px; |
|||
} |
|||
|
|||
.traceOption { |
|||
margin-left: 11px; |
|||
height: 16px; |
|||
float: right; |
|||
font-size: 12px; |
|||
font-style: italic; |
|||
line-height: 1.45; |
|||
text-align: right; |
|||
color: #8c8c8c; |
|||
text-decoration: underline; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.startInstructions { |
|||
margin: auto; |
|||
width: 179px; |
|||
font-size: 11px; |
|||
text-align: center; |
|||
color: #666666; |
|||
} |
|||
|
|||
.startButton { |
|||
margin: auto; |
|||
margin-top: 10px; |
|||
width: 181px; |
|||
height: 24px; |
|||
border-radius: 2px; |
|||
border: solid 1px #008fe0; |
|||
text-align: center; |
|||
line-height: 24px; |
|||
color: #008fe0; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.debugLinksContainer { |
|||
text-align: right; |
|||
} |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> |
|||
<path fill="#008DCB" fill-rule="evenodd" d="M14 2.5l-2 1V2H2v12h12v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v1.5zm-2.981 3.702c.78-1.06 1.407-1.803 1.882-2.23.475-.428.938-.641 1.389-.641.54 0 .913.184 1.118.553.11.192.164.424.164.698 0 .28-.113.536-.339.769a1.1 1.1 0 0 1-.82.348c-.198 0-.422-.075-.672-.225-.25-.15-.439-.226-.569-.226-.253 0-.494.13-.723.39-.229.26-.623.81-1.184 1.65l.195 1.026c.102.526.188.959.256 1.297.069.338.144.651.226.938.11.397.219.684.328.862.11.177.27.266.482.266.191 0 .424-.14.697-.42.15-.15.38-.427.687-.83l.43.297a8.113 8.113 0 0 1-1.409 1.733c-.578.546-1.143.82-1.697.82-.465 0-.848-.192-1.148-.574-.171-.205-.322-.486-.452-.841a11.32 11.32 0 0 1-.282-.98 24.82 24.82 0 0 0-.23-.866l-.144.246c-.677 1.162-1.172 1.918-1.487 2.266-.471.52-1.018.78-1.64.78-.356 0-.665-.122-.928-.364a1.172 1.172 0 0 1-.395-.898c0-.294.097-.565.292-.815.195-.25.467-.374.815-.374.212 0 .474.075.785.226.31.15.514.225.61.225.212 0 .395-.094.548-.282.154-.188.457-.654.908-1.4l.41-.676c-.068-.287-.142-.64-.22-1.056-.079-.417-.16-.845-.241-1.282l-.164-.872c-.117-.629-.301-1.042-.554-1.24-.144-.117-.38-.175-.708-.175a14.992 14.992 0 0 0-.636.051v-.564c.616-.075 1.29-.17 2.026-.287a52.738 52.738 0 0 0 1.471-.246c.205.274.374.605.508.995.133.39.234.803.302 1.24l.113.688z"/> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> |
|||
<path fill="#6D6D6D" fill-rule="evenodd" d="M14 2.5l-2 1V2H2v12h12v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v1.5zm-2.981 3.702c.78-1.06 1.407-1.803 1.882-2.23.475-.428.938-.641 1.389-.641.54 0 .913.184 1.118.553.11.192.164.424.164.698 0 .28-.113.536-.339.769a1.1 1.1 0 0 1-.82.348c-.198 0-.422-.075-.672-.225-.25-.15-.439-.226-.569-.226-.253 0-.494.13-.723.39-.229.26-.623.81-1.184 1.65l.195 1.026c.102.526.188.959.256 1.297.069.338.144.651.226.938.11.397.219.684.328.862.11.177.27.266.482.266.191 0 .424-.14.697-.42.15-.15.38-.427.687-.83l.43.297a8.113 8.113 0 0 1-1.409 1.733c-.578.546-1.143.82-1.697.82-.465 0-.848-.192-1.148-.574-.171-.205-.322-.486-.452-.841a11.32 11.32 0 0 1-.282-.98 24.82 24.82 0 0 0-.23-.866l-.144.246c-.677 1.162-1.172 1.918-1.487 2.266-.471.52-1.018.78-1.64.78-.356 0-.665-.122-.928-.364a1.172 1.172 0 0 1-.395-.898c0-.294.097-.565.292-.815.195-.25.467-.374.815-.374.212 0 .474.075.785.226.31.15.514.225.61.225.212 0 .395-.094.548-.282.154-.188.457-.654.908-1.4l.41-.676c-.068-.287-.142-.64-.22-1.056-.079-.417-.16-.845-.241-1.282l-.164-.872c-.117-.629-.301-1.042-.554-1.24-.144-.117-.38-.175-.708-.175a14.992 14.992 0 0 0-.636.051v-.564c.616-.075 1.29-.17 2.026-.287a52.738 52.738 0 0 0 1.471-.246c.205.274.374.605.508.995.133.39.234.803.302 1.24l.113.688z"/> |
|||
</svg> |
|||
@ -0,0 +1,474 @@ |
|||
// use this to isolate the scope
|
|||
(function () { |
|||
// No notes shown specified by generation config
|
|||
if (!$axure.document.configuration.showPageNotes && !$axure.document.configuration.showAnnotationsSidebar && !$axure.document.configuration.showAnnotations) { return; } |
|||
|
|||
$(window.document).ready(function () { |
|||
// Load right panel for Page Notes
|
|||
if ($axure.document.configuration.showPageNotes || $axure.document.configuration.showAnnotationsSidebar) { |
|||
$axure.player.createPluginHost({ |
|||
id: 'pageNotesHost', |
|||
context: 'inspect', |
|||
title: 'Documentation', |
|||
gid: 2, |
|||
}); |
|||
} |
|||
|
|||
// Load footnotes on widgets
|
|||
if ($axure.document.configuration.showAnnotations) { |
|||
$('#overflowMenuContainer').prepend('<div id="showNotesOption" class="showOption" style="order: 3"><div class="overflowOptionCheckbox"></div>Show Note Markers</div>'); |
|||
} |
|||
|
|||
createNotesOverlay(); |
|||
generatePageNotes(); |
|||
|
|||
if ($axure.player.isMobileMode()) { |
|||
$('#showNotesOption').hide(); |
|||
} else { |
|||
$('#showNotesOption').click(footnotes_click); |
|||
$('#showNotesOption').find('.overflowOptionCheckbox').addClass('selected'); |
|||
} |
|||
|
|||
function populateNotes(pageForNotes) { |
|||
var hasNotes = false; |
|||
if ($axure.document.configuration.showPageNotes) { |
|||
var pageNoteUi = ''; |
|||
|
|||
function populatePageNotes(pageOrMaster) { |
|||
//populate the page notes
|
|||
var notes = pageOrMaster.notes; |
|||
if (notes && !$.isEmptyObject(notes)) { |
|||
pageNoteUi += "<div class='notesPageNameHeader'>" + pageOrMaster.pageName + "</div>"; |
|||
|
|||
var showNames = $axure.document.configuration.showPageNoteNames; |
|||
for(var noteName in notes) { |
|||
pageNoteUi += "<div class='pageNoteContainer'>"; |
|||
if(showNames) { |
|||
pageNoteUi += "<div class='pageNoteName'>" + noteName + "</div>"; |
|||
} |
|||
pageNoteUi += "<div class='pageNote'>" + linkify(notes[noteName]) + "</div>"; |
|||
pageNoteUi += "</div>"; |
|||
//$('#pageNotesContent').append(pageNoteUi);
|
|||
|
|||
hasNotes = true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
populatePageNotes(pageForNotes); |
|||
if (pageForNotes.masterNotes) { |
|||
for (var i = 0; i < pageForNotes.masterNotes.length; i++) { |
|||
populatePageNotes(pageForNotes.masterNotes[i]); |
|||
} |
|||
} |
|||
|
|||
if (pageNoteUi.length > 0) { |
|||
pageNoteUi += "<div class='lineDivider'></div>"; |
|||
var pageNotesHeader = "<div id='pageNotesSectionHeader' class='notesSectionHeader pluginNameHeader'>Page Notes</div>"; |
|||
$('#pageNotesContent').append(pageNotesHeader + pageNoteUi); |
|||
} |
|||
} |
|||
|
|||
if ($axure.document.configuration.showAnnotationsSidebar) { |
|||
var widgetNoteUi = ''; |
|||
//var widgetNotes = pageForNotes.widgetNotes;
|
|||
function populateWidgetNotes(widgetNotes){ |
|||
if (widgetNotes) { |
|||
for (var i = 0; i < widgetNotes.length; i++) { |
|||
var widgetNote = widgetNotes[i]; |
|||
widgetNoteUi += "<div class='widgetNoteContainer' data-id='" + widgetNote["ownerId"] + "'>"; |
|||
widgetNoteUi += "<div class='widgetNoteFootnote'>" + widgetNote["fn"] + "</div>"; |
|||
widgetNoteUi += "<div class='widgetNoteLabel'>" + widgetNote["label"] + "</div>"; |
|||
|
|||
for (var widgetNoteName in widgetNote) { |
|||
if (widgetNoteName != "label" && widgetNoteName != "fn" && widgetNoteName != "ownerId") { |
|||
widgetNoteUi += "<div class='pageNoteName'>" + widgetNoteName + "</div>"; |
|||
widgetNoteUi += "<div class='pageNote'>" + linkify(widgetNote[widgetNoteName]) + "</div>"; |
|||
//widgetNoteUi += "<div class='nondottedDivider'></div>";
|
|||
} |
|||
} |
|||
widgetNoteUi += "</div>"; |
|||
//widgetNoteUi += "<div class='nondottedDivider'></div>";
|
|||
//$('#pageNotesContent').append(widgetNoteUi);
|
|||
hasNotes = true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
populateWidgetNotes(pageForNotes.widgetNotes); |
|||
if (pageForNotes.masterNotes) { |
|||
for (var i = 0; i < pageForNotes.masterNotes.length; i++) { |
|||
populateWidgetNotes(pageForNotes.masterNotes[i].widgetNotes); |
|||
} |
|||
} |
|||
|
|||
if (widgetNoteUi.length > 0) { |
|||
var widgetNotesHeader = "<div id='widgetNotesSectionHeader' class='notesSectionHeader pluginNameHeader'>Widget Notes</div>"; |
|||
$('#pageNotesContent').append(widgetNotesHeader + widgetNoteUi); |
|||
|
|||
//$('.widgetNoteContainer').children(':last-child').remove();
|
|||
//$('.widgetNoteFootnote').append("<div class='annnoteline'></div><div class='annnoteline'></div><div class='annnoteline'></div>");
|
|||
$('.widgetNoteContainer').click(function () { |
|||
var wasSelected = $(this).hasClass('widgetNoteContainerSelected'); |
|||
$('.widgetNoteContainerSelected').removeClass('widgetNoteContainerSelected'); |
|||
if (!wasSelected) $(this).addClass('widgetNoteContainerSelected'); |
|||
|
|||
var dimStr = $('.currentAdaptiveView').attr('data-dim'); |
|||
var h = dimStr ? dimStr.split('x')[1] : '0'; |
|||
var $leftPanel = $('.leftPanel:visible'); |
|||
var leftPanelOffset = (!$axure.player.isMobileMode() && $leftPanel.length > 0) ? $leftPanel.width() : 0; |
|||
var $rightPanel = $('.rightPanel:visible'); |
|||
var rightPanelOffset = (!$axure.player.isMobileMode() && $rightPanel.length > 0) ? $rightPanel.width() : 0; |
|||
var viewDimensions = { |
|||
h: h != '0' ? h : '', |
|||
scaleVal: $('.vpScaleOption').find('.selectedRadioButton').parent().attr('val'), |
|||
height: $('.rightPanel').height(), |
|||
panelWidthOffset: leftPanelOffset + rightPanelOffset |
|||
}; |
|||
$axure.messageCenter.postMessage('toggleSelectWidgetNote', { id: this.getAttribute('data-id'), value: !wasSelected, view: viewDimensions}); |
|||
}); |
|||
} |
|||
|
|||
|
|||
//if (pageForNotes.masterNotes) {
|
|||
// for (var i = 0; i < pageForNotes.masterNotes.length; i++) {
|
|||
// var master = pageForNotes.masterNotes[i];
|
|||
// hasNotes = populateNotes(master) || hasNotes;
|
|||
// }
|
|||
//}
|
|||
} |
|||
|
|||
return hasNotes; |
|||
} |
|||
|
|||
// bind to the page load
|
|||
$axure.page.bind('load.page_notes', function () { |
|||
closeAllDialogs(); |
|||
|
|||
var hasNotes = false; |
|||
|
|||
$('#pageNotesContent').html(""); |
|||
hasNotes = populateNotes($axure.page); |
|||
|
|||
if(hasNotes) $('#pageNotesEmptyState').hide(); |
|||
else $('#pageNotesEmptyState').show(); |
|||
|
|||
//If footnotes enabled for this prototype...
|
|||
if ($axure.player.isMobileMode()) { |
|||
$axure.messageCenter.postMessage('annotationToggle', false); |
|||
} else if($axure.document.configuration.showAnnotations == true) { |
|||
//If the fn var is defined and set to 0, hide footnotes
|
|||
//else if hide-footnotes button selected, hide them
|
|||
var fnVal = $axure.player.getHashStringVar(FOOTNOTES_VAR_NAME); |
|||
if(fnVal.length > 0 && fnVal == 0) { |
|||
$('#showNotesOption').find('.overflowOptionCheckbox').removeClass('selected'); |
|||
$axure.messageCenter.postMessage('annotationToggle', false); |
|||
} else if(!$('#showNotesOption').find('.overflowOptionCheckbox').hasClass('selected')) { |
|||
//If the footnotes button isn't selected, hide them on this loaded page
|
|||
$axure.messageCenter.postMessage('annotationToggle', false); |
|||
} |
|||
} |
|||
|
|||
// Get multiple click call if not removing beforehand
|
|||
$('#notesOverlay').off('click'); |
|||
$('#notesOverlay').on('click', '.closeNotesDialog', function () { |
|||
var ownerId = $(this).attr("data-ownerid"); |
|||
_toggleAnnDialog(ownerId); |
|||
}); |
|||
|
|||
$axure.player.updatePlugins(); |
|||
return false; |
|||
}); |
|||
|
|||
$axure.messageCenter.addMessageListener(function (message, data) { |
|||
//var messageData = { id: elementId, x: event.pageX, y: event.pageY }
|
|||
if (message == 'toggleAnnDialog') { |
|||
_toggleAnnDialog(data.id, data.x, data.y, data.page); |
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
function linkify(text) { |
|||
var urlRegex = /(\b(((https?|ftp|file):\/\/)|(www\.))[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; |
|||
return text.replace(urlRegex, function (url, b, c) { |
|||
var url2 = (c == 'www.') ? 'http://' + url : url; |
|||
return '<a href="' + url2 + '" target="_blank" class="noteLink">' + url + '</a>'; |
|||
}); |
|||
} |
|||
|
|||
function getWidgetNotesHtml(ownerId, page) { |
|||
var pageForNotes = page || $axure.page; |
|||
var widgetNoteUi = ''; |
|||
|
|||
widgetNoteUi += "<div data-ownerid='" + ownerId + "' class='closeNotesDialog'></div>"; |
|||
widgetNoteUi += "<div class='notesDialogScroll'>"; |
|||
|
|||
function getNotesForPage(widgetNotes) { |
|||
for (var i = 0; i < widgetNotes.length; i++) { |
|||
var widgetNote = widgetNotes[i]; |
|||
if (widgetNote["ownerId"] == ownerId) { |
|||
widgetNoteUi += "<div class='widgetNoteContainer' data-id='" + widgetNote["ownerId"] + "'>"; |
|||
widgetNoteUi += "<div class='widgetNoteFootnote'>" + widgetNote["fn"] + "</div>"; |
|||
widgetNoteUi += "<div class='widgetNoteLabel'>" + widgetNote["label"] + "</div>"; |
|||
|
|||
for (var widgetNoteName in widgetNote) { |
|||
if (widgetNoteName != "label" && widgetNoteName != "fn" && widgetNoteName != "ownerId") { |
|||
widgetNoteUi += "<div class='pageNoteName'>" + widgetNoteName + "</div>"; |
|||
widgetNoteUi += "<div class='pageNote'>" + linkify(widgetNote[widgetNoteName]) + "</div>"; |
|||
} |
|||
} |
|||
widgetNoteUi += "</div>"; |
|||
} |
|||
} |
|||
} |
|||
|
|||
getNotesForPage(pageForNotes.widgetNotes); |
|||
if (pageForNotes.masterNotes) { |
|||
for (var i = 0; i < pageForNotes.masterNotes.length; i++) { |
|||
getNotesForPage(pageForNotes.masterNotes[i].widgetNotes); |
|||
} |
|||
} |
|||
|
|||
widgetNoteUi += "</div>"; |
|||
widgetNoteUi += "<div class='resizeNotesDialog'></div>"; |
|||
|
|||
return widgetNoteUi; |
|||
} |
|||
|
|||
var maxZIndex = 1; |
|||
var dialogs = {}; |
|||
var _toggleAnnDialog = function (id, srcLeft, srcTop, page) { |
|||
|
|||
if(dialogs[id]) { |
|||
var $dialog = dialogs[id]; |
|||
// reset the dialog
|
|||
dialogs[id] = undefined; |
|||
$dialog.find('.notesDialogScroll').getNiceScroll().remove(); |
|||
$dialog.remove(); |
|||
return; |
|||
} |
|||
|
|||
var bufferH = 10; |
|||
var bufferV = 10; |
|||
var blnLeft = false; |
|||
var blnAbove = false; |
|||
var mfPos = $('#mainPanelContainer').position(); |
|||
var viewablePanelLeftMargin = parseInt($('#mainPanelContainer').css('margin-left')); |
|||
|
|||
var sourceTop = srcTop + mfPos.top; |
|||
var sourceLeft = srcLeft + viewablePanelLeftMargin; |
|||
|
|||
var width = 300; |
|||
var height = 300; |
|||
|
|||
if(sourceLeft > width + bufferH) { |
|||
blnLeft = true; |
|||
} |
|||
if(sourceTop > height + bufferV) { |
|||
blnAbove = true; |
|||
} |
|||
|
|||
var top = 0; |
|||
var left = 0; |
|||
if(blnAbove) top = sourceTop - height - 20; |
|||
else top = sourceTop + 10; |
|||
if(blnLeft) left = sourceLeft - width - 4; |
|||
else left = sourceLeft - 6; |
|||
|
|||
//need to set the zindex
|
|||
maxZIndex = maxZIndex + 1; |
|||
|
|||
var $dialog = $('<div class="notesDialog"></div>') |
|||
.appendTo('#notesOverlay') |
|||
.html(getWidgetNotesHtml(id, page)); |
|||
|
|||
$dialog.css({ 'left': left, 'top': top, 'z-index': maxZIndex }); |
|||
|
|||
$dialog.find('.notesDialogScroll').niceScroll({ cursorcolor: "#8c8c8c", cursorborder: "0px solid #fff" }); |
|||
|
|||
$dialog.find('.notesDialogScroll').on($axure.eventNames.mouseDownName, function(event) { |
|||
event.stopPropagation(); |
|||
}); |
|||
|
|||
$dialog.find('.closeNotesDialog').on($axure.eventNames.mouseDownName, function (event) { |
|||
event.stopPropagation(); |
|||
}); |
|||
|
|||
$dialog.on($axure.eventNames.mouseDownName, startDialogMove); |
|||
var startMouseX; |
|||
var startMouseY; |
|||
var startDialogX; |
|||
var startDialogY; |
|||
function startDialogMove() { |
|||
startMouseX = window.event.pageX; |
|||
startMouseY = window.event.pageY; |
|||
var position = $dialog.position(); |
|||
startDialogX = position.left; |
|||
startDialogY = position.top; |
|||
|
|||
$dialog.addClass('active'); |
|||
$('<div class="splitterMask"></div>').insertAfter($('#notesOverlay')); |
|||
$(document).bind($axure.eventNames.mouseMoveName, doDialogMove).bind($axure.eventNames.mouseUpName, endDialogMove); |
|||
|
|||
$dialog.find('.notesDialogScroll').getNiceScroll().hide(); |
|||
} |
|||
|
|||
function doDialogMove() { |
|||
var currentX = window.event.pageX; |
|||
var currentY = window.event.pageY; |
|||
$dialog.css({ 'left': startDialogX + currentX - startMouseX, 'top': startDialogY + currentY - startMouseY }); |
|||
} |
|||
|
|||
function endDialogMove() { |
|||
$('div.splitterMask').remove(); |
|||
$dialog.removeClass('active'); |
|||
$(document).unbind($axure.eventNames.mouseMoveName, doDialogMove).unbind($axure.eventNames.mouseUpName, endDialogMove); |
|||
|
|||
$dialog.find('.notesDialogScroll').getNiceScroll().resize(); |
|||
$dialog.find('.notesDialogScroll').getNiceScroll().show(); |
|||
} |
|||
|
|||
$dialog.find('.resizeNotesDialog').on($axure.eventNames.mouseDownName, startDialogResize); |
|||
|
|||
var startDialogW; |
|||
var startDialogH; |
|||
function startDialogResize() { |
|||
event.stopPropagation(); |
|||
|
|||
startMouseX = window.event.pageX; |
|||
startMouseY = window.event.pageY; |
|||
startDialogW = Number($dialog.css('width').replace('px','')); |
|||
startDialogH = Number($dialog.css('height').replace('px', '')); |
|||
|
|||
$dialog.addClass('active'); |
|||
$('<div class="splitterMask"></div>').insertAfter($('#notesOverlay')); |
|||
$(document).bind($axure.eventNames.mouseMoveName, doDialogResize).bind($axure.eventNames.mouseUpName, endDialogResize); |
|||
|
|||
$dialog.find('.notesDialogScroll').getNiceScroll().hide(); |
|||
} |
|||
|
|||
function doDialogResize() { |
|||
var currentX = window.event.pageX; |
|||
var currentY = window.event.pageY; |
|||
var newWidth = Math.max(200, startDialogW + currentX - startMouseX); |
|||
var newHeight = Math.max(200, startDialogH + currentY - startMouseY); |
|||
$dialog.css({ 'width': newWidth, 'height': newHeight }); |
|||
} |
|||
|
|||
function endDialogResize() { |
|||
$('div.splitterMask').remove(); |
|||
$dialog.removeClass('active'); |
|||
$(document).unbind($axure.eventNames.mouseMoveName, doDialogResize).unbind($axure.eventNames.mouseUpName, endDialogResize); |
|||
|
|||
$dialog.find('.notesDialogScroll').getNiceScroll().resize(); |
|||
$dialog.find('.notesDialogScroll').getNiceScroll().show(); |
|||
} |
|||
|
|||
dialogs[id] = $dialog; |
|||
|
|||
// scroll ... just for IE
|
|||
//window.scrollTo(scrollX, scrollY);
|
|||
}; |
|||
|
|||
$(document).on('sidebarCollapse', function (event, data) { |
|||
clearSelection(); |
|||
}); |
|||
|
|||
$(document).on('pluginShown', function (event, data) { |
|||
if(data != 2) { |
|||
clearSelection(); |
|||
} |
|||
}); |
|||
|
|||
function clearSelection() { |
|||
var selectedNote = $('#pageNotesContainer').find('.widgetNoteContainerSelected'); |
|||
if(selectedNote.length > 0) { |
|||
selectedNote.removeClass('widgetNoteContainerSelected'); |
|||
//var dimStr = $('.currentAdaptiveView').attr('data-dim');
|
|||
//var h = dimStr ? dimStr.split('x')[1] : '0';
|
|||
//var $leftPanel = $('.leftPanel:visible');
|
|||
//var leftPanelOffset = (!$axure.player.isMobileMode() && $leftPanel.length > 0) ? $leftPanel.width() : 0;
|
|||
//var $rightPanel = $('.rightPanel:visible');
|
|||
//var rightPanelOffset = (!$axure.player.isMobileMode() && $rightPanel.length > 0) ? $rightPanel.width() : 0;
|
|||
//var viewDimensions = {
|
|||
// h: h != '0' ? h : '',
|
|||
// scaleVal: $('.vpScaleOption').find('.selectedRadioButton').parent().attr('val'),
|
|||
// scrollLeft: $('#clipFrameScroll').scrollLeft(),
|
|||
// scrollTop: $('#clipFrameScroll').scrollTop(),
|
|||
// height: $('.rightPanel').height(),
|
|||
// panelWidthOffset: leftPanelOffset + rightPanelOffset
|
|||
//};
|
|||
//$axure.messageCenter.postMessage('toggleSelectWidgetNote', { id: '', value: false, view: viewDimensions });
|
|||
$axure.messageCenter.postMessage('toggleSelectWidgetNote', { id: '', value: false }); |
|||
//$axure.messageCenter.postMessage('toggleSelectWidgetNote', '');
|
|||
} |
|||
} |
|||
|
|||
function closeAllDialogs() { |
|||
for (var id in dialogs) { |
|||
var $dialog = dialogs[id]; |
|||
if ($dialog !== undefined) _toggleAnnDialog(id); |
|||
} |
|||
} |
|||
|
|||
$axure.player.toggleFootnotes = function(val) { |
|||
var scaleCheckDiv = $('#showNotesOption').find('.overflowOptionCheckbox'); |
|||
if (scaleCheckDiv.hasClass('selected')) { |
|||
if (!val) $('#showNotesOption').click(); |
|||
} else { |
|||
if (val) $('#showNotesOption').click(); |
|||
} |
|||
} |
|||
|
|||
function footnotes_click(event) { |
|||
var scaleCheckDiv = $('#showNotesOption').find('.overflowOptionCheckbox'); |
|||
if (scaleCheckDiv.hasClass('selected')) { |
|||
closeAllDialogs(); |
|||
|
|||
scaleCheckDiv.removeClass('selected'); |
|||
$axure.messageCenter.postMessage('annotationToggle', false); |
|||
//Add 'fn' hash string var so that footnotes stay hidden across reloads
|
|||
$axure.player.setVarInCurrentUrlHash(FOOTNOTES_VAR_NAME, 0); |
|||
} else { |
|||
scaleCheckDiv.addClass('selected'); |
|||
$axure.messageCenter.postMessage('annotationToggle', true); |
|||
//Delete 'fn' hash string var if it exists since default is visible
|
|||
$axure.player.deleteVarFromCurrentUrlHash(FOOTNOTES_VAR_NAME); |
|||
} |
|||
} |
|||
|
|||
function createNotesOverlay() { |
|||
var $targetPanel = $('#clippingBounds'); |
|||
|
|||
if (!$('#notesOverlay').length) { |
|||
var notesOverlay = document.createElement('div'); |
|||
notesOverlay.setAttribute('id', 'notesOverlay'); |
|||
|
|||
$targetPanel.prepend(notesOverlay); |
|||
$(notesOverlay).append(' '); |
|||
} |
|||
} |
|||
|
|||
function generatePageNotes() { |
|||
var pageNotesUi = "<div id='pageNotesHeader'>"; |
|||
|
|||
pageNotesUi += "<div id='pageNotesToolbar' style='height: 12px;'>"; |
|||
pageNotesUi += "</div>"; |
|||
pageNotesUi += "</div>"; |
|||
|
|||
|
|||
pageNotesUi += "<div id='pageNotesScrollContainer'>"; |
|||
pageNotesUi += "<div id='pageNotesContainer'>"; |
|||
pageNotesUi += "<div id='pageNotesEmptyState' class='emptyStateContainer'><div class='emptyStateTitle'>No notes for this page.</div><div class='emptyStateContent'>Notes added in Axure RP will appear here.</div><div class='dottedDivider'></div></div>"; |
|||
pageNotesUi += "<span id='pageNotesContent'></span>"; |
|||
pageNotesUi += "</div></div>"; |
|||
|
|||
$('#pageNotesHost').html(pageNotesUi); |
|||
|
|||
if(!$axure.document.configuration.showAnnotations) { |
|||
$('#pageNotesHost .pageNameHeader').css('padding-right', '55px'); |
|||
} |
|||
} |
|||
|
|||
})(); |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"> |
|||
<path fill="#008DCB" fill-rule="evenodd" d="M1 0h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm1 2v12h10V2H2zm2 2h6a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 3h6a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 3h6a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"/> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"> |
|||
<path fill="#6D6D6D" fill-rule="evenodd" d="M1 0h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm1 2v12h10V2H2zm2 2h6a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 3h6a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 3h6a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"/> |
|||
</svg> |
|||
@ -0,0 +1,209 @@ |
|||
#pageNotesHost { |
|||
display: flex; |
|||
flex-direction: column; |
|||
height: 100%; |
|||
} |
|||
|
|||
#pageNotesHostBtn { |
|||
order: 2; |
|||
} |
|||
|
|||
#pageNotesHostBtn a { |
|||
background: url('images/notes_panel_on.svg') no-repeat center center,linear-gradient(transparent, transparent); |
|||
} |
|||
|
|||
#pageNotesHostBtn a.selected, #pageNotesHostBtn a.selected:hover { |
|||
background: url('images/notes_panel_off.svg') no-repeat center center,linear-gradient(transparent, transparent); |
|||
} |
|||
|
|||
#pageNotesScrollContainer { |
|||
overflow: auto; |
|||
width: 100%; |
|||
flex: 1; |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
|
|||
#pageNotesContent { |
|||
overflow: visible; |
|||
} |
|||
|
|||
.pageNoteContainer { |
|||
padding: 0px 12px 8px 12px; |
|||
} |
|||
|
|||
.mobileMode .pageNoteContainer { |
|||
padding: 0px 16px 8px 17px; |
|||
} |
|||
|
|||
.pageNoteName { |
|||
font-size: 13px; |
|||
font-weight: bold; |
|||
color: #2c2c2c; |
|||
margin: 15px 0px 5px 0px; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.pageNote { |
|||
font-size: 13px; |
|||
color: #2a2e38; |
|||
line-height: 1.67; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
.pageNote ul { |
|||
list-style: disc; |
|||
padding: 0px 0px 0px 40px; |
|||
} |
|||
|
|||
.pageNote ul ul{ |
|||
list-style: circle; |
|||
} |
|||
|
|||
.pageNote ul ul ul{ |
|||
list-style: square; |
|||
} |
|||
|
|||
.pageNote ul ul ul ul { |
|||
list-style: disc; |
|||
} |
|||
|
|||
.pageNote ul ul ul ul ul { |
|||
list-style: circle; |
|||
} |
|||
|
|||
.pageNote ul ul ul ul ul ul { |
|||
list-style: square; |
|||
} |
|||
|
|||
.widgetNoteContainer { |
|||
padding: 12px; |
|||
border-bottom: 1px solid transparent; |
|||
border-top: 1px solid transparent; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.mobileMode .widgetNoteContainer { |
|||
padding: 12px 16px 12px 17px; |
|||
} |
|||
|
|||
.widgetNoteContainerSelected { |
|||
background-color: white; |
|||
border-bottom: 1px solid #c2c2c2; |
|||
border-top: 1px solid #c2c2c2; |
|||
} |
|||
|
|||
.widgetNoteFootnote { |
|||
display: inline-block; |
|||
padding-top: 1px; |
|||
background-color: #fff849; |
|||
font-size: 11px; |
|||
font-weight: bold; |
|||
line-height: 16px; |
|||
margin-right: 8px; |
|||
padding: 0px 5px; |
|||
color: #000; |
|||
} |
|||
|
|||
div.annnoteline { |
|||
display: inline-block; |
|||
width: 9px; |
|||
height: 1px; |
|||
border-bottom: 1px solid white; |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.widgetNoteLabel { |
|||
font-size: 13px; |
|||
font-weight: 600; |
|||
color: #58167d; |
|||
margin-top: 4px; |
|||
float: right; |
|||
} |
|||
|
|||
.noteLink { |
|||
text-decoration: inherit; |
|||
color: inherit; |
|||
} |
|||
|
|||
.noteLink:hover { |
|||
background-color: white; |
|||
} |
|||
|
|||
.notesSectionHeader { |
|||
margin: 0px 8px 0px 12px; |
|||
} |
|||
|
|||
.notesPageNameHeader { |
|||
margin: 8px 8px 15px 12px; |
|||
} |
|||
|
|||
.mobileMode .notesPageNameHeader { |
|||
margin: 18px 14px 5px 16px; |
|||
} |
|||
|
|||
#notesOverlay { |
|||
width: 0; |
|||
height: 0; |
|||
position: absolute; |
|||
overflow: visible; |
|||
z-index: 1; |
|||
} |
|||
|
|||
div.closeNotesDialog { |
|||
position: absolute; |
|||
top: 6px; |
|||
right: 6px; |
|||
width: 11px; |
|||
height: 10px; |
|||
object-fit: contain; |
|||
background: url(../../../resources/images/close_x.svg) no-repeat center center, linear-gradient(transparent, transparent); |
|||
margin-left: auto; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
div.resizeNotesDialog { |
|||
position: absolute; |
|||
bottom: 2px; |
|||
right: 2px; |
|||
width: 11px; |
|||
height: 10px; |
|||
object-fit: contain; |
|||
background: url(../../../resources/images/resize.svg) no-repeat center center, linear-gradient(transparent, transparent); |
|||
margin-left: auto; |
|||
cursor: nwse-resize; |
|||
} |
|||
|
|||
div.notesDialog { |
|||
position: absolute; |
|||
padding: 16px 3px 10px 3px; |
|||
background-color: #efefef; |
|||
width: 300px; |
|||
height: 300px; |
|||
line-height: normal; |
|||
border: #8F949A solid 1px; |
|||
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); |
|||
cursor: move; |
|||
display: flex; |
|||
flex-direction: column; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
div.notesDialog.active { |
|||
user-select: none; |
|||
} |
|||
|
|||
div.notesDialog .widgetNoteContainer { |
|||
cursor: auto; |
|||
padding: 2px 26px 16px 14px; |
|||
} |
|||
|
|||
div.notesDialogScroll { |
|||
overflow-x: hidden; |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
cursor: auto; |
|||
} |
|||
|
|||
.mobileMode .pageNoteName, .mobileMode #pageNotesToolbar, .mobileMode .dottedDivider { |
|||
display: none; |
|||
} |
|||
@ -0,0 +1,479 @@ |
|||
// use this to isolate the scope
|
|||
(function() { |
|||
|
|||
if(!$axure.document.configuration.showRecordPlay) { return; } |
|||
|
|||
$(window.document).ready(function() { |
|||
$axure.player.createPluginHost({ |
|||
id: 'recordPlayHost', |
|||
context: 'interface', |
|||
title: 'Recording' |
|||
}); |
|||
_generateRecordPlay(); |
|||
|
|||
$('#recordButton').click(_recordClick); |
|||
$('#playButton').click(_playClick); |
|||
$('#stopButton').click(_stopClick); |
|||
$('#deleteButton').click(_deleteClick); |
|||
|
|||
// bind to the page load
|
|||
|
|||
$axure.page.bind('load.page_notes', function() { |
|||
|
|||
$.ajax({ |
|||
type: "POST", |
|||
url: '/RecordController/ListRecordings', |
|||
success: function(response) { |
|||
|
|||
$('#recordNameHeader').html(""); |
|||
$('#recordPlayContent').html(""); |
|||
//populate the notes
|
|||
|
|||
axRecordingList = []; |
|||
|
|||
if(!eventList) { |
|||
recordingIndex = 0; |
|||
eventList = []; |
|||
recordingStartTime = 0; |
|||
bulkEventElement = ""; |
|||
lastBulkEvent = {}; |
|||
} |
|||
|
|||
for(var idx in response.recordingList) { |
|||
getOneRecording(response.recordingList[idx]); |
|||
} |
|||
|
|||
return false; |
|||
}, |
|||
// dataType: 'json'
|
|||
}); |
|||
}); |
|||
}); |
|||
|
|||
var nameMatcher = new RegExp("^axRecording[0-9]{4}$", "i"); |
|||
var indexMatcher = new RegExp("[0-9]{4}$", "i"); |
|||
|
|||
var convertFromJson = function(oneRecording) { |
|||
|
|||
if(nameMatcher.exec(oneRecording.recordingName)) { |
|||
var myArray = indexMatcher.exec(oneRecording.recordingName); |
|||
var currIdx = parseInt(myArray); |
|||
if(recordingIndex < currIdx) { |
|||
recordingIndex = currIdx; |
|||
} |
|||
} |
|||
|
|||
|
|||
for(var idx in oneRecording.eventList) { |
|||
var thisEvent = oneRecording.eventList[idx]; |
|||
thisEvent.eventInfo = {}; |
|||
thisEvent.eventInfo.srcElement = thisEvent.elementID; |
|||
// TODO: check that this is correct.
|
|||
|
|||
if(isBulkMouse(thisEvent.eventType)) { |
|||
thisEvent.eventInfo.mousePositions = []; |
|||
thisEvent.eventInfo.mousePositions = thisEvent.mousePositions; |
|||
thisEvent.timeStamp = thisEvent.mousePositions[0].timeStamp; |
|||
} |
|||
if(isSingleMouse(thisEvent.eventType)) { |
|||
thisEvent.eventInfo.cursor = {}; |
|||
thisEvent.eventInfo.cursor = thisEvent.cursor; |
|||
|
|||
} |
|||
if(thisEvent.eventType === 'OnDrag') { |
|||
thisEvent.eventInfo.dragInfo = {}; |
|||
thisEvent.eventInfo.dragInfo = thisEvent.dragInfo; |
|||
thisEvent.timeStamp = thisEvent.dragInfo.startTime; |
|||
} |
|||
|
|||
} |
|||
return oneRecording; |
|||
}; |
|||
|
|||
var getOneRecording = function(recordingItem) { |
|||
$.ajax({ |
|||
type: "POST", |
|||
url: '/RecordController/GetRecording', |
|||
data: { 'recordingId': recordingItem.recordingId }, |
|||
success: function(response) { |
|||
axRecordingList[axRecordingList.length] = convertFromJson(response); |
|||
var axRecordingContainer = $('#recordingContainer').find('li').filter('.recordingRootNode'); |
|||
axRecordingContainer.append(_formAxRecordingBranch(response)); |
|||
_attachEventTriggers(response); |
|||
}, // dataType: 'json'
|
|||
}); |
|||
|
|||
}; |
|||
|
|||
var axRecordingList; |
|||
var eventList; |
|||
var recordingIndex; |
|||
var recordingStartTime; |
|||
var recordingId; |
|||
var recordingName; |
|||
|
|||
|
|||
var leadingZeros = function(number, digits) { // because this thing doesn't have string.format (or does it?)
|
|||
var recurseLeadingZeros = function(number, digitsLeft) { |
|||
if(digitsLeft > 0) { |
|||
return recurseLeadingZeros("0" + number, digitsLeft - 1); |
|||
} else { |
|||
return number; |
|||
} |
|||
}; |
|||
return recurseLeadingZeros(number, digits - String(number).length); |
|||
}; |
|||
|
|||
|
|||
var generateRecordingName = function() { |
|||
return "axRecording" + leadingZeros(recordingIndex, 4); |
|||
}; |
|||
|
|||
var isSingleMouse = function(eventType) { |
|||
return (eventType === 'OnClick' || |
|||
eventType === 'OnMouseUp' || |
|||
eventType === 'OnMouseDown' || |
|||
eventType === 'OnMouseOver' || |
|||
eventType === 'OnKeyUp' || |
|||
eventType === 'OnSelectedChange' || |
|||
eventType === 'OnSelect' || |
|||
eventType === 'OnUnselect' || |
|||
eventType === 'OnTextChange' || |
|||
eventType === 'OnMouseOut'); |
|||
}; |
|||
|
|||
var isBulkMouse = function(eventType) { |
|||
return (eventType === 'OnMouseHover' || |
|||
eventType === 'OnMouseMove'); |
|||
}; |
|||
|
|||
var bulkEventElement; |
|||
var lastBulkEvent; |
|||
|
|||
|
|||
$axure.messageCenter.addMessageListener(function(message, eventData) { |
|||
var lastEvent, lastBulkData; |
|||
|
|||
if(message === 'logEvent') { |
|||
|
|||
if(bulkEventElement !== eventData.elementID) { |
|||
lastBulkEvent = {}; |
|||
bulkEventElement = eventData.elementID; |
|||
} |
|||
|
|||
if(isBulkMouse(eventData.eventType)) { |
|||
lastEvent = lastBulkEvent[eventData.eventType]; |
|||
|
|||
if(lastEvent) { |
|||
// this is the second or third or whatever onmousemove in a row
|
|||
lastBulkData = lastEvent.eventInfo.mousePositions; |
|||
lastBulkData[lastBulkData.length] = { |
|||
cursor: eventData.eventInfo.cursor, |
|||
timeStamp: eventData.timeStamp |
|||
}; |
|||
} else { |
|||
|
|||
eventData.eventInfo.mousePositions = []; |
|||
eventData.eventInfo.mousePositions[0] = { |
|||
cursor: eventData.eventInfo.cursor, |
|||
timeStamp: eventData.timeStamp |
|||
}; |
|||
eventList[eventList.length] = eventData; |
|||
lastBulkEvent[eventData.eventType] = eventData; |
|||
} |
|||
} else { |
|||
var z = true; |
|||
} |
|||
|
|||
if(isSingleMouse(eventData.eventType) ) { |
|||
eventList[eventList.length] = eventData; |
|||
lastBulkEvent = {}; |
|||
bulkEventElement = eventData.elementID; |
|||
} |
|||
|
|||
if(eventData.eventType === 'OnDrag') { |
|||
|
|||
lastEvent = lastBulkEvent[eventData.eventType]; |
|||
|
|||
if (lastEvent) { |
|||
// this is the second or third or whatever onmousemove in a row
|
|||
lastBulkData = lastEvent.eventInfo.mousePositions; |
|||
lastBulkData[lastBulkData.length] = { |
|||
dragInfo: eventData.eventInfo.dragInfo, |
|||
timeStamp: eventData.timeStamp |
|||
}; |
|||
} else { |
|||
eventData.eventInfo.mousePositions = []; |
|||
eventData.eventInfo.mousePositions[0] = { |
|||
dragInfo: eventData.eventInfo.dragInfo, |
|||
timeStamp: eventData.timeStamp |
|||
}; |
|||
eventList[eventList.length] = eventData; |
|||
lastBulkEvent[eventData.eventType] = eventData; |
|||
} |
|||
} |
|||
// if(eventData.eventType === 'OnKeyUp') {
|
|||
// transmissionFields.eventInfo = eventData.eventInfo;
|
|||
// $.ajax({
|
|||
// type: "POST",
|
|||
// url: '/RecordController/LogMouseClick',
|
|||
// data: transmissionFields,
|
|||
// });
|
|||
// }
|
|||
} |
|||
|
|||
}); |
|||
|
|||
|
|||
var _recordClick = function(event) { |
|||
$('#recordButton').addClass('recordPlayButtonSelected'); |
|||
recordingIndex++; |
|||
// $axure.recording.startRecord();
|
|||
|
|||
recordingStartTime = new Date().getTime(); |
|||
|
|||
$.ajax({ |
|||
type: "POST", |
|||
url: '/RecordController/CreateRecording', |
|||
data: { |
|||
'recordingName': generateRecordingName(), |
|||
timeStamp: recordingStartTime |
|||
}, |
|||
success: function(response) { |
|||
recordingId = response.recordingId; |
|||
recordingName = response.recordingName; |
|||
$axure.messageCenter.postMessage('startRecording', {'recordingId' : recordingId, 'recordingName': recordingName}); |
|||
}, |
|||
// dataType: 'json'
|
|||
}); |
|||
|
|||
}; |
|||
|
|||
var _playClick = function(event) { |
|||
$('#playButton').addClass('recordPlayButtonSelected'); |
|||
}; |
|||
|
|||
var _stopClick = function(event) { |
|||
var axRecording, axObjectDictionary, axRecordingContainer, transmissionFields; |
|||
$('#sitemapLinksContainer').toggle(); |
|||
if($('#recordButton').is('.recordPlayButtonSelected')) { |
|||
$('#recordButton').removeClass('recordPlayButtonSelected'); |
|||
// $axure.recording.stopRecord();
|
|||
|
|||
axRecording = { |
|||
'recordingId' : recordingId, |
|||
'recordingName': recordingName, |
|||
'eventList': eventList |
|||
}; |
|||
|
|||
axRecordingList[axRecordingList.length] = axRecording; |
|||
axRecordingContainer = $('#recordingContainer').find('li').filter('.recordingRootNode'); |
|||
axRecordingContainer.append(_formAxRecordingBranch(axRecording)); |
|||
_attachEventTriggers(axRecording); |
|||
|
|||
lastBulkEvent = {}; |
|||
|
|||
var recordingStepList = []; |
|||
|
|||
for(var eventListIdx in eventList) { |
|||
var eventListItem = eventList[eventListIdx]; |
|||
|
|||
if(eventListItem.eventType === 'OnDrag') { |
|||
var lastDrag = eventListItem.eventInfo.mousePositions[eventListItem.eventInfo.mousePositions.length - 1].dragInfo; |
|||
eventListItem.eventInfo.dragInfo.currentX = lastDrag.currentX; |
|||
eventListItem.eventInfo.dragInfo.currentY = lastDrag.currentY; |
|||
eventListItem.eventInfo.dragInfo.currentTime = lastDrag.currentTime; |
|||
eventListItem.eventInfo.dragInfo.xDelta = eventListItem.eventInfo.dragInfo.currentX - eventListItem.eventInfo.dragInfo.lastX; |
|||
eventListItem.eventInfo.dragInfo.yDelta = eventListItem.eventInfo.dragInfo.currentY - eventListItem.eventInfo.dragInfo.lastY; |
|||
transmissionFields = {}; |
|||
transmissionFields = tackItOn(transmissionFields, eventListItem, ['eventType', 'elementID', 'path']); |
|||
transmissionFields = tackItOn(transmissionFields, eventListItem.eventInfo, ['dragInfo']); |
|||
transmissionFields.recordingId = recordingId; |
|||
} |
|||
|
|||
if(isSingleMouse(eventListItem.eventType)) { |
|||
transmissionFields = {}; |
|||
transmissionFields = tackItOn(transmissionFields, eventListItem, ['timeStamp', 'eventType', 'elementID', 'path']); |
|||
transmissionFields = tackItOn(transmissionFields, eventListItem.eventInfo, ['cursor']); |
|||
transmissionFields.recordingId = recordingId; |
|||
} |
|||
|
|||
if(isBulkMouse(eventListItem.eventType)) { |
|||
transmissionFields = {}; |
|||
transmissionFields = tackItOn(transmissionFields, eventListItem, ['eventType', 'elementID', 'path']); |
|||
transmissionFields = tackItOn(transmissionFields, eventListItem.eventInfo, ['mousePositions']); |
|||
transmissionFields.recordingId = recordingId; |
|||
} |
|||
recordingStepList[recordingStepList.length] = transmissionFields; |
|||
} |
|||
|
|||
eventList = []; |
|||
$axure.messageCenter.postMessage('stopRecording', axObjectDictionary); |
|||
|
|||
var jsonText = { |
|||
'recordingName': recordingName, |
|||
'recordingId': recordingId, |
|||
recordingStart: new Date().getTime(), |
|||
recordingEnd: recordingStartTime, |
|||
'eventList': recordingStepList |
|||
}; |
|||
|
|||
$.ajax({ |
|||
type: "POST", |
|||
url: '/RecordController/StopRecording', |
|||
data: { 'jsonText': JSON.stringify(jsonText) } |
|||
|
|||
}); |
|||
|
|||
} |
|||
|
|||
if($('#playButton').is('.recordPlayButtonSelected')) { |
|||
$('#playButton').removeClass('recordPlayButtonSelected'); |
|||
} |
|||
}; |
|||
|
|||
var _deleteClick = function(event) { |
|||
$.ajax({ |
|||
type: "POST", |
|||
url: '/RecordController/DeleteRecordings', |
|||
success: function(response) { |
|||
var x = true; |
|||
}, // dataType: 'json'
|
|||
}); |
|||
}; |
|||
|
|||
var tackItOn = function(destination, source, fields) { |
|||
|
|||
for(var idx in fields) { |
|||
destination[fields[idx]] = source[fields[idx]]; |
|||
} |
|||
return destination; |
|||
}; |
|||
|
|||
var makeFirstLetterLower = function(eventName) { |
|||
return eventName.substr(0, 1).toLowerCase() + eventName.substr(1); |
|||
}; |
|||
|
|||
var _attachEventTriggers = function(axRecording) { |
|||
for(var eventIdx in axRecording.eventList) { |
|||
var eventObject = axRecording.eventList[eventIdx]; |
|||
var eventID = axRecording['recordingId'] + '_' + eventObject.timeStamp; |
|||
currentEvent = eventID; |
|||
$('#' + eventID).click(_triggerEvent(axRecording['recordingId'], eventObject.timeStamp)); |
|||
// $('#' + eventID).click(event.trigger);
|
|||
} |
|||
}; |
|||
|
|||
var _formAxRecordingBranch = function(axRecording) { |
|||
var eventObject, eventID, RDOID; |
|||
var recordPlayUi = '<ul class="recordingTree">'; |
|||
recordPlayUi += "<li class='recordingNode recordingExpandableNode'>"; |
|||
recordPlayUi += '<div class="recordingContainer" style="margin-left:15px">'; |
|||
recordPlayUi += '<a class="recordingPlusMinusLink"><span class="recordingMinus"></span></a>'; |
|||
recordPlayUi += '<a class="recordingPageLink" nodeurl="home.html">'; |
|||
recordPlayUi += '<span class="recordingPageIcon"></span>'; |
|||
recordPlayUi += '<span class="recordingPageName">' + axRecording['recordingName'] + '</span>'; |
|||
recordPlayUi += '</a>'; |
|||
|
|||
recordPlayUi += '<ul>'; |
|||
|
|||
for(eventID in axRecording.eventList) { |
|||
|
|||
eventObject = axRecording.eventList[eventID]; |
|||
|
|||
recordPlayUi += '<li class="recordingNode recordingLeafNode">'; |
|||
recordPlayUi += '<div class="recordingEventContainer" style="margin-left:44px">'; |
|||
var eventID = axRecording['recordingId'] + '_' + eventObject.timeStamp; |
|||
recordPlayUi += '<a id="' + eventID + '" class="sitemapPageLink">'; |
|||
recordPlayUi += 'Event ID: ' + eventID + '<br/>'; |
|||
|
|||
recordPlayUi += '<span class="sitemapPageIcon"></span>'; |
|||
recordPlayUi += '<span class="sitemapPageName">'; |
|||
|
|||
recordPlayUi += 'elementID: ' + eventObject.elementID + '<br/>'; |
|||
recordPlayUi += 'eventType: ' + eventObject.eventType + '<br/>'; |
|||
// recordPlayUi += 'cursor: ' + eventObject.eventInfo.cursor.x + ',' + eventObject.eventInfo.cursor.y + '<br/>';
|
|||
|
|||
for(RDOID in eventObject.path) { |
|||
recordPlayUi += '/' + eventObject.path[RDOID]; |
|||
} |
|||
recordPlayUi += '<br/>'; |
|||
recordPlayUi += '</span>'; |
|||
recordPlayUi += '</a>'; |
|||
recordPlayUi += '</div>'; |
|||
recordPlayUi += '</li>'; |
|||
} |
|||
|
|||
recordPlayUi += '</ul>'; |
|||
|
|||
recordPlayUi += '</div>'; |
|||
|
|||
recordPlayUi += "</li>"; |
|||
recordPlayUi += "</ul>"; |
|||
|
|||
return recordPlayUi; |
|||
}; |
|||
|
|||
var currentEvent = ''; |
|||
|
|||
var _triggerEvent = function(axRecording, timeStamp) { |
|||
// $axure.messageCenter.postMessage('triggerEvent', false);
|
|||
|
|||
|
|||
for(var axRecordingIdx in axRecordingList) { |
|||
if(axRecordingList[axRecordingIdx].recordingId === axRecording) { |
|||
for(var eventIdx in axRecordingList[axRecordingIdx].eventList) { |
|||
if(axRecordingList[axRecordingIdx].eventList[eventIdx].timeStamp === timeStamp) { |
|||
|
|||
var thisEvent = axRecordingList[axRecordingIdx].eventList[eventIdx]; |
|||
// thisEvent.trigger();
|
|||
|
|||
var thisEventInfo, lowerEventType; |
|||
lowerEventType = thisEvent.eventType.toLowerCase(); |
|||
if(lowerEventType === 'onclick' || lowerEventType === 'onmousein') { |
|||
thisEventInfo = {}; |
|||
thisEventInfo = tackItOn(thisEventInfo, thisEvent.eventInfo, ['cursor', 'timeStamp', 'srcElement']); |
|||
if(thisEvent.eventInfo.inputType) { |
|||
thisEventInfo = tackItOn(thisEventInfo, thisEvent.eventInfo, ['inputType', 'inputValue']); |
|||
} |
|||
} else { |
|||
thisEventInfo = thisEvent.eventInfo; |
|||
} |
|||
|
|||
var thisParameters = { |
|||
'element': thisEvent.elementID, |
|||
'eventInfo': thisEventInfo, |
|||
// 'axEventObject': thisEvent.eventObject,
|
|||
'eventType': thisEvent.eventType |
|||
}; |
|||
|
|||
return function() { |
|||
$axure.messageCenter.postMessage('playEvent', thisParameters); |
|||
}; |
|||
|
|||
} |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
|
|||
var _generateRecordPlay = function() { |
|||
var recordPlayUi = "<div id='recordPlayContainer'>"; |
|||
|
|||
recordPlayUi += "<div id='recordPlayToolbar'>"; |
|||
|
|||
recordPlayUi += "<div style='height:30px;'>"; |
|||
|
|||
recordPlayUi += "<a id='recordButton' title='Start a Recording' class='recordPlayButton'></a>"; |
|||
recordPlayUi += "<a id='playButton' title='Play Back a Recording' class='recordPlayButton'></a>"; |
|||
recordPlayUi += "<a id='stopButton' title='Stop' class='recordPlayButton'></a>"; |
|||
recordPlayUi += "<a id='deleteButton' title='Delete All Recordings' class='recordPlayButton'></a>"; |
|||
recordPlayUi += "</div>"; |
|||
|
|||
recordPlayUi += "<div id='recordingContainer'><li class='recordingNode recordingRootNode'></li></div>"; |
|||
recordPlayUi += "</div>"; |
|||
|
|||
$('#recordPlayHost').html(recordPlayUi); |
|||
}; |
|||
|
|||
})(); |
|||
@ -0,0 +1,90 @@ |
|||
#recordPlayHost { |
|||
font-size: 12px; |
|||
color:#333; |
|||
height: 100%; |
|||
} |
|||
|
|||
|
|||
#recordPlayContainer |
|||
{ |
|||
overflow: auto; |
|||
width: 100%; |
|||
height: 100%; |
|||
padding: 10px 10px 10px 10px; |
|||
} |
|||
|
|||
#recordPlayToolbar |
|||
{ |
|||
margin: 5px 5px 5px 5px; |
|||
height: 22px; |
|||
} |
|||
|
|||
#recordPlayToolbar .recordPlayButton |
|||
{ |
|||
float: left; |
|||
width: 22px; |
|||
height: 22px; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
#recordPlayToolbar .recordPlayButton:hover |
|||
{ |
|||
border: 1px solid rgb(0,157,217); |
|||
background-color : rgb(166,221,242); |
|||
} |
|||
|
|||
#recordPlayToolbar .recordPlayButton:active |
|||
{ |
|||
border: 1px solid rgb(0,157,217); |
|||
background-color : rgb(204,235,248); |
|||
} |
|||
|
|||
#recordPlayToolbar .recordPlayButtonSelected { |
|||
border: 1px solid rgb(0,157,217); |
|||
background-color : rgb(204,235,248); |
|||
} |
|||
|
|||
/* removed images */ |
|||
/*#recordButton { |
|||
background: url('../../sitemap/styles/images/233_hyperlink_16.png') no-repeat center center; |
|||
} |
|||
|
|||
#playButton { |
|||
background: url('../../sitemap/styles/images/225_responsive_16.png') no-repeat center center; |
|||
} |
|||
|
|||
#stopButton { |
|||
background: url('../../sitemap/styles/images/228_togglenotes_16.png') no-repeat center center; |
|||
} |
|||
|
|||
#deleteButton { |
|||
background: url('../../sitemap/styles/images/231_event_16.png') no-repeat center center; |
|||
}*/ |
|||
|
|||
#recordNameHeader |
|||
{ |
|||
/* yeah??*/ |
|||
font-size: 13px; |
|||
font-weight: bold; |
|||
height: 23px; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
#recordPlayContent |
|||
{ |
|||
/* yeah??*/ |
|||
overflow: visible; |
|||
} |
|||
|
|||
.recordPlayName |
|||
{ |
|||
font-size: 12px; |
|||
margin-bottom: 5px; |
|||
text-decoration: underline; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.recordPlay |
|||
{ |
|||
margin-bottom: 10px; |
|||
} |
|||
@ -0,0 +1,562 @@ |
|||
var currentNodeUrl = ''; |
|||
var allNodeUrls = []; |
|||
|
|||
var openNextPage = $axure.player.openNextPage = function () { |
|||
var index = allNodeUrls.indexOf(currentNodeUrl) + 1; |
|||
if(index >= allNodeUrls.length) return; |
|||
var nextNodeUrl = allNodeUrls[index]; |
|||
currentNodeUrl = nextNodeUrl; |
|||
$('.sitemapPageLink[nodeUrl="' + nextNodeUrl + '"]').parent().mousedown(); |
|||
}; |
|||
|
|||
var openPreviousPage = $axure.player.openPreviousPage = function () { |
|||
var index = allNodeUrls.indexOf(currentNodeUrl) - 1; |
|||
if(index < 0) return; |
|||
var nextNodeUrl = allNodeUrls[index]; |
|||
currentNodeUrl = nextNodeUrl; |
|||
$('.sitemapPageLink[nodeUrl="' + nextNodeUrl + '"]').parent().mousedown(); |
|||
}; |
|||
|
|||
// use this to isolate the scope
|
|||
(function() { |
|||
|
|||
var SHOW_HIDE_ANIMATION_DURATION = 0; |
|||
|
|||
var HIGHLIGHT_INTERACTIVE_VAR_NAME = 'hi'; |
|||
|
|||
var currentPageLoc = ''; |
|||
var currentPlayerLoc = ''; |
|||
var currentPageHashString = ''; |
|||
|
|||
$(window.document).ready(function() { |
|||
$axure.player.createPluginHost({ |
|||
id: 'sitemapHost', |
|||
context: 'project', |
|||
title: 'Project Pages', |
|||
gid: 1, |
|||
}); |
|||
|
|||
$(window.document).bind('keyup', function (e) { |
|||
if (e.target.localName == "textarea" || e.target.localName == "input" || event.target.isContentEditable) return; |
|||
switch(e.which) { |
|||
case 188: |
|||
openPreviousPage(); |
|||
break; |
|||
case 190: |
|||
openNextPage(); |
|||
break; |
|||
default: return; // exit this handler for other keys
|
|||
} |
|||
}); |
|||
|
|||
generateSitemap(); |
|||
var pageCount = $('.sitemapPageLink').length; |
|||
|
|||
$('.leftArrow').click(openPreviousPage); |
|||
$('.rightArrow').click(openNextPage); |
|||
|
|||
$('.sitemapPlusMinusLink').click(collapse_click); |
|||
$('.sitemapPageLink').parent().mousedown(node_click); |
|||
|
|||
$('#interfaceAdaptiveViewsListContainer').hide(); |
|||
|
|||
$('#projectOptionsShowHotspots').click(showHotspots_click); |
|||
$('#searchIcon').click(searchBoxClose_click); |
|||
$('#searchDiv').click(searchBoxExpand_click); |
|||
$('#searchBox').keyup(search_input_keyup); |
|||
|
|||
// bind to the page load
|
|||
$axure.page.bind('load.sitemap', function() { |
|||
currentPageLoc = $axure.page.location.split("#")[0]; |
|||
var decodedPageLoc = decodeURI(currentPageLoc); |
|||
currentNodeUrl = decodedPageLoc.substr(decodedPageLoc.lastIndexOf('/') ? decodedPageLoc.lastIndexOf('/') + 1 : 0); |
|||
currentPlayerLoc = $(location).attr('href').split("#")[0].split("?")[0]; |
|||
currentPageHashString = '#p=' + currentNodeUrl.substr(0, currentNodeUrl.lastIndexOf('.')); |
|||
|
|||
$axure.player.setVarInCurrentUrlHash(PAGE_ID_NAME, $axure.player.getPageIdByUrl(currentNodeUrl)); |
|||
$axure.player.setVarInCurrentUrlHash(PAGE_URL_NAME, currentNodeUrl.substring(0, currentNodeUrl.lastIndexOf('.html'))); |
|||
|
|||
$('#sitemapTreeContainer').find('.sitemapHighlight').removeClass('sitemapHighlight'); |
|||
var $currentNode = $('.sitemapPageLink[nodeUrl="' + currentNodeUrl + '"]'); |
|||
$currentNode.parent().parent().addClass('sitemapHighlight'); |
|||
|
|||
var pageName = $axure.page.pageName; |
|||
$('.pageNameHeader').html(pageName); |
|||
|
|||
if ($currentNode.length > 0 && pageCount > 1) { |
|||
var currentNode = $currentNode[0]; |
|||
var currentNum = $('.sitemapPageLink').index(currentNode) + 1; |
|||
$('.pageCountHeader').html('(' + currentNum + ' of ' + pageCount + ')'); |
|||
} else $('.pageCountHeader').html(''); |
|||
|
|||
//If highlight var is present and set to 1 or else if
|
|||
//sitemap highlight button is selected then highlight interactive elements
|
|||
var hiVal = $axure.player.getHashStringVar(HIGHLIGHT_INTERACTIVE_VAR_NAME); |
|||
if(hiVal.length > 0 && hiVal == 1) { |
|||
$('#showHotspotsOption').find('.overflowOptionCheckbox').addClass('selected'); |
|||
if ($('#projectOptionsHotspotsCheckbox').length > 0) $('#projectOptionsHotspotsCheckbox').addClass('selected'); |
|||
$axure.messageCenter.postMessage('highlightInteractive', true); |
|||
} else if ($('#showHotspotsOption').find('.overflowOptionCheckbox').hasClass('selected')) { |
|||
$axure.messageCenter.postMessage('highlightInteractive', true); |
|||
} |
|||
|
|||
generateAdaptiveViews(false); |
|||
if (MOBILE_DEVICE) generateAdaptiveViews(true); |
|||
|
|||
$axure.player.suspendRefreshViewPort = true; |
|||
|
|||
//Set the current view if it is defined in the hash string
|
|||
//If the view is invalid, set it to 'auto' in the string
|
|||
//ELSE set the view based on the currently selected view in the toolbar menu
|
|||
var viewStr = $axure.player.getHashStringVar(ADAPTIVE_VIEW_VAR_NAME); |
|||
if(viewStr.length > 0) { |
|||
var $view = $('.adaptiveViewOption[val="' + viewStr + '"]'); |
|||
if($view.length > 0) $view.click(); |
|||
else $('.adaptiveViewOption[val="auto"]').click(); |
|||
} else if($('.selectedRadioButton').length > 0) { |
|||
var $viewOption = $('.selectedRadioButton').parents('.adaptiveViewOption'); |
|||
$viewOption.click(); |
|||
} |
|||
updateAdaptiveViewHeader(); |
|||
|
|||
function setDefaultScaleForDevice() { |
|||
if(MOBILE_DEVICE && $axure.player.isMobileMode()) { |
|||
$('.projectOptionsScaleRow[val="0"]').click(); |
|||
} else { |
|||
$('.vpScaleOption[val="0"]').click(); |
|||
} |
|||
} |
|||
|
|||
var scaleStr = $axure.player.getHashStringVar(SCALE_VAR_NAME); |
|||
if(scaleStr.length > 0) { |
|||
var $scale = $('.vpScaleOption[val="' + scaleStr + '"]'); |
|||
if($scale.length > 0) $scale.click(); |
|||
else setDefaultScaleForDevice(); |
|||
} else { |
|||
setDefaultScaleForDevice(); |
|||
} |
|||
|
|||
var rotateStr = $axure.player.getHashStringVar(ROT_VAR_NAME); |
|||
if(rotateStr.length > 0) { |
|||
$('#vpRotate').prop('checked', true); |
|||
} |
|||
|
|||
$axure.player.suspendRefreshViewPort = false; |
|||
|
|||
if (!$axure.player.isViewOverridden()) $axure.messageCenter.postMessage('setAdaptiveViewForSize', { 'width': $('#mainPanel').width(), 'height': $('#mainPanel').height() }); |
|||
|
|||
$axure.player.refreshViewPort(); |
|||
|
|||
$axure.messageCenter.postMessage('finishInit'); |
|||
|
|||
showMainPanel(); |
|||
return false; |
|||
}); |
|||
|
|||
var $vpContainer = $('#interfaceScaleListContainer'); |
|||
|
|||
var scaleOptions = '<div class="vpScaleOption" val="0"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Default Scale</div>'; |
|||
scaleOptions += '<div class="vpScaleOption" val="1"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Scale to Width</div>'; |
|||
scaleOptions += '<div class="vpScaleOption" val="2"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Scale to Fit</div>'; |
|||
$(scaleOptions).appendTo($vpContainer); |
|||
|
|||
$('#overflowMenuContainer').append('<div id="showHotspotsOption" class="showOption" style="order: 1"><div class="overflowOptionCheckbox"></div>Show Hotspots</div>'); |
|||
$('#overflowMenuContainer').append($vpContainer); |
|||
$vpContainer.show(); |
|||
|
|||
$('#showHotspotsOption').click(showHotspots_click); |
|||
$('.vpScaleOption').click(vpScaleOption_click); |
|||
$('.vpScaleOption').mouseup(function (event) { |
|||
event.stopPropagation(); |
|||
}); |
|||
|
|||
if (MOBILE_DEVICE) { |
|||
var scaleOptions = '<div class="projectOptionsScaleRow" val="1"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Scale to fit width</div>'; |
|||
scaleOptions += '<div class="projectOptionsScaleRow" val="0"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Original size (100%)</div>'; |
|||
scaleOptions += '<div class="projectOptionsScaleRow" val="2" style="border-bottom: solid 1px #c7c7c7"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Fit all to screen</div>'; |
|||
$(scaleOptions).appendTo($('#projectOptionsScaleContainer')); |
|||
|
|||
$('.projectOptionsScaleRow').click(vpScaleOption_click); |
|||
} |
|||
|
|||
$('#searchBox').focusin(function() { |
|||
if($(this).is('.searchBoxHint')) { |
|||
$(this).val(''); |
|||
$(this).removeClass('searchBoxHint'); |
|||
} |
|||
}).focusout(function() { |
|||
if($(this).val() == '') { |
|||
$(this).addClass('searchBoxHint'); |
|||
} |
|||
}); |
|||
|
|||
|
|||
$('#searchBox').focusout(); |
|||
}); |
|||
|
|||
var _formatViewDimension = function(dim) { |
|||
if(dim == 0) return 'any'; |
|||
if(dim.toString().includes('.')) return dim.toFixed(2); |
|||
return dim; |
|||
}; |
|||
|
|||
function generateAdaptiveViews(forProjectOptions) { |
|||
var $container = forProjectOptions ? $('#projectOptionsAdaptiveViewsContainer') : $('#interfaceAdaptiveViewsListContainer'); |
|||
var $viewSelect = forProjectOptions ? $('#projectOptionsViewSelect') : $('#viewSelect'); |
|||
var adaptiveViewOptionClass = forProjectOptions ? 'projectOptionsAdaptiveViewRow' : 'adaptiveViewOption'; |
|||
var currentViewClass = forProjectOptions ? '' : 'currentAdaptiveView'; |
|||
|
|||
$container.empty(); |
|||
$viewSelect.empty(); |
|||
|
|||
//Fill out adaptive view container with prototype's defined adaptive views, as well as the default, and Auto
|
|||
var viewsList = '<div class="' + adaptiveViewOptionClass + '" val="auto"><div class="adapViewRadioButton selectedRadioButton"><div class="selectedRadioButtonFill"></div></div>Adaptive</div>'; |
|||
var viewSelect = '<option value="auto">Adaptive</option>'; |
|||
if (typeof $axure.page.defaultAdaptiveView.name != 'undefined') { |
|||
//If the name is a blank string, make the view name the width if non-zero, else 'any'
|
|||
var defaultView = $axure.page.defaultAdaptiveView; |
|||
var defaultViewName = defaultView.name; |
|||
|
|||
var widthString = _formatViewDimension(defaultView.size.width); |
|||
var heightString = _formatViewDimension(defaultView.size.height); |
|||
|
|||
var viewString = defaultViewName + ' (' + widthString + ' x ' + heightString + ')'; |
|||
|
|||
viewsList += '<div class="' + adaptiveViewOptionClass + ' ' + currentViewClass + '" val="default"data-dim="' + defaultView.size.width + 'x' + defaultView.size.height + '">' + |
|||
'<div class="adapViewRadioButton"><div class="selectedRadioButtonFill"></div></div>' + viewString + '</div>'; |
|||
viewSelect += '<option value="default">' + viewString + '</option>'; |
|||
} |
|||
|
|||
var useViews = $axure.document.configuration.useViews; |
|||
var hasViews = false; |
|||
if(useViews) { |
|||
for(var viewIndex = 0; viewIndex < $axure.page.adaptiveViews.length; viewIndex++) { |
|||
var currView = $axure.page.adaptiveViews[viewIndex]; |
|||
|
|||
var widthString = _formatViewDimension(currView.size.width); |
|||
var heightString = _formatViewDimension(currView.size.height); |
|||
|
|||
var viewString = currView.name + ' (' + widthString + ' x ' + heightString + ')'; |
|||
viewsList += '<div class="' + adaptiveViewOptionClass + |
|||
((forProjectOptions && (viewIndex == $axure.page.adaptiveViews.length - 1)) ? '" style="border-bottom: solid 1px #c7c7c7; margin-bottom: 15px;' : '') + |
|||
'" val="' + |
|||
currView.id + |
|||
'" data-dim="' + |
|||
currView.size.width + |
|||
'x' + |
|||
currView.size.height + |
|||
'"><div class="adapViewRadioButton"><div class="selectedRadioButtonFill"></div></div>' + |
|||
viewString + |
|||
'</div>'; |
|||
viewSelect += '<option value="' + currView.id + '">' + viewString + '</option>'; |
|||
|
|||
hasViews = true; |
|||
} |
|||
} |
|||
|
|||
$container.append(viewsList); |
|||
$viewSelect.append(viewSelect); |
|||
|
|||
if (!hasViews) { |
|||
if (forProjectOptions) { |
|||
$('#projectOptionsAdaptiveViewsHeader').hide(); |
|||
$('#projectOptionsAdaptiveViewsContainer').hide(); |
|||
} else $('#interfaceAdaptiveViewsContainer').hide(); |
|||
} else { |
|||
if (forProjectOptions) { |
|||
$('#projectOptionsAdaptiveViewsHeader').show(); |
|||
$('#projectOptionsAdaptiveViewsContainer').show(); |
|||
} else $('#interfaceAdaptiveViewsContainer').show(); |
|||
} |
|||
|
|||
$(('.' + adaptiveViewOptionClass)).click(adaptiveViewOption_click); |
|||
|
|||
if (!forProjectOptions) { |
|||
$(('.' + adaptiveViewOptionClass)).mouseup(function (event) { |
|||
event.stopPropagation(); |
|||
}); |
|||
} |
|||
} |
|||
|
|||
|
|||
function collapse_click(event) { |
|||
if($(this).children('.sitemapPlus').length > 0) { |
|||
expand_click($(this)); |
|||
} else { |
|||
$(this) |
|||
.children('.sitemapMinus').removeClass('sitemapMinus').addClass('sitemapPlus').end() |
|||
.closest('li').children('ul').hide(SHOW_HIDE_ANIMATION_DURATION); |
|||
} |
|||
event.stopPropagation(); |
|||
} |
|||
|
|||
function expand_click($this) { |
|||
$this |
|||
.children('.sitemapPlus').removeClass('sitemapPlus').addClass('sitemapMinus').end() |
|||
.closest('li').children('ul').show(SHOW_HIDE_ANIMATION_DURATION); |
|||
} |
|||
|
|||
function searchBoxExpand_click(event) { |
|||
if (!$('#searchIcon').hasClass('sitemapToolbarButtonSelected')) { |
|||
$('#searchIcon').addClass('sitemapToolbarButtonSelected') |
|||
$('#searchBox').width(0); |
|||
$('#searchBox').show(); |
|||
$('#searchBox').animate({ width: '95%' }, { duration: 200, complete: function () { $('#searchBox').focus(); } }); |
|||
} |
|||
} |
|||
|
|||
function searchBoxClose_click(event) { |
|||
if ($('#searchIcon').hasClass('sitemapToolbarButtonSelected')) { |
|||
$('#searchBox').animate({ width: '0%' }, { duration: 200, |
|||
complete: function () { |
|||
$('#searchBox').hide(); |
|||
$('#searchIcon').removeClass('sitemapToolbarButtonSelected') |
|||
}}); |
|||
$('#searchBox').val(''); |
|||
$('#searchBox').keyup(); |
|||
} |
|||
} |
|||
|
|||
function node_click(event) { |
|||
hideMainPanel(); |
|||
$('#sitemapTreeContainer').find('.sitemapHighlight').removeClass('sitemapHighlight'); |
|||
$(this).parent().addClass('sitemapHighlight'); |
|||
$axure.page.navigate($(this).children('.sitemapPageLink')[0].getAttribute('nodeUrl'), true); |
|||
} |
|||
|
|||
function hideMainPanel() { |
|||
$('#mainPanel').css('opacity', '0'); |
|||
$('#clippingBounds').css('opacity', '0'); |
|||
} |
|||
function showMainPanel() { |
|||
$('#mainPanel').animate({ opacity: 1 }, 10); |
|||
$('#clippingBounds').animate({ opacity: 1 }, 10); |
|||
} |
|||
|
|||
$axure.messageCenter.addMessageListener(function(message, data) { |
|||
if(message == 'adaptiveViewChange') { |
|||
$('.adaptiveViewOption').removeClass('currentAdaptiveView'); |
|||
if(data.viewId) {$('.adaptiveViewOption[val="' + data.viewId + '"]').addClass('currentAdaptiveView');} |
|||
else $('.adaptiveViewOption[val="default"]').addClass('currentAdaptiveView'); |
|||
|
|||
//when we set adaptive view through user event, we want to update the checkmark on sitemap
|
|||
if(data.forceSwitchTo) { |
|||
$('.adapViewRadioButton').find('.selectedRadioButtonFill').hide(); |
|||
$('.adapViewRadioButton').removeClass('selectedRadioButton'); |
|||
$('div[val="' + data.forceSwitchTo + '"]').find('.adapViewRadioButton').addClass('selectedRadioButton'); |
|||
$('div[val="' + data.forceSwitchTo + '"]').find('.selectedRadioButtonFill').show(); |
|||
} |
|||
|
|||
updateAdaptiveViewHeader(); |
|||
$axure.player.refreshViewPort(); |
|||
|
|||
} else if(message == 'previousPage') { |
|||
openPreviousPage(); |
|||
} else if(message == 'nextPage') { |
|||
openNextPage(); |
|||
} |
|||
}); |
|||
|
|||
$axure.player.toggleHotspots = function (val) { |
|||
var overflowMenuCheckbox = $('#showHotspotsOption').find('.overflowOptionCheckbox'); |
|||
if ($(overflowMenuCheckbox).hasClass('selected')) { |
|||
if (!val) $('#showHotspotsOption').click(); |
|||
} else { |
|||
if (val) $('#showHotspotsOption').click(); |
|||
} |
|||
} |
|||
|
|||
function showHotspots_click(event) { |
|||
var overflowMenuCheckbox = $('#showHotspotsOption').find('.overflowOptionCheckbox'); |
|||
var projOptionsCheckbox = $('#projectOptionsHotspotsCheckbox'); |
|||
|
|||
if ($(overflowMenuCheckbox).hasClass('selected')) { |
|||
overflowMenuCheckbox.removeClass('selected'); |
|||
if (projOptionsCheckbox.length > 0 ) projOptionsCheckbox.removeClass('selected'); |
|||
$axure.messageCenter.postMessage('highlightInteractive', false); |
|||
//Delete 'hi' hash string var if it exists since default is unselected
|
|||
$axure.player.deleteVarFromCurrentUrlHash(HIGHLIGHT_INTERACTIVE_VAR_NAME); |
|||
} else { |
|||
overflowMenuCheckbox.addClass('selected'); |
|||
if (projOptionsCheckbox.length > 0) projOptionsCheckbox.addClass('selected'); |
|||
$axure.messageCenter.postMessage('highlightInteractive', true); |
|||
//Add 'hi' hash string var so that stay highlighted across reloads
|
|||
$axure.player.setVarInCurrentUrlHash(HIGHLIGHT_INTERACTIVE_VAR_NAME, 1); |
|||
} |
|||
} |
|||
|
|||
|
|||
function adaptiveViewOption_click(event) { |
|||
var currVal = $(this).attr('val'); |
|||
|
|||
$('.adaptiveViewOption').removeClass('currentAdaptiveView'); |
|||
if(currVal) {$('.adaptiveViewOption[val="' + currVal + '"]').addClass('currentAdaptiveView');} |
|||
else $('.adaptiveViewOption[val="default"]').addClass('currentAdaptiveView'); |
|||
|
|||
$('.adapViewRadioButton').find('.selectedRadioButtonFill').hide(); |
|||
$('.adapViewRadioButton').removeClass('selectedRadioButton'); |
|||
$('div[val="' + currVal + '"]').find('.adapViewRadioButton').addClass('selectedRadioButton'); |
|||
$('div[val="' + currVal + '"]').find('.selectedRadioButtonFill').show(); |
|||
|
|||
selectAdaptiveView(currVal); |
|||
$axure.player.closePopup(); |
|||
updateAdaptiveViewHeader(); |
|||
} |
|||
|
|||
var selectAdaptiveView = $axure.player.selectAdaptiveView = function(currVal) { |
|||
if (currVal == 'auto') { |
|||
$axure.messageCenter.postMessage('setAdaptiveViewForSize', { 'width': $('#mainPanel').width(), 'height': $('#mainPanel').height() }); |
|||
$axure.player.deleteVarFromCurrentUrlHash(ADAPTIVE_VIEW_VAR_NAME); |
|||
} else { |
|||
currentPageLoc = $axure.page.location.split("#")[0]; |
|||
var decodedPageLoc = decodeURI(currentPageLoc); |
|||
var nodeUrl = decodedPageLoc.substr(decodedPageLoc.lastIndexOf('/') |
|||
? decodedPageLoc.lastIndexOf('/') + 1 |
|||
: 0); |
|||
var adaptiveData = { |
|||
src: nodeUrl |
|||
}; |
|||
|
|||
adaptiveData.view = currVal; |
|||
$axure.messageCenter.postMessage('switchAdaptiveView', adaptiveData); |
|||
$axure.player.setVarInCurrentUrlHash(ADAPTIVE_VIEW_VAR_NAME, currVal); |
|||
} |
|||
} |
|||
|
|||
$axure.player.updateAdaptiveViewHeader = updateAdaptiveViewHeader = function () { |
|||
var hasDefinedDim = true; |
|||
var dimensionlessViewStr = '(any x any)'; |
|||
|
|||
var viewString = $('.adaptiveViewOption.currentAdaptiveView').text(); |
|||
if (viewString != null && viewString.indexOf(dimensionlessViewStr) >= 0) hasDefinedDim = false; |
|||
|
|||
if (!hasDefinedDim) { |
|||
var viewName = viewString.substring(0, viewString.lastIndexOf(' (')); |
|||
var widthString = $('#mainPanelContainer').width(); |
|||
viewString = viewName + ' (' + widthString + ' x any)'; |
|||
} |
|||
|
|||
$('.adaptiveViewHeader').html(viewString); |
|||
} |
|||
|
|||
$axure.player.selectScaleOption = function (scaleVal) { |
|||
var $scale = $('.vpScaleOption[val="' + scaleVal + '"]'); |
|||
if ($scale.length > 0) $scale.click(); |
|||
} |
|||
|
|||
function vpScaleOption_click(event) { |
|||
var scaleCheckDiv = $(this).find('.scaleRadioButton'); |
|||
var scaleVal = $(this).attr('val'); |
|||
if (scaleCheckDiv.hasClass('selectedRadioButton')) return false; |
|||
|
|||
var $selectedScaleOption = $('.vpScaleOption[val="' + scaleVal + '"], .projectOptionsScaleRow[val="' + scaleVal + '"]'); |
|||
var $allScaleOptions = $('.vpScaleOption, .projectOptionsScaleRow'); |
|||
$allScaleOptions.find('.scaleRadioButton').removeClass('selectedRadioButton'); |
|||
$allScaleOptions.find('.selectedRadioButtonFill').hide(); |
|||
$selectedScaleOption.find('.scaleRadioButton').addClass('selectedRadioButton'); |
|||
$selectedScaleOption.find('.selectedRadioButtonFill').show(); |
|||
|
|||
if (scaleVal == '0') { |
|||
$axure.player.deleteVarFromCurrentUrlHash(SCALE_VAR_NAME); |
|||
} else if (typeof scaleVal !== 'undefined') { |
|||
$axure.player.setVarInCurrentUrlHash(SCALE_VAR_NAME, scaleVal); |
|||
} |
|||
|
|||
$axure.player.refreshViewPort(); |
|||
} |
|||
|
|||
function search_input_keyup(event) { |
|||
var searchVal = $(this).val().toLowerCase(); |
|||
//If empty search field, show all nodes, else grey+hide all nodes and
|
|||
//ungrey+unhide all matching nodes, as well as unhide their parent nodes
|
|||
if(searchVal == '') { |
|||
$('.sitemapPageName').removeClass('sitemapGreyedName'); |
|||
$('.sitemapNode').show(); |
|||
} else { |
|||
$('.sitemapNode').hide(); |
|||
|
|||
$('.sitemapPageName').addClass('sitemapGreyedName').each(function() { |
|||
var nodeName = $(this).text().toLowerCase(); |
|||
if(nodeName.indexOf(searchVal) != -1) { |
|||
$(this).removeClass('sitemapGreyedName').parents('.sitemapNode:first').show().parents('.sitemapExpandableNode').show(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
|
|||
|
|||
function generateSitemap() { |
|||
var treeUl = "<div id='sitemapHeader'' class='sitemapHeader'>"; |
|||
treeUl += "<div id='sitemapToolbar' class='sitemapToolbar'>"; |
|||
|
|||
treeUl += '<div id="searchDiv"><span id="searchIcon" class="sitemapToolbarButton"></span><input id="searchBox" type="text"/></div>'; |
|||
treeUl += "<div class='leftArrow sitemapToolbarButton'></div>"; |
|||
treeUl += "<div class='rightArrow sitemapToolbarButton'></div>"; |
|||
|
|||
treeUl += "</div>"; |
|||
treeUl += "</div>"; |
|||
|
|||
///////////////////
|
|||
|
|||
var sitemapTitle = $axure.player.getProjectName(); |
|||
if (!sitemapTitle) sitemapTitle = "Pages"; |
|||
treeUl += "<div class='sitemapPluginNameHeader pluginNameHeader'>" + sitemapTitle + "</div>"; |
|||
|
|||
treeUl += "<div id='sitemapTreeContainer'>"; |
|||
treeUl += "<ul class='sitemapTree' style='clear:both;'>"; |
|||
var rootNodes = $axure.document.sitemap.rootNodes; |
|||
for(var i = 0; i < rootNodes.length; i++) { |
|||
treeUl += generateNode(rootNodes[i], 0); |
|||
} |
|||
treeUl += "</ul></div>"; |
|||
|
|||
if (!MOBILE_DEVICE) { |
|||
treeUl += "<div id='changePageInstructions' class='pageSwapInstructions'>Use "; |
|||
treeUl += '<span class="backKeys"></span>'; |
|||
treeUl += " and "; |
|||
treeUl += '<span class="forwardKeys"></span>'; |
|||
treeUl += " keys<br>to move between pages"; |
|||
treeUl += "</div>"; |
|||
} |
|||
|
|||
$('#sitemapHost').html(treeUl); |
|||
} |
|||
|
|||
function generateNode(node, level) { |
|||
var hasChildren = (node.children && node.children.length > 0); |
|||
var margin, returnVal; |
|||
if(hasChildren) { |
|||
margin = (9 + level * 17); |
|||
returnVal = "<li class='sitemapNode sitemapExpandableNode'><div><div class='sitemapPageLinkContainer' style='margin-left:" + margin + "px'><a class='sitemapPlusMinusLink'><span class='sitemapMinus'></span></a>"; |
|||
} else { |
|||
margin = (19 + level * 17); |
|||
returnVal = "<li class='sitemapNode sitemapLeafNode'><div><div class='sitemapPageLinkContainer' style='margin-left:" + margin + "px'>"; |
|||
} |
|||
|
|||
var isFolder = node.type == "Folder"; |
|||
if(!isFolder) { |
|||
returnVal += "<a class='sitemapPageLink' nodeUrl='" + node.url + "'>"; |
|||
allNodeUrls.push(node.url); |
|||
} |
|||
returnVal += "<span class='sitemapPageIcon"; |
|||
if(node.type == "Flow"){ returnVal += " sitemapFlowIcon";} |
|||
if(isFolder) { returnVal += " sitemapFolderIcon"; } |
|||
|
|||
returnVal += "'></span><span class='sitemapPageName'>"; |
|||
returnVal += $('<div/>').text(node.pageName).html(); |
|||
returnVal += "</span>"; |
|||
if(!isFolder) returnVal += "</a>"; |
|||
returnVal += "</div></div>"; |
|||
|
|||
if(hasChildren) { |
|||
returnVal += "<ul>"; |
|||
for(var i = 0; i < node.children.length; i++) { |
|||
var child = node.children[i]; |
|||
returnVal += generateNode(child, level + 1); |
|||
} |
|||
returnVal += "</ul>"; |
|||
} |
|||
returnVal += "</li>"; |
|||
return returnVal; |
|||
} |
|||
})(); |
|||
@ -0,0 +1,7 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> |
|||
<g fill="none" fill-rule="evenodd"> |
|||
<rect width="18" height="18" x="1" y="1" stroke="#E1E0E0" stroke-width="2" rx="4"/> |
|||
<rect width="19" height="19" x=".5" y=".5" stroke="#979797" rx="4"/> |
|||
<path fill="#666" d="M9 5V4L4.448 6.5v1L9 9.5v-1C6.733 7.513 5.567 7.013 5.5 7c.069-.017 1.235-.683 3.5-2zM5.292 14.262a.675.675 0 0 1 .195-.477.676.676 0 0 1 .225-.147.753.753 0 0 1 .288-.054c.12 0 .227.022.321.066a.641.641 0 0 1 .234.183.827.827 0 0 1 .141.27c.032.102.048.213.048.333 0 .18-.026.367-.078.561a2.996 2.996 0 0 1-.222.576 3.439 3.439 0 0 1-.84 1.053l-.18-.174a.222.222 0 0 1-.078-.168c0-.052.028-.106.084-.162.04-.044.091-.103.153-.177s.125-.159.189-.255.123-.202.177-.318c.054-.116.093-.24.117-.372h-.078a.709.709 0 0 1-.282-.054.647.647 0 0 1-.219-.153.698.698 0 0 1-.144-.234.834.834 0 0 1-.051-.297z"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,14 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<svg width="5px" height="8px" viewBox="0 0 5 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
|||
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch --> |
|||
<title>open item copy</title> |
|||
<desc>Created with Sketch.</desc> |
|||
<defs></defs> |
|||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
|||
<g id="Tree-item" transform="translate(-6.000000, -9.000000)" fill="#8C8C8C"> |
|||
<g id="closed-item" transform="translate(5.062500, 9.000000)"> |
|||
<polygon id="Rectangle-13" transform="translate(3.500000, 4.000000) rotate(-90.000000) translate(-3.500000, -4.000000) " points="0 1.6 7 1.6 3.5 6.4"></polygon> |
|||
</g> |
|||
</g> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,15 @@ |
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> |
|||
<svg width="13" height="13" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> |
|||
<g id="Page-1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> |
|||
<g id="flow" sketch:type="MSArtboardGroup"> |
|||
<rect id="Rectangle-38" fill="#62666b" sketch:type="MSShapeGroup" x="1" y="10" width="3" height="3"/> |
|||
<rect id="Rectangle-38-Copy" fill="#62666b" sketch:type="MSShapeGroup" x="9" y="10" width="3" height="3"/> |
|||
<path d="M6.90806226,0.277785818 C8.60537484,1.36088413 12,3.52708074 12,3.52708074 L6.47274687,7 L1,3.52708074 L6.47274687,0 C6.47274687,0 6.76295713,0.185190545 6.90806226,0.277785818 Z" id="Shape" fill="#62666b" sketch:type="MSShapeGroup"/> |
|||
<path d="M7.33917705,2.07093789 C8.05945137,2.55245016 9.5,3.51547471 9.5,3.51547471 L6.48513465,5.5 L3.5,3.51547471 L6.48513465,1.5 C6.48513465,1.5 7.05449625,1.88062526 7.33917705,2.07093789 Z" id="Shape-Copy-3" fill="#ffffff" sketch:type="MSShapeGroup"/> |
|||
<path d="M2.45,9 L10.55,9 L11,9 L11,8 L10.55,8 L2.45,8 L2,8 L2,9 L2.45,9 L2.45,9 Z" id="Shape" fill="#62666b" sketch:type="MSShapeGroup"/> |
|||
<path d="M7,7.66666667 L7,6.33333333 L7,6 L6,6 L6,6.33333333 L6,7.66666667 L6,8 L7,8 L7,7.66666667 L7,7.66666667 Z" id="Shape" fill="#62666b" sketch:type="MSShapeGroup"/> |
|||
<path d="M3,10.6666667 L3,9.33333333 L3,9 L2,9 L2,9.33333333 L2,10.6666667 L2,11 L3,11 L3,10.6666667 L3,10.6666667 Z" id="Shape-Copy" fill="#62666b" sketch:type="MSShapeGroup"/> |
|||
<path d="M11,10.6666667 L11,9.33333333 L11,9 L10,9 L10,9.33333333 L10,10.6666667 L10,11 L11,11 L11,10.6666667 L11,10.6666667 Z" id="Shape-Copy-2" fill="#62666b" sketch:type="MSShapeGroup"/> |
|||
</g> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> |
|||
<g fill="#138CDE" fill-rule="evenodd"> |
|||
<path d="M2 4.061h11v8.485H2z"/> |
|||
<path d="M2 3h4.583v3.182H2z"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,10 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> |
|||
<g fill="none" fill-rule="evenodd"> |
|||
<rect width="18" height="18" x="1" y="1" stroke="#E1E0E0" stroke-width="2" rx="4"/> |
|||
<rect width="19" height="19" x=".5" y=".5" stroke="#979797" rx="4"/> |
|||
<path fill="#666" d="M4.448 8.5v1L9 7V6L4.448 4v1c2.267.987 3.433 1.487 3.5 1.5-.069.017-1.235.683-3.5 2z"/> |
|||
<text fill="#666" font-family="Lato-Regular, Lato" font-size="12"> |
|||
<tspan x="4.728" y="16">.</tspan> |
|||
</text> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewBox="0 0 6 11"> |
|||
<path fill="#6D6D6D" fill-rule="evenodd" d="M5.5 11L0 5.5 5.5 0v2L2 5.5 5.5 9z"/> |
|||
</svg> |
|||
@ -0,0 +1,12 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<svg width="9px" height="10px" viewBox="0 0 9 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
|||
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch --> |
|||
<title>open item</title> |
|||
<desc>Created with Sketch.</desc> |
|||
<defs></defs> |
|||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
|||
<g id="open-item" fill="#8C8C8C"> |
|||
<polygon id="Rectangle-13" points="0 0 9 0 4.5 6"></polygon> |
|||
</g> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="9" height="11" viewBox="0 0 9 11"> |
|||
<g fill="none" fill-rule="evenodd" stroke="#979797"> |
|||
<path d="M.5.5h8v10h-8z"/> |
|||
<path stroke-linecap="square" d="M2.5 7.5h4M2.5 3.5h4M2.5 5.5h4"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewBox="0 0 6 11"> |
|||
<path fill="#6D6D6D" fill-rule="evenodd" d="M.5 11L6 5.5.5 0v2L4 5.5.5 9z"/> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"> |
|||
<g fill="none" fill-rule="evenodd" stroke="#018DCC" transform="translate(1 1)"> |
|||
<path stroke-linecap="square" d="M6.5 6.5l2.791 2.865"/> |
|||
<circle cx="3.5" cy="3.5" r="3.5"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,6 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"> |
|||
<g fill="none" fill-rule="evenodd" stroke="#535353" transform="translate(1 1)"> |
|||
<path stroke-linecap="square" d="M6.5 6.5l2.791 2.865"/> |
|||
<circle cx="3.5" cy="3.5" r="3.5"/> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14"> |
|||
<path fill="#008DCB" fill-rule="nonzero" d="M14.965 6C15.532 6 16 6.433 16 7s-.434 1-1.002 1H1.002A.983.983 0 0 1 0 7c0-.567.434-1 1.002-1h13.963zm-4.001 6c.568 0 1.036.433 1.036 1s-.435 1-1.003 1H1.003A.984.984 0 0 1 0 13c0-.567.435-1 1.003-1h9.96zM1.003 2A.984.984 0 0 1 0 1c0-.567.435-1 1.003-1h9.994A.984.984 0 0 1 12 1c0 .567-.435 1-1.003 1H1.003z"/> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14"> |
|||
<path fill="#6D6D6D" fill-rule="nonzero" d="M14.965 6C15.532 6 16 6.433 16 7s-.434 1-1.002 1H1.002A.983.983 0 0 1 0 7c0-.567.434-1 1.002-1h13.963zm-4.001 6c.568 0 1.036.433 1.036 1s-.435 1-1.003 1H1.003A.984.984 0 0 1 0 13c0-.567.435-1 1.003-1h9.96zM1.003 2A.984.984 0 0 1 0 1c0-.567.435-1 1.003-1h9.994A.984.984 0 0 1 12 1c0 .567-.435 1-1.003 1H1.003z"/> |
|||
</svg> |
|||
@ -0,0 +1,384 @@ |
|||
|
|||
#sitemapHost { |
|||
display: flex; |
|||
flex-direction: column; |
|||
height: 100%; |
|||
} |
|||
|
|||
#sitemapHostBtn a { |
|||
background: url('images/sitemap_panel_on.svg') no-repeat center center, linear-gradient(transparent, transparent); |
|||
} |
|||
|
|||
#sitemapHostBtn a.selected, #sitemapHostBtn a.selected:hover { |
|||
background: url('images/sitemap_panel_off.svg') no-repeat center center, linear-gradient(transparent, transparent); |
|||
} |
|||
|
|||
#sitemapHost .pageButtonHeader { |
|||
top: -27px; |
|||
} |
|||
|
|||
#sitemapTreeContainer { |
|||
overflow: auto; |
|||
width: 100%; |
|||
flex: 1; |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
|
|||
.mobileMode #sitemapTreeContainer { |
|||
margin-left: 5px; |
|||
overflow-x: hidden; |
|||
} |
|||
|
|||
.sitemapTree { |
|||
margin: 0px 0px 10px 0px; |
|||
overflow:visible; |
|||
} |
|||
|
|||
.sitemapTree ul { |
|||
list-style-type: none; |
|||
margin: 0px 0px 0px 0px; |
|||
padding-left: 0px; |
|||
} |
|||
|
|||
ul.sitemapTree { |
|||
display: inline-block; |
|||
min-width: 100%; |
|||
} |
|||
|
|||
.pageSwapInstructions { |
|||
width: 129px; |
|||
font-size: 12px; |
|||
text-align: center; |
|||
color: #8c8c8c; |
|||
margin: 0 auto; |
|||
padding: 12px 0px; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.sitemapMinus, .sitemapPlus { |
|||
vertical-align:middle; |
|||
background-repeat: no-repeat; |
|||
margin-right: 3px; |
|||
width: 7px; |
|||
height: 8px; |
|||
object-fit: contain; |
|||
display:inline-block; |
|||
} |
|||
.sitemapMinus { |
|||
margin-bottom: 0px; |
|||
background: url('images/open_item.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
} |
|||
.sitemapPlus { |
|||
margin-bottom: 2px; |
|||
background: url('images/closed_item.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
} |
|||
|
|||
.mobileMode .sitemapMinus, .mobileMode .sitemapPlus { |
|||
width: 10.5px; |
|||
height: 12px; |
|||
margin-right: 5px; |
|||
background-size: contain; |
|||
} |
|||
|
|||
.sitemapPageLink { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.sitemapPageIcon { |
|||
margin: 0px 6px -3px 3px; |
|||
width: 16px; |
|||
height: 16px; |
|||
display: inline-block; |
|||
background: url('images/page_lt_grey.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
} |
|||
|
|||
.mobileMode .sitemapPageIcon { |
|||
margin-right: 7px; |
|||
background-size: contain; |
|||
} |
|||
|
|||
.sitemapFolderIcon { |
|||
background: url('images/folder_closed_blue.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
} |
|||
|
|||
.mobileMode .sitemapFolderIcon { |
|||
width: 18px; |
|||
height: 18px; |
|||
margin-left: 1px; |
|||
background-position-y: 1px; |
|||
background-size: contain; |
|||
} |
|||
|
|||
.sitemapFlowIcon { |
|||
background: url('images/flow.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
} |
|||
|
|||
.sitemapFolderOpenIcon { |
|||
background: url('images/folder_open.png') no-repeat center center; |
|||
background: url('images/folder_open.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
} |
|||
|
|||
.sitemapPageName { |
|||
font-size: 14px; |
|||
line-height: 1.93; |
|||
color: #4a4a4a; |
|||
} |
|||
|
|||
.sitemapPageName.mobileText { |
|||
line-height: 1.69; |
|||
} |
|||
|
|||
.sitemapNode { |
|||
white-space:nowrap; |
|||
} |
|||
|
|||
.sitemapPageLinkContainer { |
|||
cursor: pointer; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.mobileMode .sitemapPageLinkContainer { |
|||
margin-bottom: 13px; |
|||
} |
|||
|
|||
.sitemapHighlight { |
|||
background-color: #e6e6e6; |
|||
} |
|||
|
|||
.sitemapGreyedName |
|||
{ |
|||
color: #AAA; |
|||
} |
|||
|
|||
.sitemapPluginNameHeader { |
|||
margin: 13px 9px 5px 9px; |
|||
font-size: 14px; |
|||
color: #444444; |
|||
} |
|||
|
|||
.sitemapHeader { |
|||
padding-top: 7px; |
|||
} |
|||
|
|||
.mobileMode .sitemapHeader { |
|||
padding-top: 0px; |
|||
} |
|||
|
|||
.sitemapToolbar { |
|||
margin: 0px 3px 0px 5px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.sitemapToolbarButton { |
|||
width: 19px; |
|||
height: 18px; |
|||
border: 1px solid transparent; |
|||
cursor: pointer; |
|||
flex: 0 0 auto; |
|||
} |
|||
|
|||
.hashover .sitemapToolbarButton:hover { |
|||
border-radius: 3px; |
|||
background-color: #e6e6e6 !important; |
|||
} |
|||
|
|||
.sitemapToolbarButton.sitemapToolbarButtonSelected, .sitemapToolbarButton.sitemapToolbarButtonSelected:hover{ |
|||
background-color: inherit !important; |
|||
} |
|||
|
|||
.leftArrow { |
|||
background: url('images/left_arrow.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
margin-left: 11px; |
|||
} |
|||
|
|||
.rightArrow { |
|||
background: url('images/right_arrow.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
margin-left: 3px; |
|||
margin-right: 2px; |
|||
} |
|||
|
|||
#searchIcon { |
|||
width: 10px; |
|||
height: 10px; |
|||
object-fit: contain; |
|||
background: url('images/search_on.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
vertical-align: bottom; |
|||
padding: 5px 4px 5px 4px; |
|||
display: inline-block; |
|||
} |
|||
|
|||
#searchIcon.sitemapToolbarButtonSelected { |
|||
padding: 5px 3px 5px 5px; |
|||
border-top-left-radius: 5px; |
|||
border-bottom-left-radius: 5px; |
|||
border-left: solid 1px #cccccc; |
|||
border-top: solid 1px #cccccc; |
|||
border-bottom: solid 1px #cccccc; |
|||
background: url('images/search_off.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
background-color: #FFFFFF !important; |
|||
} |
|||
|
|||
.backKeys { |
|||
width: 20px; |
|||
height: 21px; |
|||
object-fit: contain; |
|||
vertical-align: bottom; |
|||
margin: 2px; |
|||
display: inline-block; |
|||
background: url('images/back_keys.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
} |
|||
|
|||
.forwardKeys { |
|||
width: 20px; |
|||
height: 21px; |
|||
object-fit: contain; |
|||
vertical-align: bottom; |
|||
margin: 2px; |
|||
display: inline-block; |
|||
background: url('images/forward_keys.svg') no-repeat center center, linear-gradient(transparent,transparent); |
|||
} |
|||
|
|||
#interfaceAdaptiveViewsListContainer { |
|||
position: absolute; |
|||
display: none; |
|||
width: 220px; |
|||
left: 155px; |
|||
padding: 6px 9px; |
|||
top: 36px; |
|||
} |
|||
|
|||
#interfaceScaleListContainer { |
|||
padding: 7.5px 9px 12px 16px; |
|||
margin-top: 9px; |
|||
border-top: solid 1px #bdbcbc; |
|||
order: 10; |
|||
} |
|||
|
|||
.adaptiveViewOption, .vpPresetOption, .vpScaleOption { |
|||
padding: 3px 0px 3px 0px; |
|||
color: #3B3B3B; |
|||
display: flex; |
|||
} |
|||
|
|||
.projectOptionsScaleRow, .projectOptionsAdaptiveViewRow, .projectOptionsHotspotsRow { |
|||
border-top: solid 1px #c7c7c7; |
|||
display: flex; |
|||
padding: 13px 7px 13px 0px; |
|||
} |
|||
|
|||
.adaptiveViewOption:hover, .vpScaleOption:hover, .vpPresetOption:hover, .projectOptionsAdaptiveViewRow:hover, .projectOptionsScaleRow:hover |
|||
{ |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.scaleRadioButton, .adapViewRadioButton { |
|||
border: solid 1px #8c8c8c; |
|||
display: inline-block; |
|||
position: relative; |
|||
width: 12px; |
|||
height: 12px; |
|||
border-radius: 48px; |
|||
margin-right: 12px; |
|||
top: 2px; |
|||
flex-shrink: 0; |
|||
} |
|||
|
|||
.mobileMode .scaleRadioButton, .mobileMode .adapViewRadioButton { |
|||
width: 20px; |
|||
height: 20px; |
|||
border-radius: 60px; |
|||
margin-right: 22px; |
|||
margin-left: 22px; |
|||
top: 0px; |
|||
flex-shrink: 0; |
|||
} |
|||
|
|||
.selectedRadioButton { |
|||
border: solid 1px #20aca9; |
|||
} |
|||
|
|||
.selectedRadioButtonFill { |
|||
position: relative; |
|||
display: none; |
|||
background-color: #20aca9; |
|||
margin: auto; |
|||
width: 8px; |
|||
height: 8px; |
|||
border-radius: 30px; |
|||
top: 2px; |
|||
} |
|||
.mobileMode .selectedRadioButtonFill { |
|||
width: 12px; |
|||
height: 12px; |
|||
border-radius: 48px; |
|||
top: 4px; |
|||
} |
|||
|
|||
#searchDiv { |
|||
display: flex; |
|||
margin-right: auto; |
|||
flex: 1; |
|||
} |
|||
|
|||
#searchBox { |
|||
display: none; |
|||
width: 0%; |
|||
height: 22px; |
|||
padding-left: 5px; |
|||
border-radius: 0px 5px 5px 0px; |
|||
border-right: solid 1px #cccccc; |
|||
border-top: solid 1px #cccccc; |
|||
border-bottom: solid 1px #cccccc; |
|||
border-left: none; |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
#searchBox:focus { |
|||
outline-width: 0; |
|||
} |
|||
|
|||
.searchBoxHint { |
|||
color: #8f949a; |
|||
} |
|||
|
|||
#sitemapHost.popup #searchDiv{ |
|||
display: none; |
|||
} |
|||
|
|||
#sitemapHost.popup #sitemapHeader{ |
|||
display: none; |
|||
} |
|||
|
|||
#sitemapHost.popup #changePageInstructions{ |
|||
display: none; |
|||
} |
|||
|
|||
.mobileMode #sitemapHeader { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
|
|||
/* Expo Sitemap |
|||
******************************************************************************/ |
|||
|
|||
.expoSitemapNode { |
|||
padding: 15px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.sitemapPageImg { |
|||
max-width: 90%; |
|||
max-height: 150px; |
|||
} |
|||
|
|||
.popup .sitemapPageImg { |
|||
display: none; |
|||
} |
|||
|
|||
.popup .expoSitemapNode { |
|||
padding: 0 0 0 10px; |
|||
text-align: left; |
|||
} |
|||
@ -0,0 +1,35 @@ |
|||
<html> |
|||
<head> |
|||
<title></title> |
|||
</head> |
|||
<body> |
|||
<br /> |
|||
<div style="width:100%; text-align:center; font-family:Arial; font-size:12px;" id=other></div> |
|||
<br /> |
|||
<div style="width:100%; text-align:center; font-family:Arial; font-size:12px;"> |
|||
<button onclick="parent.window.close();"> |
|||
Close |
|||
</button> |
|||
</div> |
|||
|
|||
<SCRIPT src="axurerp_pagescript.js"></SCRIPT> |
|||
|
|||
<script language=javascript> |
|||
function getQueryVariable(variable) { |
|||
var query = window.location.hash.substring(1); |
|||
var vars = query.split("&&&"); |
|||
for (var i=0;i<vars.length;i++) { |
|||
var pair = vars[i].split("="); |
|||
if (pair[0] == variable) { |
|||
return decodeURI(pair[1]); |
|||
} |
|||
} |
|||
} |
|||
|
|||
var other = document.getElementById('other'); |
|||
other.innerHTML = getQueryVariable('other'); |
|||
|
|||
</script> |
|||
|
|||
</body> |
|||
</html> |
|||
Binary file not shown.
|
After Width: 400 | Height: 160 | Size: 9.8 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: 175 | Height: 51 | Size: 3.4 KiB |
@ -0,0 +1,187 @@ |
|||
<html> |
|||
<head> |
|||
<title>Install the Axure RP Chrome Extension</title> |
|||
<style type="text/css"> |
|||
* |
|||
{ |
|||
font-family: NunitoSans, Helvetica, Arial, sans-serif; |
|||
} |
|||
body |
|||
{ |
|||
text-align: center; |
|||
background-color: #fafafa; |
|||
} |
|||
p |
|||
{ |
|||
font-size: 14px; |
|||
line-height: 18px; |
|||
color: #333333; |
|||
} |
|||
div.container |
|||
{ |
|||
width: 980px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
text-align: left; |
|||
} |
|||
a |
|||
{ |
|||
text-decoration: none; |
|||
color: #009dda; |
|||
} |
|||
.button |
|||
{ |
|||
background: #A502B3; |
|||
font: normal 16px Arial, sans-serif; |
|||
color: #FFFFFF; |
|||
padding: 10px 30px 10px 30px; |
|||
border: 2px solid #A502B3; |
|||
display: inline-block; |
|||
margin-top: 10px; |
|||
text-transform: uppercase; |
|||
font-size: 14px; |
|||
border-radius: 4px; |
|||
} |
|||
a:hover.button |
|||
{ |
|||
border: 2px solid #A502B3; |
|||
color: #A502B3; |
|||
background-color: #FFFFFF; |
|||
} |
|||
div.left |
|||
{ |
|||
width: 400px; |
|||
float: left; |
|||
margin-right: 80px; |
|||
} |
|||
div.right |
|||
{ |
|||
width: 400px; |
|||
float: left; |
|||
} |
|||
div.buttonContainer |
|||
{ |
|||
text-align: center; |
|||
} |
|||
h1 |
|||
{ |
|||
font-size: 36px; |
|||
color: #333333; |
|||
line-height: 50px; |
|||
margin-bottom: 20px; |
|||
font-weight: normal; |
|||
} |
|||
h2 |
|||
{ |
|||
font-size: 24px; |
|||
font-weight: normal; |
|||
color: #08639C; |
|||
text-align: center; |
|||
} |
|||
h3 |
|||
{ |
|||
font-size: 16px; |
|||
color: #333333; |
|||
font-weight: normal; |
|||
text-transform: uppercase; |
|||
} |
|||
.heading |
|||
{ |
|||
border-bottom: 1px solid black; |
|||
height: 36px; |
|||
line-height: 36px; |
|||
font-size: 22px; |
|||
color: #000000; |
|||
|
|||
} |
|||
span.faq |
|||
{ |
|||
font-size: 16px; |
|||
line-height: 24px; |
|||
font-weight: normal; |
|||
text-transform: uppercase; |
|||
color: #333333; |
|||
display: block; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="container"> |
|||
<br /> |
|||
<br /> |
|||
<img src="axure_logo.png" alt="axure" /> |
|||
<br /> |
|||
<br /> |
|||
<h1> |
|||
AXURE RP EXTENSION FOR CHROME</h1> |
|||
<p style="font-size: 14px; color: #666666; margin-top: 10px;"> |
|||
Google Chrome requires an extension to view locally stored projects. Alternatively, |
|||
upload your RP file to <a href="https://www.axure.cloud">Axure Cloud</a> or use a different |
|||
browser. You can also Preview from Axure RP.</p> |
|||
<img src="preview-rp.png" alt="preview"/> |
|||
<h3 class="heading"> |
|||
VIEW LOCAL PROJECTS IN CHROME</h3> |
|||
<div class="left"> |
|||
<h3> |
|||
1. Install Extension from Chrome Store</h3> |
|||
<div class="buttonContainer"> |
|||
<a class="button" href="https://chrome.google.com/webstore/detail/dogkpdfcklifaemcdfbildhcofnopogp" |
|||
target="_blank">Install Extension</a> |
|||
</div> |
|||
</div> |
|||
<div class="right"> |
|||
<h3> |
|||
2. Open "More Tools > Extensions"</h3> |
|||
<img src="extensions.png" alt="extensions"/> |
|||
</div> |
|||
<div style="clear: both; height: 20px;"> |
|||
</div> |
|||
<div class="left"> |
|||
<h3> |
|||
3. View Axure RP Extension Details</h3> |
|||
<img src="details.png" alt="extension details"/> |
|||
</div> |
|||
<div class="right"> |
|||
<h3> |
|||
4. Check "Allow access to file URLs"</h3> |
|||
<img src="allow-access.png" alt="allow access"/> |
|||
</div> |
|||
<div style="clear: both; height: 20px;"> |
|||
</div> |
|||
<div class="left"> |
|||
<h3> |
|||
5. Click the button below</h3> |
|||
<div class="buttonContainer"> |
|||
<a class="button" href="../../start.html">View in Chrome</a> |
|||
</div> |
|||
</div> |
|||
<div style="clear: both; height: 20px;"> |
|||
</div> |
|||
<h3 class="heading"> |
|||
EXTENSION FAQ</h3> |
|||
<p> |
|||
<span class="faq">What is a Chrome Extension?</span> Extensions are downloadable |
|||
plug-ins for Google Chrome that modify the browser |
|||
and allow you additional capabilities. |
|||
</p> |
|||
<p style="margin-top: 25px;"> |
|||
<span class="faq">Why do I need to install the extension?</span> Google requires |
|||
this extension to be installed to allow the viewing of local files in |
|||
Chrome |
|||
</p> |
|||
<p style="margin-top: 25px; margin-bottom: 25px;"> |
|||
<span class="faq">Why does this extension require a high access level?</span> This |
|||
extension requires a high access level to allow the viewing of the file:// |
|||
protocol. Axure does not track or access any of your information. |
|||
</p> |
|||
<h3 class="heading"> |
|||
WE'RE HERE TO HELP</h3> |
|||
<p> |
|||
Need help or have any questions? Contact our support team at <a href="mailto:support@axure.com"> |
|||
support@axure.com</a>. |
|||
</p> |
|||
<div style="clear: both; height: 20px;"> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
Binary file not shown.
|
After Width: 400 | Height: 160 | Size: 21 KiB |
Binary file not shown.
|
After Width: 400 | Height: 330 | Size: 38 KiB |
@ -0,0 +1,130 @@ |
|||
<html> |
|||
<head> |
|||
<title>Axure RP - Firefox Local File Restrictions</title> |
|||
<style type="text/css"> |
|||
* |
|||
{ |
|||
font-family: Helvetica, Arial, sans-serif; |
|||
} |
|||
body |
|||
{ |
|||
text-align: center; |
|||
background-color: #fafafa; |
|||
} |
|||
p |
|||
{ |
|||
font-size: 14px; |
|||
line-height: 18px; |
|||
color: #333333; |
|||
} |
|||
div.container |
|||
{ |
|||
width: 980px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
text-align: left; |
|||
} |
|||
a |
|||
{ |
|||
text-decoration: none; |
|||
color: #009dda; |
|||
} |
|||
.button |
|||
{ |
|||
background: #A502B3; |
|||
font: normal 16px Arial, sans-serif; |
|||
color: #FFFFFF; |
|||
padding: 10px 30px 10px 30px; |
|||
border: 2px solid #A502B3; |
|||
display: inline-block; |
|||
margin-top: 10px; |
|||
text-transform: uppercase; |
|||
font-size: 14px; |
|||
border-radius: 4px; |
|||
} |
|||
a:hover.button |
|||
{ |
|||
border: 2px solid #A502B3; |
|||
color: #A502B3; |
|||
background-color: #FFFFFF; |
|||
} |
|||
div.left |
|||
{ |
|||
width: 400px; |
|||
float: left; |
|||
margin-right: 80px; |
|||
} |
|||
div.right |
|||
{ |
|||
width: 400px; |
|||
float: left; |
|||
} |
|||
div.buttonContainer |
|||
{ |
|||
text-align: center; |
|||
} |
|||
h1 |
|||
{ |
|||
font-size: 36px; |
|||
color: #333333; |
|||
line-height: 50px; |
|||
margin-bottom: 20px; |
|||
font-weight: normal; |
|||
} |
|||
h2 |
|||
{ |
|||
font-size: 24px; |
|||
font-weight: normal; |
|||
color: #08639C; |
|||
text-align: center; |
|||
} |
|||
h3 |
|||
{ |
|||
font-size: 16px; |
|||
line-height: 24px; |
|||
color: #333333; |
|||
font-weight: normal; |
|||
} |
|||
.heading |
|||
{ |
|||
border-bottom: 1px solid black; |
|||
height: 36px; |
|||
line-height: 36px; |
|||
font-size: 22px; |
|||
color: #000000; |
|||
} |
|||
span.faq |
|||
{ |
|||
font-size: 16px; |
|||
font-weight: normal; |
|||
text-transform: uppercase; |
|||
color: #333333; |
|||
display: block; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="container"> |
|||
<br /> |
|||
<br /> |
|||
<img src="axure_logo.png" alt="axure" /> |
|||
<br /> |
|||
<h1> |
|||
FIREFOX LOCAL FILE RESTRICTIONS</h1> |
|||
<p style="font-size: 16px; line-height: 24px; color: #666666; margin-top: 10px;"> |
|||
Firefox does not permit locally stored files to be viewed. Use Preview to view your projects in progress. |
|||
<img src="preview-rp.png" alt="preview"/> |
|||
</p> |
|||
<p style="font-size: 16px; line-height: 24px; color: #666666; margin-top: 10px;"> |
|||
Alternatively, you can choose a different web browser, upload your RP file to <a href="https://app.axure.cloud">Axure Cloud</a> or publish the local files to a web server.</p> |
|||
<h3 class="heading"> |
|||
We're Here to Help</h3> |
|||
<p> |
|||
Need help or have any questions? Drop us a line at <a href="mailto:support@axure.com"> |
|||
support@axure.com</a>. |
|||
</p> |
|||
<div style="clear: both; height: 20px;"> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
Binary file not shown.
|
After Width: 325 | Height: 250 | Size: 21 KiB |
@ -0,0 +1,155 @@ |
|||
<html> |
|||
<head> |
|||
<title>Axure RP - Safari Local File Restrictions</title> |
|||
<style type="text/css"> |
|||
* |
|||
{ |
|||
font-family: Helvetica, Arial, sans-serif; |
|||
} |
|||
body |
|||
{ |
|||
text-align: center; |
|||
background-color: #fafafa; |
|||
} |
|||
p |
|||
{ |
|||
font-size: 14px; |
|||
line-height: 18px; |
|||
color: #333333; |
|||
} |
|||
div.container |
|||
{ |
|||
width: 980px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
text-align: left; |
|||
} |
|||
a |
|||
{ |
|||
text-decoration: none; |
|||
color: #009dda; |
|||
} |
|||
.button |
|||
{ |
|||
background: #A502B3; |
|||
font: normal 16px Arial, sans-serif; |
|||
color: #FFFFFF; |
|||
padding: 10px 30px 10px 30px; |
|||
border: 2px solid #A502B3; |
|||
display: inline-block; |
|||
margin-top: 10px; |
|||
text-transform: uppercase; |
|||
font-size: 14px; |
|||
border-radius: 4px; |
|||
} |
|||
a:hover.button |
|||
{ |
|||
border: 2px solid #A502B3; |
|||
color: #A502B3; |
|||
background-color: #FFFFFF; |
|||
} |
|||
div.left |
|||
{ |
|||
width: 400px; |
|||
float: left; |
|||
margin-right: 80px; |
|||
} |
|||
div.right |
|||
{ |
|||
width: 400px; |
|||
float: left; |
|||
} |
|||
div.buttonContainer |
|||
{ |
|||
text-align: center; |
|||
} |
|||
h1 |
|||
{ |
|||
font-size: 36px; |
|||
color: #333333; |
|||
line-height: 50px; |
|||
margin-bottom: 20px; |
|||
font-weight: normal; |
|||
} |
|||
h2 |
|||
{ |
|||
font-size: 24px; |
|||
font-weight: normal; |
|||
color: #08639C; |
|||
text-align: center; |
|||
} |
|||
h3 |
|||
{ |
|||
font-size: 16px; |
|||
line-height: 24px; |
|||
color: #333333; |
|||
font-weight: normal; |
|||
} |
|||
.heading |
|||
{ |
|||
border-bottom: 1px solid black; |
|||
height: 36px; |
|||
line-height: 36px; |
|||
font-size: 22px; |
|||
color: #000000; |
|||
} |
|||
span.faq |
|||
{ |
|||
font-size: 16px; |
|||
font-weight: normal; |
|||
text-transform: uppercase; |
|||
color: #333333; |
|||
display: block; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="container"> |
|||
<br /> |
|||
<br /> |
|||
<img src="axure_logo.png" alt="axure" /> |
|||
<br /> |
|||
<h1> |
|||
SAFARI LOCAL FILE RESTRICTIONS</h1> |
|||
<p style="font-size: 16px; line-height: 24px; color: #666666; margin-top: 10px;"> |
|||
To view locally stored projects in Safari, you will need to "disable local file restrictions". Alternatively, |
|||
you can upload your RP file to <a href="https://www.axure.cloud">Axure Cloud</a> or publish the local files to a web server. You can also Preview from Axure RP.</p> |
|||
<img src="preview-rp.png" alt="preview"/> |
|||
<h3 class="heading"> |
|||
VIEW LOCAL PROJECTS IN SAFARI</h3> |
|||
<div class=""> |
|||
<h3> |
|||
1. Open "Safari > Preferences > Advanced" from the top menu, and check the option to "Show Develop menu in menu bar"</h3> |
|||
<img src="safari_advanced.png" alt="advanced" /> |
|||
</div> |
|||
<div style="clear: both; height: 20px;"> |
|||
|
|||
</div> |
|||
<div class=""> |
|||
<h3> |
|||
2. In the Develop menu that appears in the menu bar, click "Develop > Disable Local File Restrictions" to un-select the menu option</h3> |
|||
<img src="safari_restrictions.png" alt="extensions" /> |
|||
</div> |
|||
<div style="clear: both; height: 20px;"> |
|||
</div> |
|||
<div class="left"> |
|||
<h3> |
|||
3. Click the button below |
|||
</h3> |
|||
<div class="buttonContainer"> |
|||
<a class="button" href="../../start.html">View in Safari</a> |
|||
</div> |
|||
</div> |
|||
<div style="clear: both; height: 20px;"> |
|||
</div> |
|||
<h3 class="heading"> |
|||
We're Here to Help</h3> |
|||
<p> |
|||
Need help or have any questions? Drop us a line at <a href="mailto:support@axure.com"> |
|||
support@axure.com</a>. |
|||
</p> |
|||
<div style="clear: both; height: 20px;"> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
Binary file not shown.
|
After Width: 776 | Height: 462 | Size: 83 KiB |
Binary file not shown.
|
After Width: 359 | Height: 672 | Size: 149 KiB |
Binary file not shown.
|
After Width: 931 | Height: 11 | Size: 1.2 KiB |
Binary file not shown.
|
After Width: 960 | Height: 2 | Size: 251 B |
@ -0,0 +1,292 @@ |
|||
/* so the window resize fires within a frame in IE7 */ |
|||
html, body { |
|||
height: 100%; |
|||
} |
|||
|
|||
.mobileFrameCursor div * { |
|||
cursor: inherit !important; |
|||
} |
|||
|
|||
a { |
|||
color: inherit; |
|||
} |
|||
|
|||
p { |
|||
margin: 0px; |
|||
text-rendering: optimizeLegibility; |
|||
font-feature-settings: "kern" 1; |
|||
-webkit-font-feature-settings: "kern"; |
|||
-moz-font-feature-settings: "kern"; |
|||
-moz-font-feature-settings: "kern=1"; |
|||
font-kerning: normal; |
|||
} |
|||
|
|||
ul { |
|||
margin:0px; |
|||
} |
|||
|
|||
iframe { |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
/* to match IE with C, FF */ |
|||
input { |
|||
padding: 1px 0px 1px 0px; |
|||
box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
} |
|||
|
|||
input[type=text]::-ms-clear { |
|||
width: 0; |
|||
height: 0; |
|||
display: none; |
|||
} |
|||
|
|||
textarea { |
|||
margin: 0px; |
|||
box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
} |
|||
|
|||
.focused:focus, .selectedFocused:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
div.intcases { |
|||
font-family: arial; |
|||
font-size: 12px; |
|||
text-align:left; |
|||
border:1px solid #AAA; |
|||
background:#FFF none repeat scroll 0% 0%; |
|||
z-index:9999; |
|||
visibility:hidden; |
|||
position:absolute; |
|||
padding: 0px; |
|||
border-radius: 3px; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
div.intcaselink { |
|||
cursor: pointer; |
|||
padding: 3px 8px 3px 8px; |
|||
margin: 5px; |
|||
background:#EEE none repeat scroll 0% 0%; |
|||
border:1px solid #AAA; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
div.refpageimage { |
|||
position: absolute; |
|||
left: 0px; |
|||
top: 0px; |
|||
font-size: 0px; |
|||
width: 16px; |
|||
height: 16px; |
|||
cursor: pointer; |
|||
background-image: url(images/newwindow.gif); |
|||
background-repeat: no-repeat; |
|||
} |
|||
|
|||
div.annnoteimage { |
|||
position: absolute; |
|||
left: 0px; |
|||
top: 0px; |
|||
font-size: 0px; |
|||
/*width: 16px; |
|||
height: 12px;*/ |
|||
cursor: help; |
|||
/*background-image: url(images/note.gif);*/ |
|||
/*background-repeat: no-repeat;*/ |
|||
width: 13px; |
|||
height: 12px; |
|||
padding-top: 1px; |
|||
text-align: center; |
|||
background-color: #138CDD; |
|||
-moz-box-shadow: 1px 1px 3px #aaa; |
|||
-webkit-box-shadow: 1px 1px 3px #aaa; |
|||
box-shadow: 1px 1px 3px #aaa; |
|||
} |
|||
|
|||
div.annnoteline { |
|||
display: inline-block; |
|||
width: 9px; |
|||
height: 1px; |
|||
border-bottom: 1px solid white; |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
div.annnotelabel { |
|||
/*position: absolute; |
|||
left: 0px; |
|||
top: 0px;*/ |
|||
font-family: Helvetica,Arial; |
|||
white-space: nowrap; |
|||
|
|||
padding-top: 1px; |
|||
background-color: #fff849; |
|||
font-size: 10px; |
|||
font-weight: bold; |
|||
line-height: 14px; |
|||
margin-right: 3px; |
|||
padding: 0px 4px; |
|||
color: #000; |
|||
|
|||
-moz-box-shadow: 1px 1px 3px #aaa; |
|||
-webkit-box-shadow: 1px 1px 3px #aaa; |
|||
box-shadow: 1px 1px 3px #aaa; |
|||
} |
|||
|
|||
div.annnote { |
|||
display: flex; |
|||
position: absolute; |
|||
cursor: help; |
|||
line-height: 14px; |
|||
} |
|||
|
|||
.annotation { |
|||
font-size: 12px; |
|||
padding-left: 2px; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.annotationName { |
|||
/*font-size: 13px; |
|||
font-weight: bold; |
|||
margin-bottom: 3px; |
|||
white-space: nowrap;*/ |
|||
|
|||
font-family: 'Trebuchet MS'; |
|||
font-size: 14px; |
|||
font-weight: bold; |
|||
margin-bottom: 5px; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.annotationValue { |
|||
font-family: Arial, Helvetica, Sans-Serif; |
|||
font-size: 12px; |
|||
color: #4a4a4a; |
|||
line-height: 21px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.noteLink { |
|||
text-decoration: inherit; |
|||
color: inherit; |
|||
} |
|||
|
|||
.noteLink:hover { |
|||
background-color: white; |
|||
} |
|||
|
|||
/* this is a fix for the issue where dialogs jump around and takes the text-align from the body */ |
|||
.dialogFix { |
|||
position:absolute; |
|||
text-align:left; |
|||
border: 1px solid #8f949a; |
|||
} |
|||
|
|||
|
|||
@keyframes pulsate { |
|||
from { |
|||
box-shadow: 0 0 10px #15d6ba; |
|||
} |
|||
to { |
|||
box-shadow: 0 0 20px #15d6ba; |
|||
} |
|||
} |
|||
|
|||
@-webkit-keyframes pulsate { |
|||
from { |
|||
-webkit-box-shadow: 0 0 10px #15d6ba; |
|||
box-shadow: 0 0 10px #15d6ba; |
|||
} |
|||
to { |
|||
-webkit-box-shadow: 0 0 20px #15d6ba; |
|||
box-shadow: 0 0 20px #15d6ba; |
|||
} |
|||
} |
|||
|
|||
@-moz-keyframes pulsate { |
|||
from { |
|||
-moz-box-shadow: 0 0 10px #15d6ba; |
|||
box-shadow: 0 0 10px #15d6ba; |
|||
} |
|||
to { |
|||
-moz-box-shadow: 0 0 20px #15d6ba; |
|||
box-shadow: 0 0 20px #15d6ba; |
|||
} |
|||
} |
|||
|
|||
.legacyPulsateBorder { |
|||
/*border: 5px solid #15d6ba; |
|||
margin: -5px;*/ |
|||
-moz-box-shadow: 0 0 10px 3px #15d6ba; |
|||
box-shadow: 0 0 10px 3px #15d6ba; |
|||
} |
|||
|
|||
.pulsateBorder { |
|||
animation-name: pulsate; |
|||
animation-timing-function: ease-in-out; |
|||
animation-duration: 0.9s; |
|||
animation-iteration-count: infinite; |
|||
animation-direction: alternate; |
|||
|
|||
-webkit-animation-name: pulsate; |
|||
-webkit-animation-timing-function: ease-in-out; |
|||
-webkit-animation-duration: 0.9s; |
|||
-webkit-animation-iteration-count: infinite; |
|||
-webkit-animation-direction: alternate; |
|||
|
|||
-moz-animation-name: pulsate; |
|||
-moz-animation-timing-function: ease-in-out; |
|||
-moz-animation-duration: 0.9s; |
|||
-moz-animation-iteration-count: infinite; |
|||
-moz-animation-direction: alternate; |
|||
} |
|||
|
|||
.ax_default_hidden, .ax_default_unplaced{ |
|||
display: none; |
|||
visibility: hidden; |
|||
} |
|||
|
|||
.widgetNoteSelected { |
|||
-moz-box-shadow: 0 0 10px 3px #138CDD; |
|||
box-shadow: 0 0 10px 3px #138CDD; |
|||
/*-moz-box-shadow: 0 0 20px #3915d6; |
|||
box-shadow: 0 0 20px #3915d6;*/ |
|||
/*border: 3px solid #3915d6;*/ |
|||
/*margin: -3px;*/ |
|||
} |
|||
|
|||
|
|||
.singleImg { |
|||
display: none; |
|||
visibility: hidden; |
|||
} |
|||
|
|||
#ios-safari { |
|||
overflow: auto; |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
|
|||
#ios-safari-html { |
|||
display: block; |
|||
overflow: auto; |
|||
-webkit-overflow-scrolling: touch; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
} |
|||
|
|||
#ios-safari-fixed { |
|||
position: absolute; |
|||
pointer-events: none; |
|||
width: initial; |
|||
} |
|||
|
|||
#ios-safari-fixed div { |
|||
pointer-events: auto; |
|||
} |
|||
1052
resources/css/default.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,25 @@ |
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
|||
<html> |
|||
<head> |
|||
<title></title> |
|||
</head> |
|||
<body> |
|||
<p> |
|||
<img border="0" src="note.gif" width="1" height="1"> |
|||
<img border="0" src="newwindow.gif" width="1" height="1"> |
|||
<img border="0" src="ui-bg_flat_0_aaaaaa_40x100.png" width="1" height="1"> |
|||
<img border="0" src="ui-bg_glass_55_fbf9ee_1x400.png" width="1" height="1"> |
|||
<img border="0" src="ui-bg_glass_65_ffffff_1x400.png" width="1" height="1"> |
|||
<img border="0" src="ui-bg_glass_75_dadada_1x400.png" width="1" height="1"> |
|||
<img border="0" src="ui-bg_glass_75_e6e6e6_1x400.png" width="1" height="1"> |
|||
<img border="0" src="ui-bg_glass_75_ffffff_1x400.png" width="1" height="1"> |
|||
<img border="0" src="ui-bg_highlight-soft_75_cccccc_1x100.png" width="1" height="1"> |
|||
<img border="0" src="ui-bg_inset-soft_95_fef1ec_1x100.png" width="1" height="1"> |
|||
<img border="0" src="ui-icons_222222_256x240.png" width="1" height="1"> |
|||
<img border="0" src="ui-icons_2e83ff_256x240.png" width="1" height="1"> |
|||
<img border="0" src="ui-icons_454545_256x240.png" width="1" height="1"> |
|||
<img border="0" src="ui-icons_888888_256x240.png" width="1" height="1"> |
|||
<img border="0" src="ui-icons_cd0a0a_256x240.png" width="1" height="1"> |
|||
</p> |
|||
</body> |
|||
</html> |
|||
Binary file not shown.
|
After Width: 16 | Height: 16 | Size: 112 B |
Binary file not shown.
|
After Width: 16 | Height: 16 | Size: 98 B |
Binary file not shown.
@ -0,0 +1,32 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
|||
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch --> |
|||
<title>touch_update</title> |
|||
<desc>Created with Sketch.</desc> |
|||
<defs> |
|||
<circle id="path-1" cx="859" cy="783" r="24"></circle> |
|||
<filter x="-26.0%" y="-26.0%" width="152.1%" height="152.1%" filterUnits="objectBoundingBox" id="filter-2"> |
|||
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology> |
|||
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset> |
|||
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> |
|||
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite> |
|||
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix> |
|||
</filter> |
|||
<filter x="-41.7%" y="-41.7%" width="183.3%" height="183.3%" filterUnits="objectBoundingBox" id="filter-3"> |
|||
<feGaussianBlur stdDeviation="7.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur> |
|||
<feOffset dx="5" dy="8" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset> |
|||
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite> |
|||
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.356034873 0" type="matrix" in="shadowInnerInner1"></feColorMatrix> |
|||
</filter> |
|||
</defs> |
|||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
|||
<g id="Sitemap-expanded" transform="translate(-827.000000, -751.000000)" fill-rule="nonzero"> |
|||
<g id="touch_update"> |
|||
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use> |
|||
<use fill-opacity="0.236894248" fill="#E4DEDE" fill-rule="evenodd" xlink:href="#path-1"></use> |
|||
<use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-1"></use> |
|||
<use stroke-opacity="0.225798234" stroke="#CACACA" stroke-width="1" xlink:href="#path-1"></use> |
|||
</g> |
|||
</g> |
|||
</g> |
|||
</svg> |
|||
Binary file not shown.
|
After Width: 40 | Height: 100 | Size: 180 B |
Binary file not shown.
|
After Width: 1 | Height: 400 | Size: 120 B |
Binary file not shown.
|
After Width: 1 | Height: 400 | Size: 105 B |
Binary file not shown.
|
After Width: 1 | Height: 400 | Size: 111 B |
Binary file not shown.
|
After Width: 1 | Height: 400 | Size: 110 B |
Binary file not shown.
|
After Width: 1 | Height: 400 | Size: 107 B |
Binary file not shown.
|
After Width: 1 | Height: 100 | Size: 101 B |
Binary file not shown.
|
After Width: 1 | Height: 100 | Size: 123 B |
Binary file not shown.
|
After Width: 256 | Height: 240 | Size: 4.3 KiB |
Binary file not shown.
|
After Width: 256 | Height: 240 | Size: 4.3 KiB |
Binary file not shown.
|
After Width: 256 | Height: 240 | Size: 4.3 KiB |
Binary file not shown.
|
After Width: 256 | Height: 240 | Size: 4.3 KiB |
Binary file not shown.
|
After Width: 256 | Height: 240 | Size: 4.3 KiB |
@ -0,0 +1,412 @@ |
|||
/* |
|||
* jQuery UI CSS Framework |
|||
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) |
|||
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. |
|||
*/ |
|||
|
|||
/* Layout helpers |
|||
----------------------------------*/ |
|||
.ui-helper-hidden { display: none; } |
|||
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } |
|||
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } |
|||
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } |
|||
.ui-helper-clearfix { display: inline-block; } |
|||
/* required comment for clearfix to work in Opera \*/ |
|||
* html .ui-helper-clearfix { height:1%; } |
|||
.ui-helper-clearfix { display:block; } |
|||
/* end clearfix */ |
|||
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } |
|||
|
|||
|
|||
/* Interaction Cues |
|||
----------------------------------*/ |
|||
.ui-state-disabled { cursor: default !important; } |
|||
|
|||
|
|||
/* Icons |
|||
----------------------------------*/ |
|||
|
|||
/* states and images */ |
|||
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } |
|||
|
|||
|
|||
/* Misc visuals |
|||
----------------------------------*/ |
|||
|
|||
/* Overlays */ |
|||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }/* Accordion |
|||
----------------------------------*/ |
|||
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } |
|||
.ui-accordion .ui-accordion-li-fix { display: inline; } |
|||
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } |
|||
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } |
|||
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } |
|||
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } |
|||
.ui-accordion .ui-accordion-content-active { display: block; } |
|||
|
|||
/* Datepicker |
|||
----------------------------------*/ |
|||
.ui-datepicker { width: 17em; padding: .2em .2em 0; } |
|||
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } |
|||
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } |
|||
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } |
|||
.ui-datepicker .ui-datepicker-prev { left:2px; } |
|||
.ui-datepicker .ui-datepicker-next { right:2px; } |
|||
.ui-datepicker .ui-datepicker-prev-hover { left:1px; } |
|||
.ui-datepicker .ui-datepicker-next-hover { right:1px; } |
|||
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } |
|||
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } |
|||
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } |
|||
.ui-datepicker select.ui-datepicker-month-year {width: 100%;} |
|||
.ui-datepicker select.ui-datepicker-month, |
|||
.ui-datepicker select.ui-datepicker-year { width: 49%;} |
|||
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } |
|||
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } |
|||
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } |
|||
.ui-datepicker td { border: 0; padding: 1px; } |
|||
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } |
|||
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } |
|||
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } |
|||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } |
|||
|
|||
/* with multiple calendars */ |
|||
.ui-datepicker.ui-datepicker-multi { width:auto; } |
|||
.ui-datepicker-multi .ui-datepicker-group { float:left; } |
|||
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } |
|||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } |
|||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } |
|||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } |
|||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } |
|||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } |
|||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } |
|||
.ui-datepicker-row-break { clear:both; width:100%; } |
|||
|
|||
/* RTL support */ |
|||
.ui-datepicker-rtl { direction: rtl; } |
|||
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } |
|||
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } |
|||
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } |
|||
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } |
|||
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } |
|||
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } |
|||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } |
|||
.ui-datepicker-rtl .ui-datepicker-group { float:right; } |
|||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } |
|||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } |
|||
|
|||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ |
|||
.ui-datepicker-cover { |
|||
display: none; /*sorry for IE5*/ |
|||
display/**/: block; /*sorry for IE5*/ |
|||
position: absolute; /*must have*/ |
|||
z-index: -1; /*must have*/ |
|||
filter: mask(); /*must have*/ |
|||
top: -4px; /*must have*/ |
|||
left: -4px; /*must have*/ |
|||
width: 200px; /*must have*/ |
|||
height: 200px; /*must have*/ |
|||
} |
|||
|
|||
/* Dialog |
|||
----------------------------------*/ |
|||
.ui-dialog { position: relative; padding: 0px; width: 300px;} |
|||
.ui-dialog .ui-dialog-titlebar { padding: .3em .3em .1em .8em; font-size:.7em; position: relative; background-image: none; } |
|||
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; |
|||
font-family: 'Trebuchet MS'; |
|||
font-size: 15px; |
|||
font-weight: normal; |
|||
color: #ffffff;} |
|||
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .1em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } |
|||
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } |
|||
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { /*padding: 0;*/ } |
|||
.ui-dialog .ui-dialog-content { border: 0; padding: .5em .2em; background: none; overflow: auto; zoom: 1; background-color: #ffffff;} |
|||
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } |
|||
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } |
|||
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } |
|||
.ui-draggable .ui-dialog-titlebar { cursor: move; background-color: #8f949a; border-bottom: 1px solid #d9d9d9;} |
|||
|
|||
/* Progressbar |
|||
----------------------------------*/ |
|||
.ui-progressbar { height:2em; text-align: left; } |
|||
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable |
|||
----------------------------------*/ |
|||
.ui-resizable { position: relative;} |
|||
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} |
|||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } |
|||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } |
|||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } |
|||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } |
|||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } |
|||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } |
|||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } |
|||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } |
|||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider |
|||
----------------------------------*/ |
|||
.ui-slider { position: relative; text-align: left; } |
|||
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } |
|||
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } |
|||
|
|||
.ui-slider-horizontal { height: .8em; } |
|||
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } |
|||
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } |
|||
.ui-slider-horizontal .ui-slider-range-min { left: 0; } |
|||
.ui-slider-horizontal .ui-slider-range-max { right: 0; } |
|||
|
|||
.ui-slider-vertical { width: .8em; height: 100px; } |
|||
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } |
|||
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } |
|||
.ui-slider-vertical .ui-slider-range-min { bottom: 0; } |
|||
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs |
|||
----------------------------------*/ |
|||
.ui-tabs { padding: .2em; zoom: 1; } |
|||
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } |
|||
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } |
|||
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } |
|||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } |
|||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } |
|||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ |
|||
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } |
|||
.ui-tabs .ui-tabs-hide { display: none !important; } |
|||
/* |
|||
* jQuery UI CSS Framework |
|||
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) |
|||
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. |
|||
* To view and modify this theme, visit http://jqueryui.com/themeroller/ |
|||
*/ |
|||
|
|||
|
|||
/* Component containers |
|||
----------------------------------*/ |
|||
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } |
|||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } |
|||
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_glass_75_ffffff_1x400.png)/*{bgImgUrlContent}*/ 0/*{bgContentXPos}*/ 0/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } |
|||
.ui-widget-content a { /*color: #222222*//*{fcContent}*/; } |
|||
.ui-widget-header { border: none /*1px solid #aaaaaa*//*{borderColorHeader}*/; background: #D3D3D3/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 0/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #000000/*{fcHeader}*/; font-weight: bold; } |
|||
.ui-widget-header a { color: #222222/*{fcHeader}*/; } |
|||
|
|||
/* Interaction states |
|||
----------------------------------*/ |
|||
.ui-state-default, .ui-widget-content .ui-state-default { border: none /*1px solid #d3d3d3*//*{borderColorDefault}*/; /*background: #e6e6e6*//*{bgColorDefault}*/ /*url(images/ui-bg_glass_75_e6e6e6_1x400.png)*//*{bgImgUrlDefault}*/ /*0*//*{bgDefaultXPos}*/ /*50%*//*{bgDefaultYPos}*/ /*repeat-x*//*{bgDefaultRepeat}*/ font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; } |
|||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; } |
|||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: none /*1px solid #999999*//*{borderColorHover}*/; /*background: #dadada*//*{bgColorHover}*/ /*url(images/ui-bg_glass_75_dadada_1x400.png)*//*{bgImgUrlHover}*/ /*0*//*{bgHoverXPos}*/ /*50%*//*{bgHoverYPos}*/ /*repeat-x*//*{bgHoverRepeat}*/ font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; } |
|||
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; } |
|||
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 0/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; } |
|||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; } |
|||
|
|||
/* Interaction Cues |
|||
----------------------------------*/ |
|||
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 0/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } |
|||
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } |
|||
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_inset-soft_95_fef1ec_1x100.png)/*{bgImgUrlError}*/ 0/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } |
|||
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #363636/*{fcError}*/; } |
|||
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } |
|||
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } |
|||
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } |
|||
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } |
|||
|
|||
/* Icons |
|||
----------------------------------*/ |
|||
|
|||
/* states and images */ |
|||
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } |
|||
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } |
|||
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHeader}*/; } |
|||
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } |
|||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHover}*/; } |
|||
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } |
|||
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } |
|||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } |
|||
|
|||
/* positioning */ |
|||
.ui-icon-carat-1-n { background-position: 0 0; } |
|||
.ui-icon-carat-1-ne { background-position: -16px 0; } |
|||
.ui-icon-carat-1-e { background-position: -32px 0; } |
|||
.ui-icon-carat-1-se { background-position: -48px 0; } |
|||
.ui-icon-carat-1-s { background-position: -64px 0; } |
|||
.ui-icon-carat-1-sw { background-position: -80px 0; } |
|||
.ui-icon-carat-1-w { background-position: -96px 0; } |
|||
.ui-icon-carat-1-nw { background-position: -112px 0; } |
|||
.ui-icon-carat-2-n-s { background-position: -128px 0; } |
|||
.ui-icon-carat-2-e-w { background-position: -144px 0; } |
|||
.ui-icon-triangle-1-n { background-position: 0 -16px; } |
|||
.ui-icon-triangle-1-ne { background-position: -16px -16px; } |
|||
.ui-icon-triangle-1-e { background-position: -32px -16px; } |
|||
.ui-icon-triangle-1-se { background-position: -48px -16px; } |
|||
.ui-icon-triangle-1-s { background-position: -64px -16px; } |
|||
.ui-icon-triangle-1-sw { background-position: -80px -16px; } |
|||
.ui-icon-triangle-1-w { background-position: -96px -16px; } |
|||
.ui-icon-triangle-1-nw { background-position: -112px -16px; } |
|||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; } |
|||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; } |
|||
.ui-icon-arrow-1-n { background-position: 0 -32px; } |
|||
.ui-icon-arrow-1-ne { background-position: -16px -32px; } |
|||
.ui-icon-arrow-1-e { background-position: -32px -32px; } |
|||
.ui-icon-arrow-1-se { background-position: -48px -32px; } |
|||
.ui-icon-arrow-1-s { background-position: -64px -32px; } |
|||
.ui-icon-arrow-1-sw { background-position: -80px -32px; } |
|||
.ui-icon-arrow-1-w { background-position: -96px -32px; } |
|||
.ui-icon-arrow-1-nw { background-position: -112px -32px; } |
|||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; } |
|||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } |
|||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; } |
|||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } |
|||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; } |
|||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; } |
|||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; } |
|||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; } |
|||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; } |
|||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } |
|||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; } |
|||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; } |
|||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; } |
|||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } |
|||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; } |
|||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } |
|||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } |
|||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } |
|||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } |
|||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } |
|||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } |
|||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } |
|||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } |
|||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } |
|||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } |
|||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } |
|||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } |
|||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } |
|||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } |
|||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } |
|||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } |
|||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } |
|||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } |
|||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } |
|||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } |
|||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } |
|||
.ui-icon-arrow-4 { background-position: 0 -80px; } |
|||
.ui-icon-arrow-4-diag { background-position: -16px -80px; } |
|||
.ui-icon-extlink { background-position: -32px -80px; } |
|||
.ui-icon-newwin { background-position: -48px -80px; } |
|||
.ui-icon-refresh { background-position: -64px -80px; } |
|||
.ui-icon-shuffle { background-position: -80px -80px; } |
|||
.ui-icon-transfer-e-w { background-position: -96px -80px; } |
|||
.ui-icon-transferthick-e-w { background-position: -112px -80px; } |
|||
.ui-icon-folder-collapsed { background-position: 0 -96px; } |
|||
.ui-icon-folder-open { background-position: -16px -96px; } |
|||
.ui-icon-document { background-position: -32px -96px; } |
|||
.ui-icon-document-b { background-position: -48px -96px; } |
|||
.ui-icon-note { background-position: -64px -96px; } |
|||
.ui-icon-mail-closed { background-position: -80px -96px; } |
|||
.ui-icon-mail-open { background-position: -96px -96px; } |
|||
.ui-icon-suitcase { background-position: -112px -96px; } |
|||
.ui-icon-comment { background-position: -128px -96px; } |
|||
.ui-icon-person { background-position: -144px -96px; } |
|||
.ui-icon-print { background-position: -160px -96px; } |
|||
.ui-icon-trash { background-position: -176px -96px; } |
|||
.ui-icon-locked { background-position: -192px -96px; } |
|||
.ui-icon-unlocked { background-position: -208px -96px; } |
|||
.ui-icon-bookmark { background-position: -224px -96px; } |
|||
.ui-icon-tag { background-position: -240px -96px; } |
|||
.ui-icon-home { background-position: 0 -112px; } |
|||
.ui-icon-flag { background-position: -16px -112px; } |
|||
.ui-icon-calendar { background-position: -32px -112px; } |
|||
.ui-icon-cart { background-position: -48px -112px; } |
|||
.ui-icon-pencil { background-position: -64px -112px; } |
|||
.ui-icon-clock { background-position: -80px -112px; } |
|||
.ui-icon-disk { background-position: -96px -112px; } |
|||
.ui-icon-calculator { background-position: -112px -112px; } |
|||
.ui-icon-zoomin { background-position: -128px -112px; } |
|||
.ui-icon-zoomout { background-position: -144px -112px; } |
|||
.ui-icon-search { background-position: -160px -112px; } |
|||
.ui-icon-wrench { background-position: -176px -112px; } |
|||
.ui-icon-gear { background-position: -192px -112px; } |
|||
.ui-icon-heart { background-position: -208px -112px; } |
|||
.ui-icon-star { background-position: -224px -112px; } |
|||
.ui-icon-link { background-position: -240px -112px; } |
|||
.ui-icon-cancel { background-position: 0 -128px; } |
|||
.ui-icon-plus { background-position: -16px -128px; } |
|||
.ui-icon-plusthick { background-position: -32px -128px; } |
|||
.ui-icon-minus { background-position: -48px -128px; } |
|||
.ui-icon-minusthick { background-position: -64px -128px; } |
|||
.ui-icon-close { background-position: -80px -128px; } |
|||
.ui-icon-closethick { background-position: -96px -128px; } |
|||
.ui-icon-key { background-position: -112px -128px; } |
|||
.ui-icon-lightbulb { background-position: -128px -128px; } |
|||
.ui-icon-scissors { background-position: -144px -128px; } |
|||
.ui-icon-clipboard { background-position: -160px -128px; } |
|||
.ui-icon-copy { background-position: -176px -128px; } |
|||
.ui-icon-contact { background-position: -192px -128px; } |
|||
.ui-icon-image { background-position: -208px -128px; } |
|||
.ui-icon-video { background-position: -224px -128px; } |
|||
.ui-icon-script { background-position: -240px -128px; } |
|||
.ui-icon-alert { background-position: 0 -144px; } |
|||
.ui-icon-info { background-position: -16px -144px; } |
|||
.ui-icon-notice { background-position: -32px -144px; } |
|||
.ui-icon-help { background-position: -48px -144px; } |
|||
.ui-icon-check { background-position: -64px -144px; } |
|||
.ui-icon-bullet { background-position: -80px -144px; } |
|||
.ui-icon-radio-off { background-position: -96px -144px; } |
|||
.ui-icon-radio-on { background-position: -112px -144px; } |
|||
.ui-icon-pin-w { background-position: -128px -144px; } |
|||
.ui-icon-pin-s { background-position: -144px -144px; } |
|||
.ui-icon-play { background-position: 0 -160px; } |
|||
.ui-icon-pause { background-position: -16px -160px; } |
|||
.ui-icon-seek-next { background-position: -32px -160px; } |
|||
.ui-icon-seek-prev { background-position: -48px -160px; } |
|||
.ui-icon-seek-end { background-position: -64px -160px; } |
|||
.ui-icon-seek-first { background-position: -80px -160px; } |
|||
.ui-icon-stop { background-position: -96px -160px; } |
|||
.ui-icon-eject { background-position: -112px -160px; } |
|||
.ui-icon-volume-off { background-position: -128px -160px; } |
|||
.ui-icon-volume-on { background-position: -144px -160px; } |
|||
.ui-icon-power { background-position: 0 -176px; } |
|||
.ui-icon-signal-diag { background-position: -16px -176px; } |
|||
.ui-icon-signal { background-position: -32px -176px; } |
|||
.ui-icon-battery-0 { background-position: -48px -176px; } |
|||
.ui-icon-battery-1 { background-position: -64px -176px; } |
|||
.ui-icon-battery-2 { background-position: -80px -176px; } |
|||
.ui-icon-battery-3 { background-position: -96px -176px; } |
|||
.ui-icon-circle-plus { background-position: 0 -192px; } |
|||
.ui-icon-circle-minus { background-position: -16px -192px; } |
|||
.ui-icon-circle-close { background-position: -32px -192px; } |
|||
.ui-icon-circle-triangle-e { background-position: -48px -192px; } |
|||
.ui-icon-circle-triangle-s { background-position: -64px -192px; } |
|||
.ui-icon-circle-triangle-w { background-position: -80px -192px; } |
|||
.ui-icon-circle-triangle-n { background-position: -96px -192px; } |
|||
.ui-icon-circle-arrow-e { background-position: -112px -192px; } |
|||
.ui-icon-circle-arrow-s { background-position: -128px -192px; } |
|||
.ui-icon-circle-arrow-w { background-position: -144px -192px; } |
|||
.ui-icon-circle-arrow-n { background-position: -160px -192px; } |
|||
.ui-icon-circle-zoomin { background-position: -176px -192px; } |
|||
.ui-icon-circle-zoomout { background-position: -192px -192px; } |
|||
.ui-icon-circle-check { background-position: -208px -192px; } |
|||
.ui-icon-circlesmall-plus { background-position: 0 -208px; } |
|||
.ui-icon-circlesmall-minus { background-position: -16px -208px; } |
|||
.ui-icon-circlesmall-close { background-position: -32px -208px; } |
|||
.ui-icon-squaresmall-plus { background-position: -48px -208px; } |
|||
.ui-icon-squaresmall-minus { background-position: -64px -208px; } |
|||
.ui-icon-squaresmall-close { background-position: -80px -208px; } |
|||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } |
|||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } |
|||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; } |
|||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } |
|||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } |
|||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; } |
|||
|
|||
|
|||
/* Misc visuals |
|||
----------------------------------*/ |
|||
|
|||
/* Corner radius */ |
|||
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; } |
|||
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } |
|||
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } |
|||
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } |
|||
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } |
|||
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } |
|||
.ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } |
|||
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } |
|||
.ui-corner-all { -moz-border-radius: 0px/*{cornerRadius}*/; -webkit-border-radius: 0px/*{cornerRadius}*/; } |
|||
|
|||
/* Overlays */ |
|||
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ none/*{bgImgUrlOverlay}*/ 0/*{bgOverlayXPos}*/ 0/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } |
|||
.ui-widget-shadow { margin: -4px/*{offsetTopShadow}*/ 0 0 -4px/*{offsetLeftShadow}*/; padding: 4px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ none/*{bgImgUrlShadow}*/ 0/*{bgShadowXPos}*/ 0/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .35;filter:Alpha(Opacity=35)/*{opacityShadow}*/; -moz-border-radius: 4px/*{cornerRadiusShadow}*/; -webkit-border-radius: 4px/*{cornerRadiusShadow}*/; } |
|||
@ -0,0 +1,12 @@ |
|||
@font-face { |
|||
font-family: 'Source Sans Pro'; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('previewfonts/SourceSansPro-Regular.woff2') format('woff2'), url('previewfonts/SourceSansPro-Regular.woff') format('woff'); |
|||
} |
|||
@font-face { |
|||
font-family: 'Source Sans Pro Semibold'; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url('previewfonts/SourceSansPro-Semibold.woff2') format('woff2'), url('previewfonts/SourceSansPro-Semibold.woff') format('woff'); |
|||
} |
|||
@ -0,0 +1,93 @@ |
|||
Copyright 2010, 2012, 2014 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’. |
|||
|
|||
This Font Software is licensed under the SIL Open Font License, Version 1.1. |
|||
This license is copied below, and is also available with a FAQ at: |
|||
http://scripts.sil.org/OFL |
|||
|
|||
|
|||
----------------------------------------------------------- |
|||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 |
|||
----------------------------------------------------------- |
|||
|
|||
PREAMBLE |
|||
The goals of the Open Font License (OFL) are to stimulate worldwide |
|||
development of collaborative font projects, to support the font creation |
|||
efforts of academic and linguistic communities, and to provide a free and |
|||
open framework in which fonts may be shared and improved in partnership |
|||
with others. |
|||
|
|||
The OFL allows the licensed fonts to be used, studied, modified and |
|||
redistributed freely as long as they are not sold by themselves. The |
|||
fonts, including any derivative works, can be bundled, embedded, |
|||
redistributed and/or sold with any software provided that any reserved |
|||
names are not used by derivative works. The fonts and derivatives, |
|||
however, cannot be released under any other type of license. The |
|||
requirement for fonts to remain under this license does not apply |
|||
to any document created using the fonts or their derivatives. |
|||
|
|||
DEFINITIONS |
|||
"Font Software" refers to the set of files released by the Copyright |
|||
Holder(s) under this license and clearly marked as such. This may |
|||
include source files, build scripts and documentation. |
|||
|
|||
"Reserved Font Name" refers to any names specified as such after the |
|||
copyright statement(s). |
|||
|
|||
"Original Version" refers to the collection of Font Software components as |
|||
distributed by the Copyright Holder(s). |
|||
|
|||
"Modified Version" refers to any derivative made by adding to, deleting, |
|||
or substituting -- in part or in whole -- any of the components of the |
|||
Original Version, by changing formats or by porting the Font Software to a |
|||
new environment. |
|||
|
|||
"Author" refers to any designer, engineer, programmer, technical |
|||
writer or other person who contributed to the Font Software. |
|||
|
|||
PERMISSION & CONDITIONS |
|||
Permission is hereby granted, free of charge, to any person obtaining |
|||
a copy of the Font Software, to use, study, copy, merge, embed, modify, |
|||
redistribute, and sell modified and unmodified copies of the Font |
|||
Software, subject to the following conditions: |
|||
|
|||
1) Neither the Font Software nor any of its individual components, |
|||
in Original or Modified Versions, may be sold by itself. |
|||
|
|||
2) Original or Modified Versions of the Font Software may be bundled, |
|||
redistributed and/or sold with any software, provided that each copy |
|||
contains the above copyright notice and this license. These can be |
|||
included either as stand-alone text files, human-readable headers or |
|||
in the appropriate machine-readable metadata fields within text or |
|||
binary files as long as those fields can be easily viewed by the user. |
|||
|
|||
3) No Modified Version of the Font Software may use the Reserved Font |
|||
Name(s) unless explicit written permission is granted by the corresponding |
|||
Copyright Holder. This restriction only applies to the primary font name as |
|||
presented to the users. |
|||
|
|||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font |
|||
Software shall not be used to promote, endorse or advertise any |
|||
Modified Version, except to acknowledge the contribution(s) of the |
|||
Copyright Holder(s) and the Author(s) or with their explicit written |
|||
permission. |
|||
|
|||
5) The Font Software, modified or unmodified, in part or in whole, |
|||
must be distributed entirely under this license, and must not be |
|||
distributed under any other license. The requirement for fonts to |
|||
remain under this license does not apply to any document created |
|||
using the Font Software. |
|||
|
|||
TERMINATION |
|||
This license becomes null and void if any of the above conditions are |
|||
not met. |
|||
|
|||
DISCLAIMER |
|||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
|||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF |
|||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT |
|||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE |
|||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, |
|||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL |
|||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
|||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM |
|||
OTHER DEALINGS IN THE FONT SOFTWARE. |
|||
Binary file not shown.
Binary file not shown.
@ -0,0 +1,24 @@ |
|||
html,body,div,span, |
|||
applet,object,iframe, |
|||
h1,h2,h3,h4,h5,h6,p,blockquote,pre, |
|||
a,abbr,acronym,address,big,cite,code, |
|||
del,dfn,em,font,img,ins,kbd,q,s,samp, |
|||
small,strike,strong,sub,sup,tt,var, |
|||
dd,dl,dt,li,ol,ul, |
|||
fieldset,form,label,legend, |
|||
table,caption,tbody,tfoot,thead,tr,th,td { |
|||
margin: 0; |
|||
padding: 0; |
|||
border: 0; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
border-spacing: 0; |
|||
} |
|||
ol,ul { |
|||
list-style: none; |
|||
} |
|||
q:before,q:after, |
|||
blockquote:before,blockquote:after { |
|||
content: ""; |
|||
} |
|||
@ -0,0 +1,60 @@ |
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
|||
<html> |
|||
<head> |
|||
<title></title> |
|||
<link type="text/css" href="css/default.css" rel="Stylesheet" /> |
|||
<script type="text/javascript" src="scripts/jquery-3.2.1.min.js"></script> |
|||
<script type="text/javascript" src="scripts/messagecenter.js"></script> |
|||
<script type="text/javascript"> |
|||
<!-- |
|||
$(document).ready(function () { |
|||
$axure.messageCenter.addMessageListener(messageCenter_message); |
|||
function messageCenter_message(message, data) { |
|||
if(message == 'collapseFrameOnLoad') { |
|||
setTimeout(function() { |
|||
$('#maximizePanel').animate({ |
|||
left:'-' + maxPanelWidth + 'px' |
|||
}, 300); |
|||
}, 2000); |
|||
} |
|||
} |
|||
$axure.messageCenter.postMessage('getCollapseFrameOnLoad'); |
|||
|
|||
if(MOBILE_DEVICE) { |
|||
$('#maximizePanel').height('45px'); |
|||
} |
|||
var maxPanelWidth = $('#maximizePanel').width(); |
|||
|
|||
$('#maximizePanel').click(function () { |
|||
$(this).removeClass('maximizePanelOver'); |
|||
$axure.messageCenter.postMessage('expandFrame'); |
|||
}); |
|||
|
|||
if(!MOBILE_DEVICE) { |
|||
$('#maximizePanel').mouseenter(function() { |
|||
$(this).addClass('maximizePanelOver'); |
|||
}); |
|||
$('#maximizePanel').mouseleave(function() { |
|||
if($(this).hasClass('maximizePanelOver')) { |
|||
$(this).animate({ |
|||
left:'-' + maxPanelWidth + 'px' |
|||
}, 300); |
|||
} |
|||
$(this).removeClass('maximizePanelOver'); |
|||
}); |
|||
$('#maximizePanelOver').mouseenter(function() { |
|||
$('#maximizePanel').animate({ |
|||
left:'0px' |
|||
}, 100); |
|||
}); |
|||
} |
|||
}); |
|||
--></script> |
|||
</head> |
|||
<body style="background-color: transparent;"> |
|||
<div id="maximizePanelOver"> |
|||
<div id="maximizePanel" class="maximizePanel" title="Expand"> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1 @@ |
|||
<svg height="14" viewBox="0 0 50 14" width="50" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="#3f4040"><path d="m6.7827 7.0792v2.741c-.866.119-2.101.146-2.521.146-1.998 0-2.09-.542-2.09-1.581 0-1.013.345-1.306 1.541-1.306zm-2.619-6.916c-.624 0-1.476.017-2.547.147l-.056.012c-.367.105-.561.358-.561.731v.432c0 .445.287.732.733.732h2.431c1.885 0 2.619.476 2.619 1.698v1.13h-3.07c-2.568 0-3.713 1.03-3.713 3.34 0 2.568 1.184 3.615 4.085 3.615 1.159 0 3.295-.091 4.09-.334.504-.14.76-.472.76-.987v-6.881c0-2.446-1.561-3.635-4.771-3.635z" transform="translate(0 .8362)"/><path d="m8.6973.3014h-.686c-.425 0-.733.308-.733.732v8.913h-2.717c-1.659 0-2.345 0-2.345-2.796v-6.117c0-.424-.309-.732-.733-.732h-.667c-.429 0-.752.315-.752.732v6.117c0 4.1 1.56 4.85 4.633 4.85 1.101 0 2.608 0 4.057-.205l.039-.008c.526-.132.636-.473.636-.736v-10.018c0-.424-.308-.732-.732-.732" transform="translate(22 .8362)"/><path d="m5.2529.3297-.062-.017c-.411-.086-1.525-.149-2.076-.149-2.549 0-3.085 1.348-3.085 2.478v8.527c0 .425.308.733.733.733h.686c.425 0 .733-.308.733-.733v-8.371c0-.272 0-.58 1.11-.58l1.688-.003c.206.026.402-.032.553-.161.165-.14.256-.342.256-.569v-.431c0-.341-.201-.611-.536-.724" transform="translate(34 .8362)"/><path d="m5.4444.1637c-2.024 0-3.174.399-3.843 1.335-.691.966-.83 2.466-.83 4.574 0 4.099.675 5.927 4.673 5.927.472 0 2.083-.009 3.032-.125.443-.073.641-.417.641-.725v-.451c0-.429-.323-.752-.752-.752h-2.921c-2.113 0-2.466-.47-2.521-3.345v-.958c.018-2.946.372-3.426 2.521-3.426 1.957 0 2.317.406 2.393 2.867h-3.282v2.073h4.457c.451 0 .988-.161.988-.929v-.576c-.063-4.207-1.127-5.489-4.556-5.489" transform="translate(40 .8362)"/></g><path d="m19.9341 1.496c-.111-.237-.346-.378-.629-.378h-.882c-.305 0-.543.128-.661.349l-1.362 1.994 1.314 1.802 2.101-3.022c.269-.328.173-.63.119-.745" fill="#74bb11"/><path d="m13.0293 1.4428-.003-.004c-.159-.213-.382-.321-.661-.321h-.862c-.274 0-.498.128-.618.351-.121.227-.098.498.068.746l3.139 4.361-3.621 5.062c-.157.237-.178.503-.056.73.119.223.344.351.617.351h.882c.274 0 .522-.144.636-.36l4.172-5.762z" fill="#009cd9"/><path d="m20.3711 11.6977-2.687-3.699-1.296 1.793 2.109 2.822.086.038c.105.045.206.067.31.067h.863c.257 0 .476-.117.601-.32.128-.207.134-.462.014-.701" fill="#eb2084"/></g></svg> |
|||
Binary file not shown.
|
After Width: 126 | Height: 26 | Size: 4.4 KiB |
Some files were not shown because too many files changed in this diff
Write
Preview
Loading…
Cancel
Save
Reference in new issue