javascript - Use one md-switch to toggle a group of other md-switchs in HTML/JS -

-

i wanting able toggle , untoggle entire group sections. when group section toggled off, want sections in group toggle off or disabled. if group section toggled on, want sections toggled on or enabled. added ng-change group toggle function togglelayergroup. have foreach inside function goes through feeds in group. not sure add turn off or on feeds in group.

controller

this feeds loaded up.

// -- load feeds   if (service.currentuser.feeds) {     var feeds = service.currentuserorg.feeds;     angular.foreach(feeds, function(feed, index) {       var lg = $scope.layergroups[feed.category];       if(lg) {         lg.feeds[feed.id] = feed;         lg.feeds[feed.id].layerstate = service.currentuser.mapstate.visiblelayers.indexof(feed.id) >= 0;         if (lg.feeds[feed.id].layerstate) {           lg.state = true;         }       }     });   }

this switches hit.

$scope.layerstate = false; $scope.layergroup = false;  $scope.togglelayer = function (layerstate, feed) {   if (layerstate) {     subscribefeed(feed);      if (service.currentuser.mapstate.visiblelayers.indexof(feed.id) < 0) {       service.currentuser.mapstate.visiblelayers.push(feed.id);       $scope.savestate();     }   }   else {     unsubscribefeed(feed);      var index = service.currentuser.mapstate.visiblelayers.indexof(feed.id);     if (index >= 0) {       service.currentuser.mapstate.visiblelayers.splice(index, 1);       $scope.savestate();     }   } };  $scope.togglelayergroup = function (layergroupstate, layergroup) {   if (!layergroupstate) {     angular.foreach(layergroup.feeds, function (feed, index) {       subscribefeed(feed);       $scope.savestate();     });   }   else {     angular.foreach(layergroup.feeds, function (feed, index) {       unsubscribefeed(feed);       $scope.savestate();     });   } };  function subscribefeed(feed) {   switch (feed.category) {     case 'people':     case 'assets':       feed._markercoll = {};       feed.processentity = processentity;       feed.clearfeed = clearfeed;       break;     case 'places':       feed._placecoll = {};       feed.processentity = processentity;       feed.clearfeed = clearfeed;       break;   }   feed.icons = service.currentuser.feedicons;   feed.off = nextservice.on(feed.id, function (data) {     feed.processentity(data);   });  function unsubscribefeed(feed) {   feed.off();   delete feed.off;   nextservice.emit('unsubscribe', {id: feed.id});   feed.clearfeed(); }

i got work properly. these changes made.

html

<!--layer toggle switch-->         <md-switch class="md-primary" ng-model="layergroup.state" ng-change="togglelayergroup(layergroup)" aria-label="{{layergroup.displayname}} toggle switch"></md-switch>  <!--layer feeds-->       <div  ng-repeat="feed in layergroup.feeds" layout="row" layout-align="start center" style="padding: 0 16px;">         <!--feed name-->         <p flex class="m2" style="color: #ffffff;" ng-style="{ 'opacity' : layergroup.state ? '1' : '.3' }">{{feed.name}}</p>         <!--feed switch-->         <md-switch class="md-primary" ng-model="feed.layerstate" ng-disabled="!layergroup.state" ng-change="togglelayer(feed)" aria-label="{{feed.name}} toggle switch"></md-switch>       </div>

i added ng-style show when feeds disabled. , ng-disabled disable switch when layergroupstate false.

controller

// -- load feeds   if (ecosystemservice.currentuserorg.feeds) {     var feeds = ecosystemservice.currentuserorg.feeds;     angular.foreach(feeds, function(feed, index) {       var lg = $scope.layergroups[feed.category];       if(lg) {         lg.feeds[feed.id] = feed;         lg.feeds[feed.id].layerstate = ecosystemservice.currentuser.mapstate.visiblelayers.indexof(feed.id) >= 0;         if (lg.feeds[feed.id].layerstate) {           lg.state = true;         }       }     });   }  $scope.togglelayergroup = function (layergroup) {   if (layergroup.state) {     angular.foreach(layergroup.feeds, function (feed) {       subscribefeed(feed);        if (ecosystemservice.currentuser.mapstate.visiblelayers.indexof(feed.id) < 0) {         ecosystemservice.currentuser.mapstate.visiblelayers.push(feed.id);         $scope.savestate();       }       feed.layerstate = true;     });   }   else {     angular.foreach(layergroup.feeds, function (feed) {       unsubscribefeed(feed);        var ndex = ecosystemservice.currentuser.mapstate.visiblelayers.indexof(feed.id);       if (ndex >= 0) {         ecosystemservice.currentuser.mapstate.visiblelayers.splice(ndex, 1);         $scope.savestate();       }       feed.layerstate = false;     });   } };

i added code place feeds loaded , added code in togglelayergroup change layerstate dependending on value of layergroup.


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more