renusify 2.1.5 → 2.1.8

package/docs/src/views/index/v1/component/infinite/infinite_box/fa.vue

@@ -0,0 +1,106 @@
+<template>
+  <section>
+    <div class="color-white mb-2">
+      <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
+        r-infinite-box
+      </h1>
+      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
+        <r-btn readonly size="small"> r-infinite-box</r-btn>
+        جعبه ای که برای همیشه تکرار می‌شود
+      </p>
+    </div>
+    <table-props :items="items"></table-props>
+  </section>
+  <section>
+    <p class="caption">Press run Button</p>
+    <r-code-editor
+        runnable
+        script='data(){
+ return {
+    "color": "color-two",
+    "isChat": false,
+    "title": "messages",
+    "url": "messages/list",
+    "height": "400px",
+    "query": null,
+    "isLive": false,
+    "liveTimer": 10000,
+    "headers":null
+}
+}'
+        template='<r-infinite-box :headers="headers" :color="color" :is-Chat="isChat" :title="title" :url="url" :height="height" :query="query" :is-Live="isLive" :live-Timer="liveTimer" >
+	<template v-slot="{ item }">
+	  {{item}}
+	</template>
+</r-infinite-box>'
+    ></r-code-editor>
+  </section>
+  <br/>
+  <br/>
+</template>
+<script>
+export default {
+  name: "infinite_box",
+  data() {
+    return {
+      items: [
+        {
+          prop: "color",
+          type: "String",
+          default: "color-two",
+          description: "رنگ مدنظر",
+        },
+        {
+          prop: "isChat",
+          type: "Boolean",
+          default: "null",
+          description: "scroll اتوماتیک به پایین هدایت می شود . ",
+        },
+        {
+          prop: "title",
+          type: "String",
+          default: "title",
+          description: "عنوان مدنظر",
+        },
+        {
+          prop: "url",
+          type: "String",
+          default: "undefined",
+          description:
+              "لینک دریافت اطلاعات که مقدار برگشتی آن باید بر اساس فرمت {data:Array,total:Number} باشد.",
+        },
+        {
+          prop: "height",
+          type: "String",
+          default: "400px",
+          description: "ارتفاع ",
+        },
+        {
+          prop: "query",
+          type: "Object",
+          default: "undefined",
+          description: "اگر خواستید پارامتری هم ارسال کنید ",
+        },
+        {
+          prop: "isLive",
+          type: "Boolean",
+          default: "null",
+          description: "بطور زنده ",
+        },
+        {
+          prop: "liveTimer",
+          type: "Number",
+          default: "10000",
+          description: "بعداز تایم مدنظر دوباره صفحه رفرش می شود",
+        },
+        {
+          prop: "headers",
+          type: "Object",
+          default: "null",
+          description: "هدر اضافی هنگام ارسال ",
+        },
+      ],
+    };
+  },
+};
+</script>

package/docs/src/views/index/v1/component/infinite/infinite_div/en.vue

@@ -0,0 +1,87 @@
+<template>
+  <section>
+    <div class="color-white mb-2">
+      <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
+        r-infinite-div
+      </h1>
+      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
+        A
+        <r-btn readonly size="small"> r-infinite-div</r-btn>
+        that repeats forever.
+      </p>
+    </div>
+
+    <table-props :items="items"></table-props>
+  </section>
+  <section>
+    <p class="caption">Press run Button</p>
+    <r-code-editor
+        runnable
+        script='data(){
+ return {
+    "isChat": false,
+    "height": "400px",
+    "url": "messages/list",
+    "query": null,
+    "live": false,
+    "liveTimer": 10000,
+    "headers": null
+}
+}'
+        template='<r-infinite-div :is-Chat="isChat" :height="height" :url="url" :query="query" :live="live" :live-Timer="liveTimer" :headers="headers" ></r-infinite-div>'
+    ></r-code-editor>
+  </section>
+
+  <br/>
+  <br/>
+</template>
+<script>
+export default {
+  name: "infinite_div",
+  data() {
+    return {
+      items: [
+        {
+          prop: "isChat",
+          type: "Boolean",
+          default: "null",
+          description: "Automatically scrolling down",
+        },
+        {
+          prop: "height",
+          type: "String",
+          default: "400px",
+          description: "Height",
+        },
+        {
+          prop: "url",
+          type: "String",
+          default: "undefined",
+          description:
+              "The link to receive information, the return value of which should be based on the {data:Array,total:Number} format.",
+        },
+        {
+          prop: "query",
+          type: "Object",
+          default: "undefined",
+          description: "If you want to send parameter.",
+        },
+        {prop: "live", type: "Boolean", default: "null", description: "Live"},
+        {
+          prop: "liveTimer",
+          type: "Number",
+          default: "10000",
+          description:
+              "After a certain amount of time, the page is refreshed again",
+        },
+        {
+          prop: "headers",
+          type: "Object",
+          default: "null",
+          description: "Extra header for sending",
+        },
+      ],
+    };
+  },
+};
+</script>

package/docs/src/views/index/v1/component/infinite/infinite_div/fa.vue

