Skip to content

Commit

Permalink
added stack for mobile + minor changes
Browse files Browse the repository at this point in the history
  • Loading branch information
Dimnir committed May 31, 2023
1 parent e3f3875 commit 738f7da
Show file tree
Hide file tree
Showing 18 changed files with 197 additions and 141 deletions.
62 changes: 33 additions & 29 deletions src/app/about/about.component.html
Original file line number Diff line number Diff line change
@@ -1,34 +1,38 @@
<h4 class="pull-right"><u>מטרת האתר</u></h4><br><br>
<p style="text-align: right;">
.אתר זה הוא יוזמה פרטית של תושבים בשכונת גני אביב
<br>
אנחנו והשכנים שלנו מסוגלים לצפות
<div class="panel panel-primary">
<div class="panel-heading text-center">
מטרת האתר
</div>

<strong>
ולדווח על כל דבר בעל אופי חשוד
</strong>
<br>
.ובכך לשמש כזוג עיניים ואוזניים נוסף למען שמירת השקט והבטחון בשכונתינו
<br><br>
יותר דיווחים - יותר מודעות <br><br>
<!-- <h4 class="pull-right"><u></u></h4><br><br> -->
<p style="text-align: right;">
.אתר זה הוא יוזמה פרטית של תושבים בשכונת גני אביב
<br>
אנחנו והשכנים שלנו מסוגלים לצפות

.פושעים מתקשים לפעול באזורים בהם תושבים נוטלים תפקיד פעיל במניעת הפשיעה <br>
<strong>
ולדווח על כל דבר בעל אופי חשוד
</strong>
<br>
.ובכך לשמש כזוג עיניים ואוזניים נוסף למען שמירת השקט והבטחון בשכונתינו
<br><br>
יותר דיווחים - יותר מודעות <br><br>

בנוסף, יש לזכור ששום כוח משטרה לא יכול להגן ביעילות על חיים ורכוש ללא התמיכה הפעילה
ושיתוף הפעולה של האנשים אותם הוא נועד לשרת
<br><br>
אתר זה משמש ככלי לתלונות התושבים במקרים בהם ישנה פעילות חשודה, הפרת סדר
<br>
:או עבירה על החוק, ובכך לתרום
<br><br>
<li dir="rtl">בשמירה על תחושת הביטחון בשכונה </li>
<li dir="rtl">בשמירה על הסדר, הרכוש ואיכות החיים בשכונה </li>
<li dir="rtl">באיתור חשודים במישור הפלילי והחבלני </li>
<li dir="rtl">בתמיכה וסיוע במערך האבטחה הקיים </li>
.פושעים מתקשים לפעול באזורים בהם תושבים נוטלים תפקיד פעיל במניעת הפשיעה <br>

<br><br>
.אין להשתמש באתר כשיטה חלופית לדיווח על פשעים או עבירות אחרות
<br>
אם מדובר במקרה חירום יש לחייג 100
</p>
<br>
בנוסף, יש לזכור ששום כוח משטרה לא יכול להגן ביעילות על חיים ורכוש ללא התמיכה הפעילה
ושיתוף הפעולה של האנשים אותם הוא נועד לשרת
<br><br>
<br>
:אתר זה משמש ככלי לתלונות התושבים במקרים בהם ישנה פעילות חשודה, הפרת סדר או עבירה על החוק, ובכך לתרום
<br><br>
<li dir="rtl">בשמירה על תחושת הביטחון בשכונה </li>
<li dir="rtl">בשמירה על הסדר, הרכוש ואיכות החיים בשכונה </li>
<li dir="rtl">באיתור חשודים במישור הפלילי והחבלני </li>
<li dir="rtl">בתמיכה וסיוע במערך האבטחה הקיים </li>

<br><br><br><br>
.אין להשתמש באתר כשיטה חלופית לדיווח על פשעים או עבירות אחרות

