• sean

    0_1563418245881_mango_chart.PNG
    in 3.5.6 chart only show 3 decimal number,
    But in the 3.6.1
    0_1563418328990_mango_chart361.PNG
    Decimal number is too many like a bug ?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    @phildunlap Thnaks phildunlap. in the event handler I try to use <ma-get-point-value point-xid="XID_eventhandler" point="A_eventhandler"></ma-get-point-value> to get data point Event detectors xid,
    but use {{A_eventhandler.value}} this not anything . When this event detector trigger <div ng-class="{red:A_eventhandler.value == true}"> still nothing happen.

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    how to detector a.value | moment.duration(2, 'minutes'); if I want to use ng-class="{red: a.value > 10}"
    but must a.value keep > 10 have 2 minutes than trigger class red ?
    like datapoint Event detectors limit and duration how to code in dashboard?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    I have a question code like

    <ma-now update-interval="15 SECONDS" output="theTimeNow"></ma-now>
    
    <ma-point-values point="point2" values="point2Values"  from="theTimeNow | maMoment:'subtract':1:'Month'" to="theTimeNow" rollup="AVERAGE" rollup-interval="1 HOURS">
    </ma-point-values>
    
    {{}}
    

    how do I code to show a point2 last value from ma-now to before a month average kind of ma-point-values filter in {{}}?
    not {{point2Values}} this way. because like pic. I need just a number.
    0_1545305671607_values.PNG

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    @jared-wiltshire in the A_page have a menu

    <md-card class="card pingfang" style="width:180px;">
                <md-content class="card-body" style="color:white" align="center">
                    <div style="padding-left:12px;">
                        Temperature Area
                    <hr>
                        <div layout="row" layout-align="space-between center">
                            <md-checkbox ng-model="upTemperature" ng-checked="true">
                            Upside Temperature
                        </md-checkbox></div>
                        <div layout="row" layout-align="space-between center">
                            <md-checkbox ng-model="middleTemperature">
                            Middle-side Temperature
                        </md-checkbox></div>
                        <div layout="row" layout-align="space-between center">
                            <md-checkbox ng-model="downTemperature">
                            Downside Temperature
                        </md-checkbox></div>
                    </div>
                </md-content>
            </md-card>
    

    So I need make a <div ng-init="page={}"></div> in A_page and change ng-model to "page.upTemperature" "page.middleTemperature" "page.downTemperature" it will be use in main dashboard ?
    In main dashboard will use ng-show to controller upTemperature, middleTemperature, downTemperature,
    hide or see.

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    @craigweb No "A_page" just a example .I know page XID. Problem is ng-model variable can't be use in main dashboard .

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    @jared-wiltshire I got a problem when use <ma-ui-page-view xid="A_page" flex layout="column" /> in this A_page ng-model create variable can't be bind to main dashboard page so how can I fix ?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    @jared-wiltshire Yes. Idea want to include other page to the main dashboard. In the past I always use in File stores
    create html copy same code in this. use <ng-include style="width:950%;height:950%;" src="'/rest/v2/file-stores/public/map.html'" ma-scale-to="ma-ui-page-view" /> bind to main dashboard content, <ma-ui-page-view> this way very help for me.When need edit just edit other page .

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    How do I include mango make page?

    code

    <ng-include src="'/cardscontroller'"></ng-include>
    

    but console have error
    Failed to load resource: the server responded with a status of 404 (Not Found)

    0_1541728505586_menu.PNG

    what is it current url ?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    in 3.5.5 audio sound have error
    GET http://192.168.7.250/rest/v2/file-stores/public/Alert5.mp3 net::ERR_ABORTED 406 (Not Acceptable)
    code like this

    <audio ng-if="sound == true" ng-src="{{'/rest/v2/file-stores/public/MGS_Alert5.mp3'}}" type="audio/mpeg" autoplay="true"></audio>
    <md-switch ng-model="sound"></md-switch>
    

    when change switch just console have error.

    but same code in 3.4.3 it just current play sound . How do I fix ?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    That's right. like Jared say.
    Maybe we should know how to link delay before web loading finish to go hash tag ?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    How to I do to link two page hash tag to id?
    In page 1 want to use <a ng-href="page2{{'#p2'}}>Link</a>" link to page 2 <div id="p2">.....</div>
    but it just link to page 2 top. Not working link to hash tag id p2. How to fix it ?

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    how to setting option in amchart web demo code like "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>" I use in mango code<ma-pie-chart value="[{ value: temperature1.renderedValue, text: 'Temperature1', color:'#187dea'}, { value: temperature2.renderedValue, text: 'Temperature2', color:'#3AD622'}, { value: temperature3.renderedValue, text: 'Temperature3', color:'#37b76b'}]" options="{labelsEnabled:false,outlineAlpha:0.2,innerRadius:70,hoverAlpha:0.5, balloonText:[{<span style='font-size:20px'>[[title]]</span><br><span style='font-size:35px'><b>[[value]]</b> ([[percents]]%)</span>}],}"></ma-pie-chart>

    but it error Error: [$parse:syntax] Syntax Error: Token '<' invalid key at column 96 of the expression [{labelsEnabled:false,outlineAlpha:0.2,innerRadius:70,hoverAlpha:0.5, balloonText:[{<span style='font-size:20px'>[[title]]</span><br><span style='font-size:35px'><b>[[value]]</b> ([[percents]]%)</span>}],}] starting at [<span style='font-size:20px'>[[title]]</span><br><span style='font-size:35px'><b>[[value]]</b> ([[percents]]%)</span>}],}]. how do I fix balloonText ?

    after 3.4.4 How to use webfont ?
    Now in css can not use like
    @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css); @import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono');

    posted in Dashboard Designer & Custom AngularJS Pages read more
  • sean

    about bootstrap in office-web I download v.4 file then I unzip and replace
    in mango/web/resource/bootstrap but why in the editpage still not work.
    code like this

    <link rel="stylesheet" href="/resources/bootstrap/css/bootstrap.min.css"></link>
    
    <div class="card-deck">
      <div class="card">
        <img class="card-img-top" src="https://semantic-ui.com/images/wireframe/image.png" alt="Card image cap">
        <div class="card-body">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
          <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
        </div>
      </div>
      <div class="card">
        <img class="card-img-top" src="https://semantic-ui.com/images/wireframe/image.png" alt="Card image cap">
        <div class="card-body">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
          <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
        </div>
      </div>
      <div class="card">
        <img class="card-img-top" src="https://semantic-ui.com/images/wireframe/image.png" alt="Card image cap">
        <div class="card-body">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
          <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
        </div>
      </div>
    </div>
    

    screenshot like this
    0_1520334655540_boot01.PNG

    but when I use cdn.

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
    

    It will be work
    0_1520334711837_boot02.PNG

    How do I do to use in resource bootstrap ?

    posted in Dashboard Designer & Custom AngularJS Pages read more