Compare commits

..

No commits in common. 'master' and 'wyd_branch' have entirely different histories.

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

@ -1,26 +1,2 @@
# 班级通软件系统
本项目是Springboot+web端+小程序端的一个帮助班级管理, 方便班委操作的软件系统。
### 说明代码审计工具不能正确识别小程序的代码量我们实际编写的代码量应该是后端3200行左右+小程序端2000行左右不包含开源框架代码
## 相关文件介绍
-doc文件夹存放的是软件设计和开发过程中的系统相关文档
-model 存放软件设计过程中的UML模型
-src存放软件源代码包括后端和web端源代码classhelper小程序端源码minigram和mysql数据库配置文件script.sql
-other存放汇报PPT和自评报告
## 软件配置环境
后端要求JDK1.8
mysql要求版本5.7以上
小程序端使用微信开发者平台即可
# project

@ -0,0 +1,135 @@
// const app = getApp()
Page({
data: {
realName: '',
number: '',
isDisabled: true //表示页面加载完成时disabled为禁用状态
},
onLoad: function(options) {
let number = options.number
let realName = options.realName
this.setData({
number,
realName
})
},
save: function() {
let realName = this.data.realName;
let number=this.data.number
let skey = wx.getStorageSync('skey')
wx.request({
url: 'http://192.168.58.210:81/save',
method: 'GET',
data: {
skey:skey,
number:number,
realName:realName
},
success: function(res :any) {
if (res.data.error == true) {
wx.showToast({
title: res.data.message,
icon: 'none',
duration: 2000
})
} else {
wx.showToast({
title: res.data.message,
icon: 'success',
duration: 5000
})
wx.removeStorageSync('info')
wx.navigateBack({
delta: 2
})
}
}
})
},
inputRealName: function(e :any) {
var realName = e.detail.value
this.setData({
realName
})
console.log(realName)
if (realName !== '') {
this.setData({
isDisabled: false
})
} else {
this.setData({
isDisabled: true
})
}
},
inputNumber: function(e :any) {
var number = e.detail.value
this.setData({
number
})
// console.log()
if (number !== '') {
this.setData({
isDisabled: false
})
} else {
this.setData({
isDisabled: true
})
}
},
onReady: function() {
},
/**
* --
*/
onShow: function() {
},
/**
* --
*/
onHide: function() {
},
/**
* --
*/
onUnload: function() {
},
/**
* --
*/
onPullDownRefresh: function() {
},
/**
*
*/
onReachBottom: function() {
},
/**
*
*/
onShareAppMessage: function() {
}
})

@ -0,0 +1,15 @@
<!--pages/bd/bd.wxml-->
<view>
<view class="btn-area" id="buttonContainer">
<view class='binding-item'>
<view>姓名</view>
<input type="text" placeholder="请输入您的真实姓名" value="{{realName}}" bindinput="inputRealName"></input>
</view>
<view class='binding-item'>
<view>学号</view>
<input type="number" placeholder="请输入您的学号" value="{{number}}" bindinput="inputNumber"></input>
</view>
<button type="submit" bindtap="save" class="save" disabled='{{isDisabled}}'>提交</button>
</view>
</view>

@ -0,0 +1,30 @@
/* pages/bd/bd.wxss */
.binding-item {
margin: 40rpx;
padding-top: 20rpx;
padding-bottom: 40rpx;
display: flex;
font-size: 32rpx;
/* 在模拟器为iphone 6 时1px=2rpx 这里设置32rpx即16px */
border-bottom: 1rpx solid #dedede;
}
.binding-item input {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding-left: 20rpx;
}
.binding-btn{
background-color:#19be6b;
padding: 28rpx;
margin: 40rpx;
color: pink;
text-align: center;
}
.button{
margin-top: 30rpx;
margin-bottom: 30rpx;
}

@ -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)]),A,[B,C,D,E],F,[G,H,I],J,_(K,L),M,_(N,_(s,O,P,Q,R,S,T,U,V,W,X,_(Y,Z,ba,bb,bc,bd),be,bf,bg,f,bh,bi,bj,U,bk,U,bl,bm,bn,f,bo,_(bp,bq,br,bq),bs,_(bt,bq,bu,bq),bv,d,bw,f,bx,O,by,_(Y,Z,ba,bz),bA,_(Y,Z,ba,bB),bC,bD,bE,Z,bc,bD,bF,bG,bH,bI,bJ,bK,bL,bM,bN,bM,bO,bM,bP,bM,bQ,_(),bR,null,bS,null,bT,bG,bU,_(bV,f,bW,bX,bY,bX,bZ,bX,ca,bq,ba,_(cb,cc,cd,cc,ce,cc,cf,cg)),ch,_(bV,f,bW,bq,bY,bX,bZ,bX,ca,bq,ba,_(cb,cc,cd,cc,ce,cc,cf,cg)),ci,_(bV,f,bW,bd,bY,bd,bZ,bX,ca,bq,ba,_(cb,cc,cd,cc,ce,cc,cf,cj)),ck,cl),cm,_(cn,_(s,co),cp,_(s,cq,bC,bG,by,_(Y,Z,ba,cr)),cs,_(s,ct,bC,bG,by,_(Y,Z,ba,cu)),cv,_(s,cw),bR,_(s,cx,bC,bG,bR,null),cy,_(s,cz,X,_(Y,Z,ba,cA,bc,bd),bC,bG,by,_(Y,Z,ba,cB)),cC,_(s,cD,be,cE,R,cF,bC,bG,by,_(Y,Z,ba,cB),bh,cG,bJ,cH,bL,bG,bN,bG,bO,bG,bP,bG),cI,_(s,cJ,be,cK,R,cF,bC,bG,by,_(Y,Z,ba,cB),bh,cG,bJ,cH,bL,bG,bN,bG,bO,bG,bP,bG),cL,_(s,cM,be,cN,R,cF,bC,bG,by,_(Y,Z,ba,cB),bh,cG,bJ,cH,bL,bG,bN,bG,bO,bG,bP,bG),cO,_(s,cP,be,cQ,R,cF,bC,bG,by,_(Y,Z,ba,cB),bh,cG,bJ,cH,bL,bG,bN,bG,bO,bG,bP,bG),cR,_(s,cS,R,cF,bC,bG,by,_(Y,Z,ba,cB),bh,cG,bJ,cH,bL,bG,bN,bG,bO,bG,bP,bG),cT,_(s,cU,be,cV,R,cF,bC,bG,by,_(Y,Z,ba,cB),bh,cG,bJ,cH,bL,bG,bN,bG,bO,bG,bP,bG),cW,_(s,cX,be,bf,bC,bG,by,_(Y,Z,ba,cB),bh,cG,bJ,cH,bL,bG,bN,bG,bO,bG,bP,bG),cY,_(s,cZ,bC,bG,by,_(Y,Z,ba,cB),bh,cG,bJ,cH,bL,bG,bN,bG,bO,bG,bP,bG),da,_(s,db,X,_(Y,Z,ba,dc,bc,bd)),dd,_(s,de,by,_(Y,Z,ba,df))),dg,_()));};
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="6mcs6j",u="pageName",v="Page 1",w="type",x="Wireframe",y="url",z="page_1.html",A="additionalJs",B="plugins/sitemap/sitemap.js",C="plugins/page_notes/page_notes.js",D="plugins/debug/debug.js",E="resources/scripts/hintmanager.js",F="additionalCss",G="plugins/sitemap/styles/sitemap.css",H="plugins/page_notes/styles/page_notes.css",I="plugins/debug/styles/debug.css",J="globalVariables",K="onloadvariable",L="",M="stylesheet",N="defaultStyle",O="627587b6038d43cca051c114ac41ad32",P="fontName",Q="\"Arial Normal\", \"Arial\", sans-serif",R="fontWeight",S="400",T="fontStyle",U="normal",V="fontStretch",W="5",X="foreGroundFill",Y="fillType",Z="solid",ba="color",bb=0xFF333333,bc="opacity",bd=1,be="fontSize",bf="13px",bg="underline",bh="horizontalAlignment",bi="center",bj="lineSpacing",bk="characterSpacing",bl="letterCase",bm="none",bn="strikethrough",bo="location",bp="x",bq=0,br="y",bs="size",bt="width",bu="height",bv="visible",bw="limbo",bx="baseStyle",by="fill",bz=0xFFFFFFFF,bA="borderFill",bB=0xFF797979,bC="borderWidth",bD="1",bE="linePattern",bF="cornerRadius",bG="0",bH="borderVisibility",bI="all",bJ="verticalAlignment",bK="middle",bL="paddingLeft",bM="2",bN="paddingTop",bO="paddingRight",bP="paddingBottom",bQ="stateStyles",bR="image",bS="imageFilter",bT="rotation",bU="outerShadow",bV="on",bW="offsetX",bX=5,bY="offsetY",bZ="blurRadius",ca="spread",cb="r",cc=0,cd="g",ce="b",cf="a",cg=0.34901960784313724,ch="innerShadow",ci="textShadow",cj=0.6470588235294118,ck="viewOverride",cl="19e82109f102476f933582835c373474",cm="customStyles",cn="box_1",co="4b7bfc596114427989e10bb0b557d0ce",cp="box_2",cq="47641f9a00ac465095d6b672bbdffef6",cr=0xFFF2F2F2,cs="box_3",ct="0882bfcd7d11450d85d157758311dca5",cu=0xFFD7D7D7,cv="ellipse",cw="eff044fe6497434a8c5f89f769ddde3b",cx="75a91ee5b9d042cfa01b8d565fe289c0",cy="link_button",cz="0d1f9e22da9248618edd4c1d3f726faa",cA=0xFF1E98D7,cB=0xFFFFFF,cC="heading_1",cD="1111111151944dfba49f67fd55eb1f88",cE="32px",cF="bold",cG="left",cH="top",cI="heading_2",cJ="b3a15c9ddde04520be40f94c8168891e",cK="24px",cL="heading_3",cM="8c7a4c5ad69a4369a5f7788171ac0b32",cN="18px",cO="heading_4",cP="e995c891077945c89c0b5fe110d15a0b",cQ="14px",cR="heading_5",cS="386b19ef4be143bd9b6c392ded969f89",cT="heading_6",cU="fc3b9a13b5574fa098ef0a1db9aac861",cV="10px",cW="label",cX="2285372321d148ec80932747449c36c9",cY="paragraph",cZ="4988d43d80b44008a4a415096f1632af",da="form_hint",db="4889d666e8ad4c5e81e59863039a5cc0",dc=0xFF999999,dd="form_disabled",de="9bd0236217a94d89b0314c8c7fc75f16",df=0xFFF0F0F0,dg="duplicateStyles";
return _creator();
})());

