From be4956b53ffe16ad513434f3b2519b18e1ad285d Mon Sep 17 00:00:00 2001 From: Adam Kariv Date: Wed, 7 Feb 2024 13:02:04 +0200 Subject: [PATCH] fixes kolzchut/srm#654 --- projects/srm/src/app/app.module.ts | 2 + .../menu-popup-accordion.component.html | 24 ++++++ .../menu-popup-accordion.component.less | 83 +++++++++++++++++++ .../menu-popup-accordion.component.ts | 29 +++++++ .../menu-popup-missing.component.html | 71 +++++++++++----- .../menu-popup-missing.component.less | 35 ++------ .../menu-popup-missing.component.ts | 2 + 7 files changed, 195 insertions(+), 51 deletions(-) create mode 100644 projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.html create mode 100644 projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.less create mode 100644 projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.ts diff --git a/projects/srm/src/app/app.module.ts b/projects/srm/src/app/app.module.ts index 1da1a46a..a2808699 100644 --- a/projects/srm/src/app/app.module.ts +++ b/projects/srm/src/app/app.module.ts @@ -75,6 +75,7 @@ import { AreaSearchComponent } from './area-search/area-search.component'; import { SearchFiltersBarComponent } from './search-filters-bar/search-filters-bar.component'; import { AreaSearchNationalServicesCountComponent } from './area-search-national-services-count/area-search-national-services-count.component'; import { AreaSearchNationalServicesNotificationComponent } from './area-search-national-services-notification/area-search-national-services-notification.component'; +import { MenuPopupAccordionComponent } from './menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component'; @NgModule({ declarations: [ @@ -144,6 +145,7 @@ import { AreaSearchNationalServicesNotificationComponent } from './area-search-n SearchFiltersBarComponent, AreaSearchNationalServicesCountComponent, AreaSearchNationalServicesNotificationComponent, + MenuPopupAccordionComponent, ], imports: [ BrowserModule, diff --git a/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.html b/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.html new file mode 100644 index 00000000..bd6f5d45 --- /dev/null +++ b/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.html @@ -0,0 +1,24 @@ +
+
+
+
{{title}}
+
+
+
+

האם שירותי העמותה שלכם מופיעים ב"כל שירות"?

+

אם עדיין לא – זה הזמן לדאוג שיופיעו כך שכל הזקוקים להם ידעו על קיומם ויוכלו ליהנות מהם.

+

עליכם להזין את המידע על כל שירותי העמותה באתר "גיידסטאר" והמידע יישאב אוטומטית לאתר "כל שירות".

+ +

לעזרה בתהליך הזנת המידע ראו:

+ +

+ המדריך של "כל שירות" להזנת מידע
+ סרטון הסבר על הזנת מידע בגיידסטאר
+ סרטון הסבר של גיידסטאר למה כדאי להזין מידע +

+ +

שאלות? אנא כתבו אלינו לכתובת info@kolsherut.org.il

+ +
+
+
diff --git a/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.less b/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.less new file mode 100644 index 00000000..1e7603ba --- /dev/null +++ b/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.less @@ -0,0 +1,83 @@ +@import '../../../../common.less'; + +.accordion { + padding: 8px 12px; + border: 1px solid @color-blue-6; + background-color: @color-blue-8; + transition-property: background-color height; + transition-duration: 0.3s; + overflow: hidden; + border-radius: 8px; + + .section-title { + display: flex; + flex-flow: row nowrap; + align-items: center; + cursor: pointer; + height: 32px; + + .title { + color: @color-blue-1; + .font-rag-sans; + font-size: 16px; + font-weight: 700; + line-height: 20px; + } + .icon { + margin-right: auto; + width: 16px; + height: 16px; + .background-image; + background-image: url(../../../../assets/img/icon-chevron-down-blue-700.svg); + transition: transform 0.3s; + } + } + + .section-text { + margin-top: 6px; + + h2 { + color: @color-gray-1; + .font-rag-sans; + font-size: 20px; + font-weight: 400; + line-height: 20px; + margin: 0; + margin-bottom: 24px; + } + + h3 { + color: @color-gray-1; + .font-rag-sans; + font-size: 16px; + font-weight: 700; + line-height: 20px; + margin: 0; + margin-bottom: 4px; + } + + p, ul { + margin: 0; + margin-bottom: 16px; + font-weight: 300; + } + + a { + color: @color-blue-1; + text-decoration: underline; + } + } + + &.open { + background-color: white; + .section-title { + .icon { + transform: rotate(180deg); + } + } + + .section-text { + display: block; + } + } +} diff --git a/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.ts b/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.ts new file mode 100644 index 00000000..fb8568e6 --- /dev/null +++ b/projects/srm/src/app/menu/menu-popup/menu-popup-accordion/menu-popup-accordion.component.ts @@ -0,0 +1,29 @@ +import { Component, ElementRef, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewChild, signal } from '@angular/core'; +import { timer } from 'rxjs'; + +@Component({ + selector: 'app-menu-popup-accordion', + templateUrl: './menu-popup-accordion.component.html', + styleUrl: './menu-popup-accordion.component.less' +}) +export class MenuPopupAccordionComponent implements OnChanges { + + @Input() title: string; + @Input() open = false; + + @Output() selected = new EventEmitter(); + + @ViewChild('inner') content: ElementRef; + + height = signal(48); + + select() { + this.selected.emit(); + } + + ngOnChanges(): void { + timer(0).subscribe(() => { + this.height.set(18 + (this.open ? this.content.nativeElement.scrollHeight : 32)); + }); + } +} diff --git a/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.html b/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.html index 559ca288..1a9a3337 100644 --- a/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.html +++ b/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.html @@ -1,25 +1,52 @@ - + -

