Author: SimonIoa

Hello i want to retrieve multiples values from single column on db. And i did. They are shown on Console (Painting, Illustration, Graphic Design) but when i put the values on ion-toggles with ngModel only one is set to true. As you may see on the screenshot the values are returning but only Painting is true (toggle on right side)

Html

 <ion-list >
<ion-list-header>
I am Interested in...
</ion-list-header><div><br /></div>
   <ion-item>
  <ion-label>Painting</ion-label>
        <ion-toggle color="gold" [ngModel]="interest=='Painting' ? true:false" (ionChange)="creativeInterest(creative, 'Painting')"></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Graphic Design</ion-label>
  <ion-toggle color="tertiary" [ngModel]="interest=='Graphic Design' ? true:false" (ionChange)="creativeInterest(creative, 'Graphic Design')"></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Illustration</ion-label>
  <ion-toggle color="danger" [ngModel]="interest=='Illustration' ? true:false" (ionChange)="creativeInterest(creative, 'Illustration')"></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Sculpture</ion-label>
  <ion-toggle color="success" [ngModel]="interest=='Sculpture' ? true:false" (ionChange)="creativeInterest(creative, 'Sculpture')"></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Literature</ion-label>
  <ion-toggle color="danger" [ngModel]="interest=='Literature' ? true:false" (ionChange)="creativeInterest(creative, 'Literature')"></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Theater</ion-label>
  <ion-toggle color="dark" [ngModel]="interest=='Theater' ? true:false" (ionChange)="creativeInterest(creative, 'Theater')"></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Film</ion-label>
  <ion-toggle color="warning" [ngModel]="interest=='Film' ? true:false" (ionChange)="creativeInterest(creative, 'Film')"></ion-toggle>
</ion-item>

.ts

export class CreativeSettingsPage implements OnInit {
  creativeInterests: any=[];
 creative: any= {};
 userDetails: any = {};
 interest:any=[];
 constructor(
public userData: UserData
 ) {
this.userDetails = this.userData.getUserData();
 }

ngOnInit() {
this.creativeInsterestSet();
  }

creativeInsterestSet() {
this.userData.creativeInterests(this.userDetails.uid).pipe(
    map((data: any) => {
        if (data.success) {
            this.creativeInterests = data.creativeInterests;
            this.creativeInterests.filter(item =>  {
              this.interest=item.interest;
             console.log( this.interest);
          });

        }
    })
).subscribe()
}

Hello I want to send multiple values from a to an api function.

on the db i store the values in text format. The value that is stored is array

on the Swal alert, I am getting [object object] but i want to get each value e.g. Painting or Graphic Design.

Here is my code so far.

html

<ion-item>
  <ion-label>Painting</ion-label>
  <ion-toggle color="gold" [(ngModel)]="creative.Painting" (click)="creativeInterest(creative)"></ion-toggle>
</ion-item>

<ion-item>
  <ion-label>Graphic Design</ion-label>
  <ion-toggle color="tertiary" [(ngModel)]="creative.Graphic Design" (click)="creativeInterest(creative)"></ion-toggle>
</ion-item>

.ts

   export class CreativeSettingsPage implements OnInit {
    creative: any = {};
    userDetails: any = {};
    constructor(
      public userData: UserData
  ) {
    this.userDetails = this.userData.getUserData();
   }

  ngOnInit() {
  }

  creativeInterest(creative:string)
  {
    this.userData.creativeSettings(this.userDetails.uid, creative).pipe(
      map((data: any) => {
        if (data.success) {
          Swal.fire({
            icon: 'success',
            title: creative,
            showConfirmButton: false,
            backdrop: false,
            timer: 2500
          })
        }
      })
    ).subscribe()
  }

user-data.ts

    creativeSettings(uid: number, creative:any) {
        const url = this.appData.getApiUrl() + 'creativeSettings';
        const data = this.jsonToURLEncoded({
            uid: uid,
            creative: creative
        });
        return this.http.post(url, data, { headers: this.options });
    }

php

function creativeSettings()
{
$request = \Slim\Slim::getInstance()->request();
$response['success'] = true; // 1 true if not errors OK NOTHING

$uid = $request->post('uid');
$creative_interests =  $request->post('creative');

$db = getDB();
$sql = "UPDATE users SET creative_interests = :creative_interests WHERE uid = :uid";
$stmt = $db->prepare($sql);
$stmt->bindParam("uid", $uid);
$stmt->bindParam("creative_interests", $creative_interests);
$stmt->execute();
$db = null;

echo json_encode($response);

}

Hello i have an Angular 12 project and i want to retrieve all results in artisticBehaviour (except those who are NULL or same e.g. Actor, Actor) column in Users table.

ts function that i call all users from Users table.

allArtistsSet() {
    this.userData.allArtists(this.offset).pipe(
      map((data: any) => {
        if (data.success) {
            this.allArtists = data.artistsFeed;
 this.creativenessArtists = this.allArtists.filter((data) => data.artisticBehaviour != null);
        }
      })
    ).subscribe()
  }

html

<select style="background-color: #333;color: whitesmoke;padding: 5px;font-size: small; border-radius: 5px;width: 110px;">
                <option disabled>Creative Behaviour</option>
                <option>Creativeness</option>
                <option *ngFor="let creative of creativenessArtists" value="{{creative}}">{{creative}}</option>
                </select>

Does anyone now if google requires parameters on .htaccess file for php function calls?

I used to have a different .htaccess file and my google sign in used to work. Now i changed it and it doesnt.

htaccess

 RewriteEngine On

#RewriteBase /api/

Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php [QSA,L]

AddType video/ogg  .ogv
AddType video/mp4  .mp4
AddType video/webm .webm

Hello i want to add external .js files into my Ionic Angular Project

Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.2.3
@angular-devkit/build-angular : 0.901.11
@angular-devkit/schematics: 9.1.11
@angular/cli : 9.1.11
@ionic/angular-toolkit: 2.3.0

Utility:
cordova-res (update available: 0.15.2) : 0.15.1
native-run (update available: 1.3.0) : 0.3.0

I created a js folder into assets and i put the files into it. This is how i call them in index.html

<body>
  <app-root></app-root>
  <script type="text/javascript" src="./assets/js/jquery-2.1.4.min.js"></script>





  <script type="text/javascript" src="./assets/js/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="./assets/js/charts.js"></script>
  <script type="text/javascript" src="./assets/js/isotope.pkgd.min.js"></script>
  <script type="text/javascript" src="./assets/js/jquery-ui.min.js"></script>
  <script type="text/javascript" src="./assets/js/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="./assets/js/jquery.canvasjs.min.js"></script>
  <script type="text/javascript" src="./assets/js/jquery.countTo.js"></script>
  <script type="text/javascript" src="./assets/js/jquery.easy-autocomplete.minjs"></script>
    <script type="text/javascript" src="./assets/js/bootstrap.min.js"></script>     
    <script type="text/javascript" src="./assets/js/idangerous.swiper.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.mixitup.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.viewportchecker.min.js"></script>
    <script type="text/javascript" src="./assets/js/filters.js"></script>
  <script type="text/javascript" src="./assets/js/global.js"></script>
  <script type="text/javascript" src="./assets/js/script.js"></script>
  <script type="text/javascript" src="./assets/js/sortable.js"></script>
  <script type="text/javascript" src="./assets/js/magnific.js"></script>
  <script type="text/javascript" src="./assets/js/map.js"></script>
  <script type="text/javascript" src="./assets/js/wow.js"></script>
</body>