@ -0,0 +1,79 @@
.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 {
}
.box_3 {
}
.ellipse {
}
.image {
}
.link_button {
color:#1E98D7;
}
.heading_1 {
font-family:"Arial Normal", "Arial", sans-serif;
font-weight:bold;
font-style:normal;
font-size:32px;
text-align:left;
}
.heading_2 {
font-family:"Arial Normal", "Arial", sans-serif;
font-weight:bold;
font-style:normal;
font-size:24px;
text-align:left;
}
.heading_3 {
font-family:"Arial Normal", "Arial", sans-serif;
font-weight:bold;
font-style:normal;
font-size:18px;
text-align:left;
}
.heading_4 {
font-family:"Arial Normal", "Arial", sans-serif;
font-weight:bold;
font-style:normal;
font-size:14px;
text-align:left;
}
.heading_5 {
font-family:"Arial Normal", "Arial", sans-serif;
font-weight:bold;
font-style:normal;
text-align:left;
}
.heading_6 {
font-family:"Arial Normal", "Arial", sans-serif;
font-weight:bold;
font-style:normal;
font-size:10px;
text-align:left;
}
.label {
font-size:13px;
text-align:left;
}
.paragraph {
text-align:left;
}
.form_hint {
color:#999999;
}
.form_disabled {
}
textarea, select, input, button { outline: none; }

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="73px" height="69px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -753 -1495 )">
<path d="M 789.5 1495 C 809.94 1495 826 1510.18 826 1529.5 C 826 1548.82 809.94 1564 789.5 1564 C 769.06 1564 753 1548.82 753 1529.5 C 753 1510.18 769.06 1495 789.5 1495 Z " fill-rule="nonzero" fill="#02a7f0" stroke="none" />
<path d="M 789.5 1495.5 C 809.66 1495.5 825.5 1510.46 825.5 1529.5 C 825.5 1548.54 809.66 1563.5 789.5 1563.5 C 769.34 1563.5 753.5 1548.54 753.5 1529.5 C 753.5 1510.46 769.34 1495.5 789.5 1495.5 Z " stroke-width="1" stroke="#797979" fill="none" />
</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="14px" height="13px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -448 -276 )">
<path d="M 455 276 C 458.92 276 462 278.86 462 282.5 C 462 286.14 458.92 289 455 289 C 451.08 289 448 286.14 448 282.5 C 448 278.86 451.08 276 455 276 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
<path d="M 455 276.5 C 458.64 276.5 461.5 279.14 461.5 282.5 C 461.5 285.86 458.64 288.5 455 288.5 C 451.36 288.5 448.5 285.86 448.5 282.5 C 448.5 279.14 451.36 276.5 455 276.5 Z " stroke-width="1" stroke="#797979" fill="none" />
</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="14px" height="13px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -469 -276 )">
<path d="M 476 276 C 479.92 276 483 278.86 483 282.5 C 483 286.14 479.92 289 476 289 C 472.08 289 469 286.14 469 282.5 C 469 278.86 472.08 276 476 276 Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" />
<path d="M 476 276.5 C 479.64 276.5 482.5 279.14 482.5 282.5 C 482.5 285.86 479.64 288.5 476 288.5 C 472.36 288.5 469.5 285.86 469.5 282.5 C 469.5 279.14 472.36 276.5 476 276.5 Z " stroke-width="1" stroke="#797979" fill="none" />
</g>
</svg>

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="42px" height="39px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -347 -525 )">
<path d="M 347 525 L 389 525 L 389 564 L 347 564 L 347 525 " fill-rule="nonzero" fill="#cccccc" stroke="none" />
<path d="M 350 528 L 386 528 L 386 561 L 350 561 L 350 528 " fill-rule="nonzero" fill="#ffffff" stroke="none" />
<path d="M 371.765 536.7 C 370.12699999999995 536.7 368.84 535.413 368.84 533.7750000000001 C 368.84 532.1370000000001 370.12699999999995 530.85 371.765 530.85 C 373.403 530.85 374.69 532.1370000000001 374.69 533.7750000000001 C 374.69 535.413 373.403 536.7 371.765 536.7 " fill-rule="nonzero" fill="#cccccc" stroke="none" />
<path d="M 351 560 L 351 542.95 L 359.5 535.2 L 371.4 542.7285714285714 L 378.2 539.85 L 385 542.7285714285714 L 385 560 L 351 560 " fill-rule="nonzero" fill="#169bd5" stroke="none" />
</g>
</svg>

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="49px" height="46px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -239 -535 )">
<path d="M 239 535 L 288 535 L 288 581 L 239 581 L 239 535 " fill-rule="nonzero" fill="#cccccc" stroke="none" />
<path d="M 242 538 L 285 538 L 285 578 L 242 578 L 242 538 " fill-rule="nonzero" fill="#ffffff" stroke="none" />
<path d="M 267.93 548.8 C 265.998 548.8 264.48 547.2819999999999 264.48 545.3499999999999 C 264.48 543.4179999999999 265.998 541.9 267.93 541.9 C 269.862 541.9 271.38 543.4179999999999 271.38 545.3499999999999 C 271.38 547.2819999999999 269.862 548.8 267.93 548.8 " fill-rule="nonzero" fill="#cccccc" stroke="none" />
<path d="M 243 577 L 243 556.1 L 253.25 546.6 L 267.6 555.5959183673469 L 275.8 552.3 L 284 555.5959183673469 L 284 577 L 243 577 " fill-rule="nonzero" fill="#169bd5" stroke="none" />
</g>
</svg>

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="318px" height="187px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -209 -1409 )">
<path d="M 209 1409 L 527 1409 L 527 1596 L 209 1596 L 209 1409 " fill-rule="nonzero" fill="#cccccc" stroke="none" />
<path d="M 222 1422 L 514 1422 L 514 1583 L 222 1583 L 222 1422 " fill-rule="nonzero" fill="#ffffff" stroke="none" />
<path d="M 388.385 1465.1 C 380.531 1465.1 374.36 1458.9289999999999 374.36 1451.0749999999998 C 374.36 1443.221 380.531 1437.05 388.385 1437.05 C 396.23900000000003 1437.05 402.41 1443.221 402.41 1451.0749999999998 C 402.41 1458.9289999999999 396.23900000000003 1465.1 388.385 1465.1 " fill-rule="nonzero" fill="#cccccc" stroke="none" />
<path d="M 227 1579 L 227 1495.4 L 297.75 1457.4 L 396.79999999999995 1525.3698113207547 L 453.4 1480.2 L 510 1525.3698113207547 L 510 1579 L 227 1579 " fill-rule="nonzero" fill="#169bd5" stroke="none" />
</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="65px" height="69px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -330 -1460 )">
<path d="M 362.5 1460 C 380.7 1460 395 1475.18 395 1494.5 C 395 1513.82 380.7 1529 362.5 1529 C 344.3 1529 330 1513.82 330 1494.5 C 330 1475.18 344.3 1460 362.5 1460 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
<path d="M 362.5 1460.5 C 380.42 1460.5 394.5 1475.46 394.5 1494.5 C 394.5 1513.54 380.42 1528.5 362.5 1528.5 C 344.58 1528.5 330.5 1513.54 330.5 1494.5 C 330.5 1475.46 344.58 1460.5 362.5 1460.5 Z " stroke-width="1" 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="300px" height="144px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -218 -1612 )">
<path d="M 0 144 L 0 0 L 300 0 L 300 144 L 163 144 L 0 144 Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" transform="matrix(1 0 0 1 218 1612 )" />
</g>
</svg>