- בתקופת המלחמה מתגייסת החברה האזרחית בישראל, כמו גם רשויות מקומיות, עמותות וחברות לתמיכה וסולידריות עם נפגעי המלחמה, החיילים, המילואימניקים ומשפחותיהם ואוכלוסיות בסיכון. -

-

אילו שירותים מוצגים באתר?

-

- בשגרה אתר כל שירות מציג שירותים ומענים חברתיים שהמדינה, ארגונים וגופים שונים מעמידים לרשותנו, התושבים. במצב החירום המלחמתי הדגש הוא על שירותים מותאמים למצב זה, המוצעים ללא תשלום ובאופן אמין ועדכני. - כבר אספנו די הרבה שירותים כאלה, אולי גם שלך ביניהם. -

-

איך לוודא שהתוכן אמין ועדכני?

-

- כל שירות שנכנס לאתר חייב לכלול כותרת, תיאור ממצה, קטגוריה (המתאימה ביותר למצב החירום) ופרטי התקשרות ודאיים (בדקתם בעצמכם) של ספק השירות. -

-

איך לעדכן שירותים של עמותות?

-

- הדרך המומלצת לעדכן שירותים של עמותות היא דרך הממשק של אתר העמותות גיידסטאר שממנו אנחנו שואבים מידע בכל יום. יצרנו סרטון הדרכה קצר שמסביר בדיוק איך לעשות את זה. אפשר לנסות לפנות אל העמותה גם אם אין לך קשר ישיר אליה או בכל זאת למלא את המידע בטופס שלנו. -

+
+ +

האם שירותי העמותה שלכם מופיעים ב"כל שירות"?

+

אם עדיין לא – זה הזמן לדאוג שיופיעו כך שכל הזקוקים להם ידעו על קיומם ויוכלו ליהנות מהם.

+

עליכם להזין את המידע על כל שירותי העמותה באתר "גיידסטאר" והמידע יישאב אוטומטית לאתר "כל שירות".

+ +

לעזרה בתהליך הזנת המידע ראו:

+ +

+ המדריך של "כל שירות" להזנת מידע
+ סרטון הסבר על הזנת מידע בגיידסטאר
+ סרטון הסבר של גיידסטאר למה כדאי להזין מידע +

+ +

שאלות? אנא כתבו אלינו לכתובת info@kolsherut.org.il

+ + +

אילו שירותים מוצגים באתר?

+

+ אתר כל שירות מציג שירותים ומענים חברתיים שהמדינה, ארגונים וגופים שונים מעמידים לרשותנו, התושבים. +

+

מה צריך לעשות על מנת שהשירותים שלכם יופיע באתר?

+

+ כתבו אלינו לכתובת info@kolsherut.org.il +

+

+ אנא ציינו את שמכם, שם הארגון ואילו שירותים חברתיים אתם מספקים. + וכמובן, פרטי ההתקשרות שלכם. +

+

+ תודה, צוות כל שירות. +

+ +
-
- - למילוי הטופס - -
+ @if (section === 'ngo' || section === 'others') { +
+ @if (section === 'ngo') { + + לאתר גיידסטאר + + } + @if (section === 'others') { + + כתבו אלינו + + } +
+ } \ No newline at end of file diff --git a/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.less b/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.less index 1e17ffe4..f2af945e 100644 --- a/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.less +++ b/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.less @@ -5,35 +5,12 @@ height: 100%; width: 100%; - h2 { - color: @color-gray-1; - .font-rag-sans; - font-size: 20px; - font-weight: 400; - line-height: 20px; - margin: 0; - margin-bottom: 24px; - } - - h3 { - color: @color-gray-1; - .font-rag-sans; - font-size: 16px; - font-weight: 700; - line-height: 20px; - margin: 0; - margin-bottom: 4px; - } - - p, ul { - margin: 0; - margin-bottom: 16px; - font-weight: 300; - } - - a { - color: @color-blue-1; - text-decoration: underline; + .wrapper { + min-height: 360px; + width: 100%; + display: flex; + flex-flow: column; + gap: 8px; } .bottom { diff --git a/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.ts b/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.ts index b0d78a50..9be56bde 100644 --- a/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.ts +++ b/projects/srm/src/app/menu/menu-popup/menu-popup-missing/menu-popup-missing.component.ts @@ -10,6 +10,8 @@ import { A11yService } from '../../../a11y.service'; }) export class MenuPopupMissingComponent implements OnInit { + section = 'none'; + constructor(private seo: SeoSocialShareService, private a11y: A11yService, @Inject(DOCUMENT) private document: any) { }