@@ -0,0 +1,83 @@
+<template>
+  <section>
+    <div class="color-white mb-2">
+      <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
+        r-infinite-div
+      </h1>
+      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
+        <r-btn readonly size="small"> r-infinite-div</r-btn>
+        برای همیشه تکرار می‌شود
+      </p>
+    </div>
+    <table-props :items="items"></table-props>
+  </section>
+  <section>
+    <p class="caption">Press run Button</p>
+    <r-code-editor
+        runnable
+        script='data(){
+ return {
+    "isChat": false,
+    "height": "400px",
+    "url": "messages/list",
+    "query": null,
+    "live": false,
+    "liveTimer": 10000,
+    "headers": null
+}
+}'
+        template='<r-infinite-div :is-Chat="isChat" :height="height" :url="url" :query="query" :live="live" :live-Timer="liveTimer" :headers="headers" ></r-infinite-div>'
+    ></r-code-editor>
+  </section>
+  <br/>
+  <br/>
+</template>
+<script>
+export default {
+  name: "infinite_div",
+  data() {
+    return {
+      items: [
+        {
+          prop: "isChat",
+          type: "Boolean",
+          default: "null",
+          description: "این را به انگلیسی ترجمه کن",
+        },
+        {
+          prop: "height",
+          type: "String",
+          default: "400px",
+          description: "ارتفاع",
+        },
+        {
+          prop: "url",
+          type: "String",
+          default: "undefined",
+          description:
+              "لینک دریافت اطلاعات که مقدار برگشتی آن باید بر اساس فرمت {data:Array,total:Number} باشد.",
+        },
+        {
+          prop: "query",
+          type: "Object",
+          default: "undefined",
+          description: "اگر خواستید پارامتری هم ارسال کنید",
+        },
+        {prop: "live", type: "Boolean", default: "null", description: "زنده"},
+        {
+          prop: "liveTimer",
+          type: "Number",
+          default: "10000",
+          description: "بعداز تایم مدنظر دوباره صفحه رفرش می شود",
+        },
+        {
+          prop: "headers",
+          type: "Object",
+          default: "null",
+          description: "هدر اضافی هنگام ارسال ",
+        },
+      ],
+    };
+  },
+};
+</script>

package/docs/src/views/index/v1/component/infinite/infinite_page/en.vue

@@ -0,0 +1,76 @@
+<template>
+  <section>
+    <div class="color-white mb-2">
+      <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
+        r-infinite-page
+      </h1>
+      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
+        <r-btn readonly size="small"> r-infinite-page</r-btn>
+        It loads automatically when scrolling.
+      </p>
+    </div>
+    <table-props :items="items"></table-props>
+  </section>
+  <section>
+    <p class="caption">Press run Button</p>
+    <r-code-editor
+        runnable
+        script='data(){
+ return {
+    "url": "home/products",
+    "query": null,
+    "noItemMsg": "ITEMS NOT FOUND",
+    "distanceLoad": 150,
+    "headers": null
+}
+}'
+        template='<r-infinite-page :url="url" :query="query" :no-Item-Msg="noItemMsg" :distance-Load="distanceLoad" :headers="headers" >
+    <template v-slot="props">
+      {{props}}
+    </template>
+  </r-infinite-page>'
+    ></r-code-editor>
+  </section>
+</template>
+<script>
+export default {
+  name: "infinite_page",
+  data() {
+    return {
+      items: [
+        {
+          prop: "url",
+          type: "String",
+          default: "undefined",
+          description:
+              "The link to receive information, the return value of which should be based on the {data:Array,total:Number} format.",
+        },
+        {
+          prop: "query",
+          type: "Object",
+          default: "undefined",
+          description: "If you want to send parameter",
+        },
+        {
+          prop: "noItemMsg",
+          type: "String",
+          default: "ITEMS NOT FOUND",
+          description: "There is no message",
+        },
+        {
+          prop: "distanceLoad",
+          type: "Number",
+          default: "150",
+          description: "How far does scrolling occur",
+        },
+        {
+          prop: "headers",
+          type: "Object",
+          default: "null",
+          description: "Headers",
+        },
+      ],
+    };
+  },
+};
+</script>

package/docs/src/views/index/v1/component/infinite/infinite_page/fa.vue

@@ -0,0 +1,76 @@
+<template>
+  <section>
+    <div class="color-white mb-2">
+      <h1 class="display-3 font-weight-light color-white ps-4 pb-1 pt-1 br-lg">
+        r-infinite-page
+      </h1>
+      <p class="font-weight-light ps-4 pb-1 py-4 br-lg">
+        <r-btn readonly size="small"> r-infinite-page</r-btn>
+        هنگام scroll اتوماتیک loading می شود .
+      </p>
+    </div>
+    <table-props :items="items"></table-props>
+  </section>
+  <section>
+    <p class="caption">Press run Button</p>
+    <r-code-editor
+        runnable
+        script='data(){
+ return {
+    "url": "home/products",
+    "query": null,
+    "noItemMsg": "ITEMS NOT FOUND",
+    "distanceLoad": 150,
+    "headers": null
+}
+}'
+        template='<r-infinite-page :url="url" :query="query" :no-Item-Msg="noItemMsg" :distance-Load="distanceLoad" :headers="headers" >
+    <template v-slot="props">
+      {{props}}
+    </template>
+  </r-infinite-page>'
+    ></r-code-editor>
+  </section>
+</template>
+<script>
+export default {
+  name: "infinite_page",
+  data() {
+    return {
+      items: [
+        {
+          prop: "url",
+          type: "String",
+          default: "undefined",
+          description:
+              "لینک دریافت اطلاعات که مقدار برگشتی آن باید بر اساس فرمت {data:Array,total:Number} باشد.",
+        },
+        {
+          prop: "query",
+          type: "Object",
+          default: "undefined",
+          description: "اگر خواستید پارامتری هم ارسال کنید",
+        },
+        {
+          prop: "noItemMsg",
+          type: "String",
+          default: "ITEMS NOT FOUND",
+          description: " عدم وجود پیام",
+        },
+        {
+          prop: "distanceLoad",
+          type: "Number",
+          default: "150",
+          description: "scroll بعداز چه فاصله انجام گیرد ",
+        },
+        {
+          prop: "headers",
+          type: "Object",
+          default: "null",
+          description: "سرتیتر",
+        },
+      ],
+    };
+  },
+};
+</script>