@ -0,0 +1,941 @@
<!DOCTYPE html>
<html>
<head>
<title>Page 1</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
<link href="data/styles.css" type="text/css" rel="stylesheet"/>
<link href="files/page_1/styles.css" type="text/css" rel="stylesheet"/>
<script src="resources/scripts/jquery-3.2.1.min.js"></script>
<script src="resources/scripts/axure/axQuery.js"></script>
<script src="resources/scripts/axure/globals.js"></script>
<script src="resources/scripts/axutils.js"></script>
<script src="resources/scripts/axure/annotation.js"></script>
<script src="resources/scripts/axure/axQuery.std.js"></script>
<script src="resources/scripts/axure/doc.js"></script>
<script src="resources/scripts/messagecenter.js"></script>
<script src="resources/scripts/axure/events.js"></script>
<script src="resources/scripts/axure/recording.js"></script>
<script src="resources/scripts/axure/action.js"></script>
<script src="resources/scripts/axure/expr.js"></script>
<script src="resources/scripts/axure/geometry.js"></script>
<script src="resources/scripts/axure/flyout.js"></script>
<script src="resources/scripts/axure/model.js"></script>
<script src="resources/scripts/axure/repeater.js"></script>
<script src="resources/scripts/axure/sto.js"></script>
<script src="resources/scripts/axure/utils.temp.js"></script>
<script src="resources/scripts/axure/variables.js"></script>
<script src="resources/scripts/axure/drag.js"></script>
<script src="resources/scripts/axure/move.js"></script>
<script src="resources/scripts/axure/visibility.js"></script>
<script src="resources/scripts/axure/style.js"></script>
<script src="resources/scripts/axure/adaptive.js"></script>
<script src="resources/scripts/axure/tree.js"></script>
<script src="resources/scripts/axure/init.temp.js"></script>
<script src="resources/scripts/axure/legacy.js"></script>
<script src="resources/scripts/axure/viewer.js"></script>
<script src="resources/scripts/axure/math.js"></script>
<script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
<script src="data/document.js"></script>
<script src="files/page_1/data.js"></script>
<script type="text/javascript">
$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
</script>
</head>
<body>
<div id="base" class="">
<!-- Unnamed (Rectangle) -->
<div id="u0" class="ax_default box_1">
<div id="u0_div" class=""></div>
<div id="u0_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u1" class="ax_default box_3">
<div id="u1_div" class=""></div>
<div id="u1_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u2" class="ax_default image">
<img id="u2_img" class="img " src="images/page_1/u2.svg"/>
<div id="u2_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u3" class="ax_default image">
<img id="u3_img" class="img " src="images/page_1/u3.svg"/>
<div id="u3_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u4" class="ax_default image">
<img id="u4_img" class="img " src="images/page_1/u2.svg"/>
<div id="u4_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u5" class="ax_default heading_3">
<div id="u5_div" class=""></div>
<div id="u5_text" class="text ">
<p><span>菜单</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u6" class="ax_default heading_3">
<div id="u6_div" class=""></div>
<div id="u6_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u7" class="ax_default box_3">
<div id="u7_div" class=""></div>
<div id="u7_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u8" class="ax_default heading_3">
<div id="u8_div" class=""></div>
<div id="u8_text" class="text ">
<p><span>班级通</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u9" class="ax_default heading_3">
<div id="u9_div" class=""></div>
<div id="u9_text" class="text ">
<p><span>我的</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u10" class="ax_default box_3">
<div id="u10_div" class=""></div>
<div id="u10_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u11" class="ax_default ellipse">
<img id="u11_img" class="img " src="images/page_1/u11.svg"/>
<div id="u11_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u12" class="ax_default ellipse">
<img id="u12_img" class="img " src="images/page_1/u12.svg"/>
<div id="u12_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u13" class="ax_default ellipse">
<img id="u13_img" class="img " src="images/page_1/u11.svg"/>
<div id="u13_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u14" class="ax_default box_3">
<div id="u14_div" class=""></div>
<div id="u14_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u15" class="ax_default box_3">
<div id="u15_div" class=""></div>
<div id="u15_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u16" class="ax_default box_3">
<div id="u16_div" class=""></div>
<div id="u16_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u17" class="ax_default label">
<div id="u17_div" class=""></div>
<div id="u17_text" class="text ">
<p><span>开始时间:&nbsp; 截止时间:</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u18" class="ax_default heading_3">
<div id="u18_div" class=""></div>
<div id="u18_text" class="text ">
<p><span>任务名称1</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u19" class="ax_default label">
<div id="u19_div" class=""></div>
<div id="u19_text" class="text ">
<p><span>开始时间:&nbsp; 截止时间:</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u20" class="ax_default label">
<div id="u20_div" class=""></div>
<div id="u20_text" class="text ">
<p><span>开始时间:&nbsp; 截止时间:</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u21" class="ax_default heading_3">
<div id="u21_div" class=""></div>
<div id="u21_text" class="text ">
<p><span>任务名称2</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u22" class="ax_default heading_3">
<div id="u22_div" class=""></div>
<div id="u22_text" class="text ">
<p><span>任务名称3</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u23" class="ax_default box_2">
<div id="u23_div" class=""></div>
<div id="u23_text" class="text ">
<p><span>公告栏</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u24" class="ax_default box_1">
<div id="u24_div" class=""></div>
<div id="u24_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u25" class="ax_default box_3">
<div id="u25_div" class=""></div>
<div id="u25_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u26" class="ax_default image">
<img id="u26_img" class="img " src="images/page_1/u2.svg"/>
<div id="u26_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u27" class="ax_default image">
<img id="u27_img" class="img " src="images/page_1/u3.svg"/>
<div id="u27_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u28" class="ax_default image">
<img id="u28_img" class="img " src="images/page_1/u2.svg"/>
<div id="u28_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u29" class="ax_default heading_3">
<div id="u29_div" class=""></div>
<div id="u29_text" class="text ">
<p><span>菜单</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u30" class="ax_default heading_3">
<div id="u30_div" class=""></div>
<div id="u30_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u31" class="ax_default box_3">
<div id="u31_div" class=""></div>
<div id="u31_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u32" class="ax_default heading_3">
<div id="u32_div" class=""></div>
<div id="u32_text" class="text ">
<p><span>班级通</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u33" class="ax_default heading_3">
<div id="u33_div" class=""></div>
<div id="u33_text" class="text ">
<p><span>我的</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u34" class="ax_default box_1">
<div id="u34_div" class=""></div>
<div id="u34_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u35" class="ax_default box_3">
<div id="u35_div" class=""></div>
<div id="u35_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u36" class="ax_default image">
<img id="u36_img" class="img " src="images/page_1/u2.svg"/>
<div id="u36_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u37" class="ax_default image">
<img id="u37_img" class="img " src="images/page_1/u3.svg"/>
<div id="u37_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u38" class="ax_default image">
<img id="u38_img" class="img " src="images/page_1/u2.svg"/>
<div id="u38_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u39" class="ax_default heading_3">
<div id="u39_div" class=""></div>
<div id="u39_text" class="text ">
<p><span>菜单</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u40" class="ax_default heading_3">
<div id="u40_div" class=""></div>
<div id="u40_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u41" class="ax_default box_3">
<div id="u41_div" class=""></div>
<div id="u41_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u42" class="ax_default heading_3">
<div id="u42_div" class=""></div>
<div id="u42_text" class="text ">
<p><span>班级通</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u43" class="ax_default heading_3">
<div id="u43_div" class=""></div>
<div id="u43_text" class="text ">
<p><span>我的</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u44" class="ax_default box_3">
<div id="u44_div" class=""></div>
<div id="u44_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u45" class="ax_default box_3">
<div id="u45_div" class=""></div>
<div id="u45_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u46" class="ax_default box_3">
<div id="u46_div" class=""></div>
<div id="u46_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u47" class="ax_default heading_2">
<div id="u47_div" class=""></div>
<div id="u47_text" class="text ">
<p><span>发布任务</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u48" class="ax_default heading_2">
<div id="u48_div" class=""></div>
<div id="u48_text" class="text ">
<p><span>发布接龙</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u49" class="ax_default box_3">
<div id="u49_div" class=""></div>
<div id="u49_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u50" class="ax_default heading_2">
<div id="u50_div" class=""></div>
<div id="u50_text" class="text ">
<p><span>查看任务进度</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u51" class="ax_default box_3">
<div id="u51_div" class=""></div>
<div id="u51_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u52" class="ax_default heading_3">
<div id="u52_div" class=""></div>
<div id="u52_text" class="text ">
<p><span>任务名称1</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u53" class="ax_default box_3">
<div id="u53_div" class=""></div>
<div id="u53_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u54" class="ax_default heading_3">
<div id="u54_div" class=""></div>
<div id="u54_text" class="text ">
<p><span>任务名称2</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u55" class="ax_default box_3">
<div id="u55_div" class=""></div>
<div id="u55_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u56" class="ax_default heading_3">
<div id="u56_div" class=""></div>
<div id="u56_text" class="text ">
<p><span>任务名称3</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u57" class="ax_default heading_3">
<div id="u57_div" class=""></div>
<div id="u57_text" class="text ">
<p><span>完成进度100%</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u58" class="ax_default heading_3">
<div id="u58_div" class=""></div>
<div id="u58_text" class="text ">
<p><span>完成进度100%</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u59" class="ax_default heading_3">
<div id="u59_div" class=""></div>
<div id="u59_text" class="text ">
<p><span>完成进度100%</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u60" class="ax_default box_1">
<div id="u60_div" class=""></div>
<div id="u60_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u61" class="ax_default box_3">
<div id="u61_div" class=""></div>
<div id="u61_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u62" class="ax_default image">
<img id="u62_img" class="img " src="images/page_1/u3.svg"/>
<div id="u62_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u63" class="ax_default image">
<img id="u63_img" class="img " src="images/page_1/u2.svg"/>
<div id="u63_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u64" class="ax_default heading_3">
<div id="u64_div" class=""></div>
<div id="u64_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u65" class="ax_default box_3">
<div id="u65_div" class=""></div>
<div id="u65_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u66" class="ax_default heading_3">
<div id="u66_div" class=""></div>
<div id="u66_text" class="text ">
<p><span>班级通</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u67" class="ax_default heading_3">
<div id="u67_div" class=""></div>
<div id="u67_text" class="text ">
<p><span>我的</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u68" class="ax_default box_3">
<div id="u68_div" class=""></div>
<div id="u68_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u69" class="ax_default ellipse">
<img id="u69_img" class="img " src="images/page_1/u11.svg"/>
<div id="u69_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u70" class="ax_default ellipse">
<img id="u70_img" class="img " src="images/page_1/u12.svg"/>
<div id="u70_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u71" class="ax_default ellipse">
<img id="u71_img" class="img " src="images/page_1/u11.svg"/>
<div id="u71_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u72" class="ax_default box_3">
<div id="u72_div" class=""></div>
<div id="u72_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u73" class="ax_default box_3">
<div id="u73_div" class=""></div>
<div id="u73_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u74" class="ax_default box_3">
<div id="u74_div" class=""></div>
<div id="u74_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u75" class="ax_default label">
<div id="u75_div" class=""></div>
<div id="u75_text" class="text ">
<p><span>开始时间:&nbsp; 截止时间:</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u76" class="ax_default heading_3">
<div id="u76_div" class=""></div>
<div id="u76_text" class="text ">
<p><span>任务名称1</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u77" class="ax_default label">
<div id="u77_div" class=""></div>
<div id="u77_text" class="text ">
<p><span>开始时间:&nbsp; 截止时间:</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u78" class="ax_default label">
<div id="u78_div" class=""></div>
<div id="u78_text" class="text ">
<p><span>开始时间:&nbsp; 截止时间:</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u79" class="ax_default heading_3">
<div id="u79_div" class=""></div>
<div id="u79_text" class="text ">
<p><span>任务名称2</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u80" class="ax_default heading_3">
<div id="u80_div" class=""></div>
<div id="u80_text" class="text ">
<p><span>任务名称3</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u81" class="ax_default box_2">
<div id="u81_div" class=""></div>
<div id="u81_text" class="text ">
<p><span>公告栏</span></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u82" class="ax_default image">
<img id="u82_img" class="img " src="images/page_1/u82.svg"/>
<div id="u82_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u83" class="ax_default ellipse">
<img id="u83_img" class="img " src="images/page_1/u83.svg"/>
<div id="u83_text" class="text ">
<p><span>头像</span></p>
</div>
</div>
<!-- Unnamed (Shape) -->
<div id="u84" class="ax_default box_3">
<img id="u84_img" class="img " src="images/page_1/u84.svg"/>
<div id="u84_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u85" class="ax_default box_1">
<div id="u85_div" class=""></div>
<div id="u85_text" class="text ">
<p><span>已绑定,点击可重新绑定&nbsp; &nbsp;&nbsp; &gt;</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u86" class="ax_default box_1">
<div id="u86_div" class=""></div>
<div id="u86_text" class="text ">
<p><span>设置</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u87" class="ax_default box_1">
<div id="u87_div" class=""></div>
<div id="u87_text" class="text ">
<p><span>信息反馈</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u88" class="ax_default box_1">
<div id="u88_div" class=""></div>
<div id="u88_text" class="text ">
<p><span>个人信息</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u89" class="ax_default box_1">
<div id="u89_div" class=""></div>
<div id="u89_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u90" class="ax_default box_3">
<div id="u90_div" class=""></div>
<div id="u90_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u91" class="ax_default image">
<img id="u91_img" class="img " src="images/page_1/u3.svg"/>
<div id="u91_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u92" class="ax_default image">
<img id="u92_img" class="img " src="images/page_1/u2.svg"/>
<div id="u92_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u93" class="ax_default heading_3">
<div id="u93_div" class=""></div>
<div id="u93_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u94" class="ax_default box_3">
<div id="u94_div" class=""></div>
<div id="u94_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u95" class="ax_default heading_3">
<div id="u95_div" class=""></div>
<div id="u95_text" class="text ">
<p><span>班级通</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u96" class="ax_default heading_3">
<div id="u96_div" class=""></div>
<div id="u96_text" class="text ">
<p><span>我的</span></p>
</div>
</div>
<!-- Unnamed (Image) -->
<div id="u97" class="ax_default image">
<img id="u97_img" class="img " src="images/page_1/u82.svg"/>
<div id="u97_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u98" class="ax_default ellipse">
<img id="u98_img" class="img " src="images/page_1/u83.svg"/>
<div id="u98_text" class="text ">
<p><span>头像</span></p>
</div>
</div>
<!-- Unnamed (Shape) -->
<div id="u99" class="ax_default box_3">
<img id="u99_img" class="img " src="images/page_1/u84.svg"/>
<div id="u99_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u100" class="ax_default box_1">
<div id="u100_div" class=""></div>
<div id="u100_text" class="text ">
<p><span>已绑定,点击可重新绑定&nbsp; &nbsp;&nbsp; &gt;</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u101" class="ax_default box_1">
<div id="u101_div" class=""></div>
<div id="u101_text" class="text ">
<p><span>设置</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u102" class="ax_default box_1">
<div id="u102_div" class=""></div>
<div id="u102_text" class="text ">
<p><span>信息反馈</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u103" class="ax_default box_1">
<div id="u103_div" class=""></div>
<div id="u103_text" class="text ">
<p><span>个人信息</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u104" class="ax_default heading_1">
<div id="u104_div" class=""></div>
<div id="u104_text" class="text ">
<p><span>管理员界面</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u105" class="ax_default heading_1">
<div id="u105_div" class=""></div>
<div id="u105_text" class="text ">
<p><span>用户界面</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u106" class="ax_default box_1">
<div id="u106_div" class=""></div>
<div id="u106_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u107" class="ax_default box_3">
<div id="u107_div" class=""></div>
<div id="u107_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u108" class="ax_default heading_3">
<div id="u108_div" class=""></div>
<div id="u108_text" class="text ">
<p><span>班级通</span></p>
</div>
</div>
<!-- Unnamed (Ellipse) -->
<div id="u109" class="ax_default ellipse">
<img id="u109_img" class="img " src="images/page_1/u109.svg"/>
<div id="u109_text" class="text ">
<p><span>头像</span></p>
</div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u110" class="ax_default box_1">
<div id="u110_div" class=""></div>
<div id="u110_text" class="text ">
<p><span>授权登录</span></p>
</div>
</div>
</div>
<script src="resources/scripts/axure/ios.js"></script>
</body>
</html>

