cytoscape: Uncaught TypeError: Cannot assign to read only property 'unique' of object '[object Object]'

See also questions close to this topic

• How to dynamically set value for Kendo comboBox or Kendo dropdown List in ngFor Loop?

  I am passing data for comboxBox or dropdwonList in a ngFor. How can I set the value based on object in datasource. For-example I want to set ngModel as healthParameterValue.isSelected to select that value for comboBox.

  All the example I have seen they are passing static value to the ngModel but I want to set value dynamically.

  <tbody *ngFor="let healthParameters of healthParameterType.healthParameters; let i = index">
      <tr>
         <td>{{healthParameters.healthParameterSetting}}</td>
        <td width="30%">
          <div class="formCheckGroup pab-2" *ngIf="healthParameters.isMultiSelectEnabled == false" >
               <kendo-combobox 
                 [data]="healthParameters.healthParameterValues"
                 [textField]="'name'"
                 [valueField]="'id'"
                 [(ngModel)]="defaultItem[healthParameterValue.isSelected]"
                 name="HealthParameterValue 
                 (valueChange)="valueChange($event,healthParameterType.id,healthParameters.id)">
               </kendo-combobox>
          </div>
        </td>
    </tr>                           
  

  

  Thanks in advance.
• Angular Fire Auth, custom/extended signup / user creation with verification mail and routing

  I want to create a custom signup method for Angular Fire doing a couple of things:

  1. create a new Fire Auth user with email and password
  2. if successful, create a new User with email in my own db
  3. if successful, send verification mail
  4. if successful, route to user home

  Some questions:

  • How can I prevent duplicating the same handleError calls in my current solution?
  • did I miss something in my current solution?

  Current solution:

    signup(email: string, password: string): void {
      this.fire.createUserWithEmailAndPassword(email, password).then(
        (afAuth) => {
          this.httpService.createUser(email).subscribe(
            (user: User) => {
              afAuth.user?.sendEmailVerification().then(
                () => this.nav.routeToUser(user.id),
                error => this.handleError(error)
              );
            },
            error => this.handleError(error)
          );
        },
        error => this.handleError(error)
      );
    }
  
  ...
  
    createUser(email: string): Observable<User> {
        const url = `......`;
        return this.http.post<User>(url, email, this.httpOptions);
      }
  
• How to move javascript chat into ionic 4 Angular

  I am trying to load the chat on my website also into my Ionic app. please i need help.

  i want to load all of this script.

  <script src="assets/js/plugin/components/jQuery/jquery-1.11.3.min.js"></script>
  <script src="assets/js/plugin/components/moment/moment.min.js"></script>
  <script src="assets/js/plugin/whatsapp-chat-support.css"></script>
  <script src="assets/js/plugin/components/moment/moment-timezone-with-data.min.js"></script>
  

  then after i want to initiate like this

  <script>
     $('#example_3').whatsappChatSupport({
          defaultMsg : '',
      });
  </script>
  

  then call in a div tag like this

  <div class="whatsapp_chat_support wcs_fixed_right" id="example">
  

  this is how i did it on my web page, but i need help doing it in ionic
• Layout Partition option in cytoscape.js-elk

  I'm trying to use layout partition option in cytoscape.js-elk. But I don't get it to work. All target nodes are appears in the same layer.

  This is how it looks for me, and this is what I have expected:

  I referenced the following demo code. image

  My codes:

  var cy = cytoscape({
  container: $('#cy'),
  elements: [
  {data: { id: "n1"}},
  {data: { id: "n2", layoutOptions: {'partitioning.partition': 1}}},
  {data: { id: "n3", layoutOptions: {'partitioning.partition': 2}}},
  {data: { id: "n4", layoutOptions: {'partitioning.partition': 2}}},
  {data: { id: "n6", layoutOptions: {'partitioning.partition': 3}}},
  {data: { id: "n5", layoutOptions: {'partitioning.partition': 3}}},
  {data: { id: "e1", source: "n1" , target: "n2" }},
  {data: { id: "e2", source: "n1" , target: "n3" }},
  {data: { id: "e3", source: "n1" , target: "n4" }},
  {data: { id: "e4", source: "n1" , target: "n5" }},
  {data: { id: "e5", source: "n1" , target: "n6" }}
  ],
  style: [
  ...
  ],
  layout: {
  name: 'elk',
  elk: {
  'algorithm': 'layered',
  'partitioning.activate': true,
  }
  }
  });
  

  Hope someone has an idea. Thank you in advance.
• cytoscape js filter does not work when you pass a parameter to the filter item

  I have a network set up well. But what I want to do is pass the name of the node through the $_post, so from the e.g. cytoscape.php?name=xxxxx, one can get the xxxxx, and pass it to JavaScript and afterwards highlight in the network by the following code. But so far I find the code works with certain value but not with the passed variable js_variable1.

  var slec=cy.elements("node[name=js_variable1]")
  //var slec=cy.filter('node[name=js_variable1]');
   slec.select();
  cy.center( slec );
  
• Cytoscape.js cy.style(): replace selector instead of adding

  I wrote a simple edge editing function, as I'm unable to install the extension. Here's what I do on every control nodes movement:

    this.cy.style().selector(`[id = '${id}']`).style({
       'control-point-distances': bendDistances.join(' '),
       'control-point-weights': bendWeights.join(' ')
    }).update()
  

  id is the id of active edge. I was expecting this code to replace matching 'control-point-distances' and 'control-point-weights' every time I call it, if selector is the same. However it isn't the case. I get this in my serialized style:

  {"selector":"[id = \"6\"]","style":{"control-point-distances":"107px -50px","control-point-weights":"-0.082 0.8"}},
  {"selector":"[id = \"6\"]","style":{"control-point-distances":"107px 53px","control-point-weights":"-0.082 0.499"}},
  {"selector":"[id = \"6\"]", ...
  

  How can I replace the same selectors on core? Or how can I check their existance and remove them first?