\r\n \r\n
\r\n
\r\n\r\n ![](\"../assets/validating-ticket.png\")
\r\n {{\"confirm delete\" |translate}}\r\n
\r\n\r\n
\r\n{{'you are about delete the input content' | translate}}
\r\n\r\n\r\n \r\n {{'Ok'|translate}}\r\n\r\n\r\n
","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.scss']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n\r\n\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-login-header',\r\n templateUrl: './login-header.component.html',\r\n styleUrls: ['./login-header.component.css']\r\n})\r\nexport class LoginHeaderComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","login-header works!
\r\n","import { Component, Inject, OnInit, Optional } from '@angular/core';\r\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { Observable, Observer } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-preview-attachment',\r\n templateUrl: './preview-attachment.component.html',\r\n styleUrls: ['./preview-attachment.component.css']\r\n})\r\nexport class PreviewAttachmentComponent implements OnInit {\r\n attatchment: any;\r\n generatedImage: any;\r\n tempGeneratedImage: any;\r\n extension;\r\n viewer = 'google';\r\n canPreview = true;\r\n isImage: boolean = false;\r\n fileName = null;\r\n constructor(@Optional() @Inject(MAT_DIALOG_DATA) public data: any,\r\n private sanitizer: DomSanitizer\r\n ) {\r\n this.attatchment = data;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.createBlobImageFileAndShow()\r\n }\r\n\r\n createBlobImageFileAndShow(): void {\r\n var ext = this.attatchment.Name.substring(this.attatchment.Name.lastIndexOf('.') + 1).toLowerCase();\r\n //const Image = this.attatchment.Name.split(\".\", 2);\r\n const imageName: string = this.attatchment.Name;\r\n this.fileName = imageName;\r\n // var extension = ext == 'pdf' ? \"application/pdf\" : \"image/\" + ext;\r\n this.extension = this.GetMimeType(ext);\r\n\r\n this.dataURItoBlob(this.attatchment.data, this.extension).subscribe((blob: Blob) => {\r\n const imageBlob: Blob = blob;\r\n\r\n var file: any;\r\n file = new File([imageBlob], imageName, {\r\n type: this.extension\r\n });\r\n this.generatedImage = window.URL.createObjectURL(file);\r\n this.generatedImage = this.sanitizer.bypassSecurityTrustResourceUrl(this.generatedImage);\r\n debugger;\r\n if (ext.indexOf('jpeg') > -1 || ext.indexOf('png') > -1 || ext.indexOf('jpg') > -1) {\r\n this.canPreview = true;\r\n this.isImage = true;\r\n return\r\n }\r\n if (ext.indexOf('doc') > -1 || ext.indexOf('xl') > -1) {\r\n this.canPreview = false;\r\n this.isImage = false;\r\n } else {\r\n this.canPreview = true;\r\n this.isImage = false;\r\n }\r\n\r\n });\r\n }\r\n\r\n GetMimeType(extension) {\r\n var extToMimes = {\r\n 'jpeg': 'image/jpeg',\r\n 'jpg': 'image/jpg',\r\n 'png': 'image/png',\r\n 'docx': \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\r\n \"doc\": \"application/msword\",\r\n \"dot\": \"application/msword\",\r\n \"xls\": \"application/vnd.ms-excel\",\r\n \"xlt\": \"application/vnd.ms-excel\",\r\n \"xlsx\": \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\r\n \"pdf\": \"application/pdf\"\r\n }\r\n\r\n return extToMimes[extension];\r\n }\r\n /* Method to convert Base64Data Url as Image Blob */\r\n dataURItoBlob(dataURI: string, extension: string): Observable\r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgxSpinnerModule } from 'ngx-spinner';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { HeaderComponent } from './header/header.component';\r\nimport { FooterComponent } from './footer/footer.component';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatGridListModule } from '@angular/material/grid-list';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { TranslateModule, TranslateLoader, } from '@ngx-translate/core';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { AppSettings } from 'src/app/core/settings/app-settings';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatNativeDateModule } from '@angular/material/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MomentDateAdapter } from '@angular/material-moment-adapter';\r\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\r\nimport { EditorModule } from '@tinymce/tinymce-angular';\r\nimport { NgSelectModule } from '@ng-select/ng-select';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { NgbCollapseModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\n\r\nimport * as _moment from 'moment';\r\nimport { LoginHeaderComponent } from './login-header/login-header.component';\r\nimport { PreviewAttachmentComponent } from './preview-attachment/preview-attachment.component';\r\nimport { ConfirmDeleteComponent } from './confirm-delete/confirm-delete.component';\r\nimport { NgxDocViewerModule } from 'ngx-doc-viewer'; \r\nexport const MY_FORMATS = {\r\n parse: {\r\n dateInput: 'DD/MM/yyyy',\r\n },\r\n display: {\r\n dateInput: 'DD/MM/yyyy',\r\n monthYearLabel: 'MMM YYYY',\r\n dateA11yLabel: 'LL',\r\n monthYearA11yLabel: 'MMMM YYYY',\r\n },\r\n};\r\nconst commonModules = [\r\n CommonModule,\r\n NgxSpinnerModule,\r\n FormsModule,\r\n ReactiveFormsModule\r\n\r\n\r\n];\r\nconst MaterialModules =\r\n [\r\n MatSelectModule,\r\n MatRadioModule,\r\n MatIconModule,\r\n MatGridListModule,\r\n MatFormFieldModule,\r\n MatToolbarModule,\r\n MatDialogModule,\r\n MatTooltipModule,\r\n ToastrModule.forRoot({ preventDuplicates: true }),\r\n EditorModule,\r\n NgSelectModule,\r\n MatDatepickerModule,\r\n MatNativeDateModule,\r\n MatFormFieldModule,\r\n NgbModule,\r\n NgbCollapseModule,\r\n MatPaginatorModule,\r\n NgxDocViewerModule\r\n ]\r\nexport function createTranslateLoader(http: HttpClient) {\r\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\r\n}\r\n\r\nconst commonComponents = [HeaderComponent, FooterComponent];\r\n@NgModule({\r\n declarations: [commonComponents, LoginHeaderComponent, PreviewAttachmentComponent, ConfirmDeleteComponent],\r\n imports: [commonModules, MaterialModules,\r\n TranslateModule.forRoot({\r\n defaultLanguage: AppSettings.defaultLang,\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: (createTranslateLoader),\r\n deps: [HttpClient]\r\n },\r\n })\r\n ],\r\n providers: [\r\n {\r\n provide: DateAdapter,\r\n useClass: MomentDateAdapter,\r\n deps: [MAT_DATE_LOCALE]\r\n },\r\n\r\n { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },\r\n\r\n ],\r\n entryComponents: [PreviewAttachmentComponent],\r\n exports: [commonModules, MaterialModules, TranslateModule],\r\n})\r\nexport class SharedModule { }\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-aside',\r\n templateUrl: './aside.component.html',\r\n styleUrls: ['./aside.component.scss']\r\n})\r\nexport class AsideComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n \r\n
\r\n![](\"../assets/attention-blue.png\")
\r\n \r\n ![\"logo\"](\"../../../assets/img/logo.png\")
\r\n
\r\n\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-survey-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss']\r\n})\r\nexport class FooterSureveyComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n نشكر لكم تواصلكم مع مركز بلاغات وزارة النقل - مركز المستفیدین – الھیئة\r\n العامة للموانئ ونود مشاركتكم في تقييم مستوى الخدمة المقدمة لكم\r\n
\r\n\r\n جميع الحقوق محفوظة 1442هـ | 2021 م وزارة النقل المملكة العربية السعودية\r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\nimport {\r\n FormGroup,\r\n FormBuilder,\r\n} from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { SurveyService } from 'src/app/services/survey.service';\r\n@Component({\r\n selector: 'app-survey',\r\n templateUrl: './survey.component.html',\r\n styleUrls: ['./survey.component.scss'],\r\n})\r\nexport class SurveyComponent implements OnInit {\r\n form: FormGroup;\r\n question2: string = '';\r\n question1: string = '';\r\n enhancementNote: string = '';\r\n lang = localStorage.getItem('lang');\r\n\r\n constructor(private formBuilder: FormBuilder,\r\n private spinner: NgxSpinnerService,\r\n private SurveyService:SurveyService,\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n private translate: TranslateService,\r\n private Toaster: ToastrService) {\r\n \r\n }\r\ninitialize(){\r\n this.form = this.formBuilder.group({\r\n question2: [''],\r\n question1: [''],\r\n enhancementNote: [''],\r\n });\r\n}\r\n ngOnInit(): void {\r\n \r\n this.initialize();\r\n this.route.queryParams.subscribe(params => {\r\n let token = params['token'];\r\n this.checkSurvey(token)\r\n \r\n });\r\n }\r\n\r\n get f() {\r\n return this.form.controls;\r\n }\r\ncheckSurvey(token){\r\n this.SurveyService.checkSurvey(token).subscribe((res)=>{\r\n this.spinner.hide();\r\n }, (err) => {\r\n if(err.status==401)\r\n {\r\n window.location.reload()\r\n }\r\n\r\n this.Toaster.error(\r\n \r\n this.lang == 'ar-SA'\r\n ? err?.error?.arabicMessage\r\n : err?.error?.englishMessage\r\n );\r\n \r\n this.spinner.hide();\r\n \r\n })\r\n}\r\n submit() {\r\n if(this.form.value) {\r\n console.log(this.form.value);\r\n \r\n this.SurveyService.postSurvey(this.form.value).subscribe((res)=>{\r\n this.Toaster.success(\r\n \r\n this.translate.instant('Your Survey Has Been Submited Successfuly')\r\n );\r\n this.spinner.hide();\r\n }, (err) => {\r\n if(err.status==401)\r\n {\r\n window.location.reload()\r\n }\r\n \r\n this.Toaster.error(\r\n \r\n this.lang == 'ar-SA'\r\n ? err?.error?.arabicMessage\r\n : err?.error?.englishMessage\r\n );\r\n \r\n this.spinner.hide();\r\n \r\n })\r\n \r\n }\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n جميع الحقوق محفوظة 1442هـ | 2021 م وزارة النقل المملكة العربية السعودية\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n يرجي ادخال الملاحظات\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n یرجى الضغط على رقم مستوى الخدمة المقدمة لكم في البلاغ :
\r\n\r\n
\r\n \r\n \r\n لابد من إختيار option.\r\n
\r\n \r\n
\r\n ما رأیك في نتیجة البلاغ الخاص بكم ؟
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n هل لديكم ملاحظات لتحسين مستوى الخدمة المقدمة؟\r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n