@ -0,0 +1,245 @@
// use this to isolate the scope
(function () {
if(!$axure.document.configuration.showConsole) { return; }
$(document).ready(function () {
var pluginInfo = {
id: 'debugHost',
context: 'inspect',
title: 'Interaction Console',
gid: 3
};
var pluginStarted = false;
var showEmptyState = true;
$axure.player.createPluginHost(pluginInfo);
var prevElId = 'p';
var currentElId = 'c';
generateDebug();
$('#variablesClearLink').click(clearvars_click);
$('#traceClear').click(cleartrace_click);
$('#traceToggle').click(stoptrace_click);
$('#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 == 'openPlugin') {
if(data == pluginInfo.id && !pluginStarted) {
starttrace();
}
} else 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') {
hideEmptyState();
prevElId = currentElId;
currentElId = data.elementId;
var addToStack = "<div class='axEventBlock'>";
addToStack += "<div class='axEventContainer'>";
addToStack += " <div class='axTime'>" + new Date().toLocaleTimeString() + "</div>";
addToStack += " <div class='axLabel'>" + data.label + " (" + data.type + ")</div>";
addToStack += " <div class='axEvent'>" + data.event.description + "</div>";
addToStack += "</div></div>";
currentStack.push($(addToStack));
} else if (message == 'axEventComplete') {
handleNoCondition()
if (tryAddGroupCounter()) {
currentStack.pop();
return;
}
finishedStack.push(currentStack.pop());
if(currentStack.length == 0) {
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'>";
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].append($(addToStack));
} else if (message == 'axAction') {
var addToStack = "<div class='axActionContainer'>";
addToStack += " <div class='axActionItem'>" + data.name + "</div>";
addToStack += "</div>";
currentStack[currentStack.length - 1].append($(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].append($(addToStack));
}
}
// bind to the page load
$axure.page.bind('load.debug', function () {
var traceStr = $axure.player.getHashStringVar(TRACE_VAR_NAME);
if (!traceStr) $axure.messageCenter.setState("isTracing", false);
else if (traceStr == 1) starttrace();
else if (traceStr == 0) stoptrace_click();
$axure.messageCenter.postMessage('getGlobalVariables', '');
return false;
});
function handleNoCondition() {
var event = currentStack[currentStack.length - 1];
var action = event.find('.axActionContainer');
if (action.length == 0) {
event.append($("<div class='axActionContainer'><span>No condition met</span></div></div>"));
}
}
function compareEventBlocks(first, second) {
if(currentElId !== prevElId) return false;
var firstClone = first.clone();
var secondClone = second.clone();
firstClone.find('.axTime').remove();
secondClone.find('.axTime').remove();
firstClone.find('.axEventCounter').remove();
secondClone.find('.axEventCounter').remove();
return firstClone.html() === secondClone.html();
}
function tryAddGroupCounter() {
var prevEvent;
if(finishedStack.length == 0 && currentStack.length == 1) {
prevEvent = $('#traceDiv').find('.axEventBlock').first();
if(prevEvent.length == 0) return false;
} else if(finishedStack.length > 0) {
prevEvent = finishedStack[finishedStack.length - 1];
} else {
return false;
}
var currentEvent = currentStack[currentStack.length - 1];
if(compareEventBlocks(prevEvent, currentEvent)) {
var prevLabel = prevEvent.find('.axLabel');
var counterBlock = prevLabel.find('.axEventCounter');
prevEvent.find('.axTime').text(currentEvent.find('.axTime').text());
if(counterBlock.length == 0) {
var eventCounter = "<span class='axEventCounter'>2</span>";
prevLabel.append($(eventCounter));
return true;
}
var count = counterBlock.text();
if(isNaN(count)) return true;
if(count > 8) counterBlock.text('9+');
else counterBlock.text(+count + 1);
return true;
}
return false;
}
function clearvars_click(event) {
$axure.messageCenter.postMessage('resetGlobalVariables', '');
}
function close() {
$axure.player.pluginClose("debugHost");
}
function cleartrace_click(event) {
$('#traceDiv').html('');
clearLastEventState();
}
function clearLastEventState() {
lastEventId = '';
sameLastEvent = false;
lastCaseName = '';
}
function starttrace() {
$axure.messageCenter.setState("isTracing", true);
console.log("starting trace");
$axure.player.setVarInCurrentUrlHash(TRACE_VAR_NAME, 1);
pluginStarted = true;
if (!$axure.document.configuration.isAxshare) {
$.get("consoleShown");
}
}
function hideEmptyState() {
if(showEmptyState) {
$('#traceEmptyState').hide();
showEmptyState = false;
}
}
function restarttrace_click(event) {
$('#traceToggle').text('Stop Trace');
$('#traceToggle').off("click");
$('#traceToggle').click(stoptrace_click);
starttrace();
clearLastEventState();
}
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(restarttrace_click);
console.log("stopping trace");
$axure.player.setVarInCurrentUrlHash(TRACE_VAR_NAME, 0);
pluginStarted = true;
}
});
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 class='lineDivider'></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'>Interactions will be recorded here as you click through the prototype.</div>";
pageNotesUi += "<div id='traceDiv'></div></div>";
pageNotesUi += "</div></div>";
$('#debugHost').append(pageNotesUi);
}
})();