אם מדובר במקרה חירום יש לחייג 100
</p>
13 changes: 13 additions & 0 deletions src/app/app.component.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
.container {
/* margin: 0px; */
height: 100%;
width: 100%;
background-color: rgb(243, 242, 239);
/* background: url('../assets/background.jpg')no-repeat center center fixed; */
-webkit-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
background-size: cover;
opacity: .96;
/* padding-bottom: 50px; */
}
17 changes: 15 additions & 2 deletions src/app/header/header/header.component.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,19 @@
background-color: rgb(120, 244, 161);
}

.navbar-default {
height: 50px;
.navbar-nav>li>a,
.navbar-brand {
padding-top: 5px !important;
padding-bottom: 0 !important;
height: 30px;
}

.navbar {
min-height: 30px !important;
}

.navbar-toggle {
padding: 0 0;
margin-top: 7px;
margin-bottom: 0;
}
3 changes: 0 additions & 3 deletions src/app/reports/report-detail/report-detail.component.css
Original file line number Diff line number Diff line change
@@ -1,3 +0,0 @@
.panel {
border: 0px;
}
67 changes: 38 additions & 29 deletions src/app/reports/report-detail/report-detail.component.html
Original file line number Diff line number Diff line change
@@ -1,50 +1,59 @@
<div class="panel panel-info">
<div class="panel-heading text-center">
פרטי התלונה
</div><br>
</div>
<br>
<div dir="rtl">
<div class="row">
<div class="col-xs-12">

<p><u>
תיאור
תיאור התלונה:
</u></p>
<h4>
{{ report.description }}
</h4>
<hr>
<p><u>
<p>
<u>
מיקום
</u></p>
<h4>
{{ pPlace(report.place) }}
</h4>
<hr>
<p><u>
</u>
-
<strong>{{ pPlace(report.place) }}</strong>

|

<u>
סוג תלונה
</u></p>
<h4>
{{ pType(report.type) }}
</h4>
<hr>
<p><u>
</u>
-
<strong>{{ pType(report.type) }}</strong>

|
<u>
זמן
</u></p>
<h4>
{{ report.time | date:'dd/MM/yyyy - HH:mm:ss'}}
</h4>
<br><br><br>
</u>
-
<strong>{{ report.time | date:'HH:mm:ss'}}</strong>
{{ report.time | date:'dd/MM/yyyy'}}
</p>
<br>
<div class="row">
<button class="btn btn-success" (click)="onLikeReport()" *ngIf="!liked">

<div class="col-xs-12">
<div class="btn-toolbar" role="toolbar">
<button class="btn btn-success pull-right" (click)="onLikeReport()" *ngIf="!liked">

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path
d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z" />
</svg>
מאשר
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path
d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z" />
</svg>

</button>
<button class="btn btn-secondary pull-left" (click)="onBack()">חזרה</button>
</button>
<button class="btn btn-danger" (click)="onBack()">חזרה</button>
</div>
</div>
</div>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions src/app/reports/report-edit/report-edit.component.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<div class="row">
<div class="col-xs-12">
<div class="panel panel-info">
<div class="panel panel-primary">

<!-- <div class="panel-heading text-center">{{ editMode? 'עדכון דיווח קיים' : 'יצירת דיווח חדש'}}</div> -->
<div class="panel-heading text-center">יצירת דיווח חדש</div>
<br>

<form [formGroup]="newReportForm" (ngSubmit)="onSubmit()">
<div class="row">
<div class="col-xs-12">
Expand Down Expand Up @@ -50,7 +50,7 @@
</div>
</div>

<br><br><br><br><br>
<br>

<span *ngIf="!newReportForm.valid && newReportForm.touched" class="help-block pull-right">ניתן לשלוח
תלונה
Expand All @@ -61,7 +61,7 @@
<div class="btn-toolbar" role="toolbar">
<button type="submit" [disabled]="!newReportForm.valid"
class="btn btn-success pull-right">שלח</button>
<button type="button" class="btn btn-secondary" (click)="onCancel()">חזרה</button>
<button type="button" class="btn btn-danger" (click)="onCancel()">חזרה</button>
<!-- <button type="button" class="btn btn-danger pull-right" (click)="onDelete()">מחק</button> -->
</div>
</div>
Expand Down
17 changes: 10 additions & 7 deletions src/app/reports/report-list/report-item/report-item.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,17 @@
{{ report.score }}
</span>

<span>
{{pPlace(report.place)}}
</span>


<span class="pull-right">
{{ report.time | date: 'dd/MM - HH:mm' }}
-
{{ pType(report.type) }}
&nbsp;| {{ report.time | date: 'dd/MM HH:mm' }}
</span>

<span class="pull-right"><strong>
&nbsp; {{ pType(report.type) }}
</strong></span>

<span class="pull-right">
<strong>{{pPlace(report.place)}}</strong> -
</span>
</p>
</div>
Expand Down
1 change: 0 additions & 1 deletion src/app/reports/report-list/report-list.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@
תלונות אחרונות

<span class="pull-left">

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-hand-thumbs-up" viewBox="-2 0 16 16">
<path
Expand Down
3 changes: 0 additions & 3 deletions src/app/reports/report-start/report-start.component.css
Original file line number Diff line number Diff line change
@@ -1,3 +0,0 @@
.panel {
border: 0px;
}
79 changes: 38 additions & 41 deletions src/app/reports/report-start/report-start.component.html
Original file line number Diff line number Diff line change
@@ -1,57 +1,54 @@
<div class="panel panel-primary">
<div class="panel-heading text-center">
דיווחים על פעילות חשודה בזמן אמת
אתר דיווחים על פעילות חשודה בזמן אמת בשכונת גני אביב
</div>
<br>

<h4 style="text-align: right;"><u>
ברוכים הבאים
</u></h4>
<p style="text-align: right;">
לחיצה על תלונה מהרשימה תציג פרטים נוספים על אותה התלונה
<br><br>

<div>
<br>
<p style="text-align: left;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" fill="currentColor" class="bi bi-arrow-left"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z" />
</svg>

<em>
לחיצה על תלונה מהרשימה תציג פרטים נוספים על אותה התלונה
</em>
</p>
</div>
לדיווח חדש יש ללחוץ
<a class="nav-link" routerLink="/reports/new">
<strong>
כאן
</strong>
</a>
או בכל עת על כפתור
<strong>
דיווח חדש
</strong>
בראש העמוד
<br><br>

<strong>
במידה וכבר קיימת תלונה דומה
</strong>
יש ללחוץ על כפתור
<strong>
מאשר
</strong>

בתיאור התלונה

<br><br>

לפרטים נוספים על האתר יש ללחוץ

<br>
<p style="text-align: right;">
<li dir="rtl">

לדיווח חדש יש ללחוץ על כפתור
<a class="nav-link" routerLink="/reports/about">
<strong>
דיווח חדש
כאן
</strong>
בראש העמוד, למלא את הפרטים הנדרשים וללחוץ
<strong>
שלח
</strong>
<br>
ישנן 4 קטגוריות ראשיות לתלונה, יש לבחור אחת מהן המתאימה ביותר לסוג התלונה
</li>
<br><br>
</a>

<li dir="rtl">
<u>במידה וכבר קיימת תלונה דומה</u>

ניתן לבצע "לייק" לאותה התלונה בלחיצה על כפתור ה

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor"
class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path
d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z" />
</svg>

בתיאור אותה התלונה ובכך להעלות את המודעות של שאר המשתמשים באתר
</li>
</p>
<hr>
<img src="../../../assets/watch.jpg" class="img-fluid" style="width: 38%;" alt="Responsive image">
<img src="../../../assets/ga.jpg" class="img-fluid" style="width: 62%;" alt="Responsive image">

<br>
</div>
2 changes: 1 addition & 1 deletion src/app/reports/report-start/report-start.component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { Component, OnInit } from '@angular/core';
})
export class ReportStartComponent implements OnInit {

placeName: string = 'שכונת גני אביב';
// placeName: string = 'שכונת גני אביב';

constructor() { }

Expand Down
Loading

0 comments on commit 738f7da

Please sign in to comment.