@ -0,0 +1,274 @@
#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, #traceClear:hover, #traceToggle:hover {
color: #1482C5;
}
#traceClearLink {
display: inline-block;
margin-bottom: 15px;
}
#traceClearLink:hover {
color: #1482C5;
}
#debugScrollContainer
{
overflow: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
flex: 1;
}
#debugContainer {
padding: 10px 0px 10px 0px;
}
#consoleTitle {
clear: right;
/*margin: 12px 0px;*/
padding: 10px 15px;
}
.variableName
{
font-weight: bold;
}
.variableDiv
{
margin-bottom: 20px;
line-height: 16px;
}
#variablesDiv
{
clear: right;
}
#variablesContainer {
/*border-bottom: solid 1px #e7e7e7;*/
padding: 0px 15px 12px 15px;
}
#traceContainer {
margin-bottom: 5px;
padding: 5px 15px 0px 15px;
}
#variablesTitle {
margin-bottom: 9px;
}
.sectionTitle {
font-size: 12px;
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 15px 0px 15px;
}
.axTime {
margin: 0px 0px 0px 5px;
font-size: 12px;
color: #575757;
display: inline-block;
float: right;
}
.axLabel {
display: inline-block;
color: #1482C5;
}
.axEvent {
/*margin: 0px 0px 2px 0px;*/
/*font-size: 15px;*/
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
}
.axCaseContainer {
justify-content: space-between;
padding: 0px 15px 0px 25px;
}
.axActionContainer {
justify-content: space-between;
padding: 0px 15px 0px 35px;
}
.axInfoContainer {
justify-content: space-between;
padding: 0px 15px 0px 45px;
}
.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%;
/*padding-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
}
.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;
}
#traceEmptyState {
margin: auto;
width: 179px;
font-size: 11px;
text-align: center;
/*color: #666666;*/
}
.debugLinksContainer {
text-align: right;
}
.axEventCounter {
display: inline-block;
width: 21px;
height: 21px;
font-size: 12px;
border-radius: 50%;
text-align: center;
color: #ffffff;
background-color: rgba(30, 152, 215, 1);
margin-left: 5px;
float: right;
}

@ -0,0 +1,4 @@
<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 15H15C15.2652 15 15.5196 15.1054 15.7071 15.2929C15.8946 15.4804 16 15.7348 16 16C16 16.2652 15.8946 16.5196 15.7071 16.7071C15.5196 16.8946 15.2652 17 15 17H9C8.73478 17 8.48043 16.8946 8.29289 16.7071C8.10536 16.5196 8 16.2652 8 16C8 15.7348 8.10536 15.4804 8.29289 15.2929C8.48043 15.1054 8.73478 15 9 15Z" fill="#1482C5"/>
<path d="M3.70132 17C3.64771 17 3.59411 17 3.5405 16.9568C3.32608 16.9135 3.16526 16.6973 3.16526 16.5243L4.13017 10.6432H1.55709C1.39627 10.6432 1.23545 10.6 1.12824 10.4703C1.02103 10.3838 0.967424 10.2541 1.02103 10.1243L3.37968 1.34595C3.43329 1.12973 3.64771 1 3.91574 1L10.5093 1.12973C10.6701 1.12973 10.8845 1.21622 10.9381 1.34595C10.9917 1.47568 11.0453 1.64865 10.9381 1.77838L7.45372 7.61622H10.3484C10.5629 7.61622 10.7237 7.7027 10.8309 7.83243C10.9381 7.96216 10.9381 8.13514 10.8309 8.26486L4.18377 16.7838C4.07656 16.9135 3.91574 17 3.70132 17ZM2.25396 9.77838H4.77343C4.93425 9.77838 5.09507 9.82162 5.20228 9.90811C5.30949 9.99459 5.3631 10.1243 5.30949 10.2541L4.61262 14.6649L9.43714 8.48108H6.64964C6.48882 8.48108 6.2744 8.39459 6.22079 8.26486C6.16719 8.13514 6.11358 7.96216 6.16719 7.83243L9.65156 1.99459L4.39819 1.90811L2.25396 9.77838Z" fill="#1482C5" stroke="#1482C5" stroke-width="0.5"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1,4 @@
<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 15H15C15.2652 15 15.5196 15.1054 15.7071 15.2929C15.8946 15.4804 16 15.7348 16 16C16 16.2652 15.8946 16.5196 15.7071 16.7071C15.5196 16.8946 15.2652 17 15 17H9C8.73478 17 8.48043 16.8946 8.29289 16.7071C8.10536 16.5196 8 16.2652 8 16C8 15.7348 8.10536 15.4804 8.29289 15.2929C8.48043 15.1054 8.73478 15 9 15Z" fill="#718096"/>
<path d="M3.70132 17C3.64771 17 3.59411 17 3.5405 16.9568C3.32608 16.9135 3.16526 16.6973 3.16526 16.5243L4.13017 10.6432H1.55709C1.39627 10.6432 1.23545 10.6 1.12824 10.4703C1.02103 10.3838 0.967424 10.2541 1.02103 10.1243L3.37968 1.34595C3.43329 1.12973 3.64771 1 3.91574 1L10.5093 1.12973C10.6701 1.12973 10.8845 1.21622 10.9381 1.34595C10.9917 1.47568 11.0453 1.64865 10.9381 1.77838L7.45372 7.61622H10.3484C10.5629 7.61622 10.7237 7.7027 10.8309 7.83243C10.9381 7.96216 10.9381 8.13514 10.8309 8.26486L4.18377 16.7838C4.07656 16.9135 3.91574 17 3.70132 17ZM2.25396 9.77838H4.77343C4.93425 9.77838 5.09507 9.82162 5.20228 9.90811C5.30949 9.99459 5.3631 10.1243 5.30949 10.2541L4.61262 14.6649L9.43714 8.48108H6.64964C6.48882 8.48108 6.2744 8.39459 6.22079 8.26486C6.16719 8.13514 6.11358 7.96216 6.16719 7.83243L9.65156 1.99459L4.39819 1.90811L2.25396 9.77838Z" fill="#718096" stroke="#718096" stroke-width="0.5"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -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: 'Notes',
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('&nbsp;');
}
}
function generatePageNotes() {
var pageNotesUi = "<div id='pageNotesHeader'>";
pageNotesUi += "<div id='pageNotesToolbar' style='height: 10px;'>";
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').append(pageNotesUi);
if(!$axure.document.configuration.showAnnotations) {
$('#pageNotesHost .pageNameHeader').css('padding-right', '55px');
}
}
})();

@ -0,0 +1,3 @@
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0H13C13.2652 0 13.5196 0.105357 13.7071 0.292893C13.8946 0.48043 14 0.734784 14 1V15C14 15.2652 13.8946 15.5196 13.7071 15.7071C13.5196 15.8946 13.2652 16 13 16H1C0.734784 16 0.48043 15.8946 0.292893 15.7071C0.105357 15.5196 0 15.2652 0 15V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0V0ZM2 2V14H12V2H2ZM4 4H10C10.2652 4 10.5196 4.10536 10.7071 4.29289C10.8946 4.48043 11 4.73478 11 5C11 5.26522 10.8946 5.51957 10.7071 5.70711C10.5196 5.89464 10.2652 6 10 6H4C3.73478 6 3.48043 5.89464 3.29289 5.70711C3.10536 5.51957 3 5.26522 3 5C3 4.73478 3.10536 4.48043 3.29289 4.29289C3.48043 4.10536 3.73478 4 4 4V4ZM4 7H10C10.2652 7 10.5196 7.10536 10.7071 7.29289C10.8946 7.48043 11 7.73478 11 8C11 8.26522 10.8946 8.51957 10.7071 8.70711C10.5196 8.89464 10.2652 9 10 9H4C3.73478 9 3.48043 8.89464 3.29289 8.70711C3.10536 8.51957 3 8.26522 3 8C3 7.73478 3.10536 7.48043 3.29289 7.29289C3.48043 7.10536 3.73478 7 4 7V7ZM4 10H10C10.2652 10 10.5196 10.1054 10.7071 10.2929C10.8946 10.4804 11 10.7348 11 11C11 11.2652 10.8946 11.5196 10.7071 11.7071C10.5196 11.8946 10.2652 12 10 12H4C3.73478 12 3.48043 11.8946 3.29289 11.7071C3.10536 11.5196 3 11.2652 3 11C3 10.7348 3.10536 10.4804 3.29289 10.2929C3.48043 10.1054 3.73478 10 4 10V10Z" fill="#1482C5"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1,3 @@
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0H13C13.2652 0 13.5196 0.105357 13.7071 0.292893C13.8946 0.48043 14 0.734784 14 1V15C14 15.2652 13.8946 15.5196 13.7071 15.7071C13.5196 15.8946 13.2652 16 13 16H1C0.734784 16 0.48043 15.8946 0.292893 15.7071C0.105357 15.5196 0 15.2652 0 15V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0V0ZM2 2V14H12V2H2ZM4 4H10C10.2652 4 10.5196 4.10536 10.7071 4.29289C10.8946 4.48043 11 4.73478 11 5C11 5.26522 10.8946 5.51957 10.7071 5.70711C10.5196 5.89464 10.2652 6 10 6H4C3.73478 6 3.48043 5.89464 3.29289 5.70711C3.10536 5.51957 3 5.26522 3 5C3 4.73478 3.10536 4.48043 3.29289 4.29289C3.48043 4.10536 3.73478 4 4 4V4ZM4 7H10C10.2652 7 10.5196 7.10536 10.7071 7.29289C10.8946 7.48043 11 7.73478 11 8C11 8.26522 10.8946 8.51957 10.7071 8.70711C10.5196 8.89464 10.2652 9 10 9H4C3.73478 9 3.48043 8.89464 3.29289 8.70711C3.10536 8.51957 3 8.26522 3 8C3 7.73478 3.10536 7.48043 3.29289 7.29289C3.48043 7.10536 3.73478 7 4 7V7ZM4 10H10C10.2652 10 10.5196 10.1054 10.7071 10.2929C10.8946 10.4804 11 10.7348 11 11C11 11.2652 10.8946 11.5196 10.7071 11.7071C10.5196 11.8946 10.2652 12 10 12H4C3.73478 12 3.48043 11.8946 3.29289 11.7071C3.10536 11.5196 3 11.2652 3 11C3 10.7348 3.10536 10.4804 3.29289 10.2929C3.48043 10.1054 3.73478 10 4 10V10Z" fill="#718096"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -0,0 +1,221 @@
#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 15px 8px 15px;
}
.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: #081222;
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: 15px;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
cursor: pointer;
}
.widgetNoteContainer:hover {
background-color: #f7f8fb;
}
.notesDialog .widgetNoteContainer:hover {
background-color: transparent;
}
.mobileMode .widgetNoteContainer {
padding: 12px 16px 12px 17px;
}
.widgetNoteContainerSelected {
background-color: white;
border-bottom: 1px solid #CBD5E5;
border-top: 1px solid #CBD5E5;
}
.widgetNoteContainerSelected:hover {
background-color: white;
}
.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: #1482C5;*/
margin-top: 4px;
float: right;
}
.noteLink {
text-decoration: inherit;
color: inherit;
}
.noteLink:hover {
background-color: white;
}
.notesSectionHeader {
margin: 0px 15px 4px 15px;
}
.notesPageNameHeader {
margin: 8px 15px 15px 15px;
}
.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: #FCFDFF;
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,598 @@
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('');
// expand all parent nodes
if ($currentNode.length > 0) {
var expandableParents = $currentNode.closest('.sitemapNode').parents('.sitemapExpandableNode');
if (expandableParents.length > 0) {
expandableParents.each(function () {
expand_click($(this).find('.sitemapPlusMinusLink').first());
});
}
}
//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');
if ($axure.player.zoomValues) {
var zoomValues = '';
$.each($axure.player.zoomValues, function(index, value ) {
zoomValues += '<div class="vpZoomValue" val='+value+' ><div class="zoomValue"></div>'+value+'%</div>';
});
$(zoomValues).appendTo('#scaleMenuContainer');
$('.vpZoomValue').click(vpZoomValue_click);
}
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 += '<div class="vpScaleOption" val="3" hidden><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>User Scale</div>';
$(scaleOptions).appendTo($vpContainer);
$('#scaleMenuContainer').append($vpContainer);
$vpContainer.show();
$('#overflowMenuContainer').append('<div id="showHotspotsOption" class="showOption" style="order: 1"><div class="overflowOptionCheckbox"></div>Show Hotspots</div>');
$('#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 (scaleVal == '0') {
$axure.player.zoomPage(100);
}
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();
$axure.player.closePopup();
}
function vpZoomValue_click() {
var scaleVal = $(this).attr('val');
$axure.player.selectScaleOption(3);
$axure.player.zoomPage(scaleVal);
$axure.player.closePopup();
}
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;
var isFolder = node.type == "Folder";
if(hasChildren) {
margin = (9 + level * 17);
if (isFolder) {
returnVal = "<li class='sitemapNode sitemapExpandableNode'><div class='sitemapHover'><div class='sitemapPageLinkContainer sitemapPlusMinusLink' style='margin-left:" + margin + "px'><span class='sitemapPlus'></span>";
} else {
returnVal = "<li class='sitemapNode sitemapExpandableNode'><div class='sitemapHover'><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 class='sitemapHover'><div class='sitemapPageLinkContainer' style='margin-left:" + margin + "px'>";
}
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 += isFolder ? "<ul style='display: none;'>" : "<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,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5 0.5H4.5C2.29086 0.5 0.5 2.29086 0.5 4.5V15.5C0.5 17.7091 2.29086 19.5 4.5 19.5H15.5C17.7091 19.5 19.5 17.7091 19.5 15.5V4.5C19.5 2.29086 17.7091 0.5 15.5 0.5Z" stroke="#718096"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 5V4L4.448 6.5V7.5L9 9.5V8.5C6.733 7.513 5.567 7.013 5.5 7C5.569 6.983 6.735 6.317 9 5ZM5.292 14.262C5.29136 14.0835 5.36147 13.912 5.487 13.785C5.5514 13.7214 5.62792 13.6714 5.712 13.638C5.80354 13.6013 5.90139 13.583 6 13.584C6.12 13.584 6.227 13.606 6.321 13.65C6.41225 13.6918 6.4924 13.7545 6.555 13.833C6.61831 13.9135 6.66612 14.005 6.696 14.103C6.728 14.205 6.744 14.316 6.744 14.436C6.744 14.616 6.718 14.803 6.666 14.997C6.61203 15.1961 6.53763 15.3892 6.444 15.573C6.23615 15.9759 5.95067 16.3338 5.604 16.626L5.424 16.452C5.39967 16.4313 5.3801 16.4055 5.36664 16.3765C5.35318 16.3475 5.34614 16.316 5.346 16.284C5.346 16.232 5.374 16.178 5.43 16.122C5.47 16.078 5.521 16.019 5.583 15.945C5.645 15.871 5.708 15.786 5.772 15.69C5.836 15.594 5.895 15.488 5.949 15.372C6.003 15.256 6.042 15.132 6.066 15H5.988C5.8913 15.0014 5.79533 14.983 5.706 14.946C5.62315 14.9108 5.54856 14.8587 5.487 14.793C5.42397 14.7253 5.37502 14.6458 5.343 14.559C5.3081 14.4639 5.29082 14.3633 5.292 14.262V14.262Z" fill="#718096"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -0,0 +1,3 @@
<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.162476 7.5L0.162476 0.5L4.96248 4L0.162476 7.5Z" fill="#718096"/>
</svg>

After

Width:  |  Height:  |  Size: 217 B

@ -0,0 +1,9 @@
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 10H1V13H4V10Z" fill="#37465E"/>
<path d="M12 10H9V13H12V10Z" fill="#37465E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.47275 0L1 3.52708L6.47275 7L12 3.52708L6.47275 0ZM10.1308 3.52054L6.47542 1.18796L2.85608 3.52056L6.47539 5.81732L10.1308 3.52054Z" fill="#37465E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.45 9H10.55H11V8H10.55H2.45H2V9H2.45Z" fill="#37465E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7.66667V6.33333V6H6V6.33333V7.66667V8H7V7.66667Z" fill="#37465E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10.6667V9.33333V9H2V9.33333V10.6667V11H3V10.6667Z" fill="#37465E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 10.6667V9.33333V9H10V9.33333V10.6667V11H11V10.6667Z" fill="#37465E"/>
</svg>

After

Width:  |  Height:  |  Size: 870 B

@ -0,0 +1,7 @@
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_8335_27807" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 2C1.44772 2 1 2.44772 1 3V5V13C1 13.5523 1.44772 14 2 14H13C13.5523 14 14 13.5523 14 13V5C14 4.44772 13.5523 4 13 4H7L6.50955 3.0191C6.50318 3.00637 6.49738 2.9941 6.4913 2.98123C6.42647 2.84394 6.00736 2 5.5 2H2Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 2C1.44772 2 1 2.44772 1 3V5V13C1 13.5523 1.44772 14 2 14H13C13.5523 14 14 13.5523 14 13V5C14 4.44772 13.5523 4 13 4H7L6.50955 3.0191C6.50318 3.00637 6.49738 2.9941 6.4913 2.98123C6.42647 2.84394 6.00736 2 5.5 2H2Z" fill="#718096"/>
<path d="M7 4L6.10557 4.44721L6.38197 5H7V4ZM6.50955 3.0191L5.61512 3.46631L5.61512 3.46631L6.50955 3.0191ZM6.4913 2.98123L5.58703 3.40819L5.58703 3.4082L6.4913 2.98123ZM2 3V3V1C0.895431 1 0 1.89543 0 3H2ZM2 5V3H0V5H2ZM2 13V5H0V13H2ZM2 13H2H0C0 14.1046 0.895431 15 2 15V13ZM13 13H2V15H13V13ZM13 13V15C14.1046 15 15 14.1046 15 13H13ZM13 5V13H15V5H13ZM13 5H15C15 3.89543 14.1046 3 13 3V5ZM7 5H13V3H7V5ZM5.61512 3.46631L6.10557 4.44721L7.89443 3.55279L7.40398 2.57188L5.61512 3.46631ZM5.58703 3.4082C5.59283 3.42048 5.60308 3.44223 5.61512 3.46631L7.40398 2.57189C7.40384 2.57162 7.40325 2.57044 7.40189 2.5676C7.40039 2.56447 7.39863 2.56075 7.39556 2.55426L5.58703 3.4082ZM5.5 3C5.42263 3 5.36198 2.98361 5.32376 2.96877C5.30505 2.96151 5.29159 2.9546 5.28343 2.95C5.27928 2.94767 5.27625 2.94578 5.27431 2.94453C5.27238 2.94328 5.2714 2.94257 5.27135 2.94253C5.2713 2.9425 5.27205 2.94304 5.27358 2.94427C5.27511 2.9455 5.27729 2.94732 5.2801 2.9498C5.28582 2.95485 5.29346 2.96203 5.30286 2.97169C5.32209 2.99145 5.34489 3.01767 5.37033 3.05059C5.48139 3.19432 5.5662 3.36407 5.58703 3.40819L7.39557 2.55426C7.35158 2.4611 7.19441 2.14024 6.95287 1.82767C6.83209 1.67137 6.66401 1.4825 6.44829 1.32549C6.23413 1.16962 5.90965 1 5.5 1V3ZM2 3H5.5V1H2V3Z" fill="#37465E" mask="url(#path-1-inside-1_8335_27807)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5 0.5H4.5C2.29086 0.5 0.5 2.29086 0.5 4.5V15.5C0.5 17.7091 2.29086 19.5 4.5 19.5H15.5C17.7091 19.5 19.5 17.7091 19.5 15.5V4.5C19.5 2.29086 17.7091 0.5 15.5 0.5Z" stroke="#718096"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.448 8.5V9.5L9 7V6L4.448 4V5C6.715 5.987 7.881 6.487 7.948 6.5C7.879 6.517 6.713 7.183 4.448 8.5Z" fill="#718096"/>
<path d="M5.39403 15.34C5.39403 15.236 5.41203 15.138 5.44803 15.046C5.48803 14.954 5.54003 14.874 5.60403 14.806C5.67203 14.738 5.75203 14.684 5.84403 14.644C5.93603 14.604 6.03403 14.584 6.13803 14.584C6.24203 14.584 6.34003 14.604 6.43203 14.644C6.52403 14.684 6.60403 14.738 6.67203 14.806C6.74003 14.874 6.79403 14.954 6.83403 15.046C6.87403 15.138 6.89403 15.236 6.89403 15.34C6.89403 15.448 6.87403 15.548 6.83403 15.64C6.79403 15.728 6.74003 15.806 6.67203 15.874C6.60403 15.942 6.52403 15.994 6.43203 16.03C6.34003 16.07 6.24203 16.09 6.13803 16.09C6.03403 16.09 5.93603 16.07 5.84403 16.03C5.75203 15.994 5.67203 15.942 5.60403 15.874C5.54003 15.806 5.48803 15.728 5.44803 15.64C5.41203 15.548 5.39403 15.448 5.39403 15.34Z" fill="#718096"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,3 @@
<svg width="6" height="11" viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 11L0 5.5L5.5 0V2L2 5.5L5.5 9V11Z" fill="#718096"/>
</svg>

After

Width:  |  Height:  |  Size: 206 B

@ -0,0 +1,3 @@
<svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H9L4.5 6L0 0Z" fill="#718096"/>
</svg>

After

Width:  |  Height:  |  Size: 186 B

@ -0,0 +1,4 @@
<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 1.5C0.5 0.947715 0.947715 0.5 1.5 0.5H9.5C10.0523 0.5 10.5 0.947715 10.5 1.5V11.5C10.5 12.0523 10.0523 12.5 9.5 12.5H1.5C0.947716 12.5 0.5 12.0523 0.5 11.5V1.5Z" stroke="#37465E"/>
<path d="M3.5 8.5H7.5M3.5 4.5H7.5M3.5 6.5H7.5" stroke="#37465E" stroke-linecap="square"/>
</svg>

After

Width:  |  Height:  |  Size: 428 B

@ -0,0 +1,3 @@
<svg width="6" height="11" viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 11L6 5.5L0.5 0V2L4 5.5L0.5 9V11Z" fill="#718096"/>
</svg>

After

Width:  |  Height:  |  Size: 206 B

@ -0,0 +1,11 @@
<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M7.5 7.5L10.291 10.365" stroke="#1482C5" stroke-linecap="square"/>
<path d="M4.5 8C6.433 8 8 6.433 8 4.5C8 2.567 6.433 1 4.5 1C2.567 1 1 2.567 1 4.5C1 6.433 2.567 8 4.5 8Z" stroke="#1482C5"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="11" height="11" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 430 B

@ -0,0 +1,11 @@
<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M7.5 7.5L10.291 10.365" stroke="#718096" stroke-linecap="square"/>
<path d="M4.5 8C6.433 8 8 6.433 8 4.5C8 2.567 6.433 1 4.5 1C2.567 1 1 2.567 1 4.5C1 6.433 2.567 8 4.5 8Z" stroke="#718096"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="11" height="11" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 430 B

@ -0,0 +1,10 @@
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M14.965 6.00019C15.532 6.00019 16 6.43319 16 7.00019C16 7.56719 15.566 8.00019 14.998 8.00019H1.00203C0.869906 8.00276 0.73862 7.97867 0.61602 7.92935C0.49342 7.88003 0.382023 7.8065 0.288487 7.71315C0.194951 7.6198 0.121197 7.50855 0.0716345 7.38605C0.0220718 7.26355 -0.00228225 7.13231 2.81958e-05 7.00019C2.81958e-05 6.43319 0.434028 6.00019 1.00203 6.00019H14.965ZM10.964 12.0002C11.532 12.0002 12 12.4332 12 13.0002C12 13.5672 11.565 14.0002 10.997 14.0002H1.00303C0.87086 14.0028 0.739529 13.9787 0.616875 13.9294C0.494221 13.8801 0.38276 13.8065 0.289145 13.7132C0.19553 13.6199 0.121682 13.5086 0.0720078 13.3861C0.0223341 13.2636 -0.00214628 13.1324 2.81958e-05 13.0002C2.81958e-05 12.4332 0.435028 12.0002 1.00303 12.0002H10.963H10.964ZM1.00303 2.00019C0.87086 2.00276 0.739529 1.97867 0.616875 1.92936C0.494221 1.88006 0.38276 1.80654 0.289145 1.71321C0.19553 1.61987 0.121682 1.50863 0.0720078 1.38613C0.0223341 1.26362 -0.00214628 1.13236 2.81958e-05 1.00019C2.81958e-05 0.433186 0.435028 0.000186046 1.00303 0.000186046H10.997C11.1292 -0.00238435 11.2605 0.0217027 11.3832 0.0710093C11.5058 0.120316 11.6173 0.193831 11.7109 0.287166C11.8045 0.3805 11.8784 0.491741 11.928 0.614246C11.9777 0.736752 12.0022 0.868011 12 1.00019C12 1.56719 11.565 2.00019 10.997 2.00019H1.00303Z" fill="#1482C5"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="16" height="14" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -0,0 +1,10 @@
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M14.965 6.00019C15.532 6.00019 16 6.43319 16 7.00019C16 7.56719 15.566 8.00019 14.998 8.00019H1.00203C0.869906 8.00276 0.73862 7.97867 0.61602 7.92935C0.49342 7.88003 0.382023 7.8065 0.288487 7.71315C0.194951 7.6198 0.121197 7.50855 0.0716345 7.38605C0.0220718 7.26355 -0.00228225 7.13231 2.81958e-05 7.00019C2.81958e-05 6.43319 0.434028 6.00019 1.00203 6.00019H14.965ZM10.964 12.0002C11.532 12.0002 12 12.4332 12 13.0002C12 13.5672 11.565 14.0002 10.997 14.0002H1.00303C0.87086 14.0028 0.739529 13.9787 0.616875 13.9294C0.494221 13.8801 0.38276 13.8065 0.289145 13.7132C0.19553 13.6199 0.121682 13.5086 0.0720078 13.3861C0.0223341 13.2636 -0.00214628 13.1324 2.81958e-05 13.0002C2.81958e-05 12.4332 0.435028 12.0002 1.00303 12.0002H10.963H10.964ZM1.00303 2.00019C0.87086 2.00276 0.739529 1.97867 0.616875 1.92936C0.494221 1.88006 0.38276 1.80654 0.289145 1.71321C0.19553 1.61987 0.121682 1.50863 0.0720078 1.38613C0.0223341 1.26362 -0.00214628 1.13236 2.81958e-05 1.00019C2.81958e-05 0.433186 0.435028 0.000186046 1.00303 0.000186046H10.997C11.1292 -0.00238435 11.2605 0.0217027 11.3832 0.0710093C11.5058 0.120316 11.6173 0.193831 11.7109 0.287166C11.8045 0.3805 11.8784 0.491741 11.928 0.614246C11.9777 0.736752 12.0022 0.868011 12 1.00019C12 1.56719 11.565 2.00019 10.997 2.00019H1.00303Z" fill="#718096"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="16" height="14" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -0,0 +1,402 @@

#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: #718096;
margin: 0 auto;
padding: 12px 0px;
line-height: 20px;
opacity: .8;
}
.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: 2.1;
/*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: #E3F2FC !important;
}
.sitemapHover {
}
.sitemapHover:hover {
background-color: #F5FAFE;
}
.sitemapGreyedName
{
color: #AAA;
}
.sitemapPluginNameHeader {
margin: 10px 9px 6px 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: #EDEFF1 !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;
}
.vpZoomValue + #interfaceScaleListContainer {
padding-top: 5px;
margin-top: 5px;
border-top: solid 1px #bdbcbc;
}
#interfaceScaleListContainer {
padding: 0 9px 5px 16px;
order: 10;
}
.adaptiveViewOption, .vpPresetOption, .vpScaleOption {
padding: 5px 0px 5px 0px;
/*color: #3B3B3B;*/
display: flex;
}
.vpScaleOption[hidden] {
display: none !important;
}
.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 #75BB43;
}
.selectedRadioButtonFill {
position: relative;
display: none;
background-color: #75BB43;
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;
font-family: 'Source Sans Pro', 'Trebuchet MS', Arial;
color: #718096;
}
#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:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  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;">
&nbsp;</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;">
&nbsp;</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:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  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:  |  Height:  |  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;">
&nbsp;
</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;">
&nbsp;</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:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 251 B

@ -0,0 +1,326 @@
/* so the window resize fires within a frame in IE7 */
html, body {
height: 100%;
}
#zoomOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#dragOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: grab;
}
#dragOverlay.dragging__start {
cursor: grabbing;
}
html.hideScroll::-webkit-scrollbar {
display: none;
}
html.hideScroll {
-ms-overflow-style: none;
scrollbar-width: none;
}
.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;
}
select option {
color: initial;
}
.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 #75BB43;
box-shadow: 0 0 10px 3px #75BB43;
}
.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 #1482C5;
box-shadow: 0 0 10px 3px #1482C5;
/*-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;
}

File diff suppressed because it is too large Load Diff

@ -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:  |  Height:  |  Size: 112 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

@ -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>

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 B

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save